*, :after, :before {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {position:relative;min-height:100%;overflow-y:scroll}
body {color:#000;overflow-y:auto; font-family: 'Roboto', sans-serif;}
a, a:hover, a:focus {text-decoration:none;}
ul, li{list-style:none;}
h1,h2,h3,h4{font-family: brandon-grotesque, sans-serif;}
.full-float, .modal-body, .modal-content {width:100%;float:left; }

header{position:fixed; top:0px; left:0px; width:100%; height:auto; background:#000; padding:18px 0px 15px 0px; z-index:9; transition: all 0.2s;}
.logo{float:left; margin-left:20px;}
.nvocc-logo{float:right;}
header .logo img{transition: height 0.2s; height:43px;}
header .nvocc-logo img{ transition: height 0.2s; margin-top:8px; height:21px;}
header.header-sm{ padding:12px 0px 8px 0px; transition: all 0.2s;}
header.header-sm .logo img{height:37px;}
header.header-sm .nvocc-logo img{height:17px;margin-top:5px;}

/*================ banner css start here ================*/
.parallax-container {width: 100%;float:left;}
.jarallax {position: relative;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.lead-banner {overflow:hidden; }
.inner-banner {height:450px;position:relative;}
.parallax_box_img {background-size:cover;}
.inner-banner p{margin-top:135px; font-size:35px; line-height:45px; color:#fff; font-weight:500; }
/*================ banner css end here ================*/
.call-now{background:rgba(237, 27, 47, 0.90); margin-top: -315px; padding:25px; -webkit-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); -moz-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); -ms-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); box-shadow: -1px -5px 21px -9px rgba(0,0,0,1);}
.call-now p{font-size:28px; line-height:34px; margin-bottom:0; font-weight:500; text-align:center; color:#fff; font-family: brandon-grotesque, sans-serif;}
.firsform{width:377px; height:auto; margin:0px auto;}

.form-group {margin-bottom: 25px; }
.form-input {font-size: 13px; height: 38px;position: relative;background: #fff;transition: all 0.2s;}

.form-input__label {display: block;position: absolute;top: 9px;left: 0;padding: 0 16px;color:rgba(0, 0, 0, 0.64);transition: all 0.2s; font-family: brandon-grotesque, sans-serif; border:0}
.form-input__input {width: 100%;height: 40px;position: relative;padding: 0 16px;border: none;background: transparent;outline: none;transition: all 0.2s; font-family: brandon-grotesque, sans-serif;}
.form-input__input::-ms-clear {display: none;}
.form-input.focus, .form-input.active {transition: all 0.2s;}
.form-input.focus .form-input__label, .form-input.active .form-input__label {top: -25px; left:-17px; color: #fff;font-size:13px;transition: all 0.2s;}
.form-input .form-input__label sup{top:-2px;}
.form-input.focus .form-input__label sup, .form-input.active .form-input__label sup{display:none;}
.form-input.focus .form-input__input, .form-input.active .form-input__input {/*padding-top: 16px;*/transition: all 0.2s;}
.btn {width: 220px;height: 42px;padding: 0px;background: #000000;border-radius:3px;color: #fff;cursor: pointer;font-family: brandon-grotesque, sans-serif;text-align: center;text-transform: uppercase; font-weight:400; background: linear-gradient(to right, white 50%, black 50%);
      background-size: 200% 100%;
      background-position: right bottom;
      transition: all .5s ease-out; border:1px solid #000}
.btn:hover { color:#000;  background-position: left bottom; border-color:#fff}

.call-back{background:#fff; position: absolute; padding:5px;     width: 100%; -webkit-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); -moz-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); -ms-box-shadow: -1px -5px 21px -9px rgba(0,0,0,1); box-shadow: -1px -5px 21px -9px rgba(0,0,0,1);}
.call-back p{background:rgba(237, 27, 47, 0.90);     padding: 10px; font-size:28px; line-height:34px; margin-bottom:0; font-weight:500; text-align:center; color:#fff; font-family: brandon-grotesque, sans-serif;}
.call-back span {text-align:center; font-size: 12px;     font-size: 12px;     display: block;    padding: 15px 0;}
.call-back .firsform{width:90%; height:auto; margin:0px auto;}

.call-back .form-group {margin-bottom: 25px; }
.call-back .form-input {height: 38px;position: relative;background: #fff;transition: all 0.2s; border: 1px solid #ccc;}
.call-back .form-input__label {display: block;position: absolute;top: 9px;left: 0;padding: 0 16px;color:rgba(0, 0, 0, 0.64);transition: all 0.2s; font-family: brandon-grotesque, sans-serif;}
.call-back .form-input__input {width: 100%;height: 40px;position: relative;padding: 0 16px;border: none;background: transparent;outline: none;transition: all 0.2s; font-family: brandon-grotesque, sans-serif;}
.call-back .form-input__input::-ms-clear {display: none;}
.call-back .form-input.focus, .form-input.active {transition: all 0.2s;}
.call-back .form-input.focus .form-input__label, .form-input.active .form-input__label {    font-size: 13px;top: -25px; left:-17px; color: #fff;transition: all 0.2s;}
.call-back .form-input .form-input__label sup{top:-2px;}
.call-back .form-input.focus .form-input__label sup, .form-input.active .form-input__label sup{display:none;}
.call-back .form-input.focus .form-input__input, .form-input.active .form-input__input {/*padding-top: 16px;*/transition: all 0.2s;}
.call-back .btn {width: 220px;height: 42px;padding: 0px; background:rgba(237, 27, 47, 0.90); color: #fff;cursor: pointer;font-family: brandon-grotesque, sans-serif;text-align: center;text-transform: uppercase; font-weight:400; background-size: 200% 100%;
                 background-position: right bottom;
                 transition: all .5s ease-out; border:1px solid #000}
.call-back .btn:hover { color:#000;
                        background-position: left bottom; border-color:#fff}


.shipment{padding: 20px 5px; margin-top:15px; overflow:hidden; background: url(../images/strip.jpg)no-repeat; color: #fff; background-size: cover;}
.shipment span.title-sm{font-family: brandon-grotesque, sans-serif;font-size:26px; line-height:26px; font-weight:600;border-bottom:2px solid #ed1b2f; text-transform: uppercase;}
.shipment h1{font-family: brandon-grotesque, sans-serif;font-size:31px; line-height:34px; font-weight:700;}
.shipment ul{/*list-style-position: inside;*/ list-style:none; text-align:center; margin:35px 0px;}
.shipment ul li{font-size:18px; font-weight:400; margin-bottom:10px; display: list-item;}
.shipment ul li span{padding:5px 0px; }

.shipment p{font-size:18px; line-height:26px; font-weight:300; margin-bottom:0px;}



.choose-us{width:100%; float:left; overflow:hidden; }
.choose-us h2{display: inline-block; font-family: brandon-grotesque, sans-serif;font-size:24px; line-height:30px; font-weight:600; margin-bottom:30px;}
.slick-list{width:100%; float:left;}
.choose-services{text-align:center; width:100%; float:left;}
.services-colm{ width:19%; min-height:115px; display: inline-block; margin-bottom:30px; vertical-align:top;     border-right: 1px solid #ccc;}
.services-colm img{margin-bottom:5px; width: 50%}
.services-colm span {font-size: 26px; font-weight: 600;}
services-colm:last-child {  border: none;}

.services-colm p{font-size:14px; line-height:22px; margin:0px;}


.services-colm1{ width:19%; min-height:115px; display: inline-block; margin-bottom:30px; vertical-align:top;     border-right: 1px solid #ccc;}
.services-colm1 img{margin-bottom:5px; width: 50%}
.services-colm1 span {font-size: 26px; font-weight: 600;}
services-colm1:last-child {  border: none;}

.services-colm1 p{font-size:14px; line-height:22px; margin:0px;}


.video-and-customerspeak{margin-bottom:70px; margin-top:70px;}
.video-and-customerspeak .col-lg-4{float:left; }
.video-sec{padding-right:25px;}
.video {width: 100%; float:left;position: relative;padding-top: 70%; /*56.25*/
}
.video iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;}
.customers-speak-sec{padding-left:25px; margin-top:10px; }
.customers-speak{border:1px solid #b0b0b0;min-height: 225px; padding: 0px 10px 2px 10px; border-radius:5px;width:100%; float:left; text-align:center;}
.customers-speak h3{text-align:center; position: absolute;  top: 5px;    z-index: 2; left: 22%;  font-family: brandon-grotesque, sans-serif;font-size:18px; line-height:22px; text-transform:uppercase; font-weight:700; margin-top:-15px;}
.customers-speak h3 span{background:#fff; padding:0px 8px;}
.customers-speak img {max-height: 225px;}
.customers-slides   {      margin-top: 9px;}
.customers-slides .slick-prev   {  left: -26px;}
   
.customers-slides .slick-next   {  right: -26px;}

.customers-story-sec{padding-left:25px; margin-top:10px; }
.customers-story{border:1px solid #b0b0b0; padding: 0px 10px 2px 10px; border-radius:5px;width:100%; float:left; text-align:center;}
.customers-story h3{text-align:center; position: absolute;  top: 5px;    z-index: 2; left: 22%;  font-family: brandon-grotesque, sans-serif;font-size:18px; line-height:22px; text-transform:uppercase; font-weight:700; margin-top:-15px;}
.customers-story h3 span{background:#fff; padding:0px 8px;}
.customers-story img {max-height: 225px;}


.customers-desc p{font-family: brandon-grotesque, sans-serif;font-size:15px; line-height:18px; font-weight:500; margin-top:5px; }
.customers-detail{display:flex;}
.customers-detail .customers-logo{width:50%; float:left; padding-right:15px; padding-top:10px; padding-bottom:15px; border-right:1px solid #b0b0b0;}
.customers-detail .customers-logo img{float:right; width: 60%;}
.customers-detail .customers-name{width:50%; float:left; padding-left:15px; }
.customers-detail .customers-name p{margin:0px 0px; min-height:1px; font-size:11px; line-height:15px; text-align:left;}
.customers-detail .customers-name p span{font-weight:700; font-size:14px; width:100%; float:left; }



.footer-menu{background:#3f3f3f; padding:30px 0px;}
.footer-menu ul {text-align:center; margin:0px; padding:0px;}
.footer-menu ul li{display:inline-block; }
.footer-menu ul li a{color:#fff;  padding:0px 15px; border-left:1px solid #fff; transition:all 0.2s;}
.footer-menu ul li:first-child a{border-left:none;}
.copyright {text-align:center; padding:20px 0px;}
.copyright p{margin:0px; color:#3f3f3f;}
.copyright p a{color:#3f3f3f; transition:all 0.2s;}
.copyright p a:hover, .footer-menu ul li a:hover{color:#ed1b2f; transition:all 0.2s;}
a.contact-link{cursor:text;}
a.contact-link:hover, a.contact-link:focus{color:#3f3f3f !important;}


.slick-slide{outline:none; box-shadow:none;}
.slick-slide img{display:initial;}

.slick-arrow{position:absolute; top:50%; width:15px; margin-top:-18px; height:36px; background:#fff;  font-size:0px; outline:none !important; box-shadow:none !important; border:none;}
.slick-prev {left:-30px; background:#fff url(../images/prev.png) center no-repeat;}
.slick-next{ right:-30px; background:#fff url(../images/next.png) center no-repeat;}

.stories-slides .slick-arrow{position:absolute; top:50%; width:15px; margin-top:-18px; height:36px; background:#fff;  font-size:0px; outline:none !important; box-shadow:none !important; border:none;}
.stories-slides .slick-prev {left:-18px; background:url(../images/prev.png) center no-repeat;z-index: 1;}
.stories-slides .slick-next{right:-18px; background:url(../images/next.png) center no-repeat;}

.captcha-input{width:40%; float:left; height:44px; margin-right:10px;}
.captcha-code{width:45%; float:left; height:44px;}
.refresh-captcha{float:left; cursor:pointer; 
                 width: 12%; height:44px;
                 text-align: center; line-height:44px;
                 font-size: 18px; color:#fff;}
.refresh-captcha i{color:#fff;}

.form-input span {color: #ffc107 !important;
                  font-size: 10px;
                  float: right;
                  margin-top: 2px;}
.captcha-code iframe{width:100%;}
.marg-bottom{width:100%; float:left;}




/*Suresh*/
.banner--wrapper {
    width: 100%;
    margin-top: 60px;
}
.about {
    margin-top: 65px;
    font-size: 16px;
}
.choose-us {
    margin-top: 20px;
}

.heading {
    /*    border-bottom: 2px solid #ff6709;*/
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom:2px solid #ed1b2f;
    text-align: center;
}

.story {
    padding: 0;
}

.soical-icon {
    height: 40px;
    width: 40px;
    margin: 10px;
}
/*
.half-left{width:48%; float:left; height:44px; margin-right:10px;}
.half-right{width:45%; float:left; height:44px;}*/




.firsform .form-group
{
    width: 100%;
    float: left;
}
.firsform .half-left {width:48%; margin-right:10px;}
.firsform .half-right {width:48%}

/*model popup*/

/* Close Button */
.close-modal {
    text-align: right;
    cursor: pointer;
}
@-webkit-keyframes modalbox {
    0% {
        top: -250px; 
        opacity: 0;
    }
    100% {
        top: 0; 
        opacity: 1;
    }
}
@keyframes modalbox {
    0% {
        top: -250px; 
        opacity: 0;
    }
    100% {
        top: 0; 
        opacity: 1;
    }
}
.modal,
.modal-box {
    z-index: 900;
}
.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.modal {
    display: none; 
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
}
.modal-box {
    position: relative;
    box-shadow: 1px 0px 8px #252525;
    width:40%;
    margin: 40px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0,0,.3,1.6);
}
.modal-header {
    padding: 20px 40px;
    background: #fff;
    color: 333;
}
.modal-body {
    background: #fff;
    padding: 0 30px 60px 30px;
    form {
        position: relative;
        width: 100%;
        @include flexbox;
        @include flex-direction(row);
        input[type="text"] {
            width: 75%;
            min-height: 46px;
            padding: 0 10px;
            font-size: 14px;
        }
        input[type="submit"] {
            width: 25%;
            min-height: 46px;
            width: 30%;
            min-height: 46px;
            background: #111111;
            border: 0;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
        }
    }
}
.popup-image--wrap {  
    position: relative;
    width: 100%;
    display: block;
}
.popup-image--wrap img {  
    width: 100%;
    display: block;
}
.popup-body--wrap {
    position: relative;
    width: 100%;

}
.popup-body--wrap form {

}
.padding-0 {
    padding: 0;
}
#inquiry-popup .modal-body {
    padding: 0;
}
#inquiry-popup .modal-header {
    background: transparent;
    padding: 10px 0;
}
#inquiry-popup .modal-box {
    box-shadow: none;
}
#inquiry-popup .close-modal {
    font-size: 24px !important;
}
.modal-trigger .fa {
    display: inline-block;
    height: 24px;
    width: 24px;
    text-align: center;
    padding: 0 6px;
    line-height: 92px;
    border-radius: 100%;
}
.modal-trigger {
    position: fixed;
    top: 50%;
    right: 0;
}

.case-study {border-bottom: 2px solid red;}
.case-study .right-content{overflow: auto;  max-height: 470px;  font-size: 14px; overflow-x: hidden; padding: 15px 0; }	
.case-study figure {float: left; margin-right: 10px; padding-top:15px; }
.case-study figure img {width: 100%;}
.case-study ul {float: left; margin-top: 70px;}
.case-study li {font-size:15px; line-height: 24px; list-style-type: disc; margin-bottom: 15px}


.modal-dialog {max-width:800px}
.modal-body {background: #e5f0f5;}
.modal-content {background:#fff!important;}
.modal-content .modal-header .close {right: 0px; top: 3px;}
.modal-content .modal-header .close span { position: absolute; top: 1px; left: 10px;}


.modal {

    z-index: 9999;
}
.modal-content {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0;
    margin-left: 1px;

}
.modal-content .modal-body {
    padding: 0;
}
.modal-content .modal-body iframe {
    margin-bottom: -5px;
}
.modal-content .modal-header {
    border: 0 none;
    height: 0;
    min-height: 0;
    padding: 0;
}
.modal-content .modal-header .close {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-radius: 13px;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 26px;
    opacity: 1;
    padding-bottom: 0;
    position: absolute;
    right: -13px;
    text-shadow: none;
    top: -13px;
    width: 26px;
    z-index: 1;
}
/*ashu*/
.social_links{display:inline-flex;list-style:none;padding:0;margin:0}.social_links li{margin-left:4px}
.social_links li a{width:40px;height:40px;display:flex;font-size:12px;align-items:center;justify-content:center;color:#fff;border-radius:50%;margin-right:10px}.social_links li a .fa{font-size:20px}
.social_links li .facebook{background-color:#0265A8}.social_links li .linkedin{background-color:#0178BC}
.social_links li .youtube{background-color:#FB000F}.social_links li .twitter{background-color:#06B8EC}
.social_links li .instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
.social_links li .apple{background-color:#000}.social_links li .android{background-color:#9BBF03}.top-nav .leftnav .nav-link{font-size:11px}
.top-nav .nav-link{color:#58595B;font-size:11px;text-transform:uppercase;padding:0;line-height:28px;margin-top:1px;margin-right:25px;font-family:'etelka';font-weight:300;position:relative}
.top-nav .nav-link:hover{color:#EC1B2E}
/*end ashu*/