@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'AmsiProCond';
    src: url('../fonts/AmsiProCond-Black.eot');
    src: url('../fonts/AmsiProCond-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AmsiProCond-Black.woff2') format('woff2'),
        url('../fonts/AmsiProCond-Black.woff') format('woff'),
        url('../fonts/AmsiProCond-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: fallback; /* Use fallback */
}

body{ padding:0; margin:0;}
a:hover, a{ text-decoration:none;}
h2{ font-family: 'AmsiProCond'; font-size:40px; color:#000; line-height:38px;}
h2 span{ display:block;}
h3{ font-family: 'AmsiProCond'; font-size:32px; color:#FFF; line-height:34px;}
h4{ font-family: 'AmsiProCond'; font-size:24px; color:#000; line-height:24px;}
.box-disp strong, .box-disp span, #portfolioar ul li .discrp strong{font-family: 'AmsiProCond';}
#portfolioar ul li ul li, .request-btn,.faqs span{font-family: 'Open Sans', sans-serif;}
h4 span{ display:block; color:#439ace;}
.red-color{ color:#439ace;}
.blue-text{ color:#99b1f7;}
.homeban .ban-text{ margin-top:-100px;}
.navbar-expand-lg .navbar-nav li.active a, .navbar-expand-lg .navbar-nav li a:hover{ color:#FFF !important;}
.navbar{align-items:flex-end; padding-bottom:5px;}
:focus{ border:none; box-shadow:none; outline:none;}
ul,ol{ padding:0; margin:0; list-style:none;}
#main-navigation{ background:#000;}
.red-text span{ color:#f93434 !important;}
.blue-text span{ color:#99b1f7 !important;}
.navbar-expand-lg .navbar-nav .nav-link{font-family: 'AmsiProCond'; font-size:16px; color:#f93434; text-transform:uppercase;}
.navbar-expand-lg .navbar-nav li:last-child{ color:#FFF; font-size:16px;font-family: 'AmsiProCond'; padding:.5rem 1rem;}
.navbar-expand-lg .navbar-nav .nav-link:focus{ color:#FFF;}
.navbar-brand img{width:300px}
#banner-area{ display:flex; background:url(../images/banner-bg.jpg) no-repeat top center; background-size:cover; flex-direction:row;flex-wrap: wrap; padding-top:0px;}
.ban-text{  max-width:620px; width:100%; float:left; font-size:38px; color:#FFF;font-family: 'AmsiProCond' !important; line-height:36px;text-shadow: 2px 3px #000;}
.ban-text span{ color:#fb9d9b; display:block;}
.ban-img{ display:flex; width:100%; float:right; max-width:995px;margin-bottom: 0px; margin-right:-100px;margin-left: 100px;}
.cont1{ width:100%; max-width:1570px; margin:0 auto;}
.df-tc{ display:flex;justify-content: center; align-items: center;}
.features{  padding:40px 0 14px; border-bottom:1px solid #ccc;}
.features ul, #features3 ul{display:flex;flex-direction:row;    justify-content: space-between;}
.features li{ font-family: 'AmsiProCond'; font-size:18px; color:#cc0000; display:block; text-align:center; width:100%; justify-content: center; align-items: center;flex-direction:column; position:relative; padding:0 26px; line-height:45px;}
.features li i{ width:100%; display:block; text-align:center;}
.features li span{ margin-top:5px;}
.features li:before{ height:100%; width:1px; background:#cccccc; content:""; position:absolute; top:-12px; right:0;}
#module2{ text-align:center; margin:50px 0;}
#module2 h2 span{ display:block;}
.width2{ width:1060px; margin:40px auto 20px; font-family: 'Open Sans', sans-serif;}
.opensan{font-family: 'Open Sans', sans-serif;}
.borderR{ position:relative;}
.borderR:before{ content:url(../images/dot.png); width:12px; height:100px; position:absolute; right:8px; top:0;}
.width2 p{ padding:24px 0;}
#video-section{ background:url(../images/vidbg.jpg) no-repeat top center; padding:136px 0 0 0;}
#video-section .col-lg-5{ margin-right:-70px;}
#video-section .col-lg-5:before{ content:url(../images/line1.png); position:absolute; right:66px; bottom:-17px; height:12px; width:197px;}
#video-section .col-lg-4{ margin-left:-20px;}
#video-section .col-lg-4:before{ content:url(../images/line2.png); position:absolute; left:18px; bottom:-17px; height:12px; width:197px;}
.width3{ max-width:1100px; margin:0 auto;}
h3 span{ color:#fcb6b3; display:block;}
.p1{ padding-left:60px !important;}
#module3{ text-align:center; margin:50px 0; background:url(../images/bg2.jpg) no-repeat top center;}
#module3 ul, #features3 ul{ display:flex; justify-content: center; align-items: center;flex-wrap: wrap; padding:90px 0;}
#module3 ul li{ width:100%; max-width:305px; background:#FFF; border:1px solid #ff0000; border-radius:10px;font-family: 'AmsiProCond'; padding:33px 0 10px; margin:0 26px;}
#module3 ul li strong{ display:block; width:100%; font-size:19px; margin-top:5px;}
.flex-rows-break { flex-basis: 100%; max-width:100% !important; background:none !important; height: 0; margin: 0; border:none !important; margin-bottom: 2%;}
.button{ border:1px solid #ff0000; border-radius:10px; background:none; font-size:16px; color:#ff0000;font-family: 'AmsiProCond'; padding:10px 100px; text-transform:uppercase;}
#comnn{ max-width:1190px; margin:0 auto; text-align:center;}
#comnn .borderR:before{ height:100%; content:url(../images/dot3.jpg) !important; width:6px;}
#comnn h2{ margin:30px;}
#comnn p, #comnn h4{ padding:0 18px; margin-bottom:28px;}
#comnn h4{ margin-top:20px;}
.features li:last-child:before{ display:none;}
#footer{ padding:44px 0 270px;
background: #990000; 
background: -moz-linear-gradient(top,  #990000 0%, #380000 100%); 
background: -webkit-linear-gradient(top,  #990000 0%,#380000 100%); 
background: linear-gradient(to bottom,  #990000 0%,#380000 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#380000',GradientType=0 );}
#footer .inner{ max-width:1480px; margin:0 auto;}
#footer a{ font-family: 'AmsiProCond'; font-size:16px; color:#fff; padding-right:26px;}
.main-2{ width:100%; max-width:1530px; margin:0 auto;}
.logo1{ margin-bottom:20px;}


#ecom-banner-area{ background:url(../images/ecombg.jpg) no-repeat top center; background-repeat:no-repeat; padding:45px 0; background-size: cover;}
#features-banner-area{background-size: cover!important;}
.ecomerce p{ font-size:16px; text-align:left; padding:0 80px;}
#ctasection{ background:#f0f0f1; text-align:center;padding:40px 0 90px;}
#ctasection ul li{ display:inline-block;}
#ctasection .title{ font-size:36px; color:#333333; font-family: 'AmsiProCond'; margin-bottom:-15px;}
#ctasection p{ margin-bottom:30px;}
p.common, .box-disp p{ font-size:16px; font-family: 'Open Sans', sans-serif; color:#030303; line-height:26px;}
.box-disp p{ margin-bottom:20px;}
.gry-btn{ background:#515151; padding:10px 55px 15px; display:inline-block; margin:0 15px; font-size:22px; color:#FFF; font-family: 'AmsiProCond'; border:none; border-radius:5px; text-shadow: 2px 2px #000;}
#features2{ padding:100px 0;}
.bg-gry{ background:#f6f2f2;}
.box-disp{ }
.box-disp strong{ font-size:36px; line-height:27px; color:#000; padding-bottom:35px; display:block;}
.box-disp span{ font-size:24px; line-height:22px; color:#000;padding-bottom:25px; display:block;}


#features-banner-area{ background:url(../images/featuredbg.jpg) no-repeat top center; background-repeat:no-repeat; padding:45px 0; height:601px;}
#features-banner-area .ban-text{ max-width:100%;}
.full-height{ height:100%;}
#features3{ background:url(../images/featuredbg2.jpg) no-repeat top center;}
#features3 ul li{ font-family: 'AmsiProCond'; min-width:200px; font-size:21px; color:#33ccff; display:flex;justify-content: center; align-items: center;flex-direction:column-reverse; position:relative; padding:0 26px; line-height:45px;}
#features3 ul li i{ width:73px; height:67px; background:url(../images/sprite1.png) no-repeat; text-align:center;}
#features3 ul li i.sprite1{ background-position:-9px 0;}
#features3 ul li i.sprite2{ background-position:-111px 0;}
#features3 ul li i.sprite3{ background-position:-221px 0;}
#features3 ul li i.sprite4{ background-position:-319px 0;}
#features3 ul li i.sprite5{ background-position:-427px 0;}
#features3 ul li i.sprite6{ background-position:0 -82px;}
#features3 ul li i.sprite7{ background-position:-111px -80px;}
#features3 ul li i.sprite8{ background-position:-217px -82px;}
#features3 ul li i.sprite9{ background-position:-317px -82px;}
#features3 ul li i.sprite10{ background-position:-428px -77px;}
.clear{ clear:both;}
.dealsContainer{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.dealBox{ width:23%;}
.dealBox .pic img{ width:100%;}
.navbar-expand-lg .navbar-nav li{ line-height:0;}
.navbar-expand-lg .navbar-nav li a{ padding-bottom:0;}
.navbar-nav {     margin-bottom: 4px; }
@media(max-width:768px) { .card-body { padding: 0 1rem 1rem 1rem;}}

.card-body .row { margin: 0}
.upper { padding: 1rem 0; justify-content: space-evenly;}
#three { border-radius: 1rem; width: 22px; height: 22px; margin-right: 3px; border: 1px solid blue; text-align: center; display: inline-block;}
#payment { margin: 0; color: blue;}
.icons { margin-left: auto;}
form span { color: rgb(179, 179, 179);font-weight: 500;font-size: 40px; display:block; margin-bottom:5px;}
form { padding: 2vh 0;}
input, input[type="text"], input[type="email"], input[type="phone"], select { outline: none; width: 100%; padding:8px 12px; line-height: 1.5; border: 0; box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 7%), 0 1px 1.5px 0 rgb(0 0 0 / 5%); transition: box-shadow .08s ease-in,color .08s ease-in,filter 50000s; background: #fff; border-radius:6px;height: 36px; font-size: 14px;}
.card{ border:none;}
input:focus::-webkit-input-placeholder { color: transparent;}
.header { font-size: 1.5rem}
.left { background-color: #ffffff; padding:8vh 18vh;}
.left .col-4 { padding-left: 0}
.right .item { padding: 0.3rem 0}
.right { background-color: #ffffff; padding:10vh 12vh;}
.col-8 { padding: 0 1vh}
.lower { line-height: 2}
.btn { background-color: rgb(23, 4, 189); border-color: rgb(23, 4, 189); color: white; width: 100%; font-size: 0.7rem; margin: 4vh 0 1.5vh 0; padding: 1.5vh; border-radius: 0;}
.btn:focus { box-shadow: none; outline: none; box-shadow: none; color: white; -webkit-box-shadow: none; -webkit-user-select: none; transition: none};
input[type=checkbox] { width: unset; margin-bottom: unset;}
#cvv{}
#cvv:hover{}
#save_card { height: 16px; outline: none; top: 0; width: 16px; cursor: pointer; margin-right:10px;}
input:focus, select:focus { z-index: 2; outline: none; box-shadow: 0 0 0 1px rgb(50 151 211 / 30%), 0 1px 1px 0 rgb(0 0 0 / 7%), 0 0 0 4px rgb(50 151 211 / 30%);}
.exp{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.cvv{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 0; background:url(../images/cvv.jpg) no-repeat right center #FFF;}
.crd{border-bottom-left-radius: 0;border-bottom-right-radius: 0; background:url(../images/crd.jpg) no-repeat right center;}
#billingCountry{/*background:url(../images/drop.jpg) no-repeat right center;*/}
.checkboxContainer { display: flex; flex-direction: row; align-items: center; padding:6px 12px; background: #fafafa; border-radius: 6px; box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgb(0 0 0 / 7%), 0 1px 1.5px 0 rgb(0 0 0 / 5%); margin-top: 8px;}
.submit {background-color: rgb(255, 128, 0); color: rgb(0, 0, 0); position: relative; overflow: hidden; height: 44px; width: 100%; margin-top: 12px; padding: 0; color: #fff;    box-shadow: inset 0 0 0 1px rgb(50 50 93 / 10%), 0 2px 5px 0 rgb(50 50 93 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%); border: 0; outline: none; border-radius: 6px; cursor: pointer;
transition: all .2s ease,box-shadow .08s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0);transform: translateZ(0);}
.card-body:before { height: 100%; width: 50%; background: #fff; position: fixed; content: " "; top: 0; right: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both;    -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;box-shadow: 15px 0 30px 0 rgb(0 0 0 / 18%);}
.text-muted{ line-height: 17px; text-align: center; font-size:13px; margin-top:15px;}
.sub, .sub-name{ font-size:16px; font-weight:500; color:rgba(26,26,26,.6);}
.totals{text-align: left;display: flex; flex-direction: row; align-items: center;}
.btotal{font-size: 36px; color:rgba(26,26,26,.9); font-weight:500;}
.pm{line-height: 17px; font-size:13px; padding-left:5px;}
.sub-name{ font-size:14px;}

.navbar-light .navbar-toggler-icon{ background:url(../images/mob-menu.png) no-repeat;}
.navbar-light .navbar-toggler{ padding:5px;border-color: rgb(255 255 255);}
.navbar-toggler-icon{ height:.8em;}
.container input { position: absolute;opacity: 0;cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}
.container:hover input ~ .checkmark { background-color: #ccc;}
.container input:checked ~ .checkmark { background-color: #2196F3;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after { display: block;}
.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.portbg{ background:url(../images/portbg.jpg) no-repeat top center !important;}
#portfolioar{ padding:50px 0 0;}
#portfolioar ul{ margin-top:45px;}
#portfolioar ul li{ text-align:left; max-width:33.333333%; display:inline-block; margin:0 25px 70px;}
#portfolioar ul li .discrp{ padding-left:18px;}
#portfolioar ul li ul{ padding:10px 0 0 0; margin-top:0;}
#portfolioar ul li ul li{ max-width: 100%; font-size:14px; text-align:left; line-height:30px; display:block; background:url(../images/li.jpg) no-repeat left center; padding-left:15px; margin:0;}
#portfolioar ul li .discrp strong{ font-size:24px; text-align:left;}
#portfolioar ul li ul li a{ text-decoration:none; color:#010101;}
#portfolioar ul li ul li:last-child a{color:#fe0404;}

#pricing-banner-area{background:url(../images/pricingbg.jpg) no-repeat top center !important; height:300px;}
.red-btn{ background:#ff0000; padding:10px 43px 15px; display:inline-block; margin:0 15px; font-size:22px; color:#FFF; font-family: 'AmsiProCond'; border:none; border-radius:5px; text-shadow: 2px 2px #000; width:100%; max-width:380px;}
.form-area{ background:#fdf0f0; margin:30px 0 0 0; padding:50px 15px;}
.form-area h2{ margin-bottom:50px;}
.form-area .innerbox{ max-width:1105px; margin:0 auto;}
.form-area .form-control{ position:relative;}
.form-area i{background:url(../images/sprite2.jpg) repeat; width:16px; height:16px; position:absolute; right:15px;z-index:9; top:23px;}
.form-area .phonei{ background-position:-16px 0;}
.form-area .addressi{ background-position:-32px 0;}
.form-area  .fa-calendar{ background-position:32px 0px;}
.form-area  .glyphicon-time{ background-position:16px 0px;}
.form-area  .fa-calendar:before{ display:none;}
.form-area #name:before{ background-position:0 0;}
.form-area input, .form-area input[type=date], .form-area textarea, .rfq-forms form textarea{ border:1px solid #e3e3e3; border-radius:5px !important;box-shadow:none; color:#a6a6af; padding:20px;}
.form-area input, .form-area input[type=date]{ height:58px;}
.form-area ::-webkit-input-placeholder { color:#a6a6af;}
.clockpicker-button{ color:#000;}
.request-btn{ background:#eb3648; color:#FFF; font-size:16px; border-radius:4px; border:0; padding:17px 88px 17px 30px; position:relative; width:100%;}
.request-btn:before{ position:absolute; content:url(../images/icn.jpg);  right:0; top:8px;}
.form-area input[type=checkbox]{ border:1px solid #CCCCCC; border-radius:1px !important;box-shadow:none; color:#a6a6af; width:inherit;}
.lab{ width:80%; float:left;}
.bxs{ width:20%; float:right;}
.bxs span{ width:50%; float:left; font-size:12px; text-align:center;}
.marg1{ margin-top:-16px;}
.form-area textarea, .rfq-forms form textarea{ width:100%; min-height:130px; max-height:130px; margin-top:20px;}
.padding1{ padding:20px 0;}
.faq-outer{ padding-bottom:30px !important;}
.faq-outer h2{ margin:50px 0;}
.faqs span{ display:block; text-align:left; position:relative;}
.faqs span.question{ font-size:22px; font-weight:700; color:#333333;}
.faqs span.question:before{ content:'Q.'; color:#919191; position:absolute; left:-26px; top:0; font-weight:700;}
.faqs span.answer:before{ content:'A.'; color:#919191; position:absolute; left:-23px; top:0; font-weight:700; font-size:20px;}
.faqs span.answer{ font-size:16px; color:#333333; line-height:24px; padding-right: 70px;word-break: break-all;}
.faqs{ padding:0 12%;}
.faqs p{ padding:0 5% 30px;}
.style1{ font-style:normal;}




.page-title { padding: 30px 0; background: #f3f3f3; border-bottom: solid 1px #e3e3e3; border-top: solid 1px #e3e3e3; text-align:center;}
.page-title h2{font-family:'Open Sans', sans-serif; color: #0c3b78; font-size: 40px;}
.page-title span{font-family:'Open Sans', sans-serif; color: #000; font-size:18px;}
.gray-container { background: #fff;}
.gray-container .fix-container { width: 1000px;margin: 0 auto;}
.side-left { padding: 0 40px 30px 0; width: 600px; display: table-cell;}
.side-right {  border-left: solid 1px #e3e3e3; display: table-cell; width: 350px; padding: 0 0 0 40px;}
.rfq-forms form input[type="text"], .rfq-forms form select, .rfq-forms form textarea, .customfile-input { color: #272727; width: 100%; float: left; margin-bottom: 9px;position: relative;}
.rfq-forms h3 { font-family:'Open Sans', sans-serif; color: #0c3b78; font-size: 22px; padding: 18px 0px;}
.rfq-forms form fieldset { border: none; padding: 0px 0 10px 0; margin: 0px;}
.rfq-forms form .field.small-left { width: 49%; float: left;}
.rfq-forms form .field.small-right { width: 49%; float: right;}
.rfq-forms h4 { color: #010101; font-family:'Open Sans', sans-serif; font-size: 18px; padding: 0px 0px 10px 0; font-weight: normal;}
ul.service-list { margin: 0 0 15px 0;}
ul.service-list li { vertical-align: top; display: inline-block; width: 49%; color: #5b5b5b; font-size: 13px; padding: 0px; font-family: 'Open Sans', sans-serif; margin: 3px 0;}
ul.service-list li input{ box-shadow:none; width:auto; height:auto;}
.fl { float: left;}
.rfq-forms form input.security-code { float: left; width: 279px;}
.captch { float: left; margin-left: 10px;}
.rfq-forms form input[type="submit"] { width:auto; height:auto;  color: #fff; margin: 10px 0; background: #f24130; text-align: center; border: none; cursor: pointer; outline: none;    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; margin-right: 10px; padding: 12px 44px; font-size: 22px;}
.rfq-forms form span{ font-size:14px; font-weight:400;}
input[type="file"]{ height:auto;}
.side-right h3 { font-family:'Open Sans', sans-serif; color: #0c3b78; font-size: 22px; padding: 18px 0px;}
.why-us-list li { vertical-align: top; width: 100%; display: inline-block; margin: 0 0 25px 0;}
.why-us-list li .thumb.three { background-color: #12a2de; background-image: url(/web/img1/why-us-3.png);}
.why-us-list li .thumb { float: left; width: 100px; height: 100px; border-radius: 50%; margin-right: 25px; background-position: center center; background-repeat: no-repeat;}
.why-us-list li h4 { font-family:'Open Sans', sans-serif; text-align: left; color: #2c383a; font-size: 16px; padding: 0px; margin-top: 22px; font-style: normal; font-weight: 600;}
.why-us-list li .thumb.two { background-color: #de5235; background-image: url(/web/img1/why-us-2.png);}
.why-us-list li .thumb.four { background-color: #f09c2a; background-image: url(/web/img1/why-us-4.png);}
.why-us-list li .thumb.five { background-color: #66a72b; background-image: url(/web/img1/why-us-5.png);}
.why-us-list li .thumb.one { background-color: #555faa; background-image: url(/web/img1/why-us-1.png);}
.get-wrapper {  border: solid 1px #f0eac4; padding: 0 10px 15px 18px; background: #fefae1;}
ul.get-list li { background: url(../images/bullet-red-box.png) no-repeat 0 1px; color: #000; display: block; font-size: 15px; font-style: normal; font-weight: 300; line-height: 1.5; margin: 0 23px 15px 0; padding: 0 0 5px 30px; vertical-align: top;}
.side-right p { font-size: 13px; color: #000;}
#footer .address {
    background:#161d1f;
    padding: 25px 0 25px 0;
}
.fix-container {
    margin: 0 auto;
    width: 1100px;
}
#footer .address .head-office {
    min-height: 112px;
    background: url(../images/sprite.png) no-repeat -98px -1686px;
    float: left;
    width: 390px;
}
#footer .address h4 {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    border-bottom:solid 1px #242729;
    padding: 0 0 5px 0;
    margin-left: 105px;
    margin-bottom: 10px;
}
#footer .address  p {
    color:#a3b2b5;
    line-height: 18px;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
	margin-left: 105px;
    padding: 0 0 0 0;
}
#footer .address .call-us {
    min-height: 112px;
    background: url(../images/sprite.png) no-repeat -545px -1686px;
    float: left;
    width: 360px;
}
#footer .address .email {
    height: 115px;
    background: url(../images/sprite.png) no-repeat -964px -1686px;
    float: right;
    width: 304px;
}
#footer .address .email a {
    color: #a3b2b5;
    font-size: 13px;
    margin-left: 105px; font-family:'Open Sans', sans-serif;
}
.footer-links {
    background:#1a2325;
    padding: 17px 0 0 0;
}
.footer-sitemap {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.footer-sitemap .coloumn {
    float: left;
    width: 362px;
    margin-right: 30px;
}
.footer-sitemap h3 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 0px 0 0px 0;
    padding: 15px 0px 10px 0;
}
.footer-sitemap .box-q p {
    color: #97aeb3;
    font-size: 14px;
}
.footer-sitemap .box-q p a {
    color: #a3b2b5!important; font-family:'Open Sans', sans-serif !important; font-size:14px !important;
}
.footer-sitemap .coloumn.last {
    margin-right: 0px;
}
.follow-sticker {
    width: 297px;
    float: right;
}
.follow-sticker ul li {
    margin: 0px 0 0 0;
    padding: 0px;
    float: left;
}
.follow-sticker ul li a {
    vertical-align: top;
    margin: 0 3px 6px 3px;
    width: 53px;
    height: 49px;
    background-color:#b8c8cb;
    text-indent: -99999px;
    padding: 0px;
    display: inline-block;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}
.follow-sticker ul li a.twitter {
    background-image: url(../images/sprite.png);
    background-position: 0px -1857px;
}
.follow-sticker ul li a.facebook {
    background-image: url(../images/sprite.png);
    background-position: -131px -1856px;
}
.follow-sticker ul li a.linkedIn {
    background-image: url(../images/sprite.png);
    background-position: 0px -1961px;
}
.follow-sticker ul li a.youTube {
    background-image: url(../images/sprite.png);
    background-position: -133px -1961px;
}
.follow-sticker ul li a.s-share {
    background-image: url(../images/sprite.png);
    background-position: -216px -1856px;
}
.new-foot{ padding:0 !important;}
#footer .get-in-touch {
    background: #f24130;
    padding: 30px 0;
}
#footer .get-in-touch h5 { font-family:'Open Sans', sans-serif !important;
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: normal;
    background: url(../images/under-heading3.jpg) no-repeat center bottom;
}
#footer .get-in-touch h5 a {font-family:'Open Sans', sans-serif !important; font-size:40px; font-weight:300;
    background: url(../images/sprite.png) no-repeat 264px -2030px;
    color: #fff;
    padding-right: 35px;
    width: 335px;
    margin: 0 auto;
    display: block;
    transition-property: all;
    transition-duration: 0.8s;
    transition-delay: 0s;
    transition-easing: ease-out;
    -moz-transition-property: all;
    -moz-transition-duration: 0.8s;
    -moz-transition-delay: 0s;
    -moz-transition-easing: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-delay: 0s;
    -webkit-transition-easing: ease-out;
    -o-transition-property: all;
    -o-transition-duration: 0.8s;
    -o-transition-delay: 0s;
    -o-transition-easing: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: 0.8s;
    -ms-transition-delay: 0s;
    -ms-transition-easing: ease-out;
}
#footer .get-in-touch h5 a:hover {
    background: url(../images/sprite.png) no-repeat 274px -2030px;
}
#footer .get-in-touch h6 {
    color: #fdc8c2;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}
.copy-right-sttmnts {
    background: #1a2325 url(../images/bgr-copyright.png) repeat-x 0 31px;
}
.copy-right-sttmnts p.copy-right {
    display: inline-block;
    color: #a2b5b9;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    padding:0px 0px 5px 0;
    line-height: normal;
    text-align: justify;
}
#footer .copy-right-sttmnts ul {
    float: right;
}
#footer .copy-right-sttmnts ul li {
    display: inline-block;
}
#footer .copy-right-sttmnts ul li a {
    color: #a2b5b9;font-family:'Open Sans', sans-serif !important;
    font-size: 13px;
    display: inline-block;
    font-weight: 300;
    border-left: 1px solid #3f4749;
    padding:0 5px !important; line-height:13px;
}
#footer .copy-right-sttmnts ul li:first-child a {
    border-left: 0 none;
}
.navbar-expand-lg .navbar-nav li{ position:relative;}
.drp { z-index:1;
    display: none;
    width: 320px;
    position: absolute;
    left:-7px;
    top:10px; padding:15px 0 20px;
}
/*ul.navbar-nav li:hover ul {
    display: block;
}*/
.drp li {
    background: rgba(0,0,0,.6);
    padding:13px 10px;
}
.drp li:last-child{ padding-bottom:10px;}
.navbar-expand-lg .navbar-nav li ul li{ display:block; line-height:2px;}
.navbar-expand-lg .navbar-nav li ul li a{ font-size:14px; color:#FFF;font-family:'Open Sans', sans-serif !important;}


@media screen and (max-width: 1440px) and (min-width:1200px){
}
@media screen and (max-width: 990px){
}
@media screen and (max-width: 992px){
}






@media screen and (max-width: 768px) and (min-width:320px) {
.right, .left{ padding:20px;}
#footer{ padding:10px;}
#footer a{ display:block;}
.imgfluid, .navbar-brand img{ width:100%;}
.features ul{flex-direction:column;}
.cont1, .width2, .width3, .ban-text, .ban-img, #features2 img, #ecom-banner-area .ban-text, .fix-container, .footer-sitemap .coloumn{ width:100%; max-width:100%;}
#comnn, #module2, .width3, #module3{ padding:0 15px;}
.borderR:before, .features li:before, #module3 ul li.flex-rows-break{ display:none;}
.width2 p{ padding:0 !important;}
#banner-area, #ecom-banner-area{ padding:15px;}
#banner-area .df-tc,  #ecom-banner-area .df-tc{flex-direction: column;}
#video-section{ padding:9px 0 0 0;}
#video-section h3{font-size: 23px; line-height: 28px;}
#video-section .col-lg-3{ order:3; text-align:center;}
h2{ font-size:22px; line-height:32px;}
#module3 ul li{ margin-bottom:20px;}
.button{ width:100%; padding:10px 0;}
#comnn h2{ margin:30px 0;}
.ban-text{ margin-bottom:20px;}
.width3{ display:block; text-align:center;}
#features2{ padding:50px 15px; text-align:center;}
.box-disp{ margin-top:30px; text-align:left;}
#features2:nth-child(even) .row{ flex-direction:column-reverse;}
.gry-btn, .red-btn{ display:block; margin:0 0 10px; width:100%; max-width:100%;}
#ctasection{ display:block; padding:15px; text-align:center;}
.ecomerce{ padding:0 15px;}
#ctasection .title{ margin-bottom:20px; font-size:28px; line-height:30px;}
#ctasection ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;justify-content: space-around;}
#features3{ background-size:cover;}
#features3 ul li{ min-width:100%; margin-bottom:20px;}
#portfolioar  ul{ padding:0 15px;}
#portfolioar ul li{ max-width:100%; width:100%; margin:0 0 20px;}
#portfolioar ul li img{ width:100%;}
.faqs{ padding:0 6%;}
.faqs p{ padding:0 0% 30px;}
.input-group{ margin-bottom:15px;}
.input-group .form-control:disabled, .input-group .form-control[readonly]{ background:#FFF;}
.style1, #video-section .col-lg-5:before, #video-section .col-lg-4:before{ display:none;}
#video-section .col-lg-5{ margin-right:0px;}
#video-section .col-lg-4{ margin-left:0px;}
.gray-container .fix-container {padding: 0 10px; width: auto;}
.side-left, .side-right, .rfq-forms form .field.small-left, .rfq-forms form .field.small-right { float: none; width: auto; display: block; padding: 0px;}
.side-right { margin: 0px; border: none;}
.field.fl { float: none;}
.rfq-forms form input.security-code { float: none; width: 100%;}
#footer .address .head-office, #footer .address .call-us, #footer .address .email{ background:none;float: none;
    text-align: center;
    width: auto;
    margin-bottom: 45px;
    min-height: 0; height:auto;
	}
	#footer .address h4 {
    border: none;
    margin: 0px;
}
#footer .address p, #footer .address .email a, .footer-sitemap .coloumn {
    margin-left: 0px; padding-right:0; margin-right:0;
}
.footer-links{ text-align:center;}
.box-q a{    padding-right:0px !important;}
.homeban .ban-text{ margin-top:0!important;}
.navbar-expand-lg .navbar-nav li { line-height: inherit;}
.ban-img {
    margin-right: 0;
    margin-left: 0;
}
.ban-img {
    margin-bottom: -15px;
}
}


@media screen and (max-width: 768px) and (min-width:600px) {
.ban-img {
    margin-bottom: -20px;
}
}


@media screen and (max-width: 992px) and (min-width:769px) {
.ban-img {
    margin-bottom: -20px;
}}



@media screen and (max-width: 820px) and (min-width:500px) {
h2{ font-size:32px;}
.features ul, .width3{ display:block; text-align:center;}
.features ul li{ display:inline-block; width:48%; text-align:center;border-bottom: 1px solid #e2e2e2; margin-bottom:25px;}
.features li:before, .borderR:before, #module3 ul li.flex-rows-break{ display:none;}
.width2 p{ padding:0 !important;}
#video-section .col-lg-3 { order: 3; text-align: center;}
#video-section{ padding:0; background-size: cover;}
.features ul li:nth-child(7), .features ul li:last-child{ border:none;}
.features ul span{ display:block;}
.imgfluid, .navbar-brand img, #portfolioar ul li img{ width:100%;}
.width2, .main-2{ width:100%; max-width:100%;}
.ban-text{ font-size:26px;}
#comnn, #module2, .width3, #module3 { padding: 0 15px;}
#module3 ul li{ margin-bottom:20px;}
#footer{ padding:20px;}
#banner-area, #ecom-banner-area, #features-banner-area{ padding:20px;}
#features2{ padding:100px 15px; text-align:center;}
.box-disp{ margin-top:30px; text-align:left;}
#features2:nth-child(even) .row{ flex-direction:column-reverse;}
#features2 .col-md-6{ max-width:100%;flex:100%;}
#features3 ul li{ min-width:33%; margin-bottom:20px;}
#features3 ul li.flex-rows-break{ display:none;}
#features3{ background-size:cover;}
.ecomerce{ padding:0 15px;}
#portfolioar ul li{  max-width:100%;}
.faqs{ padding:0 6%;}
.faqs p{ padding:0 0% 30px;}
.input-group{ margin-bottom:15px;}
.input-group .form-control:disabled, .input-group .form-control[readonly]{ background:#FFF;}
.style1, #video-section .col-lg-5:before, #video-section .col-lg-4:before{ display:none;}
#video-section .col-lg-5{ margin-right:0px;}
#video-section .col-lg-4{ margin-left:0px;}
.homeban .ban-text{ margin-top:0!important;}
.navbar-expand-lg .navbar-nav li { line-height: inherit;}
.ban-img{ margin-right:0;}
}

@media screen and (max-width: 1390px) and (min-width:1024px) {
#portfolioar ul li{  max-width:26%;}
#portfolioar ul li ul li{  max-width:100%;}
#portfolioar ul li img{ width:100%;}
}


div#video-section, #module3, div#features3, div#pricing-banner-area  {
    background-size: cover!important;
}


/*#banner-area {*/
/*    background: transparent;*/
/*}*/
/*.ban-video iframe {*/
/*    object-fit: cover;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 598px;*/
/*    margin-top: 100px;*/
/*    z-index: -1;*/
/*    object-fit: cover;*/
/*}*/
