@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliBold.eot');
    src: url('../fonts/MuliBold.eot') format('embedded-opentype'),
         url('../fonts/MuliBold.woff2') format('woff2'),
         url('../fonts/MuliBold.woff') format('woff'),
         url('../fonts/MuliBold.ttf') format('truetype'),
         url('../fonts/MuliBold.svg#MuliBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliExtraBold.eot');
    src: url('../fonts/MuliExtraBold.eot') format('embedded-opentype'),
         url('../fonts/MuliExtraBold.woff2') format('woff2'),
         url('../fonts/MuliExtraBold.woff') format('woff'),
         url('../fonts/MuliExtraBold.ttf') format('truetype'),
         url('../fonts/MuliExtraBold.svg#MuliExtraBold') format('svg');
         font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliLight.eot');
    src: url('../fonts/MuliLight.eot') format('embedded-opentype'),
         url('../fonts/MuliLight.woff2') format('woff2'),
         url('../fonts/MuliLight.woff') format('woff'),
         url('../fonts/MuliLight.ttf') format('truetype'),
         url('../fonts/MuliLight.svg#MuliLight') format('svg');
          font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliMedium.eot');
    src: url('../fonts/MuliMedium.eot') format('embedded-opentype'),
         url('../fonts/MuliMedium.woff2') format('woff2'),
         url('../fonts/MuliMedium.woff') format('woff'),
         url('../fonts/MuliMedium.ttf') format('truetype'),
         url('../fonts/MuliMedium.svg#MuliMedium') format('svg');
         font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/MuliRegular.eot');
    src: url('../fonts/MuliRegular.eot') format('embedded-opentype'),
         url('../fonts/MuliRegular.woff2') format('woff2'),
         url('../fonts/MuliRegular.woff') format('woff'),
         url('../fonts/MuliRegular.ttf') format('truetype'),
         url('../fonts/MuliRegular.svg#MuliRegular') format('svg');
          font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0;font-family: 'Muli'; background:#fff;}
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#111;}
::selection{ background:#111; color:#fff;}
::-moz-selection{ background:#111; color:#fff;}
::-webkit-selection{ background:#111; color:#fff;}
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding:0; color:#555555; font-size:17px; font-family: 'Muli'; margin:0 0 15px 0; font-weight:300;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'Muli'; color:#151515;}
input, select, button{outline:none !important;}

html{scrollbar-color:#d5a942 #1e1e1e; scrollbar-width: thin;}
body::-webkit-scrollbar { width: 8px;}
body::-webkit-scrollbar-track {background: #1e1e1e;}
body::-webkit-scrollbar-thumb {background: #d5a942;}
body::-moz-scrollbar { width: 8px;}
body::-moz-scrollbar-track {background: #1e1e1e;}
body::-moz-scrollbar-thumb {background: #d5a942;}
body::-o-scrollbar { width: 8px;}
body::-o-scrollbar-track {background: #1e1e1e;}
body::-o-scrollbar-thumb {background: #d5a942;}
body::-ms-scrollbar { width: 8px;}
body::-ms-scrollbar-track {background: #1e1e1e;}
body::-ms-scrollbar-thumb {background: #d5a942;}

.banner-sec{ float: left;clear: both; width: 100%; position: relative; background: #000;}
.header-main{ position: fixed; left: 0; right: 0; width: 100%; z-index: 1000; padding: 0 30px; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.bottom-sec{ float: left; clear: both; width: 100%; position: relative; }
.logoFrame{ float: left; padding-top:0; display: block; width: 303px; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.head-right{ float: right; padding-top: 22px; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;}
.sticky{ background:rgba(0, 0, 0, 0.8);}
.sticky .logoFrame{ width: 264px; }
.ban-corner{ position: absolute; right: 0; bottom: 0; z-index: 9999; }
.social-and-arrowes{ position: absolute; left: 30px; bottom: 40px; z-index: 9999; }
.enquire-but{ position: fixed; right: 30px; bottom: 40px; z-index: 9999; }
.ban-text{ position: absolute; left: 0; right: 0; width: 100%; bottom:20%; -moz-transition: 0.8s; -webkit-transition: 0.8s; transition: 0.8s; 
z-index: 999;}
.active .ban-text{ bottom: 45%; }
.about-img{ position: absolute; top: -73px; right: 50%; margin-right: -600px; z-index: 9999;}
.sticky .logoFrame{}
.sticky .head-right{ padding-top:6px; }

.ban-bottom-sec{ float: left; clear: both; width: 100%; background: #e12355; height: 950px; position: relative; padding: 150px 0; }
.ban-bottom-sec:after{ content: ''; display: block; top: 0; width: 1px; height: 100%; position: absolute; left: 50%; 
background: rgb(255, 255, 255,0.2);}

.logo-frame{ display: block; position: absolute; left:50%; margin-left: -98.5px; top: 10px; z-index: 1; padding:0; width: 197px; height: auto;
opacity: 1; transition: 0.5s; }
.sticky .logo-frame{ width: 0px; margin-left: 0px; opacity: 0; }
.logoScroll{ opacity: 0;  display: block; position: absolute; left:50%; margin-left: -100px; top: 14px; z-index: 1; padding:0; width:200px; 
height: auto;  transition: 0.5s; }
.sticky .logoScroll{ opacity: 1; }

.aboutCol{ position: absolute; left: 50%; margin-left: -650px; top: -197px; z-index: 999; }
.bootom-sec{ float: left; clear: both; width: 100%; position: relative; }
.mainContainer{ max-width: 1360px; padding: 0 30px; width: 100%; margin: 0 auto; }
.contactButton{ display: block; padding: 10px 20px !important; line-height: 1; background: #d5a942; font-size: 17px; color:#1e1e1e; font-weight: bold;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top:6px; }
.contactButton:hover{ background: #c29427; color: #fff; }
.navFrame{ float: right;}

#cssmenu ul li > ul{ }
#cssmenu ul li > ul > li:first-child{ border-radius: 10px 10px 0 0; /*border-top: 4px solid #d41a26;*/}
#cssmenu ul li > ul > li:last-child{ border-radius:0 0 10px 10px;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;}
#cssmenu > ul > li{ display:block; float: left;}
#cssmenu > ul > li > a{padding:23px 10px; font-size:17px; text-decoration:none; color:#fff; font-weight:500;
 font-family: 'Muli'; position:relative; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; 
display:inline-block; text-align:center;}
/*#cssmenu > ul > li:first-child > a{ padding-left: 0; }*/
#cssmenu > ul > li > a:hover{ color:#eee; }
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:17px;right:2px;display:block;width:13px;height:8px;background:url(../images/menu-dropdown.png) no-repeat;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{background:url(../images/menu-dropdown.png) no-repeat;}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:100;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#d5a942;transition:all .25s ease;}
#cssmenu ul ul li:hover{ background:#c49423;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:50px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{/*border-bottom:1px solid rgba(150,150,150,0.15);*/ padding:17px 15px; width:290px; font-size:15px;text-decoration:none; color:#fff;
  font-weight:normal; text-align:left;font-family: 'Muli';}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:''; -webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333;}

#cssmenu > ul > li:last-child:after{ display:none;}
#cssmenu > ul > li.has-sub > a::before{ position: absolute; top:30px; right: 0px; display: block; width: 13px; height: 8px;
background: url(../images/menu-dropdown.png) no-repeat; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease;}
#cssmenu > ul > li > a > span{ display: block; font-size: 11px; color: #d5a942; line-height: 1; position: absolute; right:20px; top: 10px; }

.newDivWrapperTxt ul {list-style-type: none !important;margin: 0;padding: 0;}
.newDivWrapperTxt li {
    color: #333;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Muli';
    padding-bottom: 30px;
    background: url(../images/logo-mfar.jpg) no-repeat left 2px;
    padding-left: 33px;
}

.newDivWrapperTxt ul li::marker {
  color: red;
  font-size: 1.5em;
}

.header-social a{
    width: 35px;
    height: 35px;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 7px 10px;
    margin-top: -12px;
    margin-bottom: 3px; 
    color: #fff;
    float: right;
}
.header-social a:hover{border-color: #d5a942; color: #d5a942;}

.abtFounder li {
    display: inline-block;
    float: left;
    width: 48%;
    min-height: 155px;
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
    padding: 1rem;
    padding-left: 3.2rem !important;
    background-color: #fbfbfb !important;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-position-y: 19px !important;
    background-position-x: 7px !important;
}

.companyStatsBlock .temp .g-font-size-30 {
    margin-bottom: 10px;
}
.g-font-size-30 {
    font-size: 2.14286rem !important;
}

.g-color-primary {
    color: #d4a741 !important;
}


.ban-text-in{ float: left; max-width: 580px;}
.ban-text-in span{ display: block; font-size: 21px; color: #d5a942; text-transform: uppercase; line-height: 1; margin: 0 0 0 0; }
.ban-text-in h1{ display: block; font-size:63px; color: #fff; line-height:68px; margin: 0 0 0 0; font-weight:700;}
.ban-text-in h3{ display: block; font-size:25px; color: #fff; line-height: 1; margin: 0; font-weight: 300;}
.scroll{ position: absolute; bottom: 0; right: 30px; z-index: 999; padding: 95px 0; width: 24px;}
.scroll span{ display: block; font-size: 14px; color: #fff; line-height: 1; position: absolute; top:36px; width: 85px; left:-30px;
-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.scroll i{ display: block; width: 24px; height: 44px; border: 2px solid #fff;  -moz-border-radius: 30px;  -webkit-border-radius: 30px;  
border-radius: 30px; position: relative; }
.scroll i:after{ display: block; content: ''; width: 2px; height: 9px; background: #fff; position: absolute; left: 50%; margin-left: -1px;
bottom: 10px; -moz-animation: 2s infinite mouse; -webkit-animation: 2s infinite mouse; animation: 2s infinite mouse; }
@keyframes mouse{ 0%{ bottom: 10px;} 50%{ bottom: 20px;} 100%{ bottom: 10px;}}
@-moz-keyframes mouse{ 0%{ bottom: 10px;} 50%{ bottom: 20px;} 100%{ bottom: 10px;}}
@-webkit-keyframes mouse{ 0%{ bottom: 10px;} 50%{ bottom: 20px;} 100%{ bottom: 10px;}}
.scroll:after{ height: 84px; width: 1px; background: #fff; content: ''; position: absolute; bottom:0; left: 50%; margin-left: -0.5px; }

.banImgFrame{ width: 100%; height: 100vh; position: relative; }
.banImgFrame > img{ position: absolute; left: 0; top: 0; object-fit: cover; height: 100%; }
.banner-slide .owl-dots{ display: none !important; }
.banner-slide .owl-nav{ display:block; position: absolute !important; bottom:0 !important; right: 50%; margin-right: -650px; z-index: 999; }
.banner-slide .owl-nav button{ display: block; width: 70px; height: 70px; background: #d5a942 url(../images/arrows.png) no-repeat !important; float: left; font-size: 0 !important;
line-height: 0 !important; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.banner-slide .owl-nav button.owl-prev{ border-radius: 20px 0 0 0; background-position:31px 30px !important; }
.banner-slide .owl-nav button.owl-next{ border-radius: 0 20px 0 0; background-position:-54px 30px !important; }
.banner-slide .owl-nav button:hover{ background-color: #c09226 !important;}

.aboutIconSec{ float: left; clear:both; width: 100%; position: relative; background:#d5a942;}
.aboutIconSec:after{ content:''; width: 276px; height: 54px; display: block; background: url(../images/white-shape.png) no-repeat center bottom;
position: absolute; bottom: 0; left: 50%; margin-left: -138px; z-index: 1; }
.homeIcons{ float:  left; clear: both; width: 100%; position: relative; padding: 130px 0 130px 528px; }
.aboutHome{ width: 475px; min-height: 600px; background:#fff; border-radius: 20px; position: absolute; left: 0; top: -144px; z-index: 1;
 overflow: hidden; }
.aboutHome h2{ display:block; width: 100%; position: relative; font-size: 38px; color: #171717; padding: 25px 95px 0px 45px; height: 145px; 
background:#d5a942; font-weight: 300; }
.aboutHome h2 span{ color: #fff; display: block;  }
.aboutHome h2 a{ display: block; width: 42px; height: 42px;  background:#000 url(../images/small-arrow.png) no-repeat center; position: absolute; 
    right: 55px; top: 50%; margin-top: -21px; border-radius: 50%;
-moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
-moz-animation: 2s infinite shadow; -webkit-animation: 2s infinite shadow; animation: 2s infinite shadow; }
@keyframes shadow{
    0%{-moz-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);}
    50%{box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.2);}
    100%{box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.1);}
}
.aboutHome h2 a:after{ content: ''; display: block; width: 54px; height: 54px; -moz-border-radius: 50%; -webkit-border-radius: 50%;
position: absolute; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px; background:rgb(0, 0, 0, 0.4);
-moz-animation: 2s infinite but; -webkit-animation: 2s infinite but; animation: 2s infinite but;}
@keyframes but{
    0%{ width:42px; height: 42px; left: 50%; margin-left: -21px; top: 50%; margin-top: -21px; background:rgb(0, 0, 0, 0.3);}
    50%{ width:54px; height:54px; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px; background:rgb(0, 0, 0, 0.4);}
    100%{ width:42px; height: 42px; left: 50%; margin-left: -21px; top: 50%; margin-top: -21px; background:rgb(0, 0, 0, 0.3);}
}
.aboutHomeText{ width: 100%; clear: both; padding: 40px 45px; float: left; }
.aboutHomeText p{ font-size: 18px; color: #4e4e4e; line-height: 22px; margin: 0 0 40px 0;}
.aboutSocialFrame{ width: 100%; clear: both; float: left;}
.aboutSocialFrame span{ display: block; clear:both; font-size: 19px; color: #4e4e4e; margin: 0 0 15px 0; line-height: 1;}
.aboutSocialFrame ul{ width: 100%; clear: both; }
.aboutSocialFrame ul li{ float: left; padding: 0 5px; }
.aboutSocialFrame ul li a{ display: flex; width: 32px; height: 32px; border: 2px solid transparent; color: #4c4c4c; font-size: 15px;
text-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; justify-content: center;
 -moz-justify-content: center; -webkit-justify-content: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  }
.aboutSocialFrame ul li a:hover{ border-color: #d5a942; color: #d5a942;}
.aboutSocialFrame ul li:first-child{padding-left: 0;}

.highlights{ width: 100%; clear: both;}
.highlights h2{ font-size: 40px; color: #fff; font-weight: normal; margin:0 0 72px 0; }
.highlights h2 span{ color: #171717; }
.counterCol{ display: block; text-align: center; position: relative; }
.counterCol .counter-valueTxt{ display: block; font-size: 18px; color: #171717; text-align: center; font-weight: normal; margin: 0; }
.countAndIcon{ display: inline-block; width: 75px; height: 75px; position: relative; margin: 0 0 5px 0; bottom: 0;
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.countAndIcon .counter-value{width: 89px; height: 65px; background: #d5a942; text-align: center;  display: flex; 
-moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-justify-content: center; -webkit-justify-content: center; 
justify-content: center; font-size: 21px; color: #171717; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; 
position: absolute; top:-15px; right: -52px; }
.countAndIcon i{ display: block; }
.countAndIcon .counter-value:after{ content: "+"; }
.counterCol:after{content: ''; height: 40px; width: 1px; background: #e8cf95; position: absolute; right: 0; bottom: 0;  }
.counterCol:last-child:after{ display: none; }
.counterCol:hover .countAndIcon{ bottom: 10px; }

.applicationsSec{ float: left; clear: both; width: 100%; position: relative; background-image: url(../images/application-bg.jpg);
background-size: 100%; background-position: top center; background-repeat: no-repeat; padding: 140px 0 90px 0;}
.middleTitle{ display: block; text-align: center; font-size: 40px; color: #1e1e1e; font-weight: bold; margin: 0 0 65px 0;}
.middleTitle span{ display: block; text-align: center; font-size: 22px; color: #1e1e1e; font-weight: normal; margin: 10px 0;}

.appliFrame{ width: 100%; clear: both; overflow: hidden; border-radius: 10px; background: #000; position: relative; }
.appliFrame a{ display: block; }
.appliFrame img{ width: 100%; opacity: 0.9; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.appliFrame span{ display: block; position: absolute; bottom: 30px; width: 100%; padding: 0 25px; font-size: 22px; color: #fff; z-index: 1; }
.appliFrame a:after{ display: block; content: ''; width: 100%; position: absolute; left: 0; bottom: 0; height: 50%;
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(0,0,0,0.87) 100%);
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.87) 100%);
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.87) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#de000000',GradientType=0 );
 -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}

.appliCol:nth-child(2n){ margin-top: 150px;}
.appliRow{ margin-bottom: 80px;}
.appliFrame:hover img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.appliFrame:hover a:after{ height: 100%;}
.middleButtonFrame{ width: 100%; text-align: center;}
.middleButton{ display: inline-block; font-size: 22px; color: #1e1e1e; font-weight: bold; position: relative; 
padding: 25px 0;}
.middleButton span{background: #fff; display: block; position: relative; z-index: 1;}
.middleButton:after{ display: block; content: ''; width: 78px; height: 78px; border: 2px solid #d5a942; -moz-border-radius: 50%; 
-webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; margin-top: -39px; left: 50%; margin-left: -39px; }
.productsAndGallery{ float: left; clear: both; width: 100%; position: relative; background-image: url(../images/shape.png);
background-repeat: no-repeat; background-position: top center;  background-size: 100%; padding-bottom: 110px; }
.productsFrame{ float: left; clear: both; width: 100%; position: relative;}
.productsRow{float: left; width: 100%; position: relative; padding: 0 100px 120px 100px;}
.proCol{ float: left; width: 33.333%; padding: 0 20px;}
.proFrame{ float: left; clear: both; width: 100%; position: relative; min-height: 425px; border: 1px solid #cecece; border-radius: 10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; background:#fff; padding:140px 20px 20px 20px; text-align: center;
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.proFrame .proIcon{ position: absolute; top: 43px; left: 0; width: 100%; text-align: center; opacity: 1;
 -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.proFrame .proHoverIcon{ position: absolute; top: 43px; left: 0; width: 100%; text-align: center; opacity: 0;
 -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.proFrame:hover .proIcon{ opacity: 0;}
.proFrame:hover .proHoverIcon{ opacity: 1;}
.proFrame:hover{ background: #d5a942; border-color: #d5a942;}
.proFrame span{ display: block; clear: both; font-size: 22px; color: #1e1e1e; font-weight: normal; margin:0 0 20px 0; text-align: center;
padding: 0 40px;-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.proFrame p{ display: block; clear: both; font-size:18px; color: #575a60; font-weight: normal; margin:0 0 40px 0; text-align: center; line-height: 31px;
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.proFrame a{ display: inline-block; clear: both; font-size:17px; color: #1e1e1e; font-weight: normal; margin:0 0 20px 0; text-align: center;
font-weight: bold; padding: 10px 10px 10px 50px; position: relative; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.proFrame a:after{ content: ''; display: block; width: 38px; height: 38px; border: 2px solid #d5a942; 
background-image:url(../images/but-arrow.png); background-color:#d5a942; background-position: 12px 12px; background-repeat: no-repeat;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
position: absolute; left: 0; top: 50%; margin-top: -19px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.proFrame:hover span{ color: #fff; }
.proFrame:hover p{ color: #fff; }
.proFrame:hover a{ color: #fff; }
.proFrame:hover a:after{ color: #fff; border-color:#fff; background-position:-19px 12px;}

.productsFrame:after{ display: block; content: ''; width: 103px; height: 103px; background: url(../images/star-1.png) no-repeat center; position: absolute;
top: 0; left:-44px; -moz-animation: 5s infinite linear star; -webkit-animation: 5s infinite linear star; animation: 5s infinite linear star;}
.productsFrame:before{ display: block; content: ''; width: 56px; height: 56px; background: url(../images/star-2.png) no-repeat center; position: absolute;
top:145px; left:20px; -moz-animation: 4s infinite linear smallstar; -webkit-animation: 4s infinite linear smallstar; 
animation: 4s infinite linear smallstar;}
.star{ display: block; width:131px; height:131px; background: url(../images/star-3.png) no-repeat center; position: absolute;
top:245px; right:-70px; -moz-animation: 6s infinite linear star; -webkit-animation: 6s infinite linear star; animation: 6s infinite linear star;}
@keyframes star{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes star{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes star{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes smallstar{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-moz-keyframes smallstar{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

@-webkit-keyframes smallstar{
    0%{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100%{ -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
.galleryAndFormMain{ float: left; clear: both; width: 100%; min-height: 715px; margin-bottom:0; padding-bottom: 48px;
overflow: hidden;  }
.galleryAndForm{ float: left; clear: both; width: 100%; position: relative; background: #d5a942; border-radius: 0 10px 10px 0;
 -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
.homeForm{ float: left;  min-height: 703px; width: 38%; background: #d5a942; position: relative; padding:80px 70px 70px 0;}
.galleryAndForm:after{ content: ''; display: block; width: 100%; top: 0; bottom: 0; height: 100%; left: -100%; position: absolute; background: #d5a942;
}
.homeGallery{ float: left; width: 62%; min-height: 703px; background: #222; border-radius: 0 10px 10px 0; overflow: hidden; position: relative;}
.homeForm h2{ display: block; font-size: 31px; color: #171717; text-align: center; font-weight: bold; line-height: 1; margin: 0 0 25px 0;}
.homeForm span{ display: block; font-size:18px; color: #171717; text-align: center; font-weight: normal; line-height: 1; margin: 0 0 25px 0;
line-height: 30px;}
.formFrame{ width: 100%; }
.formFrame li{ width: 100%; clear: both; }
.inputStyle{ display: block; font-size: 18px; color: #171717; padding: 10px 0; border: none; border-bottom: 1px solid #a58437; width: 100%; 
background: transparent; margin: 0 0 24px 0;}
.inputStyle::-webkit-input-placeholder{ color: #171717; opacity: 1;}
.inputStyle::-moz-placeholder{ color: #171717; opacity: 1;}
.inputStyle:-ms-input-placeholder{ color: #171717; opacity: 1;}
.inputStyle:-moz-placeholder{ color: #171717; opacity: 1;}
.textareaStyle{ display: block; font-size: 18px; color: #171717; padding: 10px 0; border: none; border-bottom: 1px solid #a58437; width: 100%; 
background: transparent; margin: 0 0 28px 0;}
.textareaStyle::-webkit-input-placeholder{ color: #171717; opacity: 1;}
.textareaStyle::-moz-placeholder{ color: #171717; opacity: 1;}
.textareaStyle:-ms-input-placeholder{ color: #171717; opacity: 1;}
.textareaStyle:-moz-placeholder{ color: #171717; opacity: 1;}
.formButton{ display: block; width: 90px; height: 90px; background: #171717 url(../images/button-arrow.png) no-repeat center;
border: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; margin-left: -80px; 
bottom: -45px; padding: 0; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;  }
.formButton:hover{ background-color: #000; }

.formFrame .custom-select-wrapper {position: relative;display:block;user-select: none; width: 100%;}
.formFrame .custom-select-wrapper select {display: none;}
.formFrame .custom-select {position: relative;display: block;}
.formFrame .custom-select-trigger {position: relative;width: 100%;padding:10px 0;font-size:16px;font-weight:normal;color: #171717;
background:transparent; height:55px;cursor: pointer; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: 
-o-flex;display: flex;align-items: left;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;-ms-align-items: center;
justify-content: left;-webkit-justify-content: left;-moz-justify-content: center;-o-justify-content: center; border: none; 
border-bottom: 1px solid #a58437 ;
}
.formFrame .custom-select-trigger:after {position: absolute;display: block;content: '';width: 20px;height: 20px;top: 50%;right:0;
margin-top: 0;transform: rotate(0deg) translateY(-50%);transition: all .4s ease-in-out;
transform-origin: 50% 0; background: url(../images/dropdown-arrow.png) no-repeat center; border: none !important;}
.formFrame .custom-select.opened .custom-select-trigger:after {margin-top: 0px;transform: rotate(-180deg) translateY(-50%);}
.formFrame .custom-options{ z-index:1000;position: absolute;display: block;top: 100%; left: 0; right: 0;min-width: 100%;margin: 15px 0;
box-sizing: border-box;box-shadow: 0 2px 1px rgba(0,0,0,.07);background: #b38927;
transition: all .4s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);
max-height: 300px; overflow-x: auto;
 }
.formFrame .custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.formFrame .custom-options:before {position: absolute;display: block;content: '';bottom: 100%; right: 25px;width: 7px; height: 7px;
margin-bottom: -3px;border-top: 2px solid #b38927;border-left: 2px solid #b38927;background: #b38927;transform: rotate(45deg);
transition: all .4s ease-in-out;}
.formFrame .option-hover:before {background: #b38927;}
.formFrame .custom-option {position: relative; text-align: left; margin: 0;
display: block;
padding: 0 20px;
border-bottom: 1px solid #d5a942;
font-size: 15px;
font-weight: 300;
color:#fff;
line-height:50px;
cursor: pointer;
transition: all .4s ease-in-out;}
.formFrame .custom-option:first-of-type {border-radius: 4px 4px 0 0;}
.formFrame .custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 4px 4px;}
.formFrame .custom-option:hover,.custom-option.selection {background: #c99e39;}

.formFrame .custom-options{scrollbar-color:#d5a942 #b1851f; scrollbar-width: thin;}
.formFrame .custom-options::-webkit-scrollbar { width: 8px;}
.formFrame .custom-options::-webkit-scrollbar-track {background: #b1851f;}
.formFrame .custom-options::-webkit-scrollbar-thumb {background: #e3b64d;}
.formFrame .custom-options::-moz-scrollbar { width: 8px;}
.formFrame .custom-options::-moz-scrollbar-track {background: #b1851f;}
.formFrame .custom-options::-moz-scrollbar-thumb {background: #e3b64d;}
.formFrame .custom-options::-o-scrollbar { width: 8px;}
.formFrame .custom-options::-o-scrollbar-track {background: #b1851f;}
.formFrame .custom-options::-o-scrollbar-thumb {background: #e3b64d;}
.formFrame .custom-options::-ms-scrollbar { width: 8px;}
.formFrame .custom-options::-ms-scrollbar-track {background: #b1851f;}
.formFrame .custom-options::-ms-scrollbar-thumb {background: #e3b64d;}

.hGallerySlide{ width: 100%; clear: both; position: relative;}
.galleryText{ position: absolute; top: 95px; left: 55px; z-index: 99;}
.galleryText h2{ display: block; font-size: 40px; color: #fff; font-weight: bold; line-height: 1; margin: 0 0 30px 0; }
.galleryText span{ display: block; font-size: 19px; color: #fff; font-weight: normal; line-height: 35px; margin: 0 0 30px 0; width: 50%; }
/*Footer*/
.footMain{ float: left;clear: both; width: 100%; padding: 0; }
.footTop{ float: left; width: 100%; position: relative; padding: 100px 0; background-image: url(../images/foot-bg.jpg); background-repeat: no-repeat;
background-attachment: fixed; background-size: cover; text-align: center;}
.footTop:after{ content:''; width: 276px; height: 54px; display: block; background: url(../images/gray-shape.png) no-repeat center bottom;
position: absolute; bottom: 0; left: 50%; margin-left: -138px; z-index: 1; }
.homeFoot{ margin-top: -90px; }
.homeFoot .footTop{ padding-top: 200px; }
.footTopIn{ float: left; clear: both; width: 100%; }
.footLogo{text-align: center; margin: 0 0 25px 0;}
.footLogo span{ display: block; font-size: 30px; color: #d5a942; font-weight: normal; }
.footLogo img{ margin: 0 0 10px 0; }
.footPhoneEmail{ float: left; clear: both; width: 100%; position: relative; margin: 0 0 25px 0;color:#fff; }
.footAddress h3{ font-size: 28px; color: #fff; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
.footPhoneEmail h4{color: #fff; font-size: 25px;margin: 0 0 10px 0;}
.footMail{ text-align: center; width: 100%; text-align: center; }
.footMail span{ font-size: 21px; font-weight: 500; color: #fff; display: inline; margin: 0;}
.footMail a{ font-size: 21px; font-weight: 500; color: #fff; display: inline; margin: 0 5px; }

.footAddress{ float: left;clear: both; width: 100%; position: relative; text-align: center; }
.footAddress span{ display: block; text-align: center; font-size: 21px; color: #fff; font-weight: 500; margin: 0 0 10px 0; }
.footAddress address{ display: block; text-align: center; font-size: 18px; color: #fff; font-weight:normal;}

.footBottom{ float: left; clear: both; width: 100%; position: relative; padding: 90px 0 60px 0; background: #eeeeee; }
.footBottomIn{ float: left; clear: both; width: 100%; position: relative; }

.footSocial{ display: block; width: 100%; text-align: center; margin: 0 0 45px 0; }
.footSocial li{ float: none; display: inline-block; padding: 0 5px; }
.footSocial li a{ display: flex; width: 45px; height: 45px; border: 2px solid transparent; color: #222; font-size:22px;
text-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; justify-content: center;
 -moz-justify-content: center; -webkit-justify-content: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  }
.footSocial li a:hover{ border-color: #d5a942; color: #d5a942;}
.footLinks{ width: 100%; clear: both; text-align: center; margin: 0 0 10px 0;}
.footLinks li{ display: inline-block; padding: 0 10px; position: relative; }
.footLinks li a{ display: inline-block; font-size: 18px; color: #444444; line-height: 1; padding: 5px 10px; }
.footLinks li a:hover{ color: #d5a942; }
.footLinks li:after{ content: ''; display: block; width: 1px; height: 12px; background: #909090; position: absolute; right: 0; top: 10px; }
.footLinks li:last-child:after{ display: none; }
.copyRight{ text-align: center; font-size: 16px; color: #444; line-height: 1; }
.copyRight span{ text-align: center; font-size: 16px; color: #444; line-height: 1; margin-left: 10px; }
.copyRight a{ text-align: center; font-size: 16px; color: #444; line-height: 1; }
.copyRight a:hover{ color: #d5a942; }

.certificationSec{float: left; clear: both; width: 100%; position: relative; padding: 0 0 100px 0;}
.certificationIn{ float: left; clear: both; width: 100%; padding: 0 10%; }
.crcnFrame{ width: 100%; text-align: center; }
.crcnFrame img{ max-width: 100%;}
.newsSec{ float: left; clear: both; width: 100%; position:relative; }
.newsSlide{float: left; clear: both; width: 100%; padding:0; position: relative;}
.newsCol{ float: left; width:100%; background:#fff; padding: 50px; -moz-border-radius:10px; -webkit-border-radius:10px; 
border-radius: 10px; position: relative; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;  }
.newsTitleImg{ float: left; width: 100%; position: relative; min-height: 130px; padding-right: 130px; margin: 0 00 10px 0;}
.newsTitleImg > a{ display: block; font-size: 19px; font-weight: 500; color: #1e1e1e; line-height: 28px; margin: 0 0 10px 0;}
.newsTitleImg > span{ display: block; font-size: 18px; font-weight: 500; color: #d5a942; line-height: 30px; margin: 0 0 10px 0;}
.newsImg{ display: block; width: 114px; height: 114px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; 
border-radius: 50%; position: absolute; top: 0; right: 0; }
.newsCol p{ font-size: 17px; color: #515151; line-height: 28px; margin: 0; }
.newsTitleImg > a:hover{ color: #000; }
.news-slide .owl-item.center .newsCol{ background:#eee;  -moz-border-radius: 10px; -webkit-border-radius: 10px; 
border-radius: 10px; }
.leftTitle{ display: block; clear: both; font-size: 40px; color: #1e1e1e; line-height: 1; margin: 0 0 70px 0; font-weight: bold; }
.news-slide .owl-nav{ position: absolute; top:-100px; right: 50%; margin-right: -658px; }
.news-slide .owl-nav button{ display: block; float: left; width: 40px !important; height: 40px !important; 
border: 2px solid #b8b8b8 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important;
 -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 10px; -moz-transition: 0.5s; -webkit-transition: 0.5s;
 transition: 0.5s; background-color: #fff !important; background-image: url(../images/slide-arrows.png) !important; 
 background-repeat: no-repeat !important;}
.news-slide .owl-nav button:hover{ background-color: #d5a942 !important; border-color:#d5a942 !important; }
.news-slide .owl-nav button.owl-prev{ background-position:13px 12px !important; }
.news-slide .owl-nav button.owl-next{ background-position:-20px 12px !important; }
.news-slide .owl-nav button.owl-prev:hover{ background-position:13px -15px !important; }
.news-slide .owl-nav button.owl-next:hover{ background-position:-21px -15px !important; }

.gallerySliderCol{ width: 100%; clear: both; position: relative; }
.gallerySliderCol:after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; 
background: rgba(0, 0, 0, 0.2); }
.galleryIndicators{ position: absolute; left: 55px; bottom: 55px; z-index: 1; margin: 0 !important;  }
.galleryIndicators li{float: left; width: 83px; height: 72px; overflow: hidden; -moz-border-radius:10px; -webkit-border-radius:10px;
 border-radius:10px; margin:0 10px 0 0 !important; border: 3px solid transparent; text-indent: unset !important;
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
 .galleryIndicators li:last-child{ margin-right: 0; }
.galleryIndicators li.active{ border: 3px solid #fff; width: 83px; height: 72px; text-indent: unset !important }
.galleryBut{ display: block; font-size: 19px; color: #fff; font-weight: 500; position: absolute; right: 50px; bottom: 67px;
padding: 13px 55px 13px 0; line-height: 1; z-index: 99;}
.galleryBut:after{ content: ''; width: 44px; height: 44px; border: 2px solid #fff; position: absolute; right: 0; top: 50%; margin-top: -22px;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-image: url(../images/gallery-arrow.png);
background-repeat: no-repeat; background-position: center; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.galleryBut:hover{ color: #111;}
.galleryBut:hover:after{ border-color:#d5a942; background-color:#d5a942;}

.mobileNav{ display: none; visibility: hidden; position: relative; z-index: 9999; }
.toggle span{}
.sticky .toggle{ top: 0 !important; }
.mobileNav .toggle-open span{ width: 20px !important; }
.subPageSecBanner:after{content: '';width: 276px;height: 54px;display: block;background:url(../images/subpage-pattern.png) no-repeat center bottom;
position: absolute;bottom: 0;left: 50%;margin-left: -138px;z-index: 999;}
.subPageSecBanner{ position:relative}
.bannerSubTxt{ position:absolute; left:0; bottom:60px; width:100%}
.bannerSubTxt h1{ color:#fff; font-size:63px; font-weight:bold;}
.bannerSubTxt ul{ margin:20px 0 0; padding:0; float:right}
.bannerSubTxt ul li{ display:inline-block; color:#fff; font-weight:500; text-transform:uppercase; padding:6px 5px 6px 20px;  border-radius:5px;margin-right: 5px; }
.bannerSubTxt ul li:first-child{ background:none!important; padding-right: 5px;}
.bannerSubTxt ul li a{ color:#fff; }
.bannerSubTxt ul li a:hover{ color:#d5a942}



.bannerSubTxt li:first-child {
  padding-left: 0;
}
.bannerSubTxt li:first-child:before{ display:none;}
.bannerSubTxt li:last-child{ padding-right:0px;color:#d5a942;}
.bannerSubTxt li {
  display: inline-block;
  position: relative;
  padding: 0 9px;
    padding-left: 9px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.bannerSubTxt li::before {
  position: absolute;
  left: 0;
  
  width: 1px;
  height: 12px;
  content: "\00BB";
}
.subContectSecBg{ position:relative; clear:both; padding:120px 0px 85px;}
.aboutWrapper{ position:relative; padding-left: 475px;}
.aboutWrapperDiv{ position:absolute; left:0; top:0;}
.aboutWrapper h3{ color:#171717; font-size:41px; font-weight:bold; margin-bottom:30px;}
.aboutWrapper p{ color:#515151; font-weight:normal; font-size:17px; margin-bottom:25px; line-height:37px;}
.subPageHighLigstsMain{ max-width:950px; margin:100px auto 0;}
.subPageHighLigstsMain h2{ text-align:center; color:#d5a942; font-size:47px; font-weight:300; }
.subPageHighLigstsMain h2 span{ color:#171717}
.subPageHighLigstsMain .counter-value {width: 89px;height: 65px;background: #fff!important;text-align: center;display: flex;-moz-align-items: center;
 -webkit-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;font-size: 21px;
color: #171717;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: -15px;right: -48px;}
.contactAddressDiv:last-child{ margin-bottom:0;}
.contactAddressDiv{ margin-bottom:60px;}
.contactAddressDiv h3{ color:#4b4f4f; font-size:22px; font-weight:normal; margin-bottom:20px; padding-bottom:15px; position:relative; text-transform:uppercase}
.contactAddressDiv h3:before{ position:absolute; left:0; bottom:0; width:43px; height:1px; background:#d5a942; content:"";}
.contactWrapper{ position:relative; padding-left:45px;}
.contactWrapperDiv{ position:absolute; left:0; top:7px;}
.contactWrapper p{ color:#4b4f4f; font-size:18px; font-weight:normal; line-height:38px; margin-bottom:0}
.contactTxMainall1{ margin-bottom:20px;}
.contactTxMainall1 h2{ color:#444444; font-size:40px; font-weight:300; margin-bottom:40px;}
.contactTxMainall1 p{ color:#444444; font-size:18px; line-height:31px; font-weight:300; margin-bottom:60px;}
.contactField{ border:1px #cbcbcb solid; width:100%; margin-bottom:40px; padding:13px; font-size:17px; font-weight:300;}
.contactField::-webkit-input-placeholder { color: #777777;}
.contactField::-moz-placeholder { color: #777777;}
.contactField:-ms-input-placeholder { color: #777777;}
.contactField:-moz-placeholder { color: #777777;}
.selectMain select { -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;
background:none;background-image: none;}
.selectMain {position: relative;display: block;background: transparent url(../images/contact-drop.png) right no-repeat; width:100% ;
 border:1px #cbcbcb solid; width:100%; margin-bottom:40px;}
.selectMain select {padding: 13px;color: color: #777777;cursor: pointer; width:100%; font-size:17px; font-weight:300;}
.subMitBtnallMain{    display: block;width: 114px;height: 114px;background: #d5a942 url(../images/send-icon.png) no-repeat center;position: absolute;
right: 40px;top: 50px;border-radius: 50%; border:none;-moz-border-radius: 50%;-webkit-border-radius: 50%; box-shadow: 0px 0px 0px 15px #f3e6c8;-moz-animation: 2s infinite shadow;-webkit-animation: 2s infinite shadow;animation: 2s infinite shadow1; position: absolute;
right: 20px; bottom:0;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.subMitBtnallMain:hover{ background:#333  url(../images/send-icon.png) no-repeat center;}
@keyframes shadow1{
    0%{-moz-box-shadow: 0px 0px 0px 10px #f3e6c8; -webkit-box-shadow: 0px 0px 0px 10px #f3e6c8; box-shadow: 0px 0px 0px 10px #f3e6c8;}
    50%{box-shadow: 0px 0px 0px 15px #f3e6c8; box-shadow: 0px 0px 0px 15px #f3e6c8; box-shadow: 0px 0px 0px 15px #f3e6c8;}
    100%{box-shadow: 0px 0px 0px 10px #f3e6c8;}
}
.contactBgsec{ padding-bottom:0;}
.higlightBgContact{ padding-bottom:100px;}
.carrerWrapper1{ text-align:center}
.carrerWrapper1 h3{ color:#171717; font-weight:normal; font-size:41px; margin-bottom:30px;}
.carrerWrapper1 p{ color:#515151; font-size:17px; font-weight:normal; line-height:37px; margin-bottom:25px;}
.lifeAtMFRBg{ background:url(../images/life-at-bg.jpg) no-repeat; background-size:cover; padding:124px 0px; position:relative}
.lifeAtMFRBg h3{ color:#fff; font-size:63px; margin-bottom:30px; font-weight:bold;}
.lifeAtMFRBg span{ color:#d8ae4e}
.lifeAtMFRBg p{ font-size:17px; font-weight:normal; line-height:37px; color:#fff; margin-bottom:40px;}
.lifeAtMFRBg ul{ margin:0; padding:0;}
.lifeAtMFRBg li{ color:#fff; padding-left:36px; position:relative; padding-bottom:30px; font-size:20px; font-weight:normal;}
.lifeAtMFRBg li:before{ position:absolute; left:0; top:4px; content:""; background:url(../images/bullet-icon.png) no-repeat; width:15px; height:19px; }
.lifeEvents{position:relative; bottom:-365px;}
.lifeEvents img{ width:100%}
.lifeEvents .owl-dots{ display: block!important; text-align:left; position:absolute; right:0; top:-40px }
.lifeEvents .owl-dots button{ width: 10px !important; height: 10px !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;background: #fff!important; margin-left: 15px; border:1px #fff solid}
.lifeEvents .owl-dots button.active{ background: #d8ae4e !important;  border:1px #d8ae4e solid}
.carrerBgSec2{ padding-top:155px; }
.carrerDiv1Main{ margin-bottom:50px;}
.carrerDiv1Main:last-child{ margin-bottom:0;}
.carrerBgSec2 h3{ color:#222222; font-size:30px; font-weight:normal; margin-bottom:50px; }
.carrerBgSec2 h2{ color:#222222; font-size:30px; font-weight:normal; margin-bottom:30px; }
.carrerBgSec2 p{ color:#515151; font-weight:normal; font-size:17px; line-height:37px;}
.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 40px; position:relative; display:inline-block; width:49%;padding-left: 52px;  font-size:17px; font-weight:normal; line-height:37px; 
}
.first-li{
	position: relative;
    bottom: 63px;
	}
.custom-counter li:hover:before {-moz-box-shadow: 0px 0px 0px 5px #f3e6c8; -webkit-box-shadow: 0px 0px 0px 5px #f3e6c8; box-shadow: 0px 0px 0px 5px #f3e6c8;}

.custom-counter li::before {

  content: counter(step-counter);
	display: flex;-webkit-display: flex;-ms-display: flex;justify-content: center; -webkit-justify-content: center; -ms-justify-content: center;
align-items: center; -webkit-align-items: center; -ms-align-items: center;

  background-color:#d8ae4e;   -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;
  color: white;
  font-weight: normal; width:35px; height:35px;
  border-radius: 50%; position:absolute; left:0; top:0;text-align:center; 
}
.gallery-tabs{ float: left; clear: both; width: 100%; text-align: center; margin: 0 0 60px 0; }
.department-content{ float: left; clear: both; width: 100%; clear: both; }
.gallery-tabs li{ display: inline-block;  }
.gallery-tabs li a{ font-weight:normal;
. display:block; padding: 15px 32px; width: 200px; text-align: center; background: #fff; font-size: 20px; color: #656565; margin-right: 10px;
 position: relative; border-radius:30px;}
.gallery-tabs li.active a{ background: #d5a942 !important; color: #fff !important; }
.gallery-tabs li.active a:after{ display: block; content: '';  width: 26px; height: 26px;  background: url(../images/arrow1.png) no-repeat left top;
  bottom: -26px; left: 0px; position: absolute; }
  
 .galleryWrapper{ position:relative; }
 .galleryIconWrapper{ position:absolute; right:0; top:0;}


.galleryDivAll{ float:left; width:100%; margin-bottom:30px;}
.galleryDivAll:last-child{ margin-bottom:0}

.galleryDrop{border-radius:30px; margin-bottom:0}
.galleryDrop select {
    padding: 13px 20px;  color: #656565;
    cursor: pointer; width:270px; 
    font-size: 20px;
    font-weight: normal;
}
.snip1205 {
  position: relative;
  overflow: hidden; 



  width: 100%;

  text-align: center;

}
.snip1205:hover:before{ opacity:1; visibility:visible; }
 .snip1205:before{ opacity:0; visibility:hidden;-moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; z-index:100; position:absolute; left:50%; top:50%; width:248px; margin-left:-124px; margin-top:-104px;
 height:208px; content:"";   background: #d5a942 url(../images/gallery-icon.png) center center no-repeat; }
.snip1205 * {

  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.snip1205 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #000000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}


.snip1205:hover i,
.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.gallerySpaceMain{ padding:0 10px; margin-bottom:18px;}
.aboutFounderWrapper{ text-align:center; }
.aboutFounderWrapper h3{ color:#171717; font-weight:normal; font-size:41px; margin-bottom:20px;}
.aboutFounderWrapper span{ color:#656565; font-size:20px; margin-bottom:30px; display:block}
.aboutFounderWrapper p{ color:#515151; font-size:17px; font-weight:normal; line-height:37px; margin:0 auto 0px; max-width: 1003px;}
.founderMainDiv{ position:relative; border:7px #d5a942 solid; clear:both}
.founderMainDiv{ clear:both; margin-top: 70px;float: left;width: 100%; position:relative;padding: 60px 52px 48px 445px;}
.founderMainDiv p{ color:#515151; font-size:17px; margin-bottom:40px; line-height:37px; font-weight:normal; text-align:justify}
.founderMainDivWrapper{ position: absolute;left: -191px;top: 120px;}
.awardsBgSec{ margin-top:90px; float:left; width:100%; clear:both}
.awardsFloatDiv1:nth-child(1){ border-left:none;} 
.awardsFloatDiv1:nth-child(3){ border-left:none; border-bottom:none;} 
.awardsFloatDiv1:nth-child(4){  border-bottom:none;} 
.awardsBgSec h3{  color:#171717; font-weight:normal; font-size:41px; margin-bottom:60px; text-align:center}
.awardsFloatDiv1{ -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;
float:left; width:50%; border-left:1px #d3d3d3 solid; padding: 40px 69px;min-height: 259px; border-bottom:1px #d3d3d3 solid  }
.awardsFloatDiv1:hover{ background:#eeeeee}
.awardsFloatDiv1 p{ font-weight:normal; line-height:37px; color:#515151; text-align:center; margin-bottom:0}
.awardsBgSecallspace{border:1px #d3d3d3 solid; float:left; width:100%; position:relative}
.awardsBgSecallspace:after{ position:absolute; left:50%; top:50%; background:url(../images/awards-icon.png) center center no-repeat; content:""; 
width:102px; height:125px; margin-left:-51px; margin-top:-62.5px; }



.products-main{ clear: both; }
.pro-frame{padding:20px 0 53px; display: block; margin: 0 0 14px 0; position: relative; border: 1px #ddd solid; }
.pro-frame:hover{border: 1px #d5a942 solid;}
.pro-col-main{ padding:0 8px;}
.pro-img{ width: 100%; text-align:center; margin: 0 0 10px 0; position: relative; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; bottom: 0; }
.pro-frame span{ display: block; text-align: center; font-size: 15px; color: #3b3b3b; font-weight:bold;  }
.pro-col-main:nth-child(4n) .pro-frame:after{ display: none; }
.pro-frame:hover .pro-img{ bottom: 20px; }
.pro-frame:hover span{ color: #cd9e2f; }


.pro-nav-tabs{ padding: 0 10%; border: none !important; margin: 0 0 80px 0 !important; }
.pro-tab-frame{ border: none !important; padding: 0px 0px 20px 89px !important; position: relative; -moz-border-radius: 50px !important; 
-webkit-border-radius: 50px !important; border-radius: 50px !important; }
.pro-nav-tabs li{float: left; width: 33.333% !important; position:relative!important; padding-right: 45px;}
.pro-nav-tabs li.active:before{ position:absolute; left:0; bottom:0; background:#d5a942; width:260px; height:5px; content:"";}
.pro-nav-tabs li.active .pro-tab-frame{ background:none!important; position:relative!important }

.pro-nav-tabs li.active .pro-tab-frame span{ color: #333; }
.pro-tab-frame:hover{ background: #fff !important;}
.pro-tab-frame:hover span{ color: #333; }
.pro-tab-frame span{ display: block; font-size: 22px; color: #1e1e1e; font-weight:300; }
.pro-tab-frame i{ display: block; width: 77px; height: 79px; position: absolute; left: 0px; top: -7px;opacity: 1; 
-moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}


.pro-nav-tabs li .pro-tab-frame .pro-black{ display: block !important; }

.pro-tab-frame:hover .pro-black{ display: block !important; }
.pro-tab-content{ display: block; clear: both; width: 100%;}
.pro-col-main:last-child .pro-frame:after{ display: none; }
.applicationdivAllWrapper{ margin-top:40px; clear:both; float:left; width:100%}
.appSubSpace{ margin-bottom:54px;}
.subPageHighLigstsMainApp{ margin-top:50px;}
.knowMoreMainAll{display: inline-block;
clear: both;
font-size: 17px;
color: #1e1e1e;
font-weight: normal;
margin:0;
text-align: center;
font-weight: bold;
padding: 10px 10px 10px 50px;
position: relative;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;}
.knowMoreMainAll::after {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    border: 2px solid #d5a942;
    background-image: url(../images/but-arrow.png);
    background-color: #d5a942;
    background-position: 12px 12px;
    background-repeat: no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.newsColSub:hover .knowMoreMainAll:after {
    color: #fff;
    border-color: #fff;
    background-position: -19px 12px;
	
}
.newsColSub:hover .knowMoreMainAll{ color:#fff}
.newsColSub{ margin-bottom:30px; background:#eeeeee; padding:50px; border-radius:10px;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.newsColSub:hover{ background:#d5a942}
.newsColSub .newsTitleImg a{display: block;
font-size: 19px;
font-weight: bold;
color: #1e1e1e;
line-height: 28px;
margin: 0 0 10px 0;}
.newsColSub .newsTitleImg span{ color:#d5a942; font-size:16px; font-weight:bold;}
.newsColSub p{ color:#515151; font-size:17px; line-height:33px; margin-bottom:30px;}
.newsColSub:hover p{ color:#fff}
.newsColSub:hover .newsTitleImg a{ color:#fff}
.newsColSub:hover .newsTitleImg span{ color:#fff}
.newImgWrapper{ border:7px #eeeeee solid; border-radius:50%;  -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
.newsColSub:hover .newImgWrapper{border:7px #dcb862 solid}

@media screen and (max-width:1400px){ .banner-sec{ height: auto;}
.about-img{ width: 500px; margin-right: -559px;}
.health-title-hover{ font-size: 17px; padding-right: 60px;}
.productsFrame::after{ left: 10px; }
.star{ right: 10px; }
.productsFrame:before{ left: 60px;}
.banner-slide .owl-nav{ margin-right: -610px;}
}
@media screen and (max-width:1365px){
.awardsFloatDiv1{min-height:311px;}	
.ban-text-in img{ width: 400px; }
.aboutCol{ left: 30px; margin:0px; top: -158px;}
.aboutCol{ width: 380px;}
.logoFrame{ width: 250px;}
.banner-slide .owl-nav{ right: 60px !important; margin-right: 0 !important; }
.productsFrame::after{ display: none; }
.productsFrame::before{ display: none; }
.star{  display: none;}
.homeForm{width: 30%; padding:50px 30px 50px 0; min-height: 697px;}
.homeGallery{ width: 70%; min-height: 697px; overflow: hidden; }
.homeGallery .hGallerySlide img{ width: 100%; }
.news-slide .owl-nav{ right: 30px; margin: 0; }
.ban-text-in h1{ font-size: 40px;line-height: 47px;}
.first-li{
	position: relative;
    bottom: 35px;
	}
}
@media screen and (max-width:1199px){
.pro-nav-tabs{margin: 0 0 22px 0 !important;}
.pro-tab-frame{padding: 0px 0px 37px 89px !important;}
.pro-tab-frame span{ font-size:17px;}	
.custom-counter li{ display:block; width:100%}	
.lifeEvents{ bottom:0}
.subMitBtnallMain{ position:static}
.founderMainDivWrapper{ position:static}
.founderMainDivWrapper img{ margin:0 auto 40px; display:block}
.founderMainDiv{ padding:50px 50px 20px;}	

nav{width:100%;}
#cssmenu{width:100%; background:#ed1c24; display: none;}
.mobileNav{ display: block; visibility: visible; }
.banner-sec{ height: auto;}
.banImgFrame{ width: 100%; height: 500px; position: relative; }

.aboutHome{ position: static; clear: both; float: left; width: 100%; min-height:inherit; margin: 0 0 30px 0;}
.homeIcons{ padding: 40px 0 50px 0; }
.aboutHome h2{ background: #bf932d; padding: 32px 40px; height: auto;}
.highlights h2{ text-align: center; }
.productsRow{ padding: 0 0 60px 0;}
.homeForm{ width: 100%; clear: both; padding: 50px; margin-bottom: 80px; min-height: auto; -moz-border-radius: 10px;
 -webkit-border-radius: 10px; border-radius: 10px; }
.homeGallery{ width: 100%; clear: both; min-height: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.galleryAndForm::after{ display: none; }
.galleryAndForm{ background: #fff; }
.formButton{ margin-left: -45px; }
.productsAndGallery{ padding-bottom: 50px; }
.applicationsSec{ padding: 70px 0 60px 0; }
.proFrame span{ font-size: 18px; }
.footBottom{ padding: 50px 0 40px 0; }
}
@media screen and (max-width:991px){
		.pro-tab-frame {
   padding: 0px 0px 20px 0 !important;
}
.pro-nav-tabs li .pro-tab-frame .pro-black {
    display: none !important;
}
.pro-nav-tabs li.active::before{width:190px;}
	.pro-tab-frame i{width: 50px;}
.awardsFloatDiv1:nth-child(2) {
    border-left: none;
}
.awardsFloatDiv1:nth-child(4) {
    border-left: none; border-top: 1px #d3d3d3 solid;
}
.counterCol:nth-child(2) {
    border-left: none}
	.counterCol:nth-child(4) {
    border-left: none}		
.awardsBgSecallspace::after{ display:none;}
.awardsFloatDiv1{min-height: auto; float:none; width:100%}
.contactBgsec{ padding-bottom:0!important;}
.counterCol::after{ display:none;}
.counterCol{ border:1px #e8cf95 solid; padding:30px; margin-top: -1px;}	
.subPageHighLigstsMain h2{font-size: 37px; margin-bottom:20px}	
.aboutWrapper{ padding-left:0; text-align:center}	
.aboutWrapperDiv{ position:static; margin-top:40px;}
.subContectSecBg{ padding:50px 0px}
.subPageHighLigstsMain{margin: 74px auto 0;}
.aboutWrapper h3{font-size: 34px; margin-bottom: 22px;}
.bannerSubTxt{ position:static; background:#333; padding: 14px 0;}
.subPageSecBanner::after{ display:none;}
.bannerSubTxt h1{font-size: 44px;}
.bannerSubTxt ul{margin: 7px 0 0; }
.counterColSub{ margin-bottom:0}
.higlightBgContact{ padding-bottom:50px;}
.appliCol:nth-child(2n){ margin-top: 0; }
.appliCol{ margin-bottom: 30px; }
.proCol{ width: 100%; clear: both; padding: 0 0 30px 0;}
.proFrame{ min-height: inherit; }
.galleryIndicators li{ width: 55px; height: 48px; }
.galleryIndicators li.active{width: 55px; height: 48px;}
.galleryBut{ bottom: 57px; }
.counterCol{ margin-bottom: 50px; }
.counterCol:nth-child(2n)::after{ display: none; }
.highlights h2{ font-size: 35px; }
.middleTitle{ font-size: 32px; }
.middleTitle span{ font-size: 18px; }
.appliRow{ margin-bottom: 20px; }
.productsRow{ padding-bottom: 20px; }
.galleryAndFormMain{ padding-bottom: 0; }
.certificationSec{ padding-bottom: 60px; }
.leftTitle{ font-size: 30px; }
.footPhoneEmail h3{ font-size: 30px; }
}

@media(max-width:991px){
.tab-bg {
    position: relative;
    width: 100%;
    padding: 20px 0;
    min-height: 0px ;
}  
}

@media screen and (max-width:767px){
.newsImg{ position:static; margin:0 auto}
.newsTitleImg{ padding-right:0}
.newsColSub{ padding:40px 18px; text-align:center}
.subPageHighLigstsMain {margin: 26px auto 0;}
.pro-tab-frame {padding: 0px 0px 9px 0 !important; margin-bottom:20px;}
.pro-nav-tabs li.active::before{ left:50%; margin-left: -94px;}
.pro-nav-tabs li{ float:none; width:100%!important; text-align:center; padding-right:0}
.awardsFloatDiv1{padding: 28px 20px;}
.awardsBgSec h3{ font-size:31px; margin-bottom:20px; }
.founderMainDiv {padding: 50px 27px 20px;}
.founderMainDiv{ margin-top:30px;}
.aboutFounderWrapper span{ font-size:18px; margin-bottom:10px;}
.aboutFounderWrapper h3{font-size: 29px; margin-bottom:20px;}
.awardsBgSec{ margin-top:20px;}
.gallery-tabs{ margin:0}
.galleryDrop select{width: 100%;font-size: 17px; padding: 10px 12px;}
.gallery-tabs li a{padding: 13px 19px; font-size: 17px; margin-right: 0px;}
.carrerWrapper1 h3{ font-size:34px; margin-bottom:20px;}
.carrerBgSec2 h2{ font-size:25px; margin-bottom:20px;}
.custom-counter li{ margin-bottom:20px;}
.carrerBgSec2{ padding-top:50px;}
.carrerBgSec2 h3{ font-size:25px; margin-bottom:20px;}
.lifeEvents{ margin-top:30px;}	
.lifeAtMFRBg { padding:50px 0px}
.lifeAtMFRBg h3{ font-size:40px;}	
.lifeAtMFRBg span{ font-size:40px;}
.subMitBtnallMain{ margin:20px auto 0}
.contactTxMainall1 p{ margin-bottom:27px;}
.contactField{ margin-bottom:18px;}
.selectMain{ margin-bottom:18px;}
.contactTxMainall1 h2{ font-size:33px; margin-bottom: 14px;}
.contactTxMainall1{ text-align:center; margin-top:50px; margin-bottom: 69px;}
.contactAddressDiv h3:before{ left:50%; margin-left:-21.5px;}
.contactWrapper{ display:inline-block}
.contactAddressDiv{ text-align:center; margin-bottom:30px; }
.bannerSubTxt h1{ margin-bottom:20px;}	
.bannerSubTxt{ text-align:center}
.bannerSubTxt ul{ text-align:center; float:none}	
.founderMainDiv p{ margin-bottom:20px;}
.appSubSpace { margin-bottom: 22px;} 
.ban-text-in h1{ font-size: 37px; line-height: 45px; }
.ban-text-in h3{ font-size: 18px; }
.footBottom{ padding: 55px 0 35px 0; }
.footPhoneEmail h3{ font-size: 25px; }
.footLinks li a{ font-size: 16px; }
.footSocial{ margin-bottom: 20px; }
.galleryText{ left: 0; top: 30px; width: 100%; text-align: center; }
.galleryText h2{ font-size: 23px; }
.galleryText h2{ margin-bottom: 10px; }
.galleryText span{ display: none; }
.galleryIndicators li{ float: none; display: inline-block; margin: 0 3px !important; }
.galleryIndicators{ left: 0; width: 100%; text-align: center; bottom: 75px; }
.galleryBut{ bottom: 20px; width: 44px; height: 44px; font-size: 0px; line-height: 0px; color: transparent; padding: 10px;right: 50%; margin-right: -22px; }
.header-main{ padding: 0 20px; }

.banImgFrame{ height: 400px;}
.aboutHome h2{ font-size: 30px; }
.copyRight{ line-height: 28px; }

.tab-content-box {
    justify-content: left;
}
.tab-box .nav-link {
    padding: 10px 0px;
}
.tab-log img {
    max-width: 126px;
}
}
@media screen and (max-width:575px){
.founderMainDiv {padding: 24px 27px 20px;}
.galleryDrop{ margin-top:20px;}
.gallery-tabs li a{ width:100%; display:block}
.gallery-tabs li{ display:block;}	
.bannerSubTxt h1 {font-size: 34px;}	
.snip1205::before {opacity: 0;visibility: hidden;-moz-transition: .4s;-webkit-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;
z-index: 100;position: absolute;left: 0;top: 0;width: 100%; margin-left:0; margin-top:0;height: 100%;content: "";background: #d5a942 url(../images/gallery-icon.png) center center no-repeat;}
.mainContainer{ padding: 0 20px; }
.logoFrame{ width: 200px; }
.sticky .logoFrame{ width: 200px; }
}

@media(max-width:499px){
.tab-box .nav-link {
    padding: 10px 0px;
    width: 100%;
}
.tab-log img {
    max-width: 115px;
}
.nav-tabs .nav-item{
    width: 100%;
    text-align: center;
}
}


@media screen and (max-width:479px){ 
.counterCol:nth-child(2) {border-left: 1px #e8cf95 solid;}
.counterCol:nth-child(4) {border-left: 1px #e8cf95 solid;}
.col-xs-6 { width:100%}
.mainContainer{ padding: 0 20px; }
.aboutHome h2{ padding: 25px; }
.galleryText h2{ font-size: 19px; }
.galleryIndicators li{ width: 35px; height: 33px;}
.galleryIndicators li.active{width: 35px; height: 33px;}
.scroll{ display: none; }
.banner-slide .owl-nav{ display: none; }
.banImgFrame{ height: 320px; }
.active .ban-text{ bottom: 20%; }
.ban-text-in{ text-align: center; }
.ban-text-in span{ margin-bottom: 13px; font-size: 17px; }
.ban-text-in h1{ font-size: 30px; line-height: 35px; }
.aboutHome h2{ padding: 20px; font-size: 24px; }
.aboutHome h2 a{ right: 28px; }
.aboutHomeText{ padding: 25px; }
.highlights h2{ font-size: 27px; }
.counterCol .counter-valueTxt{ font-size: 14px; }
.highlights h2{ margin-bottom: 35px; }
.middleTitle{ font-size: 28px; }
.applicationsSec{ padding-bottom: 40px; }
.homeForm h2{ font-size: 25px; }
.homeForm{ padding: 25px; }
.formButton{ width: 60px; height: 60px; margin-left: -30px; bottom: -30px; }
.leftTitle{ font-size: 23px; margin-bottom: 38px; }
.news-slide .owl-nav{ top: -69px; }
.newsCol{ padding: 25px; }
.footTop{ padding: 70px 0; }
.homeFoot .footTop{ padding-top: 150px; }
.footPhoneEmail h3{ font-size: 20px; }
.footMail a{ font-size: 17px; }
.footMail span{ font-size: 17px; }
.footAddress address{ font-size: 16px; }
}