/*-----------------------------Stylesheet---------------------------------------------*/
ul{padding:0px;list-style:none;}
.dropdown {position: relative;}
.dropdown:before {
    position: absolute;
    content: '\f0d7';
    top: 12px;
    bottom: auto;
    margin: auto;
    right:5px;
    font-family: 'FontAwesome';
    font-weight: 600;
    color: #fff;
    font-size: 14.6px;
}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1 !important;min-width: 250px;line-height: 2;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;text-decoration: none;display: block;line-height: 1;}
.dropdown-content li {padding:0px;display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;width: 100%;padding: 0px;text-align: center;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
/*-----------------------------header-section---------------------------------------------*/
.inner-form {position: absolute;top:16%;right:6%;z-index: 999;width: 25%;background: rgba(0,0,0,0.5);border: 7px solid #dbdddc;padding: 1rem;box-shadow: 9px 9px 15px rgba(0,0,0,0.15);}
.inner-form h4 {text-transform: uppercase;color: #fff;font-size: 26px;font-weight: 600;text-align: center;margin-bottom: .7rem;}
.inner-form .form-group {margin-bottom: 7px;}
.inner-form .btn {box-shadow: none;padding: 13px 3rem;text-decoration: none;margin: 0rem 0 0;position: relative;color: #fff;font-size: 15px;background:none;}
.inner-form  .btn::before {width:44px;height:44px;background:#0e65a7;border-radius: 50%;position: absolute;left: 0;top: 8px;content: "";z-index: -1;transition: all 0.4s ease-in-out;}
.inner-form .btn:hover::before {width: 100%;height: 44px;background:#0e65a7;border-radius: 25px;position: absolute;left: 0;top: 8px;content: "";z-index: -1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.inner-form .form-group input,.inner-form .form-group select  {font-size: 15px;background: transparent;border: 1px solid #fff;color: #fff;height: 35px;border-radius: 0;outline: none!important;box-shadow: none!important;}
.inner-form .form-group select option {color: #000;}
.inner-form textarea.form-control {font-size: 15px;height: auto;background: transparent;border: 1px solid #fff;color: #fff;}
.inner-form .form-control::-webkit-input-placeholder{color:#fff;font-weight: 400;}
.nit-bannner .casestudy{height:85vh;width:100%;}
.inner-form .btn input.wpcf7-form-control.wpcf7-submit {
    border: none;
}
.gallery_product img.img-responsive {
    box-shadow: 0 0px 6px 0px #8c8888;
}
.nit-bannner .socailmedia{height:85vh;width:100%;}
.nit-bannner .portfolio{height:85vh;width:100%;}
.nit-bannner .work{height:85vh;width:100%;}
.nit-bannner .service{height:85vh;width:100%;}
.nit-bannner .contact{height:85vh;width:100%;}
.nit-bannner .about{height:85vh;width:100%;}
.nit-bannner .onetime{height:85vh;width:100%}
.nit-bannner .blog{height:85vh;width:100%;}
.nit-bannner .websitedesign{height:85vh;width:100%;}
header {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;} 
.nit-bannner {position: relative;width: 100%;}
.banner-text .ban::before {width:42px;height:42px;background:#fff;border-radius: 50%;position: absolute;left: 0;top: 0;content: "";z-index: -1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;color:#80be2d;}
.banner-text .ban:hover::before {width: 100%;height: 38px;background:#fff;border-radius: 25px;position: absolute;left: 0;top: 0;content: "";z-index: -1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;color:#80be2d;}
.banner-text .bann::before {width:42px;height:42px;background:#0e65a7;border-radius: 50%;position: absolute;left: 0;top: 0;content: "";z-index: -1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.banner-text .bann:hover::before {width: 100%;height: 38px;background:#0e65a7;border-radius: 25px;position: absolute;left: 0;top: 0;content: "";z-index: -1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.banner-text a {display: inline-block;margin-top:25px;font-size: 16px;line-height: 38px;color: #fff;font-weight: 500;margin-right: 20px;position: relative;padding: 0 17px;}
.banner-text .ban{color:#80be2d;font-weight:600;}
.banner-text .bann{color:#fff;}
.banner-text {height: auto;width: 685px;position: absolute;z-index: 999;top: 50%;font-size: 54px;font-weight: 700;line-height: 64px;margin-top: -140px;}
.banner-text .h1{font-size: 81px;color:#fff;font-weight:800;}
.banner-text .h2{font-size: 56px;color:#fff}
.ab{padding:0 !important;margin:0 !important;color:#fff}
.ab:hover{color:#a99c9c;}
.banner-text .h3 {font-size: 50px;color: #fff;font-weight:bold;}
.banner-text .h6 {font-size: 16px;color: #fff;}
.banner-text .h6 span {font-size: 16px;color:#a92fe5;}
.banner-text1 {height: auto;width: 685px;position: absolute;z-index: 999;top:64%;font-size: 54px;font-weight: 700;line-height: 64px;margin-top: -140px;}
.banner-text1 .h3 {font-size: 50px;color: #fff;font-weight:bold;}
.banner-text1 .h6 {font-size: 16px;color: #fff;}
.banner-text1 .h6 span {font-size: 16px;color:#a92fe5;}
.usus {text-align: right;margin-top: -69px;color: #fff;list-style: none;margin-right: 50px;}
.menu-icon {line-height: 60px;width: 100%;background: #000;text-align: right;box-sizing: border-box;padding: 15px 24px;cursor: pointer;color: #fff;display: none;}
/*-----------------------------------trans-section-------------------------------------*/
.trans{width: 73%;margin: auto;}
.trans h2{font-size: 25px;}
.trans p{font-size:16px;}
.tra{position: relative;top: -70px;}
.trans .col-md-3 img {padding: 10px;}
.com:hover h2,.com:hover p {color:#6c6c6c;transition: .5s all linear;}
.com:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.com img{filter: brightness(0) invert(1)}
.smart img{filter: brightness(0) invert(1)}
.clean img{filter: brightness(0) invert(1)}
.com:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
/*.com {transition: .5s ease-in;position: relative;border: 3px solid #0e65a7;border-radius: 30px;text-align: center;margin:15px;padding: 20px 10px;height: 300px;background: #fff;color:#6c6c6c;}*/
.com {border: none;transition: .5s ease-in;position: relative;background-image: linear-gradient(#F4A848, #e38106);border-radius: 30px;text-align: center;margin: 15px;color: #fff;padding: 20px 11px;height: 300px;}
.smart{border:none;transition: .5s ease-in;position: relative;background-color:#80be2d;border-radius: 30px;text-align: center;margin:15px;padding: 20px 13px;height: 300px;color:#fff;}
.clean:hover h2,.clean:hover p {color:#6c6c6c;transition: .5s all linear;}
.clean:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.clean:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
.clean{border: none;transition: .5s ease-in;position: relative;background-image: linear-gradient(#F77261, #EF4A50);border-radius: 30px;text-align: center;margin: 15px;color: #fff;padding: 20px 11px;height: 300px;}
.smart:hover h2,.smart:hover p {color:#6c6c6c;transition: .5s all linear;}
.smart:hover img{filter: brightness(1) invert(0);transition: .5s all linear;}
.smart:hover{border: 3px solid #0e65a7;background:#fff;transform: scale(1.1) !important;box-shadow: 3px 0px 15px 0 rgba(0,0,0,0.5);}
.com h2{color:#fff;}
.clean h2{color:#fff;}
.smart h2{color:#fff;}
.smart p {padding-top: 15px;}
.clean p {padding-top: 22px;}
/*-----------------------------------beauti-section-------------------------------------*/
.beauti .img-fluid {
    top: 60px;
    position: relative;
}
.beauti{background:url(../images/home2.png)no-repeat center #000;background-size:cover;height:550px}
.beauti h1{color: #fff;}
.beauti h3{color: #fff;}
.beauti p{color: #fff;}
.beauti .col-md-7{top:130px;}
.beauti p{    text-align: left;font-size:23px;line-height: 32px;padding: 0 5rem 0 0;color: #c1d1fb;}
.beauti h1{font-weight: 600;font-size: 70px;margin-bottom: 1rem;}
.beauti h3 {text-align: left;font-weight: 400;font-size: 43px;margin-bottom: 1rem;}
/*-----------------------------------services-section-------------------------------------*/
.services h2{font-size: 35px;color:#80be2d;text-align: center;position:relative;margin-bottom: 5rem;}
.services h2:after{position: absolute;content: "";bottom: -6px;left:-130px;right: 0;margin: 0px auto;background:#0e65a7;width:60px;height:3px;}
.services h3{font-size: 25px;}
.services p{font-size:14px;}
.services .web {border: 1px solid #e4e1e1;padding: 25px;}
.services .web h3{padding: 10px 0;}
.services {padding: 4rem 0;}
.serv{margin: 30px 0;}
.serv .service1 div:before, .serv .service1 div:after {content: "";position: absolute;background-image: linear-gradient(#F4A848, #e38106);top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service2 div:before, .serv .service2 div:after {content: "";position: absolute;background-image: linear-gradient( #0e589d,  #0e589d)!important;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service3 div:before, .serv .service3 div:after {content: "";position: absolute;background-image: linear-gradient(#F77261, #EF4A50)!important;;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .service1 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service1 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service1 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service2 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service2 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service2 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service3 div:hover {border: 0px solid #0e589d00;border-right: 3px solid #0e589d00 !important;border-bottom: none;transition: .5s all linear;}
.serv .service3 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .service3 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
/*.serv .col-md-4 div:before, .serv .col-md-4 div:after {content: "";position: absolute;background: #0e589d;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;transition: 0.5s;z-index: -1;}
.serv .col-md-4 div:hover {border: 3px solid #0e589d;border-right: 3px solid #0e589d !important;transition: .5s all linear;}
.serv .col-md-4 div:hover:before {transform: rotate(-6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .col-md-4 div:hover:after {transform: rotate(6deg);box-shadow: 0 22px 20px rgba(0,0,0,.2);}*/
.serv.text-center{margin-bottom: 20px;}
.serv.text-center:hover{}
.border-right:hover {border-bottom: none !important;border-right:none!important;box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.border-bottom:hover{border-bottom:none!important; box-shadow: 0 22px 20px rgba(0,0,0,.2);}
.serv .col-md-4 div {border:0px solid transparent;position: relative;background: #fff;}
.serv .col-md-4.col-sm-12.text-center.aos-init.aos-animate {
    padding-bottom: 20px;}
.border-right {border-right: 1px solid #dee2e6!important;}
.text-center {text-align: center!important;}
.border-bottom {border-bottom: 1px solid #dee2e6!important;}
.serv img{padding: 25px 0;}
.serv h4{color: #313131;margin: 1rem 0;font-size: 25px;font-weight: 600;margin-bottom: 20px;}
.serv p {font-size: 14px;color: #6c6c6c;padding: 0 1rem 1rem;margin: 0 9px;height: 125px;}
.copyright a{color: #1d1c1c;}
.copyright a:hover{color:#000;}
.fancybox-skin {
    position: relative;
    padding: 0px !important;
	background: #f9f9f900 !important;
box-shadow: none !important;}
.fancybox-close {
    position: absolute;
    top: -8px !important;
	right: -6px !important;}
/*-----------------------------------portfolio-section-------------------------------------*/
.port h2{color:#80be2d;text-align: center;position:relative;margin: 1rem 0 3rem;font-size:35px;}
.port{background:url(../images/home5.jpg);padding: 4rem 0;}
.por .col-md-4{padding-bottom: 10px;}
.port .cards .card-body .btn {padding: 10px 1.75rem;margin: 1rem 0 0;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: 600;width: 55%;transition: .3s all linear;}
.port .cards .card-body .design {background: url(../images/blue-btn.jpg) repeat-x left top #143666;}
.port .cards:after {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to top, rgba(19,38,95,0) 0%,rgba(19, 38, 95, 0.66) 25%,rgba(19, 38, 95, 0.66) 100%);opacity: 0;}
.port .cards {position: relative;overflow: hidden;box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;}
.port .cards .card-body {position: absolute;text-align: center;width: 100%;top: 150%;transform: translate(0,-50%);z-index: 9999;transition: .5s all linear;}
.ports .col-md-12{text-align: center;}
.por img{box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;height: 300px;margin-bottom: 10px;}
.por img:hover {box-shadow: 0 0 55px 0 rgba(0,0,0,.31)!important;}
.ports a.btn-default:hover{color:#fff;background-color:#808488;animation: bounce .7s ease-out;}
.ports a.btn-default {background:#0e5fa3;border: 0px;border-radius: 25px;padding: 14px 60px 14px 60px;font-weight: 500;font-size:16px;outline: 0;position: relative;color: #fff;text-decoration: none;    margin-top: 30px;}
.portfolios .card {
	    padding:0 !important;
       position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.15)!important;
    margin-bottom: 0rem;
    height: auto;
    border-radius: 0rem;

}
.portfolios .card .card-image {
    overflow: hidden;
}

.portfolios .card .card-body .btn:hover {
   animation: bounce .7s ease-out;
}
.portfolios .card:hover .card-body {
    top: 50%;
}
.portfolios .card .card-body .design {
    background: #143666;
}
.portfolios .card .card-body .btn {
    padding: 10px 1.75rem;
    margin: 1rem 0 0;
    color: #fff;
    
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    width: 55%;
        text-decoration: none;
    transition: .3s all linear;
}

.portfolios .card .card-body {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 150%;
    transform: translate(0,-50%);
    z-index: 9999;
    transition: .5s all linear;
}
.portfolios .card .card-image img {
    transform: translate3d(0px, 0px, 0px);
    transition: all 15s linear;
        width: 100%;
}
.portfolios .card:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(19,38,95,0) 0%,rgba(19, 38, 95, 0.66) 25%,rgba(19, 38, 95, 0.66) 100%);
    opacity: 0;

}

.portfolios .card:hover:after {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.portfolios .card:hover {
    box-shadow: 0 0 55px 0 rgba(0,0,0,.31)!important;
    transition: .5s all ease-in-out;
}
.gallery_product .caption {
display: none;
}




/*-----------------------------------sect-section-------------------------------------*/
.sectt{background:url(../images/seocasestudy_02.jpg) no-repeat center #000;background-size:cover;height:600px;}
.col-md-3.experience {margin-top: 11%;text-align: center;margin-left: -6%;}
.col-md-3.experience:hover {transform: translatey(-25px);}
.col-md-3.project {margin-top:3%;text-align: center;margin-left: 4%;}
.col-md-3.project:hover {transform: translatey(-25px);}
.col-md-3.team {margin-top: 5%;text-align: center;margin-left: 4%;}
.col-md-3.team:hover {transform: translatey(-25px);}
.col-md-3.commitment {margin-top:8%;text-align: right;margin-left: -4%;}
.col-md-3.commitment:hover {transform: translatey(-25px);}
.col-md-3.project h6 {font-size:15px;color:#000;line-height: .2;}
.col-md-3.commitment h6{font-size:15px;color:#000;line-height: .2;}
.col-md-3.experience h6{font-size:15px;color:#000;line-height: .2;}
.col-md-3.team h6{font-size:15px;color:#000;line-height: .2;}
.experience div {display: inline-flex;}
.team div {display: inline-flex;}
.project div {display: inline-flex;}
.commitment div {display: inline-flex;}
 h3.counter-count {font-size: 58px;font-weight:900}
.experience span {font-size: 20px;color: #989797;padding-top: 40%;}
.team span {font-size: 58px;font-weight:900;color:#ff4301;}
.project span {font-size: 58px;font-weight:900;color:#06bbac;}
.commitment span {font-size: 58px;font-weight:900;color:#a92fe5;}
.experience h3{color:#0e62a5;}
.team h3{color:#ff4301;}
.project h3{color:#06bbac;}
.commitment h3{color:#a92fe5;}
.experience img {margin-top: 45%;}
.team img{margin-top: 45%;}
.project img {margin-top: 45%;}
.commitment img{margin-top: 45%;margin-right: -14%;}
/*-----------------------------------testimonia-section-------------------------------------*/
.test{background-color:#0e62a5;padding: 4rem 0;}
.test h2{color:#fff;text-align: center;position:relative;font-size:35px;}
.test h2:after{position: absolute;content: "";bottom: -6px;left:-125px;right: 0;margin: 0px auto;background:#fff;width:60px;height:3px;}
.carousel-indicators .active{ background: #31708f; }  
.adjust1{ float:left; width:100%; margin-bottom:0;background: none;border:none;   margin-top:3%; } 
.carousel-indicators li{display: none;}
.carousel-control{ color:#31708f; width:1%; } 
.content p {font-size: 15px;color: #fff;text-align: left;font-style: italic;font-weight: initial;line-height: 1.7;width:89%;}
.carousel-control:hover, .carousel-control:focus{ color:#31708f; } 
.carousel-control.left, .carousel-control.right {color: #fff;background-image: none;position: absolute;top:70px;font-size: 34px;}
.media-object{ margin-left: 10%;border-radius: 50%;}
.round p{margin-left: 30%;margin-top: 6%;font-size: 15px;}
.round p b{font-size:18px;}
.checked {color: orange;}
.thumbnail .caption{position:relative;}
.thumbnail .caption:after {position: absolute;content: "";left: -6px;right: 0;background: #fff;width: 3px;top: 45px;height: 40px;}
.thumbnail .caption:before{position: absolute;content: "";left:-5px;right: 0;background:#51aef8;width:1px;height:110px;}

/*-----------------------------------site-main-section-------------------------------------*/

.site-main h2.screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important;
    width: auto;
    display: none;
}


.site-main span.screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important;
    width: auto;
    display: none;
}

.site-main svg.icon {
    display: inline-block;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
    transform: rotate(180deg);
}
.site-main svg.icon.icon-arrow-right {
    position: absolute;
    top: 8px;
    left: -20px;
}

.site-main svg.icon.icon-arrow-left {
    position: absolute;
    top: 8px;
    right: -20px;
}
.tops {
    width: 20%;
    float: right;
    margin-top: -45px;
}
/*-------------------------------------testmonial-section------------------------------------*/
.webdevss {padding-top:3em;background: #eae8e8;}
.webdevss h1{font-size:35px;color:#80be2d;position:relative;text-align:center;font-weight:700;margin-bottom:20px;}
.webdevss h1:after{position: absolute;
    content: "";
    bottom: -6px;
    left: 510px;
    right: 0;
    background: #0e65a7;
    width: 60px;
    height: 3px;}
.webdevss p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.parent-box{
    width:50%;height:300px;float:left;display:flex;;
}
 

.box{
    width:100%;
    height:100%;        
    padding: 15px 15px 0 15px;
}

.dialog-box{
    background: white;
    width: 100%;
    height: 55%;
    font: normal 20px/25px 'Varela Round', 'Arial'; 
    
    display: table;
    position: relative;
    letter-spacing: 1px;
    border-radius: 1px;
       box-shadow: 0 1px 8px 0px #b1afaf;
}

.dialog-box > p{
    margin: 0;
    display: table;
    width: 100%;

    padding: 10px;
}
.dialog-box > p>i{}

.dialog-box:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0px 0 45px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 51%;
    bottom: -20px;
    content: close-quote;
    z-index: 1;
}


/*-----------------------------------sect-section-------------------------------------*/
.column {float: left;width: 33.3%;padding: 0 10px;}
.phone .card:hover { box-shadow: 0 4px 8px 0 rgba(66, 64, 64, 0.79); }
.phone .card {border-radius: 8px;padding-top:20px !important;width: 90%;;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;background-color: #fff;height:165px;display:inline-flex;}
.mail strong {font-weight: 700;font-size: 25px;color:#313131;}
.phn strong {font-weight: 700;font-size: 25px;color:#313131;}
.address strong {font-weight: 700;font-size: 25px;color:#313131;}
.mail a{color:#5e5e5e;}
.phn a{color:#5e5e5e;}
.phn a:hover{color:#092ddb;}
.address a{color:#5e5e5e;}
.mail a:hover{color:#092ddb;}
.phones{text-align:center;}
.phone{background:url(../images/home3_07.png) no-repeat center #000;background-size:cover;padding: 8rem 0;}
.mail{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top:25px;padding-left: 25px;}
.phn{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top: 10px;padding-left: 25px;}
.address{text-align: left;font-size: 16px;color:#000;display: inline-block;padding-top: 10px;padding-left: 25px;}

/*-----------------------------------footer-section-------------------------------------*/
footer#footer{background:url(../images/footer.png) no-repeat center #000;background-size:cover;padding: 3em 0 2.5em;}
.footer-content h5{font-size:25px;color:#f2f6f7;margin-top:0;text-transform:capitalize;position:relative;margin-bottom:20px;font-weight:600;}
/*---------------address------------------*/
.footer-content .fa.fa-angle-right {padding-right: 10px;font-size: 18px;}
.footer-content .address{padding-top:0px;}
.footer-content .address ul li{padding-bottom:5px;}
.footer-content .address ul li a{font-size:16px;color:#fff;font-weight:500;transition: .5s all linear;}
.footer-content .address ul li a:hover {font-size: 16px;color: #0e589d;font-weight:bold;padding-left: 6px;}
/*---------------call-now------------------*/
.footer-content .col-md-offset-1.call {margin-left:5%;text-align:center;}
.footer-content .call a{font-size:16px;color:#fff;font-weight:500;line-height:1;transition: .5s all linear;}
.footer-content .call ul li a:hover {font-size: 16px;color: #0e589d;font-weight:bold;padding-left: 6px;}

/*---------------social------------------*/
.footer-content .social h5:after{width:70%;}
.footer-content .social ul li{display:inline-block;margin:0px 5.3px;}
.footer-content .social ul li:last-child{margin-right:0px;}
.footer-content .social ul li a i.fa {color: #fff;font-size:24px;}
.footer-content .social ul li a i.fa.fa-facebook:hover {color:#395694;}
.footer-content .social ul li a i.fa.fa-twitter:hover {color:#1c9ceb;}
.footer-content .social ul li a i.fa.fa-linkedin:hover {color:#0270ad;}
.footer-content .social ul li a i.fa.fa-youtube:hover {color:#d62b27;}
.footer-content .social ul li a i.fa.fa-pinterest-p:hover {color:#e34133;}

.socials {padding-top: 18px;}
.socials ul li{display:inline-block;margin:0px 2.3px;}
.socials ul li:last-child{margin-right:0px;}
 .socials ul li a i.fa {color:#fff ;background: #111111;border-radius: 50%;width: 30px;height: 30px;margin: 0px;padding: 7px 0px;text-align: center;font-size: 18px;}
.socials ul li a i.fa:hover {color:#fff;}
.socials ul li a i.fa.fa-facebook:hover {background:#395694;}
.socials ul li a i.fa.fa-twitter:hover {background:#1c9ceb;}
.socials ul li a i.fa.fa-linkedin:hover {background:#0270ad;}
 .socials ul li a i.fa.fa-youtube:hover {background:#d62b27;}
 .socials ul li a i.fa.fa-pinterest-p:hover {background:#e34133;}
.office-list li h4{font-weight: 400;text-transform:initial;font-size: 22px;}
/*-----------------------------------copyright-section-------------------------------------*/
.copyright{background:#1d1c1c;padding:12px 0;}
.copyright p{color:#002555;font-size:14px;margin:0;text-transform:inherit;font-weight:600;}

/*-------------------------------------Back-to-top----------------------------------------*/
#back2Top {width:40px;line-height: 40px;overflow: hidden;z-index: 999;display: none; cursor: pointer;-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);position: fixed;bottom:20px;right:90px;background-color:#f1f0f0;color: #0e62a5;text-align: center;font-size:25px;text-decoration: none;border-radius: 50%;}
#back2Top:hover {background-color: #DDF;color: #000;}

/*-----------------------------------AboutUs-section-------------------------------------*/
.aboutus h6{color:#909090;font-size:20px;text-align:left;}
.aboutus h2{    margin-bottom: 16px;
color:#80be2d;text-align:left;position: relative;font-size:35px;}
.aboutus  h2:after {position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#0e65a7;width: 60px;height: 3px;}
.online h6{color:#000;font-size:25px;text-align:left;font-weight:600;}
.online p{font-size:16px;    text-align: justify;}
.online p span{color:#0e589d;}
.aboutus p {
	margin: 0 0 5px;}
.uss img{border: 12px solid #fff;box-shadow: 0px 0px 7px 3px #d6cece;}
/*-----------------------------------ContactUs-section-------------------------------------*/
.monthly-subscription {background:url(../images/payment.jpg) no-repeat center #000;background-size:cover;padding: 4rem 0 6rem;}
.addresss li a {
    color: #9c9c9c;
}
.addresss li a:hover{color:#083cd0;}
.addresss li p{display: inline-block;}
.addresss li p span {
    display: block;
	    width: 235px;
}
.addresss li i.fa.fa-map-marker{height: 60px;}
.addresss li i{
    float: left;
    width: 30px;
line-height: 1.8;}
.addresss li{color: #9c9c9c;padding: 10px 0;}
.monthly-subscription  .col-md-6 h2{margin-bottom: 3rem;color:#fff;text-align:left;position: relative;font-size:35px;}
.monthly-subscription  .col-md-6 h2:after {position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#fff;width: 60px;height: 3px;}
.monthly-subscription .card {background: #f4f4f4;padding: 1rem 2rem;border-radius: 10px;text-align: center;border: 1px solid #9b9b9b;min-height: 245px;width:100%;}
.monthly-subscription .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 5.25rem;}
.monthly-subscription .m-auto{margin: auto;width: 90%;margin-bottom: 15px;}
.inner-page-middle {padding: 4rem 0;font-size: 16px;}
.monthly-subscription .card .card-body img {max-width: 250px;}
.inner-page-middle h2{margin-bottom: 3rem;color:#80be2d;text-align:left;position: relative;font-size:35px;}
.inner-page-middle h2:after{position: absolute;content: "";bottom: -6px;left:0px;right: 0;background:#0e65a7;width: 60px;height: 3px;}
.contct-from input[type="submit"] {text-decoration: unset;padding: 0;color: #fff;font-size: 18px;font-weight: 600;text-transform: capitalize;margin-top: 1rem;width: 25%;transition: .3s all linear;background: #0e589d;border-color: #0e589d;border-radius: 50px;line-height: 45px;}
.contct-from input[type="submit"]:hover {background: #000;border-color: #000;}
.inner-page-middle .costmer {display: inline-flex;}
.inner-page-middle .costmer img {box-shadow: 4px 4px 2px #0e589d;}
.inner-page-middle .costmers  img {box-shadow: 4px 4px 2px #0e589d;}
.inner-page-middle .costmer img {border-radius: 10px;}
.inner-page-middle .costmers  img {border-radius: 10px;}
.inner-page-middle .costmers {display: inline-flex;}
.inner-page-middle .row{padding-top:20px;}
.addresss {padding-left: 25px;padding-top: 7%;}
.costmers {padding-top: 6%;}
.addresss h3 span{font-size:14px;color: #9c9c9c}
.addresss .mail a{color: #9c9c9c !important;}
.addresss .phn a{color: #9c9c9c !important;}
.addresss .mail {text-align: left;font-size: 16px;display: inline-block;padding-top: 0px;padding-left:0px;}
.addresss .phn {text-align: left;font-size: 16px;color: #9c9c9c !important;padding-top: 0px;padding-left:0px;}
.monthly-subscription .card input[type="image"] {width: 36%;}

/*-------------------------------------OurWork-section------------------------------------*/
.works{padding:4rem 0;}
.works h4{font-size:30px;color:#313131;}
.works p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.works .row {padding: 5rem 0;}
.works .col-md-7{padding-top: 8%;}
/*-------------------------------------Digital marketing------------------------------------*/
.digital{margin: 4rem 0;position:relative;}
.digital h4{font-size:30px;color:#313131;}
.digital h5{font-size:28px;color:#80be2d;}
.digital p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.digital .row {padding: 2rem 0;}
.digital .col-md-7{padding-top: 2%;}
.digital img.mobile {border: 8px solid #0e65a7;}
.digital .quarter-circle-top-right{ width: 400px;height: 350px;background:#FFBBC0;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;top:-4.5%;right: 0;}
.brand ul, .host ul, .servicedetail ul {
    list-style: disc;
}
/*-------------------------------------Product Development------------------------------------*/
.product{margin: 4rem 0;position:relative;}
.product h4{font-size:30px;color:#313131;}
.product h5{font-size:28px;color:#80be2d;}
.product p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.product .row {padding: 2rem 0;}
.product .quarter-circle-top-right{ width: 400px;height: 350px;background:#FAE4E6;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;   top: -9.8%;right: 0;}
/*-------------------------------------Hosting & Maintenance------------------------------------*/
.host{margin: 4rem 0;position:relative;}
.host h4{font-size:30px;color:#313131;}
.host h5{font-size:28px;color:#80be2d;}
.host p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.host .row {padding: 2rem 0;}
.host .quarter-circle-top-right{ width: 400px;height: 350px;background:#FAE4E6;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;    top: -5.8%;right: 0;}
/*-------------------------------------E Commerce Solution------------------------------------*/
/*.ecommerce{margin: 4rem 0;position:relative;}
.ecommerce h4{font-size:30px;color:#313131;}
.ecommerce h5{font-size:28px;color:#80be2d;}
.ecommerce p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.ecommerce .row {padding: 2rem 0;}
.ecommerce .quarter-circle-top-right{ width: 400px;height: 350px;background: #C27CEC;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;top: -9.8%;right: 0;}*/
/*-------------------------------------Mobile App/Web Development------------------------------------*/
/*-------------------------------------brand------------------------------------*/
.brand{margin: 4rem 0;position:relative;}
.brand h4{font-size:30px;color:#313131;}
.brand h5{font-size:28px;color:#80be2d;}
.brand p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.brand .row {padding: 2rem 0;}
.brand .quarter-circle-top-right{ width: 400px;height: 350px;background: #06C9B9;border-radius: 0 0 0 350px;-moz-border-radius: 0 0 0 350px;-webkit-border-radius: 0 0 0 350px;position: absolute;    top: -6.8%;right: 0;}
/*-------------------------------------ServiceDetail-section------------------------------------*/
.servicedetail{padding:4rem 0;}
.servicedetail h4{font-size:30px;color:#313131}
.servicedetail p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.servicess{background:url(../images/services-detail_02.jpg) no-repeat center #000;background-size:cover;padding: 6rem 0 6rem;}

/*-------------------------------------webform------------------------------------*/

.webform{margin: 4rem 0;position:relative;}
.webform h2{font-size: 45px;
        color: #0e65a7;
        text-align: center;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1px;
    padding-top: 20px;
    margin: 0;}
  
.webform p{text-align:center;}
.cost_box_h {
    width: 88%;
    padding: 10px 0 15px;
    font-size: 19px;
    color: #028BD2;
    margin: 0 0 0 30px;
}
.field_bg_wdc_455 {
  margin: 8px 0px 0;
    width: 57%;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
}
.webdesignform input[type="submit"]:hover {
    background: #000;
    border-color: #000;
}
.webdesignform p{text-align:left; padding-left:25px;}
.webdesignform input[type="submit"] {
    text-decoration: unset;
    margin-left: 20px;
    color: #fff;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 1rem;
    width: 14%;
    transition: .3s all linear;
    background: #0e589d;
    border-color: #0e589d;
    border-radius: 50px;
    line-height: 45px;
}
form#mailingfrm {
    width: 70%;
    margin: auto;
    background: #d6d3d3;
    padding: 20px;
}
/*-------------------------------------webdev------------------------------------*/
.webdev{margin: 4rem 0;position:relative;}
.webdev h4{font-size:30px;color:#313131;}
.webdev h5{font-size:28px;color:#80be2d;}
.webdev p{font-size: 15px;text-align: inherit;line-height: 1.8;}
.webdev .row {padding: 2rem 0;}
.webdev .col-md-5 img{box-shadow: 0 0 6px 5px #d6d5d5;}
.glow{padding-top:20px;}
.webdev ul {
    display: block;
    list-style: none;
}
.glossary_link {
    display: inline;
	margin-right: 9px;}
.glossary_link li {
    padding: 0 0 5px;
}
.glossary_link li a:hover {
    background:#28518b;
    color: #fff;
    padding-left: 35px;
}
.glossary_link li a {
    border: 1px solid #e6e6e6;
    color: #000;
    display: block;
        border: 1px solid #e6e6e6;
    color: #000;
    display: block;
    height: 32px;
    line-height: 27px;
    padding: 0 0 0 25px;
}
.border_pan {
    background: #F2F2F2;
    border: 1px solid #e8e8e8;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}
.border_pan h4 {
    font-size: 14px;
	color:#000;font-weight:700;}
.webdev a.btn-default:hover {
    color: #fff;
    background-color: #808488;
}
.webdev a.btn-default {
    background: #0e5fa3;
    border: 0px;
    border-radius: 25px;
    padding: 8px 50px 8px 50px;
    font-weight: 500;
    font-size: 16px;
    outline: 0;
    position: relative;
    color: #fff;
    text-decoration: none;
}
.webdev .Rcol_side_link li {
    background: url(../images/tick_.png) no-repeat left 8px;
    color: #000;
       padding-left: 24px;
    transition: all .3s ease-in-out;
}
.webdev .Rcol_side_link li::before{display:none;}
.webdev a{color:blue;text-decoration:underline;}
.webdev ul li::before {
    content: "\2022";
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.webdev ul li {
    padding: 10px;
    line-height: 10px;
}
/*-------------------------------------Portfolio-section------------------------------------*/
.portfolios{padding:4rem 0;background: url(../images/home5.jpg)no-repeat center #000;background-size: cover;}
.portfolios h2{font-size: 35px;color: #0e65a7;text-align: center;position: relative;margin: 1rem 0 3rem;}
.portfolios h2:after {position: absolute;content: "";bottom: -6px;left: -285px;right: 0;margin: 0px auto;background: #0e65a7;width: 60px;height: 3px;}
.filter-button{margin-left: 5px;padding: 5px 12px;font-weight: 100;text-decoration: none;background: #fff;font-size: 16px;border: 2px solid #0e65a7;border-radius: 5px;text-align: center;color: #0e65a7;margin-bottom: 30px;}
.filter-button:hover{font-size: 16px;border:2px solid #0e65a7 !important;border-radius: 5px;text-align: center;color: #ffffff;background-color: #0e65a7 !important;}
.btn-default:active{background-color: #0e65a7 !important;color: white;border-color:transparent;}
.filter-button:active{background-color: #0e65a7 !important;color: white;}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 30px;}


.gallery_product #carouselHeader h3{
      position: relative;
      text-align: center;
    }

.gallery_product .modal-header .close{color:#000;}
/* Indicators list style */
.gallery_product .project-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 5px;
  width: 100%;
}
/* Indicators list style */
.gallery_product .project-slide .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  height: 35px;
  margin-bottom: -10px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 50px;
  border-radius: 3px;
  
}
/* Indicators images style */
.gallery_product .project-slide .carousel-indicators img {
  border: 2px solid #FF8C00;
  border-radius: 3px;
  float: left;
  height: 35px;
  left: 0;
  width: 50px;
  opacity: 0.7;
}
/* Indicators active image style */
.gallery_product .project-slide .carousel-indicators .active img {
  border: 2px solid orange;
  opacity: 1;
}
/* carousel-control */
.gallery_product .gallery_product .carousel-control{
  color:#FF8C00; 
  opacity: 0.5;
}
.gallery_product .carousel-control:hover,
.carousel-control:focus {
  color: orange;
  opacity: 1;
}
.gallery_product .carousel-control.left, .carousel-control.right{ 
    background: none !important;
    color:#fff;
    filter: none !important;
   
}
   

/*-------------------------------------seocasestudydetail-section------------------------------------*/
.case{padding:4rem 0;}
.case h5{font-size:18px;color:#0e62a5}
.case h6{font-size:16px;color:#000;font-weight: 600;}
.case p{font-size:15px;color:#4c4c4c;width:80%;}
.case .caption_column {width: 66.6%;;float: left;}
.case .caption_column .heading_row {font-weight: 600;background: none;color: #a8a7a7;}
.case .column_2 li {border-bottom: 1px solid #d3d3d3;min-height: 39px;line-height: 39px;padding: 0;text-transform: capitalize;}
.case .caption_column li {padding-left: 8%;border-left: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #9c9c9c;min-height: 39px;line-height: 39px;text-transform: capitalize;}
.case  .caption_column .heading_row{padding-left: 8%;background:#aeaeae;color: #000;display: block;font-size: 20px;height: 40px;line-height: 40px;}
.case .column_2 .heading_row{font-weight: 600;background:#aeaeae;color: #000;display: block;font-size: 20px;height: 40px;line-height: 40px;text-align:center;}
.case .column_2 li {background: #fff;text-align: center;}
.case .caption_column li {background: #f4f4f4;}
.case .active_column,.case .column_1:hover {position: relative;z-index: 100;box-shadow: 5px 0 30px rgba(0,0,0,0.5);-moz-box-shadow: 5px 0 30px rgba(0,0,0,0.5);}
.case .column_2 {width: 33.33%;float: left;}

/*-------------------------------------SEO Case Study-section------------------------------------*/
.casestudys{padding:4rem 0;}
.casestudys h2{font-size: 35px;color: #0e65a7;text-align: center;position: relative;margin: 1rem 0 3rem;}
.casestudys h2:after {position: absolute;content: "";bottom: -6px;left: -150px;right: 0;margin: 0px auto;background: #0e65a7;width: 60px;height: 3px;}
.filter-button{margin-left: 5px;padding: 5px 12px;font-weight: 100;text-decoration: none;background: #fff;font-size: 16px;border: 2px solid #0e65a7;border-radius: 5px;text-align: center;color: #0e65a7;margin-bottom: 30px;}
.filter-button:hover{font-size: 16px;border:2px solid #0e65a7;border-radius: 5px;text-align: center;color: #ffffff;background-color: #80be2d}
.btn-default:active{background-color: #0e65a7 !important;color: white;}
.filter-button:active{background-color: #0e65a7 !important;color: white;border: 2px solid #0E65A7 !important;}
.btn-primary:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
	    border-color: #286090 !important;
}
.port-image{width: 100%;}
.gallery_product{margin-bottom: 30px;}
.thum {height: 310px;border:2px solid #eaeaea;border-radius: 15px;padding: 30px 20px;}
.thum:hover{border: 2px solid #0e65a7;}
.thum:hover .ca {background: #0e65a7;color:#fff}
.thum h4{font-size:16px;color:#000;font-weight: 600;padding-top: 15px;}
.thum h3{font-size:20px;color:#000;font-weight: 600;}
.thum h4 span{font-size:16px;color:#000;font-weight:300}
.thum h4 span u{color:#989898;font-size:12px;text-decoration-line:none;}
.thum h3.ca {float: right;padding: 10px 40px 10px 15px;background: #eaeaea;position: relative;left: 11%;}
.thum img {width: 46%;}
.thum a {
    color: #1e65e7;
	font-size: 15px;
}
.thum a:hover{text-decoration:underline;}

/*-------------------------------------Social Media Optimization-section------------------------------------*/
.socailmedias{padding: 4rem 0 0 0px;}
.socailmedias h3{font-size: 25px;color:#80be2d;position:relative;}
.socailmedias h3:after {position: absolute;content: "";bottom:-4px;left:0px;margin: 0px auto;background: #0e65a7;width: 35px;height: 3px;}
.socailmedias h2{font-size: 35px;color:#80be2d;position:relative;}
.socailmedias h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.socailmedias ul.link_col li a {background: url(../images/bullet1.png) no-repeat left 6px;color: #111;display: list-item;font-size: 15px;line-height: 1.7;opacity: 1;padding-left: 20px;text-transform: capitalize;white-space: nowrap;width: auto;}
.socailmedias ul.link_col {padding: 10px 0px;}
.socailmedias ul.link_col li a:hover{background: url(../images/bullet2.png) no-repeat left 6px;color:#80be2d;}
.socailmedias ul.link_col li a.active{background: url(../images/bullet2.png) no-repeat left 6px;color:#80be2d;font-weight:600}
.socailmedias ul.link_col li {border:1px solid #bdbdbd;padding: 4px 0;}
.socailmedias p {font-size:15px;line-height: 1.8;}
.socailmedias .packs a.btn-default:hover {color: #fff;background-color: #808488;}
.socailmedias .packs a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.socailmedias .packs{float:right;}
.socailmedias .bullet {
    display: block;
    list-style: none;
}
.socailmedias a{color:blue;}
.socailmedias .bullet li::before {
    content: "\2022";
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.socailmedias .bullet li {
    padding-left: 10px;
    line-height: 28px;
}
.socailmedias h5{font-size: 20px;color:#80be2d;}
/*-------------------------------------Web Design Packages-section------------------------------------*/
.websitedesigns{padding: 4rem 0 0 0px;}
.websitedesigns h2{font-size: 35px;color:#80be2d;position:relative;}
.websitedesigns h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.websitedesigns .packs a.btn-default:hover {color: #fff;background-color: #808488;}
.websitedesigns .packs a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.websitedesigns .packs{float:right;}
.websitedesigns h5{font-size:18px;color:#191d2b;padding-bottom: 10px;}
.websitedesigns p{font-size:15px;color:#4c4c4c;}
.websitedesigns p span{font-size:15px;color:#000;font-weight:600}
.websitedesigns .budget {float: left;padding-top: 3%;}
.websitedesigns a.btn-default:hover {color: #fff;background-color: #808488;}
.websitedesigns a.btn-default {background: #0e5fa3;border: 0px;border-radius: 25px;padding: 8px 50px 8px 50px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;}
.buggetss{border:3px solid #e6e6e6;border-radius: 20px;padding: 10px;height:auto;width:100%;display:block;box-shadow:none;margin: 25px 0;}
.buggetss:hover{border: 3px solid #0e5fa3;border-radius: 20px;box-shadow:-2px 1px 8px 4px rgba(0, 0, 0, 0.2)}

/*-------------------------------------One Time Seo Packages-section------------------------------------*/
.onetimes{padding: 4rem 0 0 0px;}
.table-stripeds {width: 100%;border-collapse: collapse;border: 1px solid #f1f1f1;margin: 2em 0;}
.table-stripeds .caption {font-size: 35px;color: #fff;text-align: center;}
.table-stripeds th {background: #0e65a7;padding: 7px 7px;font-size: 20px;}
.table-stripeds .bluebg {color:#80be2d;font-size:35px;background: #fff;text-align: center;}
 .table-stripeds .bluebg th, .table-stripeds .bluebg td {color:#fff;font-size:35px;background:#0e65a7;text-align: center;}
.table-stripeds .bgheading> th, .table-stripeds .bgheading td {padding: 7px;text-align: center;color: #000;background: #aeaeae;}
.table-stripeds td {border: 1px solid #aeaeae;padding: 10px;}

/*-------------------------------------Blog-section------------------------------------*/

/*-------------------------------------Packages-section------------------------------------*/
#packages .pack_table .heading_row11 label{
    font-size: 15px;
        color: #FFF;
    display: block;
    height: 60px;
        margin-bottom: 0px;
    line-height: 60px;

}
#packages .pack_table .heading_row2 {
    height: 60px;
    text-align: center;
    padding-top: 0;
     background-color: #80be2d
}

#packages .pack_table .heading_row11 {
    background-color: #80be2d;
    border-right: none;
    text-align: center;
    padding-top: 0;
    border-left: 1px solid #d7d7d7;
    border-bottom: none;
}
#packages .pack_table .active_column, #packages .pack_table .column_11:hover {
    position: relative;
    box-shadow: 5px 0 30px rgba(0,0,0,0.5);
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
}
#packages .pack_table .column_11 .row_style_1.align_centers:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 117px;
    background: url(../images/tick_.png) no-repeat center;
    height: 29px;
    width: 25px;
}
#packages .pack_table .column_11 .pop-up {
    position: absolute;
    top: 9px;
    font: bold 20px;
    /*"Varela Round",Arial,"Helvetica Neue",Helvetica,sans-serif*/
    width: 200%;
    color: #000;
    z-index: 300;
}
#packages .pack_table .column_11 li.row_style_3.align_centers:after {
    position: absolute;
    content: "";
    top: 7px;
    left: 117px;
    background: url(../images/tick_.png) no-repeat center;
    height: 29px;
    width: 25px;
}

#packages .pack_table .column_11 {width:260px;float: left;}
#packages .pack_table .caption_column13{width: 420px;float:left;}
#packages .pack_table .caption_column13 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table .caption_column12{width: 450px;float:left;}
#packages .pack_table .caption_column12 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table .caption_column11{width: 640px;float:left;}
#packages .pack_table .caption_column11 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_5 {background: #c2c2c2;}
#packages.new_packages .pacl_top {
    float: left;
    text-align: left;
    width: 45%;
}
.new_packages .new_pack_table {
    float: right;
    width: 53%;
}
.boxbg li {
    height: 39px;
    border-bottom: 1px solid #6586a8;
    padding-left: 7%;
    text-align: left;
    line-height: 39px;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    background: #748cc1;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
.reporting {
    background-color: #e7dcc0;
    border-top: 1px solid #fff;
    padding: 8px 20px;
}
.package_content li{    border-bottom: 1px solid #d7d7d7;
    min-height: 42px;
    line-height: 36px;
    font-size: 14px;
    padding: 0;
    text-transform: capitalize;}
.boxbg li span {
    float: right;
    margin-right: 10%;
}
.package_content {
    background: #f5f2ec;
}
.pacl_top h4{    font-size: 20px;
    font-weight: 400;
    color: #1e457e;
    padding-bottom: 10px;}

.heading_col {
    background: #0e65a7 !important;
    padding: 5px;
    font-size: 1.8em;
    color:#fff;
    text-transform:uppercase;
}
li.row_style_3.align_centers {position: relative;}
li.row_style_3.align_centers:after {position: absolute;content: "";top: 7px;left: 78px;background: url(../images/tick_.png) no-repeat center;height: 29px;width: 25px;}
li.row_style_1.align_centers{position:relative;}
li.row_style_1.align_centers:after{ position: absolute;content: "";top: 7px;left: 78px;background: url(../images/tick_.png) no-repeat center;height: 29px;width: 25px;}

li.row_style_1.align_centerss{position:relative;}
li.row_style_1.align_centerss:after{ position: absolute;content: "";top: 7px;left: 78px;background: url(../images/tsw-x-mark.png) no-repeat center;height: 29px;width: 25px;}

.package{padding: 4rem 0 0 0px;}
.package h2{font-size: 35px;color:#80be2d;position:relative;text-align:center;}
.package h2:after {position: absolute;content: "";bottom:-8px;left:-220px;right:0;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
#packages {display: block;padding: 20px 0;overflow: hidden;margin: 0px 55px 0px 55px;}
#packages .pack_table .caption_column11{width: 640px;float:left;}
#packages .pack_table .caption_column11 li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_5 {
    background: #c2c2c2;
}
#packages .pack_table {display: table;padding:0px 0;width: 100%;max-width: 100%;}
#packages .pack_table .caption_column {width: 300px;float: left;}
#packages .pack_table .caption_column li {border-left: 1px solid #d7d7d7;}
#packages .pack_table li.row_style_9 {border-right: #d8e4f4;position: relative;line-height: normal;background: #aeaeae;border: none;}
#packages .pack_table li {border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;min-height: 42px;line-height: 36px;text-align: center;font-size: 14px;padding: 0;text-transform: capitalize;}
.footer_row1 {padding-top: 15px;float: left;width: 1230px;max-width: 1230px;min-width: 1230px;}
#packages .pack_table .pop-up.act {width: 95%;}
#packages .pack_table li span {display: inline-block;line-height: normal;padding: 0 10px;vertical-align: middle;font-weight:600;}
#packages .pack_table .active_column .heading_row1, #packages .pack_table .active_column .column_head1 label , #packages .pack_table .active_column .column_head1 span strong, #packages .pack_table .active_column .column_head1 span{background-color:#fff;color:#80be2d;}
#packages .pack_table .active_column, #packages .pack_table .column_1:hover {position: relative;box-shadow: 5px 0 30px rgba(0,0,0,0.5);border-left: 1px solid #949494;border-right: 1px solid #949494;}
#packages .pack_table .active_column:hover .heading_row1 {border-left: none;border-right: none;}
#packages .pack_table .caption {background: #80be2d !important;color: #fff;font-size: 46px;height: 140px;line-height: 40px;padding-top: 9px;text-align: center;border: none;}
#packages .pack_table .pop-up {position: absolute;top: 9px;font: bold 20px ;width: 300%;color: #000;z-index: 300;}
#packages .pack_table .column_1 {width: 180px;float: left;}
#packages .pack_table .heading_row1 {height: 140px;background-color: #80be2d;border-right: none;text-align: center;padding-top: 0;border-left: 1px solid #d7d7d7;border-bottom:none;}
#packages .pack_table .column_head1 label {font-weight: 600;color: #FFF;display: block;font-size: 18px;margin: 0;line-height: 50px;}
#packages .pack_table .column_head1 span strong {color: #fff;display: block;font-size: 40px!important;}
#packages .pack_table .column_head1 span {color: #fff;display: block;font-size: 18px;}
.Rcol_side_link li {background: url(../images/tick_.png) no-repeat left 8px;color: #000;padding: 5px 0 15px 35px;transition: all .3s ease-in-out;}
#packages .pack_table li a.sign_up, #packages .pack_table li a.sign_up1 {font-weight: 600;width: 120px;height: 33px;line-height: 33px;color: #000;padding: 0!important;display: block;text-align: center;margin-left: auto;margin-right: auto;background-color: #fff;outline: none;border-radius: 20px;  }
#packages .footer_row {line-height: 3px !important;color: #0e65a7;width: 100%;height: 80px;padding: 22px 0 6px!important;border-right: none!important;float: left;background: #0e65a7;text-align: center;border-top: 1px solid #d3d3d3;border-bottom: none!important;}
#packages .pack_table li a.sign_up:hover, #packages .pack_table li a.sign_up1:hover {color:#fff;background-color:#000}
/*------------------------------------Inner-page-css------------------------------------*/
#request_free {position: fixed;right: -3px;top: 270px;z-index: 1003;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;}
#request_free:hover {right: 0px;}

/*-------------------------------------career------------------------------------*/
.career{padding: 4rem 0 4rem 0px;}
.career h3{font-size: 25px;color:#80be2d;position:relative;}
.career h3:after {position: absolute;content: "";bottom:-4px;left:0px;margin: 0px auto;background: #0e65a7;width: 35px;height: 3px;}
.career h2{font-size: 35px;color:#80be2d;position:relative;}
.career h2:after {position: absolute;content: "";bottom:-8px;left:0px;margin: 0px auto;background: #0e65a7;width: 65px;height: 4px;}
.career ul.link_col li a {background: url(../images/bullet1.png) no-repeat left 6px;color: #111;display: list-item;font-size: 15px;line-height: 1.7;opacity: 1;padding-left: 20px;text-transform: capitalize;white-space: nowrap;width: auto;}
.career ul.link_col {padding: 10px 0px;}
.career ul.link_col li a:hover{background: url(../images/bullet2.png) no-repeat left 6px;color:#80be2d;}
.career ul.link_col li a.active{background: url(../images/bullet2.png) no-repeat left 6px;color:#80be2d;font-weight:600}
.career ul.link_col li {border:1px solid #bdbdbd;padding: 4px 0;}
.career p {font-size:16px;line-height: 1.8;}
.career p span{font-weight:bold;}
.career .card {margin: 10px 0;display:block;text-align:center;border-radius: 8px;padding-top:35px !important;width: 100%;box-shadow: none;border: 1px solid #e4e1e1;padding:8px;background-color: #fff;height:300px;}
.career .card h4{font-size:20px;color:#000;}
.career .card h6{font-size:14px;color:#000;}
.career .card a.btn-default{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight: 500;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
.career .card a.btn-default:hover {color: #fff;background-color: #808488;}
.modal-title{line-height: 1.8;padding: 28px 15px;text-align: left;font-size:17px !important;color:#fff !important;background-color:#0e62a5;font-weight:100;font-style:italic;}
.modal-dialog {width: 80%;}
.modal-header {padding:0px;}
.modal-body label {color: #000;font-size: 16px;float: left;}
.modal-header .close {margin-top: -1px;color: #fff;margin-right: 7px;font-size: 28px;}
.modal-body input.form-control{height:32px !important;}
#flpResume{padding-left: 30px;}
.modal-footer{border:none;}
.career-search{text-align:left;}
.modal-body {position: relative;padding: 16px 30px;}
.clip{clip-path: polygon(0% 0, 100% 0%, 91% 100%, 0% 100%);padding: 6px 20px 6px 0px;background: #0e62a5;font-size: 20px;color: #fff !important;width: 17%;margin-top: 40px;}
.clips{clip-path: polygon(0% 0, 100% 0%, 91% 100%, 0% 100%);padding: 6px 50px 6px 0px;background: #0e62a5;font-size: 20px;color: #fff !important;width: 26%;}

#Reset1:hover{color: #fff;background-color: #808488;}
#submit1:hover{color: #fff;background-color: #808488;}
#Reset1{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight: 600;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
#submit1{background: #0e5fa3;border: 0px;border-radius: 25px;padding: 10px 40px 10px 40px;font-weight:600;font-size: 16px;outline: 0;position: relative;color: #fff;text-decoration: none;margin-top: 30px;}
/*------------------------------------Request-form------------------------------------*/
.request_form {display: block;padding: 20px 0 0;}
.request_form .txt_box1 {border: 1px solid #d5d2d2;color: #222122;float: left;height: 43px;padding: 1px 15px;width: 468px;margin-top: 6px;margin-bottom: 9px;}
.request_form .txt_box1_area_2 {background: none;border: 1px solid #d5d2d2;color: #222122;height: 138px;max-width: 468px;padding: 10px 15px;width: 468px;box-shadow: 2px 2px 5px 0 #f3f3f3;}
.request_form .btn_sub {clear: both;padding: 25px 0 0 5px !important;}
.develop:hover{background: #b7babd;color:#000;border: 1px solid #b7babd;}
.develop {background:#143666;border: 1px solid #1b3d70;cursor: pointer;color: #FFF;font-size: 14px;height: 33px;line-height: 30px;padding: 0 20px;border-radius: 5px;transition: all .3s ease-in-out;}

/*------------------------------------Modal-box-portfolio-----------------------------------*/
.modal-open .modal {z-index: 100001;}
#myModal .modal-dialog {width:600px;margin:130px auto;text-align: center;}
#myModal .modal-header {padding:5px;}
#myModal .modal-header .close {margin-top: 0;color: #000;margin-right:7px;font-size: 40px;outline:none!important;}






/*-----------------------------media-css--------------------------------------------*/
@media(max-width:1600px){
.banner-right{top: 112px;right: 22.6%;}		
	
}
@media(max-width:1367px){
.banner-right{top: 90px;right: 22.2%;
}	
	
}
@media(max-width:1290px){
.usus {display:none;}
#packages {overflow: scroll;}
#packages .pack_table {overflow-x: scroll;}
/*.banner-text1 .h3 {font-size: 28px;}
.banner-text1 {top: 95%;}*/
#packages .footer_row1 {overflow-x: scroll;}
footer#footer {padding:2em 0 1.5em;}	
/*.phn {font-size: 14px;padding-top: 0px;padding-left: 0px;}
.mail {font-size: 14px;padding-top: 17px;padding-left: 4px;}
.address {font-size: 14px;padding-top: 10px;padding-left: 8px;}
.works .col-md-7 {padding-top: 1%;}*/
}
@media(max-width:1199px){
.footer-content h5 {font-size:14.8px;}	
.footer-content .social ul li {margin:0px -7.9px;}
.footer-content .social ul li a i.fa {width: 38px;height: 38px;font-size: 24px;}		
}

@media(max-width:991px){
.footer-content h5 {font-size:12px;text-align:right;padding:8px 0px!important;}	
.footer-content .address h5{padding:8px 20px!important;}
.footer-content h5:after {width:100%;}	
.footer-content .address ul li {padding-bottom:0;}	
.footer-content .address ul li a{font-size:11px;}	
.footer-content .call a {font-size:16px;}	
.footer-content .social {width:28%;}	
.footer-content .social ul li {margin:0px 0.4px;}
.footer-content .social ul li a i.fa {width:32px;height:32px;font-size:20px;padding:7px 0px;}		
}


@media(max-width: 786px) {

.dropdown:before {top: 14px;right: 30px;}
.menu-icon {display: block;padding:20px 20px 10px}
	

ul.sub-menu.dropdown-menu.showing, .dropdown-menu {
    position: static;
    float: none;    max-width: 100%;

}	

header {

    z-index:1000000001;
}

	
.media-object{ margin-top:0; }	
	
}

@media(max-width:767px){
.addresss h3 span {font-size: 13px;}
.addresss h3{font-size: 21px;}
.addresss .phn {font-size: 11px;}
.addresss .mail {font-size: 11px;}
footer#footer{text-align:center!important;}	

.footer-content h5, .footer-content .address h5 {font-size:18px;text-align:center!important;padding:0px!important;background:none!important;margin-bottom: 28px;}	
.footer-content h5:after {width:56%;margin:0px auto;}
ul.email-id {margin:0;line-height: 1;}
.footer-content .social h5:after{width:75%;}
.footer-content .address ul li {padding-bottom: 8px;}
.footer-content .address ul li a, .fleet-content .fleet-list p {font-size:13px;}	
.footer-content .col-md-offset-1.call {margin-left:0%;margin:20px 0px;}	
.footer-content .call a {font-size: 13px;}
.call-id li {text-align:center;}
.footer-content .social ul li {margin:0px 2.4px;}	
.footer-content .social ul li a i.fa {width:34px;height:34px;font-size:21px;}	
#back2Top {bottom: 85px; right: 10px;}  
	}

@media (max-width:570px){
.commitment img, .team img, .project img, .experience img {margin-top: 0%;margin-right: 0%;}
h3.counter-count {font-size: 30px;}
.sectt p {margin: 0 0 0px;}
.team span {font-size: 33px;}
.project span {font-size: 34px;}
.col-md-3.commitment, .col-md-3.team, .col-md-3.project, .col-md-3.experience{margin-top: 0%;text-align: center;margin-left: 0%;}
.request_form .txt_box1 {width: 330px;}
.request_form .txt_box1_area_2 {width:330px;}
.usus {display:none;}
#packages {overflow: scroll;}
#packages .pack_table {overflow-x: scroll;}
.banner-text1 .h3 {font-size: 28px;}
.banner-text1 {top: 95%;}
#packages .footer_row1 {overflow-x: scroll;}
.nit-bannner .img-fluid {height:35vh;}
.beauti .col-md-7 {top:0px;}
.beauti .img-fluid {top:0px;}

.banner-text1 .h6 span {font-size: 14px;color: #a92fe5;}
.banner-text1 .h6{font-size: 14px;color: #a92fe5;}
.banner-text .h1 {font-size: 40px;line-height: 32px;margin-top: 26px;}
.banner-text .h2 {font-size: 36px;color: #fff;}
.nit-bannner .casestudy{height:35vh;}
.nit-bannner .portfolio{height:35vh;}
.ports a.btn-default {margin-top: 0px;}
.nit-bannner .work{height:35vh;}
.nit-bannner .service{height:35vh;}
.nit-bannner .contact{height:35vh;}
.nit-bannner .about{height:35vh;}
.nit-bannner .blog{height:35vh;}
.nit-bannner .socailmedia{height:35vh;}
.nit-bannner .websitedesign{height:35vh;width:100%}
.nit-bannner .onetime{height:35vh;}
.inner-page-middle h2 {font-size: 30px;}
.monthly-subscription .col-md-6 h2 {font-size: 30px;}
.thum h3.ca {padding: 10px 1px 10px 10px;}
.inner-form {display:none;}
.sectt {height:auto;}
.footer-content h5, .footer-content .address h5 {margin-bottom: 0px;}
.footer-content .social {width: 100%;}
.carousel-control {color: #31708f;width: 6%;}
.thumbnail .caption:after {display:none;}
.thumbnail .caption:before {display:none;}
.banner-text .h3 {font-size: 30px;color: #fff;font-weight: bold;}
.banner-text {top: 83%;}
.banner-text{line-height: 2px;}
.banner-text a {margin-top:0px;}
.trans {width:100%;}
.tra {top: 0px;}
.beauti h1 {font-size: 40px;}
.beauti h3 {font-size:25px;}
.beauti {height:auto;}
.beauti p {font-size: 16px;padding: 0 0rem 0 0;line-height: 24px;}
.case .caption_column li {font-size: 13px;}
.case .column_2 .heading_row{font-size: 16px;}
.case .caption_column .heading_row{font-size: 16px;}
.case .column_2 li {font-size: 13px;}
.case p {width:100%;}
.webdev {margin: 0rem 0;}

.port, .test, .services, .aboutus{padding: 1rem 0;}
.ports a.btn-default {padding: 10px 30px 10px 30px;font-size: 12px;}
.port h2 {margin: 1rem 0 1rem;font-size: 25px;}
.serv h4 {margin: 1rem 0;font-size: 20px;margin-bottom: 8px;}
.test h2 {font-size: 25px;}
.test h2:after {left: -70px;}
.services h2:after {left: -80px;}
.services h2 {font-size: 25px;margin-bottom: 0rem;}
.content p {font-size: 14px;width: 100%;}
.phone {padding: 2rem 0;}
.phn strong, .mail strong, .address strong {font-size: 20px;}
.phn a, .mail a{font-size: 13px;}
.address a {font-size: 12px;}
.card {padding-top: 0px !important;}
.footer-content .fa.fa-angle-right {   display: none;}
.servicess {padding: 2rem 0 2rem;}
.servicess .col-md-4{padding-bottom:10px;}
.webdev .row {padding: 0rem 0;}
}
@media screen and (max-width: 600px) {
.column {width: 100%;display: block;margin-bottom: 20px;}
}
@media(max-width:350px){
	
}
.sub-menu { display: none; }

h6.site-link {
    padding: 10px 0;
}
h6.site-link a {
    color: #0760a6;
}