body::-webkit-scrollbar-thumb{background:#000;}
img{-webkit-transition:none; transition:none;}
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,400,600,700,800,900&display=swap');
*{outline:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
.p0{padding:0!important}
.p5px{padding:5px!important}
.p10px{padding:10px!important}
.p20px{padding:20px!important}
.p30px{padding:30px!important}
.p60px{padding:60px!important}
.p90px{padding:90px!important}
.pt0{padding-top:0!important}
.pl0{padding-left:0!important}
.pr0{padding-right:0!important}
.pb0{padding-bottom:0!important}
.pt5px{padding-top:5px!important}
.pt10px{padding-top:10px!important}
.pt20px{padding-top:20px!important}
.pt30px{padding-top:30px!important}
.pt60px{padding-top:60px!important}
.pt90px{padding-top:90px!important}
.pl5px{padding-left:5px!important}
.pl10px{padding-left:10px!important}
.pl20px{padding-left:20px!important}
.pl30px{padding-left:30px!important}
.pl60px{padding-left:60px!important}
.pl90px{padding-left:90px!important}
.pr5px{padding-right:5px!important}
.pr10px{padding-right:10px!important}
.pr20px{padding-right:20px!important}
.pr30px{padding-right:30px!important}
.pr60px{padding-right:60px!important}
.pr90px{padding-right:90px!important}
.pb5px{padding-bottom:5px!important}
.pb10px{padding-bottom:10px!important}
.pb20px{padding-bottom:20px!important}
.pb30px{padding-bottom:30px!important}
.pb60px{padding-bottom:60px!important}
.pb90px{padding-bottom:90px!important}
.m0auto{margin:0 auto!important}
.m0{margin:0!important}
.m5px{margin:5px!important}
.m10px{margin:10px!important}
.m20px{margin:20px!important}
.m30px{margin:40px!important}
.m60px{margin:60px!important}
.m90px{margin:90px!important}
.mt0{margin-top:0!important}
.ml0{margin-left:0!important}
.mr0{margin-right:0!important}
.mb0{margin-bottom:0!important}
.mt5px{margin-top:5px!important}
.mt10px{margin-top:10px!important}
.mt20px{margin-top:20px!important}
.mt30px{margin-top:30px!important}
.mt60px{margin-top:60px!important}
.mt90px{margin-top:90px!important}
.ml5px{margin-left:5px!important}
.ml10px{margin-left:10px!important}
.ml20px{margin-left:20px!important}
.ml30px{margin-left:30px!important}
.ml60px{margin-left:60px!important}
.ml90px{margin-left:90px!important}
.mr5px{margin-right:5px!important}
.mr10px{margin-right:10px!important}
.mr20px{margin-right:20px!important}
.mr30px{margin-right:30px!important}
.mr60px{margin-right:60px!important}
.mr90px{margin-right:90px!important}
.mb5px{margin-bottom:5px!important}
.mb10px{margin-bottom:10px!important}
.mb20px{margin-bottom:20px!important}
.mb30px{margin-bottom:30px!important}
.mb60px{margin-bottom:60px!important}
.mb90px{margin-bottom:90px!important}
body{font-family:'Lato', sans-serif!important; font-size:1rem;}
hr{border:none; border-bottom:1px solid #eee}
.m-hidd, .t-hidd{visibility:visible!important}
.d-hidd{display:none!important; visibility:hidden!important}
.dv{display:inline-block!important}
.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.main-border{border:1px solid #85c554}
.bb1px{border-bottom:#ddd 1px solid!important}
.bb-eee{border-bottom-color:#eee}
.bbw3px{border-bottom-width:3px}
.bbw2px{border-bottom-width:2px}
.border-dotted-bottom{border-bottom:1px #ccc dotted}
.b1px{border:1px solid}
.bt{border-top:1px solid}
.bl{border-left:1px solid}
.br{border-right:1px solid}
.bb{border-bottom:1px solid}
.btnone{border-top:none!important}
.blnone{border-left:none!important}
.brnone{border-right:none!important}
.bbnone{border-bottom:none!important}
.bw2px{border-width:2px}
.bw3px{border-width:3px}
.bw4px{border-width:4px}
.bw5px{border-width:5px}
.bc-fff{border-color:#fff}
.bc-eee{border-color:#eee}
.bc-ddd{border-color:#ddd}
.bc-ccc{border-color:#ccc}
.bc-000{border-color:#000}
.b-radius-50{border-radius:50%}
.b-radius-5{border-radius:5px}
.w100{width:100%!important; height:auto!important}
.w90{width:90%!important; margin:0 auto!important}
.w80{width:80%!important; margin:0 auto!important}
.w70{width:70%!important; margin:0 auto!important}
.w60{width:60%!important; margin:0 auto!important}
.w50{width:50%!important; margin:0 auto!important}
.w40{width:40%!important; margin:0 auto!important}
.w30{width:30%!important; margin:0 auto!important}
.w20{width:20%!important; margin:0 auto!important}
.w20px{width:20px!important; margin:0 auto!important}
.w10{width:10%!important; margin:0 auto!important}
.h30px{height:30px}
.h50px{height:50px}
.h80px{height:80px}
.h100px{height:100px}
.position-r{position:relative!important}
.position-a{position:absolute!important}
.letter-spacing-1px{letter-spacing:1px}
.text-u{text-transform:uppercase}
.text-n{text-transform:none!important;}
.fs9{font-size:9px!important; line-height:150%}
.fs10{font-size:10px!important; line-height:150%}
.fs11{font-size:11px!important; line-height:150%}
.fs12{font-size:12px!important; line-height:150%}
.fs13{font-size:13px!important; line-height:150%}
.fs14{font-size:14px!important; line-height:150%}
.fs15{font-size:15px!important; line-height:150%}
.fs16{font-size:16px!important; line-height:150%}
.fs18{font-size:18px!important; line-height:150%}
.fs20{font-size:20px!important; line-height:150%}
.fs22{font-size:22px!important; line-height:150%}
.fs24{font-size:24px!important; line-height:150%}
.fs26{font-size:26px!important; line-height:150%}
.fs60{font-size:60px!important}
p.block-text{color:#000!important}
.overflow-inherit{overflow:inherit!important;}
.overflow-auto{overflow:auto!important;}
.float-none{float:none;}
p a, h4 a, h5 a, h6 a{color:#0860bb!important}
footer p a, footer h4 a, footer h5 a, footer h6 a{text-decoration:none}
/*b, strong{font-weight:bold!important}*/
/*h1, h2, h3, h4, h5{font-family:"Josefin Sans", sans-serif;}*/
h1{font-size:3.3rem; line-height:150%}
h2{font-size:2.6rem; line-height:150%}
h3{font-size:2.1rem; line-height:150%}
h4{font-size:1.7rem; line-height:150%}
h5{font-size:1.4rem; line-height:150%}
h6{font-size:1.2rem; line-height:150%}
.h1{font-size:3.3rem!important; line-height:150%}
.h2{font-size:2.6rem!important; line-height:150%}
.h3{font-size:2.1rem!important; line-height:150%}
.h4{font-size:1.7rem!important; line-height:150%}
.h5{font-size:1.4rem!important; line-height:150%}
.h6{font-size:1.2rem!important; line-height:150%}
.lh0{line-height:0}
.bnone{border:none!important}
.d-block{display:block!important}
.d-in-block{display:inline-block!important}
.DTable{display:table; height:100%; width:100%; overflow:hidden}
.DCell{display:table-cell; vertical-align:middle}
.valign-b{vertical-align:bottom!important}
.valign-m{vertical-align:middle!important}
.overf-hidd{overflow:hidden; position:relative;}
.btn-main, .btn-main1{background:linear-gradient(to top, #0860bb, #003469); box-shadow:none; line-height:40px; height:auto; border-radius:5px; font-size:13px; border-radius:30px; padding:0 32px; color:#fff!important; text-transform:none; transition:all .5s}
.btn-main[type="reset"]{background:#999; border-color:#999}
.btn-main img{filter:invert(100%) brightness(100); position:relative; left:3px}
.btn-main:hover img{animation:btn 400ms ease-in-out;}
.btn-main:hover, .btn-main:focus{background:linear-gradient(to left, #0860bb, #003469); transition:all .5s}
.btn-main1{border-color:#0860bb; background:#0860bb; color:#fff!important}
.btn-main1:hover, .btn-main1:focus{background:rgba(92,61,3,.8); border-color:rgba(92,61,3,.8)}
.btn-main1.green{border-color:#4CAF50; background:#4CAF50; color:#fff!important}
@keyframes btn{0%{left:3px}
50%{left:8px}
100%{left:3px}}
html{font-family:sans-serif; scroll-snap-type:mandatory; scroll-snap-points-y:repeat(100vh); scroll-snap-type:y mandatory; /*scroll-behavior:smooth;*/}
section{position:relative; padding:60px 0}
section section.scrollspy.grey{padding:30px!important; margin-bottom:60px!important}
.heading, .parallax-container .heading, .center .heading{padding:0 0 9px; position:relative; margin-top:0; margin-bottom:30px; text-transform:uppercase; font-weight:400}
.heading strong, .center .heading strong{color:#0860bb;}
.heading::after, .parallax-container .heading::after, .center .heading::after{position:absolute; content:""; width:30px; height:2px; background:#0860bb; left:0; bottom:0}
.parallax-container .heading strong{color:#fff;}
.parallax-container .heading::after, .center .heading::after{background:#fff; left:0; right:0; bottom:0; margin:0 auto}
.center .heading::after{background:#0860bb}
.sub-heading{font-weight:400; color:#0860bb; margin-top:30px;}
.font-times{font-family:Times New Roman, serif}
.mcolor{color:#0860bb!important}
.mbg{background:#0860bb!important}
.mcolor1{color:#0860bb!important}
.mbg1{background:#0860bb!important}
.grayscale.item{-webkit-filter:grayscale(100%); filter:grayscale(100%); border-radius:0; border:none}
.grayscale.item p{line-height:150%}
.grayscale.item:hover{-webkit-filter:grayscale(0); filter:grayscale(0)}
p, ul, ol, .p{line-height:1.6rem!important; font-weight:400; letter-spacing:.2px;}
p.lh-n, .lh-n{line-height:normal!important}
.row{margin-bottom:0}
ul.ulList{margin-left:22px!important; text-align:left}
ul.ulList ul{margin-bottom:15px; margin-top:8px;}
ul.ulList li{position:relative; padding:0 0 0 20px!important; margin-bottom:5px; line-height:130%}
ul.ulList li::after{position:absolute; content:'\ec77'; font-family:'icofont'; top:0; left:0; font-size:5px;}
ul.ulList li strong{color:#000!important}
.iframe iframe{width:100%; border:none}
.z-in-1{z-index:1}
.table thead th, .table tbody td{padding:9px}
.stars{color:#ffb300!important}
.stars span{color:#bbb}
.material-tooltip{font-size:11px!important; background:#fff; color:#000; border:1px solid #ccc; padding:4px 8px; min-height:auto;}
body section::before, body section::after{content:''; position:absolute; z-index:-1}
img{-webkit-transition:none; transition:none;}

nav a.sidenav-trigger>[class^="mdi-"]+[class^="mdi-"], nav a.sidenav-trigger:hover>[class^="mdi-"], nav a.sidenav-trigger>[class*=" mdi-"]+[class*=" mdi-"], nav a.sidenav-trigger:hover>[class*=" mdi-"]{display:none}
nav a.sidenav-trigger:hover>[class^="mdi-"]+[class^="mdi-"], nav a.sidenav-trigger.active>[class^="mdi-"]+[class*=" mdi-"], nav a.sidenav-trigger:hover>[class*=" mdi-"]+[class*=" mdi-"], nav a.sidenav-trigger.active>[class*=" mdi-"]+[class*=" mdi-"]{display:inherit}
main{/*overflow:hidden;*/ display:block;}
header{background:none; z-index:2; width:100%; position:relative; left:0; top:1%; min-height:70px; height:auto; color:#666!important; font-size:13px; transition:all .5s}
.sticky{padding-top:.1px;}
.nav-wrapper .col{padding:0 5px}
.LogoBLock{position:relative; background:rgba(235,240,250,1)}
nav .logo{width:140px; padding:5px 0; display:block; position:relative; transition:all .5s}
.brand-logo img{width:100%; position:relative; z-index:1; transition:all .5s}

.menu-main{position:relative; width:100%; z-index:9}
nav{line-height:0!important; min-height:70px!important; height:auto; box-shadow:none; z-index:1; background:rgba(0,0,0,0)!important; transition:all .5s}
nav ul{display:inline-block}
nav ul a{color:#fff; padding:0 15px; font-weight:400; font-size:13px; letter-spacing:.2px; text-shadow:1px 1px 3px #0404046b; transition:all .3s}
nav ul a i{font-size:16px!important}
nav #full-dropdown3, nav #full-dropdown2, nav #full-dropdown1, nav #full-dropdown{top:95%!important}
nav #full-dropdown3 .dropdown-item, nav #full-dropdown2 .dropdown-item, nav #full-dropdown1 .dropdown-item, nav #full-dropdown .dropdown-item{height:auto; line-height:28px;}
nav #full-dropdown3 .dropdown-item span, nav #full-dropdown2 .dropdown-item span, nav #full-dropdown1 .dropdown-item span, nav #full-dropdown .dropdown-item span, header .img-nav{-webkit-transform:translateY(0); transform:translateY(0)}
nav .nav-wrapper, .menum{position:relative;}
nav li a, nav i, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{line-height:70px; height:70px;}
nav li a:hover, nav li a.hover{color:#fff; background:none}
nav li a:hover i, nav li a.hover i{color:#fff}
nav li a i.right{margin-left:5px}
nav li:first-child a span{border:none}
nav li{margin-right:1px}
nav li:last-child{margin:0}
nav li>a>img{vertical-align:middle;}
nav .dropdown-content{min-width:180px}
nav .dropdown-content li{min-height:inherit; position:relative; margin:0; text-transform:uppercase;}
nav .dropdown-content li>a, .dropdown-content li>span, header .dropdown-content li>a{color:#000; text-shadow:none; border-bottom:1px solid #eee; padding:12px 15px; font-weight:400; font-size:13px}
nav .dropdown-content li>a:hover, nav .dropdown-content li>a.hover{color:#000; background:#0860bb}
nav .dropdown-content li:last-child>a{border:none}
nav .dropdown-content, nav .notifi .dropdown-content, header .dropdown-content, .htop .link .signin .dropdown-content{overflow:inherit; width:auto!important; top:auto!important}
nav .dropdown-content li a:hover, nav .dropdown-content li a.hover, nav .dropdown-content li a:hover i, nav .dropdown-content li a.hover i{color:#fff}
nav .dropdown-content li i{line-height:normal!important; height:auto!important; margin:0 0 0 5px!important; width:auto!important}
nav .dropdown-content .dropdown-content{top:0!important; left:99%!important}
nav .dropdown-content#search{border-radius:0!important}
nav .dropdown-content#search li{padding:9px!important}
nav li li a{line-height:normal!important; height:auto!important}
nav li.globe{position:relative;}
nav li.globe .dropdown-content{left:auto!important; right:0!important; transform-origin:100% 0px!important;}
nav li.globe .dropdown-content li a{padding:9px 15px}
nav li.globe .dropdown-content img{vertical-align:middle; margin-right:9px; width:20px; box-shadow:0 0 2px #ccc}

nav .table-of-contents li{padding:0}
nav .table-of-contents li a{line-height:60px; height:60px; color:#333; font-weight:400}
nav .table-of-contents li a.active, nav .table-of-contents li a:hover{border:none; color:#000;}
nav .table-of-contents li li a{border-left:2px solid #4285f4!important; padding:12px 15px!important}
nav .table-of-contents li li a.active, nav .table-of-contents li li a:hover{color:#fff; border-bottom:1px solid #eee; border-left:2px solid #fff!important}
nav .table-of-contents li a.active::after, nav .table-of-contents li a:hover::after{width:100%}

.menu-main nav.pinned, .menu-main nav.pin-bottom{width:100%; z-index:999; background:rgba(38,38,38,.95)!important; min-height:48px!important}
.menu-main nav.pinned .dropdown-content li>a:hover, .menu-main nav.pin-bottom nav .dropdown-content li>a:hover{color:#fff!important}
.menu-main nav.pinned .brand-logo, .menu-main nav.pin-bottom .brand-logo{padding:2px 0; line-height:0!important; width:80px}
.menu-main nav.pinned .brand-logo img, .menu-main nav.pin-bottom .brand-logo img{width:100%}
.menu-main nav.pinned li a, .menu-main nav.pinned .nav-wrapper i, .menu-main nav.pin-bottom li a, .menu-main nav.pin-bottom .nav-wrapper i{line-height:50px; height:50px}
.menu-main nav.pinned .icon i.mdi-instagram, .menu-main nav.pin-bottom .icon i.mdi-instagram{background:#000; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.menu-main nav.pinned .icon:hover i.mdi-instagram, .menu-main nav.pin-bottom .icon:hover i.mdi-instagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip:text; background-clip:text;}
.menu-main nav.pinned .icon i, .menu-main nav.pin-bottom .icon i{-webkit-text-stroke-color:#000;}
.menu-main nav.pinned .dropdown-content li a, .menu-main nav.pinned .dropdown-content li a i, .menu-main nav.pin-bottom .dropdown-content li a, .menu-main nav.pin-bottom .dropdown-content li a i{line-height:normal!important; height:auto!important; color:#000}
#nav-mobile{transition:all .4s}
@media only screen and (max-width:992px){.sticky{margin-top:.1px; padding:0}
header{position:static; min-height:auto;}
nav ul a{padding:0 12px}
.menu-main nav{min-height:60px!important;}
.menu-main nav, .menu-main nav .nav-wrapper i, .menu-main nav a.sidenav-trigger, .menu-main nav a.sidenav-trigger i{height:60px; line-height:60px;}
.menu-main nav .input-field .select-bar, .menu-main nav .input-field .search-btn, .menu-main nav input[type=text]:not(.browser-default), .menu-main nav input[type=text]:not(.browser-default):focus:not([readonly]), .menu-main nav .select-wrapper input.select-dropdown:focus{height:2.6rem;}
.menu-main{background:#262626; height:60px; z-index:999}
.menu-main nav.pinned .brand-logo, .menu-main nav.pin-bottom .brand-logo{padding:2px 0 0!important; width:62px}
.menu-main nav.pinned, .menu-main nav.pin-bottom{padding:0; background:rgba(38,38,38,.9)!important; height:48px; transition:all .5s}
nav .brand-logo{left:auto; transform:translateX(0); padding:2px!important; height:auto; width:80px; text-align:center; margin:0; transition:all .5s}
nav .brand-logo img{width:100%}
nav .brand-logo:after, nav .brand-logo:before{top:4px}
.menu-main nav.pinned .brand-logo img.sticky-logo, .menu-main nav.pin-bottom .brand-logo img.sticky-logo{display:block;}
.menu-main nav.pinned .sidenav-trigger, .menu-main nav.pin-bottom .sidenav-trigger{color:#fff; height:48px; line-height:48px}
.menu-main nav.pinned .nav-wrapper i{line-height:45px!important; height:45px!important;}
nav .sidenav-trigger{color:#fff; margin:0 10px}
nav .sidenav-trigger img{vertical-align:sub;}
nav .sidenav-trigger:last-child{margin-right:0}
.sidenav .dropdown-content{position:relative!important; top:0!important; width:100%}
.sidenav .dropdown-content ul{width:100%}
.sidenav li{clear:both; margin-right:0!important; line-height:36px}
.sidenav li a.left, .sidenav li a.right, .sidenav li a{border-bottom:1px solid #dee}
.sidenav li a.left{width:80%; border-bottom:1px solid #eee}
.sidenav li a.right{width:20%; border-bottom:1px solid #eee}
.sidenav li a.right:hover, .sidenav li a.right:hover i{background:#eee!important; color:#000!important}
.sidenav li>a{padding:0 20px; text-align:left; height:36px; line-height:36px; text-shadow:none;}
.sidenav li li>a:hover, .sidenav li li>a.hover{background:#333; color:#fff}
.sidenav li>a i{text-align:center; height:36px!important; line-height:36px}
.sidenav li>a:hover, .sidenav li>a.hover{color:#fff; background:#0860bb}
.sidenav li img{width:30px; vertical-align:middle; margin-right:9px; box-shadow:0 0 2px #ccc}
nav .sidenav .dropdown-content li>a{line-height:normal!important; height:auto!important; padding:9px 20px}
.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons{margin:0}
nav .sidenav li a, nav .sidenav i, nav .sidenav .nav-wrapper i, nav .sidenav a.button-collapse, nav .sidena a.button-collapse i{height:45px!important; line-height:45px!important}
.signin{width:100%; text-align:left}
.signin .btn-main{padding:5px 12px!important; border-radius:none!important}
.shine{display:none}
section section.scrollspy.grey{padding:20px!important}}
@media only screen and (max-width:600px){.menu-main nav.pinned .brand-logo img.sticky-logo, .menu-main nav.pin-bottom .brand-logo img.sticky-logo{padding:6px!important}
.menu-main nav.pinned .nav-wrapper .main-search i{line-height:normal!important; height:auto!important;}
section section.scrollspy.grey{padding:15px!important}}
@media only screen and (max-width:450px){.sidenav{width:280px}}



.banner-inside, .banner-inside .carousel, .pip .banner-ct{height:60vh!important; position:relative;}
.banner-inside .carousel .carousel-item::after{position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1}
.banner-inside .carousel .banner-text, .banner-inside .social-icons{left:0; right:0; margin:0 auto}
.banner-inside .carousel .banner-text{padding-left:13%; top:32%; z-index:2}
.banner-inside .carousel .banner-text .banner-line{left:0; top:32px}
.banner-inside .social-icons{width:70%}
.banner-prod .carousel .indicators{left:0; right:0; margin:0 auto; top:auto; bottom:40px; width:85%;}
.banner-prod .carousel .indicators li{margin:0 1px!important; display:inline-block!important; height:30px!important; border-radius:0; width:32%!important; background-color:rgba(0,0,0,.8)!important; border:none; position:relative; transition:all .5s}
.banner-prod .carousel .indicators li:nth-child(1)::after, .banner-prod .carousel .indicators li:nth-child(2)::after, .banner-prod .carousel .indicators li:nth-child(3)::after{content:"Tamash Finacial"; color:#fff; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; vertical-align:middle; border:none; width:auto; background:none; text-align:center; line-height:normal;}
.banner-prod .carousel .indicators li:nth-child(2)::after{content:'Safer ink solution'}
.banner-prod .carousel .indicators li:nth-child(3)::after{content:'Printer for Extrusion'; display:block!important;}
.banner-prod .carousel .indicators li.active{background-color:rgba(8 96 187/1)!important; -webkit-transform:scale(1.1); transform:scale(1.1); z-index:1}
.banner-prod .carousel .indicators li.active:after{height:15px;}

.banner .ban-text{padding:10rem 0 0; width:100%}
.inner-banner{margin-top:-60px}
.inner-banner .parallax-container{padding-top:90px;}
.banner-inside .carousel .banner-text, .banner-inside .social-icons{left:0; right:0; margin:0 auto}
.banner-inside .carousel .banner-text>p{color:#fff!important}
.banner-inside .social-icons{width:70%; bottom:3%;}
.banner-inside .white-btn{padding-top:15px}
.social-icons img{padding:0; margin-right:9px}
.inner-banner{overflow:hidden; padding:0}
.inner-banner .parallax-container{min-height:50vh; height:50vh}
.inner-banner .parallax-container .section{line-height:130%;}
.inner-banner .parallax-container .parallax{max-height:100%;}
/*.inner-banner .parallax-container .parallax::after{background:linear-gradient(to bottom right, #096acef2 40%, #0860bb61, rgba(222, 222, 222, 0.55))}*/
.inner-banner .parallax-container .parallax::after, .banner:before{background:rgba(0,0,0,.5);}

.products .cream-box{top:0}
.HomeAbout{margin:0; position:relative; white-space:nowrap;}
.HomeAbout li{display:inline-block; float:left; position:relative;}
.HomeAbout li:nth-child(1) div, .HomeAbout li:nth-child(2) div, .HomeAbout li:nth-child(3) div, .HomeAbout li:nth-child(4) div{width:190px; height:190px; overflow:hidden; border:4px solid #888; position:relative;}
.HomeAbout li:nth-child(1) div img, .HomeAbout li:nth-child(2) div img, .HomeAbout li:nth-child(3) div img, .HomeAbout li:nth-child(4) div img{object-fit:cover; height:100%; width:100%}
.HomeAbout li:nth-child(2) div{height:79px; width:79px; left:93%}
.HomeAbout li:nth-child(3){float:right;}
.HomeAbout li:nth-child(3) div{height:115px; width:115px; top:75px}
.HomeAbout li:nth-child(4){clear:both;}
.HomeAbout li:nth-child(4) div{height:157px; width:157px; left:118%; top:-4px}

.branch img{width:90px; box-shadow:0 0 6px #ccc}
.branch td, .branch th{padding:9px 15px}
.branch thead tr{border-color:#0860bb}
.branch th{font-size:18px; color:#0860bb}
.branch td:first-child{color:#000; font-weight:600;}
.branch td{font-size:16px}
.branch td p{padding-left:22px; position:relative;}
.branch td p i{position:absolute; font-size:24px; color:#0860bb; left:0; top:2px}

.ConInfo ul{margin-top:15px}
.ConInfo ul li{margin-bottom:9px; display:block; position:relative; line-height:150%!important}
.ConInfo ul li:last-child{margin:0}
.ConInfo ul li i{top:2px; font-size:1.2rem; position:absolute; color:#0860bb}
.ConInfo ul li span, .ConInfo ul li a{display:inline-block; vertical-align:top; padding-left:24px; color:#000}
.ConInfo, .ConForm{background:#f8f8f8; padding:20px;}

.input-field label{-webkit-transform:translateY(9px) translateX(8px); transform:translateY(9px) translateX(8px)}
.input-field label:not(.label-icon).active{transform:translateY(-14px) scale(0.88)!important}
.file-field .btn, .file-field .btn-large{height:2.5rem; line-height:2.5rem; text-transform:none; padding:0 15px; float:right; box-shadow:none; border-radius:0;}
.file-field .file-path-wrapper{padding:0}
.input-field .file-path-wrapper+label{transform:translateY(-19px) scale(0.88)!important; color:#000}
.select-wrapper+label, .file-path-wrapper+label{transform:translateY(9px) scale(0.88)!important}
.input-field label.active, .select-wrapper+label{color:#000!important}
.input-field{margin:1rem 0 1rem; line-height:normal}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border:1px solid #ccc; -webkit-box-shadow:none; box-shadow:none}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), textarea.materialize-textarea{margin:0; border:1px solid #ccc; background:#fff; height:2.5rem; width:100%; padding:0 2%; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea.materialize-textarea{height:120px; padding:2%}
@media only screen and (max-width:1200px){.HomeAbout{transform:scale(.8);}}

@media only screen and (max-width:992px){.inner-banner .parallax-container{padding-top:0;}
.banner-inside, .inner-banner{margin-top:0;}
.inner-banner .parallax-container{height:30vh; min-height:30vh;}
.m-center{text-align:center!important;}
.HomeAbout{transform:scale(1);}
.HomeAbout li:nth-child(2), .HomeAbout li:nth-child(4){float:right;}
.HomeAbout li:nth-child(2) div{left:0}
.HomeAbout li:nth-child(3) div{top:0}
.HomeAbout li:nth-child(3){float:left;}
.HomeAbout li:nth-child(4) div{left:0}
}
@media only screen and (max-width:600px){.inner-banner .parallax-container{min-height:40vh; height:40vh}
.HomeAbout{transform:scale(1); width:350px; margin:30px auto 0;}
.HomeAbout li:nth-child(1) div, .HomeAbout li:nth-child(2) div, .HomeAbout li:nth-child(3) div, .HomeAbout li:nth-child(4) div{width:150px; height:150px; border:3px solid #888}
.HomeAbout li:nth-child(2){float:left;}
.HomeAbout li:nth-child(2) div{height:60px; width:60px; left:85%}
.HomeAbout li:nth-child(3){float:right;}
.HomeAbout li:nth-child(3) div{height:92px; width:92px; top:58px}
.HomeAbout li:nth-child(4){float:left; clear:both;}
.HomeAbout li:nth-child(4) div{height:137px; width:137px; left:107%; top:-3px}
}
@media only screen and (max-width:450px){.HomeAbout{transform:scale(1); width:280px; margin:30px auto 0;}
.HomeAbout li:nth-child(1) div, .HomeAbout li:nth-child(2) div, .HomeAbout li:nth-child(3) div, .HomeAbout li:nth-child(4) div{width:140px; height:140px; border:3px solid #888}
.HomeAbout li:nth-child(2) div{height:55px; width:55px; left:8%}
.HomeAbout li:nth-child(3) div{height:85px; width:85px; top:55px}
.HomeAbout li:nth-child(4) div{height:137px; width:137px; left:60%; top:-3px}
}

.btn-main, .btn-main1{background:linear-gradient(to top, #0860bb, #003469); box-shadow:none; line-height:40px; height:auto; border-radius:5px; font-size:13px; border-radius:30px; padding:0 32px; color:#fff!important; text-transform:none; transition:all .5s}
.btn-main[type="reset"]{background:#999; border-color:#999}
.btn-main img{filter:invert(100%) brightness(100); position:relative; left:3px}
.btn-main:hover img{animation:btn 400ms ease-in-out;}
.btn-main:hover, .btn-main:focus{background:linear-gradient(to left, #0860bb, #003469); transition:all .5s}
.btn-main1{border-color:#0860bb; background:#0860bb; color:#fff!important}
.btn-main1:hover, .btn-main1:focus{background:rgba(92,61,3,.8); border-color:rgba(92,61,3,.8)}
.btn-main1.green{border-color:#4CAF50; background:#4CAF50; color:#fff!important}
@keyframes btn{0%{left:3px}
50%{left:8px}
100%{left:3px}}

section, .section{position:relative; padding:60px 0!important}
section.inner-banner{padding:0!important}
.heading, .parallax-container .heading, .center .heading, .banner .heading{padding:0 0 9px; position:relative; margin-top:0; margin-bottom:30px; text-transform:uppercase; font-weight:400}
.heading strong, .center .heading strong{color:#0860bb;}
.heading::after, .parallax-container .heading::after, .center .heading::after, .banner .heading::after{position:absolute; content:""; width:30px; height:2px; background:#0860bb; left:0; bottom:0}
.parallax-container .heading strong, .banner .heading strong{color:#fff;}
.parallax-container .heading::after, .center .heading::after, .head.center .heading::after{background:#fff; left:0; right:0; bottom:0; margin:0 auto}
.center .heading::after{background:#0860bb}
.banner .heading::after{background:#fff}
.sub-heading{font-weight:400; color:#0860bb; margin-top:30px;}

[id^="customize"], [id*="customize"], #careerpop, #Thanks, #popup, #pdf_modal{width:50%; max-height:none; background:#fff; top:10%!important; z-index:9999; border-radius:20px; border:1px solid #eee; box-shadow:0 12px 20px 0 rgba(10,60,227,.1);}
#popup{width:70%; overflow:initial; height:80vh}
#popup .modal-close{height:36px; width:36px; line-height:36px; background:rgba(8 96 187/.9)!important; top:-12px; right:-12px; text-align:center; border-radius:50%;}
#popup .modal-content{padding:0; height:100%; width:100%; border-radius:20px; overflow:hidden;}
#popup .modal-content iframe{height:100%; width:100%; border:none;}
.customize .modal-content{padding:15px 25px}
.customize .container{width:100%!important}
.customize .modal-close{position:absolute; top:9px; right:15px}

.cart-icon{position:fixed; right:0; text-align:center; top:40%; font-size:24px; vertical-align:middle; z-index:99; display:none; transition:all .5s}
.cart-icon{display:block}
.cart-icon a.mico{color:#fff; background:#233e62; transform:rotate(-90deg); display:inline-block; vertical-align:middle; border-radius:9px 9px 0 0; padding:12px 15px; position:absolute; top:30%; font-size:16px; font-weight:400; width:150px; left:-99px; cursor:pointer}
.cart-icon a.mico::after{content:'Close Form';}
.cart-icon>div{width:0; padding:20px 9px; border-radius:5px 0 0 5px; box-shadow:0 0 9px #ccc; display:inline-block; vertical-align:middle; background:#fff;}
.cart-icon>div img{width:100%; margin-bottom:9px}
.cart-icon>div a:last-child img{margin:0}
/*.cart-icon.in-box{right:-351px;}*/
.cart-icon.in-box a.mico::after{content:'Get in touch';}
.cart-icon input:not([type]), .cart-icon input[type=text]:not(.browser-default), .cart-icon input[type=email]:not(.browser-default), .cart-icon input[type=tel]:not(.browser-default), .cart-icon textarea.materialize-textarea{border-radius:20px; background:#f5f5f5; padding:8px 20px; height:auto; line-height:1.5rem; border:1px solid #ddd; width:100%;}
.cart-icon textarea.materialize-textarea{height:99px}
.cart-icon .input-field label{-webkit-transform:translateY(.8rem) translateX(1rem); transform:translateY(.8rem) translateX(1rem);}
.cart-icon .input-field label:not(.label-icon).active{-webkit-transform:translateX(.5rem) translateY(-12px) scale(0.88)!important; transform:translateX(.8rem) translateY(-12px) scale(0.88)!important; color:#4285f4!important}
.cart-icon .input-field .character-counter{padding-right:1rem}
@media only screen and (max-width:992px){.valign-wrapper{display:block;}
#popup{width:80%;}}
@media only screen and (max-width:600px){.valign-wrapper{display:block;}
#popup{width:90%;}
.cart-icon>div{width:280px}
.cart-icon a.mico{padding:6px 9px; left:-93px; font-size:14px}}

.owl-next span, .owl-prev span{box-shadow:0 0 3px rgba(0,0,0,.1); background:rgba(255,255,255,.9); font-size:30px; line-height:1.2; transition:all .5s}
.owl-next span:hover, .owl-prev span:hover{box-shadow:0 0 9px rgba(0,0,0,.1); background:#0860bb; color:#fff}

.parallax-container{min-height:350px; display:table; width:100%; line-height:0; height:auto; color:rgba(255,255,255,1); background:rgba(0,0,0,0)}
.parallax-container .parallax img{width:100%}
.parallax-container .parallax::after{position:absolute; content:''; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,.5); z-index:0}
.parallax-container .section{display:table-cell; vertical-align:middle; width:100%}
.parallax-container .section .box{background:rgba(255,255,255,.9); border-radius:6px; padding:30px}

.services .dark-box{background-image:url(../../img/ind-banner.jpg); background-size:cover; background-attachment:fixed;}
.serv-card{padding-bottom:5px; margin-bottom:30px}
.serv-card figure, .map-address figure{line-height:0}
.serv-card figure{border-radius:5px 5px 0 0}
.serv-card .serv-cont{padding:1.2em}
.serv-card .serv-cont p{margin-bottom:0}
.serv-card .serv-cont .btn{font-size:12px; padding:0 20px; margin-top:18px; line-height:32px}
.map-address figure img{transition:all .5s}
.getintouch{background-size:cover; background-attachment:fixed;}

footer{border-top:1px solid #eee}
.pg-footer .row{padding:1.6em 0;}
.pg-footer{border-top:1px solid #eee; background:url(../../img/footer-bg.jpg) no-repeat bottom center; background-size:100%}
.pg-footer h5{margin-bottom:15px}
.pg-footer .ftr-links{margin-top:0}
.pg-footer .ftr-links li{padding:0}
.pg-footer .ftr-links li span{position:relative;}
.pg-footer .row{padding:0}
.pg-footer .footer-copyright{padding:1rem}
.pg-footer .footer-copyright, .pg-footer .footer-copyright span{font-size:12px;}
.pg-footer .footer-copyright .row>.col:last-child{text-align:right;}

.pip .banner, .pip .banner-ct{min-height:60vh!important; margin-top:-70px; filter:grayscale(0);}
.left-img, .right-img{width:40%; margin-bottom:10px; padding:8px; background:#fff; border:1px solid #eee; box-shadow:0 0 5px rgba(0,0,0,.2)}
.left-img{float:left; margin-right:20px}
.right-img{float:right; margin-left:20px}

.contact-info .contact_box figure{transition:all .5s}
.contact-info .contact_box:hover figure{background:#0860bb;}
.contact-info .contact_box:hover figure img{filter:brightness(5)}

.banner-ct{height:75vh}
/*.NewsS .container{width:90%}*/
.NewsS>.container>.row{display:flex;}
.NewsSec{background:#fafafa; box-shadow:0 2px 5px rgba(0,0,0,.2); border-radius:9px; margin-bottom:30px; overflow:hidden; transition:all .5s}
.NewsSec img{width:100%}
.NewsSec .col{line-height:0}
.NewsSec .col:first-child div{height:220px; overflow:hidden;}
.NewsSec .col:first-child div img{object-fit:cover; height:100%; width:100%; transition:all .5s}
.NewsSec .col:last-child div{line-height:normal; padding:15px 20px 15px 9px}
.NewsSec .col:last-child div span{font-size:16px; color:#999; display:inline-block; margin-bottom:9px}
.NewsSec .col:last-child div h4{color:#0860bb; text-transform:uppercase; font-size:17px; margin-bottom:15px; font-weight:400;}
.NewsSec .col:last-child div p{color:#555; line-height:140%!important; font-size:14px}
.NewsSec .col:last-child div a.white-btn{transition:all .5s; color:#0860bb!important; padding:0; margin-top:20px; font-size:13px; vertical-align:middle;}
.NewsSec .col:last-child div a.white-btn i{vertical-align:middle; font-size:18px}

.NewsSec:hover{transform:translateY(-3px); box-shadow:0 5px 5px rgba(0,0,0,.2);}
.NewsSec:hover .col:first-child div img{transform:scale(1.05);}


.right-tab{position:sticky; z-index:0; top:70px; background:#f5f5f5; padding:12px 20px}
.right-tab.fixed{position:sticky;}
.right-tab li{padding:0; margin-bottom:9px;}
.right-tab li:last-child{margin-bottom:0;}
.right-tab a{color:#666; font-weight:400}
.right-tab a:hover, .right-tab a.active{color:#0860bb; font-weight:600; border-color:#0860bb}
@media only screen and (max-width:992px){.right-tab ul{margin:0}
.right-tab.fixed{top:48px; position:fixed; left:0; width:100%; z-index:9; padding:9px; box-shadow:0 0 5px rgba(0,0,0,.2)}
.right-tab.fixed li{display:inline-block; margin-right:9px}
.right-tab.fixed a{display:inline; padding:5px}
.right-tab.fixed a.active, .right-tab.fixed a:hover{padding:5px; border:none; padding-bottom:9px; border-bottom:2px solid #0860bb;}
.right-tab.fixed a:hover{border-bottom:1px solid #0860bb;}
.valign-wrapper{display:initial;}
.pg-footer>div{padding-bottom:10px!important}
.pg-footer{background:url(../../img/footer-bg.jpg) no-repeat center bottom 65px; background-size:100%;}
}




.banner-inside, .inner-banner, .main-slider{margin-top:-70px}
.inner-banner .parallax-container{padding-top:90px;}
.banner-inside .carousel .banner-text, .banner-inside .social-icons{left:0; right:0; margin:0 auto}
.banner-inside .carousel .banner-text>p{color:#fff!important}
.banner-inside .social-icons{width:70%}
.social-icons img{padding:0; margin-right:9px}

.main-banner{position:absolute; width:100%; height:100%; z-index:999;}
.banner-cont a{opacity:.8}
.main-slider{position:relative; height:100vh; z-index:0}
.main-slider::after{-webkit-transform:rotateZ(6deg) skewX(-50deg) scaleX(-1); position:absolute; height:50vw; width:100vw; -ms-transform:rotate(6deg) skewX(-50deg) scaleX(-1); transform:rotateZ(6deg) skewX(-50deg) scaleX(-1); top:auto; bottom:-18%; left:88%; -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%; z-index:-2; background:rgba(235,245,255,1); color:rgba(235,245,255,1); background:-webkit-linear-gradient(45deg,rgba(235,245,255,1),rgba(235,245,255,1) 50%); background:linear-gradient(45deg,rgba(235,245,255,1),rgba(235,245,255,1) 50%)}
.main-slider .video-banner{position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden}
.main-slider .slider::after, .main-slider .video-banner::after{position:absolute; content:''; display:block; background:rgba(0,0,0,.5); z-index:2; height:100%; width:100%; top:0; left:0}
.main-slider video{object-fit:cover; width:100%; height:100%; z-index:-100; position:absolute}
.slider .slides{background:rgba(235,245,255,1)}
.slider .slides li .caption{width:84%; top:15%; left:5%; color:#000}
.slider .slides li .caption h1{font-size:60px; font-weight:700; margin:0; background:-webkit-linear-gradient(45deg, #ea8615, #fbc357); -webkit-background-clip:text; -webkit-text-fill-color: transparent; text-transform:uppercase;}
.slider .slides li .caption p{font-size:18px; color:#000!important; margin:0; margin-bottom:30px}
.slider.fullscreen ul.indicators{z-index:9999}
.slider .indicators{right:50px; bottom:auto; left:auto; top:40%; height:auto; margin:0; width:25px;}
.slider .indicators .indicator-item{background-color:rgba(0,0,0,.9); height:8px; width:8px; margin:3px; transition:all .5s}
.slider .indicators .indicator-item.active{background:none; border:2px solid #000; height:15px; width:15px;}
.slider .slides li .caption a{text-shadow:none}
.inner-banner{overflow:hidden; padding:0}
.inner-banner .parallax-container{min-height:60vh; height:60vh}
.inner-banner .parallax-container .parallax{max-height:100%;}
/*.inner-banner .parallax-container .parallax::after{background:linear-gradient(to bottom right, #096acef2 40%, #0860bb61, rgba(222, 222, 222, 0.55))}*/
.breadcrumb-bg{font-size:14px!important; width:100%; padding-top:15px}
.breadcrumb-bg .breadcrumb, .breadcrumb-bg .breadcrumb:before{font-size:13px!important; color:#999}
.breadcrumb-bg .breadcrumb:last-child{color:#000;}
.breadcrumb-bg .breadcrumb:before{vertical-align:middle; font-size:14px!important; line-height:normal; margin:0 8px}
.breadcrumb-bg span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.breadcrumb{color:#333}
@media only screen and (max-width:992px){.main-slider{height:90vh; margin:0}
.slider .slides li .caption{top:20%}
.slider .slides li .caption h1{font-size:2.5rem!important}
.slider .slides li .caption p{font-size:15px; line-height:130%!important}
.slider.fullscreen ul.indicators{right:20px;}
.inner-banner .parallax-container{padding-top:0;}
.banner-inside, .inner-banner{margin-top:0;}
.inner-banner .parallax-container{height:30vh; min-height:30vh;}
.banner-inside, .banner-inside .carousel{height:50vh!important}
.banner-inside .carousel .banner-text{top:15%; width:75%}
.banner-inside .social-icons{width:75%;}
.carousel .indicators{top:25%;}}
@media only screen and (max-width:600px){.main-slider{height:90vh}
.slider .slides li .caption{left:0; top:10%}
.slider .slides li .caption h1{font-size:1.8rem!important}
.slider .slides li .caption p{margin:1rem 0!important; font-size:13px; max-height:110px; overflow:hidden;}
.slider .slides li .caption .btn{line-height:32px; font-size:12px; padding:0 20px;}
.slider.fullscreen ul.indicators{right:9px}
.slider .indicators .indicator-item{height:7px; width:7px}
.inner-banner .parallax-container{min-height:40vh; height:40vh}
.banner-inside .carousel .banner-text{top:10%; width:90%}
.banner-inside .social-icons{width:90%; display:block;}
.banner-inside .social-icons span{display:none}
.banner-inside .social-icons p{margin-left:0!important}
.carousel .indicators{display:none}}
@media only screen and (max-width:450px){.banner-inside, .banner-inside .carousel{height:60vh!important}
.banner-inside .carousel .banner-text{top:5%;}}

.textslider{height:500px; width:100%; position:relative;}
.texts{height:70px; width:600px; margin:155px auto 0;}
.banner-cont a{font-size:26px}
.banner-cont a:hover{-webkit-transition:none; transition:none}
.texts li{width:100%; height:100%; background:rgba(0,0,0,.6); box-shadow:0 0 12px 0px #00000059; line-height:70px; text-align:center; font-size:20px!important; color:#3e3e3e;}
.jas-control{position:absolute; bottom:100px; width:200%; left:-50%;}
.jas-control a{display:inline-block}
.jas-control a img{width:100%;}
.jas-carousel{position:absolute!important; transform-style:preserve-3d; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; height:100%; width:100%;}
.jas-carousel > .jas-item{position:absolute!important; height:100%;width:100%;transform-style:preserve-3d;}
@media only screen and (max-width:992px){}
@media only screen and (max-width:600px){}
@media only screen and (max-width:450px){}

.branch img{width:90px; box-shadow:0 0 6px #ccc}
.branch td, .branch th{padding:9px 15px}
.branch thead tr{border-color:#0860bb}
.branch th{font-size:18px; color:#0860bb}
.branch td:first-child{color:#000; font-weight:600;}
.branch td{font-size:16px}
.branch td p{padding-left:22px; position:relative;}
.branch td p i{position:absolute; font-size:24px; color:#0860bb; left:0; top:2px}
.aboutus{}
.aboutus .benefit{position:relative; overflow:hidden; height:auto; max-height:600px;}
.aboutus .benefit-img::after{width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:rgba(0,0,0,.6); z-index:1}
.aboutus .benefit-img img{height:100%; width:100%; object-fit:cover; transition:all .5s;}
.aboutus .benefit:hover .benefit-img img{transform:scale(1.05);}
.aboutus .benefit-text{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; text-align:center; color:#fff; width:80%; z-index:1; display:flex; justify-content:center; align-items:center}
.healths{background:linear-gradient(to top, #0860bb 50%, #212121 50%)}
.ul-block>li{display:inline-block; width:48%; vertical-align:top; margin-right:2%}
.ul-block>li:nth-child(2n+2){margin-right:0;}

.BusSec .section img{width:80px; border:2px #999 solid}
.BusSec .parallax-container .parallax::after{background:rgba(0,0,0,.7);}

.left-img, .right-img{width:35%; margin-bottom:10px; padding:8px; background:#fff; border:1px solid #eee; box-shadow:0 0 5px rgba(0,0,0,.2)}
.left-img{float:left; margin-right:20px}
.right-img{float:right; margin-left:20px}

.InnerPages .serv-btn{background:-webkit-gradient(linear, left top, left bottom, from(#0860bb), to(#0029a2)); background:linear-gradient(180deg, #0860bb 0%, #0029a2 100%); color:white; display:inline-block; padding:0.5em 1.8em; border-radius:20px; font-size:12px;}
.InnerPages .serv-btn:hover{background:-webkit-gradient(linear, left bottom, left top, from(#0860bb), to(#0029a2)); background:linear-gradient(0deg, #0860bb 0%, #0029a2 100%); -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.parallax-container{min-height:350px; display:table; width:100%; line-height:0; height:auto; color:rgba(255,255,255,1); background:rgba(0,0,0,0)}
.parallax-container .parallax img{width:100%}
.parallax-container .parallax::after{position:absolute; content:''; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,.5); z-index:0}
.parallax-container .section{display:table-cell; vertical-align:middle; width:100%}
.parallax-container .section .box{background:rgba(255,255,255,.9); border-radius:6px; padding:30px}
.inner-banner.about .parallax-container .parallax::after{background:none!important}
.inner-banner.about.cor .parallax-container .parallax::after{background:rgba(0,0,0,.4)!important}

.ValueS{margin:0 -12px 12px; width:calc(100% + 24px);}
.ValueS .item{margin:5px 12px}
.ValueS .AboutBlock{background:#fff; padding:20px; margin:10px 0; text-align:center; box-shadow:0 0 5px #ccc; transition:all .5s}
.ValueS .AboutBlock img{width:120px; margin:0 auto 20px;}
.ValueS .AboutBlock .text{min-height:170px; max-height:170px; overflow:hidden;}
.ValueS .AboutBlock:hover{box-shadow:0 5px 9px #ccc; background:#0860bb; color:#fff; transform:translateY(-3px);}
.ValueS .AboutBlock:hover img{animation:pulse 400ms ease-in-out; filter:invert(100%) brightness(100);}
@keyframes pulse{0%{-webkit-transform:scale(1); transform:scale(1);}
50%{-webkit-transform:scale(1.08); transform:scale(1.08);}
100%{-webkit-transform:scale(1); transform:scale(1);}}
@media only screen and (max-width:992px){.aboutus .row{display:block;}
.aboutus>.row>.col:last-child, .aboutus>.row>.col:last-child>div.grey, .aboutus>.row>.col:last-child>div.mbg{padding:20px}
/*section .container>.row>.col{padding:0 20px}*/
.aboutus .benefit{max-height:300px}
.ValueS{margin:0 -15px 20px; width:calc(100% + 20px);}
.ValueS .item{margin:5px 10px}
.parallax-container .parallax img{width:auto;}
.left-img, .right-img{max-width:100%; min-width:320px}
.ValueS .AboutBlock .text{min-height:160px; max-height:160px;}}
@media only screen and (max-width:600px){.ul-block>li{display:block; width:100%}
.left-img, .right-img{min-width:100%; margin:0 auto 20px;}
.ValueS .AboutBlock .text{min-height:155px; max-height:155px;}
.branch img{width:40px;}
.branch td, .branch th{padding:9px 5px}
.branch th{font-size:14px}
.branch td{font-size:13px}
.branch td p{padding-left:18px;}
.branch td p i{font-size:16px; top:6px}}
@media only screen and (max-width:420px){.ValueS .AboutBlock .text{min-height:180px; max-height:180px;}}

.about-page section.scrollspy{padding:0 0 60px!important}
.about-page .row{display:flex;}
.right-tab{position:sticky; z-index:0; top:70px; background:#f5f5f5; padding:12px 20px}
.right-tab.fixed{position:sticky;}
.right-tab li{padding:0; margin-bottom:9px;}
.right-tab li:last-child{margin-bottom:0;}
.right-tab a{color:#666; font-weight:400}
.right-tab a:hover, .right-tab a.active{color:#0860bb; font-weight:600; border-color:#0860bb}
@media only screen and (max-width:992px){.about-page .row{display:block;}
.about-page>.row>.col{width:100%}
.about-page section.scrollspy:first-child{padding-top:60px!important}
.about-page section.scrollspy:last-child{padding:0!important; margin-bottom:0!important}
.about-page section.scrollspy.grey:last-child{padding:20px!important}
.right-tab{position:absolute; top:-60px; left:0; padding:0 5px; width:100%; overflow:auto}
.right-tab ul{margin:0; white-space:nowrap;}
.right-tab.fixed{top:48px; position:fixed; left:0; width:100%; z-index:9; box-shadow:0 0 5px rgba(0,0,0,.2)}
.right-tab li{display:inline-block; margin-right:9px; margin-bottom:0;}
.right-tab a{padding:9px 5px; font-size:13px; line-height:30px; letter-spacing:-.3px; height:auto;}
.right-tab a.active, .right-tab a:hover{padding:5px; border:none; padding-bottom:9px; border-bottom:2px solid #0860bb;}}
@media only screen and (max-width:600px){.about-page .row{display:block;}
.about-page section.scrollspy.grey:last-child{padding:15px!important}}

.ConInfo ul{margin-top:15px}
.ConInfo ul li{margin-bottom:9px; display:block; position:relative; line-height:150%!important}
.ConInfo ul li:last-child{margin:0}
.ConInfo ul li i{top:2px; font-size:1.2rem; position:absolute; color:#0860bb}
.ConInfo ul li span, .ConInfo ul li a{display:inline-block; vertical-align:top; padding-left:24px; color:#000}
.ConInfo, .ConForm{background:#f8f8f8; padding:20px;}
.cart-icon{position:fixed; right:0; text-align:center; top:40%; font-size:24px; vertical-align:middle; z-index:99; display:none; transition:all .5s}
.cart-icon{display:block}
.cart-icon a.mico{color:#fff; background:#233e62; transform:rotate(-90deg); display:inline-block; vertical-align:middle; border-radius:9px 9px 0 0; padding:12px 15px; position:absolute; top:30%; font-size:16px; font-weight:400; width:150px; left:-99px; cursor:pointer}
.cart-icon a.mico::after{content:'Close Form';}
.cart-icon>div{width:0; padding:20px 9px; border-radius:5px 0 0 5px; box-shadow:0 0 9px #ccc; display:inline-block; vertical-align:middle; background:#fff;}
.cart-icon>div img{width:100%; margin-bottom:9px}
.cart-icon>div a:last-child img{margin:0}
/*.cart-icon.in-box{right:-351px;}*/
.cart-icon.in-box a.mico::after{content:'Get in touch';}
.cart-icon input:not([type]), .cart-icon input[type=text]:not(.browser-default), .cart-icon input[type=email]:not(.browser-default), .cart-icon input[type=tel]:not(.browser-default), .cart-icon textarea.materialize-textarea{border-radius:20px; background:#f5f5f5; padding:8px 20px; height:auto; line-height:1.5rem; border:1px solid #ddd; width:100%;}
.cart-icon textarea.materialize-textarea{height:99px}
.cart-icon .input-field label{-webkit-transform:translateY(.8rem) translateX(1rem); transform:translateY(.8rem) translateX(1rem);}
.cart-icon .input-field label:not(.label-icon).active{-webkit-transform:translateX(.5rem) translateY(-12px) scale(0.88)!important; transform:translateX(.8rem) translateY(-12px) scale(0.88)!important; color:#4285f4!important}
.cart-icon .input-field .character-counter{padding-right:1rem}
.contact-info{margin:0;}
.contact-info .contact_box{margin-top:40px; margin-bottom:20px}
.contact-info .contact_box a{color:#000}\
.Locations .col:nth-child(2n+2){clear:both;}
.Locations .col>div{margin-bottom:30px}
.Locations .col>div img{width:60px; box-shadow:0 0 5px #ccc; border-radius:50%;}


.input-field label{-webkit-transform:translateY(9px) translateX(8px); transform:translateY(9px) translateX(8px)}
.input-field label:not(.label-icon).active{transform:translateY(-14px) scale(0.88)!important}
.file-field .btn, .file-field .btn-large{height:2.5rem; line-height:2.5rem; text-transform:none; padding:0 15px; float:right; box-shadow:none; border-radius:0;}
.file-field .file-path-wrapper{padding:0}
.input-field .file-path-wrapper+label{transform:translateY(-19px) scale(0.88)!important; color:#000}
.select-wrapper+label, .file-path-wrapper+label{transform:translateY(9px) scale(0.88)!important}
.input-field label.active, .select-wrapper+label{color:#000!important}
.input-field{margin:1rem 0 1rem; line-height:normal}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border:1px solid #ccc; -webkit-box-shadow:none; box-shadow:none}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), textarea.materialize-textarea{margin:0; border:1px solid #ccc; background:#fff; height:2.5rem; width:100%; padding:0 2%; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea.materialize-textarea{height:120px; padding:2%}

[id^="customize"], [id*="customize"], #careerpop, #Thanks, #popup, #plans{width:50%; max-height:none; background:#fff; top:10%!important; z-index:9999; border-radius:20px; border:1px solid #eee; box-shadow:0 12px 20px 0 rgba(10,60,227,.1);}
#Thanks{top:20%!important}
#Thanks{width:30%}
.customize .modal-content{padding:15px 25px}
.customize .container{width:100%!important}
.customize .modal-close{position:absolute; top:9px; right:15px}

.pg-footer{border-top:1px solid #eee; background:url(../img/footer-bg.jpg) no-repeat bottom center; background-size:100%}
.pg-footer h5{margin-bottom:15px}
.pg-footer .ftr-links{margin-top:0}
.pg-footer .ftr-links li{padding:0}
.pg-footer .ftr-links li span{position:relative;}
.pg-footer .row{padding:0}
.pg-footer .footer-copyright{padding:1rem}
.pg-footer .footer-copyright a{color:#fff!important}
.pg-footer .footer-copyright, .pg-footer .footer-copyright span{font-size:12px;}
.pg-footer .footer-copyright .row>.col:last-child{text-align:right;}

@media only screen and (max-width:992px){[id^="customize"], [id*="customize"], #careerpop, #Thanks, #popup, #plans{width:80%}}
@media only screen and (max-width:600px){.footer-copyright .row>.col{text-align:center!important;}
[id^="customize"], [id*="customize"], #careerpop, #Thanks, #popup, #plans{width:90%}
.cart-icon>div{width:280px}
/*.cart-icon.in-box{right:-281px;}*/
.cart-icon a.mico{padding:6px 9px; left:-93px; font-size:14px}}
@media only screen and (max-width:400px){}

@media only screen and (min-width:601px){.container{width:88%}}
@media only screen and (min-width:993px){.InnerPages .container{max-width:none; width:72%!important}
header .container, footer .container, .InnerPages header .container, .InnerPages footer .container, .pinned .container, .main-slider .container, .about-page>.container{max-width:none; width:90%!important}
.container{max-width:none; width:90%!important}}
@media only screen and (min-width:1400px){html::-webkit-scrollbar{width:10px; height:0; background-color:rgba(0,0,0,0)}
html::-webkit-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
::-moz-scrollbar{width:10px; height:0; background-color:rgba(0,0,0,0)}
::-moz-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
::-o-scrollbar{width:10px; height:0; background-color:rgba(0,0,0,0)}
::-o-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
body{font-size:1.1rem}
h1{font-size:4rem; line-height:140%}
h2{font-size:3.3rem; line-height:140%}
h3{font-size:2.6rem; line-height:140%}
h4{font-size:2.1rem; line-height:140%}
h5{font-size:1.7rem; line-height:140%}
h6{font-size:1.4rem; line-height:140%}
.h1{font-size:4rem; line-height:140%}
.h2{font-size:3.3rem; line-height:140%}
.h3{font-size:2.6rem; line-height:140%}
.h4{font-size:2.1rem; line-height:140%}
.h5{font-size:1.7rem; line-height:140%}
.h6{font-size:1.4rem; line-height:140%}
.fs9{font-size:10px!important}
.fs10{font-size:11px!important}
.fs11{font-size:12px!important}
.fs12{font-size:13px!important}
.fs13{font-size:15px!important}
.fs14{font-size:16px!important}
.fs15{font-size:18px!important}
.fs16{font-size:19px!important}
.fs18{font-size:22px!important}
.fs20{font-size:24px!important}
.fs24{font-size:28px!important}
.fs26{font-size:30px!important}
.fs60{font-size:70px!important}
.main-banner .banner-text{max-width:800px;}
.slick-vertical .slick-slide{font-size:32px;}
.slick-list{min-height:100%}
.text_slider{height:400px}
.text_slider .td_slider{height:360px}
.banner-cont a{line-height:58px}
}
@media only screen and (min-width:1600px){body{font-size:1.2rem}
html::-webkit-scrollbar{width:11px; height:0; background-color:rgba(0,0,0,0)}
html::-webkit-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
::-moz-scrollbar{width:11px; height:0; background-color:rgba(0,0,0,0)}
::-moz-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
::-o-scrollbar{width:11px; height:0; background-color:rgba(0,0,0,0)}
::-o-scrollbar-thumb{background-color:#0860bb; border-radius:9px;}
p, ul, ol{line-height:1.8rem!important}
.fs12{font-size:14px!important}
.fs14{font-size:17px!important}
.fs16{font-size:20px!important}
.fs20{font-size:25px!important}
.main-banner .banner-text{max-width:850px;}
.slick-vertical .slick-slide{font-size:36px}}
@media only screen and (max-width:992px){.valign-wrapper{display:inherit;}
h1{font-size:2.7rem; line-height:120%}
h2{font-size:2.1rem; line-height:120%}
h3{font-size:1.7rem; line-height:120%}
h4{font-size:1.4rem; line-height:120%}
h5{font-size:1.2rem; line-height:120%}
h6{font-size:1.1rem; line-height:120%}
.h1{font-size:2.7rem!important; line-height:120%}
.h2{font-size:2.1rem!important; line-height:120%}
.h3{font-size:1.7rem!important; line-height:120%}
.h4{font-size:1.4rem!important; line-height:120%}
.h5{font-size:1.2rem!important; line-height:120%}
.h6{font-size:1.1rem!important; line-height:120%}
.w90, .w80, .w70, .w60, .w50, .w40{width:100%!important}
.p0-mobile{padding:0!important}
.m0-mobile{margin:0!important}
.pt10px-mobile{padding-top:10px!important}
.mt10px-mobile{margin-top:10px!important}
.m-hidd, .d-hidd{display:inherit!important; visibility:visible!important}
.t-hidd{display:none!important; visibility:hidden!important}
.main-banner .social-icons{left:0; right:0; width:90%; margin:0 auto;}
.main-banner .banner-text{max-width:550px;}
.slick-vertical .slick-slide{font-size:22px}
.main-banner .r-img{width:100%; left:0; max-width:initial;}
.text_slider .td_slider{margin-left:0; height:auto;}
.text_slider{height:auto; top:10px}
.slick-list{margin:0 auto; min-height:282px}

.m-center{text-align:center!important}}
@media only screen and (max-width:600px){.container{width:92%}
.container .row{margin-left:-.6rem; margin-right:-.6rem;}
.row .col{padding:0 .6rem;}
.d-hidd, .t-hidd{display:inherit!important; visibility:visible!important}
.m-hidd{display:none!important; visibility:hidden!important}
.valign-wrapper{display:inherit}
.main-banner .banner-text{max-width:90%;}
.banner-cont a{line-height:22px}
.slick-vertical .slick-slide{font-size:16px; min-height:35px;}
.main-banner .banner-text{width:400px}
.text_slider{top:5px}
.slick-list{min-height:208px}
.main-banner .social-icons{display:block;}
.main-banner .social-icons a, .main-banner .social-icons span, .main-banner .social-icons p{display:inline-block;}
.main-banner .social-icons p:last-child{display:block; margin-top:9px; margin-left:0!important}}
@media only screen and (max-width:450px){.slick-vertical .slick-slide{font-size:15px;}
.main-banner .banner-text{width:360px}
.text_slider{top:5px}
.slick-list{min-height:187px}}
@media only screen and (max-width:400px){.container .row{margin-left:-.48rem; margin-right:-.48rem;}
.row .col{padding:0 .48rem;}
.main-banner .banner-text{width:270px}
.text_slider{top:5px}
.slick-vertical .slick-slide{font-size:11px;}
.slick-list{min-height:138px; height:130px!important}}