/* ------------------------------------------------------------------------------ 
Project Name : Wescosa 
Description : Main Style Sheet 
Author : Imran Rovan 
Created On : 02 July 2021 
--------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Reset */
 html, body {
     margin: 0;
     padding: 0;
}
 html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
     border: 0;
     margin: 0;
     outline: 0;
     padding: 0;
}
 ol, ul {
     list-style: none;
}
 img {
     display: block;
     outline: none;
}
 img, input, textarea, button, select {
     border: 0;
     outline: 0 !important;
     resize: none;
}
 a, a:hover, a:focus {
     text-decoration: none;
     -moz-transition: all .200s ease-in-out;
     -webkit-transition: all .200s ease-in-out;
     transition: all .200s ease-in-out;
}
 .clear {
     clear: both;
     font-size: 0;
     height: 0;
}
 .clearfix:after {
     clear: both;
     content: "";
     display: block;
     height: 0;
     visibility: hidden;
}
 .clearfix {
     display: block;
}
 * html .clearfix {
     height: 1%;
}
 li.clearfix {
     display: list-item;
}
 *, *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 html, body, p, a, li, span, div {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
}
/* Theme */
 body {
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     margin: 0;
     padding: 0;
     color: #000;
     background-color: #f0f3f5;
     overflow-x: hidden;
     overflow-y: auto;
}
 p {
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: #000;
     text-align: left;
     margin-bottom: 15px;
}
 h1,h2,h3,h4 {
     font-family: 'Montserrat', sans-serif;
}
 header{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
     height: 105px;
     background: #fff;
     -moz-transition: all .2s ease-in-out;
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}
 header .container, footer .container {
     display: flex;
     justify-content: space-between;
     max-width: 95%;
}
 header .logo {
     display: flex;
     align-items: flex-start;
         border-radius: 10px;
    background: #fff;
    padding: 8px;
}
 header .logo img {
     height: 180px;
     -moz-transition: all .200s ease-in-out;
     -webkit-transition: all .200s ease-in-out;
     transition: all .200s ease-in-out;
}
 header .logo .eiclogo img {
     height: 120px;
     margin: 10px 0 0 15px;
}
 header .headright {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
}
 header .headright .topnav {
     margin: 8px 0 12px 0;
     display: flex;
     align-items: center;
}
    header.header-fixed .headright .topnav {
        margin: 6px 0 6px 0;
    }
 header .headright .topnav a {
     font-size: 16px;
     font-weight: 500;
     color: #222;
     margin-left: 15px;
}
 header .headright .topnav a:hover {
     color: #0703d6;
}
header .headright .topnav .btn-brochure {
    background: #0703d6;
    padding: 5px 15px;
    color: #fff;
    border-radius: 4px;
    display: flex;
     align-items: center;
     cursor: pointer;
}
header .headright .topnav .btn-brochure::after {
    margin-left: 7px;
}
 header .search {
     margin-left: 30px;
     position: relative;
     -moz-transition: all .200s ease-in-out;
     -webkit-transition: all .200s ease-in-out;
     transition: all .200s ease-in-out;
}
 header .search input {
     height: 40px;
     width: 270px;
     border: 1px solid #dddddd;
     border-radius: 60px;
     -moz-transition: all .200s ease-in-out;
     -webkit-transition: all .200s ease-in-out;
     transition: all .200s ease-in-out;
     padding: 0 50px 0 15px;
}
 header .search button {
     position: absolute;
     top: 1px;
     right: 1px;
     height: 38px;
     width: 35px;
     background: transparent url(../images/search.png) no-repeat center left;
     display: inline-block;
     text-indent: -9999px;
}
 header .headright .topnav a.arabic {
     width: 100px;
     background: transparent url(../images/arabic.png) no-repeat center center;
     color: transparent;
     display: none;
}
 header.header-fixed {
     background: #fff;
     height: 80px;
     -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
     -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
     box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);
}
 header.header-fixed .logo {
        border-radius: 0px;
    background: #fff;
    padding: 0;
    }
 header.header-fixed .logo img {
     height: 80px;
     padding: 2px 0;
}
 header.header-fixed .search {
     display: none;
}
 header.header-fixed .logo .eiclogo img {
     height: 60px;
     margin: 2px 0 0 8px;
}
 #banner {
     width: 100%;
     padding-bottom: 0px;
     overflow: hidden;
}
 #homeslider .ls-bottom-nav-wrapper {
     display: none !important;
}
 #homeslider .sub-head h2 {
     max-width: 550px;
     font-size: 32px;
     line-height: 50px;
     font-weight: 400;
     color:#fff;
     text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
 #homeslider .sub-head h2 span {
     font-weight: 600;
}
 #homeslider .sub-head.boxinfo {
     background: #fff;
     width: 240px !important;
     height: 240px !important;
     padding: 20px 0;
}
 #homeslider .sub-head.boxblue {
     background: #0703d6;
}
 #homeslider .sub-head.boxsilver {
     background: #f5f5f5;
}
 #homeslider .sub-head.boxgrey {
     background: #e9e8e8;
}
 #homeslider .sub-head.boxinfo span {
     display: block;
     color: #222;
     opacity: 0.6;
     padding: 10px 20px;
     text-align: right;
     margin-bottom: 20px;
}
 #homeslider .sub-head.boxinfo h2 {
     display: block;
     white-space: normal;
     word-wrap: break-word;
     color: #222;
     font-size: 22px;
     line-height: 30px;
     font-weight: 600;
     padding: 10px 20px;
}
 #homeslider .sub-head.boxinfo p {
     display: block;
     white-space: normal;
     word-wrap: break-word;
     color: #666;
     font-size: 14px;
     line-height: 22px;
     font-weight: 400;
     padding: 10px 20px;
}
 #homeslider .sub-head.boxblue span, #homeslider .sub-head.boxblue h2, #homeslider .sub-head.boxblue p {
     color: #fff;
}
 .hmeproducts .caro-products .dflex {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row-reverse;
     max-width: 1000px;
}
 .hmeproducts .caro-products .slick-current .dflex, .hmeproducts .caro-products .slick-current + .slick-active .dflex {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
}
 .caro-products .slick-slide .dflex .img {
     width: 40%;
}
 .caro-products .slick-current .dflex .img {
     width: 40%;
}
 .caro-products .dflex .img img {
     width: 100%;
}
/* Slick SLider */
 .slider {
     max-width: 100%;
     width: 100%;
     margin: 15px 0 15px 0%;
}
 .slick-slider button {
     display: none !important;
}
 .slick-slide {
     color: #333;
     padding: 40px;
}
 .slick-slide .desc {
     opacity: 0;
     display: block;
     padding-left: 70px;
     width: 60%;
}
 .slick-slide .desc > * {
     transition: all 900ms ease;
}
 .slick-slide img {
     width: 100%;
}
 .slick-prev:before, .slick-next:before {
     color: black;
}
 .slick-dots {
     text-align: center;
}
 .slick-dots li {
     display: inline-block;
     padding: 1px;
     background: #ccc;
     margin: 10px 5px;
     width: 40px;
     height: 5px;
}
 .slick-dots li.slick-active {
     background: #18c495;
}
 .slick-dots button {
     display: none;
}
 .slick-slide {
     opacity: 0.9;
     transition: all 300ms ease;
}
 .slick-current {
     opacity: 1;
     transform: scale(1);
}
 .slick-current .desc {
     opacity: 1;
     display: block;
}
 .slick-slide .desc span {
     position: relative;
     top: -50px;
     line-height: 20px;
     font-size: 16px;
     font-weight: 500;
     color: #0703d6;
     cursor: pointer;
}
 .slick-current .desc span {
     top: 0;
}
 .slick-slide .desc h2 {
     position: relative;
     left: 50px;
     line-height: 30px;
     font-size: 25px;
     font-weight: 700;
     color: #222;
     padding: 8px 0;
}
 .slick-current .desc h2 {
     left: 0;
}
 .slick-slide .desc h3 {
     position: relative;
     left: 50px;
     line-height: 25px;
     font-size: 18px;
     font-weight: 300;
     color: #222;
     padding: 0px 0 40px 0;
}
 .slick-current .desc h3 {
     left: 0;
}
 .slick-slide .desc h3::before {
     content: '';
     width: 0px;
     height: 2px;
     background: #0703d6;
     left: -120px;
     bottom: 20px;
     display: block;
     position: absolute;
}
 .slick-current .desc h3::before {
     animation: mymove 5s normal forwards;
     animation-delay: 1s;
     animation-iteration-count: 1;
}
 @keyframes mymove {
     from {
        width: 0px;
    }
     to {
        width: 200px;
    }
}
 .slick-slide .desc p {
     position: relative;
     top: 50px;
     opacity: 0;
     line-height: 25px;
     font-size: 16px;
}
 .slick-current .desc p {
     top: 0;
     opacity: 1;
}
 .slide-count-wrap {
     margin-top: 25px;
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
}
 .caro-products .arrow {
     display: flex;
     width: 100px;
     justify-content: space-between;
}
 .caro-products .prev-slide {
     width: 40px;
     height: 40px;
     display: block;
     font-size: 0;
     text-indent: -9999px;
     background: url(../images/icons/left.png) no-repeat center center;
}
 .caro-products .next-slide {
     width: 40px;
     height: 40px;
     display: block;
     font-size: 0;
     text-indent: -9999px;
     background: url(../images/icons/right.png) no-repeat center center;
}
 .slick-current .desc span.total {
     color: #666;
}
 .hmeservice {
     padding: 40px 0;
     position: relative;
     background: #ddd;
     overflow: hidden;
}
 .hmeservice::after {
     content: '';
     width: 50%;
     height: 100%;
     display: block;
     background: #0703d6;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 0;
}
 .hmeservice::before {
     content: '';
     width: 50%;
     height: 100%;
     display: block;
     background: url(../images/bg-service.png) no-repeat top -50px right -70px;
     background-size: auto 80%;
     opacity: 0.1;
     position: absolute;
     top: 0px;
     right: 0px;
     z-index: 1;
}
 .lftabout {
     padding-right: 90px;
}
 .exp {
     margin-bottom: 30px;
     display: flex;
     align-items: flex-end;
     justify-content: flex-start;
}
 .exp h1 {
     font-size: 150px;
     line-height: 120px;
     font-weight: 700;
     margin: 0;
     margin-right: 20px;
     background: #fff url(../images/bg-exp.jpg) no-repeat bottom left;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .exp h2 {
     font-size: 40px;
     font-weight: 700;
     text-transform: uppercase;
}
 .exp h2 span {
     display: block;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
}
 .hmeservice .intro {
     font-size: 20px;
     font-weight: 500;
     line-height: 32px;
     margin-bottom: 20px;
}
 .morelink {
     font-size: 15px;
     font-weight: 500;
     color: #3e3bd9;
     display: inline-block;
     background: url(../images/icons/more-arrow.png) no-repeat center left;
     background-size: auto 13px;
     padding-left: 15px;
     filter: grayscale(100%);
}
 .morelink:hover {
     filter: grayscale(0%);
}
 .stats {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
}
 .stats li {
     width: 33.33%;
}
 .stats li h6 {
     color: #0703d6;
     font-size: 40px;
     margin-bottom: 10px;
     font-weight: 600;
     display: flex;
     align-items: flex-start;
}
 .stats li h6 span {
     color: #0703d6;
     font-size: 35px;
     font-weight: 400;
     margin-left: 5px;
     margin-top: -10px;
}
 .stats li p {
     color: #222;
     font-size: 16px;
     margin-bottom: 35px;
     font-weight: 600;
     text-decoration:underline;
}
 .rgt-services {
     position: relative;
     z-index: 3;
     padding-left: 50px;
}
 .rgt-services h2 {
     font-weight: 700;
     font-size: 50px;
     margin-bottom: 20px;
     color: #fff;
}
 .rgt-services main {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     margin-left: -100px;
}
 .hmealliance {
     position: relative;
     background: #ddd;
     overflow: hidden;
}
 .hmealliance .col-md-6 {
     padding-left: 40px;
}
 .quickblk {
     background: #ebebf7;
}
 .hmealliance .col-md-6 span {
     position: relative;
     line-height: 20px;
     font-size: 16px;
     font-weight: 500;
     color: #0703d6;
}
 .hmealliance .col-md-6 h2 {
     line-height: 35px;
     font-size: 35px;
     font-weight: 700;
     color: #222;
     padding: 15px 0;
}
 .caroalliance {
     margin-top: 30px;
}
 .caroalliance img {
     height: 80px;
     margin-bottom: 20px;
}
 .caroalliance p {
     color: #666;
     line-height: 30px;
}
 .morebtn {
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     display: inline-block;
     background: #68aa7e url(../images/icons/btn-arrow.png) no-repeat center right 12px;
     padding:12px 70px 12px 15px;
     filter: grayscale(0%);
     border-radius: 5px;
     margin-bottom: 10px;
}
 .morebtn:hover {
     filter: grayscale(100%);
}
 .fullbg img {
     width: 100%;
}
 .hmealliance .posabt {
     position: absolute;
     width: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
.hmecertificate {
    position: relative;
    background: #f3f3f3;
    padding: 60px 0;
}
.hmecertificate h2 {
    color: #333;
    font-weight: 700;
    margin-bottom: 25px;
}
.profile-md {
    position: relative;
}
.profile-md > img {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    display: block;
    margin-bottom: 15px;
}
.profile-md .md-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}
.profile-md .md-name span {
    display: block;
    font-size: 16px;
    color: #666;
    margin-bottom: 0px;
}
 .quickblk .grid {
    max-width: 100%;
     padding: 30px 0;
     display: flex;
     align-items: center;
}
.quickblk .grid.customer-grid {
    flex-wrap: wrap;
    gap: 20px;
}
.grid.customer-grid figure {
    width: 30%;
    padding: 0;
    margin: 0;
}
 figure.effect-bubba h2 {
     padding-top: 70px;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     text-transform: capitalize;
}
 .quknews h2 {
     background: url(../images/icons/quk01.png) no-repeat top center;
}
 .qukcarrier h2 {
     background: url(../images/icons/quk02.png) no-repeat top center;
}
 .qukcontact h2 {
     background: url(../images/icons/quk03.png) no-repeat top center;
}
 figure.effect-bubba p {
     background: url(../images/icons/btn-quick.png) no-repeat bottom center;
     padding-bottom: 40px;
}
 .enquiryblk {
     background: #2f2cd3;
     padding: 80px 0;
     text-align: center;
}
 .enquiryblk h2 {
     font-size: 40px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 15px;
}
 .enquiryblk p {
     font-size: 16px;
     line-height: 30px;
     color: #fff;
     margin-bottom: 15px;
     max-width: 750px;
     text-align: center;
     margin: 15px auto 25px;
}
 .enquiryblk a {
     font-size: 15px;
     font-weight: 500;
     color: #6f6f6f;
     background: #fff;
     text-align: center;
     margin: auto;
     padding: 12px 28px;
}
 footer {
     background: #3b3b3b;
     padding: 35px 0 0 0;
}
 footer > .container {
     background: #3b3b3b url(../images/eic_footer_logo.png) no-repeat center bottom 15px;
     padding: 0 0 135px 0;
     background-size: auto 100px;
}
 footer ul {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     width: 100%;
}
 footer ul li {
     width: 20%;
}
 footer ul li h6 {
     font-size: 20px;
     color: #fff;
     margin-bottom: 25px;
     font-weight: 600;
}
 footer ul li a {
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
    display: block;
    padding-right: 15px;
    letter-spacing: -0.1px;
}
 footer ul li a:hover {
    color:  #9694ff;
}
 .copyrights {
     padding-bottom: 25px;
}

 .copyrights .container {
     padding-top: 25px;
     margin-top: 25px;
     border-top: 1px solid rgba(255,255,255,0.2);
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .copyrights .cpyleft {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     color: #a0a0a0;
}
 .copyrights .cpyleft p {
     margin: 0;
     color: #a0a0a0;
     font-size: 14px;
}
 .copyrights .cpyleft a {
     border-left: 1px solid #a0a0a0;
     color: #a0a0a0;
     font-size: 14px;
     padding-left: 20px;
     margin-left: 20px;
}
 .cpyright a {
     padding: 0 0 0 30px;
     color: #fff;
     font-size: 20px;
}
/* New Theme */
 .grey-bg {
     background-color: #f7f9ff;
}
 .blue-bg {
     background-color: #E6E8F7;
}
 .orange-bg {
     background-color: #ffeac4;
}
 .enquiryblk {
     background: #fff url(../images/bg-blue.svg) no-repeat top center;
}
/*.hmeproducts {
     background: url(../images/bg-wave.svg) no-repeat top center;
}
*/
 .hmeprodbg {
     background: #23418c;
}
 .mb-0 .slick-slide .desc span, .mb-0 .slick-slide .desc h3, .mb-0 .slick-slide .desc p {
     color: rgba(255,255,255,0.7) !important;
}
 .mb-0 .slick-current .desc h2 {
     color: #fff !important;
}
 .mb-0 .slick-slide {
     color: #fff;
}
 .innerban {
     margin-top: 100px;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
}
 .aboutBanner-header_wrapper-WBd {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     padding-top: 80px;
     padding-bottom: 80px;
     align-items: flex-start;
}
 .aboutBanner-heading-1rw {
     width: auto;
     display: flex;
     font-size: 20px;
     font-weight: 600;
     position: relative;
     padding-right: 28px;
     margin-top: 20px;
     color: #6B6D8D;
     width: 100%;
     max-width: 150px;
}
 .aboutBanner-heading-1rw::after {
     content: "";
     width: 20px;
     height: 2px;
     background-color: #6B6D8D;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
}
 .aboutBanner-heading_big-3OU {
     width: 100%;
     flex: 1;
     padding-left: 80px;
}
 .aboutBanner-heading_big-3OU h2 {
     font-size: 35px;
     line-height: 50px;
     color: #0703d6;
     font-weight: 700;
     width: 100%;
     max-width: 90%;
}
 .aboutBanner-images_warpper-u-M {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: flex-end;
     margin-bottom: 40px;
     position: relative;
     padding: 0px 2px;
}
 .aboutBanner-image_wrapper-2hC {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     position: relative;
     flex: 1;
     padding: 5px 8px;
}
 .aboutBanner-image_wrapper-2hC:nth-child(1) {
     max-width: 264px;
     bottom: 80px;
}
 .aboutBanner-section1_wrapper-CSt .aboutBanner-container-rij {
     padding: 0;
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .aboutBanner-container-rij img {
     width: 100%;
}
 .aboutBanner-image_wrapper-2hC:nth-child(1) {
     max-width: 264px;
     bottom: 80px;
}
 .aboutBanner-image_wrapper-2hC:nth-child(2) {
     max-width: 264px;
     bottom: 80px;
}
 .aboutBanner-image_wrapper-2hC:nth-child(3) {
     max-width: 161px;
}
 .aboutBanner-image_wrapper-2hC:nth-child(4) {
     max-width: 350px;
     bottom: 50px;
}
 .aboutBanner-image_wrapper-2hC:nth-child(5) {
     max-width: 379px;
     bottom: 80px;
}
 .main {
     padding: 0;
}
 .bg-white {
     padding-top: 30px;
     padding-bottom: 30px;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     background-color: #fff;
     position: relative;
}
 .bg-grey {
     padding-top: 30px;
     padding-bottom: 30px;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     background-color: #eee;
     position: relative;
}
 .title {
     margin-bottom: 25px;
}
 .title span {
     display: block;
     font-size: 15px;
     color: #8e8e8e;
     margin-bottom: 5px;
}
 .intro {
     font-size: 18px;
     line-height: 30px;
     color: #333;
     font-weight: 600;
     margin-bottom: 25px;
}
 .title h3 {
     display: block;
     font-size: 50px;
     color: #333333;
     text-align: left;
     font-weight: 800;
     line-height: 50px;
     margin: 0;
     transition: all 0.6s ease;
     display: inline-block;
     z-index: 2;
     position: relative;
}
 .title h3::after {
     content: "";
     background: #FAD60F;
     display: block;
     margin-top: 15px;
     width: 50px;
     height: 5px;
}
 .subhead-blue {
     font-size: 24px;
     font-weight: 700;
     margin: 0 0 35px 0;
     position: relative;
}
 .subhead-blue::after {
     content: "";
     width: 35px;
     height: 5px;
     background: #3553a5;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 40px;
}
 .subhead-purplue {
     font-size: 24px;
     font-weight: 700;
     margin: 0 0 35px 0;
     position: relative;
}
 .subhead-purplue::after {
     content: "";
     width: 35px;
     height: 5px;
     background: #7e287e;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 40px;
}
 .twoColumnBlock {
     position: absolute;
     bottom: -20px;
     right: 0px;
     z-index: -1;
}
 .profile {
     padding-right: 25px;
     position: relative;
}
 .prestitle h3 {
     width: max-content;
     font-size: 20px;
     line-height: 1em;
     color: #6B6D8D;
     font-weight: 400;
     margin-bottom: 20px;
     padding-right: 28px;
     position: relative;
}
 .prestitle h3::after {
     content: "";
     width: 20px;
     height: 2px;
     background-color: #6B6D8D;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     position: absolute;
}
 .prestitle h2 {
     width: 100%;
     font-size: 30px;
     font-weight: 600;
     color: #002581;
     margin-bottom: 15px;
     line-height: 1.6em;
     max-width: 750px;
     padding-right: 20px;
}
 .alliancewrap {
     margin-bottom: 35px;
}
 .alliancewrap img {
     height: 70px;
     margin-bottom: 20px;
}
 .alliancewrap ul {
     list-style: disc;
     margin-left: 20px;
}
 .demo-gallery > ul {
     margin-bottom: 0;
}
 .demo-gallery > ul > li {
     float: left;
     margin-bottom: 15px;
     width: 20%;
     padding: 0 5px;
}
 .demo-gallery > ul > li a {
     border: 1px solid #ccc;
     border-radius: 3px;
     display: block;
     overflow: hidden;
     position: relative;
     float: left;
     padding: 5px;
}
 .demo-gallery > ul > li a > img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: auto;
     padding: 15px;
     width: 100%;
}
 .demo-gallery > ul > li a:hover > img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
}
 .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
     opacity: 1;
}
 .demo-gallery > ul > li a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
}
 .demo-gallery > ul > li a .demo-gallery-poster > img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
}
 .demo-gallery > ul > li a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
}
 .demo-gallery .justified-gallery > a > img {
     -webkit-transition: -webkit-transform 0.15s ease 0s;
     -moz-transition: -moz-transform 0.15s ease 0s;
     -o-transition: -o-transform 0.15s ease 0s;
     transition: transform 0.15s ease 0s;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
     height: 100%;
     width: 100%;
}
 .demo-gallery .justified-gallery > a:hover > img {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
}
 .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
     opacity: 1;
}
 .demo-gallery .justified-gallery > a .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.1);
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transition: background-color 0.15s ease 0s;
     -o-transition: background-color 0.15s ease 0s;
     transition: background-color 0.15s ease 0s;
}
 .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
     left: 50%;
     margin-left: -10px;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     top: 50%;
     -webkit-transition: opacity 0.3s ease 0s;
     -o-transition: opacity 0.3s ease 0s;
     transition: opacity 0.3s ease 0s;
}
 .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
     background-color: rgba(0, 0, 0, 0.5);
}
 .demo-gallery .video .demo-gallery-poster img {
     height: 48px;
     margin-left: -24px;
     margin-top: -24px;
     opacity: 0.8;
     width: 48px;
}
 .demo-gallery.dark > ul > li a {
     border: 3px solid #04070a;
}
 .home .demo-gallery {
     padding-bottom: 80px;
}
 .am-img-bg {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
}
 .img-fluid {
     max-width: 100%;
     height: auto;
}
 .latest-news-box .img-fluid {
     height: 205px;
     object-fit: cover;
}
 .latest-news-box figcaption span {
     color: #797979;
     font-size: 0.9375rem;
}
 .latest-news-box figcaption .h4 {
     height: 3rem;
     font-size: 1.25rem;
}
 .latest-news-box figcaption p {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .am-link {
     position: relative;
     font-weight: 500;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     padding-right: 25px;
}
 .am-link .arrow {
     position: absolute;
     width: 0.5rem;
     height: 0.5rem;
     top: 50%;
     margin-top: -0.25rem;
     -webkit-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     -o-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     right: 0.5rem;
}
 .latest-news-box figcaption span {
     color: #797979;
     font-size: 0.9375rem;
}
 .latest-news-box a, .textnews a {
     color: #0703d6!important;
}
 .am-link .arrow:before {
     content: "";
     width: 100%;
     height: 100%;
     border-top: 0.125rem solid #2245A4;
     border-right: 0.125rem solid #2245A4;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     -o-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     right: 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 0;
}
 .am-link .arrow:after {
     content: "";
     width: 0%;
     height: 0.125rem;
     display: block;
     background-color: #2245A4;
     position: absolute;
     top: 50%;
     margin-top: -0.0625rem;
     -webkit-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     -o-transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     transition: all 0.3s cubic-bezier(0,0.14,0.54,0.99);
     right: 0;
}
 .latest-news-box a:hover {
     color: #B19D71 !important;
     text-decoration: none;
}
 .latest-news-box a:hover span {
     color: #797979;
}
 .latest-news-box a:hover .am-link .arrow, .prodwrap .desc:hover .am-link .arrow {
     right: 0.125rem;
}
 .latest-news-box a:hover .am-link .arrow:before, .prodwrap .desc:hover .am-link .arrow:before {
     border-color: #b19d71;
}
 .latest-news-box a:hover .am-link .arrow:after, .prodwrap .desc:hover .am-link .arrow:after {
     width: 150%;
     background-color: #b19d71;
}
 .contDtl {
     margin-top: 20px;
}
 .contDtl li {
     margin-bottom: 30px;
     padding-left: 65px;
     position: relative;
     float: left;
     width: 33.33%;
}
 .contDtl li:before {
     content:'';
     position:absolute;
     top: 0;
     left: 50px;
     background: #ccc;
     width: 1px;
     height: 100%;
}
 .contDtl li:first-child {
     background: url(../images/icons/ico-map.jpg) no-repeat left center;
}
 .contDtl li:nth-child(2) {
     background: url(../images/icons/ico-mob.jpg) no-repeat left center;
}
 .contDtl li:nth-child(3) {
     background: url(../images/icons/ico-fax.jpg) no-repeat left center;
}
 .contDtl li:last-child {
     background: url(../images/icons/ico-mail.jpg) no-repeat left center;
}
 .contDtl li small {
     font-size: 13px;
     text-transform: uppercase;
     line-height: 14px;
     margin-bottom: 6px;
     display: block;
}
 .contDtl li h6 {
     line-height: 22px;
}
 .cardcontact {
     display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
     margin: 0 -10px 20px -10px;
}
 .cardcontact li {
     width: calc(33% - 20px);
     margin: 0 10px 20px 10px;
     background-color: #fff;
     padding: 20px;
     position: relative;
     border: 1px solid transparent;
     transition: .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .cardcontact li h3 {
     font-size: 19px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .cardcontact li p {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 10px;
     color: #444;
     padding-left: 35px;
}
 .cardcontact li p:nth-child(2) {
     background: url(../images/icons/ico-mob.jpg) no-repeat left center;
     background-size: contain;
}
 .cardcontact li p:last-child {
     background: url(../images/icons/ico-fax.jpg) no-repeat left center;
     background-size: contain;
}
 .subhead {
     font-size: 24px;
     font-weight: 700;
     margin: 0 0 35px 0;
     position: relative;
}
 .subhead::after {
     content: "";
     width: 35px;
     height: 5px;
     background: #3553a5;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 40px;
}
 .cardcontact.mail li p {
     background: url(../images/icons/ico-mail.jpg) no-repeat left center;
     background-size: auto 20px;
}
 header .headright .topnav a.active {
     color: #0703d6;
}
 #careerBlk {
     position: relative;
     border: 1px solid #e9e9e9;
     border-top: none;
     -webkit-border-radius: 3px;
     border-radius: 3px;
}
 #careerBlk .r-tabs-accordion-title {
     border-top: 1px solid #e9e9e9;
}
 #careerBlk .r-tabs-accordion-title a {
     font-size: 16px;
     cursor: pointer;
     padding: 20px 20px;
     position: relative;
     display: block;
     color: #333;
     font-family: 'Gotham Rounded';
}
 #careerBlk .r-tabs-accordion-title a:before {
     content: '';
     display: block;
     position: absolute;
     width: 3px;
     height: 36px;
     background: #3a89e4;
     left: 0;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
}
 #careerBlk .r-tabs-accordion-title a:before {
     color: #3a89e4;
}
 #careerBlk .r-tabs-accordion-title a:after {
     content: '+';
     display: block;
     position: absolute;
     font-size: 28px;
     color: #c3c3c3;
     right: 25px;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
}
 #careerBlk .r-tabs-accordion-title.r-tabs-state-active a:after {
     content: '-';
     font-size: 30px;
     right: 27px;
     color: #3a89e4;
}
 #careerBlk .r-tabs-panel {
     position: relative;
     background: #eee;
     padding: 20px 20px;
     border-top: 1px solid #fefefe;
     display: none;
}
 #careerBlk .r-tabs-panel h6 {
     font-size: 15px;
     margin:0 0 10px 0;
     display: block;
     color: #333;
     font-family: 'Gotham Rounded';
     border-top: 1px #d6d6d6 solid;
     padding-top: 15px;
     margin-top: 15px;
}
 #careerBlk .r-tabs-panel h6:first-child {
     border-top:none;
     padding-top: 0px;
     margin-top: 0px;
}
 #careerBlk .r-tabs-panel h6 span {
     font-size: 15px;
     color: #000;
}
 .applynow input {
     margin: 0px 0 25px 0;
     width: 100%;
     display: block;
     border: none;
     padding: 15px 0 10px 0;
     border-bottom: solid 1px #1abc9c;
     -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
     background-position: -100% 0;
     background-size: 0px 100%;
     background-repeat: no-repeat;
     color: #0e6252;
}
 .applynow textarea {
     margin: 0px 0 25px 0;
     width: 100%;
     display: block;
     border: none;
     padding: 15px 0 10px 0;
     border-bottom: solid 1px #1abc9c;
     -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);
     background-position: -100% 0;
     background-size: 0px 100%;
     background-repeat: no-repeat;
     color: #0e6252;
     height: 200px;
}
 .applynow input:focus, .applynow input:valid, .applynow textarea:focus {
     box-shadow: none;
     outline: none;
     background-position: 0 0;
     background-size: 100% 100%;
}
 .applynow input::-webkit-input-placeholder, .applynow textarea::-webkit-input-placeholder {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .applynow input:focus::-webkit-input-placeholder, .applynow input:valid::-webkit-input-placeholder, .applynow textarea:focus::-webkit-input-placeholder {
     color: #1abc9c;
     font-size: 13px;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
     visibility: visible !important;
}
 .btn-apply {
     background: #17a14a;
     padding: 6px 20px;
     border-radius: 25px;
     color: #fff;
     margin-top: 10px;
     display: inline-block;
}
 .btn-submit {
     font-size: 16px;
     font-weight: 400;
     box-sizing: border-box;
     letter-spacing: 1px;
     background: transparent;
     display: block;
     width: 200px;
     height: 45px;
     margin: auto;
     background-color: #17a14a;
     cursor: pointer;
     color: #fff;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 table.dataTable {
     margin: 10px 0;
     width: 100%;
     box-shadow: 0 0 10px 0 rgb(0 0 0 / 3%);
}
 table.dataTable thead th {
     background-color: #6ca9e2;
     height: 30px;
     color: #fff;
     font-size: 13px;
     text-transform: uppercase;
     padding: 10px 10px 10px 10px;
     border-bottom: none;
     white-space: nowrap;
}
 table.dataTable tbody tr {
     background-color: #ffffff;
}
 table.dataTable tbody td {
     background-color: #f2f9ff;
     border-top: 1px solid #e3eeff;
     border-bottom: 1px solid #e3eeff;
     height: 35px;
     padding: 8px;
     color: #333;
     font-size: 14px;
}
 table.dataTable tbody tr:nth-child(even) td {
     background-color: #fff;
     border-top: 1px solid #fff;
}
 .prodwrap {
     border: 1px solid #eee;
     padding: 10px;
     margin-bottom: 15px;
}
 .prodwrap img {
     width: 100%;
}
 .prodwrap .desc {
     padding: 10px 15px;
}
 .prodwrap .desc p {
     font-size: 14px;
     line-height: 22px;
     height: 70px;
     overflow: hidden;
}
 .prodwrap .desc h2 {
     color: #0703d6;
     font-size: 18px;
     margin-top: 10px;
     margin-bottom: 15px;
}
 .prodwrap .desc h2 a {
     color: #0703d6;
}
 .prodwrap:hover .desc h2 a {
     color: #B19D71 ;
     text-decoration: none;
}
 .prodwrap:hover .desc a, .prodwrap .prodwrap:hover .desc a span {
     color: #797979;
}
 .prodwrap:hover {
     box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 5%);
     z-index: 1;
}
 .prodwraplist {
     padding-bottom: 0px;
     margin-bottom: 0px;
    position: relative;
     padding-top: 85px;
}
.prodwraplist::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #eee;
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
}
.prodwraplist table {
    border: 1px solid #666;
}
.prodwraplist table td, .prodwraplist table th {
    padding: 10px;
    border: 1px solid #666;
}
.prodwraplist .lightgallery > div {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.prodwraplist .lightgallery > div img {
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    -o-transition: -o-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
}
.prodwraplist .lightgallery > div:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.row .prodwraplist:firsst-child::before {
    display: none;
}
.prodwraplist ul {
    list-style: disc;
    margin-left: 20px;
}
.prodwraplist ul li {
    margin-bottom: 8px;
}
 .content-list {
     margin-left: 20px;
     margin-bottom: 25px;
}
 .content-list li {
     list-style: disc;
     margin-bottom: 5px;
}
 .profile {
     width: 50%;
     margin-bottom: 5px;
}
 .sidebar ul {
     background: #0703d6;
     padding: 0;
}
 .sidebar {
     padding-top: 70px;
}
 .sidebar ul li a {
     padding: 18px 15px;
     color: #fff;
     display: block;
     font-size: 14px;
     border-bottom: 1px solid rgba(255,255,255,0.2);
}
 .sidebar ul li a:hover {
     background: #0906a9;
}
.sidebar ul li ul li a {
    padding: 10px 15px;
}
.sidebar ul li ul {
    display: none;
}
.sidebar ul li.active ul {
    display: block;
}
 .quotation {
     margin-top: 10px;
}
 .quotation a {
     width: 100%;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     padding: 15px;
     display: block;
     border-radius: 5px;
     background: #0703d6 url(../images/more.png) no-repeat center right 20px;
     background-size: auto 16px;
     margin-bottom: 25px;
}
 .quotation a:hover {
     background: #0906a9 url(../images/more.png) no-repeat center right 10px;
     background-size: auto 16px;
}
 .quotation .col-md-12 {
     margin-bottom: 8px;
}
 .quotation .col-md-12 input, .quotation .col-md-12 select, .quotation .col-md-12 textarea {
     width: 100%;
     height: 45px;
     background-color: rgba(255,255,255,0.2);
     color: #fff;
     padding: 0 10px;
     font-size: 13px;
}
 .quotation .col-md-12 textarea {
     height: 100px;
     padding: 10px;
}
 .quotation .col-md-12 select option {
     color: #333;
}
 .quotation ::-webkit-input-placeholder {
     color: rgba(255,255,255,0.6);
}
 .quotation :-ms-input-placeholder {
     color: rgba(255,255,255,0.6);
}
 .quotation ::placeholder {
     color: rgba(255,255,255,0.6);
}
 .quotation button {
     background: #fff;
     padding: 3px 15px;
     font-size: 13px;
     color: #333;
     cursor: pointer;
}
 #sidebar {
     will-change: min-height;
}
 #sidebar .sidebar__inner {
     margin-bottom: 15px;
     position: relative;
     transform: translate(0, 0);
     transform: translate3d(0, 0, 0);
     will-change: position, transform;
}
 .qteformwrap {
     border: 1px solid #ddd;
     padding: 15px;
     margin-bottom: 15px;
}
 .qteformwrap h6 {
     font-size:22px;
     font-weight:600;
     margin-bottom:20px;
}
 .prodformlist li {
     margin-bottom: 15px;
     margin-right: 15px;
     width: 30%;
}
 .prodformlist {
     display: flex;
     flex-wrap: wrap;
}
 .styled-checkbox, .styled-radio {
     position: absolute;
     opacity: 0;
}
 .styled-checkbox + label, .styled-radio + label {
     position: relative;
     cursor: pointer;
     padding: 0;
     font-size: 15px;
     font-weight: 500;
}
 .styled-checkbox + label:before, .styled-radio + label:before {
     content: "";
     margin-right: 10px;
     display: inline-block;
     vertical-align: text-top;
     width: 20px;
     height: 20px;
     background: white;
     border: 1px solid #aaa;
}
 .styled-radio + label:before {
     border-radius: 50%;
}
 .styled-checkbox:hover + label:before {
     background: #0703d6;
}
 .styled-checkbox:focus + label:before, .styled-radio:focus + label:before {
     box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
 .styled-checkbox:checked + label:before, .styled-radio:checked + label:before {
     background: #0703d6;
}
 .styled-checkbox:disabled + label, .styled-radio:disabled + label {
     color: #b8b8b8;
     cursor: auto;
}
 .styled-checkbox:disabled + label:before, .styled-radio:disabled + label:before {
     box-shadow: none;
     background: #ddd;
}
 .styled-checkbox:checked + label:after, .styled-radio:checked + label:after {
     content: "";
     position: absolute;
     left: 5px;
     top: 11px;
     background: white;
     width: 2px;
     height: 2px;
     box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
     transform: rotate(45deg);
}
 .inputradio {
     margin-right: 15px;
}
 .listTabl {
     margin: 20px 0;
     width: 100%;
}
 .listTabl thead th {
     background-color: #6ca9e2;
     height: 35px;
     color: #fff;
     font-size: 13px;
     font-weight: 500;
     text-transform: uppercase;
     border-bottom: none;
     padding: 5px;
}
 .listTabl thead th:first-child {
     padding-left: 30px;
}
 .listTabl tbody td {
     background-color: #f2f9ff;
     border-top: 1px solid #e3eeff;
     border-bottom: 1px solid #e3eeff;
     height: 35px;
     color: #333;
     font-size: 14px;
     padding: 10px;
}
 .listTabl tbody td:first-child {
     padding-left: 30px;
}
 .listTabl input[type="text"], .listTabl select {
     display: block;
     width: 100%;
     height: 35px;
     line-height: 40px;
     padding:0 10px;
     border: solid 1px #bbb;
     background-color: #fff;
     font-size: 14px;
     color: #222;
     border-radius:5px;
}
 .btn-ico {
     width: 35px;
     height: 35px;
     display: inline-block;
     border: 1px solid red;
     border-radius: 50%;
     text-align: center;
     line-height: 35px;
     margin-right: 5px;
     color: red;
     font-size: 18px;
}
 .btn-ico:hover {
     color: red;
}
 .wrap-input {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     width: 100%;
     position: relative;
     position: relative;
     margin-bottom: 20px;
}
 .wrap-input span {
     font-size: 15px;
     color: #555555;
     display: inline-block;
     position: absolute;
     pointer-events: none;
     width: auto;
     padding: 0 10px;
     left: 5px;
     top: 12px;
     z-index: 9;
     background: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .wrap-input .inputlog, .langprewrap .fs-wrap {
     font-size: 14px;
     color: #555555;
     line-height: 30px;
     border: none;
     outline: 0;
     background-color: #fff;
     display: block;
     width: 100%;
     border-radius: 3px;
     padding: 0px 15px 0;
     height: 45px;
     background-color: #fff;
     border-radius: 2px;
     border: solid 1px #cbcbcb;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
}
 .wrap-input textarea.inputlog {
     padding: 0 15px;
     padding-top: 0px;
     background-color: #ffffff;
     width: 100%;
     height: 80px;
     line-height: 22px;
     padding-top: 10px;
}
 .wrap-input textarea.inputlog.has-val {
     height: 80px !important;
}
 .wrap-input select.inputlog, .langprewrap .fs-wrap {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: url(../images/icons/arrow.png) no-repeat right 10px center;
     background-size: auto 10px;
}
 .has-val {
     height: 45px !important;
}
 .has-val + span, .wrap-input span.label-active {
     top: -11px;
     font-size: 13px;
     color: #aaaaaa;
     background: transparent;
     z-index: 1;
}
 .wrap-input .inputlog:focus + span::before, .has-val + span::before, .wrap-input span.label-active::before {
     content: '';
     width: 100%;
     height: 1px;
     background: #fff;
     display: block;
     position: absolute;
     top: 11px;
     left: 0;
     z-index: -1;
}
 .wrap-input .inputlog:focus + span {
     top: -11px;
     font-size: 13px;
     color: #aaaaaa;
     background: transparent;
     z-index: 1;
}
 .btn-login {
     margin: 15px 0 10px 0;
     display: flex;
     align-items: center;
     justify-content: flex-start;
}
 .register-button {
     font-weight: 500;
     width: 200px;
     height: 50px;
     text-transform: uppercase;
     padding: 0;
     object-fit: contain;
     border-radius: 2px;
     background-color: #fff;
     border-radius: 2px;
     border: solid 1.2px #2080ce;
     margin-right: 10px;
     font-size: 15px;
     line-height: 1.33;
     letter-spacing: 0.19px;
     color: #222 !important;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .login-button {
     font-weight: 500;
     width: 200px;
     height: 50px;
     text-transform: uppercase;
     padding: 15px 25px 15px 24px;
     object-fit: contain;
     border-radius: 2px;
     background: rgb(32,128,206) url(../images/more.png) no-repeat center right 20px;
     background-size: auto 16px;
     margin-right: 10px;
     font-size: 15px;
     line-height: 1.33;
     letter-spacing: 0.19px;
     color: #ffffff !important;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .requestquote-table {
     margin: 15px 0;
     border: 1px solid #ddd;
     width: 100%;
}
 .requestquote-table > tbody > tr > td {
     border: 1px solid #ddd;
     padding: 0px;
}
 .requestquote-table .pad10 td {
     padding: 10px;
}
 .requestquote-table > tbody > tr > td:first-child {
     width: 350px;
}
 .requestquote-table > tbody > tr > td > input {
     width: 100%;
}
.requestquote-table > tbody > tr > td > input, .requestquote-table > tbody > tr > td > textarea {
    padding: 5px;
    background: transparent;
}
 .mandataory {
     font-size: 15px;
     color: #ff0000;
     margin-left: 4px;
}
 .requestquote-table .productTable {
     width: 100%;
}
 .maintabletitle {
     font-size: 20px;
     font-weight: 600;
     padding: 10px;
}
 .subtabletitle {
     background-color: #6ca9e2;
     height: 35px;
     color: #fff;
     font-size: 13px;
     font-weight: 500;
     text-transform: uppercase;
     border-bottom: none;
     padding: 0 10px;
     line-height: 35px;
}
 .requestquote-table .productTable tr td {
     border-bottom: 1px solid #ddd;
     padding: 10px;
}
 .requestquote-table tr td {
     vertical-align: top;
}
 .requestquote-table .productTable tr td:first-child {
     width: 350px;
     position: relative;
}
 .requestquote-table .productTable input {
     border: 1px solid #ccc;
     padding: 0 5px;
     height: 35px;
     font-size: 14px;
}
.requestquote-table .productTable input.styled-checkbox {
    height: 80%;
    width: 100%;
    z-index: 11;
    cursor: pointer;
}
 .requestquote-table .productTable input[type="text"] {
     width: 31%;
     margin-right: 1.8%;
}
 .requestquote-table .productTable tr td:last-child {
     visibility: hidden;
     opacity: 0;
}
 .requestquote-table .productTable tr td.checked + td:last-child {
     visibility: visible;
     opacity: 1;
}
 .requestquote-table .productTable tr textarea {
     height: 35px;
     width: 100%;
     font-size: 14px;
     padding: 10px;
     border: 1px solid #ddd;
}
 .requestquote-table .productTable tr td.checked + td:last-child textarea {
     height: 100px;
     width: 100%;
}
 .introVideo {
     width: 100%;
     max-height: 85vh;
     margin-bottom: 0;
     position: relative;
     overflow: hidden;
}
 .fullscreen-bg video {
     width: 100%;
    /*height: 100vh;
    */
     z-index: 0;
}
 .fullscreen-bg::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height:100vh;
     z-index: 10;
     background: rgb(255,255,255);
     background: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.5) 50%, rgba(204,204,204,0.85) 100%);
}
 .fullscreen-content {
     position: absolute;
     top: 0;
     left: 50px;
     width: 100%;
     height: 100%;
     z-index: 10;
     display: flex;
     align-items: center;
}
 .fullscreen-content h1 {
     margin-top: 50px;
     max-width: 650px;
     font-size: 32px;
     line-height: 50px;
     font-weight: 400;
     text-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
 .fullscreen-content h1 span {
     font-weight: 600;
}
 .mainform .wrapinput {
     margin-bottom: 20px;
}
 .mainform .wrapinput input, .mainform .wrapinput textarea {
     font-size: 14px;
     color: #555555;
     line-height: 30px;
     border: none;
     outline: 0;
     background-color: #fff;
     display: block;
     width: 100%;
     border-radius: 3px;
     padding: 0px 15px 0;
     height: 35px;
     background-color: #fff;
     border-radius: 2px;
     border: solid 1px #cbcbcb;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .mainform .wrapinput textarea {
     height:90px;
}
 .mainform .wrapinput label {
     font-size: 15px;
     color: #444;
     display: block;
     width: auto;
     background: #fff;
     -webkit-transition: all 0.4s;
     -o-transition: all 0.4s;
     -moz-transition: all 0.4s;
     transition: all 0.4s;
}
 .surveycheck {
     display: flex;
     flex-wrap: wrap;
}
 .surveycheck li {
     width: 20%;
     margin-bottom: 15px;
     position: relative;
}
.mainform .wrapinput  .surveycheck input.styled-checkbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 23px;
	z-index: 2;
}
 .flexwrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0;
}
 .flexwrap .colright ul {
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 .flexwrap .colright ul li {
     margin-left: 8px;
     padding-left: 8px;
     border-left: 1px solid #ddd;
}
 .flexwrap .colright ul li:first-child {
     margin-left: 0;
     padding-left: 0;
     border-left: none;
}
 .tablewrap {
     padding-top: 15px;
     margin-top: 15px;
     border-top: 1px solid #ddd;
}
 .tablewrap, .tablewrap table {
     width:100%;
}
 .tablewrap table thead th, .tablewrap table tbody td {
     width:80px;
     text-align: center;
     padding: 15px 0;
     border-bottom: 1px solid #ddd;
}
 .tablewrap table thead th:first-child, .tablewrap table tbody td:first-child {
     width: calc(100% - 400px);
     text-align: left;
}
 .tablewrap table tbody td .inputradio {
     margin: auto;
     width: 22px;
	 position: relative;
}
.tablewrap table tbody td .inputradio  input[type=radio] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 23px;
    z-index: 2;
}
 .tablewrap table .styled-radio + label:before {
     margin-right: 0;
}
 .customersurveywrap label {
     display: block;
     margin-bottom: 6px;
}
/* Search */
.search-content {
    padding-top: 180px;
}
.search-content ul li {
    list-style: none;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}
.search-content ul li:last-child {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}
.search-content ul li h5 a {
    display: block;
    color: #0703d6;
    font-size:22px;
    font-weight: 600;
    text-decoration: underline;
    margin: 0 0 5px 0;
}

.search-content ul li  h6 {
    color: #888;
    font-size:14px;
    margin: 0 0 10px 0;
}
.search-content ul li  p a {
    color: #333;
    font-size: 16px;
}
.prod_intro {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.emspolicy-img img {
    max-width:100%;
}
.pad-150 {
    padding-top: 200px;
}
.map {
    margin-top: 40px;
}
.head-brochure .dropdown-menu {
    margin: 0;
    padding: 0;
}
.head-brochure .qr {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.head-brochure .qr img {
    height: 250px;
    padding: 5px;
    margin: 12px;
    border-radius: 10px;
    border: 4px solid #333;
}
header .headright .topnav .head-brochure .qr a {
    display: inline-block;
    background-color: #5c5c81;
    color: #fff;
    margin: 0;
    margin-top: 5px;
    padding: 12px 15px;
    text-align: center;
}
header .headright .topnav .head-brochure .qr a:hover {
    background-color: #3b3b7a;
}