body::-webkit-scrollbar-thumb{background:#000;}
.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}
.fw-400{font-weight:400}
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}
img{-webkit-transition:none; transition:none;}

.banner-inside, .banner-inside .carousel{height:80vh!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:28px}
.banner-inside .social-icons{width:70%}
.banner-prod .carousel .indicators{left:0; right:0; margin:0 auto; top:auto; bottom:60px; width:85%;}
.banner-prod .carousel .indicators li{margin:0 1px!important; display:inline-block!important; height:40px!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:11rem 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%}
.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{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:60px 0 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{min-height:60vh!important;}
.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;}
}