@charset "UTF-8";

/* FONTS */
@font-face {
	font-family: 'Rajdhani-Light';
	src: url('../fonts/rajdhani/Rajdhani-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/rajdhani/Rajdhani-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/rajdhani/Rajdhani-Light.woff') format('woff'), /* Pretty Modern Browsers */
		url('../fonts/rajdhani/Rajdhani-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/rajdhani/Rajdhani-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Rajdhani-Regular';
	src: url('../fonts/rajdhani/Rajdhani-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/rajdhani/Rajdhani-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/rajdhani/Rajdhani-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		url('../fonts/rajdhani/Rajdhani-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/rajdhani/Rajdhani-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Rajdhani-Medium';
	src: url('../fonts/rajdhani/Rajdhani-Medium.eot'); /* IE9 Compat Modes */
	src: url('../fonts/rajdhani/Rajdhani-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/rajdhani/Rajdhani-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		url('../fonts/rajdhani/Rajdhani-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/rajdhani/Rajdhani-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Rajdhani-Semibold';
	src: url('../fonts/rajdhani/Rajdhani-SemiBold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/rajdhani/Rajdhani-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/rajdhani/Rajdhani-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
		url('../fonts/rajdhani/Rajdhani-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/rajdhani/Rajdhani-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Rajdhani-Bold';
	src: url('../fonts/rajdhani/Rajdhani-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/rajdhani/Rajdhani-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/rajdhani/Rajdhani-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		url('../fonts/rajdhani/Rajdhani-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/rajdhani/Rajdhani-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
    min-height: 500px !important;
    font-family: 'Rajdhani-Medium';
    font-size: 18px;
    line-height: 28px;
}

.row {
  margin-left:0px;
  margin-right:0px;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto;
  /* Pad bottom by footer height */
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
  margin-top:50px;
  padding-top:20px;
  padding-bottom:20px;
}


/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
    margin: 0;
}
h1{
    font-family: 'Rajdhani-Regular';
    font-size: 48px;
    line-height: 48px;
    margin-bottom:50px;
}
h2{
    font-family: 'Rajdhani-Regular';
    font-size: 36px;
    line-height: 33px;
}
h3{
    font-family: 'Rajdhani-Medium';
    font-size: 30px;
    line-height: 30px;
}
h4{
    font-family: 'Rajdhani-Medium';
    font-size: 24px;
    line-height: 28px;
}
h5{
    font-family: 'Rajdhani-Medium';
    font-size: 18px;
    line-height: 18px;
}
h6{
    font-family: 'Rajdhani-Medium';
    font-size: 14px;
    line-height: 14px;
}

/* TEXT; PARAGRAPH, LINKS */
p{
    font-family: 'Rajdhani-Medium';
    margin: 0;
    margin-bottom: 25px;
    font-size: 18px;
}
p:last-child{
    margin: 0px;
}
strong,
label,
p strong{
    font-family: 'Rajdhani-SemiBold';
    font-weight: normal;
}
blockquote{
    text-align: justify;
}
a{
    color:#66bb00;
    text-decoration: none;
}
a:hover{
    color: #000066;
    text-decoration: none;
}
img.thumbnail{
    display:block;
    width:100%;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #eaeaea;
}
img.thumbnail-fixed{
    background: #ffffff;
    padding: 5px;
    border: 1px solid #eaeaea;
}
img.float-left{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}
img.float-right{
    float:right;
    margin-left:5px;
    margin-bottom:5px;
}

header {
    background: #ffffff;
    padding-top:30px;
    padding-bottom:35px;
    color:#000000;
}/* MARGINS */
.margin-b-0{
    margin-bottom: 0px;
}
.margin-b-10{
    margin-bottom: 10px;
}
.margin-b-15{
    margin-bottom: 15px;
}
.margin-b-20{
    margin-bottom: 20px;
}
.margin-b-25{
    margin-bottom: 25px;
}
.margin-b-30{
    margin-bottom: 30px;
}
.margin-b-35{
    margin-bottom: 35px;
}
.margin-b-40{
    margin-bottom: 40px;
}
.margin-b-45{
    margin-bottom: 45px;
}
.margin-b-50{
    margin-bottom: 50px;
}
.margin-b-75{
    margin-bottom: 75px;
}
.margin-b-100{
    margin-bottom: 100px;
}

/* ICON */
i{
    line-height: 19px;
    font-size: 22px;
    vertical-align: top;
    margin-top: 1px;
    display: inline-block;
}

/* BUTTONS */
.btn{
    font-family: 'Rajdhani-Medium';
    font-size: 18px;
    line-height: 24px;
}
.btn-sm{
    font-size: 16px;
    text-transform: uppercase;
}
.btn-link{
    padding:0;
    font-weight: normal;
}
.btn-link:hover{
    text-decoration: none;
    color:#339900;
}
.btn img{
    margin-bottom: 10px;
}
.btn small{
    font-family: 'Rajdhani-Medium';
    font-size:16px;
}
.btn-flat{
    border-radius: 0;
}
.btn.btn-link{
    text-transform:capitalize;
}
.btn-custom{
    border: 0;
    border-radius: 0;
    background: none;
    padding: 10px 25px;
    font-family: 'Rajdhani-Medium';
    font-weight: normal;
}
.btn-custom-primary{
    background-color: #0066cc;
}
.btn-custom-primary:hover{
    background-color: #22bb00;
}
.btn-custom-default{
    background-color: #e6e6e6;
    color:#0066cc;
}
.btn-custom-default:hover{
    color:#33cc00;
}
.btn-custom-white{
    background-color: #ffffff;
}
.btn-custom-white:hover{
    background-color: #e6e6e6;
}

.btn-main{
    background: transparent;
    font-family: 'Rajdhani-SemiBold';
    font-size: 18px;
    border: 0;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}

#footer > .container {
  
}

.masthead{
    background-color:#fafafa;
    background-image: url('../images/background/header.jpg');
    background-position: center center;
    background-attachment: fixed;
    border-top: 7px solid #000066;
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}
/*.navbar-nav {
  margin: 1px 1px; 
}  */
  
/* customize nav style */
.navbar-custom {
    background-color: #000066;
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
    border:0;
}
.navbar-custom  .navbar-nav>li>a {
	color: #ffffff;
    font-family: 'Rajdhani-Medium';
    font-size: 20px;
    font-weight: normal;
}
.navbar-custom  .navbar-nav li>a:hover,
.navbar-nav li .open,
.navbar-custom .navbar-nav .active a,
.navbar-custom .navbar-nav li.active>a:hover  {
	background-color: #66cc00;
    color:#000066;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
/*	border-top-color: #999;
	border-bottom-color: #999;*/
}

.navbar-collapse { /*3.0.2 bug workaround*/
    overflow-y: visible;
    padding:0;
}
.navbar-nav{
    margin:0;
}

.navbar-toggle {
    background-color:#cccccc;
    border:0;
	outline:0;
}
.navbar-custom.affix .navbar-nav>li>a{
    line-height: 39px;
}
.navbar-custom .navbar-nav>li.logo-nav>a{
    background-color: #eaeaea;
}
.navbar-brand{
    height:auto;
}
.navbar-toggle{
    margin-top:18px;
}
.navbar-header{
    background-color:#eaeaea;
}


.divider {
	height:100px;
}

.panel {
	border-width:0;
}

.top-lines{
    font-family: "Rajdhani-Regular";
    font-size: 14px;
    background-color:#0372ba;
    padding:5px 0;
}
.top-lines i{
    vertical-align: middle;
    color:#9ccbe9;
}
.top-lines a{
    color:#c1e4fb;
}


/* SLIDES */
#slides {
    display: block;
    width: 100%;
    height: 100vh;
    background-color:#c0c0c0;
    padding: 0;
}
#slides ul.slideshow{
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
#slides ul.slideshow li.first,
#slides ul.slideshow li.second,
#slides ul.slideshow li.third,
#slides ul.slideshow li.fourth{
    position:absolute;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:auto;
    padding: 0;
    margin: 0;
}
#slides li.first{
    background-image: url('../images/slides/01.jpg');
}
#slides li.second{
    background-image: url('../images/slides/02.jpg');
}
#slides li.third{
    background-image: url('../images/slides/03.jpg');
}
#slides li.fourth{
    background-image: url('../images/slides/04.jpg');
}

#slides li{
    display: block;
    position: absolute;
    width: 100%;
    color: #ffffff;
}
#slides li .container-fluid{
    position: absolute;
    width: 100%;
    margin-top:35vh;
}
#slides li i{
    color: #ffffff;
}
#slides li h1{
    font-family: 'Rajdhani-Light';
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 54px;
}
#slides li p{
    font-family: 'Rajdhani-Regular';
    font-size: 24px;
}
#slides li p.slide-description{
    margin-bottom: 50px;
}
#slides li a.btn{
    font-family: 'Rajdhani-Medium';
    text-transform: uppercase;
    padding: 25px 50px;
    font-size:24px;
}
#slides li a.btn.btn-default{
    background: transparent;
    border-radius: 0;
    border: 2px solid #ffffff;
    color: #ffffff;
}
#slides li a.btn.btn-default:hover{
    font-family: 'Rajdhani-SemiBold';
    background: #ffffff;
    color: #565656;
}

/* INNER PAGE TITLE */
.section{
    display:block;
    width: 100%;
    height: 100%;
    padding-top:100px;
    padding-bottom:100px;
    border-bottom:1px solid #eaeaea;
}
.section:last-child{
    border: 0;
}
.section h1{
    color: #0372ba;
    text-transform: capitalize;
}

#sectionTitle{
    width: 100%;
    background-image: url('../images/slides/01.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}
#sectionTitle h1{
    font-family: "Rajdhani-Light";
    font-size: 72px;
    text-align: center;
    color:#ffffff;
    margin: 0;
}
#sectionTitle h1::first-letter{
    color:#ffffff;
}

#sectionAbouts{
    height:auto;
    background-color:#ffffff;
    background-image:url('../images/background/abouts.jpg');
    background-position: center left;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#sectionClients{
    background-color:#ffffff;
}
#sectionRegister{
    background-image:url('../images/background/register.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#sectionProducts{
    min-height: 60vh;
    background-color:#f1f1f1;
    /*background-image:url('../images/background/forms.jpg');*/
}
.media{
    margin-bottom:35px;
}
.media a img{
    background-color: #ffffff;
    padding:3px;
    border:1px solid #dadada;
    border-radius: 3px;
}
.media a:hover img{
    border-color:#66bb00;
}
.media p{
    margin-bottom:5px;
}
.thumbnail p{
    margin-bottom: 10px;
}
#sectionContacts{
    padding-top:0;
}
#sectionContacts .container{
    padding-top:50px;
}
#map-canvas {
    display:block;
    background-image: url('../images/map.jpg');
    background-position: center center;
  	width: 100%; 
  	height: 600px;
}

#sectionSocialMedia{
    padding:0;
}
#sectionSocialMedia .container-fluid{
    padding:0;
}
#sectionSocialMedia a.btn{
    font-family: 'Rajdhani-Medium';
    padding:35px 0;
    font-size:18px;
}
.btn-container{
    padding:0;
}
#btnFacebook{
    display:block;
    width:190px;
    height:37px;
    background-image:url('../images/social-media/facebook-like-button.png');
    background-position: center center;
    background-repeat: no-repeat;
}
#btnFacebook:hover{
    background-image:url('../images/social-media/facebook-like-button-hover.png');
}

#sectionServices{
    background-color: #e6e6ff;
    background-image: url('../images/background/services.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#sectionServicesMain h4.services,
#sectionServices h4.services{
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 15px;
}

#sectionFooter{
    background-image: url('../images/background/footer.jpg');
    background-position: center center;
    padding-top:75px;
    padding-bottom:75px;
    border:0;
}
#sectionCopyright{
    background-color:#000044;
    color: #cccccc;
    padding:10px;
    font-family: 'Rajdhani-Regular';
    font-size: 16px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #eaeaea;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a{
    padding:10px 15px 0px !important;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#c43a3a;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
    
} 
.bg-1 {
	background: url('http://www.bootply.com/assets/example/bg_4.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-2 {
	background: url('http://www.bootply.com/assets/example/bg_5.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-3 {
	background: url('http://www.bootply.com/assets/example/bg_6.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-4 {
	padding-top:30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(20,20,20,0.2)),to(rgba(255,255,255,0)), color-stop(1,#000));
}

/* LIGHTSLIDER */
#contentServices.content-slider li{
    width: 350px;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.content-slider li{
    width: 200px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#contentClients li.slide01{
    background-image: url('../images/clients/01.jpg');
}
#contentClients li.slide01:hover{
    background-image: url('../images/clients/01-hover.jpg');
}
#contentClients li.slide02{
    background-image: url('../images/clients/02.jpg');
}
#contentClients li.slide02:hover{
    background-image: url('../images/clients/02-hover.jpg');
}
#contentClients li.slide03{
    background-image: url('../images/clients/03.jpg');
}
#contentClients li.slide03:hover{
    background-image: url('../images/clients/03-hover.jpg');
}
#contentClients li.slide04{
    background-image: url('../images/clients/04.jpg');
}
#contentClients li.slide04:hover{
    background-image: url('../images/clients/04-hover.jpg');
}
#contentClients li.slide05{
    background-image: url('../images/clients/05.jpg');
}
#contentClients li.slide05:hover{
    background-image: url('../images/clients/05-hover.jpg');
}
#contentClients li.slide06{
    background-image: url('../images/clients/06.jpg');
}
#contentClients li.slide06:hover{
    background-image: url('../images/clients/06-hover.jpg');
}
#contentClients li.slide07{
    background-image: url('../images/clients/07.jpg');
}
#contentClients li.slide07:hover{
    background-image: url('../images/clients/07-hover.jpg');
}
#contentClients li.slide08{
    background-image: url('../images/clients/08.jpg');
}
#contentClients li.slide08:hover{
    background-image: url('../images/clients/08-hover.jpg');
}
#contentClients li.slide09{
    background-image: url('../images/clients/09.jpg');
}
#contentClients li.slide09:hover{
    background-image: url('../images/clients/09-hover.jpg');
}
#contentClients li.slide10{
    background-image: url('../images/clients/10.jpg');
}
#contentClients li.slide10:hover{
    background-image: url('../images/clients/10-hover.jpg');
}
#contentClients li.slide11{
    background-image: url('../images/clients/11.jpg');
}
#contentClients li.slide11:hover{
    background-image: url('../images/clients/11-hover.jpg');
}
#contentClients li.slide12{
    background-image: url('../images/clients/12.jpg');
}
#contentClients li.slide12:hover{
    background-image: url('../images/clients/12-hover.jpg');
}
#contentClients li.slide13{
    background-image: url('../images/clients/13.jpg');
}
#contentClients li.slide13:hover{
    background-image: url('../images/clients/13-hover.jpg');
}
#contentClients li.slide14{
    background-image: url('../images/clients/14.jpg');
}
#contentClients li.slide14:hover{
    background-image: url('../images/clients/14-hover.jpg');
}
#contentClients li.slide15{
    background-image: url('../images/clients/15.jpg');
}
#contentClients li.slide15:hover{
    background-image: url('../images/clients/15-hover.jpg');
}
#contentClients li.slide16{
    background-image: url('../images/clients/16.jpg');
}
#contentClients li.slide16:hover{
    background-image: url('../images/clients/16-hover.jpg');
}
#contentClients li.slide17{
    background-image: url('../images/clients/17.jpg');
}
#contentClients li.slide17:hover{
    background-image: url('../images/clients/17-hover.jpg');
}

.lSPager.lSpg{
    margin-top:35px !important;
}
.lSSlideOuter .lSPager.lSpg > li a{
    background-color: #dedede;
}
.lSSlideOuter .lSPager.lSpg > li a:hover{
    background-color: #33cc33;
}


form label{
    font-size:18px;
}
form .required{
    color:#cc0000;
}
form .form-control{
    font-family: 'Rajdhani-Regular';
    font-size: 18px;
    border-radius: 0;
}
textarea{
    resize: vertical;
    min-height:100px !important;
}
.radio-form{
    font-family: 'Rajdhani-Regular';
    font-weight: normal;
    margin-right:20px;
    vertical-align: middle;
}
.nav-tabs{
    font-size: 24px;
}
.nav-tabs li{
    font-family: 'Rajdhani-Medium';
}
.nav-tabs li.active{
    font-family: 'Rajdhani-Semibold';
}
.tab-pane{
    padding-top:25px;
    padding-bottom:25px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:65vh;
    position:relative;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width: 768px) {
    .logo-container{
        text-align: center;
    }
}
@media (max-width: 991px) {
    #sectionCopyright{
        text-align: center !important;
    }
    #sectionCopyright .text-right{
        text-align: center !important;
    }
    .top-lines .contact-info,
    .logo-container,
    .contact-us-info,
    .contact-us-form,
    .contact-us-form label,
    .contact-us-form .form-control,
    #sectionRegister .tab-content form .form-group label,
    #sectionRegister .tab-content form .form-group .form-control{
        text-align: center;
        
    }
    #sectionRegister .tab-content form .form-group label{
        width:100%;
    }
    .section{
        padding-top:50px;
        padding-bottom:50px;
    }
}

.navbar-static-top{
    margin:0;
}

.footer-nav a{
    font-size: 16px;
    color:#cccccc;
    margin-right:25px;
    text-transform: uppercase;
}
.footer-nav a:last-child{
    margin-right:0;
}
.footer-nav a:hover{
    color:#ffffff;
    text-decoration: underline;
}

a.register-online{
    display: block;
    width:232px;
    height:72px;
    background-image: url('../images/register-online.png');
}
a.register-online:hover{
    display: block;
    width:232px;
    height:72px;
    background-image: url('../images/register-online-hover.png');
}

#nav.affix-top li.logo-nav{
    display:none;
}
#nav.affix li.logo-nav{
    display:table-cell;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

} 


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}