@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS UAE ============*/
@font-face { font-family: 'Butler';
src: url('../fonts/Butler-UltraLight.woff2') format('woff2'),
url('../fonts/Butler-UltraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {font-family: 'Butler';
src: url('../fonts/Butler-Medium.woff2') format('woff2'),
url('../fonts/Butler-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {font-family: 'Butler';
src: url('../fonts/Butler-Light.woff2') format('woff2'),
url('../fonts/Butler-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {font-family: 'Butler';
src: url('../fonts/Butler-Bold.woff2') format('woff2'),
url('../fonts/Butler-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {font-family: 'Butler';
src: url('../fonts/Butler.woff2') format('woff2'),
url('../fonts/Butler.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Bai Jamjuree', sans-serif;
	font-size:16px;
	font-style: normal;
	line-height: 24px;
	font-weight:400;
	color:#323232;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #000; /* Safari */
	color:#fff;
        }
::-moz-selection {
    background: #000; /* Firefox */
	color:#fff;
}
a {
	color:#0a909f;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #270168;
    } b
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

.recaptcha{float: left;
    width: 100%;
 margin-bottom:10px!important;
}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loading.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0px; /* is width and height divided by two */
}

/*************** BACK TO TOP ***************/
#fixed-bar {
   z-index: 100;
	width:50px;
	height:50px;
	position:absolute;
	bottom:80px;
	right: 8px;
    margin-bottom: 1px;
	
}
#fixed-bar a {
	width:40px;
	height:40px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-indent:-9999px;
	    background-color: #006fbe;
	
}
#fixed-bar a:hover {}			
	
/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
.row-flex{
	width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1200px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	    width: 47%;
    float: left;
    margin-right: 5%;
}

.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.five-col{
	    width: 17.6%;
    float: left;
    margin-right: 3%;
}
.last{
	margin-right:0;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 30%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 64%;
    float: right;
    margin: 0;
    padding: 0;
}

.wpcf7-not-valid-tip{width: 100% !important ;
float:left!important;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{float:left; width:100%;}



.half-col{ float: left; width: 50%; }
.text-center{ text-align: center; }
.link{}
.link a{display: inline-block;font-size: 16px;color: #323232;padding: 6px 50px 7px 0;position: relative;}
.link a:after{position: absolute;content: '';width: 34px;height: 34px;border: 1px solid #8094ff;border-radius: 50px;
-webkit-border-radius: 50px;-moz-border-radius: 50px;background-image: url(../images/icons/arrow.png);
background-position: left center;background-repeat: no-repeat;right: 0px;top: 0px; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.link a:hover{ color: #8094ff; padding: 6px 55px 7px 0; }
.link a:hover:after{ background-color: #f3e09b; }
.text-center{ text-align: center; }

/*************** HOME PAGE CSS ***************/
header{ float: left; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 10;  -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.logo{ float: left;margin-top: 12px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out; }
.right-head{ float: right; color: #fff; margin-top: 30px; }
.menu{ float: left; }
.head-enq-btn{color: #054277;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;padding: 15px 15px;border-top: 1px solid #8094ff;border-bottom: 1px solid #8094ff;margin: 0 20px;}
.head-enq-btn:hover{ background-color: #8094ff; color: #fff; } 
.social{ display: inline-block; }
.social a{color: #054277;margin: 0 10px;font-size: 16px;}
.social a:last-child{ margin-right: 0px; }
.social a:hover{ color: #d3965d; }
.search-btn{ /*background-color: #8094ff*/;padding: 9px 11px; }
.search-btn:hover{ background-color: #9f67fd;  }
.search-btn:hover i{ color: #fff; }
.slider-wrap, .banner{ position: relative;  }
.slider-wrap:after, .banner:after{ position: absolute; content: ''; width: 100%;height: 273px; top: 0px; left: 0px; background-image: url(../images/bg1.png?v=3);
background-position: top left; background-repeat: repeat-x; }
.intro{ margin-top: 0px;} 
.intro-left{float: left;width: 100%;background-color: #fff;padding: 0 40px;text-align: center;}
.head-cap{float: left;width: 100%;position: relative;font-size: 16px;padding-top: 130px;}
.head-cap:after{ position: absolute; content: ''; width: 1px; height: 110px; background-color: #0a909f;left: 50%; margin-left: -.5px; top:0px; }
.head-cap:before{position: absolute;content: '';width: 5px;height: 5px;border-radius: 50px;top: 110px;left: 50%;margin-left: -2.5px;background-color: #0a909f;}
.heading{font-size: 60px;float: left;width: 100%;color: #01244c;line-height: normal;font-family: 'Butler';margin-bottom: 30px;}
.hilight-cnt{font-family: 'Butler';font-size: 24px;color: #01244c;line-height: 34px;}
.intro-right{width: 100%;float: left;margin: 0;padding: 0;display: block;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;
	flex-wrap: wrap;background-color: #0a909f; position: relative; z-index: 1;}
.intro-box{float: left;width: 50%;border-right: 1px solid #bd9b59;border-bottom: 1px solid #bd9b59;padding: 50px 20px 42px;color: #fff;text-align: center;}
.intro-right h3{ font-family: 'Butler'; font-size: 34px; line-height: normal; }
.intro-right p{}
.round-shape{ display: inline-block; width: 53px; height: 53px; border: 1px solid #fff; border-radius: 50%;
-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background-image: url(../images/icons/arrow1.png);
background-position: left center; background-repeat: no-repeat; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out; }
.intro-box:hover { color: #fff; }
.intro-box:hover .round-shape{  background-color: #9f67fd; }
.intro:after{ position: absolute; content: ''; background-color: #0a909f; right: 0px; top: 0px; width: 19%; z-index: 0;
height: 100%; }
.intro-box:nth-child(2), .intro-box:nth-child(4){ border-right: none; }
.service{ margin-top: 60px; }
.service:after{position: absolute;content: '';width: 42%;height: 90%;top: 80px;left: 0px;background-image: url(../images/bussiness.jpeg);background-position: left top;background-repeat: no-repeat;z-index: 0;}
.service:before{position: absolute;content: '';width: 310px;height: 100%;left: 19%;top: 0px;background-color: #0a909f;z-index: -1;}
.ser-left{float: left;width: 34%;position: relative;z-index: 1;padding-left: 50px;}
.ser-left h3{font-size: 20px;line-height: 28px;color: #fff;margin-top: 265px;} 
.ser-left h4{font-size: 40px;line-height: 50px;color: #fff;font-family: 'Butler';}
.ser-right{float: right;width: 47.3%; padding-right: 50px;}
.ser-box{float: left;width: 100%;position: relative;padding-left: 100px;background-repeat: no-repeat;
background-position: left top; background-repeat: no-repeat; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.ser-box h4 { font-size: 24px; color: #323232; font-weight: 500; }
.ser-icon1{ background-image: url(../images/icons/icon1.png); }
.ser-icon2{ background-image: url(../images/icons/icon2.png); }
.ser-icon3{ background-image: url(../images/icons/icon3.png); }
.ser-icon4{ background-image: url(../images/icons/icon4.png); }
.ser-box:hover{ background-position: left top 10px; }
.category{background-image: url(../images/imae-froot.jpg);background-position: center;background-repeat: no-repeat;padding: 70px 0px;
text-align: center; margin-top: 80px;background-size: cover;}
.cat-box{display: inline-block;background-color: #ffffffcf;padding: 20px;width: 42%;}
.cat-box-inn{ padding: 40px 30px 80px; border: 1px solid #b5b5b5;}
.cat-box-inn a{display: block;font-size: 26px;font-weight: 500;color: #000;margin-bottom: 10px;}
.cat-box-inn a:hover{ color: #9f67fd; }
.product{ background-image: url(../images/bg-back.jpg); padding: 60px 0 130px; }
.product:after{ position: absolute; content: ''; width: 100%; height: 72px; bottom: -1px; background-image: url(../images/shap1.png);
background-position: center; background-repeat: no-repeat; left: 0px; }
.product .heading{ color: #fff; }
.pro-box{float: left;width: 25%;padding: 20px 30px 20px 30px;text-align: center;border-right: 1px solid #bd9c5a;border-bottom: 1px solid #bd9c5a;}
.index-products .pro-box{
	width: 33%;
}
.pro-box h4{color: #fff;font-size: 18px;font-weight: 500;margin-bottom: 0px; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.pro-box:last-child{ border-right: none; }
.pro-btm-wrp .pro-box{  border-bottom: none; }
.pro-box:hover{ background-color: #9f67fd; }
.dir-msg-wrp{ padding: 40px 0px 40px; }
.dir-msg{ text-align: center; position: relative; }
.dir-img{ position: absolute; right: 0px; top: 110px;  }
.dir-msg .bdr{ border-bottom: 1px solid #8094ff; padding-bottom: 22px; }
.dir-msg h4{ color: #323232; font-weight: 500; font-size: 18px; margin-bottom: 0px; }
.dir-msg h5{ font-size: 14px; }
.tdr-cnt-wrp{ float: left; width: 100%; margin-top: 50px; position: relative; padding-left: 180px; }
.trd-img{ position: absolute; left: 0px; top: 0px; width: 144px; height: 144px; border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -ms-border-radius: 50%; overflow: hidden; }
.tdr-cnt-wrp h3{ font-size: 24px; font-weight: 500; }
.blog-news{background-color: #01244c;padding: 0;}
.blog-news:after{ position: absolute; content: ''; width: 100%; height: 90px; background-color: #fff; top: -1px; left: 0px; z-index: 0; }
.blog-left {float: left;width: 53%;padding: 190px 0px 0;position: relative;}
.blog-news .head-cap{ padding-top: 0px; color: #fff; margin-bottom: 5px; }
.blog-news .heading{ color: #fff; }
.blog-news .head-cap:before, .blog-news .head-cap:after{ display: none; }
.blog-box{float: left;margin-right: 7%;padding-right: 50px;border-right: 1px solid #214976;width: 46%;}
.date{display: inline-block;background-color: #0a909f;color: #fff;padding: 2px 14px;font-size: 14px;}
.blog-box h3{ font-size: 20px; color: #fff; margin-top: 15px; margin-bottom: 10px; }
.blog-box p{ font-size: 14px; color: #0a909f; }
.blog-box:last-child{ border-right: none; margin-right: 0px; }
.blog-right{float: right;background-color: #0a909f;padding: 70px 50px;width: 40%;position: relative;z-index: 1;}
footer{ float: left; width: 100%; padding: 80px 0px 0; }
.ftr-head{ color: #0a909f; font-weight: 700; position: relative; font-size: 18px;padding-bottom: 10px; }
.ftr-head:after{ position: absolute; content: ''; width: 32px; height: 1px; background-color: #01244c; bottom: 0px; left: 0px; }
.ftr-link{ padding: 0px; margin: 0px 0 25px; }
.ftr-link li{ list-style: none; background-image: url(../images/list.png); background-position: left center; 
background-repeat: no-repeat; padding-left: 15px; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out; } 
.ftr-link li a{ color: #3f3f3f; font-size: 14px; } 
.ftr-link li:hover{ padding-left: 20px; }
.ftr-link li a:hover{ color: #0a909f; }
.icon-cnt{position: relative;padding-left: 26px;margin-bottom: 10px;font-size: 14px;}
.icon-cnt i{position: absolute;left: 0px;top: 5px;color: #0a909f;font-size: 18px;}
.icon-cnt a{ font-weight: 700; color: #3f3f3f;}
.copyright{float: left;width: 100%;text-align: center;border-top: 1px solid #e2e2e2;margin-top: 10px;}
.copyright p{ font-size: 14px; margin-bottom: 0px; padding: 30px 0px; }
.whtsapp-link{position:fixed;right: 10px;bottom: 20px;z-index:11;}
.whtsapp-link h5{float:left;width: 205px;position:absolute;right:-11px;opacity:0;color:#6d6d6d;font-size: 14px;font-weight:500;margin: 8px 0 0 0;background-color:#e8e8e8;padding: 12px 10px;border-radius:5px;line-height:18px;z-index:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whatsapp-icon{width:56px;height:56px;background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-moz-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);text-align:center;line-height:78px;float:right;margin-left:0;z-index:1;position:relative;}
.whatsapp-icon img{width:32px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whtsapp-link:hover h5{right:52px;opacity:1}
.whtsapp-link:hover .whatsapp-icon img{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/********* INNER PAGE CSS ***************/
.pad{ padding: 80px 0px; } 
.inner-bg{ padding:80px 0 100px; background-image: url(../images/bg4.png); background-position: bottom center; background-repeat: no-repeat;
border-bottom: 1px solid #e5e5e5;}
.cnt-wrap{padding: 30px 20px;background-color: #fff;box-shadow: 0px 3px 40px #0000002e;-webkit-box-shadow: 0px 3px 40px #0000002e;-moz-box-shadow: 0px 3px 40px #0000002e;float: left;width: 100%;}
.icon_box { border-bottom:1px solid #e1e1e1; padding-bottom: 7px; margin-bottom: 23px;}
.icon_box:hover i {background-color: #c2ab55;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {float:left;margin:0px 20px 0px 0px;padding:8px;border-radius:100%;width:45px;height:45px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: #8094ff;}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 16px;margin: 0 0 8px 0;text-transform: uppercase;color: #222;font-weight: 700;}
.icon_box p {margin:0;padding-bottom:15px;}
.icon_box a { color:#434446}
.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.cnt-form{float: left;width: 100%;}
.map{ float: left; width: 100%; margin-top: 30px; }
.q_slide .slide .image-wrapper video{margin-top: -145px; }
.subheading{ font-size: 38px; float: left; width: 100%;color: #01244c; line-height: normal; font-family: 'Butler'; margin-bottom: 30px; }
.g-recaptcha{ float: left; width: 100%; }

/***************************************/
ul.products li.product {text-align: center;background: none;}
ul.products li.product a{ float: left; width: 100%; }
ul.products li.product a img { float: left; width:100%; height: auto; -moz-transition: all 7s ease; -o-transition: all 7s ease; -webkit-transition: all 7s ease; transition: all 7s ease;}
ul.products li.product a h2{font-size: 15px !important;line-height: normal;/* min-height: 75px; *//* color: #fff; */padding: 10px 15px;width: 100%;float: left;/* background-color: #1A124D; */text-align: center;margin-bottom: 0px;display: flex;justify-content: center;align-items: center;}
ul.products li.product a:before{position: absolute;content: '';width: 50px;height: 50px;border-radius: 50%;background-color: #8094ff;left: 50%;top: 50%;margin: -60px 0 0 -25px;opacity: 0;z-index: 1;line-height: 50px;text-align: center;background-image: url(../images/link-icon.png);background-position: center;background-repeat: no-repeat;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
ul.products li.product a:hover:before{margin: -92px 0 0 -25px;opacity: 1;}
ul.products li.product a:before:hover{ background-color: #1A124D; }
ul.products li.product a:last-child:before{ display: none; }
.widget_yith_wc_category_accordion ul { padding-left: 0px !important;}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; background-color: #ACD134;
-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li:hover {background-color: #3785C7;} 
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget > li a { display: block; padding: 10px 10px 10px 20px; font-weight: 600;font-size: 14px; color: #fff; }
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget li i { width: 24px !important; height: 24px !important;margin-top: 9px !important;background-color: #1A124D !important;
background-image: url(../images/plus.png) !important;background-repeat: no-repeat !important;background-position: center center !important;}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget  li .children li{ background-color: #1A124D !important; text-transform: inherit !important;
-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget  li .children li:hover{ background-color:#ACD134 !important }
.widget_yith_wc_category_accordion ul.ywcca_category_accordion_widget  li .children li a{ padding-left: 30px !important; font-size: 12px !important; font-weight: 400 !important}
.widget_yith_wc_category_accordion ul.children li:before{ display: none !important; }
.widget_yith_wc_category_accordion ul li:not(.cat-parent), .widget_yith_wc_category_accordion ul li:not(.opened){ padding: 0px !important }
.woocommerce-images img{ width: 100%; }
.woocommerce span.onsale{ width: 45px!important; height: 45px!important; line-height: 38px!important; font-weight: 500!important; }
nav.woocommerce-pagination { float: left; width: 100%;}
nav.woocommerce-pagination .page-numbers li { float:left;     padding: 5px;}
nav.woocommerce-pagination .page-numbers li .current:after{ display:none;}
nav.woocommerce-pagination .page-numbers li .current{ padding: 0px 7px;}
.filter-search .search-wrap{ height: 60px; border: none; }
.filter-search .aws-container .aws-search-form{ height: 60px !important; }
.filter-search .aws-container .aws-search-form .aws-form-btn{ width: 60px !important; background: #1A124D !important; }
.filter-search .aws-container .aws-show-clear .aws-search-field { padding-right: 10px !important; font-size: 16px !important;}
.filter-search .aws-container .aws-search-form .aws-search-btn svg{ color: #fff; }
.filter-search .aws-container .aws-search-form .aws-search-btn_icon{ width: 60px; }
.filter-search .aws-container .aws-search-form .aws-form-btn:hover{ background: #ACD134!important; }
.woocommerce ul.products li.product .price { color: #363636 !important;}
.woocommerce div.product{ background: none; padding: 0px; }
.woocommerce div.product:after{ display: none; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #343434!important;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt { background-color: #8094ff!important; font-weight: 500; text-transform: uppercase;
font-size: 14px; border-radius: 0; padding: 14px 20px 15px;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{background-color: #9f67fd!important;}
.woocommerce .quantity .qty{ height: 43px; border: 1px solid #d5d5d5; }
.woocommerce .woocommerce-ordering select { border: 1px solid #d7d7d7; padding: 8px 10px;}
ul.products li.product:after{ display: none; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
font-weight: 500!important; text-transform: uppercase!important; font-size: 14px!important; padding: 14px 10px!important;	}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, 
.woocommerce input.button:hover{ background-color: #9f67fd!important; color: #fff!important; }
nav.woocommerce-pagination .page-numbers li .current{ padding: 8px 10px !important; }
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current { background: #8094ff!important; color: #ffffff!important;}

/********* INNER BANNER ***************/
.banner{ float: left; width: 100%; height: 400px; background-position: center; background-repeat: no-repeat; position: relative;
display: inline-flex; align-items: center; justify-content: center; }
.banner1{ background-image: url(../images/banner1.jpg); }

/********* FIXED HEADER ***************/
header.smaller{position: fixed;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;box-shadow: 0px 1px 25px #0000005e; background-color: #e0dee3;}
header.smaller .logo { margin-top: 12px; margin-bottom: 6px;}

/*************** JARALLAX ***************/
.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 
-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}

/*************SARCH *******/
.search-wrap {
    float: left;
    margin: 0;
    width: 100%;
    height: auto;
    position: relative;
    top: 5px;
    /*margin:5px 0 0 25px;*/
    padding: 0 70px 0 0;
}
.search-input {
    width: 100%;
    float: left;
    border: 0;
    height: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #4C4C4C;
    background-color: #fff;
    outline: none;
    vertical-align: middle;
    line-height: 50px;
    height: 50px;
    padding: 0 25px;
    font-size: 14px;
    display: block;
}
.search-button {
    background-color: #d3965d;
    color: #fff;
    font-size: 0;
    text-indent: -999999px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 0;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/icons/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.search-button:hover {
    background-color: #194962;
}

/*********file chosen style**************/
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 0;
    display: inline-block;
    padding: 16px 20px;
    color:#fff;
    cursor: pointer;
    background-color: #194962;
    width: 100%;
    height: 62px;
}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width:100%;
	height: 50px;
	padding: 8px 0;
	background-color: #fff;
	display:block;
	border: none;
	border-bottom: 1px solid #9f67fd;
	margin:0 0 10px 0;
	color:#4C4C4C;
	font-size: 14px;
	float:left;
	
}
.fieldset-textarea{ height: 120px; }
.sendbutton{
	width:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	vertical-align:top;
	padding: 15px 25px;
	text-align:center;
	background-color: #8094ff;
	font-family: 'Butler'; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-transform: uppercase;
	
	}
.sendbutton:hover{
	background-color: #9f67fd;
	color:#fff;
	}
.hm-enqry .fieldset{border: none;border-bottom: 1px solid #fff;color: #fff;background-color: transparent;padding: 0px;height: 40px;}
.hm-enqry .fieldset-textarea{ height: 80px; }
.hm-enqry option{ color: #000; }
.hm-enqry .sendbutton{ background-color: #fff; color: #01244c; }
.hm-enqry .sendbutton:hover{ background-color: #9f67fd;}

.hm-enqry ::-webkit-input-placeholder {
   color: #fff !important;
}
.hm-enqry :-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}
.hm-enqry ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}
.hm-enqry :-ms-input-placeholder {  
   color: #fff !important;
}
::-webkit-input-placeholder {
   color: #4C4C4C !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #4C4C4C !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #4C4C4C !important;
}
:-ms-input-placeholder {  
   color: #4C4C4C !important;
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.service:after { width: 35%;}
.service:before{ left: 6%; }
.q_slide .slide .image-wrapper video { margin-top: 0; width: 100%;}
.ser-right { width: 46.3%;}
}

/************************************* 1200px *************************************/
@media only screen and (max-width: 1200px) {
.container{ width:96%;}
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.logo, .right-head, .top-head{ width: 100%; text-align: center; }
.menu{ width:100%; float: left;}
header .container{ width: 100%; }
.logo{ margin-top: 10px; }
.top-head{ margin-top: 5px; margin-bottom: 10px; }
.right-head { margin-top: 5px; position: relative;}
.social{ position: absolute; right: 0px; top: 0px; }
.social { position: absolute; right: 15px; top: 13px;}
.search-btn { background-color: #5c5c5c;}
.head-enq-btn{ display: none; }
header.smaller .logo { margin-top: 8px; margin-bottom: 0;}
.q_slide .slide .image-wrapper video { width: 1300px;}
.service:after { width: 46%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
header{ position: relative; background-color: #FFF;}
.slider-wrap:after, .banner:after{ display: none; }
.service:before, .service:after{ display: none; }
.ser-left, .ser-right{ width: 100%; padding-left: 0px; padding-right: 0px; }
.ser-left h3{ color: #01244c; }
.ser-left h4{ color: #000; text-align: center; }
.ser-left h3 {  text-align: center; margin-top: 0px;}
.cat-box{ width: 58%; }
.q_slide .slide .image-wrapper video {  width: 100%; margin-top: -70px;}
.ser-right{ padding-left: 20px; padding-right: 20px; }
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.intro { margin-top: 0;}
.intro:after{ display: none; }
.half-col{ width: 100%; margin: 0 0 25px; }
.heading { font-size: 42px;}
}

/************************************* 768px *************************************/
@media only screen and (max-width: 768px) {
.two-col, .three-col, .four-col, aside, summary, .half-col, .bg-content-left, .bg-content-right{ width:100%; margin:0 0 25px 0; }
.category{ margin-top: 0px; }
.cat-box { width: 100%;}
.pro-box { padding: 20px 10px 20px 10px;}
.blog-left { width: 100%;}
.blog-right { width: 100%; margin-top: 30px; margin-bottom: 30px;}
footer .four-col { width: 50%; min-height: 235px;}
.dir-img { position: relative; top: auto; margin-bottom: 20px;}
.q_slide .slide .image-wrapper video {  margin-top: -35px;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.head-cap:after { height: 60px;}
.head-cap:before{ top: 60px; }
.head-cap { padding-top: 80px;}
.heading { font-size: 30px;}
.intro-box{ width: 100%; }
.intro-right h3 br{ display: none; }
.pro-box{ width: 50%; }
.pro-box:nth-child(2){ border-right: none; }
.pro-btm-wrp .pro-box { border-bottom: 1px solid #bd9c5a;}
.pro-btm-wrp .pro-box:nth-child(3), .pro-btm-wrp .pro-box:nth-child(4){ border-bottom: none; }
.blog-news:after{ display: none; }
.blog-left{ padding: 90px 0px 0; }
.hilight-cnt {font-size: 18px; line-height: 26px;}
.intro-left{ padding: 0px }
.banner{ background-size: cover;height: 180px; }
.q_slide .slide .image-wrapper video{ margin-top: -50px; }
header.smaller{ position: relative; }
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.intro-right h3 { font-size: 26px;}
.cat-box-inn a { font-size: 18px;}
.blog-box { margin-right: 0; padding-right: 0; border-right: none; width: 100%; border-bottom: 1px solid #214976; margin-bottom: 30px;}
.blog-right { padding: 50px 25px;}
footer .four-col { width: 100%; min-height: inherit;}
.pro-box h4 { font-size: 15px;}
.q_slide .slide .image-wrapper video{ margin-top: -28px;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100% !important; }
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.trd-img {  position: relative; margin-bottom: 20px;}
.tdr-cnt-wrp{ padding-left: 0px; }
.q_slide .slide .image-wrapper video{ height: 203px; }
.trd-img{ left: 50%; margin-left: -72px; }
.tdr-cnt-wrp{ text-align: center; }
}