/* 
    Created on :Dec 16, 2017, 2:59:59 PM
    Author     :neha.bisen
*/

.small-banner{background:url("../../images/our_services/eprocurement-banner.png");background-size:100% 100%;}

/*first-section*/
.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px #f8f6de;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#f8f6de;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#607e89;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active{color:white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1);}
.wel-top{padding:1em 1em 0;background:#fff;border-bottom:2px solid #f6ba18;border-top:2px solid transparent;margin-bottom:2.8em;margin-top:2.5em;text-align:center;box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}
.wel-top h4{font-size:21px;color:#012a57;font-family:Play,sans-serif;margin-top:.5em;text-transform:capitalize;font-weight:500;font-family:'Francois One',sans-serif}
.first-sec-text{height:100px}
/*first-section*/
/*second-section*/
.second-sec-text{background:#fff;padding:3em 2em 2em;text-align:center;bottom:-33%;width:83%;margin:0 auto;left:8.5%;border:1px solid #ebe7e7}
.second-sec-text h4{text-align:center;font-size:1.5em;letter-spacing:1px;font-family:Play,sans-serif;font-weight:600}
.second-sec-text p{font-size:1em;color:#7c7c7c;line-height:2em;margin-top:.5em}
.second-sec-head{text-decoration:none;font-size:1.2em;position:absolute;bottom:10%;background-color:#f87e2a;color:#fff;padding:.2em 1em;left:41%;text-transform:capitalize}
.e-procument-image-wrapper img{width:100%;height:300px}
/*second-section*/
/*third-section*/
.third-sec{margin-bottom:20px}
.third-sec-text{font-size:14px;color:#636262;text-align:justify}
.third-sec-text p{margin-bottom:0}
.third-sec-wrapper .col-md-7{padding-right:0}
.third-sec-outer-wrapper{padding:4em 0;background:#e5eaec}
.third-sec-wrapper{padding:2em 1em 10px;background:#fff}.third-sec-icon img{width:40px;height:40px}
/*--commen effect--*/
.third-sec-icon.hovicon{display:inline-block;cursor:pointer;width:75px;height:75px;border-radius:50%;text-align:center;position:relative;text-decoration:none;z-index:1;color:#fff;line-height:65px}
.third-sec-icon.hovicon.small{font-size:20px;line-height:45px;width:45px;height:45px;margin:7px}
.third-sec-icon.hovicon.mini{font-size:15px;line-height:32px;width:30px;height:30px;margin:7px}
.third-sec-icon.hovicon.auto-width{width:auto;height:auto;padding:15px}
.third-sec-icon.hovicon:after{position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.third-sec-icon.hovicon:before{speak:none;font-size:40px;line-height:80px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
/* Effect 4 */
.hovicon.effect-4{width:70px;height:70px;box-shadow:0 0 0 3px #002656}
.hovicon.effect-4.small{width:45px;height:45px}
.hovicon.effect-4.mini{width:30px;height:30px}
.hovicon.effect-4.sub-a{-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}
/*-- agileits --*/
.hovicon.effect-4:before{line-height:80px}
.hovicon.effect-4:after{top:-3px;left:-3px;padding:0;z-index:10;border:3px dashed #002656}
.hovicon.effect-4:hover{box-shadow:0 0 0 0 rgba(255,255,255,0);color:#fff}
.hovicon.effect-4:hover span{color:#fff}
/* Effect 4b */
.hovicon.effect-4.sub-b:hover{-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}
.hovicon.effect-4.sub-b:hover:after{-webkit-animation:spinAround 9s linear infinite;-moz-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite}
@-webkit-keyframes spinAround{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes spinAround{
    from{
        -moz-transform:rotate(0deg)
    }
    to{
        -moz-transform:rotate(360deg);
    }
}
@keyframes spinAround{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg);
    }
}
/*--about end here--*/
/*third-section*/
/*fourth-section*/
.four-sec{margin:2em 0}
.four-sec-text{padding:0 10px 10px 22px}
.faq-section h4,.four-sec-text h4{margin-top:0;font-size:21px;color:#01bdd6;margin-bottom:10px;font-family:'Francois One',sans-serif}
.four-sec-text p{position:relative}.four-sec-text p:before{content:"\f061";font-family:FontAwesome;left:-18px;position:absolute;top:0;color:#012a57}
.four-common-img{background-size:cover;box-shadow:0 2px 6px 0 rgba(0,0,0,.4)}
.four-icon-wrapper{height:200px;text-align:center;overflow:hidden;border:8px solid #fff}
.four-icon-wrapper img{transition:all .5s linear;}
.four-icon-wrapper:hover img{transform:scale(1.1)}
/*fourth-section*/
.dynamic-quotation-wrapper{margin-bottom:2em;padding:1.4em 0 1em;background:#e5eaec}
.dynamic-quotation-sec{font-size:17px;word-spacing:2px;padding:21px;background:rgba(255,255,255,.22);width:80%;margin:auto;margin-bottom:2em;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);color:#fff;position:relative;border:1px solid rgba(255,255,255,.41)}
.dynamic-quotation-sec:before{position:absolute;content:''}
.dynamic-quotation-sec:after{position:absolute;content:''}
.dynamic-head h4{text-align:center;color:#fff;margin-top:0;text-transform:capitalize;font-weight:500;font-family:'Francois One',sans-serif;font-size:25px;position:relative;margin-bottom:25px}
.dynamic-head h4:before{content:'';position:absolute;bottom:-6px;width:24px;border-bottom:3px solid #f6ba1f;top:0;left:50%;margin-left:-27px}
.dynamic-head h4:after{content:'';position:absolute;bottom:-6px;width:24px;border-bottom:3px solid #f6ba1f;right:50%;margin-right:-27px}
.dynamic-quotation-wrapper{background:url(../../images/our_services/dynamic-quotation.jpg) fixed;background-size:cover}
@media only screen and (max-width:480px) and (min-width:320px){
    .first-sec-wrapper{margin-top:16px;}
    .wel-top{padding:10px 10px 0px;margin-bottom:10px;margin-top:10px;}
    .first-img-wrapper  img{width:50px;height:50px;}
    .first-sec-text p{font-size:14px;}
    .first-sec-text{height:105px;}
    .dynamic-head h4{font-size:20px;}
    .dynamic-quotation-sec{font-size:15px;word-spacing:0;padding:10px;width:93%;margin:auto;left:10px;margin-bottom:6em}
    .dynamic-quotation-sec p{font-size:14px}
    .third-sec-wrapper{padding:1em 0 10px}
    .third-sec-wrapper .col-md-7{padding-left:0}
    .hovicon.effect-4{width:50px;height:50px}
    .third-sec-icon img{width:25px;height:25px}
    .third-sec-icon.hovicon{line-height:48px}
    .third-sec-text p{font-size:13px}
    .third-sec{margin-bottom:10px}
    .e-procument-image-wrapper img{width:100%;height:200px}
    .third-sec-outer-wrapper{padding:2em 0}
    .four-sec-text h4{font-size:18px;margin-top:10px}
    .four-sec-text p{font-size:13px}
    .four-sec{margin-top:2em;margin-bottom:1em}
}

@media only screen and (max-width:766px) and (min-width:482px){
    .dynamic-quotation-sec{width:98%;left:9px}
    .four-sec{margin-bottom:1em}
    .wel-top{margin-bottom:10px;margin-top:10px}
    .wel-top h4{font-size:26px}
    .first-sec-text p{font-size:17px}
}
@media only screen and (max-width:991px) and (min-width:768px){
.first-sec-text{height:128px}
.first-img-wrapper img{width:45px;height:45px}
.wel-top{padding:7px 6px 0;margin-bottom:2em;margin-top:2em}
.first-sec-wrapper .col-md-3{padding-left:8px;padding-right:8px}
.wel-top h4{font-size:15px;margin-top:12px}
.third-sec-outer-wrapper{padding:3em 0}
.third-sec-wrapper{padding:2em 2px 10px;background:#fff}
.hovicon.effect-4{width:50px;height:50px}
.third-sec-icon img{width:25px;height:25px}
.third-sec-icon.hovicon{line-height:45px}
.third-sec-text{font-size:13px;word-spacing:1px}
.third-sec-wrapper .col-md-7{padding-left:0}
.third-sec{margin-bottom:12px}
.four-sec-text{padding:6px 6px 6px 20px}
.four-sec-text h4{font-size:19px}
.four-icon-wrapper img{width:100%;height:100%}
.four-icon-wrapper{height:188px}
.dynamic-quotation-sec{width:100%}
}
@media only screen and (max-width:1024px) and (min-width:1000px){
    .first-sec-text{height:128px}
    .e-procument-image-wrapper img{height:360px}
}