@charset "utf-8";

/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing:-0.02em; line-height: 22px; color: #333; background: #f2f2f2;}
strong{font-family: 'poppinsbold'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif; color: #656c73; font-size: 34px; margin:30px 0px; line-height: 34px; text-transform:uppercase;letter-spacing:0.01em;}
h2 { font-family: 'oswaldregular', Arial, Helvetica, sans-serif; color: #656c73; font-size: 34px; margin:30px 0px; line-height: 34px; text-transform:none;letter-spacing:-0.03em;}
h3 { font-family: 'oswaldregular', Arial, Helvetica, sans-serif; color: #656c73; font-size: 20px; margin: 20px 0px !important; line-height:28px;}
h4 { font-family: 'oswaldregular', Arial, Helvetica, sans-serif; color: #656c73; font-size: 20px; margin: 20px 0px; text-transform: none; }
h5 { font-family: 'poppinsbold', Arial, Helvetica, sans-serif; color: #656c73; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000;/*transition: color .6s;*/ }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#666666; color:#fff; }
::selection { background:#666666; color:#fff; }

body{overflow-x:hidden;}

.active_header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%; z-index:9998;padding: 5px 0px 5px 0px !important; background:#fff;
}
.active_header .logo a{margin:5px 0px;}
.active_header .logo img{height:80px; width:auto; margin:5px 0px;}
.active_header .toggle{margin:25px 0px;}

.active_header .header_search_container {margin: -4px auto !important;}

.content_area{padding:40px 0px !important;}
.ss img{width:100%; height:auto;}

/*
	=======================================================================
	 General Styles
	=======================================================================	
*/

.header{padding:5px 0px !important; background:#fff; position:absolute; z-index:9990; left:0; right:0; top:0; position:fixed;}
.logo{display:block; float:left;}
.logo img{display:block; height:60px; width:auto; margin:5px;}
.ss{background:#f1f1f1; margin-top:80px !important;}
.homess div div img{width:100%; height:auto; display:block;}
.owl-theme .owl-dots{position: absolute;z-index: 10;bottom: 12px;right: 30px; left:30px;}
.owl-theme .owl-dots .owl-dot span{margin:3px !important;}
.owl-theme .owl-nav {margin-top: 0px !important; position: absolute; z-index: 9970; top: 50%; transform: translateY(-50%); left: 0; right: 0;}
.owl-prev span, .owl-next span{font-size:70px; font-weight:normal;font-family: 'poppinsextralight' !important; display:block; padding:20px 10px; color:#fff;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{position:absolute; z-index:10; display:none;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{background:#1d92d5 !important;}
.owl-carousel:hover .owl-nav button.owl-prev, .owl-carousel:hover  .owl-nav button.owl-next{display:block;}
.owl-carousel .owl-nav button.owl-prev{left:70px !important;}
.owl-carousel .owl-nav button.owl-next{right:70px !important;}
.ss{background:#383fb4;}
.homess_content{padding:40px !important; padding-right:150px !important; color:#fff;}
.homess_content h1{font-size:50px; line-height:50px; color:#fff; margin:0px;}
.homess_content h1 span{font-size:36px; line-height:36px;}
.homess_content p{font-size:16px; line-height:26px;font-family: 'poppinslight';}

.btn{display:inline-block; background:#1d92d5; font-size:20px;font-family: 'oswaldregular'; color:#fff; padding:10px 25px; border-radius:5px; text-transform:uppercase; margin:8px 0px;}
.btn:hover{background:#383fb4; color:#fff;}
.homess_content .btn:hover{background:#000;}

.hero1{width:100%; height:auto; max-width:500px; position:absolute; z-index:10; left:150px; top:20px;}
.hero2{width:260px; height:auto; max-width:260px; position:absolute; z-index:11; top:50px; left:30px;}
.hero3{width:200px; height:auto; max-width:200px; position:absolute; z-index:12; top:250px; right:286px;}
.heros{position:relative; height:540px;}
.heros img{border:4px solid #fff;}
.content_area{padding:40px 0px !important;}
.homecontent h2{color:#383fb4; text-transform:uppercase; font-size:50px; line-height:40px;}
.homecontent h2 span{color:#ccc; font-size:26px; text-transform:none;font-family: 'poppinslight'; display:block;}
.homecontent{font-size:18px; line-height:28px;}

.services_block{padding:0px !important;}
.services_block h2, .tarif h2{text-align:center; color:#1d92d5;}
.services_block h3{text-align:center; color:#1d92d5;}
.thintext{color:#333; font-size:18px; line-height:28px; text-align:center;font-family: 'poppinsextralight'; display:table; margin:20px auto; width:100%; max-width:900px;}

.service_slider img{max-width:400px; height:auto;}
.item{display:block; background:#03C;}

.owl-item{display:block; float:left;}
.owl-item img{width:100%; height:auto;}
.disabled{display:none;}
.service_slider{position:relative; overflow:hidden;}

.strength_slider{overflow:hidden;}
.strength_slider .owl-item{background:#383fb4; padding:60px 50px; color:#fff; display:block; border-radius:5px; text-align:center;}
.strength_slider .owl-item:hover{background:#1d92d5; padding-top:66px !important; margin-top:-6px; margin-bottom:-6px; padding-bottom:66px !important;}
.strength_slider .owl-stage-outer .owl-stage{display:flex !important;}
.strength_slider .owl-stage-outer .owl-stage .owl-item{flex: 1; position:relative;}
.strength_slider .owl-stage-outer .owl-stage .owl-item span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.mission_vision{padding:0px !important; display:flex;}
.mission_block{background:#383fb4; padding:50px !important;}
.vision_block{background:#1d92d5; padding:50px !important;}

.footer_top{background:#333; padding:70px 0px 40px 0px !important; color:#ccc;}
.footer{background:#333; padding:0px !important; color:#ccc; text-align:center;}
.footer .container{padding:40px 0px 80px 0px !important; border-top:1px solid #666;}
.footer .container a{color:#fff; text-decoration:none;}
.footer .container a:hover{color:#fff; text-decoration:underline;}

.tarif{padding:40px 0px 80px 0px !important;}
.tarif h2{margin-top:0px;}
.tarif_slider{ position:relative;}
.tarif_box{padding:10px; background:#fff; border-radius:5px;}
.tarif_box img{margin-top:-10px; margin-left:-10px; margin-right:-10px; width:calc(100% + 20px); height:auto; border-radius:5px 5px 0 0;}
.tarif_box h2{font-size:22px; text-transform:uppercase; margin:10px 0px;}
.tarif_box ul{border:1px solid #ccc; border-width:1px 0 0 1px; margin:10px 20px !important; border-radius:5px;}
.tarif_box ul li{border:1px solid #ccc;border-width:0 1px 1px 0; font-size:14px; padding:5px;}
.tarif_box ul li span{font-family: 'poppinsmedium'; color:#000; width:50%; display:inline-block;}

.tarif_slider .owl-dots{display:block !important;}
.tarif_slider .owl-nav{position:absolute;display:block !important;top: 50%;transform: translateY(-50%);}
.tarif_slider .owl-stage-outer {overflow:hidden;}
.tarif_slider .owl-nav .owl-prev span, .tarif_slider .owl-nav .owl-next span{display:none;}
.tarif_slider .owl-nav .owl-prev{background-color:transparent !important; background-image:url(../images/btn_prev.png) !important; background-repeat:no-repeat; background-position:center; border:none; width:40px; height:40px; left:-100px; position:absolute; z-index:50;}
.tarif_slider .owl-nav .owl-next{background-color:transparent !important; background-image:url(../images/btn_next.png) !important; background-repeat:no-repeat; background-position:center; border:none; width:40px; height:40px; right:-100px; position:absolute; z-index:50;}
.tarif_slider .owl-nav .owl-next:hover{background:transparent url(../images/btn_next.png) no-repeat center !important; opacity:0.5 !important; }
.tarif_slider .owl-nav .owl-prev:hover{background:transparent url(../images/btn_prev.png) no-repeat center !important; opacity:0.5 !important; }

.tarif .container .owl-theme .owl-dots{bottom: -50px !important;}
.tarif .container .owl-theme .owl-dots .owl-dot{border:none; margin:0px !important; padding:0px !important;}
.tarif_box .btn{margin:30px -10px -10px -10px; width:calc(100% + 20px); border-radius:0 0 5px 5px;}

.mission_vision h2{color:#fff; text-transform:uppercase; margin-top:0px;}
.mission_vision p{color:rgba(255,255,255,0.7); font-size:22px; line-height:28px;font-family: 'poppinslight'; width:100%; max-width:500px;}

.footer_top_right input[type="text"], .footer_top_right select{border:1px solid #565656; padding:5px 10px; margin:3px 3px; border-radius:3px; color:#ccc; background:none; outline:none; display:block; float:left;}  
.footer_top_right input[type="text"]:hover, .footer_top_right select:hover, .footer_top_right input[type="text"]:focus, .footer_top_right select:focus{background:#444;}

.footer_top_right select{height:34px;}
.input_full{width:calc(100% - 6px);}
.input_half{width:calc(50% - 6px);}
.footer_top_right input[type="button"], .footer_top_right input[type="submit"]{background:#383fb4; border:none; border-radius:3px; color:#fff; text-transform:uppercase; padding:8px 22px; margin:6px; font-size:14px;font-family: 'poppinsmedium';}
.footer_top_right input[type="button"]:hover, .footer_top_right input[type="submit"]:hover{background:#1d92d5;}
.footer_top_left h2{margin-top:0px; color:#fff;}
.footer_top_right p{margin:6px; font-size:13px; max-width:400px;}
.footer_top_left a{color:#fff; text-decoration:none;}
.footer_top_left a:hover{color:#fff; text-decoration:underline;}
.footer_top_left ul li img{display:inline-block; float:left; width:35px; height:35px; margin-right:6px;}
.footer_top_left ul li{line-height:35px; width:100%; margin:6px 0px;}

.header_top_menu_holder{display:table; margin:0px; float:right;}
.header_top_menu_holder li{display:block; float:left;}
.menu{display:table; margin:24px 0px;}
.menu li{display:block; float:left;}
.menu li a{font-family: 'poppinsbold'; font-size:17px; text-transform:uppercase; padding:0px 20px; display:block; color:#383fb4;}

.toggle{margin:13px 0px 13px 6px; display:block;}
.toggle img{width:40px; height:40px;}

.nav-close{display:none;}
.sidelogo img{width:calc(100% - 15px); height:auto; margin:8px 15px;}
.bottom-nav li{width:33.33%; height:auto;}
.bottom-nav li img{width:100%; height:auto;}
.bottom-nav li a{background:#383fb4 !important;}
.bottom-nav li a:hover{background:#1d92d5 !important;}

.footer_prom img{width:100%; height:auto; border-radius:5px;}
.footer_prom [class*="col-"] {padding: 0 10px; margin-bottom:60px !important;}
.footer_prom a:hover img{opacity:0.7;}

.gform_wrapper.gravity-theme .gform_fields{grid-row-gap: 6px !important;}
.footer_top_right label{display:none;}
.footer_top_right .large{width:calc(100% - 6px);}
.footer_top_right .medium{width:calc(50% - 6px);}


.bottom-nav .nav-item-link{border-bottom:0px !important;}
.litybox{background:#fff; padding:20px; border-radius:5px;}
.litybox_holder{width:100%; max-width:800px; display:block; margin:0px auto; height:500px !important; max-height:500px !important; overflow-y:auto;}
.lity-container{max-height: 500px !important; top:20px !important; max-width:90% !important;}

.owl-theme .owl-nav [class*='owl-']{}

.ott_logos{border:0px !important; overflow:auto;}
.ott_logos li{width:86px !important; display:block; float:left; margin-right:3px; margin-bottom:3px; border:0px !important; padding:0px !important;}
.ott_logos li img{width:100% !important; height:auto !important; border-radius:3px; margin:0px !important;}


/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
 
.container { max-width: 950px; width:950px}
.menu li a{padding: 0px 8px;}
.homess_content {padding: 20px !important;padding-right: 20px !important;}
.homess_content h1 span {font-size: 22px;line-height: 22px;}
.homess_content h1 {font-size: 30px;line-height: 30px;}
.homess_content p {font-size: 12px;line-height: 20px;}
.homecontent {font-size: 16px;line-height: 24px;}



}

/* Desktop App */
@media only screen and (max-width : 1024px) {

.container { max-width: 850px; width:850px}
.homess_content { padding: 40px !important;padding-right: 40px !important;text-align: center;}
.homess_content h1 span {font-size: 34px;line-height: 34px;}
.homess_content h1 {font-size: 46px;line-height: 36px;}
.homess_content p {font-size: 16px;line-height: 26px;}
.footer_top_right{margin-top:30px !important;}


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 750px; width:750px}
.pc_menu{display:none !important;}
.mission_vision p{font-size: 18px;}

.owl-theme .owl-nav{top: 40%;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.container { max-width: 480px; width:480px}
.mission_vision { display: block;}
.mission_block, .vision_block{padding: 40px !important;}

.owl-theme .owl-nav{top: 35%;}
.owl-carousel .owl-nav button.owl-prev {left: 10px !important;}
.owl-carousel .owl-nav button.owl-next {right: 10px !important;}

	.tarif_slider .owl-nav{display:none !important;}
	.heros{display:none !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.container { max-width: 300px; width:300px}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	
	
}
