@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-semibold') format('woff'), url('../fonts/opensans-semibold.ttf')  format('truetype'), url('../fonts/opensans-semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Oswald-Bold';
  src: url('../fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/oswald-bold.otf')  format('opentype'),
	     url('../fonts/oswald-bold.woff') format('woff'), url('../fonts/oswald-bold.ttf')  format('truetype'), url('../fonts/oswald-bold.svg#Oswald-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Oswald-Regular';
  src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/oswald-regular.woff') format('woff'), url('../fonts/oswald-regular.ttf')  format('truetype'), url('../fonts/oswald-regular.svg#Oswald-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-medium.woff') format('woff'), url('../fonts/roboto-medium.ttf')  format('truetype'), url('../fonts/roboto-medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf')  format('truetype'), url('../fonts/roboto-light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf')  format('truetype'), url('../fonts/roboto-bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/roboto-black.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto-black.woff') format('woff'), url('../fonts/roboto-black.ttf')  format('truetype'), url('../fonts/roboto-black.svg#Roboto-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url('../fonts/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/sourcesanspro-bold.otf')  format('opentype'),
	     url('../fonts/sourcesanspro-bold.woff') format('woff'), url('../fonts/sourcesanspro-bold.ttf')  format('truetype'), url('../fonts/sourcesanspro-bold.svg#SourceSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SourceSansPro-Light';
  src: url('../fonts/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),  url('../fonts/sourcesanspro-light.otf')  format('opentype'),
	     url('../fonts/sourcesanspro-light.woff') format('woff'), url('../fonts/sourcesanspro-light.ttf')  format('truetype'), url('../fonts/sourcesanspro-light.svg#SourceSansPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/sourcesanspro-regular.otf')  format('opentype'),
	     url('../fonts/sourcesanspro-regular.woff') format('woff'), url('../fonts/sourcesanspro-regular.ttf')  format('truetype'), url('../fonts/sourcesanspro-regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SourceSansPro-Semibold';
  src: url('../fonts/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/sourcesanspro-semibold.woff') format('woff'), url('../fonts/sourcesanspro-semibold.ttf')  format('truetype'), url('../fonts/sourcesanspro-semibold.svg#SourceSansPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{box-sizing: border-box;}

h1,h2,h3,h4,h5,h6,p{display: block; margin:0; padding: 0;}

html,body{margin:0; padding: 0;  width:100%; font-family: 'GothamLight', sans-serif;}

a, a:hover, a:focus{text-decoration: none;}
a, .btn, .btn-send{transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

.form-control:focus {
    border-color: #ccc;}

header{display: block; margin: 0; padding: 0; border-top:2px solid #f28b39;}

.top-nav{display: block; width: 100%; margin: 0; padding:10px 0; }

.top-nav .logo{display: inline-block; vertical-align: middle; width:377px;}

.top-nav .logo a, .top-nav .logo a:focus{outline:none;}

.top-nav  .title{display: inline-block;  width: 530px; text-align: center;  font-family: 'Roboto-Medium'; font-size: 24px; color:#4a4949;}

.top-nav  .contact{display: inline-block; width: 225px; text-align: right;  font-family: 'Roboto-Bold';}

.top-nav .contact a{font-size: 24px; color:#26478c; outline:none; }

.top-nav .contact a:hover, .top-nav ul li a:focus {color:#f28b39;}
.top-nav .contact a:hover > i {color:#26478c; border:1px solid #26478c;}

.top-nav .contact i{width: 42px; height: 42px; line-height: 42px; border-radius: 100px; border:1px solid #f28b39; color:#f28b39; text-align: center; font-size: 27px; margin-right: 5px; background-color: #f2f2f2;}

.menu-bar{display: block; width: 100%; margin: 0; padding: 4px; background-color: #294d95; z-index: 999; }

.menu-bar ul{display: block; margin: 0; padding: 0;}

.menu-bar ul li{display: inline-block; vertical-align: middle;  list-style: none;}

.menu-bar .navigation{display: inline-block; vertical-align: middle; width: 80%; position: relative;}

.menu-bar .navigation{display: inline-block; margin: 0; padding: 0; }

.menu-bar .navigation li{display: inline-block;  color:#fff; list-style: none; padding:13px 25px; position: relative;border-right: 1px solid #3b5fa5;}

.menu-bar .navigation li:after{border-right: 1px solid #1d408a; display: block; content: "";    right: 0;
    position: absolute; height: 49px;  top: 0;}

.menu-bar .navigation li:last-child, .menu-bar .navigation li:last-child:after{border-right:none;}

.menu-bar .navigation li a{color:#fff; font-size: 16px; outline: none; padding:10px;}

.menu-bar .navigation .current-menu a{color:#f28b39;}

.menu-bar .navigation li a:hover, .menu-bar .navigation li a:focus{ color:#f28b39;}

.menu-bar .social-icon{display: inline-block; width: 19%; text-align: right;}

.menu-bar .social-icon li{list-style: none; display: inline-block;padding:13px 4px; }

.menu-bar .social-icon li a i{width: 28px; height: 28px; line-height: 28px; border-radius: 100px; border:1px solid #d3e1fe; background-color: #d3e1fe; text-align: center; color:#284b93;}
.menu-bar .social-icon li a:hover > i{color:#f28b39; border:1px solid #f28b39;}

/*------banner------*/

.banner{display: block; margin:-33px 0 0; padding: 0; width: 100%; background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 540px; position: relative; z-index: -1;}

.banner .banner-text{position: absolute; bottom:94px; left: 0; right: 0; margin: 0; padding: 0; text-align: center;  font-family: 'Roboto-Black';}

.banner h5{font-size: 27px; color:#fff;text-shadow: 1px 1px #969ca3; }

.banner h1{font-size: 90px; color:#fff;   text-shadow: 1px 1px #969ca3;}

/*--------------contact us -------------*/

.contact-us{display: block; margin: 0; padding: 34px 35px; background-image:url(../images/contact-background.png); background-position: center center; background-size: cover; background-repeat: no-repeat; text-align: center; width: 100%; height: auto; font-family: 'Roboto-Light';}

.contact-us p{text-align: center; font-size: 18px; line-height: 26px; color:#fff; padding: 0 95px; margin: 0 0 26px;}

.contact-us .contact-button{ color:#fff; background-color: #131f68; font-size: 20px; padding: 7px 20px; border:1px solid #131f68; text-transform: uppercase; outline: none; font-family: 'Roboto-Medium';}

.contact-us .contact-button:hover, .contact-us .contact-button:focus{background-color: #fff; color:#131f68;}

/*--------------- about us ------------*/

.about{display: block; margin:1px 0 0; padding:48px 0;}

.about .about-content{display: block; margin: 0; padding: 0 30px 0 0;}

.about h2{font-size: 40px; line-height: 21px; text-transform: uppercase; margin-bottom: 20px;   font-family: 'Roboto-Black'; color:#101010;}

.about p{margin-bottom: 22px; font-size: 14px; color:#343434; text-align: justify; font-family: 'Roboto-Light';}

.about-form{display: block; width: 100%; margin: 0; padding: 33px 28px 25px; background-color: #26488d; position: relative; text-align: center;}

.about-form h2{ font-size: 30px; color:#fff; font-family: 'Oswald-Regular'; margin-bottom: 15px; text-align: center;}

.about-form .rf-logo{display: block; width: 100%; text-align: center; margin: 0; padding: 0; background-color: #26488d; position: relative}

.about-form .rf-logo:before{display: block; content: "" ; border-top: 1px solid #fff; position: absolute; top:12px; left: 0; right: 0; width:100%; padding: 0; height: 1px; z-index: 0; }

.about-form .rf-logo img{ z-index: 1; }

.about-form .rf-logo span{background-color:#26488d; position: relative; padding: 0 10px}

.about-form label{color:#fff; font-family: 'OpenSans-Semibold'; font-size: 13px; float: left;}

.about-form .form-control{border-radius: 0; outline: none; box-shadow: none;}

.about-form textarea { width: 100%;  resize: none;  box-shadow: none; margin-bottom: 7px; outline: none; box-shadow: none; padding: 10px; height:75px;}

.about-form .btn-send{background-color: #000; text-align: center; border-radius: 0; color:#fff; font-size: 17px;  font-family: 'Oswald-Regular'; text-transform: uppercase; outline: none; outline: none;}

.about-form .btn-send:hover, .about-form .btn-send:focus {background-color: #fff; color:#000; outline: none;}

.about-form .btn-send:hover > i{color:#000;}

.about-form .btn-send i{font-size: 21px; color:#fff; margin-left: 4px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

/*------- custom ----*/
.service-inner {
  position: relative;
}

.service-inner:nth-child(2n) .class-room-img{left: 0;}
.service-inner:nth-child(2n) .custom-room{padding: 50px 0px 61px 52px; float: right;}

.custom{background-color: #e5e2df; display: block; margin: 0; padding: 0; width: 100%; height: auto; position: relative;}

.custom .custom-room{display: inline-block; vertical-align: middle; width: 50%; padding: 50px 52px 39px 0; margin: 0;}

.custom .custom-room h2{ font-family: 'Roboto-Medium'; font-size: 30px; line-height: 21px; color:#4e4e4e; margin-bottom: 26px;}

.custom .custom-room p{font-size: 14px; line-height: 22px; font-family: 'Roboto-Light'; text-align: justify; margin-bottom: 18px;}

.custom .class-room-img{ display: inline-block; vertical-align: top; position: absolute; width:50%; height: 458px; right: 0; top: 0;}


/*------  gallery  -----*/

.gallery{display: block; margin: 0; width: 100%; padding: 43px 0;}

.gallery .gallery-content{display: block; width: 100%; margin: 0; padding: 0; text-align: center; border-bottom: }

.gallery .gallery-content img{margin-bottom: 6px;}

.gallery .gallery-content h2{font-family: 'Roboto-Black'; font-size: 60px; color:#454545; text-transform: uppercase; position: relative; padding: 0 0 15px; margin-bottom: 30px;}

.gallery .gallery-content h2:after{display: block; content: ""; position: absolute; bottom: 0; border-bottom:1px solid #c4c3c3; left: 0; right: 0; width:437px; margin: 0 auto; z-index: 0}

.gallery .gallery-content h2:before{display: block; content: ""; position: absolute; bottom: -2px; border-bottom:6px solid #ff7d35; left: 0; right: 0; width:89px; margin: 0 auto; z-index: 3}

.gallery ul{display: block; margin: 0 0 47px; padding: 0 19px;}

.gallery ul li{display: inline-block; margin-right:2px;}

.gallery ul li a{ border: 1px solid #c7c7c7; border-radius: 10px; font-family: 'SourceSansPro-Semibold'; font-size: 15px; line-height: 18px; text-transform: uppercase;  background-color: #f5f5f5; color:#bfbfbf; outline:none;}

.gallery ul li a:hover, .gallery ul li a:focus{background-color: #26488d; border:1px solid #26488d; color:#fff; outline:none;}

.nav-tabs {border-bottom: none;}

.gallery .gallery-images{display: block; margin: 0; padding: 0; width: 100%;}

.gallery .gallery-images img{width:100%; height: 235px; vertical-align: middle; border:10px solid #ff8a49; margin-bottom: 42px}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #26488d;
    border: 1px solid #26488d;
    border-bottom-color: none;
}
/*-------- slider ---*/

.slider{display: block; margin: 0; background-color: #30518a; padding: 0; width: 100%; }

/*----- carsousel ------*/

.slider .carousel { padding: 0 39px !important;}

.slider .carousel-inner > .item {height: 287px;}

.slider .carousel-control.left, .slider .carousel-control.right {background-image:none;}

.slider .carousel-control .glyphicon-chevron-left, .slider .carousel-control .icon-prev {
    margin-left: -130px;
}

.slider .carousel-control .glyphicon-chevron-right, .slider .carousel-control .icon-next {
    margin-right: -130px;
}
.slider .carousel-indicators .active { width: 49px; height: 8px;    margin: 0;  background-color: #ff7d35;  border:1px solid  #ff7d35;}

.slider .carousel-indicators li {  width: 49px;  height:8px;    margin: 0;  border-radius: 0;   background-color: #fff;}

.slider .carousel-caption {position: absolute; right: 3%; bottom: 20px; left: 3%; z-index: 10; padding-top: 0; padding-bottom: 0;top: 76px;}

.slider .carousel-control .glyphicon-chevron-left, .slider .carousel-control .glyphicon-chevron-right, .slider .carousel-control .icon-next, .slider .carousel-control .icon-prev { width: 61px; height: 61px;    margin-top: 0; top:80px; font-size: 32px; border: 1px solid rgba(255, 255, 255, 0.4); line-height: 52px;  border-radius: 100px;  text-align: center;  background-color: rgba(255, 255, 255, 0.4);}

.slider .carousel-indicators {  bottom: 58px;}

.slider .carousel-caption p{font-family: 'SourceSansPro-Light'; font-size: 16px; line-height: 20px; margin-bottom: 25px; word-spacing: 1px;}

.slider .carousel-caption span{font-size: 18px; line-height: 25px; font-family: 'SourceSansPro-Regular';}

/*------------ footer -----------*/

footer{display: block; margin: 0; padding:25px 0; background-image: url(../images/footer-background.png); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%;}

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

footer .footer-content img{margin-bottom: 20px;}

footer .footer-content h2{color:#fff; font-family: 'Roboto-Black'; font-size:50px; line-height: 24px; text-transform: uppercase; margin-bottom: 45px;}

footer .footer-form{display: inline-block; width: 684px; }

footer .footer-form textarea {width: 100%; color:#909090; font-family: 'Roboto-Light'; font-size: 13px; line-height: 13px; outline: none;  box-shadow: none; resize: none; padding: 10px 13px; border:0; height:98px;}

footer .footer-form .form-control{border-radius: 0;  font-family: 'Roboto-Light'; font-size: 13px; line-height: 13px;  outline: none; box-shadow: none; border:0;}

footer .footer-form .btn-submit{background-color: #2d2d2d; text-align: center; border-radius: 0; color:#fff; font-size: 24px; line-height: 24px;  font-family: 'Roboto-Black'; text-transform: uppercase; outline: none; padding: 8px 20px; outline: none;}

footer .footer-form .btn-submit:hover, footer .footer-form .btn-submit:focus{background-color: #fff; color:#000;  outline: none;}

footer .footer-links {
    display: inline-block;
    vertical-align: top;
    width: 441px; padding: 12px 0 27px 77px;
}

footer .footer-links ul{display: block; margin: 0; padding: 0;}

footer .footer-links ul li{list-style: none; margin: 0 0 34px; padding: 0; }

footer .footer-links ul li a{color:#fff; font-size: 18px; line-height: 30px; font-family: 'Roboto-Black'; outline: none;}

footer .footer-links ul li i {background-color: #fff; border: 1px solid #fff;  color: #3b3b3b; font-size: 18px; height: 28px;  line-height: 27px; margin-right: 15px; text-align: center;   width: 28px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

footer .footer-links ul li a:hover, footer .footer-links ul li a:focus{color:#2d2d2d;}

footer .footer-links ul li a:hover > i{background-color: #2d2d2d; color:#fff; border:1px solid #2d2d2d;}

footer .footer-form textarea::-webkit-placeholder{

    color: #909090; opacity:1;
   
	}
	
footer .footer-form  textarea::-moz-placeholder {

    color:#909090; opacity:1;
   
}
footer .footer-form textarea:-ms-placeholder{
		    color: #909090; opacity:1;
   
	}

/*-------------- copyright ------------*/

.copyright{display: block; white-space: 100%; margin: 0; padding: 17px 0; text-align: center; background-color: #2d2d2d;}

.copyright p{ font-family: 'Roboto-Black'; font-size: 15px; text-align: center; color:#fff; text-transform: uppercase;}