/* ######## 1 - Reset Styles #########  */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
footer, header, menu, nav, section { display: block; }

body { background-color:#f3f5f7;line-height: 1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; font-weight:400; font-family: 'Oxygen', sans-serif; }
 
ol, ul { list-style: none; }

a {
	color: #666666;
	text-decoration: none;
}
a:focus { color:#fff; outline:0; text-decoration:none; }
a:hover {
	color: #009;
	text-decoration: none;
}
h1 {
	font-family: 'Oxygen', sans-serif;
	font-size: 24px;
}
p { font-family: 'Roboto', sans-serif; }


/* Reset input Tags */
input { border:0;   color:#fff;  }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { color:#808c9e; border-color:#cccccc; box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.3) inset; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus { color:#808c9e; border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),  1px 1px 3px rgba(0, 0, 0, 0.3) inset; }


/* ######## 2 - General Styles #########  */ 

.wrapper { width:940px; margin:0 auto; }
.divider { background:url("../img/div.png") no-repeat center center; width:340px; height:24px; margin:0 auto; }
.divider2 { background:url("../img/div2.png") no-repeat center center; width:340px; height:24px; margin:0 auto; }
.clear { clear:both; }

/* ######## 3 - Header Styles #########  */ 

.top-bar  { height:30px; display:block; box-shadow:0 -1px 0 rgba(0,0,0,0.2)inset; background-color:#3f5673; }
.header { background-color:#f3f5f7; display:block; height:80px; box-shadow:0 -1px 0 rgba(255,255,255,0.4)inset; border-bottom:8px solid #d3dbe7; }
.social { float:left; }
.social li { float:left; }
.social li.spc { width:28px; display:block; padding:5px 0 0; text-align:center; }
.social li.spc2 { width:2px; height:25px; display:block; padding:5px 0 0; background:url("../img/div-social.png") no-repeat;}
.social li a { width:28px; height:25px; display:block; }
.social li a:hover i { color:#f3f5f7; }
.social li i { color:#808c9e; font-size:12px; text-align:center; }


.phone { float:right; font-size:12px; color:#808c9e; padding:9px 0 0; }
.phone p, .phone i { float:left;  }
.phone i { margin:1px 9px 0 0; }

.logo { float:left; padding:14px 0 0; }
.menu { float:right; padding:33px 0 0;  font-family: 'Roboto', sans-serif; font-weight:400; }
.menu li { float:left; width:75px; text-align:right; font-size:14px;  }  
.menu li a { color:#a4b1c3; font-family: 'Roboto', sans-serif; }
.menu li.active a, .menu li a:hover { color:#3e5574; }

#mobi-menu.on { display:block; z-index:200; position:relative; background-color:#d3dbe6; padding:15px 0; color:#70767f; }
#mobi-menu.on ul li { width:100%; text-align:center; height:10px; background-color:#c1cad6;  border:1px solid #bac4d2; padding:15px 0 20px; margin:10px 0; }
#mobi-menu.off { display:none; }
#mobile { width:51px; height:51px; display:block; background: url("../img/mobile.png") no-repeat scroll 0 0 transparent; cursor:pointer;  }
.menu2 { display:none; float:right; margin:15px 0 0;}

/* ######## 4 - Main Section Styles #########  */ 

.main-section { height:655px; display:block;    border-bottom:8px solid #d3dbe7; margin:0 0 70px;  }
.main-section h1 { font-size:30px; text-align:center; color:#475672; padding:48px 0 0; }
.main-section p.subtitle { font-size:15px; color:#97a2b2; text-align:center; padding:26px 0 0; }

#main-video  { float:left; margin:65px 0 0; }
.video { float:left; margin:65px 0 0; }
.vjs-fade-in,.vjs-fade-out {
visibility: visible !important;
opacity: 1 !important;
transition-duration: 0s!important;
}
.vjs-default-skin .vjs-control-bar { background-color:#3f5673!important; }
.subscr { width:340px; display:block; height:340px; float:right;  margin:65px 0 0; background-color:#3f5673; }
.subscr2-wrap { float:right; width:340px;  }
.subscr2 { float:left; background:url("../img/fx.png") bottom left no-repeat; display:block; width:61px; height:41px;   }
.subscr3 { width:279px; float:right; display:block; height:41px; background-color:#3f5673; }

.subscr h3 { font-size:18px; text-align:center; color:#f3f3f3; padding:35px 0 0; }
.subscr p.subtitle  { font-size:13px;  color:#a4b1c3; padding:20px 0 0; }

.news-form { padding:0 20px;  }
.news-form input { border: 0; border: none; }
.news-form input:hover { border: 0; border: none; }
.news-form input:focus { border: 0; border: none; color:#808c9e!important; }

.name-newsletter, .email-newsletter, .phone-newsletter { width:270px; border-radius:4px; height:40px; background-color:#354960; box-shadow:0 1px 2px rgba(0,0,0,0.1) inset, 0 1px 1px rgba(255,255,255,0.1) ; padding:0 15px 0;  color:#808c9e; font-size:13px; }

.name-newsletter { margin:30px 0 0; }
.email-newsletter, .phone-newsletter { margin:18px 0 0; }
.button-newsletter , input[type="submit"] {
	clear: both;
	float: none;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	height: 46px;
	width: 160px;
	border-radius: 5px;
	display: block;
	background: -moz-linear-gradient(top, #3bb4ed 1%, #30a7e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3bb4ed), color-stop(100%,#30a7e9)); /* Chrome,Safari4 */
	background: -webkit-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Chrome10 and Safari5 */
	background: -o-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Opera 11.10 */
	background: -ms-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* IE10 */
	background: linear-gradient(to bottom, #3bb4ed 1%,#30a7e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb4ed', endColorstr='#30a7e9',GradientType=0 ); /* IE6-8 */
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 1px rgba(255, 255, 255, 0.9) inset,  0 4px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	position: relative;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-bottom: 50px;
	margin-right: 50px;
}
#optin {
	width: 800px;
	border: 5px dashed #e0e0e0;
	padding: 0px 10px 20px 10px;
	text-align: center;
	text-shadow: 1px 1px #fff;
	background-color: #47628D;
	background-image: url(img/gray-form.png);
	background-repeat: repeat-x;
}
	#optin h2 {
	color: #FFFFFF;
}
	#optin p { font-size: 15px; margin: 8px 0 0; }
	#optin div {
	font-size: 18px;
	margin-bottom: 10px;
}
	#optin input {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 2px 2px #ddd;
		-moz-box-shadow: 0 2px 2px #ddd;
		-webkit-box-shadow: 0 2px 2px #ddd
	}
		#optin input.email { 
			background: #fff url(images/email.png) no-repeat center right;
			border: 1px solid #ccc;
			font-size: 14px;
			margin: 0px 0px 10px 10px;
			padding: 8px 10px;
			width: 43%;
			float: left;
		}
		#optin input.name { 
			background: #fff url(images/name.png) no-repeat center right;
			border: 1px solid #ccc;
			font-size: 14px;
			margin: 0px 5px 10px 10px;
			padding: 8px 10px;
			width: 43%;
			float: left;
		}
		#optin input[type="submit"] {
			background: #7b2121 url(images/red.png) repeat-x top;
			border: 1px solid #771313;
			color: #fff;
			cursor: pointer;
			font-size: 18px;
			font-weight: bold;
			padding: 8px 30px;
			text-shadow: -1px -1px #5d1c1c;
		}
		#optin input[type="submit"]:hover {
	color: #3F5673
}

</style>

/* ######## 5 - Features Section Styles #########  */ 

.features { height:1500px; }
.features h3 { font-size:30px; color:#3f5673; text-align:center; padding:43px 0 26px; text-align:center; }
p.subtitle { font-size:15px; color:#697b8b; text-align:center; padding:0 0 0; }

.iconi { width:64px; margin:0 auto; display:block; }
.featu { margin:90px 0 0; }
.featu h6 { text-transform:uppercase; font-family: 'Oxygen', sans-serif; text-align:center; margin:28px 0 0; color:#415566; }
.featu p { font-size:14px; text-align:center; line-height:2; padding:20px 30px 0; color:#86929d; }


/* ######## 6 - Slider Section Styles #########  */ 

.ft-slider { padding:100px 0 0; background-color:#3f5673; border-top:8px solid rgba(0,0,0,0.16); border-bottom:8px solid rgba(0,0,0,0.16); height:450px; display:block; }
.slider-txt { float:left; width:45%; margin:30px 0 0; }
.slider-img { float:right; width:430px; margin:0 0 0; }
.slider-txt h3 { color:#f3f3f3; font-size:30px; }
.slider-txt p { color:#bec9d3; font-size:14px; line-height:2.2; }
.slider-txt p.subt { color:#7c8e9f; text-transform:uppercase; font-size:15px; padding:30px 0 20px; }
.slide { height:300px; }


#navi { margin:0px 0 0; }
#navi a { float:left; font-size:12px;  border-radius:400px; background: #354961; text-decoration: none; margin: 0px 5px 0;  text-align:center; z-index:99;  font-family: 'Oxygen', sans-serif; padding:8px 0 0; width:30px; height:22px; display:block;  color:#798597; }
#navi a.activeSlide {   color:#fff; }
#navi a:focus { outline: none; }

/* ######## 7 - Slider Section Styles #########  */ 

.gallery h3 { font-size:30px; color:#3f5673; text-align:center; padding:43px 0 26px; text-align:center; }
.gallery p.subtitle { padding: 0 0 60px; }
img.a {   left:0;	top:0;  z-index: 10; border:0px solid #cccccc;	cursor:pointer;	}
img.b { position:absolute; left:0; top:0; z-index: 12; border:0px solid #cccccc; opacity:0; cursor:pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/    	}

.gallery { padding:70px 0 0; clear:both; height:770px;  box-shadow:0 1px 0 rgba(255,255,255,0.4)inset , 0 -1px 0 rgba(255,255,255,0.4)inset;}
.gallery ul { margin:25px 0 0;  min-height:180px; height:180px; padding:0 0 30px; }
.gallery li { position:relative; width:308px;   height:220px; max-width:100%; }	
.gallery li img { width:100%; border-radius: 1px; height:100% }


/* ######## 8 - Testimonials Section Styles #########  */ 

.testimonials {  height:698px; display:block;    border-bottom:8px solid #d3dbe7; border-top:8px solid #d3dbe7; }  
.testimonials h3 { font-size:30px; color:#3f5673; text-align:center; padding:43px 0 26px; text-align:center; }

.testimonials .divider2 { margin:70px auto 0; }
.slider2 { margin:50px 0 0; z-index:33; }
.slider-img2 { width:128px; margin:0 auto; }

#navi2 {  position:relative; z-index:99; margin:40px auto 0; width:78px; top:176px;  }
#navi2 a { float:left; font-size:12px;  border-radius:400px; background: #354961; text-decoration: none;    text-align:center; z-index:99;   width:26px; height:18px; display:block;  color:#798597;  background:url("../img/testimonials/inactive.png") center  no-repeat;  }
#navi2 a.activeSlide {   color:#fff; background:url("../img/testimonials/active.png") center  no-repeat; }
#navi2 a:focus { outline: none; }
#navi2 a:hover { background:url("../img/testimonials/active.png") center  no-repeat; }

p.testio { padding:76px 0 35px; font-size:18px; color:#414c5c; text-align:center; line-height:2.4; float:left; width:90%; margin:0 auto; font-weight:300; font-style:italic; }
 
.slider-txt2 i.icon { font-size:24px; color:#ced4dc; }
.slider-txt2 span.one   { float:left; width:5%; text-align:left; padding:88px 0 0;}  
.slider-txt2 span.two  { text-align:right; float:left; width:5%; padding:88px 0 0; }
.slider-txt2 p.author { clear:both;  text-align:center; color:#808c9e; font-size:14px;  }
.slider-txt2 p.company { clear:both; margin:13px 0 0; text-align:center; color:#414c5c; font-size:14px;   }


/* ######## 9 - Faqs Section Styles #########  */ 

.faqs { height:420px; padding:80px 0 0; box-shadow:0 1px 0 rgba(255,255,255,0.4)inset , 0 -1px 0 rgba(255,255,255,0.4)inset; }
#faqs h3 {     clear:both; font-size:18px; color:#3f5673;  height:40px; margin:15px 0 0;   }
#faqs h3:focus {  border:0; outline:0;  }
#faqs h3:hover {  cursor:pointer;  }

#faqs { width:480px; float:right; }
#faqs p { padding: 0 0 0 80px; line-height:2; font-size:14px; color:#88919c; }
 
.ui-accordion-header { padding: 18px 0 0 80px; background:url("../img/faqs/inactive.png") left  no-repeat; }
.ui-accordion-header-active { padding: 18px 0 0 80px; background:url("../img/faqs/active.png") left  no-repeat; }


#faqs-slider { float:left;  display:block; width:422px; }

/* ######## 10 - CTA Section Styles #########  */ 

.cta {  background-color:#3f5673; height:398px; display:block;  box-shadow:0 -1px 0 rgba(255,255,255,0.05)inset;  }
.cta h3 {
	font-size: 34px;
	color: #f3f3f3;
	text-align: center;
	padding: 90px 0 26px;
	text-align: center;
}
.cta p.subtitle { color:#808c9e; }
.cta a { text-transform:uppercase;  font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px; color:#ffffff;
padding:18px 0px 0;
height:36px;
width:179px;
border-radius:5px; 
display:block;
background: -moz-linear-gradient(top, #3bb4ed 1%, #30a7e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3bb4ed), color-stop(100%,#30a7e9)); /* Chrome,Safari4 */
background: -webkit-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Chrome10 and Safari5 */
background: -o-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Opera 11.10 */
background: -ms-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* IE10 */
background: linear-gradient(to bottom, #3bb4ed 1%,#30a7e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb4ed', endColorstr='#30a7e9',GradientType=0 ); /* IE6-8 */
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 1px rgba(255, 255, 255, 0.9) inset,  0 4px 0px rgba(0, 0, 0, 0.1);
text-align:center;
margin:64px auto 0;
}
.cta a p {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}
.cta a p i {   font-size:18px; color:#ffffff; padding:2px 4px 0 0;  }

.button-hover { background: -moz-linear-gradient(top, #30a7e9 1%, #3bb4ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#30a7e9), color-stop(100%,#3bb4ed))!important; /* Chrome,Safari4 */
background: -webkit-linear-gradient(top, #30a7e9 1%,#3bb4ed 100%)!important; /* Chrome10 and Safari5 */
background: -o-linear-gradient(top, #30a7e9 1%,#3bb4ed 100%)!important; /* Opera 11.10 */
background: -ms-linear-gradient(top, #30a7e9 1%,#3bb4ed 100%)!important; /* IE10 */
background: linear-gradient(to bottom, #30a7e9 1%,#3bb4ed 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a7e9', endColorstr='#3bb4ed',GradientType=0 )!important; /* IE6-8 */ }

/* ######## 11 - Footer Section Styles #########  */ 

.footer { background-color:#354960; height:60px;  display:block;  box-shadow:0 1px 0 rgba(0,0,0,0.05)inset; }

.copy { float:left; padding:23px 0 0; }
.copy p { color:#5e6b7e; font-size:13px; }
.copy p span { color:#9a9da3; }
.social2 { float:right; }
.social2 li { float:left; }
.social2 li.spc { width:58px; display:block; padding:20px 0 0; text-align:center; }
.social2 li.spc2 { width:2px; height:55px; display:block; padding:5px 0 0; background:url("../img/div-social2.png") no-repeat;}
.social2 li a { width:58px; height:25px; display:block; }
.social2 li a:hover i { color:#f3f5f7; }
.social2 li i { color:#808c9e; font-size:20px; text-align:center; }



/* ######## 16 - SubPages Styles #########  */ 
 
.about-main { height:170px!important; }
.about h3 { font-size:30px; color:#405467; padding:39px 0 25px; }
.about p  { font-size:14px; color:#85929e; line-height:2; padding:0 30px 0 0;}
.about p.subt  { font-size:15px; color:#607283; text-transform:uppercase; padding:0 0 25px; }

.about .span6 img { width:392px; margin:0 auto; float:right; }
.abt2, .abt3 { padding:50px 0 0; }
.abt2 .span6 img { width:392px; margin:0 auto; float:left!important; }  

.team h3 { font-size:30px; color:#3f5673; text-align:center; padding:43px 0 26px; text-align:center; }
p.subtitle { font-size:15px; color:#697b8b; text-align:center; padding:0 0 0; }
.team { height:500px; display:block; }

.icon3 { width:120px; height:120px; z-index:12; position:relative; border-radius:400px; border:9px solid #f3f5f7; box-shadow:0 3px 9px 0 rgba(0,0,0,0.2); margin:0 auto;}

img.a2 {  position: absolute; left: 0;	top: 0;  z-index: 10;    cursor:pointer;	}
.b2 { border-radius:400px;  width:120px; height:120px; position: absolute; left:0; top:0; z-index:30;  opacity:0; cursor:pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ 	}
.team ul { margin:80px 0 0px; min-height:240px; height:240px; padding-bottom:20px; }
.team li { position:relative;  min-height:150px; max-width:100%; }	
.team li img.a2 {    width:120px; border-radius:400px;  }
.team li div.b2 { max-width:120px;  max-height:100%; border:  }
ul.team-social { width:52px; margin:40% auto 0; height:40px; min-height:40px;}
ul.team-social li { height:40px; min-height:40px;   }
.team-social li.twitter2 { float:left; width:15px; text-align:center; display:block;}
.team-social li.facebook2 { float:left; margin:0 0 0 22px;  width:15px; text-align:center; display:block;}

.b2 {  background-color:rgba(57,75,92,0.9);  }
 
.team ul.teami h6 {    clear:both; text-align:center; font-size:16px; font-weight:500; margin:30px 0 0; padding:0 0  10px; color:#394b5c;}
.team ul.teami p {  margin:0px 0 0;   font-size:12px; text-align:center; font-weight:400; color:#85929e; }




.contact { padding:0px 0 60px; background:url(../img/body.png)repeat; }
.contact h6 { font-size:30px; font-weight:800; color:#5d7286;}
.cont { padding:22px 20px 0;  }
.cont a{ font-size:14px; text-decoration:underline; color:#00aef3; padding: 0 0 40px; height:30px; display:block;}
.cont p { padding: 20px 0; line-height:28px; font-size:14px; color:#a1b0c1; }
.credits     { padding: 20px 0 0;   }
.credits p   { padding: 5px 0;  line-height:28px; font-size:14px;  }
.cont p strong  {   line-height:28px; font-size:14px; color:#5d7286; }

.form-contact  { float:left; width:100%; }
.form-contact input, .form-contact textarea { border-radius:4px; box-shadow: 0 0 0 ;   }
  .form-contact input:focus , .form-contact textarea:focus {  border: 1px solid #CCCCCC;
  }
.form-contact input { float:none; width:92%; height:30px; padding:5px 20px; border: 1px solid #c1cedb;  }
.input-email { margin:20px 0 0; }
.form-contact textarea { float:left; width:92%; height:200px; padding:5px 20px; margin:20px 0 0; }
input.input-submit2 {   float:right; width:141px; margin:30px 0 0; height:40px;  background:none; background-color:#3f5673; box-shadow:0 0 0; border:none; }

input { border:0;   color:#fff;  }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0),  1px 1px 2px rgba(0, 0, 0, 0) inset; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #191919;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0),  1px 1px 2px rgba(0, 0, 0, 0) inset; }

#success { color:red; margin:20px 0; }
.cta2 {  background-color:#3f5673; height:398px; display:block;  box-shadow:0 -1px 0 rgba(255,255,255,0.05)inset;  }

.amina h6 { font-size:30px; color:#f3f5f7; padding:87px 0 0; }
.amina p { font-size:14px; color:#7c8da0; padding:34px 0 0; line-height:2; }
.amina p.suub { font-size:14px; text-transform:uppercase; color:#bfc8d4; padding:34px 0 0; }
.amina2 img { width:461px; float:right; }



.pricing { padding:0px 0 40px; }
 
.pricing .title h3 { text-align:center; font-size:22px; font-weight:300; }

.pric-wrap { padding:90px 0 50px; }
 
.prics { border-radius:1px;  margin:0; margin-left:0;  border:1px solid #b8bfc2; }
.pric { background-color:none; border-radius:1px; border:1px solid #d0dae4; margin:0; margin-left:0; }
.pric h6 { text-shadow:1px 1px 1px rgba(255,255,255,0.4); text-transform:uppercase; text-align:center; font-size:20px; color:#394b5c; font-weight:600; }
.prics h6 { text-transform:uppercase; text-align:center; font-size:20px; color:#fff; font-weight:600; }
.pric-head   { padding:20px 0;  background:url("../img/pr-div.html") repeat-x bottom ; }
.ph   {  background-color:#e7ebed; }
.pric-body li   {  font-weight:300; height:60px ; font-size:14px; color:#b8bfc2; width:100%; margin:0 auto;   text-align:center; display:block; background:url("../img/pr-div.html") repeat-x bottom ; }
.pric p { color:#7c8da0; }
.prics p { color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); }
.pric-body li p.yes   { height:20px;  text-decoration:none; padding:20px 0 ;}
.pric-body li p.no   {  text-decoration:line-through;  padding:20px 0 ;}
.pric-footer   { height:154px; }
.pric .pric-footer p { line-height:1; padding:20px 0 0; color:#394b5c; font-weight:300; font-size:64px; text-align:center; }
.prics .pric-footer p { line-height:1; padding:20px 0 0; color:#fff; font-weight:300; font-size:64px; text-align:center;  }
.pric-footer p span { font-weight:300; font-size:30px; text-align:center; }
.pric .pric-footer p.prs{ font-weight:300; font-size:14px; text-align:center; color:#7c8da0;  line-height:0; }
.prics .pric-footer p.prs{ font-weight:300; font-size:14px; text-align:center; color:#ebeceb;  line-height:0; }
.pric .pric-footer .pric-butt a { font-weight:300; color:#ffffff; font-size:14px; display:block; background-color:#3f5673; padding:10px 0; border:1px solid #314259; margin:30px auto; height:18px;border-radius:5px; text-align:center; width:100px; } 
.prics .pric-footer .pric-butt a { font-weight:300; color:#394b5c; font-size:14px; display:block; background-color:#f3f5f7; padding:10px 0; border:1px solid #314259; margin:30px auto; height:18px;border-radius:5px; text-align:center; width:100px; } 
.pric-footer .pric-butt a:hover { background-color:#fff;  color:#444c4f;  border:1px solid #314259;   } 

.tabs-nav2 { width:260px; margin:45px auto 30px; }
.tabs-nav2 a { color:#7c8da0;  }
.tabs-nav2 li { float:left; color:#7c8da0; font-size:14px; line-height:2; }
.tabs-nav2 li.one a { border:0; height:24px; display:block; width:90px; padding:0 24px 0 0; background:url("../img/tabs2.png") no-repeat ; background-position:right 100%;  text-align:left;}

.tabs-nav2 li.ui-tabs-active a.onea {  color:#3f5673; background-position:right top; }
.tabs-nav2 li.ui-tabs-active a.twoa {  color:#3f5673; background-position:left top; }
.tabs-nav2 li.two a { border:0 ; height:24px; display:block; width:90px; padding:0 0 0 24px; background:url("../img/tabs2-2.png") no-repeat ; background-position:left 100%; text-align:right; }

.prics { background-color:#3f5673; }

.thank p { color:#7c8da0; text-align:center; padding: 40px 160px 0; line-height:2;}


.thank { background-color:#3f5673; padding: 0 0 150px; }
.thank h3 { font-size:96px; color:#ffffff; text-align:center; text-transform:uppercase; font-weight:600; padding:150px 0 0;}
.thank p.thank-sub { font-size:30px; color:#f3f3f3; text-align:center; padding:40px 0 0;  font-weight:300;  }
.thank-sub span { color:#00aef3; }

.thank a { text-transform:uppercase;  font-family: 'Roboto', sans-serif; font-weight:600; font-size:14px; color:#ffffff;
padding:15px 0px 0;
height:30px;
width:179px;
border-radius:5px; 
display:block;
background: -moz-linear-gradient(top, #3bb4ed 1%, #30a7e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3bb4ed), color-stop(100%,#30a7e9)); /* Chrome,Safari4 */
background: -webkit-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Chrome10 and Safari5 */
background: -o-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* Opera 11.10 */
background: -ms-linear-gradient(top, #3bb4ed 1%,#30a7e9 100%); /* IE10 */
background: linear-gradient(to bottom, #3bb4ed 1%,#30a7e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb4ed', endColorstr='#30a7e9',GradientType=0 ); /* IE6-8 */
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0px 1px rgba(255, 255, 255, 0.9) inset,  0 4px 0px rgba(0, 0, 0, 0.1);
text-align:center;
margin:64px auto 0; }


/* ######## 12 - Responsive Ipad Styles #########  */ 

@media(min-width:768px) and (max-width:979px) { 

.wrapper { width:735px; }
.subscr2-wrap {  width:260px; display:none;  }
.subscr { width:260px; height:300px;   }
#main-video  {  width:460px!important; height:301px!important; }
.subscr p.subtitle  { display:none; }
.subscr h3 { font-size:16px; padding:25px 0 0; }
.name-newsletter, .email-newsletter, .phone-newsletter { width:190px;  }
.name-newsletter { margin:24px 0 0; }
.email-newsletter, .phone-newsletter { margin:13px 0 0; }
.button-newsletter , input[type="submit"] { height:40px; width:120px; margin:24px auto 0; }
.main-section { height:570px; }
.slider-txt h3 { font-size:24px; }
.slider-txt p { font-size:12px; line-height:2.2; }
.slider-txt p.subt {  font-size:12px; padding:30px 0 20px; }
.slider-img { float:right; width:340px; margin:0 0 0; }
.slider-txt { margin:10px 0 0; }
.slide { height:290px; }
.ft-slider { height:420px; }
.gallery li { height:172px; }	
.gallery ul { margin:0px 0 0;  padding:0 0 8px; }
.r3 { margin:30px 0 0!important; }
.gallery { height:700px; }
.testimonials {  height:770px;  }
.faqs { height:830px; }
#faqs { width:480px; float:none; margin:0 auto;  }
#faqs h3 {   width:70%;    }
#faqs-slider { float:none; margin:0 auto 90px;  }
.amina2 img { margin: 30px 0 0; }

.video iframe {  width:460px!important; height:301px!important; }


 }


/* ######## 13 - Responsive Iphone Landscape Styles #########  */ 


@media(min-width:480px) and (max-width:767px) { 

.wrapper { width:460px; }
.menu { display:none; }
.menu2 { display:block; }	
#main-video  {  width:460px!important; height:301px!important; float:none; clear:both; }
.subscr2-wrap {  width:460px; }
.subscr { width:460px; height:340px;   }
.subscr3 { width:399px; }
.name-newsletter, .email-newsletter, .phone-newsletter { width:390px; }
.main-section { height:1000px; }
.features h3 { font-size:28px; } 
.featu { margin:12px 0 0; }
.featu div.span4 { width:100%!important; margin:60px auto 0 ; }
.featu p {  padding:20px 80px 0; }
.features { height:1680px; }
.slider-txt h3 { font-size:24px; }
.slider-txt p { font-size:12px; line-height:2.2; }
.slider-txt p.subt {  font-size:12px; padding:30px 0 20px; }
.slider-img { float:right; width:100%; margin:0 0 0; }
.slider-txt {  width:100%; margin: 0 0 50px;}
.slide { height:600px; }
.slider-txt h3, .slider-txt p.subt, .slider-txt p { text-align:center; }
#navi {  width:120px; margin:48px auto 0px; display:block; }
.ft-slider { height:730px; padding:80px 0 0; }
.gallery li {   height:310px; margin: 0 0 40px;  }	
.gallery ul { margin:0px 0 0;  padding:0 0 8px; height:auto; min-height:auto; }
.gallery { height:2360px; }
img.b { display:none; }
.slider-txt2 span.two { width:10%; }
.slider-txt2 span.one { width:10%; }
p.testio { width:80%; font-size: 16px; }
.testimonials { height:760px; }
.faqs { height:830px; }
#faqs { width:460px; float:none; margin:0 auto;  }
#faqs h3 {   width:75%;    }
#faqs-slider { float:none; margin:0 auto 70px;  }
.about .span6 { clear:both; float:none; }
.about .span6 img {  margin:50px auto 0; float:none; display:block; }
.abt2 .span6 img { float:none!important; }
.about p.subt, .about h3, .about p  { text-align:center; }
.abt2 { margin:0 0 50px; padding:0;}
.about p { padding:0; }
.team { height:1280px; }
.ts { padding:60px 0 0; }
.cta2 {  height:730px;    }
.form-contact { margin:0 0 50px; }
.contact { text-align:center; }
.amina { text-align:center; margin: 0 0 30px; }
.pric , .pric2 { margin:20px 0 70px; }

.thank h3 { font-size:78px; }
.thank p.thank-sub { font-size:25px; }

.thank p {  text-align:center; padding: 40px 30px 0; line-height:2;}
.video iframe {width:460px!important; height:301px!important;  }
.video {float:none; clear:both; }
 }


/* ######## 14 - Responsive Iphone Styles #########  */ 

@media(max-width:480px) {  

.wrapper { width:300px; }
.menu { display:none; }
.menu2 { display:block; }	
.main-section h1 { font-size:18px;  }
.main-section p.subtitle {font-size:13px; }
#main-video  {  width:300px!important; height:196.55px!important; float:none; clear:both; }
.vjs-default-skin .vjs-big-play-button { top:26%!important; left:33%!important; }
.subscr2-wrap {  width:300px; }
.subscr { width:300px; height:350px;   }
.subscr3 { width:239px; }
.name-newsletter, .email-newsletter, .phone-newsletter { width:230px; }
.main-section { height:900px; }
.features h3, .gallery h3, .testimonials h3 { font-size:19px; }
p.subtitle { font-size:13px; }
.featu { margin:12px 0 0; }
.featu div.span4 { width:100%!important; margin:60px auto 0 ; }
.featu p {  padding:20px 80px 0; }
.features { height:1830px; }
.slider-txt h3 { font-size:22px; }
.slider-txt p { font-size:11px; line-height:2.2; }
.slider-txt p.subt {  font-size:11px; padding:30px 0 20px; }
.slider-img { float:right; width:300px; margin:0 0 0; }
.slider-txt {  width:300px; margin: 0 0 50px;}
.slide { height:580px; }
.slider-txt h3, .slider-txt p.subt, .slider-txt p { text-align:center; }
#navi {  width:120px; margin:2px auto 0px; display:block; }
.ft-slider { height:680px; padding:80px 0 0; }
.gallery li {   height:240px; margin: 0 0 40px;  }	
.gallery ul { margin:0px 0 0;  padding:0 0 8px; height:auto; min-height:auto; }
.gallery { height:1920px; }
.gallery p.subtitle { font-size:11px; }
img.b { display:none; }
.slider-txt2 span.two { width:10%; }
.slider-txt2 span.one { width:10%; }
p.testio { width:80%; font-size: 14px; }
.testimonials { height:780px; }

.faqs { height:940px; }
#faqs { width:300px; float:none; margin:0 auto;  }
#faqs h3 {   width:75%; line-height:2; height:90px;   }
#faqs-slider { float:none; margin:0 auto 70px;  }

.cta h3 {  font-size:26px; }
.cta p.subtitle { font-size:11px; }

.cta {
	height: 450px;
}
.copy { display:none; }
.social2 { width:242px; margin:0 auto; float:none; }

.divider { background:url("../img/div.png") no-repeat center; width:300px; height:24px; margin:0 auto; }
.divider2 { background:url("../img/div2.png") no-repeat center; width:300px; height:24px; margin:0 auto; }
.about .span6 { clear:both; float:none; }
.about .span6 img {  margin:50px auto 0; float:none; display:block; }
.abt2 .span6 img { float:none!important; }
.about p.subt, .about h3, .about p  { text-align:center; }
.abt2 { margin:0 0 50px; padding:0;}
.about p { padding:0; }
.team { height:1280px; }
.ts { padding:60px 0 0; }
.cta2 {  height:690px;    }
.form-contact { margin:0 0 50px; }
.contact { text-align:center; }
.amina { text-align:center; margin: 0 0 30px; }
 input.input-submit2 { float:none; margin: 30px auto 0 ; display:block; }
 .form-contact textarea {   margin:20px 0 50px; }
 .pric , .pric2 { margin:20px 0 70px; }
 
.thank h3 { font-size:48px; }
.thank p.thank-sub { font-size:16px; }

.thank p {  text-align:center; padding: 40px 30px 0; line-height:2;}

.video iframe { width:300px!important; height:196.55px!important;  }
.video {float:none; clear:both; }

#faqs-slider { float:left;  display:block; width:300px; }
#faqs-slider img { width:100%; height:250px;}
}


/* ######## 15 - Retina Ready Backgrounds Styles #########  */ 


@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { 

.ui-accordion-header {   background:url("../img/faqs/inactive@2x.png") left  no-repeat; background-size:auto 100%; }
.ui-accordion-header-active {  background:url("../img/faqs/active@2x.png") left  no-repeat;  background-size:auto 100%; }

.divider { background:url("../img/div@2x.png") no-repeat center;  background-size:auto 100%; }
.divider2 { background:url("../img/div2@2x.png") no-repeat center; background-size:auto 100%; }

#navi2 a { background:url("../img/testimonials/inactive.png") center  no-repeat; background-size:auto 100%;  }
#navi2 a.activeSlide { background:url("../img/testimonials/active.png") center  no-repeat; background-size:auto 100%; }

.subscr2 { background:url("../img/fx@2x.png") bottom left no-repeat; background-size:auto 100%; }
 
 }