@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Regular.eot');
    src: url('fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Regular.woff2') format('woff2'),
        url('fonts/Gordita-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('fonts/Gordita-Bold.eot');
    src: url('fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gordita-Bold.woff2') format('woff2'),
        url('fonts/Gordita-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{font-family: 'Gordita', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; background-color: #fff; color:#707070; font-size: 18px; line-height: 26px; }

a{color: #fff;} a:hover{color: #0E2656; text-decoration: none; }
.w100{width: 100%; height: auto}
.centerv{display: flex; justify-content: center;  align-items: center;}
.showmobile{display: none;}
.hidemobile{display: block;}
.makecap{text-transform: uppercase;}
.container{position: relative; z-index: 33 }

.font{font-family: 'Gordita';font-weight: normal;}
.fontb{font-family: 'Gordita'; font-weight: bold;}

.navbar{ padding-top: 20px; padding-bottom: 20px;}
.navbar .container{z-index: 44;}
.navbar-nav{padding-top: 5px;}
.marg0{margin: 0 auto;}
/*.imglogo{max-width: 120px;}*/

/*.navfixed {position: fixed;width: 100%;z-index: 333;background-color: #4A2770; top: 0;}*/

.nav-link{font-size: 13px;line-height: 15px; }
.navbar-light .navbar-nav .nav-link {color: #07468C; text-transform: uppercase}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #07468C; font-weight: bold;}


.navbar-nav .nav-link{padding-top: 11px; padding-right: 18px !important ;}
.navbar-nav .nav-link.socio{ padding-right: 0px !important;padding-left: 20px !important;}
.navbar-nav .nav-link.buttonlike, .buttonlike{background: no-repeat; /*background-size: cover;*/background-image:url("images/bg-button.png"); color: #fff !important; 
	padding: 11.4px 27.5px !important  }
.navbar-nav .nav-link.buttonlike:hover, .buttonlike:hover{background-position:0 -50px}

.dropdown-menu{font-size:13px; margin: 0 }

h1{font-weight: bold; color: #0E2656; font-size: 24px;  text-transform: uppercase}
h2{font-weight: bold;color: #0E2656;font-size: 20px;  text-transform: uppercase}
h1 span{color:#fff }

.dropdown-menu{background-color: #f5f5f5; right: 0; left: auto; border-radius: 0}
 .dropdown-item{color: #07468C; }

.dropdown-item.active, .dropdown-item:active {  color: #fff; text-decoration: none;   background-color: #07468C;}
/******** home page***********/
.carbox{padding:50px 50px;background-image: url("images/calar3.png"), linear-gradient(to right, #3295b4 , #0d66a8); background-position: bottom right;background-repeat: no-repeat;width: 540px; max-width: 100%;}
.carbox p{ font-size: 16px; line-height: 24px; text-align: left;}
.learnmore{color: #148BB1; font-weight: bold}
.vh2{padding-bottom: 10px;}
.homepagecarousel{position: relative;/* max-width: 1480px;*/ margin: 0 auto;}
.carousel-item .container{left: 0; right:0;}
.carousel-item .container .carousel-caption{left: auto; right: auto;}
#owl_home .owl-item{width: 25%;}
#owl_home .item{padding: 90% 0; padding: 70% 0;}
#owl_home .item:hover{opacity: 0.8}
.homeitems .text-center{ color: #fff;min-height:75px;}
.prev,  .next{position: absolute; bottom: 0; cursor: pointer}
.prev img,  .next img{width: 80%;}
.prev{left:0;    /* padding-left: 15px;*/}
.next{right:0; text-align: right;/*padding-right: 15px;*/}

.f0{background-color: #148BB1;}
.f0:hover{background-color: #0F7596;}
.f1{background-color: #0F7DA0;}
.f1:hover{background-color: #0F6F8E;}
.f2{background-color: #0F7596;}
.f2:hover{background-color: #148BB1;}
.f3{background-color: #0F6F8E;}
.f3:hover{background-color: #0F7DA0;}

.homeitems2{ text-align: center}
.homeitems2 .centerv{height: 280px; }
.homepagecarousel2 a:hover{color: #fff;}

.textstroke{position: absolute; left: -134px; top: -75px }
.textstroke2{position: absolute; left: -3%;  top: 50%; width: 68%; }
.textstroke3{position: absolute; left: -3%;  top: 0%; width: 68%; }
.factooo .textstroke3{ top: -20%;  }

.facto{}
	.factoimg{max-width: 90px; background-position: center; margin: 0 auto; background-size: 80% 100%; background-repeat: no-repeat}
	.factoimg img{max-width: 100%; visibility: hidden;}

/******************/

/**********Factories*****/
.fact_tit{text-transform: uppercase}
.insidebanner .carbox{color: #fff; width: 100%; transform: translateY(-50%);}
.insidebanner h1{font-size:24px; color: #fff; }
.insidebanner .khabsa h1 {   font-size: 24px; height: 40px; line-height: 24px; padding-top: 10px;}
.boximg{ background-color: #148BB1; padding: 20px; text-align: center;}
.boximg img{max-height: 120px; max-width: 100%;}
.greyesh{background-color: #f5f5f5; position: relative}
.greyesh p{font-size: 16px}
.fct_num{ position: absolute; background-color: #19408D; width: 45px; height: 45px;  right: 10px; bottom: 10px;  color: #fff;  font-weight: bold}
.dispos{position: relative; height: 100%;  background-color: #148BB1; min-height: 145px; width: 145px; margin: 0 auto}
/**********Factories*****/

/**********Products*****/
.margminus{margin-top:-10%;}
.topgradiant{background-image: linear-gradient(to right, #3295b4 , #0d66a8); width: 100%; max-width: 100%; color: #fff; 
	padding: 8% 0 10%;}
.topgradiant h1{color: #fff;}
.topgradiant p{ font-size:16px; line-height: 24px; text-align: left;}
.prodimg{padding-bottom: 44%; background-position: center; background-size: cover; position: relative; width: 100%}
.bluicon{ text-align: center; padding: 10px 2px; position: absolute; background-color: #148BB1; bottom: 10px; left: 10px; width: 70px; height: 70px;}
.bluicon img{ width: 60%; max-height: 80%;}
.pfixmob{min-height: 210px;}
.saferp p{margin: 0; padding: 0;}
/**********Products*****/

/**********About*****/
.abtbann{margin-top: -15px;}
.abtbann.insidebanner .carbox{color: #fff; width: 100%; max-width: 70%; transform: translateY(0%); padding: 7px; height: 40px;}
.khabsa{margin-top: -40px;}
.smallt{font-size: 14px;}
.smallt p{margin: 0}
.rightt{text-align: right; color: #0E2656; font-size: 20px; line-height: 25px;}
.quote{font-size: 40px; font-weight: bold; line-height: 14px;}
.rightt strong{font-size: 60px; line-height: 70px;}
.blutit{ text-align: center; padding:7px 20px 2px; position: absolute; background-color: #148BB1; left: 10px; color: #fff; top:-18px; font-size: 15px; font-weight: bold}
.aboutsec p{font-size: 16px;}
.aboutsec .prodimg{padding-bottom: 60%; }
/**********About*****/

/**********Contact*****/
.contact-form label{text-transform: uppercase; font-weight: bold; font-size: 14px;}
.finput{margin-bottom: 20px;}
.forminput{ padding: 10px; width: 100%; font-size: 13px; border:1px solid #D3D2D2; border-radius: 0; }
textarea.forminput{height: 160px;}
.borda{border-left: 1px solid #D3D2D2; }
.contactsec h2{font-size: 16px;}
.amail{color:#707070}
.fixsubmit{background-color: #0E488A; border: 0; color: #fff; text-align: center!important; padding: 10px 35px; font-size: 13px; float: right; font-weight: bold; border-radius: 0;}
.alert{display: none;}
/**********CONTACT*****/



.backtop{position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 30;}

.footer{margin-top: 50px; background-image: url("images/footer.jpg"); font-size: 14px; color: #fff}
.soo{text-align: right}

@media screen and (max-width: 1419px) {
	.carbox {width: 540px; }
	.imglogo{max-width: 230px}
}
@media screen and (min-width: 1420px) {
	.container{max-width: 1350px !important;}
	.carbox p{font-size: 26px; line-height: 36px;}
	.carbox {width: 700px; }
}

@media screen and (max-width: 1419px) and (min-width: 1200px) {
	/*.container {  max-width: 1190px !important;}	*/

}
@media screen and (max-width: 1200px) {
	.imglogo{width: 80%}
}
@media screen and (min-width: 882px) and (max-width: 1200px) {
	.navbar-nav .nav-link{padding-left: 8px !important; padding-right: 8px !important;}
	/*.carousel-item .container .carousel-caption{bottom: 5px; padding: 0}*/
	.dispos{max-width: 120px; max-height: 120px; min-height: auto}
	.factoimg {max-width: 70px; max-height: 70px; min-height: auto}
	.greyesh {padding-bottom: 40px !important;}
	.carbox {padding: 35px; }
}
@media screen and (max-width: 768px) {
	h1{ font-size: 22px; line-height: 40px;}
	h2{ font-size: 20px; line-height: 20px; margin-bottom: 0}
	.showmobile{display: block;}
	.hidemobile{display: none;}
	
	/**/.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler{border-color: #fff; border-radius: 8px;}
	.nav-link {font-size: 15px;  line-height: 18px; text-align: left}
	.socio{color:#000; margin-top: 10px;}
	.socio img{position: relative; top:-4px; left:-4px;}
	.navbar-brand {text-align: center}
	.mob100{width: 100%;}
	.navbar-nav .nav-link{padding-right: 0px !important ;}
	.navbar-nav .nav-link.socio{ padding-left: 0px !important;}
	/*.navbar-toggler{display: none}*/
	/*.navbar-brand{margin: 0 auto;}*/
	
	.carousel-caption {padding: 0; left: 5%; right: 5%; bottom:0}
	.carousel-caption {padding: 0; left: 0%; right: 0%; position:static;}
	.carbox { margin: 0 auto; width: 100%;}
	.carousel-inner .container, .insidebanner .container{padding: 0; margin: 0; max-width: 100%;}
	#owl_home .item{padding: 60% 0; }
	
	.insidebanner .container{padding:0}
	.insidebanner .carbox{transform: translateY(0%);}
	.navbar-light .navbar-toggler-icon{/*background-image: url(url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'/><path stroke='rgba(7, 70, 140, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");*/}
	
	.abtbann.insidebanner .carbox { max-width: 100%;}
	.insidebanner .container.khabsa{margin-top: -40px; padding: 0 15px;}
	.navbar-nav{padding-top: 30px;}
	.textstroke2 {width:100%;}
	
	#owl_home2.owl-carousel{display: block;}
	.homeitems2{width:50%; float: left}
	.homeitems2 .centerv { max-height: 255px;}
	.contict .row .px-5.borda{border-left: 0; border-top:1px solid #D3D2D2;border-top: 0; margin-top: 0px !important; padding-top: 40px !important;}
	.bordi{background-color:#D3D2D2; margin: 30px 16px 0; height: 1px; width: 100%;}
	.contactpage .topgradiant{ padding: 9% 0 60%;}
	.contactpage .margminus{margin-top: -55%;}
	.topgradiant{ padding: 9% 0 40%;}
	.margminus {  margin-top: -36%; padding-top: 0!important; padding-bottom: 0 !important;	}
	.dropdown-menu{top:55px;}
}
/* Portrait (i.e. narrow viewport) */
@media screen and (max-aspect-ratio: 1/1) {

}

@media screen and (max-width: 540px) {
	body{font-size: 16px;}
	.imglogo{max-width: 175px;}
	.navbar-brand{margin-right: 0;}
	/*.navbar-collapse{height: 100vh;}
	.navbar-nav { text-align: center;}
	.navbar-nav .nav-link{padding-right: 0 !important;}
	.navbar-nav .nav-link.buttonlike{ background-position-x: center;}
	.navbar-nav .nav-link {padding-top: 15px;}
	button:focus{outline-color: #823644;}
	.navbar-toggler{border-radius: 0;}
	.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler{border-color: #fff; border-radius: 8px;}
	.navbar-nav .nav-link.socio{padding-left: 0 !important;} */
	.socio.showmobile{padding-right: 0;}
	.carbox{padding: 30px 20px 40px;}
	
	
	#owl_home2.owl-carousel{display: block;}
	.greyesh .pfixmob{padding: 15px !important;}
	.bluicon{width: 50px; height: 50px; padding: 0;}
	.bluicon img{ width: 48%; max-height: 65%;}
	.fct_num {min-width: 54px; }
	#carouselExampleSlidesOnly .container{padding: 0;}
	.homeitems2{width:50%; float: left}
	.homeitems2 .centerv { max-height: 180px;}
	.facto{}
	.factoimg img{ max-height: 70px;}
	
	
	.aboutsec .row.m-3{margin: 0!important;}
	
	.contict .row.p-5{padding: 0px 15px !important;}
	.contict .row .px-5{padding: 15px !important;}
	
	/*.carousel-item .w-100{ max-height: 40vh; width: auto !important}*/
	.textstroke2 {top:56%;}
	.factoimg {max-width: 70px;}
	.smallt{font-size: 16px;}
	/*.margminus .col-lg-6.m-0{padding: 0}*/
	.pfixmob{min-height:auto}
	
	.morr .mika{margin: 0; padding: 0}
	.morr .mika .greyesh {margin: 20px 20px 0 !important; }
	
	.dispos { height: auto; min-height: 94px;  width: 100%;}
	.contactpage .topgradiant{ padding: 9% 0 80%;}
	.topgradiant{ padding: 9% 0 48%;}
	.contactpage .margminus{margin-top: -75%;}
	.margminus {  margin-top: -45%; padding-top: 0!important; padding-bottom: 0 !important;	}
	/*.pico{padding: 0 !important;}*/
	
	.fixsubmit{width:100%;}
	
	.rightt{display: none;}
	.insidebanner .khabsa h1 {   font-size: 24px; height: 40px; line-height: 24px; padding-top: 10px;}
	
#success{display: none}
form .error {
    border-color: #e1534f !important;
}

/* Preload */
#preload {background: #fff;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 998;}
#preload-content {color: #bec7cf;font-size: 14px; width: 80px; height: 80px; left: 50%;margin-left: -50px;margin-top: -50px;position: absolute;text-align: center;
top: 50%;z-index: 999;}

#floatingCirclesG{position:relative;width:106px;height:106px;margin:auto;transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6)}

.loader {border: 11px solid #f3f3f3; /* Light grey */border-top: 11px solid #0E0C0C; /* Blue */border-radius: 50%;width: 80px;height: 80px;animation: spin 2s linear infinite;}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* Preload ENDS*/