@import url('reset.css');
@charset "utf-8";
/* CSS Document */
body{  font-family: 'OpenSansRegular' !important; overflow-x:hidden; font-size:16px !important; color:#000 !important; }

@font-face {
    font-family: 'OpenSansRegular';
    src: url('font1/opensans-regular.eot');
    src: url('font1/opensans-regular.eot') format('embedded-opentype'),
         url('font1/opensans-regular.woff2') format('woff2'),
         url('font1/opensans-regular.woff') format('woff'),
         url('font1/opensans-regular.ttf') format('truetype'),
         url('font1/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'open_sanslight';
    src: url('font2/opensans-light-webfont.eot');
    src: url('font2/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font2/opensans-light-webfont.woff2') format('woff2'),
         url('font2/opensans-light-webfont.woff') format('woff'),
         url('font2/opensans-light-webfont.ttf') format('truetype'),
         url('font2/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'SimplifiedArabic-Bold';
    src: url('font/simplifiedarabicbold.tff');
}


::selection {
	color: #fff;
	background: #179fda;
	text-shadow: none;
}
::-webkit-selection {
color:#fff;
background:#179fda;
text-shadow: none;
}

::-moz-selection {
color:#fff;
background:#179fda;
text-shadow: none;
}
a:active {
    outline: none !important;
}
.top-menu{float:left; width:100%; height:auto; padding-bottom:10px;}
/*---inner pages*/
.float-panel {
    width:100%;
    background:white;
    z-index:9999;
    transform: translateZ(0);
    transition:all 0.5s;
	position:relative;
}
.float-panel .content-area {
    max-width:1170px;
    margin:0 auto;
}
.float-panel a {
    font-size:16px;
    text-decoration:none;
    color:#444;
    display:inline-block;
    padding:5px 10px;
}                  
.float-panel .fa-gg {                  
    color:#F0595C;
    font-size:30px;
    vertical-align:middle;                  
    transition:all 1s;                  
}
.fixed {
    box-shadow:0 2px 6px rgba(23,159,218,0.2);  
    padding:4px 0;
    animation:slide-down 0.7s;
     border-top:solid 4px #070708;
	z-index: 100000;   
}                  
.fixed .fa-gg {                  
    transform: rotate(360deg);      
}
.fixed .navbar-brand > img {
    margin-top: 0px;
    width: 100%;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.top-bar{float:left; width:100%; height:auto; background-color:#232176; padding-top:5px; /*background-color:#0f1214;*/ }
.top-bar p{ margin-left:10px; font-size:14px; color:#fff; padding: 10px 0px;font-weight: 600;}
.top-bar p span{ margin-left:18px;}
.social{ margin-right:15px;}
.social a{color:#fff;}
.social a:hover{color:#179fda;}
.social i{ padding-left:15px;}
.top-slider{float:left; width:100%; height:auto;}
.top-slider img{ width:100%;}
.mainsection{ padding-top:40px; padding-bottom:10px;}
.mainsection img{ width:100%; height:auto;}
.mainsection h1{  font-family: 'open_sanslight'; font-size:40px; padding-left:20px; color:#0294d0; font-weight:bold;}
.mainsection p{font-family: 'open_sanslight'; line-height:25px; margin-bottom:25px; padding-left:20px; text-align:justify;}
.mainsection a{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; padding:10px; background-color:#179fda; color:#fff; margin-left:20px; }

 
.coursesection{ padding-top:40px; padding-bottom:40px;}
.coursesection img{ width:100%; height:auto;}
.coursesection h1{  font-family: 'open_sanslight'; font-size:40px; padding-left:20px; color:#0294d0 !important; font-weight:bold;}
.coursesection h2{  font-family: 'open_sanslight'; font-size:20px; padding-left:20px; color:#0294d0 !important; font-weight:bold;}
.coursesection p{font-family: 'open_sanslight'; line-height:25px; margin-bottom:25px; padding-left:20px; text-align:justify; color:#000;}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a{ background:url(../images/bor.jpg) no-repeat -200px bottom !important;transition: all ease-in-out .5s;
transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;}
.navbar-default{ background-color:transparent !important; border:none !important; padding-top:10px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#179fda !important; background-color:transparent !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background: url(../images/bor.jpg) no-repeat 0px bottom !important;
transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;}
.nav > li{  text-transform:uppercase; font-size:16px;  }
.navbar-nav > li > a{ line-height:28px !important; text-transform:capitalize;}
.navbar-nav > li > a{ padding-top:0px !important; padding-bottom:0px !important; outline:none !important; }
.navbar-brand{ padding:0px !important; margin-top:-15px;}
.navbar-brand > img{ margin-top:11px; max-width:325px;}
.navbar{min-height:46px !important; margin-bottom:0px !important;}
.nav > li > a{padding: 0px 18px 12px !important; color:#998067;}
/*nav*/
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff !important;}
.navbar-default .navbar-toggle{ border-color:#f59271;}
.navbar-toggle{ background-color:#38b9ff  !important; border:solid 1px #fff;}
.welcome_section {background: #f5f9fc; padding: 40px 0 00px 0; text-align: center;}
.welcome_section1 {background: #f5f9fc; padding: 40px 0 60px 0; text-align: center;}
.welcome_section h2{ font-size:28px; font-weight:600; text-align:center; margin-bottom:20px !important; margin-top:20px !important;color:#252377 !important;font-family: 'SimplifiedArabic-Bold';}
.setion-h1{color: #252377 !important;font-family: SimplifiedArabic-Bold;font-weight: 600; }
.welcome_section_content{ background-color:#fff; padding:25px 10px;}
.welcome_section_content p{font-size:14px; text-align:justify; line-height:26px; color:#000;}
.welcome_section_content a {padding: 10px;background-color: #179fda;color: #fff;margin:20px 20px; text-decoration:none !important}
.welcome_section_content a:hover {padding: 10px;background-color:#3CF;color: #fff;margin:20px 20px !important; text-decoration:none !important}

.service-section{float:left; width:100%; height:auto; padding-top:5px; padding-bottom:40px; text-align:center; }
/*.service-section a:hover,.mainsection a:hover{ color:#fff; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;text-decoration:none; background-color:#0281b8;}*/
/*.service-section a:focus,.mainsection a:focus{ text-decoration:none !important; color:#fff; outline:none;}*/
.service-section h1 {  font-family: 'open_sanslight'; font-size:40px; padding-left:20px; margin-top:10px; margin-bottom:20px; color:#0294d0; font-weight:800;}
.service-section p{ width:70%; text-align:center; margin-left:auto; margin-right:auto;font-family: 'open_sanslight'; line-height:25px; margin-bottom:25px; padding-left:20px;}
/*.service-section a{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; padding:10px; background-color:#179fda; color:#fff; margin-left:20px;}*/
.bottom-section{float:left; width:100%; height:auto; background-image:url(../images/bottom-bc.jpg); background-size:cover; padding-top:80px; padding-bottom:80px;}
.bottom-section h2{ font-size:30px; color:#fff; font-weight:700; margin-bottom:20px; text-align:center; margin-top:0px !important; font-family: 'SimplifiedArabic-Bold';}
.testimonial h2, .updates h2{  font-family: 'open_sanslight'; font-size:42px; padding-left:20px; color:#fff; margin-bottom:40px;}
.testimonial h2{ text-align:right;}
.newsmain p{ text-align:right !important; color:#fff !important;}
#news-container2{ float:left; width:100%; text-align:right; color:#666; margin-bottom:18px;}
#news-container ul li div{color:#fff; text-align:right; }
#news-container2 ul li div{color:#fff; text-align:left; margin-left:20px; }
#news-container ul li div{color:#fff; }
#news-container2 ul li div img{ float:left; width:62px; height:62px; margin-right:30px; margin-top:3px;}
.client-section{float:left; width:100%; height:auto; padding-top:80px; padding-bottom:80px;}
.top-inner{float:left; width:100%; height:auto; background-color:#087cc2;}
.top-inner h1{font-size:40px; padding:12px; color:#fff;font-family: 'open_sanslight'; margin:0px !important;}
.top-inner h1 span{font-size:15px !important; text-align:right; float:right; padding-top:15px;}
.inner h3{ font-size:22px; line-height:24px;}
.inner p{ text-align:justify; padding-left:0px;}
.inner h2{ margin-bottom:15px;}
.section-mision{float:left; width:100%; height:auto; background-color:#eee;}
.section-mision img{ max-width:306px; float:right;}
.contact{ margin-bottom:20px;}
.contact-wraper .form-control{  color:#000; border-radius:0px; border:solid 1px #04b4fd;}
.footer{float:left; width:100%; height:auto; text-align:center; background-color:#000; padding-top:60px; padding-bottom:60px; margin-top:00px;}
.homepageservice{float:left; width:100%; height:auto; text-align:center; background-color:#48494b; padding-top:60px; padding-bottom:60px; margin-top:30px;}
.homepageservice1{float:left; width:100%; height:auto; text-align:center; background-color:#38393b; padding-top:10px; padding-bottom:10px; margin-top:00px;}
.homepageservice p { font-size:24px; color:#fff; text-align:left;}
.homepageservice a{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; padding:10px 20px 20px 20px; background-color:#179fda; color:#fff; margin-left:00px; font-size:24px; text-align:center; margin-top:10px;}
.homepageservice a: hover{ text-decoration:none;}
.contact-wraper{float:left; width:100%; height:auto; background-color:#fff;border-top: solid 1px #04b4fd;}
.copyright{font-size:13px !important; color:#fff; }
.form-group{ margin-bottom:0px !important;}
.contact-details{ padding-left:50px !important;}
.contact-details h4{color:#000; margin-top:0px; font-size:20px;}
.contact-details p{color:#000; margin-bottom:0px !important; font-size:15px;}
.contact-details i{ padding:9px; color:#04b4fd;  margin-top:10px;}
 .contact-wrapper iframe{ width:100%; -webkit-filter: grayscale(100%);pointer-events:none;}
 .blue-button{ background-color:#48b3f6 !important; width:30% !important; color:#fff; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s;text-transform:uppercase; border-radius:none !important;}
  .blue-button:hover{ background-color:#0fa3e2 !important; color:#fff !important; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s;}
  .contact-form{ padding-top:40px; padding-bottom:40px;}
.navfooter{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.navfooter li{
    display:inline;
	font-size:14px;
	
}
.navfooter a{
    display:inline-block;
    padding:5px;
	 outline:none !important; 
transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;
 -o-transition: all ease-in-out 0.5s;	color:#c2a130;}
.navfooter a:focus{ text-decoration:none !important;}
.navfooter a:hover{color:#179fda; text-decoration:none !important; outline:none !important; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; }

/*start of navfooter1*/

.navfooter1{
    list-style:none;
    margin:0;
    padding:0;
    text-align:left;
}
.navfooter1 li{
    display:block;
	font-size:15px !important;
	color:#fff;
	padding:5px;
	
}
.navfooter1 a{
    display:inline-block;
    padding:0px;
	 outline:none !important; 
transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s;
 -o-transition: all ease-in-out 0.5s;	color:#fff; line-height:14px;}
.navfooter1 a:focus{ text-decoration:none !important;}
.navfooter1 a:hover{color:#179fda; text-decoration:none !important; outline:none !important; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; }
/*end of  navfooter1*/

.footer h4{ font-size:20px; color:#179fda !important; font-weight:600; text-align:left;}



.navbar-toggle{ border-radius:0px !important; background-color:#000; border:none !important; margin-top:15px !important; margin-bottom:0px !important;}
.navbar-collapse{ margin-top:10px;}
.product-feature{float:left;  width:100%; height:auto;}
.product-feature ul li{padding:8px; border:solid 1px #eee; font-weight:400; margin-top:20px; line-height:29px;}
.product-feature ul li:hover{ background-color:#22b0ee; color:#fff; font-weight:600;}
.product-wrapper h2{ margin-left:10px; margin-top:0px !important; text-align:left;}
.product-wrapper h3{font-size:18px;border-bottom: solid 1px #eee; text-align:left;
padding-bottom: 10px;}
.clients-list{float:left; width:100%; height:auto; text-align:center; border:solid 1px #ccc; padding:10px; margin-bottom:30px;}
.clients-list img{ max-width:200px !important;}
.clients-list h4{font-size:17px; text-align:center; line-height:27px; background-color:#087cc2; color:#fff; padding:5px; margin-bottom:0px !important;}
.testimonials blockquote {
    background: #f0f5f8   none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 25px 18px 0 0;
    border-color: #054f74 transparent transparent transparent;
}
 .testimonials:hover img{border:solid 1px #40b7de  !important; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
	 transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #278fce;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 0px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
.testimonials p{font-size:16px; color:#385874;}
.testimonials img { margin-top:5px !important; }
textarea.form-control{ height:90px !important;}
.btn{ border-radius:0px !important;}
@media screen and (max-width: 1600px) {

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
.float-panel a{font-size:14px;}
.nav > li > a{padding: 0px 8px 0px !important;}
.navbar-brand > img{ max-width:220px; margin-left:0%;}
.mainsection{ float:left; text-align:center; width:100%;}
.mainsection img{ margin-top:50px; max-width:250px;}
.testimonial h2{ text-align:center;}
#news-container ul li div{ text-align: center;}
.testimonial h2, .updates h2{ padding-left:0px; text-align:center;}
#news-container2 ul li div{ margin-left:0px; text-align:center;}
.testimonials .carousel-info{ margin-bottom:10px;}
.navbar-toggle{ margin-top:9px !important;}
.contact-details {
    padding-left: 20px !important;
    margin-top: 25px;}
	.bottom-section{ padding-top:25px; padding-bottom:25px;}
	.client-section{ padding-top:40px !important; padding-bottom:40px !important;}
	.section-mision img{ float:none; margin-top:0px !important;}
	.abouton img{ margin-bottom:20px;}
	.abouton{ padding-bottom:35px; padding-top:35px;}
	.about-top{ padding-top:20px; padding-bottom:20px;}
	.about-top img {margin-bottom:20px;}
}
@media screen and (max-width: 767px) {
.service-section p{ width:100%; padding-left:0px;}
.mainsection p{ padding-left:0px;}
.navbar-default{ padding-top:0px;}
.fixed .navbar-brand > img {
    padding-top: 10px;
    width: 30%;
}

.navbar-brand > img {
    padding-top: 10px;
    width: 30%;
}
.navfooter li{font-size:14px;}
.footer{ padding-top:24px; padding-bottom:24px;}
.client-section,.bottom-section,.mainsection{ padding-top:32px; padding-bottom:32px;}
.resp-vtabs ul.resp-tabs-list{width:100% !important;}
.resp-vtabs .resp-tabs-container{width:100% !important; padding-left:0px !important;}
.resp-vtabs .resp-tabs-list li{ text-align:left;}
.product-wrapper{ margin-top:20px;}
.resp-tab-content{ padding-left:0px !important;}
.mainsection img{ margin-top:20px; margin-bottom:20px;}
.testimonial h2, .updates h2{ font-size:30px;}
.navbar-toggle{ margin-top:0px;}
.fixed{ padding:13px 0px;}
.top-inner h1{ font-size:31px;}
body{ font-size:15px !important;}
.testimonial h2, .updates h2{ margin-bottom:25px;}

  }
		@media screen and (max-width: 680px) {
		.service-section img{ width:80%; margin-bottom:25px;}
		.top-bar p span{display:none;}
		body{font-size:14px;}
.service-section h1,.mainsection h1{font-size:40px;}
.testimonial h2, .updates h2{font-size:34px;}
.navfooter a{display:block !important;}
		}
		@media screen and (max-width: 500px) {
		
		}
		
@media screen and (max-width: 480px) {
.top-inner h1{font-size:26px;}
.top-inner h1 span{ padding-top:7px;}
.top-inner h1{font-size:24px;}
.top-inner h1 span{ padding-top:6px;}
.inner h3{font-size:18px;}
.top-inner{ padding-bottom:15px;}
.top-inner h1 span{ text-align:left; float:left; width:100%;}
}

@media screen and (max-width: 380px) {.top-inner h1 span{font-size:11px;}
.testimonial h2, .updates h2{font-size:27px;}
.contact-details p{font-size:14px;}

}
@media screen and (max-width: 287px) {

	
}


/*<!--start of thumbnail-->*/

/*.bottom{ margin-bottom:20px; }
.border{border:1px solid #e3e2; padding:15px; margin-bottom:30px;}
.caption h4{ text-transform:uppercase;}
.caption p{  font-size:1.5em;}


.img-responsive {
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
 
.img-responsive:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}*/

 /* end of thumbnail */
 
 
<!-- start of new menu-->
/*
1.1 Header Area
****************************************************/
/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);	
	border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

/*=-====Main Menu=====*/
.navbar-nav .open .dropdown-menu > li > a {
    padding: 16px 15px 16px 25px;
}
.header_bottom { background: #0071ba }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    padding: 16px 15px;
	font-family: 'Roboto', sans-serif;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #0071ba;
    background: #54c6d4;
    outline: 0;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #fff } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #fff } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #54c6d4;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #CBEAF0;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #CBEAF0;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#98D7E1;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#0a1464}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#e4eeb8}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li{position:relative;}
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
.navfooter1 {
  
	font-size:12px;
	padding:3px;
	
}

}

 /*<!--end of new menu-->*/
 .aboutus
 {width:100%;
 height:auto;
 }


#details { /*font-family: "Quicksand", sans-serif;*/ font-size: 30px; }
#home-box > h2 { /*font-family: "Quicksand", sans-serif; */font-weight: 400; line-height: 1.1; color: #75b1ae; }
.price { font-size: 25px; float: left; }
.pricing_header { background: none repeat scroll 0% 0% rgb(44, 62, 80); border-radius: 5px 5px 0px 0px; transition: background 0.4s ease-out 0s; }
.pricing_header h2 { text-align:center; line-height: 25px; padding: 15px 0px; margin: 0px; font-family: "Quicksand", sans-serif; font-weight: 400; color: #75b1ae; }
.list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.btn { float: right; font-family: "Quicksand", sans-serif; font-weight:500;}
.off { text-decoration: line-through; color: rgb(86,86,86); }
.space {height: 2px; background-color: #75b1ae;}

/*<!--table for couse details-->*/
.custab{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5% 0;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
    }
.custab:hover{
    box-shadow: 3px 3px 0px transparent;
    transition: 0.5s;
    }
	/*<!-- end table for couse details-->*/
	.form-control
	{
		margin-bottom:12px !important;
	}
	
	/*start service slider*/

 
.post-slide{
    margin: 0 15px;
    position:relative;
    background:#fff;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
}
.post-slide .over-layer{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background: rgba(0,0,0,0.6);
    transition: all 0.30s ease;
}
.post-slide:hover .over-layer{
    opacity:1;
}
.post-slide .post-link{
    margin:0;
    padding:0;
    position: relative;
    top:45%;
    text-align:center;
}
.post-slide .post-link li{
    display: inline-block;
    list-style: none;
    margin-right:20px;
}
.post-slide .post-link li a{
    color:#fff;
    font-size:20px;
}
.post-slide .post-link li a:hover{
    color: #ff8b3d;
    text-decoration:none;
}
.post-slide .post-date{
    position:absolute;
    top:10%;
    left:4%;
}
.post-slide .date{
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background:#333;
    float: left;
}
.post-slide .month{
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 13px;
    color: #111;
    font-size: 20px;
    font-weight: bold;
    background: #ff8b3d;
}
.post-slide .post-content{
    padding:30px;
}
.post-slide .post-title{
    margin:0 0 15px 0;
}
.post-slide .post-title a{
    font-size:18px;
    font-weight:bold;
    color:#252377;
    display: inline-block;
    text-transform:capitalize;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#ff8b3d;
}
.post-slide .post-description{
    font-size: 14px;
    line-height:24px;
    color:#808080;
	text-align:justify;
}
.post-slide .read-more{
    color:#333;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    position: relative;
    transition: color 0.20s linear;
	float:left;
}
.post-slide .read-more:hover{
    text-decoration:none;
    color:#ff8b3d;
}
.post-slide .read-more:after{
    content:"";
    position: absolute;
    width:30%;
    display: block;
    border:1px solid #ff8b3d;
    transition: all 0.30s ease;
}
.post-slide .read-more:hover:after{
    width:100%;
}
@media only screen and (max-width: 479px) {
    .post-slide .month{
        font-size:14px;
    }
    .post-slide .date{
        font-size:14px;
    }
}
/*end of  service slider*/

/*start  of testimoniyal*/
.testimonial{
    text-align: center;
}
.testimonial .pic{
    margin-bottom: 35px;
}
.testimonial .pic > img{
    border-radius: 50%;
}
.testimonial .testimonial-review{
    color:#fff;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 14px;
}
.testimonial-review > .testimonial-description{
    font-style: italic;
}
.testimonial .testimonial-title{
    color:#fff;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
}
.testimonial-title > small{
    color:#fff;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
}
.owl-theme .owl-controls .owl-page span{
    width: 9px;
    height: 9px;
    background: transparent;
   /* border: 1px solid #fff;*/
    margin: 5px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
   /* background: #fff;*/
}

/*end of testimoniyal*/
.blue { color:#0CF !important;}
#container {

	width: auto;
	max-width: 500px;
	height: auto;
	/*margin: 5em auto;*/
	/*overflow: hidden;*/
	/*border: 10px solid #EEE5E5;
	outline: 5px dashed #EEE5E5;*/s
	position: relative;
/* 	z-index: 1; */
	
	
}
#container img {
	width: 25%;
	height: 100%;
	margin-bottom: -5px;
	transition: all 0.3s ease-out;
	position: relative;
	z-index: 2;
	margin-top:14px;
}



#container:hover img {
	transform: scale(1.1, 1.1);
}

.box-text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	padding: 10px;
    /*background-image: linear-gradient( 135deg, rgba(129, 255, 239, 0.50) 10%, rgba(240, 103, 180, 0.65) 100%);*/
	opacity: 1;
	transition: 0.3s linear;
	color: #FFF;
	font-family: 'Bellefair', serif;
font-family: 'Satisfy', cursive;
/* font-family: 'Slabo 27px', serif; */
/* font-family: 'Vidaloka', serif; */
	text-shadow: 2px 2px 2px #333;
	
}
.box-text h1 {
	font-size: 2.2em;
	font-family: 'Bellefair', serif;
font-family: 'Comfortaa', cursive;
}
.box-text p {font-size: 1.5em;}
.box-text:hover{opacity: 0;}

/*inner pages start*/
.aboutus-top-banner {width:100%; height:auto;}
.title_bg {
    /*background:url(../images/aboutus-innertop.jpg) no-repeat center top;*/
        background-attachment: scroll;
        background-size: auto auto;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
	
}
.title_bg figcaption {
    margin: -20% 0 7% 0; z-index:1000;
}
.title_bg figcaption h1 {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 400 !important;
}
.breadcrumb {
	background-color:transparent !important;
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 0 0 0;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}
.mt10 {
    margin-top: 10px;
}
.breadcrumb li a {
    font-weight: 400;
    text-decoration: underline;
    color: #00aff0;
}

@media only screen and (max-width: 760px)
 {
	 .title_bg figcaption h1 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 400 !important;
}
.title_bg figcaption {
    margin: -20% 0 0% 0; z-index:1000;
}
.innerpage_holder{ padding:6px 00px !important; background-color:#fff;}
	 
}

.innerpage_holder{ width:100%; height:auto; padding:45px 00px; background-color:#fff;}
.innerpage_holder h2{ font-size:20px; font-weight:600; color:#252377; margin:17px 0px; text-align:left;}
.innerpage_holder p{font-size:14px; text-align:justify; line-height:22px; font-weight:500;}
.innerpage_holder ul {margin: 15px 0 0 20px;}
.innerpage_holder ul li { font: 500 14px/26px 'Open Sans', sans-serif;color: #000; margin: 6px 0;  background:url(../images/list-item.jpg) no-repeat left 5px; padding: 0 0 0 20px;list-style: none;}

.innerpage_holder1{ width:100%; height:auto; padding:00px 00px; background-color:#fff;}
.innerpage_holder1 h2{ font-size:20px; font-weight:600; color:#09A7EF; margin:20px 0px; text-align:left;}
.innerpage_holder1 p{font-size:14px; text-align:justify; line-height:26px; font-weight:500;}
.innerpage_holder1 ul {margin: 20px 0 0 25px;}
.innerpage_holder1 ul li { font: 500 14px/26px 'Open Sans', sans-serif;color: #666; margin: 6px 0;  background:url(../images/list-item.jpg) no-repeat left 5px; padding: 0 0 0 20px;list-style: none;}

.about-inner2 { background:#efefef; padding: 15px 15px 15px 15px;}
.about-inner2 h3 { /*font-family: 'play';*/ font-size: 20px; text-align: left; color: #444141;}
.about-inner3 { background:/*#00213b*/ /*#49aed2*/#efefef ; padding: 15px 15px 15px 15px; margin-top:20%;}
.about-inner3 h3 {/* font-family: 'play';*/ font-size: 20px; text-align:left; color: #320bee;}
.about-inner3 h4 {
   /* font-family: 'play';*/
    font-size: 17px;
    text-align: left;
    color: #fff;
    padding-bottom: 20px;
	font-weight:500;
}
.about-inner3 h4 a {
    color: #0c1114 !important;
    text-decoration: none !important;
	font-weight:600;
}
.about-inner3 h4 a:hover {
    color: /*#fff*/078e82 !important;
    text-decoration: none !important;
    margin-left: 5px;
    -webkit-transition: all ease-in-out 0.5s;
        transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.divider1 {width: 180px; height: 2px; background-color: #fcc810; margin-bottom: 15px;margin-top: 8px;  margin-left: 0%;}
label {display: inline-block; max-width: 100%;margin-bottom: 5px; font-weight: 700; color: #787c7e;}
.form-submit-button { background: #00aff0; color: #fff; border: 0;text-shadow: none; border-radius: 0 !important;padding:25px;margin-right:35%;}

/*gallery-box style*/
.gallery-box{
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    position: relative;
}
.gallery-box img{
    width: 100%;
    height: auto;
}
.gallery-box .gallery-box-content,
.gallery-box .gallery-box-content:after{
    width: 100%;
    height: 100%;
    background: rgba(36, 50, 86, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.gallery-box:hover .gallery-box-content{
    opacity: 1;
}
.gallery-box .gallery-box-content:after{
    content: "";
    background: #16aed580;
}
.gallery-box:hover .gallery-box-content:after{
    opacity: 0.7;
    transform: skew(30deg);
}
.gallery-box .content{
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    color: #fff;
    z-index: 1;
}
.gallery-box .title{
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.gallery-box .read-more{
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #243256;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}
.gallery-box .read-more:hover{
    background: #243256;
    color: #fff;
}
@media only screen and (max-width:990px){
    .gallery-box{ margin-bottom: 30px; }
}

/*end of gallery box*/

/*testimonial*/

.content {
    padding-top: 30px;
}

/* Testimonials */
.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
/*end of testimonials*/
.contact-info ul li{list-style:none !important}