/* CSS Development by Crealive */

/* @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin,latin-ext);*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900&subset=latin,latin-ext);

*{ outline:none !important;}
body{ margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; overflow-x:hidden; }


a{color:#323436;}
a:hover{color:#323436;}
a{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
p{ margin-bottom:15px;}
ul{ margin:0; padding:0; list-style:none;}
ul li{ list-style:none;}

input[type="text"]{ width:200px; height:38px; float:left; border:1px solid #eee; padding:0 10px;}
input[type="file"]{ width:300px; float:left; border:1px solid #eee; padding:10px;}
select{ width:200px; height:38px; float:left; border:1px solid #eee; padding:0 10px;}
textarea{ width:100%; height:100px; float:left; border:1px solid #eee; padding:10px;}
input[type="submit"]{ height:38px; float:left; padding:0 15px; color:#fff; background:#2f5a9c; border:none;}
button[type="submit"]{ height:38px; float:left; padding:0 15px; color:#fff; background:#2f5a9c; border:none;}


header{ width:100%; float:left; position:relative; padding-top:5px;}
header:before{ content:''; width:2000px; height:5px; background:#2f5a9c; position:absolute; left:-1000px; top:0;}
header:after{ content:''; width:2000px; height:5px; background:#ffaf2e; position:absolute; right:-1000px; top:0;}
header .social-media{ float:right; margin-top:26px;}
header .social-media li{ float:left; margin:0 2px;}
header .social-media li a{ width:24px; height:24px; float:left; text-align:center; border:1px solid #323436; border-radius:100%; margin:0; padding:0;}
header .social-media li a:hover{ background:#323436 !important;}
header .social-media li a:hover i{ color:#fff;}
header .social-media li i{ font-size:13px; color:#323436; margin-top:5px; display:block;}
header .site-menu{ float:right !important; margin-top:13px;}
header .site-menu a{ font-size:14px; font-weight:500;}
header .language{float:right; margin-top:25px; margin-left:30px;}

.navbar-default{ height:auto; border-radius:0; border:none; background:none; margin:10px 0;}
.navbar-default .navbar-brand{ height:auto;}
.navbar-default .navbar-toggle{ margin:15px; padding:10px; border:none; color:#000;}
.navbar-default .navbar-toggle i{ font-size:30px;}
.navbar-default .navbar-toggle:hover{ background:none; border:none;}
.navbar-default .navbar-toggle:focus{ background:none; border:none;}
.navbar-default .navbar-nav>li{ position:relative;}
.navbar-default .navbar-nav>li .dropdown{ width:214px; position:absolute; left:0; top:50px; background:#2f5a9c; padding:10px 15px; z-index:9999; display:none;}
.navbar-default .navbar-nav>li .dropdown:after{content:''; position:absolute; left:15px; top:-7px; width: 0;height: 0;border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #2f5a9c transparent;}
.navbar-default .navbar-nav>li .dropdown a{ display:block; color:#fff; margin:4px 0;}
.navbar-default .navbar-nav>li:hover .dropdown{ display:block;}


.slider{ width:100%; float:left; margin-bottom:30px; position:relative;}
.slider img{ width:100%; float:left;}
.slider .banner-desc{ width:100%; float:left; margin-top:30px;}
.slider .banner-desc h2{font-size:26px; margin-top:0; font-weight:700; color:#2f5a9c;}
.slider .banner-desc p{ margin-bottom:0; font-weight:300;}
.slider .bx-pager{ width:30px; position:absolute; right:0; top:0; padding-top:18%;}
.slider .bx-pager .bx-pager-item{ margin-bottom:5px;}
.slider .bx-pager .bx-pager-item a{ background:#2f5a9c;}
.slider .bx-pager .bx-pager-item a:hover{ border:2px solid #2f5a9c; background:#ffaf2e;}
.slider .bx-pager .bx-pager-item a.active{ border:2px solid #2f5a9c; background:#ffaf2e;}


.documents{ width:100%; float:left; padding:40px 0; border-top:1px solid #eaeaea;}
.documents .icon{ float:left; margin-right:8px;}
.documents small{ display:block; font-family:Georgia, "Times New Roman", Times, serif; color:#acadad; font-style:italic;}
.documents a{ display:inline-block; font-size:13px;}
.documents .support-text{ float:right; color:#2f5a9c; margin-left:10px;}
.documents h4{ float:right; clear:both; font-size:22px; margin-top:0; font-weight:700; color:#2f5a9c;}

.home-sections{ width:100%; float:left;}
.home-sections .row{ margin-left:-17px; margin-right:-17px;}
.home-sections .spacing{ padding:0 17px;}

.home-sections .news{ float:left;}
.home-sections .news .content{ width:100%; min-height:288px; float:left; background:#2f5a9c; color:#fff;}
.home-sections .news img{ width:100%; float:left; margin-bottom:20px;}
.home-sections .news h3{ font-size:22px; font-weight:700; margin-bottom:15px; padding:0 15px;}
.home-sections .news small{ width:100%; float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:13px; opacity:0.4; padding:0 15px; font-style:italic;}
.home-sections .news p{ padding:0 15px; margin-bottom:0;}
.home-sections .news .bx-wrapper .bx-pager{ text-align:left; padding-left:10px;}
.home-sections .news .bx-wrapper .bx-pager .bx-pager-item{ margin:0;}
.home-sections .news .bx-wrapper .bx-pager .bx-pager-item a{ width:19px; height:3px; float:left; background:#fff; margin:0 1px; opacity:0.4;}
.home-sections .news .bx-wrapper .bx-pager .bx-pager-item a.active{ opacity:1;}

.home-sections .hr{ float:left;}
.home-sections .hr .content{ width:100%; min-height:288px; float:left; background:#ffaf2e; color:#fff;}
.home-sections .hr img{ width:100%; float:left; margin-bottom:25px;}
.home-sections .hr h3{ font-size:22px; font-weight:700; margin-bottom:20px; padding:0 15px;}
.home-sections .hr p{ font-weight:300; padding:0 15px; font-size:14px; line-height:22px;}
.home-sections .hr a{color:#fff;}

.home-sections .video{ float:left;}
.home-sections .video img{ width:100%; float:left;}


.inner-pages{ width:100%; float:left;}
.inner-pages .inner-titles{ width:100%; height:186px; float:left; background:url(/images/inner-title-bg.jpg) top center no-repeat; margin-bottom:20px;}
.inner-pages .inner-titles h2{ font-size:40px; font-weight:900; color:#fff; padding:52px 0 0 30px;}
.inner-pages h3{ width:100%; float:left; font-size:26px; color:#323436; font-weight:900; position:relative; margin-bottom:30px;}
.inner-pages h3:after{content:''; width:58px; height:1px; background:#323436; position:absolute; left:0; bottom:-20px;}


.photo-gallery{ width:100%; float:left; margin:20px 0;}
.photo-gallery li{ width:20%; max-height:145px; float:left; padding-right:10px; margin-bottom:20px; overflow:hidden;}
.photo-gallery li img{ width:100%; float:left;}

.photo-gallery2{ width:100%; float:left; margin:20px 0;}
.photo-gallery2 li{ width:20%; max-width:230px; float:left; padding-right:10px; margin-bottom:20px; overflow:hidden;}
.photo-gallery2 li img{ width:100%; float:left;}

.photo-gallery3{ width:100%; float:left; margin:10px -18px;}
.photo-gallery3 li{ width:20%; max-width:200px; float:left; padding-right:10px; margin-bottom:10px; overflow:hidden;}
.photo-gallery3 li img{ width:100%; float:left;}

.content_list{ width:100%; float:left; margin:0 0 20px 0; list-style:inside;}
.content_list li{ width:100%; float:left; margin:3px 0; }
.content_list li:before{content:''; width:4px; height:4px; float:left; border-radius:4px; background:#333; margin-top:9px; margin-right:10px;}





.devices { width:100%; float:left; margin:20px 0;}
.devices figure{ width:19%; float:left; margin-right:1%; margin-bottom:30px;}
.devices figure img{ width:100%; float:left;}
.devices figure figcaption{ width:100%; float:left; font-size:12px; color:#2f5a9c; margin-top:10px; }


.map{ width:40%; float:right;}
#contact_formu_div{ width:50%; float:left;}
#contact_formu_div input[type="text"]{ width:32%; float:left; margin-right:1%; margin-bottom:5px;}
#contact_formu_div .full-width{ width:98% !important;}
#contact_formu_div select{ width:32%;}
#contact_formu_div textarea{ width:98%; margin-bottom:5px;}


.hr-form{ width:100%; max-width:600px;}
.hr-form .form-group{ width:100%; float:left; margin-bottom:5px;}
.hr-form input[type="text"]{ width:80%; float:left;}
.hr-form select{ width:90%;}
.hr-form textarea{ width:100%;}



.contact_info{ width:100%; float:left;}
.contact_info dt{ width:100%; float:left; margin-bottom:10px; color:#ffaf2e;}
.contact_info dd{ width:100%; float:left;}
.contact_info dd a{ margin-top:10px; display:block;}


.contact_infou{ width:100%; float:left;}
.contact_infou dt{ width:100%; float:left; margin-bottom:40px; color:#ffaf2e;}
.contact_infou dd{ width:100%; float:left;}
.contact_infou dd a{ margin-top:20px; display:block;}


footer{ width:100%; float:left; background:#f3f3f3; margin-top:40px; padding:40px 0;}
footer img{ float:left; margin-right:40px;}
footer .copyright{ float:right; line-height:42px;  font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic;}




.bx-wrapper{ margin:0;}
.bx-wrapper .bx-viewport{ box-shadow:none; border:none; background:none; left:0;}


@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	
.video{ margin-top:34px;}
footer .copyright{ float:left;}
header .site-menu{ width:100%; float:left; text-align:center;}
header .site-menu li{ float:none; display:inline-block;}

	
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

.navbar-default .navbar-brand img{ height:40px;}
header .site-menu{ width:100% !important; float:left; text-align:left;}
header .site-menu li{ width:100%; float:left;}
.social-media{ width:100%; float:left; padding-left:15px;}
.slider .banner-desc h2{font-size:20px; margin-top:0; font-weight:700; color:#2f5a9c;}
.slider .banner-desc p{font-size:13px;}
.home-sections .news .content{ padding-bottom:20px;}
.documents .icon{ margin-bottom:30px;}
.documents  a{ margin-right:80px;}
.mobile-left{ text-align:left !important;}
.mobile-left .support-text{ float:left; margin-left:0; margin-right:10px;}
.mobile-left h4{ float:left;}
.home-sections .news{ margin-bottom:30px;}
footer{text-align:center;}
footer img{ height:35px; margin:0 20px; margin-bottom:20px; float:none;}
footer .copyright{ width:100%;}
.map{ width:100%;}
#contact_formu_div{ width:100%; float:left; margin-top:20px;}
#contact_formu_div input[type="text"]{ width:80%;}
#contact_formu_div select{ width:90%; margin-bottom:5px;}

}