/*

Theme Name: GanBook

Theme URI: 

Description: GanBook Theme

Version: 0.1

Author: Nethority

Author URI: http://www.nethority.com

*/ 

/* ----------------------------------------------------------------------------------------------------------------------- */

@charset "utf-8";

/* CSS Document */

.fl{ float:left}

.fr{ float: right}

.clear{ clear:both;}

.group{display:none;}

.padding-left{padding-left:0px;}

.padding-right{padding-right:0px;}

a, a:hover {text-decoration:none; outline:none !important;}

a:active, a:focus {outline:0; text-decoration: none;} 

body{font-family: 'Alegreya Sans', sans-serif; /*font-family: 'Alegreya Sans SC', sans-serif;*/ color:#343434; font-size:25px; line-height:30px; font-weight:200; background:#fafafa; margin:0; font-weight:300;}

h1, h2, h3, h4, h5{ font-family: 'Alegreya Sans', sans-serif;  color:#8ad4ec; margin:0px; padding:0px; font-weight:200;}

a{text-decoration:none;}

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

#header{ position: relative;}

#header h1{ font-size:38px; text-align:center; font-weight:800; color:#0193cc;  margin-bottom:65px;}

.banner{ width:100%; height:666px; margin:0 auto; background:url(images/banner.jpg) top center no-repeat; /*background-size:100%;*/}

.apparent-icon-home{ float:left; width:258px; height:354px; background: url(images/apparent-top-img.png) center center no-repeat; margin-top:155px;}

.apparent-box{ float:right; margin-right:20px; width:650px; height:auto;}

.apparent-box img{ margin-top:55px; margin-bottom:35px; }

.logo{ float:left; width:162px; height:31px; margin-top:19px;}

.languages-listing{ float:right; top:0px; position: relative; width:110px; height:auto; }

.styleSelect select { background: transparent; font-size:15px; font-weight: 700; width: 120px; height: auto; padding: 5px; border: 0; border-radius: 0; -webkit-appearance: none; color: #0193cc; position: relative; top: -3px; cursor:pointer;}/** Socail Icon**/



.banner-button {display: block;  text-align: center;  width:100%; clear:both; }

.banner-button a {background: url(images/button-final.png) left center no-repeat; display: inline-block; height: 55px; text-indent: -999em;  width: 177px; margin-right:30px;   }

.banner-button a.play-video, .banner-button a.mobile-video{background-position: 0 top;}

.banner-button a.play-video:hover, .banner-button a.mobile-video:hover{ background-position: 0px bottom; }

.banner-button a.mobile-video{display:none;}

.banner-button a.app-store {background-position: -223px top;}

.banner-button a.app-store:hover { background-position: -223px bottom;}

.banner-button a.google-play {background-position:-448px top;}

.banner-button a.google-play:hover { background-position: -448px bottom;}



/*----------------------------------------------new menu-----------------------------------------*/

.wfc-header.wfc-header-shrink {position: fixed;  top: 0; width:100%; z-index:9999;}

.wfc-header { bottom: 0;  left: 0;  overflow: hidden;  position: absolute;  transition: height 0.3s ease 0s;  width: 100%; }

#nav_wrapper{ background:#8ad4ec; width:100%; height:36px;}

#nav_wrapper ul.menu{margin:0px; padding:0; width:100%;}

.apparent-logo{ margin:0 auto; text-align:center; display:none;}

#nav_wrapper .container{ position: relative;}

.languages-listing2{display:none; right: 0; top: -5px; position: absolute; width:110px; height:auto;}

#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block; background:url(images/dot-icon.png) left center no-repeat; float:left; padding:0 50px; font-size:20px; font-weight:500;}

/*#nav_wrapper ul.menu li:first-child{ padding-left:0px; background: none;} */

#nav_wrapper ul.menu li a{display:block; color:#ffffff; font-size:18px;  line-height:34px;  text-decoration:none;}

#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{color:#ffffff; text-decoration:underline;}#nav_wrapper ul li.current a{ text-decoration:underline;} 



#mobile-menu{ display:none;}



/*---sub-menu------*/



/*#nav_wrapper ul.menu li{position:relative;}

#nav_wrapper ul.menu li ul.sub-menu{display:none; width:200px; background:#76777B; padding:0 0 5px 0; margin:0; position:absolute; top:100%; left:0; z-index:999999;}

#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}

#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}

#nav_wrapper ul.menu li ul.sub-menu li a{font-size:14px; display:block;	padding:5px 2px 5px 12px; margin:0; color:#ffffff; border:none;}

#nav_wrapper ul.menu li ul.sub-menu li:hover a{background:#76777B; color:#D7B461;}

#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{background:#76777B; color:#D7B461;}

#nav_wrapper ul.menu li.menu-item-has-children:hover a.top_level{border-bottom:none;}

#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}*/



/*----------------------------------------------new menu-----------------------------------------*/



#nav_wrapper.wfc-header.wfc-header-shrink { height:110px; padding:5px 0 0px 0;}

.wfc-header.wfc-header-shrink .apparent-logo{display:block; margin-bottom:5px; }

.wfc-header.wfc-header-shrink .languages-listing2{display:block;}

.wfc-header.wfc-header-shrink#nav_wrapper{ background:#78bfe2; }

.wfc-header.wfc-header-shrink .menu{ text-align: center;  width: 100%; margin-top:45px;}

#nav_wrapper.wfc-header.wfc-header-shrink#nav_wrapper ul.menu li{ float:none !important; display:inline-block !important;}/********** main ***********/

#main {clear: both; margin: 0 auto; padding:0px 0 0px 0;}

#home{ padding-bottom:30px; padding-top:30px;}

#testimonials, #faq, #for-teachers, #contact-us{padding-top:120px;}

.ui-tabs-panel {  margin-left: -9px;}



#tabs .alignleft{display:block;float:left; margin:0 25px 25px 0;}

#tabs .alignright{display:block;float:right;margin:-140px 0 25px 25px;}

#tabs .aligncenter{display:block;margin:0 auto;}

#tabs ul{ display:block; margin: 0 0 0 -43px; overflow:hidden;}

#tabs ul li{height:135px;}

#tabs ul li a span{ clear:both; margin-top:105px; display:block; font-size:18px; font-weight:600; cursor: pointer;}

#tabs ul li a{ text-align:center; background:url(images/icon.png) left center no-repeat; display: inline-block; height: 105px;  width: 104px; margin-left:60px;  }

#tabs p{ margin-bottom:60px; font-weight:300; color:#343434;  line-height:35px;}



#tabs ul li a.tab-1 {background-position: 0 top; color:#8ad4ec}

#tabs ul li a.tab-1:hover {background-position: 0px bottom;}



#tabs ul li a.tab-2 {background-position: -162px top; color:#fbaf5d;}

#tabs ul li a.tab-2:hover {background-position: -162px bottom;  }

#tabs ul li a.tab-3 {background-position:-322px top; color:#f26d7d;}

#tabs ul li a.tab-3:hover {background-position: -322px bottom; }

#tabs ul li a.tab-4 {background-position:-483px top; color:#a864a8;}

#tabs ul li a.tab-4:hover {background-position: -483px bottom; }

#tabs-1 a{ border: solid 2px #8ad4ec; padding:10px 20px; color:#8ad4ec; font-size:23px; font-weight:bold;  border-radius: 10px; font-family: 'Raleway', sans-serif;}

#tabs-1 a:hover{ border: solid 2px #8ad4ec; padding:10px 20px; color:#FFF; background:#8ad4ec; border-radius: 10px;}

#tabs-2 a{ border: solid 2px #fbaf5d; padding:10px 20px; color:#fbaf5d; font-size:23px; font-weight:bold;  border-radius: 10px; font-family: 'Raleway', sans-serif;}

#tabs-2 a:hover{ border: solid 2px #fbaf5d; padding:10px 20px; color:#FFF; background:#fbaf5d; border-radius: 10px;}

#tabs-3 a{ border: solid 2px #f26d7d; padding:10px 20px; color:#f26d7d; font-size:23px; font-weight:bold;  border-radius: 10px; font-family: 'Raleway', sans-serif;}

#tabs-3 a:hover{ border: solid 2px #f26d7d; padding:10px 20px; color:#FFF; background:#f26d7d; border-radius: 10px;}

#tabs-4 a{ border: solid 2px #a864a8; padding:10px 20px; color:#a864a8; font-size:23px; font-weight:bold;  border-radius: 10px; font-family: 'Raleway', sans-serif;}

#tabs-4 a:hover{ border: solid 2px #a864a8; padding:10px 20px; color:#FFF; background:#a864a8; border-radius: 10px;}



#tabs-1 h1{ font-size:54px; font-weight: bold; color:#8ad4ec; margin:70px 0 40px; }

#tabs-2 h1{ font-size:54px; font-weight: bold; color:#fbaf5d; margin:70px 0 40px; }

#tabs-3 h1{ font-size:54px; font-weight: bold; color:#f26d7d; margin:70px 0 40px; }

#tabs-4 h1{ font-size:54px; font-weight: bold; color:#a864a8; margin:70px 0 40px; }



#tabs ul li.ui-tabs-active a.tab-1{ background-position: 0px bottom; }

#tabs ul li.ui-tabs-active a.tab-2{ background-position: -162px bottom;}

#tabs ul li.ui-tabs-active a.tab-3{ background-position: -322px bottom;}

#tabs ul li.ui-tabs-active a.tab-4{ background-position: -483px bottom;}
.cycle-slide-active li a.tab-1{ background-position: -483px bottom; }

.cycle-slide-active li a.tab-2{background-position: -322px bottom;} 

.cycle-slide-active li a.tab-3{ background-position: -162px bottom;}

.cycle-slide-active li a.tab-4{ background-position: 0px bottom;}/********** main ***********//*********** testimonials **************/

.post{clear:both;}

.entry{clear:both;}

#main h1.title { font-size:30px; font-weight:600; margin-bottom:40px; margin-top:10px;}

.entry h4 { font-size:25px; font-weight:600; margin-bottom:10px; color:#333333;}

.testimonials{ margin-bottom:90px; width:100%; height:auto; display:block; margin-top:55px;}

.testimonials:last-child{ margin-bottom:0px;}

.testimonials p{ line-height:30px;}

.testimonials  a{ text-decoration: none; color:#8ad4ec;}

.testimonials  a:hover{ text-decoration: none; color:#61add2; }

.testimonials .alignleft{display:block;float:left; margin:-15px 25px 25px 0;}

.testimonials .alignright{display:block;float:right;margin:0 0 25px 25px;}

.testimonials .aligncenter{display:block;margin:0 auto;}



.testimonials img{-ms-border-radius:75px 75px 75px 75px;

-moz-border-radius:75px 75px 75px 75px; 

-webkit-border-radius:75px 75px 75px 75px; 

-khtml-border-radius:75px 75px 75px 75px;

-o-border-radius:75px 75px 75px 75px;

border-radius:75px 75px 75px 75px;}



/*********** testimonials end **************/



/*********** Contact Us ***************/

#contact-us h1.title{margin-bottom: 10px; margin-top: 50px;}

.contact-bg{ background:url(images/contact-bg.jpg) top center repeat-y;}

.address p{ margin-bottom:20px;}

.address a{ text-decoration: none; color:#333333;}

.address a:hover{ text-decoration: none; color:#78bfe2;}

.contact-bg input,.contact-bg textarea{background:#f4f4f4; border: none; padding:5px 10px; margin-bottom:20px;}

.contact-bg input{margin-top:25px; width:55%; }

.contact-bg textarea{width:93%; height:222px; resize:none;}

form input[type="submit"] { background:#78bfe2;  border: medium none; clear: both; color: #fff; font-size: 25px; font-weight: 300; height: auto; padding: 10px 25px; text-align: center;  width: auto; float:right; margin:0 48px 0 0px;  }

form input[type="submit"]:hover {background:#61add2; color: #fff; cursor: pointer;}

.address iframe{ border:1px solid #77c0e3;  width: 100%;}

::-webkit-input-placeholder { /* WebKit browsers */  color:#d6d5d5; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color:#d6d5d5; opacity:  1;}

::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#d6d5d5; opacity:  1;}

:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#d6d5d5;}



/*********** FAQ Start **************/



.pdf-section{  width:32%; float:left;}

.pdf-section p{ font-weight:300; font-size:30px; margin:0px; line-height:10px;}

.pdf-section span{ font-size:20px; color:#aaaaaa; font-weight:100; }

.pdf-section .alignleft{display:block;float:left; margin:-8px 15px 15px 0;}

.pdf-section .alignright{display:block;float:right;margin:0 0 15px 15px;}

.pdf-section .aligncenter{display:block;margin:0 auto;}



/*********** FAQ end **************//******* footer **********/



#footer{clear: both; margin: 0 auto; padding:0; width:100%; }

#footer .footer-color {width:100%;  background:#61add2; height: auto;}

#footer .footer-color ul{margin:0; padding:0; width:100%; text-align:center;}

#footer .footer-color ul li{list-style-type:none; padding:0; display: inline-block; background:url(images/dot-icon.png) left center no-repeat; padding:0;  font-size:20px; font-weight:500; padding:0 35px;}

/*#footer .footer-color ul li:first-child{ padding-left:0px; background:none; } */

#footer .footer-color ul li a{display:block; color:#ffffff; font-size:18px;  line-height:34px;  text-decoration:none;}

#footer .footer-color ul li:hover a, #footer .footer-color li.current-menu-item a, #footer .footer-color li.current-menu-ancestor a, #footer .footer-color li.current-page-ancestor a{color:#ffffff; text-decoration:underline;}



#footer .footer-color ul li.current a{ text-decoration:underline;}



#footer .footer-icon{ background:#78bfe2; width:100%; height:auto; padding-top:35px;	}

#footer .footer-icon ul{margin:0; padding:0; width:100%; text-align:center;}

#footer .footer-icon ul li{list-style-type:none; padding:0; display: inline-block; padding:0 50px;}



/*#footer .footer-icon ul li:first-child{ padding-left:0px; background:none; }



*/#footer .footer-icon ul li a{display:block; color:#ffffff; font-size:18px;  line-height:20px;  text-decoration:none;}

#footer .footer-icon ul li:hover a, #footer .footer-icon li.current-menu-item a, #footer .footer-icon li.current-menu-ancestor a, #footer .footer-icon li.current-page-ancestor a{color:#ffffff; text-decoration:underline;  opacity: 0.8;}

#footer p{ text-align:center; font-size:14px; margin:8px 0 0 0 ; padding-bottom:5px; color:#fefefe; font-weight:100; font-family: 'Alegreya Sans', sans-serif;}

#footer p a{ text-decoration:none; color:#FFF;}

#footer p a:hover{ text-decoration: underline; color:#FFF;}

#tabs{ display: block;}

#mobile-home{ display: none;}



.aligncenter{display:block;margin:0 auto;}

.alignright{display:block;float:right;margin:0 0 25px 25px;}

.alignleft{display:block;float:left; margin:-15px 25px 25px 0;}



.wpcf7-not-valid-tip{ display:none !important;}

.wpcf7-not-valid{ border:1px solid #FF0000 !important;}

div.wpcf7-validation-errors{ border:none !important;  font-size: 16px; color:#FF0000;}

div.wpcf7-response-output{ margin:0 !important; padding:0!important; position:absolute; bottom:0;}

.copyright{color: #fefefe; font-family: "Alegreya Sans",sans-serif; font-size: 14px;  font-weight: 100;   margin: 8px 0 0;  padding-bottom: 5px;  text-align: center; display:inline-block;}

.mycontainer{ text-align:center}

#menu-footer-menu{ display:inline-block;}

#footer .footer-icon ul{ width:auto;}

#for-teachers{ min-height:400px;}

#home{ padding-top:45px;}

#contact-us{ overflow:hidden;}



.pdf-section p a{color:#333333;}

.mobile-languages{ display:none;}



/******* New Css *****/

#tabs li {display: block; float: right;}

.cycle-slideshow{ overflow:inherit !IMPORTANT;}

#tabs .alignright{ position:absolute; right:0; overflow:hidden;}



#tabs{ position:relative;}

#tabs .alignright{ position:absolute !important; top:0; margin:0;}

.tab-box-1{ width:67%; float:right; overflow:hidden;}

.tab-box-2{ width:306px; float:left; margin-top:-125px; overflow:hidden; background:url('images/phone-img.png') top right no-repeat; height:618px; overflow:hidden !important; padding: 106px 29px 89px 30px; }



.tab-box-2 .cycle-slideshow{height:427px; width:247px; overflow:hidden;}

.tab-box-2 .cycle-slide{height:100%; width:100%; }

.tab-box-2 img{display:block; left:0px; position:relative; top:0px; height:100%; width:100%;}

.cycle-pager-active li a.tab-1{background-position: 0 bottom !important;}

.cycle-pager-active li a.tab-2{background-position: -162px bottom !important;}

.cycle-pager-active li a.tab-3{  background-position: -322px bottom !important;}

.cycle-pager-active li a.tab-4{ background-position: -483px bottom !important;}



select.dropdown{-moz-appearance: none; background:url("images/downArrow.png") no-repeat scroll 65px 8px / 23px 22px #fff; border: medium none; height:34px; margin-left:4px; width:80%; line-height:26px;}



.dropdown-container{float:left; margin:0px;}

.styleSelect option{border-bottom: 1px solid #ccc; padding: 5px;}

.meta {



    



    font-size: 0.875em;



    margin: 5px 0;



    padding: 12px 0;



	



}

ul.meta{ list-style:none; padding: 5px 10px;}

.meta li {



    float: left;



    margin-right: 5px;



}

.meta li.date {



    background: url("images/compose.png") no-repeat scroll left center transparent;



    padding-left: 25px;



}.meta li.author {



    background: url("images/user.png") no-repeat scroll left center transparent;



    margin-left: 20px;



    padding-left: 25px;



}



.meta li.category {



    background: url("images/category.png") no-repeat scroll left center transparent;



    margin-left: 20px;



    padding-left: 25px;



}


div.wpcf7-mail-sent-ok{border:none !important; color:#398f14 !important;}

.sidebar ul li a{ font-size:16px;}



.sidebar h4{ font-size:20px; font-weight:600;}

.blog-post{ font-size:16px; border-bottom:1px dotted #ccc; margin-bottom:15px; line-height:1.5em;}

body .inner-content{ font-size:16px; line-height:1.5em;}

.testimonials a{ text-align:center; display:block;}



.testimonials span{ text-align:center; font-size:16px; font-weight:400; line-height:1.5em; text-transform:uppercase; color:#B6B5AF; display:block;}

#testimonials .col-sm-3 { min-height:300px;}

.faqs h2{ font-size:24px; font-weight:600; margin:25px 0;  }

#accordion-1, #accordion{ font-size:16px;}



#accordion-1 h3, #accordion h3{ font-size:20px;}

#menu-bottom-menu li a { font-size: 14px !important;}



#menu-bottom-menu{ display: inline-block;}



#menu-bottom-menu li{ padding:0 5px!important;}



#testimonials h1.title { margin-bottom: 0;}



.apparent-box img { cursor: auto;}

.innerheader{ position:fixed; top:0; width:100%; z-index:999; heigth:110px;}

.innerheader #nav_wrapper{ height:auto;}

.innerheader .apparent-logo, .innerheader .languages-listing2{ display:block; top:3px;}

.innerheader .menu{ text-align: center;  width: 100%; margin-top:45px;}

.innerheader .menu li{ float:none !important; display:inline-block !important;}

#accordion{ margin-bottom:25px;}

.innerheader .apparent-box{display:none;}


/*----------------------------------Media Css------------------------------------*/


@media only screen and (min-width: 1024px){
.banner {background: url(images/banner.jpg) no-repeat center -78px !important; height: auto !important; margin: 0 auto; width: 100%; }
.apparent-icon-home {background: url(images/apparent-top-img.png) no-repeat scroll center center; float: left; height: 354px; margin-bottom: 55px;  margin-top: 135px;  width: 258px; }

}

@media only screen and (min-width: 768px) and (max-width: 980px) {

#nav_wrapper ul.menu li{ padding: 0 30px;}

.banner {background: url(images/banner.jpg) no-repeat center -165px !important; height: 537px !important; margin: 0 auto; width: 100%; }

.apparent-icon-home{ float:left; width:24%; height: 354px; background: url(images/apparent-top-img.png) center center no-repeat; background-size:100%; margin-top:45px;}

.apparent-box{ float:right; margin-right:0; width:76%; height:auto;}

.apparent-box img {margin-bottom: 35px; margin-top: 15px;}

#header h1{ font-size: 31px; margin-bottom:35px;}

.banner-button a{ margin-right:0px}

#tabs ul li a{ margin-right:0px;}

.ui-tabs .ui-tabs-nav li{ margin:1px 0 0 0 !important;}

.contact-bg{ background:none;}

form input[type="submit"]{  margin: 0 35px 0 0;}



.tab-box-1{width: 56%;}

#for-teachers { min-height: 400px;}



#testimonials .col-sm-3 { min-height:300px;}}



@media only screen and (max-width: 767px){
.innerheader .apparent-box{display:block;}
#nav_wrapper, .logo{ display:none;}
#mobile-menu{ background:#0193cc; position:absolute; top:0px; width:100%; height: auto; display:block;}
.navbar-toggle{ float:left;   background-color: #fff; margin-left:15px; border-radius: 0px !important;  padding: 9px 8px;}
.languages-listing{ z-index:99999; top: 8px;}
#tabs{ display: none;}
#mobile-home{ display:block; margin-top:15px;}
#mobile-home .albums {}
#mobile-home p{ text-align:center; font-size: 20px; line-height: 25px; margin:30px 0; }
#mobile-home h3{font-size:27px; font-weight:600; margin: 0 auto 25px 10px; display:block; line-height:66px; text-align: center;}
#mobile-home h3 span{padding:0 5px 0 85px; background:url(images/icon2.png) left top no-repeat; display:inline-block; height:66px; line-height:66px;}
#mobile-home h3 span:hover{padding:0 5px 0 85px; background:url(images/icon2.png) left top no-repeat; display:inline-block; height:66px; line-height:66px;}
#mobile-home .mob-1 h3 span{background-position:left top; }
#mobile-home .mob-1 h3:hover span{background-position:left -66px;}#mobile-home .mob-2 h3 { color:#fbaf5d; margin-top:35px;}
#mobile-home .mob-2 h3 span{background-position:left -132px; }
#mobile-home .mob-2 h3:hover span{background-position:left -199px;}#mobile-home .mob-3 h3 { color:#f26d7d; margin-top:35px;}
#mobile-home .mob-3 h3 span{background-position:left -265px; }
#mobile-home .mob-3 h3:hover span{background-position:left -330px;}
#mobile-home .mob-4 h3 { color:#a864a8; margin-top:35px;}
#mobile-home .mob-4 h3 span{background-position:left -397px; }
#mobile-home .mob-4 h3:hover span{background-position:left -463px;}
#mobile-home .alignleft{display:block;float:left; margin:-15px 25px 25px 0;}
#mobile-home .alignright{display:block;float:right;margin:0 0 25px 25px;}
#mobile-home .aligncenter{display:block;margin:0 auto;}
#mobile-home p a{ display:none;}
.banner-button a.play-video{display:none;}
.banner-button a.mobile-video{display:block;}
#footer .footer-color ul li{ padding: 0 10px;}
#footer .footer-color ul li:first-child{padding-left:10px;}
#footer .footer-icon ul li{padding: 0 20px;}
.pdf-section{ width:100%; margin:8px 0;}
.pdf-section .alignleft{ display: block; float: none; margin: 0 auto 15px;  text-align: center; }
.contact-bg{ background: none;}
.contact-bg input, .contact-bg textarea{ width:100%;}
form input[type="submit"]{ float:none; margin-bottom:25px;}
.col-sm-4.padding-left.address img {width: 100%;}
.contact-bg .col-sm-8{ padding-right:0px;}
.contact-bg .col-sm-4{ padding-right:0px;}
.testimonials .alignleft {display: block;    float: none;    margin: 0 auto 20px;}
#main h2.title{ text-align:center;}
#home, #testimonials, #faq, #for-teachers, #contact-us {padding-bottom: 0;}
#testimonials p{font-size: 20px; line-height: 25px; text-align:center;}
.testimonials{ margin-bottom: 0; margin-top: 25px;} 
#for-teachers p {font-size: 20px; line-height: 25px; text-align:center;}
#faq p{ text-align:center;  font-size: 20px;}
.testimonials a {color: #8ad4ec; display: block; text-align: center; text-decoration: none;}
#contact-us p{font-size: 20px; line-height: 25px; text-align:left;}
#faq .fl{ float:none; width:100%;}
.pdf-section span{ text-align:center;  display: block;}
#footer .footer-icon ul {height: 330px; margin: 0; padding: 0;  position: relative;  text-align: center; width: 100%;}
#footer .footer-icon ul li:nth-of-type(2) {display: block; position: absolute; text-align: center; top: 100px; width: 100%; }
#footer .footer-color{ background:#0193cc; height:8px; width:100%; margin-top:35px;}
#footer .footer-color ul{ display: none;}
#footer p{width: 62%; margin:10px auto 0; line-height:18px;}
#home, #testimonials, #faq, #for-teachers, #contact-us{ padding-top:0}
#mobile-home p:nth-of-type(1){border-top: 1px solid #ccc; padding:25px 0; background:#fafafa; }
#mobile-home p:last-child{ }
#mobile-home .aligncenter { display: block; margin: 0 auto -175px;  position: relative;  z-index: -99;}
.fl{ float:none; width:100%; text-align:center;}
.mycontainer ul{height:auto!important;}
.styleSelect select{top:-4px;}
.banner-button a{background:url("images/button-final2.png") no-repeat scroll left center rgba(0, 0, 0, 0);}
.navbar-toggle{padding:5px; line-height: 21px;}
#main h1.title { margin-top: 40px;}

/**********25 feb *************/

.styleSelect select{margin-left:20px;}
#mobile-home p:nth-of-type(1){padding: 35px 0;}
#mobile-home h3 span{ height:65px;}
#mobile-home .mob-2 h3 span {background-position: left -133px;}
.navbar-nav > li > a {font-size: 20px !important;  font-weight: 400 !important;}
.navbar-nav {margin: 0 -15px;}
.languages-listing.mobile-languages{ display:block; width: 65px;}
.languages-listing{ display:none;}
.mobile-languages select.dropdown{background: url("images/downArrow.png") no-repeat scroll 30px 8px / 23px 22px #ffffff;}
.nav > li.current-menu-item > a{background-color: #FFF; text-decoration: none; color:#0193cc;}
.copyright{ padding:0;}
#testimonials .col-sm-3 { min-height: auto;}
#fancybox-inner{ -webkit-overflow-scrolling: touch;}
#header .innerheader {  height: auto;  position: relative;  top: 0;  width: 100%;  z-index: 999;}
#header .innerheader .apparent-box { display: block; margin: 0 auto; padding: 64px 0 0; position: relative; width: 90.7%; z-index: 9;}

#header .innerheader .apparent-box h1{margin:0;}
#main h1.title{ margin-top:19px;}
#mobile-menu{ z-index:9999;}
.innerheader .languages-listing.mobile-languages{position:absolute; right:15px;}

.innerheader #mobile-menu .menu{ text-align:left;  width: 100%; margin:0 auto;}

.innerheader #mobile-menu .menu li{ float:none !important; display:block !important;}

.innerheader .navbar-collapse.collapse.in { padding: 0;}


}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner {background: url(images/mobile-bg1.jpg) center 250px no-repeat; height: 660px; margin: 0 auto; width: 100%; border-bottom: solid 10px #0193cc; }
.navbar-toggle .icon-bar{background:#0193cc; }
.navbar-nav > li > a {color: #fff; line-height: 20px; padding-bottom: 10px;  padding-top: 10px;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #FFF; text-decoration: none; color:#0193cc;}
.apparent-icon-home{ display: none;}
.apparent-box{ float:none;  width: 100%;   margin: 0;}
#header h1{font-size: 31px;}
.apparent-box img {margin-bottom: 10px; margin-top: 5px; }
.banner-button{ margin-top: 65px; position: relative; height:100%;}
.banner-button a{ position:absolute; margin:0px;}
.banner-button a.play-video{display:none;}
.banner-button a.mobile-video{display:block;}
.banner-button a.play-video, .banner-button a.mobile-video{ right:15px !important; top: 150px;}
.banner-button a.google-play{  right: 15px !important; top:0;}
.banner-button a.app-store{  left:15px !important;  top: 0;}

.banner-button a.app-store{  left:268px;  top: 0;}
#accordion-1 p,#accordion p{text-align:left;}



#footer .footer-icon ul li a{line-height: 20px;}


}


@media only screen and (min-width: 600px) and (max-width: 640px){

.banner {background: url(images/mobile-bg.jpg) no-repeat scroll center 270px / 100% auto rgba(0, 0, 0, 0);  height:780px;}
}






@media only screen and (min-width: 320px) and (max-width: 479px) {

.banner {background: url(images/mobile-bg.jpg) center 205px / 100% no-repeat ; height: 478px; margin: 0 auto; width: 100%; border-bottom: solid 10px #0193cc;}

.navbar-toggle .icon-bar{background:#0193cc; }

.navbar-nav > li > a {color: #fff; line-height: 20px; padding-bottom: 10px;  padding-top: 10px;}

.nav > li > a:hover, .nav > li > a:focus {background-color: #FFF; text-decoration: none; color:#0193cc;}

.apparent-icon-home{ display: none;}

.apparent-box{ float:none;  width: 100%;   margin: 0;}#header h1{font-size: 20px;}

.apparent-box img {margin-bottom: 10px; margin-top: 5px; }

.banner-button{ margin-top:-5px; position: relative; height:100%; }


.banner-button a{ position:absolute; width:137px; height:44px; background-size:355%; margin:0px;}
.banner-button a.play-video{display:none;}
.banner-button a.mobile-video{display:block;}
.banner-button a.play-video, .banner-button a.mobile-video {right: 5px !important; top: 110px;}
.banner-button a.play-video { background-position: 0 top;  height: 58px;  width: 180px;}
.banner-button a.play-video:hover { background-position: 0px bottom; }
.banner-button a.google-play{  left: 0; top:0; background-position:-349px top;}
.banner-button a.google-play:hover { background-position:-349px bottom;}
.banner-button a.app-store{  right:5px  !important;  top: 0; background-position:-175px top;}
.banner-button a.app-store:hover { background-position: -175px bottom;}
#accordion-1 p,#accordion p{text-align:left;}
.mobile-video { height: 56px !important;  width: 175px !important;}



}
.rtl{
	direction: rtl;
	unicode-bidi: embed;
}
.webAppBtn{
	background-color: #4b93c8;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 17px;
    margin: 8px 0;
}
#nav_wrapper ul.menu li,#menu-footer-menu ul.menu li {
	 list-style: disc url(images/dot-icon.png)  no-repeat scroll left center;
    direction:rtl;
	float:right;
}

#nav_wrapper ul.menu li:last-child,#footer .footer-color ul li:last-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
}
.ui-accordion .ui-accordion-icons {
    padding-right: 2.2em !important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	right: 0.5em !important;
}
.ui-icon-triangle-1-e {
    background-position: -100px -16px !important;
}
.sendForm{
margin:0 !important;	
}
div.wpcf7-response-output{
	direction :rtl;
}
.banner-button a{
	overflow:hidden;
}
.contact-bg input{
margin-top:0px;
}