@charset "utf-8";

/* CSS Document */
@import "css/reset.css";

/*----*****---- << General >> ----*****----*/
body {
	font-weight: normal;
	font-size: 14px;
	background: #ffffff;
	color: #666666;
}

body, h1, h2, h3, h4, h5, h6, p {
	font-family: 'open sans';
}

<!--
#main-menu ul li a, .legendLabel {
	font-family: 'opensans', sans-serif;
}

.button {
	font-family: 'Open Sans', sans-serif;
}

--> /*----*****---- << Headings >> ----*****----*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	color: #FFFFFF;
	font-size: 50px;
	line-height: normal;
	display: block;
}

h2 {
	font-size: 24px;
	line-height: normal;
	margin-bottom: 15px;
}

h3 {
	color: #FFFFFF;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 15px;
}

h4 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

h5 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

h6 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.border-title {
	border-bottom: 1px solid #f0efef;
	padding-bottom: 10px;
	*padding-bottom: 0px;
	margin-bottom: 22px;
}

.border-title span {
	display: block;
	height: 1px;
	margin: 7px 0 -11px;
	width: 140px;
}

sdf {
	padding-bottom: 9px;
	position: relative;
}

h4.border-title {
	font-weight: 600;
	padding-bottom: 10px;
	line-height: 35px;
	display: inline-block;
}

.gradient {
	/* Fallback (could use .jpg/.png alternatively) */
	background-color: #00aeef;
	/* SVG fallback for IE 9 (could be data URI, or could use filter) */
	background-image: url(fallback-gradient.svg);
	/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	background-image: -webkit-gradient(linear, left top, right top, from(#00aeef),
		to(#005c97));
	/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background-image: -webkit-linear-gradient(top, #00aeef, # #005c97);
	/* Firefox 3.6 - 15 */
	background-image: -moz-linear-gradient(top, #00aeef, # #005c97);
	/* Opera 11.1 - 12 */
	background-image: -o-linear-gradient(top, #00aeef, # #005c97);
	/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
	background-image: linear-gradient(to top, #005c97, #00aeef);
	/* Ie */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef',
		endColorstr='#005c97', GradientType=0);
	/* IE6-9 */
}

/*	.main-title {
	 padding:56px 0px 59px;
 }

*/
/*	.main-title h2 {
	 color:#fff;
	 font-weight:300;
	 font-size:50px;
	 line-height:50px;
	 margin:0px;
 }

*/

/*----*****---- << Transition >> ----*****----*/
a, input[type=submit], button, input[type=button], .widget ul li,
	#secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before,
	#secondary h2.filtering, #secondary h2.filtering span:before, .service [class^="icon-"],
	.service h4, .pr-tb-col:hover:after, .portfolio .portfolio-thumb>img,
	.portfolio:hover .portfolio-thumb>img, .portfolio-title p, .button.ico i:after,
	.button.ico:hover i:after, .welcome a i, .content-main h3 i,
	.content-list.white i, .content-main h3 {
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	-ms-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}

.portfolio:hover .portfolio-detail, .portfolio .portfolio-detail {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}

/*----*****---- << Text Elements >> ----*****----*/
a {
	text-decoration: none;
}

a:hover {
	color: #333334;
}

a img {
	border: medium none;
	max-width: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	display: block;
	margin: 10px 0px 20px;
}

abbr {
	border-bottom: 1px dotted #3d3d3d;
	cursor: help;
}

ins {
	background: #FFF9C0;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -3px;
}

sup {
	bottom: -3px;
}

p {
	line-height: 24px;
	margin-bottom: 10px;
}

ul, ol, pre, code {
	margin-bottom: 20px;
}

ul {
	list-style-type: square;
	list-style-position: inside;
}

ul li {
	padding-bottom: 10px;
	list-style: none;
}

ul li ul {
	list-style-type: disc;
	padding-left: 20px;
	margin: 10px 0px 0px;
}

ul ul ul {
	margin-bottom: 0px;
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
	padding-top: 10px;
}

ol li {
	padding-bottom: 10px;
}

ol li ol {
	margin-bottom: 0px;
	list-style-type: lower-alpha;
}

ol ol ol {
	margin-bottom: 0px;
	list-style-type: lower-roman;
}

blockquote {
	line-height: 25px;
	font-style: italic;
	font-size: 16px;
	padding: 0 0 0 30px;
	margin: 25px 0px 30px;
	display: block;
	position: relative;
}

blockquote span {
	background-color: #e6e2d6;
	background-position: -354px -234px;
	width: 70px;
	height: 70px;
	float: left;
	margin: 0px 10px 0px 0px;
	border-radius: 70px;
}

blockquote p {
	margin-bottom: 0px;
}

blockquote cite {
	float: right;
	margin: 10px 0px 0px;
	font-size: 14px;
}

blockquote:before {
	content: '"';
	content: open-quote;
	font-size: 60px;
	font-style: italic;
	color: #666666;
	position: absolute;
	left: -5px;
	top: 13px;
	font-weight: normal;
}

blockquote:after {
	content: '"';
	content: close-quote;
	font-size: 60px;
	font-style: italic;
	color: #666666;
	position: absolute;
	width: 30px;
	bottom: -17px;
	font-weight: normal;
}

blockquote.alignleft {
	margin-right: 20px;
	text-align: left;
	width: 30%;
	float: left;
}

blockquote.alignright {
	margin-left: 20px;
	text-align: left;
	width: 30%;
	float: right;
}

blockquote.aligncenter {
	width: 100%;
	text-align: center;
}

pre, code {
	border-left: 3px solid #f8cc6e;
	background-color: #e6e2d6;
	display: block;
	padding: 10px;
	font-size: 11px;
	font-family: monospace;
	width: 96.5%;
	overflow: auto;
}

hr {
	background-color: #e6e2d6;
	border: none;
	height: 1px;
	margin: 30px 0;
}

/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
.hr {
	background: url(images/splitter.png) repeat-x;
	height: 10px;
	width: 100%;
	clear: both;
	display: block;
	float: left;
	margin: 40px 0px;
	position: relative;
	z-index: 1;
}

.hr-border {
	border: 4px double #e6e2d6;
	width: 100%;
	clear: both;
	display: block;
	float: left;
	margin: 50px 0px;
	position: relative;
	z-index: 1;
	border-radius: 5px;
}

.hr-invisible-large {
	float: left;
	width: 100%;
	margin: 70px 0px;
	display: block;
	clear: both;
}

.hr-invisible {
	float: left;
	width: 100%;
	margin: 40px 0px;
	display: block;
	clear: both;
}

.hr-invisible-small {
	float: left;
	width: 100%;
	margin: 20px 0px;
	display: block;
	clear: both;
}

.hr-invisible-very-small {
	float: left;
	width: 100%;
	margin: 10px 0px;
	display: block;
	clear: both;
}

.hr.top, .hr-border.top {
	width: 97%;
}

.hr.top, .hr-border.top {
	background-position: right center;
	text-align: right;
}

.hr.top a, .hr-border.top a {
	color: #999589;
	background: transparent;
	font-size: 11px;
	line-height: 16px;
	padding-left: 5px;
	position: absolute;
	right: -21px;
	top: -5px;
}

.hr-border.top a {
	top: -10px;
	right: -23px;
}

.hr.top a:hover, .hr-border.top a:hover {
	color: #e96666;
}

.clear {
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.center {
	width: 100%;
	text-align: center;
}

.hidden {
	display: none;
}

.post-edit-link {
	background: #e5e5e5;
	color: #5a5a5a;
	float: right;
	clear: both;
	margin: 20px 0px 0px;
	line-height: 24px;
	padding: 0px 10px;
	font-size: 12px;
}

.post-edit-link:hover {
	background: #4C4C4C;
	color: #ffffff;
	text-shadow: 0px 1px 0px #0e4b6e;
}

/*----*****---- << Tables >> ----*****----*/
table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 30px;
	width: 100%;
	clear: both;
	border: 1px solid #d8d8d8;
	border-bottom: 0px;
	border-right: 0px;
}

thead th {
	background: none repeat scroll 0 0 #005e98;
	border-right: 1px solid #005589;
	color: #fffff5;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	padding: 17px 10px;
	text-align: center;
	text-transform: captalize;
}

td {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	color: #005e98;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	padding: 10px 0;
	text-align: center;
	position: relative;
}

tbody tr:nth-child(2n+1) td {
	background: #e5eff4
}

tr:first-child td {
	background: none repeat scroll 0 0 #FFFFFF !important;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	color: #000000;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	padding: 13px 0 13px 8px;
	text-align: left;
}

tr td span {
	font-size: 26px;
	font-weight: bold;
	vertical-align: top;
}

tbody td span i {
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	width: 100%;
}

tbody td span i:before {
	border-top: 1px solid #005e98;
	bottom: 48px;
	content: "";
	left: 0px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 85px;
}

/*----*****---- << Definition Lists >> ----*****----*/
dl {
	margin: 0px 20px;
}

dl.gallery-item {
	margin: 0px;
}

.gallery-caption {
	margin-bottom: 10px;
}

.gallery-item img {
	border: 2px solid #C4C1AE !important;
}

dt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

dd {
	margin-bottom: 20px;
	line-height: 20px;
}

/*----*****---- << Forms >> ----*****----*/
label {
	font-size: 14px;
	color: #2e2a2b;
	font-weight: bold;
	font-size: 14px;
}

label span {
	color: #b4b4b4;
}

fieldset {
	border: 1px solid #efefef;
	padding: 15px;
	margin: 0 0 20px 0;
}

legend {
	font-weight: bold;
}

input[type="text"], input[type="email"], input[type="password"], input.text,
	textarea, input[type="tel"] {
	width: 80%;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
	textarea {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #b3b3b3;
	border-radius: 5px;
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.4) inset;
	color: #666666;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 10px 11px;
}

input[type="text"].error, input[type="email"].error {
	padding: 9px !important;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
	input.text:focus, textarea:focus {
	border-color: #a1a1a1;
}

textarea.error {
	padding: 9px !important;
	border-color: red;
}

textarea {
	height: 85px;
	overflow: auto;
	resize: none;
}

select {
	background: #ededed;
	border: 1px solid #c4c4c4;
	padding: 10px;
	margin: 10px 0 10px;
	display: block;
}

/*	input[type=submit], button, input[type=button] {
	 color:#ffffff;
	 text-transform:capitalize;
	 margin:10px 0px 0px;
	 font-size:16px;
	 padding:11px 20px;
	 float:right;
	 cursor:pointer;
 }

	*/
#searchform input[type="text"] {
	border: none;
	text-transform: uppercase;
	color: #aaaaaa;
	font-size: 12px;
	width: 260px;
}

/*----*****---- << Images >> ----*****----*/
#primary img {
	max-width: 100%;
}

.post-content input[type="submit"], input[type="button"] {
	float: none;
}

.wp-caption {
	background: #C4C1AE;
	border: 1px solid #C4C1AE;
	margin-bottom: 10px;
	margin-top: 10px;
	max-width: 96%;
	padding: 5px 7px 7px 5px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	padding: 6px;
	max-width: 98%;
}

.wp-caption .wp-caption-text {
	text-align: center;
	padding-top: 0px;
	margin: 0px;
}

img.size-auto, img.size-large, img.size-full, img.size-medium {
	max-width: 99.6%;
	height: auto;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter {
	 margin-bottom:20px;
 }

*/

/*----*****---- << Columns >> ----*****----*/
.column {
	margin: 0px 2% 0px 0px;
	float: left;
	min-height: 1px;
	position: relative;
}

.column.last {
	margin-right: 0px;
}

.one-column {
	width: 100%;
}

.column.one-column {
	margin-right: 0px;
}

.one-fourth {
	width: 23.4%;
}

.one-half {
	width: 48.9%;
}

.one-third {
	width: 31.9%;
}

.three-fourth {
	width: 74.5%;
}

.two-third {
	width: 65.8%;
}

.one-fifth {
	width: 18.3%;
}

.four-fifth {
	width: 79.6%;
}

.three-fifth {
	width: 59.2%;
}

.two-fifth {
	width: 38.8%;
}

.one-sixth {
	width: 15%;
}

.two-sixth {
	width: 30%;
}

.three-sixth {
	width: 45%;
}

.four-sixth {
	width: 60%;
}

.five-sixth {
	width: 75%;
}

.column img {
	max-width: 100%;
	height: auto;
}

.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe,
	.two-third iframe, iframe {
	max-width: 100%;
}

embed, iframe, object, video {
	max-width: 100%;
}

.column.no-space {
	margin-right: 0px;
}

.column.no-space.one-fourth {
	width: 24.9%;
}

.column.no-space.one-third {
	width: 33.2%;
}

.column.no-space.one-half {
	width: 50%;
}

.column.no-space.one-fifth {
	width: 19.8%;
}

.column.no-space.one-sixth {
	width: 16.5%;
}

.column.no-space.three-fourth {
	width: 74.9%;
}

.column.no-space.two-third {
	width: 66.5%;
}

.column.no-space.four-fifth {
	width: 79.9%;
}

.column.no-space.three-fifth {
	width: 60%;
}

.column.no-space.two-fifth {
	width: 40%;
}

.column.no-space.two-sixth {
	width: 33.4%;
}

.column.no-space.three-sixth {
	width: 50%;
}

.column.no-space.four-sixth {
	width: 66.6%;
}

.column.no-space.five-sixth {
	width: 83.2%;
}

/* Margining
	-------------------------------------------------------------- */
.margin5, .margin10, .margin15, .margin20, .margin25, .margin30,
	.margin35, .margin40, .margin45, .margin50, .margin55, .margin60,
	.margin65, .margin70, .margin75, .margin80, .margin85, .margin90,
	.margin100 {
	width: 100%;
	clear: both;
	background-color: transparent;
}

.margin5 {
	height: 5px;
}

.margin10 {
	height: 10px;
}

.margin15 {
	height: 15px;
}

.margin20 {
	height: 20px;
}

.margin25 {
	height: 25px;
}

.margin30 {
	height: 30px;
}

.margin35 {
	height: 35px;
}

.margin40 {
	height: 40px;
}

.margin45 {
	height: 45px;
}

.margin50 {
	height: 50px;
}

.margin55 {
	height: 55px;
}

.margin60 {
	height: 60px;
}

.margin65 {
	height: 65px;
}

.margin70 {
	height: 70px;
}

.margin75 {
	height: 75px;
}

.margin80 {
	height: 80px;
}

.margin85 {
	height: 85px;
}

.margin90 {
	height: 90px;
}

.margin100 {
	height: 100px;
}

/*----*****---- << Widgets >> ----*****----*/
.widget {
	float: left;
	width: 100%;
	padding: 0px 0px 40px;
	margin: 0px;
}

.widget h3.widgettitle {
	font-size: 16px;
	padding-bottom: 10px;
}

.widget ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.widget ul li {
	float: left;
	display: block;
	clear: both;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0px;
}

.widget ul li a {
	color: #333334;
	line-height: 20px;
	padding: 13px 25px 15px 25px;
	display: block;
	position: relative;
	background: url(images/thin-border.png) bottom repeat-x;
}

.widget ul ul {
	margin-top: 10px;
	margin-left: 20px;
}

.widget ul ul li {
	width: 90%;
}

/*----*****---- << Container >> ----*****----*/
.container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.boxed .wrapper {
	width: 1020px;
	margin: 0 auto;
	float: none;
}

.boxed .inner-wrapper {
	float: left;
	width: 100%;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

.boxed #header {
	width: 1020px;
	margin: 0 auto;
}

/*----*****---- << Float >> ----*****----*/
.wrapper, #header, .banner, .shadow, .content, .content-main,
	.contact-frm, footer, .copyright {
	float: left;
	width: 100%;
}

/*----*****---- << PIE >> ----*****----*/
.button, .demo-btn a.demo, .demo-btn a.purchase, .portfolio .image-overlay a span,
	ul.tabs-vertical-frame li a span {
	behavior: url(PIE.htc);
}

ul.tabs-vertical-frame li a span {
	position: relative\0/;
	z-index: 1\0/;
}

.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link, ul.products li .product-thumb .product-overlay a,
	.portfolio .image-overlay a span {
	z-index: -1\0/;
}

.portfolio:hover .image-overlay a.zoom, .portfolio:hover .image-overlay a.link,
	ul.products li .product-thumb:hover .product-overlay a, .portfolio:hover .image-overlay a span
	{
	z-index: 1\0/;
}

/*----*****---- << Header >> ----*****----*/
#header {
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#logo {
	float: left;
	padding: 26px 0 0 16px;
}

#logo a {
	display: block;
	width: 80%;
}

/*----*****---- << Main Menu >> ----*****----*/
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

*:first-child+html .group {
	zoom: 1;
}

/* IE7 */
#main-menu {
	float: right;
}

#main-menu ul {
	margin: 0 auto;
	list-style: none;
	position: relative;
}

#main-menu ul li {
	display: inline-block;
	padding: 0;
	float: left;
}

#main-menu ul a {
	color: #63b7ce;
	font-size: 14px;
	float: left;
	padding: 35px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
	border-right: 1px solid #e5e4e4;
}

#main-menu ul li:first-child a {
	border-left: 1px solid #e5e4e4;
}

#main-menu .language {
	border: medium none;
	color: #111212;
	font-size: 12px;
	font-style: normal;
	text-transform: none;
	padding: 35px 15px;
	display: inline-block;
}

/*	#main-menu .language:hover, #main-menu .language:hover span {
	    color: #046b83;
}

*/
#main-menu span i {
	color: #ababab;
	margin-left: 5px;
	display: inline-block;
}

#magic-line {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100px;
	height: 5px;
	padding: 0;
	background: #ea4226;
}

.ie6 #main-menu ul li, .ie7 #main-menu ul li {
	display: inline;
}

.ie6 #magic-line {
	bottom: -3px;
}

/*----*****---- << Responsive Menu >> ----*****----*/
.mobile-menu {
	display: none;
	background-color: #1F84AC;
	color: #fff;
	background-image: url(images/responsive-nav-bg.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0px;
	width: 100%;
	margin: 6px 0px 10px;
	padding-left: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-right: 14px;
}

/*----*****---- << Home >> ----*****----*/
#home {
	background: #f5f5f5;
	padding-bottom: 0px;
}

.content {
	padding: 0 0 50px;
}

/*----*****---- << Banner >> ----*****----*/
.banner {
	margin-top: 86px;
	position: relative;
}

.banner img {
	max-width: 100%;
}

.banner .caption {
	position: absolute;
	text-align: center;
	top: 10%;
}

.banner .caption h2 {
	color: #ffffff; #
	display: inline-block;
	font-size: 30px;
	font-style: italic;
	margin-bottom: 30px;
}

.banner .caption>p {
	color: #ffffff;
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	line-height: 35px;
}

.shadow {
	background: url(images/banner-bottom-shadow.png) bottom no-repeat;
	height: 24px;
}

.welcome p {
	font-size: 16px;
}

.bottom-slider {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.welcome.gradient {
	padding: 25px 0 30px 0;
	float: left;
	width: 100%;
}

.welcome.gradient h3 {
	color: #FFFFFF;
	font-size: 30px;
	font-style: italic;
	font-weight: 600;
	display: inline-block;
	width: 100%;
}

.welcome.gradient>a {
	display: inline-block;
}

.welcome a i {
	color: #ffffff;
	font-size: 60px;
	font-weight: lighter;
}

.welcome a:hover i {
	transform: scale(1.5) rotate(0deg) translate(0px);
	-webkit-transform: scale(1.5) rotate(0deg) translate(0px);
	-moz-transform: scale(1.5) rotate(0deg) translate(0px);
	-o-transform: scale(1.5) rotate(0deg) translate(0px);
	-ms-transform: scale(1.5) rotate(0deg) translate(0px);
}

/*----*****---- << Banner login >> ----*****----*/
#slideout {
	margin: 0 auto;
	top: 25%;
	right: -300px;
	position: fixed;
	right: -300px;
	width: 280px;
	z-index: 99;
}

#slideout {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	text-align: left;
}

#slideout .login-title {
	background: url("images/login-expand.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	color: #fff;
	display: inline-block;
	left: 26px;
	padding: 10px 0 4px 15px;
	position: relative;
	top: -6px;
	width: 100%;
}

div.login-title {
	background: url("images/login-expand.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	padding: 10px 0 4px 0px;
	color: #fff;
	width: 100%;
}

#captiontext  p {
	color: #ffffff;
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	line-height: 35px;
}

.login-title>h4 {
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-shadow: 0 2px 0 #000000;
	text-transform: uppercase;
	padding: 5px 0;
	line-height: 30px;
	margin: 0;
}

#slideout h4 i {
	margin-right: 15px;
}

#slideout label {
	color: #000000;
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0 25px;
}

#slideout p input {
	margin: 0 0 0 25px;
}

.login-form {
	display: none;
}

.login-frm>a, .login-frm span {
	color: #111212;
	display: inline-block;
	margin: 15px 0 15px 25px;
}

#slideout p input[type="submit"], input[type="button"] {
	display: inline-block;
	margin: 0 0 20px 25px;
	padding: 8px 5px;
}

#slideout input[type="submit"], input[type="button"] {
	background-color: #e43e2c;
}

#clickme {
	background: url(images/login.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

.login-frm>a:hover, .login-frm span:hover {
	text-decoration: underline;
}

#slideout input[type="submit"]:hover, input[type="button"]:hover {
	background: url("images/button-medium-gradient.png") repeat-x scroll 0 0
		rgba(228, 62, 44, 1);
}

#clickme {
	height: 28px;
	left: -56px;
	padding: 13px;
	position: absolute;
	top: -6px;
	width: 10px;
	cursor: pointer;
}

#slideout.popped #clickme {
	left: -1px;
}

#clickme i {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
}

#clickme {
	transition: left 450ms ease-in-out 300ms;
	-moz-transition: left 450ms ease-in-out 300ms;
	-webkit-transition: left 450ms ease-in-out 300ms;
	-o-transition: left 450ms ease-in-out 300ms;
	-ms-transition: left 450ms ease-in-out 300ms;
}

#slideout.popped #clickme {
	transition: left 0ms ease-in-out 0ms;
	-moz-transition: left 0ms ease-in-out 0ms;
	-webkit-transition: left 0ms ease-in-out 0ms;
	-o-transition: left 0ms ease-in-out 0ms;
	-ms-transition: left 0ms ease-in-out 0ms;
}

#slidecontent {
	float: left;
}

#versenderlogin {
	float: left;
	margin-top: 10px;
	margin: 10px auto;
	position: absolute;
	text-align: center;
	top: 16%;
	width: 100%;
}

#frmversender {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#forgot_password {
	color: white;
}

#regversender {
	width: 83%;
	padding: 7px;
	background-color: #AF8274;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .3);
	opacity: 0.7;
}

#regversender a {
	color: white;
}

#regversender a:hover {
	color: blue;
}

#versendersubmit {
	margin-left: 35%;
}

/*----*****---- << Services >> ----*****----*/
#services, #pricing, footer {
	background: url(images/full-width-bg.png);
}

.content-main {
	box-shadow: 0 42px 38px -38px #E7E7E7 inset;
	padding-top: 90px;
}

.content-title {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.content-title h4 {
	color: #101212;
	font-size: 30px;
	font-style: italic;
	font-weight: 600;
}

.content-title h6 {
	color: #000000;
	display: inline-block;
	font-size: 24px;
	font-style: italic;
	font-weight: 200;
	width: 100%;
}

.content-title>p {
	font-size: 16px;
	font-weight: 200;
	color: #000000;
}

.content-list {
	display: inline-block;
	width: 100%;
}

.content-list>h4 {
	color: #000000;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 30px;
}

.content-list>li {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 20px;
}

.content-list.blue>h4 {
	font-size: 30px;
	color: #0074ab;
}

.content-list.blue>li, .content-list.white>li {
	font-size: 17px;
	color: #0073ab;
	font-weight: 600;
}

.content-list.blue li span, .content-list.white li span {
	clear: both;
	float: left;
	margin: 4px 20px 0 0;
	height: 35px;
	width: 25px;
}

p.blue, p.white {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0;
	text-align: left;
}

p.blue {
	color: #0073ab;
}

.dt-sc-button, input[type="submit"], input[type="button"] {
	border-radius: 8px;
	clear: both;
	color: #ffffff;
	display: table;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	transition: all 300ms linear 0s;
	border: 1px solid #00749f;
}

.versender-btn {
	margin-top: 20px;
	width: 180px;
	text-align: center;
}

.dt-sc-button.medium:hover, input[type="submit"]:hover, input[type="button"]:hover
	{
	background: url("images/button-medium-gradient.png") repeat-x scroll 0 0
		rgba(0, 174, 239, 1);
	color: #FFFFFF;
}

.dt-sc-button.medium, input[type="submit"], input[type="button"] {
	padding: 8px 35px;
	text-shadow: 0 1px 0 #000000;
	background-color: #00aeef;
	margin-left: 24%;
}

.dt-sc-button span {
	display: inline-block;
	margin-left: 10px;
}

.content-main h3 {
	color: #101212;
	font-size: 24px;
	font-style: italic;
	text-align: center;
	font-weight: 600;
}

.content-main h3 i, .content-list.white i {
	text-decoration: underline;
}

.content-main h3 i:hover, .content-list.white i:hover {
	color: #008aba;
}

.content-list.white i {
	font-style: normal;
}

.service {
	border-top: 5px solid #dcdbe1;
	float: left;
	display: inline-block;
	padding: 40px 10px;
	position: relative;
	text-align: center;
}

.last {
	margin-right: 0;
}

/*----*****---- << Custom Services >> ----*****----*/
.custom-services {
	position: relative;
	padding-left: 80px;
}

.custom-services span {
	width: 65px;
	text-align: center;
	position: absolute;
	left: 0;
}

.custom-services .icon-one {
	background: url(images/icon-one.png) center top no-repeat;
	height: 100px;
}

.custom-services .icon-two {
	background: url(images/icon-two.png) center top no-repeat;
	height: 67px;
}

.custom-services .icon-three {
	background: url(images/icon-three.png) center top no-repeat;
	height: 63px;
}

.custom-services .icon-four {
	background: url(images/icon-four.png) center top no-repeat;
	height: 53px;
}

.custom-services .icon-five {
	background: url(images/icon-five.png) center top no-repeat;
	height: 70px;
}

.custom-services .icon-six {
	background: url(images/icon-six.png) center top no-repeat;
	height: 49px;
}

.custom-services .icon-seven {
	background: url(images/icon-seven.png) center top no-repeat;
	height: 72px;
}

.custom-services .icon-eight {
	background: url(images/icon-eight.png) center top no-repeat;
	height: 69px;
}

.custom-services .icon-nine {
	background: url(images/icon-nine.png) center top no-repeat;
	height: 58px;
}

/*----*****---- << Features  >> ----*****----*/
#features .content-list>h4, #features .content-list>li, p.white {
	color: #ffffff;
}

.content-list.blue li span {
	background: url("images/icon-check.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
}

.content-list.white li span {
	background: url("images/icon-check-white.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
}

.content-main figure {
	width: 100%;
	display: inline-block;
	text-align: center;
}

/*----*****---- << Pricing Table  >> ----*****----*/
#pricing p {
	font-size: 12px;
	color: #101212;
	font-weight: 600;
}

/*----*****---- << Contact >> ----*****----*/
#contact .container {
	width: 600px;
}

#contact p.white {
	font-weight: 200;
}

form p {
	clear: both;
	float: left;
	margin-bottom: 0;
	width: 100%;
}

form select {
	background: url("images/selection-box.png") no-repeat scroll right
		center #00aeef;
	border: 1px solid #00749f;
	border-radius: 8px;
	display: inline-block;
	margin-bottom: 12px;
	padding: 15px 50px 14px 15px;
	text-indent: 0.01px;
	text-overflow: "";
	width: 75%;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	height: 50px;
}

form select, .section-box:after {
	-webkit-box-shadow: 0px 11px 21px -15px rgba(0, 0, 0, 0.75), 0 1px 2px 0
		#78daff inset;
	-moz-box-shadow: 0px 11px 21px -15px rgba(0, 0, 0, 0.75), 0 1px 2px 0
		#78daff inset;
	box-shadow: 0px 11px 21px -15px rgba(0, 0, 0, 0.75), 0 1px 2px 0 #78daff
		inset;
}

form select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

label {
	color: #fffff5;
	display: inline-block;
	font-size: 16px;
	font-weight: lighter;
	margin-right: 3%;
	width: 20%;
}

form select option {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #cbc9c9;
	color: #7b7a7a;
	padding: 15px;
}

form .dt-sc-button.medium {
	color: #ffffff;
	margin: 0 auto 0 24%;
	display: block;
	float: left;
}

.section-box:before, .section-box:after {
	content: "";
	pointer-events: none;
	position: absolute;
}

.section-box:before {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid rgba(0, 0, 0, 0.2);
	bottom: 0;
	height: 0;
	margin: auto;
	right: 26px;
	top: 1px;
	z-index: 1;
}

.section-box:after {
	background: none repeat scroll 0 0 #00aeef;
	border-left: 1px solid #0076a3;
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #0076a3;
	height: 48px;
	right: 8px;
	top: 11px;
	width: 48px;
}

.section-box {
	clear: both;
	position: relative;
}

input.error {
	box-shadow: 1px 1px 10px 0 rgba(251, 17, 7, 1) inset;
}

.copyright {
	padding: 25px 0px;
	color: #000000;
}

.copyright p {
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 0;
	text-align: center;
}

/*----*****---- << Newsletter >> ----*****----*/
#ajax_subscribe_msg {
	line-height: 24px;
}

span.error-msg {
	color: #ac161a;
	font-size: 1.5em;
}

span.success-msg {
	color: #37a700;
	font-size: 1.5em;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(images/ui.totop.png) no-repeat left top;
	z-index: 9999;
}

#toTopHover {
	background: url(images/ui.totop.png) no-repeat left -40px;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
}

#toTop:active, #toTop:focus {
	outline: none;
}

/*----*****---- << Style Picker >> ----*****----*/
.dt-style-picker-wrapper {
	position: fixed;
	z-index: 99999;
	left: 0px;
	top: 150px;
}

#dt-style-picker {
	background: #ffffff;
	width: 225px;
	float: left;
	position: absolute;
	top: 0px;
	z-index: 1;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#dt-style-picker h2 {
	background: url(images/style-picker/title-bg.jpg) repeat-x;
	font: normal 12px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	line-height: 48px;
	width: 100%;
	color: #848484;
	margin: 0px 0px 15px;
	padding: 0px;
}

#dt-style-picker h3 {
	font: normal 12px Tahoma, Geneva, sans-serif;
	padding: 0px 0px 10px;
	width: 100%;
	color: #848484;
	margin: 0px;
	text-transform: uppercase;
}

#dt-style-picker ul {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 225px;
}

#dt-style-picker ul li {
	display: inline-block;
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

#dt-style-picker ul li a {
	background: #ffffff;
	border: 1px solid #ffffff;
	padding: 2px;
	display: inline-block;
	margin: 0px;
	line-height: 0;
}

#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover {
	border: 1px solid #d7d7d7;
}

#dt-style-picker ul li a img {
	border: 1px solid #d7d7d7;
}

#dt-style-picker .hr {
	background: url(images/style-picker/seperator.png) no-repeat;
	width: 100%;
	height: 25px;
	margin: -10px 0px 10px;
	float: left;
}

.style-picker-ico {
	position: absolute;
	top: 25px;
	left: 225px;
}

#login_fixed {
	background: url("images/login-expand.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	color: #fff;
	display: inline-block;
	padding: 10px 0 4px 15px;
	position: relative;
	width: 100%;
}

#iframe_login {
	overflow: hidden;
	opacity: 0;
	height: 340px;
}



.box {
 float: left;
 width: 32%;
 margin-right: 2%;
 padding: 20px;
 background: #eee;
 height:60px;
}

.box:last-child {
     margin-right: 0;
}


/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-300italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('fonts/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-700italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('fonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-800 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-800italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: url('fonts/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('fonts/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
		 url('fonts/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('fonts/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }