/* Theme Name: Webplanet Theme URI: Webplanet Description: Webplanet theme is simple Wordpress theme. Version: 1.0 Author: thewebninjas */ @import url("css/bootstrap.min.css"); @import url("css/fonts.css"); @import url("css/font-awesome.min.css"); @import url("css/owl.carousel.css"); @import url("css/animation.css"); @import url("css/megamenu.css"); /* #################### Global Css #################### */ * { margin: 0px; padding: 0px; box-sizing:border-box;} h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;} html, body {font-family:'OpenSans-Regular'; font-size: 16px; color: #171617; } input, select, textarea {font-family:'OpenSans-Regular'; font-size: 16px; color: #171617; } img{ border:0px; display:block; } a, input { outline:none; } a:hover, a:focus{ text-decoration:none;} header, footer, section, aside, nav, article { display:block; } .form-control:-moz-placeholder, .form-control:-webkit-placeholder, .form-control:placeholder { color: unset !important;} /* #################### /Global Css #################### */ /* #################### Header Css #################### */ #header-wrapper{ padding:12px 0px; max-height:80px; border-bottom:1px solid #f4f3f3; position: fixed; top:0px; z-index: 1; width: 100%; background: #fff} #header-wrapper .container{} #header-wrapper .navbar{ margin:0px; background-color: transparent; border-color: transparent;} #header-wrapper .navbar .collapse{ padding-left:0px; padding-right:0px; padding-top: 12px;} #header-wrapper .navbar .collapse ul{} #header-wrapper .navbar .collapse ul li{ padding:0 15px;} #header-wrapper .navbar .collapse ul li.active a{ background-color:transparent; color:#2abbed;} #header-wrapper .navbar .collapse ul li a{ padding:0; font-family:'OpenSans-Regular'; font-size:16px; color:#000; transition:color .3s ease-in-out;} #header-wrapper .navbar .collapse ul li a:hover{ color:#2abbed;} #header-wrapper .navbar .collapse ul li:first-child{ padding-left:0px;} #header-wrapper .navbar .collapse ul li:last-child{ padding-right:0px;} #header-wrapper .col-lg-3.col-md-4.col-sm-6.header-right { padding: 0 5px;} #header-wrapper .right-header{padding-top: 7px;} #header-wrapper .right-header ul{ list-style-type:none; margin:0px; text-align:right;} #header-wrapper .right-header ul li{display:inline-block;} #header-wrapper .right-header ul li a{font-family:'OpenSans-Semibold'; font-size:14px; display: block; transition:background-color .3s ease-in-out, color .3s ease-in-out, background-image .3s ease-in-out; } #header-wrapper .right-header ul li a:hover{ text-decoration:none;} #header-wrapper .right-header ul li:first-child a{ color:#f39b1e; border:2px solid #f39b1e; padding:7px 12px 7px 45px; border-radius: 40px; margin-right:5px; background-image: url(images/envelop.png); background-repeat: no-repeat; background-position: 10px 9px;} #header-wrapper .right-header ul li:first-child a:hover{ background-color:#f39b1e; color:#fff; background-image: url(images/envelop-white.png);} #header-wrapper .right-header ul li:last-child a{color:#9ab724; border:2px solid #9ab724; padding:7px 10px 7px 40px; border-radius: 40px; background-image: url(images/phone.png); background-repeat: no-repeat; background-position: 15px 9px;} #header-wrapper .right-header ul li:last-child a:hover{ background-color:#9ab724; color:#fff; background-image: url(images/phone-white.png);} .mobile.main-nav { display: none;} /* #################### /Header Css #################### */ /* #################### HomePage Css #################### */ #banner{ position:relative; margin-top:80px;} #banner .carousel-inner > .item{ max-height:100vh;} #banner .carousel-inner{ max-width:1367px; max-height:700px; margin:0 auto;} #banner .carousel-inner .item img{ margin:0 auto;} #banner .carousel-caption{text-align:left; left:110px; top:0; height:auto; max-width:530px; bottom: auto; padding-top: 100px; padding-bottom: 0px; text-shadow:none;} #banner .carousel-caption h1{font-family:'OpenSans-Bold'; font-size:58px; color:#000; background: url(images/black-line.png) no-repeat left bottom; padding-bottom: 35px; margin-bottom: 25px;} #banner .carousel-caption h1 strong{ color:#ec8227; font-family:'OpenSans-Extrabold';} #banner .carousel-caption p{font-family:'OpenSans-Regular'; font-size:25px; color:#000;} #banner .left.carousel-control, #banner .right.carousel-control{ background-image:none; width:40%;} #banner .left.carousel-control span, #banner .right.carousel-control span{ display:none;} #banner .left.carousel-control:hover{ cursor:url(images/left-arrow.png), pointer;} #banner .right.carousel-control:hover{ cursor:url(images/right-arrow.png), pointer;} #service-wrapper{ padding-top:75px; padding-bottom:75px;} #service-wrapper .inner-wrap{ text-align:center;} #service-wrapper .inner-wrap h1{font-family:'OpenSans-Semibold'; color:#171617; font-size:62px; background: url(images/line2.png) no-repeat center bottom; margin-bottom: 30px; padding-bottom: 30px;} #service-wrapper .inner-wrap p{font-family:'OpenSans-Regular'; font-size:18px; line-height:30px; max-width: 970px; margin: 0 auto;} #service-wrapper .nav.nav-tabs{text-align: center; border:none; max-width:1085px; margin:50px auto 0 auto; border-radius: 50px;} #service-wrapper .nav.nav-tabs li{ float:left; margin-bottom:0px;} #service-wrapper .nav.nav-tabs li.active a{background: #99b81f; color: #fff; } #service-wrapper .nav.nav-tabs li.active a:after{top:100%; left: 50%; border: solid transparent; content: " "; height: 0;width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #99b81f; border-width: 15px; margin-left: -10px;} #service-wrapper .nav.nav-tabs li a{font-family:'OpenSans-Semibold'; font-size:18px; color:#626262; border:1px solid #ddd; margin:0px; text-align:center; padding: 20px 45px; border-radius:0px; transition:background .4s ease-in-out, color .4s ease-in-out;} #service-wrapper .nav.nav-tabs li a:hover{background: #99b81f; color: #fff;} #service-wrapper .nav.nav-tabs li img{ margin:0 auto 15px auto;} #service-wrapper .nav.nav-tabs li:first-child a{border-right: none; border-radius: 80px 0 0 80px; padding-left: 70px; padding-right: 70px;} #service-wrapper .nav.nav-tabs li:nth-child(2) a{border-right: none;} #service-wrapper .nav.nav-tabs li:nth-child(3) a{border-right: none;} #service-wrapper .nav.nav-tabs li:last-child a{ border-radius: 0 80px 80px 0; padding-right: 55px;} #service-wrapper .nav.nav-tabs li .webdesign g path {fill: #626262; transition:fill .4s ease-in-out;} #service-wrapper .nav.nav-tabs li.active .webdesign g path {fill: #fff;} #service-wrapper .nav.nav-tabs li a:hover .webdesign g path {fill: #fff;} #service-wrapper .nav.nav-tabs li .videoproduction path, #service-wrapper .nav.nav-tabs li .videoproduction rect, #service-wrapper .nav.nav-tabs li .videoproduction circle {transition:fill .4s ease-in-out;} #service-wrapper .nav.nav-tabs li.active .videoproduction path, #service-wrapper .nav.nav-tabs li.active .videoproduction rect, #service-wrapper .nav.nav-tabs li.active .videoproduction circle { stroke:#fff;} #service-wrapper .nav.nav-tabs li.active .videoproduction path{ fill:#fff;} #service-wrapper .nav.nav-tabs li a:hover .videoproduction path, #service-wrapper .nav.nav-tabs li a:hover .videoproduction rect, #service-wrapper .nav.nav-tabs li a:hover .videoproduction circle {stroke:#fff;} #service-wrapper .nav.nav-tabs li .internetmarketing path, #service-wrapper .nav.nav-tabs li .internetmarketing rect, #service-wrapper .nav.nav-tabs li .internetmarketing circle {transition:fill .4s ease-in-out;} #service-wrapper .nav.nav-tabs li.active .internetmarketing path, #service-wrapper .nav.nav-tabs li.active .internetmarketing rect, #service-wrapper .nav.nav-tabs li.active .internetmarketing circle { stroke:#fff;} #service-wrapper .nav.nav-tabs li a:hover .internetmarketing path, #service-wrapper .nav.nav-tabs li a:hover .internetmarketing rect, #service-wrapper .nav.nav-tabs li a:hover .internetmarketing circle {stroke:#fff;} #service-wrapper .nav.nav-tabs li .osdevelopment path, #service-wrapper .nav.nav-tabs li .osdevelopment rect, #service-wrapper .nav.nav-tabs li .osdevelopment circle {transition:fill .4s ease-in-out;} #service-wrapper .nav.nav-tabs li.active .osdevelopment path, #service-wrapper .nav.nav-tabs li.active .osdevelopment rect, #service-wrapper .nav.nav-tabs li.active .osdevelopment circle { stroke:#fff;} #service-wrapper .nav.nav-tabs li a:hover .osdevelopment path, #service-wrapper .nav.nav-tabs li a:hover .osdevelopment rect, #service-wrapper .nav.nav-tabs li a:hover .osdevelopment circle {stroke:#fff;} #service-wrapper .tab-content{ margin-top:80px;} #service-wrapper .tab-content .left-content svg{ width:100%;} #service-wrapper .tab-content .right-content{padding-right: 100px; padding-left: 40px;} #service-wrapper .tab-content .right-content h2{font-family:'OpenSans-Extrabold'; font-size:54px; color:#626262; text-transform:uppercase; background: url(images/line3.png) no-repeat left bottom; padding-bottom: 30px; margin-bottom: 35px;} #service-wrapper .tab-content .right-content p{font-size: 18px; color: #626262; font-family: 'OpenSans-Regular'; line-height: 30px;} #service-wrapper .tab-content .right-content ul li{display: inline-block; padding-left: 25px; background: url(images/sm-circle.png) no-repeat center left; width: 45%; font-family: 'OpenSans-Regular'; font-size: 18px; line-height: 32px;} #service-wrapper .tab-content .right-content ul li a{ color: #99b81f; text-decoration: underline; font-family: 'OpenSans-Regular'; font-size: 18px;} #service-wrapper .tab-content .right-content a.dyp{font-family: 'OpenSans-Semibold'; font-size: 17px; color: #fff; background: #ea5098; padding: 6px 35px; border-radius: 45px; margin-top: 50px; transition:background .3s ease-in-out, border .3s ease-in-out;} #service-wrapper .tab-content .right-content a.dyp:hover{ background:#1a94ab; border:1px solid #1a94ab;} #service-wrapper .tab-content .right-content a.dyp i{border: 1px solid #fff; padding: 3px 5px; border-radius: 100%; font-size: 13px; margin-left: 5px;} #portfolio-header{background:url(images/portfolio-bg.svg) no-repeat fixed; min-height: 280px; background-size:cover;} #portfolio-header .head{ text-align:center; padding-top: 50px; padding-bottom: 50px;} #portfolio-header .head h2{font-family: 'OpenSans-Semibold'; font-size:62px; color:#fff; margin-bottom: 25px; padding-bottom: 20px; position:relative;} #portfolio-header .head h2:after{ content: ''; width: 120px; height: 7px; background: #fff; position: absolute; top:100%; left: 45%;} #portfolio-header .head p{max-width: 1040px; margin: 0 auto; color: #fff; font-family: 'OpenSans-Regular'; font-size: 20px; line-height: 30px;} #portfolio-wrapper .view-portfolio{background:url(images/vpbg.jpg) repeat-x center; padding-left:0px; padding-right:0px; margin-top:40px; margin-bottom:45px;} #portfolio-wrapper .view-portfolio .btn-outer{margin: 0 auto; max-width: 630px; text-align: center; background: #fff;} #portfolio-wrapper .view-portfolio .btn-outer .vcp{background: #f39b1e; color: #fff; padding: 10px 30px; border-radius: 45px; font-family: 'OpenSans-Semibold'; font-size: 17px; border:1px solid #f39b1e; margin-right:10px;} #portfolio-wrapper .view-portfolio .btn-outer .dyp{background: #9ab723; color: #fff; padding: 10px 30px; border-radius: 45px; font-family: 'OpenSans-Semibold'; font-size: 17px; border:1px solid #9ab723;} #portfolio-wrapper .view-portfolio .btn-outer .vcp i, #portfolio-wrapper .view-portfolio .btn-outer .dyp i{border: 1px solid #fff; padding: 5px 7px; border-radius: 100%; font-size: 12px; margin-left: 10px; left: 0; position: relative; transition:left .4s; } #portfolio-wrapper .view-portfolio .btn-outer .vcp:hover i, #portfolio-wrapper .view-portfolio .btn-outer .dyp:hover i{ left:10px;} #portfolio-wrapper .view-portfolio .btn-outer .vcp, #portfolio-wrapper .view-portfolio .btn-outer .dyp{ transition:opacity .4s;} #portfolio-wrapper .view-portfolio .btn-outer .vcp:hover, #portfolio-wrapper .view-portfolio .btn-outer .dyp:hover{ opacity:.8;} #my-gallery-container { background-color: #ededed;} #my-gallery-container .item {width: 100%; min-height: 100px;margin: 10px 0px 20px 0; color:#fff; position:relative; overflow:hidden; border:4px solid #f2f2f2;} #my-gallery-container .item img{transition:transform 1s ease-in-out;} #my-gallery-container .item .information{position:absolute; top:0; width:100%; height:100%; text-align:center; background:rgba(26,148,171,.8); opacity:0; transition:opacity 1s ease-in-out, transform 1s ease-in-out; margin:0 auto; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} #my-gallery-container .item .information .info{top: 30%; position: absolute; left: 0; right: 0;} #my-gallery-container .item .information .info h3{font-family: 'OpenSans-Extrabold'; font-size: 32px; line-height: 40px; color: #fff;} #my-gallery-container .item .information .info a{background: #adca37; color: #fff; padding: 5px 15px; display: inline-block; font-size: 18px; border: 1px solid #adca37;} #my-gallery-container .item .information .info a i{ position:relative; left:0px; transition:left .4s; } #my-gallery-container .item .information .info a:hover i{ left:10px;} #my-gallery-container .item:hover .information{ opacity:1; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);} #my-gallery-container .item:hover img{ transform:scale(1.3);} #my-gallery-container .padding{ padding: 10px 5px;} #our-achivements{padding-top:50px; padding-bottom:50px;} #our-achivements .head h2{ color:#383d3e; font-size:32px; text-transform:uppercase; font-family: 'OpenSans-Extrabold'; text-align:center;} #our-achivements .achivements{} #our-achivements .achivements .circle-wrap{width: 220px; height: 220px; background: #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; float:left; margin:50px 16px; border:8px solid #f0930f; text-align: center; display: table;} #our-achivements .achivements .circle-wrap:first-child{border:8px solid #fdebd2;margin-left: 0;} #our-achivements .achivements .circle-wrap:nth-child(2){border:8px solid #f9cd8e;} #our-achivements .achivements .circle-wrap:nth-child(3){border:8px solid #f0930f;} #our-achivements .achivements .circle-wrap:nth-child(4){border:8px solid #f9cd8e;} #our-achivements .achivements .circle-wrap:last-child{ margin-right:0px; border:8px solid #fdebd2;} #our-achivements .achivements .circle-wrap .counter-outer { display: table-cell; vertical-align: middle;} #our-achivements .achivements .circle-wrap .counter-outer svg {margin: 0 auto; width: 45px; margin-bottom: 5px;} #our-achivements .achivements .circle-wrap .counter-outer .count{font-family: OpenSans-Bold; font-size: 22px; color: #f0930f;} #our-achivements .achivements .circle-wrap .counter-outer .title{font-family: OpenSans-Bold; font-size: 22px; color: #f0930f;} #our-achivements .achivements .circle-wrap .counter-outer .details{font-family:'OpenSans-Regular'; font-size: 17px; color: #f0930f;} #blog-wrap{background:url(images/blog-bg.svg) no-repeat fixed; background-size:cover; padding-top: 75px; padding-bottom: 75px;} #blog-wrap .head{ text-align:center;} #blog-wrap .head h2{font-family:'OpenSans-Semibold'; font-size:62px; color:#fff; position:relative; padding-bottom: 25px; margin-bottom: 30px;} #blog-wrap .head h2:after{content: ''; position: absolute; width: 120px; height: 4px; background: #fff; left: 45%; top:100%;} #blog-wrap .head p{font-family:'OpenSans-Regular'; font-size:19px; color:#fff; max-width: 940px; margin: 0 auto; line-height: 30px;} #blog-wrap .post-wrapper{margin-top: 60px; padding: 0 40px;} #blog-wrap .post-wrapper .post-box{position:relative; } #blog-wrap .post-wrapper .post-box img{max-width: 615px; max-height: 400px; width:100%;} #blog-wrap .post-wrapper .post-box .post-content{position: absolute; bottom: 0; max-width: 290px; max-height: 250px; background:rgba(255,255,255,.9); padding: 30px 25px; } #blog-wrap .post-wrapper .post-box .post-content .date{font-family:'OpenSans-Regular'; font-size:14px; margin-bottom:15px; color:#000;} #blog-wrap .post-wrapper .post-box .post-content .content{font-family:'OpenSans-Semibold'; font-size:20px; color:#000; margin-bottom:15px;} #blog-wrap .post-wrapper .post-box .post-content .readmore{font-family:'OpenSans-Semibold'; font-size:17px; color:#e95098;} #blog-wrap .post-wrapper .post-box .post-content .readmore i{border: 1px solid #e95098; padding: 3px 5px; font-size: 12px; border-radius: 50px; position:relative; left:0px; transition:left .4s;} #blog-wrap .post-wrapper .post-box .post-content .readmore:hover i{ left:5px;} #blog-wrap .post-wrapper .post-box2{} #blog-wrap .post-wrapper .post-box2 img{ width:100%; max-height:160px;} #blog-wrap .post-wrapper .post-box2 .post-content{background:#fff; padding:32px 25px; width:100%; } #blog-wrap .post-wrapper .post-box2 .post-content .date{font-family:'OpenSans-Regular'; font-size:14px; margin-bottom:10px; color:#000;} #blog-wrap .post-wrapper .post-box2 .post-content .content{font-family:'OpenSans-Semibold'; font-size:20px; color:#000; margin-bottom:10px;} #blog-wrap .post-wrapper .post-box2 .post-content .readmore{font-family:'OpenSans-Semibold'; font-size:17px; color:#e95098;} #blog-wrap .post-wrapper .post-box2 .post-content .readmore i{border: 1px solid #e95098; padding: 3px 5px; font-size: 12px; border-radius: 50px; position:relative; left:0px; transition:left .4s;} #blog-wrap .post-wrapper .post-box2 .post-content .readmore:hover i{ left:5px;} #blog-wrap .post-wrapper .moreblog{text-align: center; padding-top: 40px;} #blog-wrap .post-wrapper .moreblog .moob{color: #fff; border: 2px solid #fff; padding: 10px 40px; display: inline-block; border-radius: 50px;} #blog-wrap .post-wrapper .moreblog .moob i{ border:1px solid #fff; padding:4px 5px; font-size:12px; border-radius:50px; position:relative; left:0px; transition:left .4s; margin-left:10px;} #blog-wrap .post-wrapper .moreblog .moob:hover i{ left:10px;} #testimonial-wrapper{ padding-top:85px; padding-bottom:100px; background: url(images/testimonial-bg.svg) center; background-size: cover;} #testimonial-wrapper .head{ text-align:center;} #testimonial-wrapper .head h2{font-family:'OpenSans-Semibold'; font-size:62px; color:#171617; position:relative; padding-bottom:25px; margin-bottom:25px;} #testimonial-wrapper .head h2:after{ content:''; position:absolute; width:120px; height:3px; background:#171617; top:100%; left:45%;} #testimonial-wrapper .head p{font-family:'OpenSans-Regular'; font-size:20px; color:#171617; max-width: 900px; margin: 0 auto; line-height:30px;} #testimonial-wrapper .testimonials{margin-top: 60px;} #owl-demo {padding-left: 50px; padding-right: 50px;} #testimonial-wrapper .testimonials .testi-box{box-shadow: 0px 0px 15px #bdbdbd; margin:25px 15px; background:#fff; min-height: 420px;} #testimonial-wrapper .testimonials .testi-box p{font-family: 'open_sansitalic'; font-size:20px; padding:40px 25px 25px; transition:background .4s, color .4s, opacity .4s; min-height: 290px; opacity:.6; } #testimonial-wrapper .testimonials .testi-box p:before{ content:'\201C'; color:#d2d0d0; font-family:'Arial Rounded MT Bold'; font-size:140px; position: absolute; top: -48px;} #testimonial-wrapper .testimonials .testi-box:hover p:before{ color:#596c0c;} #testimonial-wrapper .testimonials .testi-box:hover{ cursor:pointer; } #testimonial-wrapper .testimonials .testi-box:hover p{ background:#99b81f; color:#fff; opacity:1;} #testimonial-wrapper .testimonials .testi-box .client-info{ width:100%; padding:25px; opacity:.6; transition: opacity .4s;} #testimonial-wrapper .testimonials .testi-box:hover .client-info{ opacity:1;} #testimonial-wrapper .testimonials .testi-box .client-info .left{width:30%; float: left;} #testimonial-wrapper .testimonials .testi-box .client-info .left img{width: 66px; height: 66px; border-radius: 50px; border: 1px solid #ccc;} #testimonial-wrapper .testimonials .testi-box .client-info .right{width:70%; float:right; padding-top:10px; padding-left:10px;} #testimonial-wrapper .testimonials .testi-box .client-info .right h4{font-family:'OpenSans-Semibold'; font-size:20px;} #testimonial-wrapper .testimonials .testi-box .client-info .right span{font-family:'OpenSans-Regular'; font-size:16px;} /* #################### /HomePage Css #################### */ /* #################### About Page Css #################### */ #about-page{ position:relative; margin-top:80px;} #about-page .title-wrap{background: url(images/about-title-bg.jpg) no-repeat center; background-size: cover; text-align: center;} #about-page .title-wrap .title{max-width: 480px; width: 100%; margin: 0 auto; background: #fef6f0; padding: 60px 70px;} #about-page .title-wrap .title h1{font-family: 'OpenSans-Bold'; font-size: 58px; text-align: center; position: relative; display: inline-block; padding-bottom: 25px; margin-bottom: 20px;} #about-page .title-wrap .title h1 strong{ color:#ec8227;} #about-page .title-wrap .title h1:after{ content: ''; position: absolute; width:80px; height:4px; background: #646260; bottom:0; left:130px;} #about-page .title-wrap .title h3{font-family:'OpenSans-Regular'; font-size:25px; line-height:34px; color:#000;} #about-page .about-content{ text-align:center; padding:90px 120px 60px;} #about-page .about-content h2{ color:#171617; font-family:'OpenSans-Semibold'; font-size:62px; margin-bottom:20px;} #about-page .about-content p{font-family:'OpenSans-Regular'; font-size:24px; line-height:34px; color:#464646; margin:0px;} #about-page .years-wrapper{background: url(images/years-bg.png) no-repeat center; background-size: cover; padding-top:65px; padding-bottom:65px;} #about-page .years-wrapper .contentbox{ min-height:250px; display:table; width:100%;} #about-page .years-wrapper .contentbox .innrbox{ display:table-cell; vertical-align:middle;} #about-page .years-wrapper .contentbox .innrbox .left, #about-page .years-wrapper .contentbox .innrbox .right{ min-height:200px; display:table;} #about-page .years-wrapper .contentbox .innrbox .left .innr, #about-page .years-wrapper .contentbox .innrbox .right .innr{ display:table-cell; vertical-align:middle;} #about-page .years-wrapper .contentbox .innrbox .left{width: 50%; float: left; text-align: center;} #about-page .years-wrapper .contentbox .innrbox .left img{ border:5px solid #c13878; border-radius:100%;} #about-page .years-wrapper .contentbox .innrbox .right{width: 50%; float: right; text-align: left;} #about-page .years-wrapper .contentbox .innrbox .right h3{font-family: 'OpenSans-Bold'; font-size:20px; color:#fff; margin-bottom: 10px;} #about-page .years-wrapper .contentbox .innrbox .right p{font-family:'Lato-Light'; font-size:16px; color:#fff;} #about-page .years-wrapper .first{ padding-left:80px; padding-top: 20px;} #about-page .years-wrapper .second{} #about-page .years-wrapper .third{ padding-right:80px; padding-top: 120px;} #about-page .years-wrapper .first .contentbox:nth-child(even) .left{ float:right;} #about-page .years-wrapper .first .contentbox:nth-child(even) .left img{ float:right;} #about-page .years-wrapper .third .contentbox:nth-child(odd) .left{ float:right;} #about-page .years-wrapper .third .contentbox:nth-child(odd) .left img{ float:right;} #about-page .years-wrapper .first .contentbox:nth-child(even) .right{ float:left;} #about-page .years-wrapper .third .contentbox:nth-child(odd) .right{ float:left;} /* #################### /About Page Css #################### */ /* Portfolio Page CSS */ .protfolio-banner { margin-top: 80px; width: 100%; background: url('images/portfolio-page-bg.jpg')no-repeat; background-position: top center; background-size: cover;position: relative; overflow: hidden;} .protfolio-banner .like {left: -5px;position: absolute;top: 60px;} .protfolio-banner .right img { padding: 100px 0 90px; margin: 0 auto; max-width: 100%; height: auto;} .protfolio-banner .pbanner-block { width: 1162px;} .protfolio-banner .left .pbanner-cont { padding: 160px 0;} .protfolio-banner .left .pbanner-cont h1 {margin: 0 0 35px; font-size: 68px; line-height: 68px; color: #fff; font-family: 'Open Sans'; font-weight: 300;} .protfolio-banner .left .pbanner-cont p {font-size: 25px; line-height: 32px; color: #fff; font-family: 'Open Sans'; font-weight: 400;} .porfolio-list { margin-top: 55px; width: 100%; } .porfolio-list .list { margin-bottom: 70px;} .porfolio-list .porlist-cont { width: 600px; height: 501px; position: relative; cursor: pointer;} .porfolio-list .porlist-cont img { max-width: 100%; height: auto;} .porfolio-list .porlist-cont:hover .porlist { opacity: 1; } .porfolio-list .porlist-cont .porlist { padding: 45px 50px 42px; width: 100%; height: 100%; background: rgba(0,0,0,0.9); top: 0; position: absolute; display: table;opacity: 0;transition: all 0.5s ease-in-out 0s;} .porfolio-list .porlist-cont .porlist .link { border: 10px solid #ea5098; text-align: center; display: table-cell; vertical-align: middle;} .porfolio-list .porlist-cont .porlist .link h2 { margin: 0 0 55px; font-size: 58px; color: #fff; font-family: 'Open Sans'; font-weight:800; text-transform: uppercase;} .porfolio-list .porlist-cont .porlist .link a.dyp {padding: 11px 35px; border-radius: 30px; font-size: 17px; color: #fff; font-family: 'Open Sans'; font-weight:600; background: #ea5098; display: inline-block; border: 3px solid #d93f87;transition: all 0.5s ease-in-out 0s;} .porfolio-list .porlist-cont .porlist .link a.dyp:hover { background: #1a94ab;border: 3px solid #1a94ab;} .porfolio-list .porlist-cont .porlist .link a.dyp i{border: 1px solid #ffffff;border-radius: 100%;font-size: 13px;margin-left: 5px;padding: 3px 5px;} .porfolio-tabing { padding: 50px 0 0; width: 100%; overflow: hidden;} .porfolio-tabing .nav-tabs { text-align: center; border-bottom: 0;} .porfolio-tabing .nav-tabs li{ float: none; display: inline-block; text-align: center;} .porfolio-tabing .nav-tabs li a { font-size: 15px;letter-spacing: .5px; color: #666; background: #f5f5f5;margin: 5px 1px;border: 1px solid #eee; font-family: 'Open Sans'; font-weight: 400; border-radius: 0; transition: all ease-in-out .6s; border-radius: 0;} .porfolio-tabing .nav-tabs li a:hover { background: #ea5098; border-color: #ea5098; color: #fff; border-radius: 0; } .porfolio-tabing .nav-tabs li.active a { color: #ea5098; background: #fff; border-top: 2px solid #ea5098; border-bottom: 1px solid #eee; border-radius: 0;} .porfolio-tabing .nav-tabs li.active a:hover { color: #ea5098; background: #fff; border-top: 2px solid #ea5098 !important; border-color: #eee;} .porfolio-tabing .porfolio-list .porlist-cont .porlist { padding: 20px;} .porfolio-tabing .porfolio-list .porlist-cont { width: 100%; height: 320px; border: 5px solid #ccc;} .porfolio-tabing .porfolio-list .porlist-cont .porlist .link h2{ font-size: 24px; font-weight: 800;} .porfolio-tabing .porfolio-list .list { margin-bottom: 30px;} /* Testimonial page css */ .protfolio-banner.testimonial { background: url('images/testimonial-page-bg.jpg')no-repeat;background-position: top center; background-size: cover;} .protfolio-banner.testimonial .right img { padding: 100px 0 0px;} .testimonial-list { margin: 80px 0 50px;} .testimonial-list .avtar img { margin: 0 auto; max-width: 100px; max-height: 100px; border-radius: 50%;box-shadow: 0 0 0 5px #dfdfdf;} .testimonial-list .testi-cont {margin-bottom: 25px; width: 800px;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.56); position: relative;} .testimonial-list .testi-cont:before{ content: "t"; position: absolute; text-indent: -999999px; background:url('images/testi-arrow3.jpg')no-repeat;width: 33px; height: 45px;top: 30px; left: -31px;} .testimonial-list .testi-cont .testitext {padding:38px 75px 38px 35px; } .testimonial-list .testi-cont p { margin-bottom: 35px; font-size: 20px; color: #636363; font-family: 'Open Sans';font-style: italic; font-weight: 400;} .testimonial-list .testi-cont p:last-child{ margin-bottom: 0;} .testimonial-list .testi-cont .testiname { background: #f2f2f2; } .testimonial-list .testi-cont h4 {padding:8px 75px 8px 35px; font-size: 16px; color: #636363; font-family: 'Open Sans'; font-weight: 400;display: block; font-style: italic;} .testimonial-list .testi-cont h4 strong { font-size: 20px; color: #99b81f; font-family: 'Open Sans'; font-weight: 600;} .testimonial-list .testi-cont .testiname b { margin: 0 5px; font-style: italic; color: #d8d8d8; font-family: 'Open Sans'; font-weight: 300;} .testimonial-list .comma-left { background:url('images/coma-left.png')no-repeat; width: 53px; height: 42px; display: block;height: 42px;left: 45px; top: -18px;position: absolute;} .testimonial-list .comma-right { background:url('images/comma-right.png')no-repeat; width: 53px; height: 42px; display: block;height: 42px;right: 45px; top: -18px;position: absolute;} .testimonial-list .prot-left { margin-bottom: 25px;} .testimonial-list .testi-cont.pull-right{ margin-right: 13px; text-align: right;} .testimonial-list .right .testi-cont:before { background: none;display: none;} .testimonial-list .right .testi-cont:after{background:url('images/testi-arrow2.jpg')no-repeat; right: -32px;content: ""; position: absolute; text-indent: -999999px;width: 33px; height: 45px;top: 30px; } .testimonial-list .right .pull-right .avtar { margin-right: 30px;} /* web-design Page css */ .protfolio-banner.web-design { background: none;} .protfolio-banner.web-design .webdesign-block { position: absolute; top: 28%; left: 12%; width: 550px;} .protfolio-banner.web-design .webdesign-block h1 { margin: 0 0 35px; font-size: 68px; line-height: 68px; color: #3b3940; font-family: 'Open Sans'; font-weight: 300;} .protfolio-banner.web-design .webdesign-block p { padding-right: 55px;font-size: 25px; line-height: 32px; color: #3b3940; font-family: 'Open Sans'; font-weight: 400;} .graphic-design { margin: 90px 0 75px;} .graphic-design h2 { font-size: 62px; color: #171617;font-family: 'Open Sans'; font-weight: 600;} .graphic-design h2 b { width: 120px; background: #171617; height: 3px; margin: 20px auto 30px; display: block;} .graphic-design p {padding: 0 45px; letter-spacing: .5px; font-size: 24px; color: #464646;font-family: 'Open Sans';} .graphic-design p strong {color: #ec8227; font-family: 'Open Sans'; font-weight: 700;} .Showcase-block {padding: 80px 0 90px; margin: 70px 0; width: 100%; background: url('images/showcase-bg.jpg')no-repeat; background-size: cover;} .Showcase-block h2 { font-size: 62px; color: #171617;font-family: 'Open Sans'; font-weight: 600;} .Showcase-block h2 b { width: 120px; background: #171617; height: 3px; margin: 20px auto 30px; display: block;} .Showcase-block p {padding: 0 45px; letter-spacing: .5px; font-size: 24px; color: #464646;font-family: 'Open Sans';} .Showcase-block .showcase-slider { width: 90%; margin: 60px auto 30px;} .Showcase-block .showcase-slider .item { margin: 0 10px;} .Showcase-block .showcase-slider .item img { max-width: 100%; height: auto;} .showcase-slider .owl-prev{ left: -65px;position: absolute;top: 45%; background: url('images/show-arrow-left.png')no-repeat; width: 58px; height: 58px; text-indent: -999999px;} .showcase-slider .owl-next { right: -65px;position: absolute;top: 45%; background: url('images/show-arrow-right.png')no-repeat; width: 58px; height: 58px; text-indent: -999999px;} .showcase-slider .frame{width: 100%;background: #fff;border:4px solid #464646;border-radius: 2px; display: block;} .showcase-slider .frame__head{width: 100%;padding:10px 40px 10px 55px; background: #464646; position: relative;height:40px;} .showcase-slider .addressbar{font-size: 0.8em;line-height: 1;display: block;text-align: left; background: #fff; border-radius: 3px;height: 20px;padding:4px 10px;color: #636161;} .showcase-slider .frame__dots{background: #9d9c9c;width: 7px; height: 7px;border-radius: 100%; position: absolute;left:22px;top: 16px;} .showcase-slider .frame__dots:before,.frame__dots:after{background: #9d9c9c;width: 100%; height: 100%;border-radius: 100%; position: absolute;top: 0;content: "";} .showcase-slider .frame__dots:before{left:-12px;} .showcase-slider .frame__dots:after{right:-12px;} .showcase-slider .frame__lines{background: #9d9c9c;width:16px; height:3px;border-radius:3px; position: absolute;right:14px;top: 18px;} .frame__lines:before,.frame__lines:after{background: #9d9c9c;width: 100%; height: 100%;border-radius:3px; position: absolute;content: "";left: 0;} .showcase-slider .frame__lines:before{top: -5px;} .showcase-slider .frame__lines:after{bottom:-5px;} .showcase-slider .frame a { color: #3c3c3c;} .web-services { margin: 60px 0;} .web-services h3 {margin: 15px 0; font-size: 30px; color: #171617; font-family: 'Open Sans'; font-weight: 700;} .web-services p { font-size: 17px; colorl: #626262;font-family: 'Open Sans'; font-weight: 400; } .web-services .service-cont { padding: 0 20px; margin-bottom: 45px;} /* blog-page */ .protfolio-banner.blog-page { background: url('images/blog-page-bg.jpg')no-repeat;background-position: top center; background-size: cover;} .protfolio-banner.blog-page .right img{ padding: 50px 0 0;} .latest-post { margin-bottom: 90px; padding: 55px 0 45px; background: #d38516; position: relative;} .latest-post:after { content: "A"; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #d38516; position: absolute; bottom: -30px; text-indent: -999999px; left:47%;} .latest-post .heading .title{ margin: 0 auto 20px;width: 250px; background:url('images/blog-head-line.jpg')repeat-x;background-position: center;} .latest-post .heading .title h3 {padding: 0 20px; font-size: 24px; color: #fff;font-family: 'Open Sans'; font-weight: 400; background: #d38516; display: inline-block; } .latest-post .first-blog h4{ margin-bottom: 35px; font-size: 62px; color: #fff; line-height: 70px; font-family: 'Open Sans'; font-weight: 600; } .latest-post .first-blog a.btn { padding: 9px 46px 8px; background: #fff; border-radius: 20px; font-size: 16px; color: #d38516; font-family: 'Open Sans'; font-weight: 600; text-decoration: none; display: inline-block; transition: all ease-in-out .5s; } .latest-post .first-blog a.btn:hover {background: #adca37; color: #fff;} .horizantol-post .post-hori { background: #f2f2f2; width: 100%; margin: 0px auto 70px;} .horizantol-post .post-hori .post-head { padding-left: 0;} .horizantol-post .post-hori .post-head img { max-width: 100%; height: auto; width: 100%;min-height: 360px;} .post-cont { padding: 28px 15px 20px;} .post-cont .post-date { margin-bottom: 18px; font-size: 18px; color: #626262;font-family: 'Open Sans'; font-weight: 400; position: relative; display: block;} .post-cont .post-date:after { background: #f49c1e; bottom: -8px;content: "";height: 3px; left: 0;position: absolute; width: 40px;} .post-cont .post-date i { color: #a2a2a2;font-size: 14px;margin: 7px 7px 0 0; vertical-align: top;} .post-cont h3 a { margin-bottom: 13px; font-size: 25px; color: #171617; font-family: 'Open Sans'; font-weight: 700;display: block; transition: all .3s ease-in-out .0s;} .post-cont h3 a:hover { color: #f49c1e;} .post-cont p { font-size: 18px; color: #626262; font-family: 'Open Sans'; font-weight: 400; letter-spacing: 1px; line-height: 24px;} .post-cont .post-float-right { float: right;} .post-cont .post-float-right .post-views {padding-right: 10px;display: inline-block;} .post-cont .post-float-right span { display: inline-block;} .post-cont .post-float-right a { display: inline-block; font-size: 18px; color: #f49c1e;font-family: 'Open Sans'; font-weight: 400; position: relative; top: -5px;} .post-cont .post-float-right a em { font-style: normal; position: relative; top: -10px; } .post-cont .post-float-right .post-commnets {display: inline-block;} .post-cont .post-float-right .post-commnets a { top: 5px;} .post-cont .link-arrow { font-size: 18px; color: #f49c1e;font-family: 'Open Sans'; font-weight: 400; } .post-cont .link-arrow i {color: #f49c1e; font-size: 16px; vertical-align: middle;margin-left: 10px;transition: all 0.3s ease-in-out 0s;} .post-cont .link-arrow:hover i { margin-left: 20px;} .horizantol-post {overflow: hidden;width: 100%;} .tab-section { margin-bottom: 70px; padding: 70px 0; background: #f2f2f2;} .tab-section .tab-content { margin-top: 70px; } .tab-section .nav-tabs { border: none; display: inline-block; background: #fff; border-radius: 40px; } .tab-section .nav-tabs li a { font-size: 22px; color: #171617; text-transform: uppercase;font-family: 'Open Sans'; font-weight: 600; border-radius: 0; padding: 15px 35px 13px; position: relative; border: 0;} .tab-section .nav-tabs li { margin: 0;} .tab-section .nav-tabs li:first-child a { border-radius: 40px 0 0 40px; } .tab-section .nav-tabs li:last-child a { border-radius: 0px 40px 40px 0px; } .tab-section .nav-tabs > li.active > a, .tab-section .nav-tabs > li.active > a:focus, .tab-section .nav-tabs > li.active > a:hover { background: #ea5098; border: 0; color: #fff; position: relative;} .tab-section .nav-tabs li a:hover { background: none; border: none;} .tab-section .nav-tabs > li.active > a:after{ border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);border-top: 10px solid #ea5098;bottom: -10px;content: "";left: 50%;margin: 0 0 0 -10px;position: absolute; } .tab-section .post-cont {padding: 35px; background: #fff; width: 388px; margin: 0 auto;box-shadow: 0 0 10px 0 #e4e4e4;transition: all 0.3s ease-in-out 0s;} .tab-section .post-cont h3 a {margin-top: 20px; margin-bottom: 55px;min-height: 90px;} .tab-section .post-cont:hover { box-shadow: 0 0 20px 10px #cecece;} .vertical-blog { margin-bottom: 60px; padding: 68px 0; background: #ea5098; } .vertical-blog .post-vertical { background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.3);} .vertical-blog .post-vertical .post-avtar a img { width: 100%; max-width: 100%; height: auto; } .vertical-blog .post-vertical .post-cont { padding: 40px;} .vertical-blog .post-vertical .post-cont h3 a {margin-top:15px; margin-bottom:55px;} /* pagination */ .navigation { margin-bottom: 70px;} .navigation .pagination .page-numbers {margin: 7px; font-size: 32px; color: #171617; font-family: 'Open Sans'; font-weight: 600; border: 1px solid #7f7f80; border-radius: 50%; display: inline-block; width:50px; height:50px; transition: all 0.3s ease-in-out 0s;} .navigation .pagination .prev.page-numbers {margin-right: 30px; background: url('images/pagination-prev.jpg')no-repeat !important; width: 60px; height: 50px; text-indent: -999999px; display: inline-block; border: 0 !important; border-radius: 0; } .navigation .pagination .next.page-numbers {margin-left: 30px; background: url('images/pagination-next.jpg')no-repeat!important; width: 60px; height: 50px; text-indent: -999999px; display: inline-block; border: 0 !important; border-radius: 0; } .navigation .pagination .page-numbers.current,.navigation .pagination .page-numbers:hover { background: #ea5098; color: #fff; border: 1px solid #ea5098;} /* video-production */ .protfolio-banner.video-production .pbanner-cont h1 { font-size: 52px; } .protfolio-banner.video-production { background: url('images/vedio-production-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .protfolio-banner.video-production svg { padding: 10px 0 20px;} .webunique-design { padding: 75px 0; width:100%; overflow: hidden;} .webunique-design .webunique-avtar img { max-width: 100%; height: auto; } .webunique-design .unique-cont { margin-top: 60px;} .webunique-design .unique-cont h2 { margin-bottom: 15px;font-size: 60px; color: #171617; font-family: 'Open Sans'; font-weight: 700; } .webunique-design .unique-cont p{font-size: 24px; line-height: 38px; color: #464646; font-family: 'Open Sans'; font-weight: 400; } .our-title { width: 100%; background: url('images/our-process-bg.png')no-repeat; background-size: 100%; position: relative;} .our-title:before { content: ""; position: absolute; top: 0;background: url('images/our-procss-arrow.png')no-repeat; background-position: top center; display: block; height: 31px;left: 0;position: absolute;right: 0;text-align: center;top: 108px;} .our-title h2 { margin: 22px 0; font-size: 62px; color: #fff; font-family: 'Open Sans'; font-weight: 600;} .ourprocess-design { margin: 35px 0 70px;} .ourprocess-design .ourprocess-box { width: 96%; margin: 0 auto;} .ourprocess-design .our-avtar img { max-width: 100%;width: 71%; margin: 50px auto 25px; text-align: center; background: #ececec; padding:20px; border-radius: 50%; box-shadow: 0 0 0 20px #f5f5f5;} .ourprocess-design .our-avtar span {padding: 0 25px; display: block; font-size: 28px; color: #171617;font-family: 'Open Sans'; font-weight: 600; min-height: 80px;} .ourprocess-design .list-process .our-avtar { position: relative;} .ourprocess-design .list-process:nth-child(1) .our-avtar:before { background: url('images/step-right-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(2) .our-avtar:before { background: url('images/step-right-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(3) .our-avtar:before { background: url('images/step-full-right.png')no-repeat; position: absolute; content:""; top: 130px; right: -30px; width: 56px; height: 434px;} .ourprocess-design .list-process:nth-child(6) .our-avtar:before { background: url('images/step-left-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(5) .our-avtar:before { background: url('images/step-left-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(6) .our-avtar:after { background: url('images/step-full-left.png')no-repeat; position: absolute; content:""; top: 130px; right: auto; left: -30px; width: 56px; height: 434px;} .ourprocess-design .list-process:nth-child(7) .our-avtar:before { background: url('images/step-right-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(8) .our-avtar:before { background: url('images/step-right-arrow.png')no-repeat; position: absolute; content:""; top: 130px; right: -45px; width: 68px; height: 15px;} .ourprocess-design .list-process:nth-child(4) { float: right;} .ourprocess-design .list-process:nth-child(5) { float: right;} /* Monthaly Maintenance */ .protfolio-banner.monthaly-maintenance {background: url('images/monthly-maintenance-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .protfolio-banner.monthaly-maintenance .right img { padding: 50px 0;} .maintenance-box { padding: 100px 0 0px; width: 100%; overflow: hidden;} .maintenance-box .container { max-width: 1200px;} .maintenance-box img { max-width: 100%; width: auto;height: auto; margin: 0 auto;} .maintenance-box h2 { margin: 0 0 40px; font-size: 42px; color: #171617;font-family:'OpenSans-Semibold';} .maintenance-box p{ font-size: 24px; line-height: 34px; color: #464646;font-family:'OpenSans-Regular';} .maintenance-box a.find {margin-top: 35px; border: 2px solid #99b81f;border-radius: 50px;color: #99b81f;display: inline-block; padding: 8px 40px;font-family:'OpenSans-Semibold'; font-size: 17px;} .maintenance-box a.find i {border: 1px solid #99b81f; border-radius: 50px; font-size: 12px;left: 0; margin-left: 10px;padding: 4px 5px;position: relative;transition: left 0.4s ease 0s;} .maintenance-box a.find:hover i {left: 10px;} .maintenance-box .maintenance-list { margin-bottom: 95px;} /* vedioportfolio */ .protfolio-banner.vedioportfolio {background: url('images/Video-portfolio_Bg.jpg')no-repeat;background-position: top center; background-size: cover; } /* SEO Page */ .protfolio-banner.seo-box{background: url('images/seo-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .protfolio-banner.seo-box .right img { padding: 50px 0;} .seoprcess-box { padding: 100px 0; width: 100%;} .seoprcess-box h2 {margin: 0 0 45px; font-size: 42px; color: #171617;font-family:'OpenSans-Semibold'; position: relative;} .seoprcess-box h2:after { margin: 0 auto; position: absolute; bottom: -20px; left: 0; right: 0; width: 150px; background: #171617; content:""; display: block; height: 3px; } .seoprcess-box p { font-size: 24px; line-height: 34px; color: #464646;font-family:'OpenSans-Regular'; width: 85%; margin: 0 auto; } .seoinvestment-box { padding: 70px 0 50px; background: url('images/investment-bg.jpg')no-repeat;background-position: top center; background-size: cover; width: 100%; background-attachment: fixed; overflow: hidden;} .seoinvestment-box img { max-width: 100%; height: auto;} .seoinvestment-box h2 { margin: 0 0 30px; font-size: 48px; color: #fff; font-family:'OpenSans-Semibold'; } .seoinvestment-box p { margin: 0 0 30px; font-size: 24px; line-height: 34px; color: #fff;font-family:'OpenSans-Regular';} .seoaudit-box { padding: 90px 0; width: 100%; overflow: hidden;} .seoaudit-box h2 { margin: 0 0 10px; font-size: 48px; color: #171617; font-family:'OpenSans-Semibold'; } .seoaudit-box p { margin: 0 0 15px; font-size: 24px; line-height: 34px; color: #464646;font-family:'OpenSans-Regular';} .seoaudit-box .seoaudit-text { margin: 0 auto; width: 70%;} .seoaudit-list { margin: 0 auto; width: 100%; } .seo-audit { width: 95%; margin: 15px auto 0;} .seoaudit-list img { margin: 0 auto; max-width: 100%;} .seoaudit-list .seoaudit-arrow { margin: 15px auto; width: 100%; max-width: 806px;} .seoaudit-list h3 { margin: 35px 0 15px; font-size: 24px; color: #626262; font-family: 'Open Sans'; font-weight: 700;} .seoaudit-list p { font-size: 18px; color: #626262; line-height: 24px; font-family: 'Open Sans'; font-weight: 400;} /* Carrer page */ .innerpage-title.protfolio-banner { padding: 30px 0; margin-top: 80px; background: #ea5097;} .innerpage-title h1 { margin: 0; font-size:68px; color: #fff; font-family: 'Open Sans'; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;text-shadow: 2px 4px 1px #a62281; text-align: center;} .opportunity-box { padding-top: 50px; } .opportunity-box h2 {font-size: 48px; margin-bottom: 9px; color: #212121;font-family: 'Open Sans';font-weight: 800; text-align: center; text-transform: uppercase;} .opportunity-box p {font-size: 16px; color: #212121;font-family: 'Open Sans';font-weight: 400; } .opportunity-content { margin: 0 auto;width: 85%;} .opportunity-box .sub-title{text-align:center; margin-bottom:80px; font-size: 16px; color: #a52281;font-family: 'Open Sans';font-weight: 400; text-transform: uppercase;} .opportunity-content thead{border-bottom:2px solid #b6b6b6;} .opportunity-content thead tr th {font-size: 28px;color: #212121;font-family: 'Open Sans';font-weight: 800; text-transform:uppercase;padding-bottom: 22px;} .opportunity-content thead tr .col-one{width:38.4%;} .opportunity-content thead tr .col-two{width:40.2%;} .opportunity-content tbody tr td{ padding: 27px 0px ;} .opportunity-content tbody tr{border-bottom: 1px solid #b6b6b6;} .opportunity-content tbody h3{font-size: 20px;color: #212121; text-transform: uppercase; font-family: 'Open Sans'; line-height: 26px; font-weight: 800; letter-spacing: 2px; margin-bottom: 13px;} .opportunity-content tbody strong{ font-size: 14px;color: #616161; font-family: 'Open Sans'; font-weight: 300;margin-right: 23px;text-transform: uppercase;} .opportunity-content tbody p{ font-family: 'Open Sans'; font-weight: 300;line-height: 21px;} .opportunity-content tbody .career-apply{ font-size: 13px; font-family: 'Open Sans'; font-weight: 900;text-transform: uppercase;letter-spacing: 2px; min-height: 52px;background: #108fba ;line-height: 52px; color: #fff; transition: all ease-in-out .4s; display: inline-block;text-align: center;vertical-align: top;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width: 50%;} .career-btn-wrap{text-align: right; } .opportunity-content tbody .career-apply:hover { background: #a52281 ;} .opportunity-content tbody tr:nth-child(2n) h3 ,.opportunity-content tbody tr:nth-child(2n) strong{color:#a52281; font-family: 'Open Sans'; font-size: 700;} /* Carrer Poup */ .carrer-poup { bottom: 0; left: 0; outline: 0 none; position: fixed; right: 0;top: 0; z-index: 99; overflow-y: scroll; overflow-x: hidden; background: rgba(0,0,0,.5); transition: opacity 0.15s linear 0s; display: none;} .carrer-poup .carrpop { background:#444444 ; bottom: 0; box-shadow: 0 0 10px 0 #cccccc; left: 0; margin: auto;padding: 30px; position: relative; right: 0; top: 95px; width: 600px; z-index: 99; border-radius: 4px;} .carrer-poup .carrpop .close {border: 2px solid #ffffff; border-radius: 50%; color: #ffffff; height: 30px; opacity: 0.8; width: 30px; position: absolute; top: 5px; right: 10px; } .carrer-poup .carrpop form { margin: 20px 0 0;} .carrer-poup .carrpop label { font-size: 14px; font-family: 'Open Sans'; font-weight: 400; color: #fff;} .carrer-poup .carrpop label.title { font-weight: 700; font-size: 18px; } .carrer-poup .carrpop .checkbox input[type="checkbox"]{ margin: 0 5px 0 0; position: relative;} .carrer-poup .carrpop span.wpcf7-list-item:first-child{ margin-left: 0;} .carrer-poup .carrpop .checkbox label { background: #f49b1e; padding: 5px 10px; border-radius: 4px;} .carrer-poup .carrpop .radiobutton label { background: #f49b1e; padding: 5px 10px; border-radius: 4px;} .carrer-poup .carrpop p {font-size: 12px; font-family: 'Open Sans'; font-weight: 400; color: #fff;} .carrer-poup .carrpop .heading-title { margin: 0 0 20px;} .carrer-poup .carrpop select { padding: 6px 12px; -moz-appearance: none; background: url("images/arrow-drop-down.png") no-repeat scroll 97% 50%; color: #fff; cursor: pointer; border: 1px solid #ccc;font-size: 14px; font-family: 'Open Sans'; font-weight: 400; width: 100%; height: 40px;} .carrer-poup .carrpop select option{font-size: 14px; font-family: 'Open Sans'; font-weight: 400; color: #fff;} .carrer-poup .carrpop .form-control { border: 1px solid #ccc;font-size: 14px; font-family: 'Open Sans'; font-weight: 400; color: #fff; border-radius: 0; background: none; height: 40px;} .carrer-poup .carrpop .form-control:focus { box-shadow: none;} .carrer-poup .carrpop textarea.form-control { height: 120px; resize: none;} .carrer-poup .btn-primary { background: #ea5098; border: 1px solid #ea5098; border-radius: 45px; color: #ffffff; font-family:"OpenSans-Semibold"; font-size: 17px; padding: 6px 35px; transition: background 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s; } .carrer-poup .btn-primary:hover { background: #1a94ab; border: 1px solid #1a94ab;} .carrer-poup .form-control.wpcf7-not-valid { border: 1px solid #f00;} .carrer-poup span.wpcf7-not-valid-tip { display: none;} .carrer-poup div.wpcf7-validation-errors {color: #fff;} /* Componets-box */ .Componets-box {padding: 80px 0 130px; background: url('images/components-maintenance-bg.jpg')no-repeat;background-position: top center; background-size: cover;} .Componets-box .container{ max-width: 1200px;} .Componets-box h2 { margin: 0 0 50px; font-size: 62px; color: #fff;font-family:'OpenSans-Semibold'; } .Componets-box h3 { margin: 0 0 28px; font-size: 28px; color: #171617;font-family: 'Open Sans'; font-weight: 700;} .Componets-box p { color: #626262; font-size: 17px; line-height: 26px;font-family:'OpenSans-Regular';} .Componets-box .Componets { display: flex; flex-wrap: wrap;} .Componets-box .Componets .Componets-list { background: #fff;margin-bottom: 5px;margin-right: 5px;width: 32.9%;} .Componets-box .Componets .Componets-cont { padding: 60px 30px 50px; position: relative;} .Componets-box .Componets .Componets-cont .maint-bg {left: 0;margin: 0 auto;position: absolute;right: 0;transform: translate(0%, 45px);width: 100%;} .Componets-box .Componets .Componets-cont .maint-bg img { margin: 0 auto; max-width: 100%; height: auto;} /* Connect Page */ .connect-box {padding:50px 0;} .connect-box h3{margin: 0 0 15px;font-size: 26px; color: #242424; font-family: 'Open Sans'; font-weight: 700;} .connect-box .commenda-address { padding: 25px; background: #f8f8f8; border: 1px solid #999;} .connect-box .commenda-address p { margin: 0 0 10px; font-size: 16px; color: #242424; line-height:24px;font-family: 'Open Sans'; font-weight: 400;} .connect-box .commenda-address address {margin: 0 0 10px; font-size: 16px; color: #242424; line-height:24px; font-family: 'Open Sans'; font-weight: 400;} .connect-box .commenda-address address .top-con-bor { float: left;} .connect-box .commenda-address .top-con-bor { border: 1px solid #242424; border-radius: 50%;display: inline-block;height: 35px;margin-right: 10px; text-align: center; width: 35px;} .connect-box .commenda-address .top-con-bor .fa {color: #242424;font-size: 18px;margin-top: 7px;} .connect-box .connect-form .form-group {margin: 0 0 10px; width: 100%; overflow: hidden;} .connect-box .connect-form .form-control { border: 1px solid #d8d8d8;color: #383838;font-family: 'Open Sans'; font-weight: 400;font-size: 16px;height:40px; padding: 5px 10px; border-radius: 0; box-shadow: none;} .connect-box .connect-form .wpcf7-validates-as-number.form-control {display: inline-block;margin-right: 20px;width:100%;} .connect-box .connect-form textarea.form-control { height: 120px;} .connect-box .connect-form { width: 95%;} .connect-box .connect-form .form-control::-moz-placeholder {color: #242424;opacity: 1; } .connect-box .connect-form input[type="submit"] {background: #ea5098; border-radius: 45px; color: #ffffff;font-family: "OpenSans-Semibold"; font-size: 17px; margin-top: 15px; margin-bottom: 15px; padding: 6px 35px; transition: background 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s; } .connect-box .connect-form input[type="submit"]:hover { background: #1a94ab ; border: 1px solid #1a94ab;} .connect-box .connect-form .wpcf7-not-valid.form-control { border: 1px solid #f00;} .connect-box .connect-form span.wpcf7-not-valid-tip { display: none;} .connect-box .connect-form .wpcf7-validation-errors { text-align: center; border: none; color: #f00; font-size: 17px; } .connect-box .connect-form .col-md-6 { width: 100%; margin: 0 0 10px; padding: 0;} .connect-box .connect-form .col-md-6:last-child{ margin-bottom: 0;} .connect-form p { color: #383838;font-family: 'Open Sans'; font-weight: 400;font-size: 16px;} /* website-services */ .website-services { padding: 60px 0; background: #f7f7f7; } .website-services .container { max-width: 1200px;} .website-services .web-service {padding: 0 40px; background: url('images/website-services-bg.jpg')no-repeat;background-position: top center; background-size: cover;border: 1px solid #dddddd; position: relative;} .website-services .web-service p { padding: 25px 0; font-size: 34px; line-height:38px; color: #171617;font-family: 'Open Sans'; font-weight: 300; width: 80%;} .website-services .web-service img { position: absolute; top: -25px;right:40px;} /* Video Services pages */ .protfolio-banner.vedio-services {background: url('images/video-services-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .protfolio-banner.vedio-services .right img { padding: 22px 0 17px;} .videopro-box { margin: 0 0 20px; padding:90px 0 70px; border-bottom: 1px solid #f6f7f9; } .videopro-box h2 {padding: 0 0 30px; font-size: 62px; color: #171617;font-family:'OpenSans-Semibold'; position: relative;} .videopro-box h2:after { content:""; margin: 0 auto; background: #171617; width: 120px; height: 3px; position: absolute; bottom: 0; left: 0; right: 0;} .videopro-box p {margin: 30px auto 0; font-size:24px; line-height: 34px; color: #464646;font-family:'OpenSans-Regular'; width: 80%; } .videopro-box p strong { color: #ec8227;font-family: 'Open Sans'; font-weight: 700;} .videoser-box {padding: 66px 0 76px; background: url('images/vservices-bg.png')no-repeat;background-position: top center; background-size: cover; } .services-title h2 {margin: 0 0 23px; font-size: 42px; color: #aaaeb5;font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; position: relative;} .services-title h2:after { content:""; position: absolute; bottom: -70px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #fff;} .videoser-box img { margin: 0 auto 5px;} .videoser-box span { font-size: 15px; color: #8e99a9; display: block; text-transform: uppercase;font-family: 'Open Sans'; font-weight: 400;} .videoser-box .vservice-block { width: 100%; overflow: hidden; text-align: center;} .videoser-box .vservice-block .sercont { padding: 10px; margin: 0 15px 0px 0;background: #ffffff;border: 4px solid #e9ecef;border-radius: 50%;height: 195px;width: 195px;display: inline-block} .videoser-box .vservice-block:last-child .sercont { margin-top: 20px;} .videoser-box .vservice-block .sercont:last-child{ margin-right: 0;} .videoser-box .vservice-block .sercont .sertext { display:flex; align-items: center; width: 100%; height: 100%;} .videoser-box .vservice-block .sercont .sertext .vertical { width: 100%;} /* Content Marketing */ .protfolio-banner.content-marketing {background: url('images/content-marketing-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .block-influencer { padding: 100px 0 60px;} .block-influencer h2 {margin: 0 0 25px; padding: 0 0 25px; font-size: 48px; line-height: 58px; color: #171617;font-family: 'Open Sans'; font-weight: 600; position: relative;} .block-influencer h2:after{ content: ""; margin: 0 auto; position: absolute; bottom: 0; background: #171617; width: 120px; height: 3px; left: 0; right: 0; } .block-influencer p {margin: 0 auto; width: 86%; font-size: 24px; line-height: 34px; color: #464646;font-family: 'Open Sans'; font-weight: 400; } .block-influencer img { margin: 0 auto;} .block-influencer .influencer-avtar { margin-top: -80px;position: relative; z-index: -1;} .block-Marketing-Services { padding: 85px 0; background: url('images/content-mservices-bg.jpg')no-repeat;background-position: top center; background-size: cover; } .block-Marketing-Services h2 {margin: 0 0 70px; font-size: 62px; color: #fff;font-family: 'Open Sans'; font-weight: 600; } .block-Marketing-Services .ourcostext { width: 95%; margin: 0 auto;} .block-Marketing-Services .ourcostext img { margin: 0 auto 50px; max-width: 100%; height: auto;} .block-Marketing-Services .ourcostext h3 {margin: 0 0 25px; font-size: 26px; color: #fff;font-family: 'Open Sans'; font-weight: 700;} .block-Marketing-Services .ourcostext p { font-size: 18px; line-height: 26px; color: #fff;font-family: 'Open Sans'; font-weight: 400;} .block-Marketing-Services .ourcostext a.moob { margin-top: 30px; border: 2px solid #ababaa; border-radius: 50px;color: #ababaa;display: inline-block; padding: 10px 40px;font-family: 'Open Sans'; font-weight: 400; font-size: 17px;} .block-Marketing-Services .ourcostext a.moob i {border: 1px solid #ababaa; border-radius: 50px; font-size: 12px;left: 0; margin-left: 10px;padding: 4px 5px;position: relative;transition: left 0.4s ease 0s;top: 2px;vertical-align: top;} .block-Marketing-Services .ourcostext a.moob:hover i { left: 10px;} .block-Marketing-Services .item.ourcont {padding: 0 15px;} .block-Marketing-Services .owl-prev { position: absolute; top: 15%;background: url('images/left-services-icon.png')no-repeat; text-indent:-99999px; width: 52px; height: 103px; left:-30px;} .block-Marketing-Services .owl-next { position: absolute; top: 15%;background: url('images/right-services-icon.png')no-repeat; text-indent:-99999px;width: 52px; height: 103px; right: -30px;} .marketing-modal { text-align: center;} .marketing-modal img { margin: 0 auto 10px; max-width: 100%; height: auto; } .marketing-modal h3 {margin: 0 0 0px; font-size: 32px; color: #fff;font-family: 'Open Sans'; font-weight: 700;} .marketing-modal p { font-size: 16px; line-height: 24px; color: #fff;font-family: 'Open Sans'; font-weight: 400;} .marketing-modal .modal-header { border: 0;} .marketing-modal .modal-header .modal-body { padding: 0 15px 15px;} .marketing-modal .modal-dialog { width: 700px; } .marketing-modal .modal-dialog .modal-content { background: url('images/content-mservices-bg.jpg')no-repeat;background-position: top center; background-size: cover;} .marketing-modal .modal-dialog .close { border: 2px solid #ffffff;color: #fff; opacity: 0.8; border-radius: 50%; width: 30px; height: 30px;} .block-content-type { padding: 75px 0;} .block-content-type h2 {margin: 0 0 25px; padding: 0 0 25px; font-size: 48px; line-height: 58px; color: #171617;font-family: 'Open Sans'; font-weight: 600; position: relative;} .block-content-type h2:after{ content: ""; margin: 0 auto; position: absolute; bottom: 0; background: #171617; width: 120px; height: 3px; left: 0; right: 0; } .block-content-type ul li { padding-left: 45px; float: left; list-style: none; text-align: left; width: 25%; font-size: 18px; line-height: 34px; color: #626262;font-family: 'Open Sans'; font-weight: 400; position: relative; text-transform: uppercase;} .block-content-type ul li img { position: absolute; top: 10px;left: 20px;} .block-optimize {padding: 40px 0; background: url('images/optimize-bg.jpg')no-repeat;background-position: top center; background-size: cover;} .block-optimize p {margin: 0 auto; font-size: 34px; line-height: 46px; color: #fff;font-family: 'Open Sans'; font-weight: 300; width: 95%;} .block-optimize p b{font-weight: 600;} /* #################### Footer Css #################### */ #footer-wrapper .footer-top{background-color:#24ade3; padding-top:60px;} #footer-wrapper .footer-top h2{font-family:'OpenSans-Semibold'; font-size:32px; color:#fff; background: url(images/line.png) no-repeat left bottom; padding-bottom: 15px; margin-bottom: 20px;} #footer-wrapper .footer-top .footer-left{ padding-left:0; padding-right:0px; left:85px;} #footer-wrapper .footer-top .footer-left ul{ list-style-type:none;} #footer-wrapper .footer-top .footer-left ul li{ line-height:32px;} #footer-wrapper .footer-top .footer-left ul li a{font-family:'OpenSans-Regular'; font-size:17px; color:#fff; transition:color .3s ease-in-out;} #footer-wrapper .footer-top .footer-left ul li a:hover{ color:#ededed;} #footer-wrapper .footer-top .footer-middle{ position:relative;} #footer-wrapper .footer-top .footer-middle .fmiddle-img{ margin-bottom: -15px; width:100%;} #footer-wrapper .footer-top .footer-middle .reqst-quote{position: absolute; left:30%; bottom: 40px; font-family:'OpenSans-Bold'; font-size:20px; color:#24ade3; background: #fff; border: 2px solid #24ade3; border-radius: 40px; padding:6px 25px; transition:background .3s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;} #footer-wrapper .footer-top .footer-middle .reqst-quote:hover{ background:#24ade3; color:#fff;} #footer-wrapper .footer-top .footer-middle .reqst-quote:hover i{ border:1px solid #fff;} #footer-wrapper .footer-top .footer-middle .reqst-quote i{border: 1px solid #24ade3; border-radius: 100%; padding: 6px 8px; font-size: 14px;} #footer-wrapper .footer-top .footer-right{ padding-left:0px; padding-right:0px;} #footer-wrapper .footer-top .footer-right ul{ list-style-type:none;} #footer-wrapper .footer-top .footer-right ul.info li{font-family:'OpenSans-Regular'; font-size:17px; color:#fff; line-height:24px; margin-bottom:8px; padding-left:30px;} #footer-wrapper .footer-top .footer-right ul.info li:first-child{background: url(images/Marker.png) no-repeat 0 0;} #footer-wrapper .footer-top .footer-right ul.info li:nth-child(2){background: url(images/phone-white.png) no-repeat 0 0;} #footer-wrapper .footer-top .footer-right ul.info li:nth-child(3){background: url(images/mailbox.png) no-repeat 0 0;} #footer-wrapper .footer-top .footer-right ul.info li:nth-child(4){background: url(images/skype.png) no-repeat 0 0;} #footer-wrapper .footer-top .footer-right ul.info li a{font-family:'OpenSans-Regular'; font-size:17px; color:#fff; word-wrap:break-word;} #footer-wrapper .footer-bottom{ text-align:center; padding-top:25px; padding-bottom:25px; font-family:'OpenSans-Regular'; font-size:18px;} #footer-wrapper .footer-bottom a{font-family:'OpenSans-Bold'; color:#4c4c55; transition:color .3s ease-in-out;} #footer-wrapper .footer-bottom a:hover{ color:#24ade3;} /* #################### /Footer Css #################### */ /* #################### Responsive Css #################### */ @media only screen and (max-width:1350px){ .main-nav > ul > li > a{ padding:16px 20px 30px; font-size:16px;} } @media only screen and (max-width:1300px){ #header-wrapper .right-header ul{ text-align:left;} #header-wrapper .right-header ul li a{ font-size:13px;} #header-wrapper .right-header ul li:first-child a{ background-position:12px 7px; padding: 7px 10px 7px 50px;} #header-wrapper .right-header ul li:last-child a{background-position: 10px 6px; padding: 7px 12px 7px 35px;} } @media only screen and (max-width:1279px){ .testimonial-list .testi-cont { width: 760px;} #header-wrapper .col-lg-3.col-md-4.col-sm-6.header-right { padding: 0;} } @media only screen and (max-width:1229px){ .main-nav > ul > li > a{ padding:16px 10px 30px; font-size:16px;} } @media only screen and (max-width:1199px){ .main-nav > ul > li > a {font-size: 13px; padding: 20px 8px 30px;} .nav-blocks-wrapper ul li a { font-size: 14px;} #banner .carousel-caption{ padding-top:50px; left:50px;} #banner .carousel-caption h1{ font-size:40px; margin-bottom:15px; padding-bottom:20px;} #banner .carousel-caption p{ font-size:20px;} #service-wrapper .inner-wrap h1{ font-size:40px;} #service-wrapper .nav.nav-tabs li a{ padding:20px 25px;} #service-wrapper .nav.nav-tabs li:first-child a{ padding-left:50px; padding-right:50px;} #service-wrapper .nav.nav-tabs li:last-child a{ padding-right:50px;} #service-wrapper .tab-content .right-content h2{ font-size:40px; margin-bottom:20px; padding-bottom:20px;} #service-wrapper .tab-content .right-content ul li{ display:block; margin:0px;} #service-wrapper .tab-content .right-content a.dyp{ margin-top:20px;} #portfolio-header .head h2{ font-size:40px; margin-bottom:20px;} #our-achivements .achivements .circle-wrap{ margin:20px 5px;} #our-achivements .head h2{ margin-bottom:25px;} #blog-wrap .head h2{ font-size:40px; margin-bottom: 15px; padding-bottom: 15px;} #footer-wrapper .footer-top .footer-left{ left:auto; padding-left:auto;} #footer-wrapper .footer-top .footer-middle .reqst-quote{ padding:6px 10px; left:28%; font-size:16px; bottom:50px;} #testimonial-wrapper .head h2{ font-size:40px; margin-bottom:15px; padding-bottom:15px;} .protfolio-banner .pbanner-block { width: 970px;} .porfolio-list .porlist-cont img { max-width: 100%; height: auto;} .porfolio-list .porlist-cont { width: 440px;height: 380px;} .protfolio-banner .left .pbanner-cont h1 {line-height: 26px; font-size: 54px; line-height: 54px;} .protfolio-banner .left .pbanner-cont p { font-size: 20px; line-height: 26px;} .porfolio-list .porlist-cont .porlist .link h2 { font-size: 36px; margin: 0 0 40px;} .testimonial-list .testi-cont {width: 600px;} .protfolio-banner { margin-top: 75px;} .webdesign-block .pbanner-block { width: 100% !important;} .protfolio-banner.web-design .webdesign-block h1 { margin: 0 0 25px; font-size: 48px; line-height: 48px;} .protfolio-banner.web-design .webdesign-block p { font-size: 22px; padding-right: 15px;} .protfolio-banner.web-design .webdesign-block { width: 400px;} .graphic-design p { font-size: 19px;} .web-services h3 { font-size: 27px;} .showcase-slider .frame a { font-size: 10px;overflow: hidden;} #about-page .years-wrapper .contentbox .innrbox .left { width: 35%;} #about-page .years-wrapper .contentbox .innrbox .right { width: 65%;} #about-page .years-wrapper .contentbox .innrbox .left img { max-width: 90%;} #about-page { margin-top: 75px;} .post-cont h3 a { font-size: 20px;} .post-cont p { font-size: 16px; line-height: 24px;} .horizantol-post .post-hori .post-head img { min-height: 350px;} .tab-section .post-cont {padding: 20px; width: 100%;} .vertical-blog .post-vertical .post-cont {padding: 20px;} .protfolio-banner.video-production .pbanner-cont h1 { font-size: 44px;} .webunique-design .unique-cont h2 { font-size: 45px;} .webunique-design .unique-cont p { font-size: 20px;line-height: 30px;} .our-title::before { top: 85px;} .our-title h2{ font-size: 40px;} .ourprocess-design .our-avtar img {padding: 15px; max-width: 75%;box-shadow: 0 0 0 15px #f5f5f5;} .ourprocess-design .ourprocess-box { width: 98%;} .ourprocess-design .our-avtar span { font-size: 21px;} .ourprocess-design .list-process:nth-child(1) .our-avtar::before { right: -55px; background-size: 75%;top: 100px;} .ourprocess-design .list-process:nth-child(2) .our-avtar::before { right: -55px; background-size: 75%;top: 100px;} .ourprocess-design .list-process:nth-child(3) .our-avtar::before { right: -40px; background-size: 88%;top: 100px;} .ourprocess-design .list-process:nth-child(6) .our-avtar::before {right: -55px; background-size: 75%;top: 100px;} .ourprocess-design .list-process:nth-child(6) .our-avtar::after{left: -40px; background-size: 88%;top: 100px;} .ourprocess-design .list-process:nth-child(5) .our-avtar::before{right: -55px; background-size: 75%;top: 100px;} .ourprocess-design .list-process:nth-child(7) .our-avtar::before{right: -55px; background-size: 75%;top: 100px;} .ourprocess-design .list-process:nth-child(8) .our-avtar::before{right: -55px; background-size: 75%;top: 100px;} .Componets-box .Componets .Componets-list { width: 32.5%;} .Componets-box h3 { margin: 0 0 25px; font-size: 22px;} .Componets-box p { font-size: 16px; line-height: 24px;} .Componets-box .Componets .Componets-cont { padding: 60px 20px 50px;} .videoser-box .vservice-block .sercont { width: 170px; height: 170px;} .videoser-box span { font-size: 12px;} .block-influencer h2 { font-size: 42px; line-height: 52px;} .block-influencer p { width: 95%;} .block-influencer img { max-width: 100%; height: auto;} .block-Marketing-Services .ourcostext h3 { font-size: 19px;} .block-Marketing-Services .ourcostext p { font-size: 15px; line-height: 22px;} .block-Marketing-Services .ourcostext img { max-width: 80%;} .block-Marketing-Services .owl-prev,.block-Marketing-Services .owl-next { background-size: 100%; width: 40px; height: 90px;} .block-content-type ul li { font-size: 13px;} .seoprcess-box { padding: 50px 0;} .seoprcess-box p { font-size: 18px; line-height: 28px;} .seoinvestment-box h2 { font-size: 36px;} .seoinvestment-box p { font-size: 18px;line-height: 24px; margin: 0 0 20px;} .seoaudit-list .seoaudit-arrow { max-width: 650px;} .seoaudit-list p {font-size: 16px;line-height: 22px; } .seoaudit-box { padding: 50px 0;} .opportunity-content { width: 95%;} } @media only screen and (max-width:1025px){ .mobile.main-nav { display: block;} .desktop.main-nav { display: none;} .main-nav { background: #f39b1e; top: 0; right: 0; left: auto; visibility: visible; width: 230px; opacity: 1; height: 100%; transform: translate3d(230px, 0px, 0px); z-index: 9; transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1) 0s; border: 0 none; } .main-nav ul li a { padding: 8px 15px !important; font-size: 15px !important; color: #fff !important; border-bottom: 1px solid #fff; transition: all 0.4s ease 0s;} .main-nav ul li a:hover { background: #9ab724; color: #fff !important;} .mobile.main-nav ul { overflow-y: scroll; height: 100%; position: relative;} .main-nav ul li:last-child a { border: 0;} .main-nav .fix-container { padding: 0;} .main-nav .fix-container .nav-blocks h2 { margin: 0; padding: 8px 15px !important; font-size: 15px !important; color: #fff !important; border-bottom: 1px solid #fff; transition: all 0.4s ease 0s;line-height: 24px; } .main-nav .fix-container .nav-blocks { position: relative;} .main-nav .fix-container .nav-blocks .fa { position: absolute; right: 15px; top: 5px; content: ""; cursor: pointer;font-weight: 600; font-size: 24px; color: #222; } .nav-blocks-wrapper ul li { margin: 0; padding: 0; background: none;} .nav-blocks-wrapper ul li a { line-height: unset; display: block;} .nav-blocks-wrapper ul li a::before { display: none;} .main-nav .fix-container .nav-blocks .innermenu { display: none} .main-nav .fix-container .nav-blocks .innermenu li a { line-height: 24px; border-bottom: 1px solid #fff !important;} .main-nav ul li { position: relative;} .main-nav ul li span.fa { position: absolute; right: 15px; top: 5px; content: ""; cursor: pointer;font-weight: 600; font-size: 24px; color: #222;} .nav-blocks .menu-block { margin: 0;} .nav-blocks h2::after { display: none;} #header-wrapper .home-menu {float: right; width: 100px;} #header-wrapper .header-right { float: right; transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;} .nav-open #header-wrapper .header-right {transform: translate3d(-230px, 0px, 0px);} .nav-open #header-wrapper .header-right {transform: translate3d(-230px, 0px, 0px);} #header-wrapper .home-menu .menu-toggle { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;} .nav-open #header-wrapper .home-menu .menu-toggle {transform: translate3d(-240px, 0px, 0px);} .nav-open .main-nav {transform: translate3d(0px, 0px, 0px);} .container { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;} .nav-open .container { transform: translate3d(-230px, 0px, 0px);} #banner {transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;} .nav-open #banner { transform: translate3d(-230px, 0px, 0px);} .nav-open #header-wrapper .container { transform: translate3d(0px, 0px, 0px);} .nav-open #header-wrapper .logo {transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;} .nav-open #header-wrapper .logo {transform: translate3d(-230px, 0px, 0px);} } @media only screen and (max-width:991px){ #header-wrapper{ max-height:100% !important;} #header-wrapper .main-nav{ top:95px;} #header-wrapper .right-header{ padding-top:0px;} #header-wrapper .right-header ul li:first-child a{ padding:5px 12px 5px 50px; margin-bottom:5px;} #header-wrapper .right-header ul li:last-child a{ padding:6px 12px 6px 35px;} #banner .carousel-inner > .item { max-height: 400px; min-height: 400px;} #service-wrapper .nav.nav-tabs li a{ font-size:14px; padding:15px 20px;} #service-wrapper .nav.nav-tabs li:first-child a{ padding-left:40px; padding-right:40px;} #service-wrapper .nav.nav-tabs li:last-child a { padding-right: 20px;} #service-wrapper .tab-content .right-content h2 {font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;} #our-achivements .achivements .circle-wrap { float: none; margin: 0 auto 20px !important;} #blog-wrap .post-wrapper .post-box2 .post-content{ padding:20px 15px;} #blog-wrap .post-wrapper .post-box2 .post-content .content{ font-size:16px;} #blog-wrap .post-wrapper .post-box2 .post-content .readmore{ font-size:14px;} #blog-wrap .post-wrapper .post-box .post-content .content{ font-size:16px;} #blog-wrap .post-wrapper .post-box .post-content .readmore{ font-size:14px;} #blog-wrap .head h2::after{ left:42%;} #footer-wrapper .footer-top h2{ font-size:24px;} #footer-wrapper .footer-top .footer-middle .fmiddle-img{ position:relative; bottom:-130px;} #footer-wrapper .footer-top .footer-middle .reqst-quote{ left:22%; bottom:-50px;} .protfolio-banner .pbanner-block { width: 750px;} .protfolio-banner .left .pbanner-cont h1 { font-size: 36px; line-height: 42px; margin: 0 0 15px;} .protfolio-banner .left .pbanner-cont p {font-size: 15px;line-height: 22px;} .protfolio-banner .like { width: 60px;} .protfolio-banner .like img { max-width: 100%;} .protfolio-banner .right img { padding: 90px 0 80px;} .protfolio-banner .left .pbanner-cont {padding: 140px 0 100px;} .porfolio-list .porlist-cont { height: 285px; width: 340px;} .porfolio-tabing .porfolio-list .porlist-cont { height: 278px;} .porfolio-list .porlist-cont .porlist { padding: 20px;} .porfolio-list .list { margin-bottom: 40px;} .porfolio-list .porlist-cont .porlist .link h2 { font-size: 30px;} .testimonial-list .testi-cont {width: 460px;} .testimonial-list .avtar img { max-height: 80px;max-width: 80px;} .protfolio-banner { margin-top: 65px;} .protfolio-banner.web-design .webdesign-block h1 { margin: 0 0 15px; font-size: 38px; line-height: 38px;} .protfolio-banner.web-design .webdesign-block p {font-size: 17px; line-height: 23px;} .protfolio-banner.web-design .webdesign-block { left: 10%;} .graphic-design h2 { font-size: 48px;} .graphic-design p {font-size: 17px; letter-spacing: 0; padding: 0;} .graphic-design {margin: 40px 0;} .web-services h3 { font-size: 22px;} .web-services .service-cont { padding: 0 10px;} .web-services p { font-size: 15px;} #about-page .years-wrapper .first { padding-left: 10px;} #about-page .years-wrapper .third { padding-right: 10px;padding-top: 80px;} #about-page .years-wrapper .contentbox .innrbox .right p { font-size: 14px; line-height: 16px;} #about-page .about-content p { font-size: 18px; line-height: 24px;} #about-page .about-content { padding: 40px 120px;} #about-page { margin-top: 64px;} .post-description { display: none;} .horizantol-post .post-hori .post-head img {min-height: 200px;} .tab-section .post-cont h3 a { min-height: auto; margin-bottom: 20px;} .tab-content .col-lg-4.col-md-4.col-sm-12 { margin-bottom: 20px;} .vertical-blog .post-vertical .post-avtar {float: left;width: 45%;} .vertical-blog .post-vertical .post-cont { float: right; width: 55%;} .vertical-blog .post-vertical { overflow: hidden;} .vertical-blog .blog-inner { margin-bottom: 30px;} .vertical-blog .blog-inner:last-child{ margin-bottom: 0;} .vertical-blog .post-vertical .post-cont h3 a { margin-bottom: 20px;} .vertical-blog .post-vertical .post-avtar a img { min-height: 200px;} .latest-post .first-blog h4 { font-size: 48px; line-height: 50px;} .horizantol-post .post-hori { margin: 0 auto 40px;} .tab-section { margin-bottom: 40px; padding: 40px 0;} .pagination { display: block;} .navigation {margin-bottom: 30px;} .protfolio-banner.video-production .pbanner-cont h1 { font-size: 33px; line-height: 40px;} .protfolio-banner.video-production svg { padding: 10px 0 20px;} .webunique-design .unique-cont h2 { font-size: 32px;} .webunique-design .unique-cont p {font-size: 14px;line-height: 22px;} .our-title h2 { margin: 10px 0 13px;} .our-title::before {top: 65px;} .webunique-avtar svg{width: 100%; } .ourprocess-design .our-avtar span {font-size: 18px;padding: 0 5px;} .ourprocess-design .list-process:nth-child(1) .our-avtar::before { background-size: 65% auto;right: -61px;top: 80px;} .ourprocess-design .list-process:nth-child(2) .our-avtar::before { background-size: 65% auto;right: -61px;top: 80px;} .ourprocess-design .list-process:nth-child(3) .our-avtar::before { background-size: 75% auto;right: -48px;top: 80px;} .ourprocess-design .list-process:nth-child(6) .our-avtar::before {background-size: 65% auto;right: -61px;top: 80px;} .ourprocess-design .list-process:nth-child(6) .our-avtar::after{background-size: 75% auto;left: -35px;top: 80px;} .ourprocess-design .list-process:nth-child(5) .our-avtar::before{background-size: 65% auto;right: -61px;top: 80px;} .ourprocess-design .list-process:nth-child(7) .our-avtar::before{background-size: 65% auto;right: -61px;top: 80px;} .ourprocess-design .list-process:nth-child(8) .our-avtar::before{background-size: 65% auto;right: -61px;top: 80px;} .Componets-box .Componets .Componets-list {width: 49.5%;} .Componets-box .Componets .Componets-list:nth-child(2n){margin-right: 0 !important;} .Componets-box .Componets .Componets-list:nth-child(3n){ margin-right: 5px} .Componets-box .Componets .Componets-cont .maint-bg img { height: 230px;} .maintenance-box p { font-size: 18px; line-height: 26px;} .maintenance-box h2{ font-size: 26px; margin: 0 0 20px;} .website-services .web-service p { font-size: 24px; line-height: 32px;} .Componets-box h2 { font-size: 40px; margin: 0 0 40px;} .videopro-box h2 { font-size: 52px;} .videopro-box p { width: 100%;} .videoser-box .vservice-block .sercont {height: 125px;width: 125px;} .videoser-box span {font-size: 10px;} .videoser-box img { max-width: 35%; height: auto;} .videopro-box { padding: 50px 0;} .videoser-box { padding: 66px 0 40px;} .block-influencer h2 {font-size: 32px;line-height: 42px;} .block-influencer p { width: 100%; font-size: 22px; line-height: 30px;} .block-influencer .influencer-avtar { margin-top: -55px;} .block-Marketing-Services h2 { font-size: 42px;} .block-content-type h2 { font-size: 38px; line-height: 48px;} .block-content-type ul li { width: 50%; font-size: 16px;} .block-optimize p { width: 100%; font-size: 28px;line-height: 40px;} .protfolio-banner.seo-box .left .pbanner-cont h1 { font-size: 32px; line-height: 42px;} .seoprcess-box h2 { font-size: 38px;} .seoprcess-box p { width: 100%;} .seoinvestment-box h2 { font-size: 28px; } .seoinvestment-box p {font-size: 15px; line-height: 22px; margin: 0 0 15px; } .seoaudit-box p { font-size: 15px; line-height: 22px;} .seo-audit { width: 100%;} .seoaudit-list h3 { margin: 20px 0 15px; font-size: 20px;} .seoaudit-list p {font-size: 13px; line-height: 18px;} .seoaudit-list .seoaudit-arrow { max-width: 500px;} .opportunity-content { width: 100%;} } @media only screen and (max-width:767px){ #header-wrapper .logo{ text-align:center; margin-bottom:10px;} #header-wrapper .logo a{ display:inline-block;} #header-wrapper .logo img{ margin:0 auto;} #header-wrapper .main-nav{ top:132px;} #header-wrapper .right-header { width: 320px; margin: 0 auto;} #banner{ margin-top:130px;} #service-wrapper .nav.nav-tabs li a { font-size: 12px; padding: 10px;} #service-wrapper .nav.nav-tabs li:first-child a { padding-left: 30px; padding-right: 20px;} #banner .carousel-inner > .item { max-height: 300px; min-height: 300px;} #service-wrapper{ padding-top:50px;} #service-wrapper .inner-wrap h1 { font-size: 30px; margin-bottom: 15px; padding-bottom: 15px;} #service-wrapper .inner-wrap p{ font-size:16px;} #service-wrapper .tab-content .left-content { text-align: center;} #service-wrapper .tab-content .left-content svg{ max-width:300px;} #service-wrapper .tab-content{ margin-top:25px;} #service-wrapper .tab-content .right-content { padding-left: 15px; padding-right: 15px;} #portfolio-header .head h2{ font-size:30px; margin-bottom:15px; padding-bottom:15px;} #portfolio-header .head h2::after{ left:41%;} #my-gallery-container .item{ max-width:320px; margin:10px auto;} #blog-wrap .post-wrapper .post-box{ margin-bottom:25px;} #blog-wrap .post-wrapper .post-box2 { margin-bottom: 25px;} #footer-wrapper .footer-top .footer-middle .fmiddle-img{ bottom:0px;} #footer-wrapper .footer-top .footer-middle .reqst-quote { bottom: 60px; left: 30%;} #footer-wrapper .footer-top{ padding-bottom:60px;} #testimonial-wrapper{ padding-top:40px;} #my-gallery-container .item img{ width:100%;} .protfolio-banner .left .pbanner-cont { padding: 100px 0 0 ; text-align: center;} .protfolio-banner .pbanner-block {width: auto;} .protfolio-banner .right img {padding: 30px 0;} .protfolio-banner .like { top: 20%;} .porfolio-list .porlist-cont { margin: 0 auto;} .porfolio-tabing .porfolio-list .porlist-cont { height: 508px;} .porfolio-tabing .porfolio-list .porlist-cont img { width: 100%; height: 100%;} .pull-right {float: none !important;} .testimonial-list .avtar{ margin-bottom: 30px;} .testimonial-list .testi-cont { margin: 0 auto;width: 90%;} .testimonial-list .testi-cont.pull-right { margin-right: auto;} .protfolio-banner.web-design .webdesign-block h1 { margin: 0 0 15px; font-size: 24px; line-height: 28px;} .protfolio-banner.web-design .webdesign-block p {font-size: 14px; line-height: 20px;} .protfolio-banner.web-design .webdesign-block { width: 300px; top:35%; } .protfolio-banner.web-design {margin-top: 110px;} .graphic-design p { font-size: 15px;} .showcase-slider .owl-prev { width: 40px; background-size: 100%;left: -45px;} .showcase-slider .owl-next { width: 40px; background-size: 100%;right: -45px;} .web-services .service-cont { text-align: center;} .web-services .service-cont img { margin: 0 auto;} #about-page .title-wrap .title h1 { font-size: 42px;} #about-page .title-wrap .title { padding: 90px 70px;} #about-page .years-wrapper .contentbox { width: 80%; margin: 0 auto;} #about-page .years-wrapper .contentbox .innrbox .left { margin-bottom: 20px; float: none;width: 100%;} #about-page .years-wrapper .contentbox .innrbox .left img { margin: 0 auto;} #about-page .years-wrapper .contentbox .innrbox .right { float: none;width: 100%; text-align: center;} #about-page .years-wrapper .contentbox .innrbox .right p {font-size: 16px;line-height: 24px;} #about-page .years-wrapper .first .contentbox:nth-child(2n) .left { float: none;} #about-page .years-wrapper .first .contentbox:nth-child(2n) .right { float: none;} #about-page .years-wrapper .first .contentbox:nth-child(2n) .left img { float: none;} #about-page .years-wrapper .second { display: none;} #about-page .years-wrapper .contentbox .innrbox .left img { max-width: 100%;} #about-page .years-wrapper .third .contentbox:nth-child(2n+1) .left img {float: none;} .horizantol-post .post-hori .post-head { padding-top: 20px;padding-left: 15px; text-align: center;} .horizantol-post .post-hori .post-head img { min-height: auto;margin: 0 auto;width: auto;} .vertical-blog .post-vertical .post-avtar {padding: 20px 20px 0;float: none;width: 100%;} .vertical-blog .post-vertical .post-cont { float: none; width: 100%;} .vertical-blog .post-vertical .post-avtar a img { margin: 0 auto;min-height: auto; width: auto;} .tab-section .tab-content { margin-top: 40px;} .webunique-design .webunique-avtar img { margin: 0 auto;} .webunique-design .unique-cont { text-align:center;} .our-title h2 { font-size: 30px;} .webunique-design .unique-cont p {font-size: 16px; line-height: 28px;} .our-title::before { top: 55px;} .webunique-design { padding: 40px 0;} .ourprocess-design .ourprocess-box { width: 100%;} .ourprocess-design .our-avtar img {box-shadow: 0 0 0 20px #f5f5f5; max-width: 100%; padding: 20px;} .ourprocess-design .list-process:nth-child(1) .our-avtar::before { background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(2) .our-avtar::before {background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(3) .our-avtar::before {background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(4) .our-avtar::before {background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(5) .our-avtar::before{ background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(6) .our-avtar::before{ background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(7) .our-avtar::before{ background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(8) .our-avtar::before{ background: rgba(0, 0, 0, 0) url("images/step-right-arrow.png") no-repeat; content: ""; height: 15px; position: absolute;right: 0; left: 0; margin: 0 auto;top: 92%; width: 68px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);transform: rotate(90deg); display: block;} .ourprocess-design .list-process:nth-child(6) .our-avtar::after{ background:none; position: absolute; content:""; top:0px; right: 0px; width: auto; height: auto;} .ourprocess-design .list-process:nth-child(4) { float: none;} .ourprocess-design .list-process:nth-child(5) { float: none;} .ourprocess-design .our-avtar span { padding-bottom: 70px; font-size: 28px;min-height: auto;} .ourprocess-design .list-process:last-child .our-avtar span { padding-bottom: 0;} .maintenance-box .maintenance-list .maint-cont {margin: 20px 0 0;text-align: center;} .maintenance-box .maintenance-list {margin-bottom: 50px;} .website-services .web-service { padding: 0 20px;} .website-services .web-service img { right: 15px;} .maintenance-box { padding: 50px 0 0;} .videoser-box .vservice-block .sercont { display: block; margin: 0 auto 10px !important; width: 195px; height: 195px;} .videoser-box span {font-size: 15px;} .videoser-box img { max-width: 100%; height: auto;} .videoser-box .vservice-block .sercont:last-child { margin: 0 auto 10px;} .videopro-box h2 {font-size: 42px;} .block-Marketing-Services .owl-prev, .block-Marketing-Services .owl-next { height: 80px; width: 35px;} .block-Marketing-Services .ourcostext h3 { font-size: 17px;} .block-content-type h2 {font-size: 30px;line-height: 40px;} .marketing-modal .modal-dialog {width: 95%;} .seoinvestment-box { text-align: center;} .seoinvestment-box img { margin: 0 auto;} .seoaudit-list .seoaudit-arrow { display: none;} .seoaudit-list .auditlist { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding-bottom: 10px;} .seoaudit-list .auditlist:last-child{ border-bottom: 0; margin: 0; padding-bottom: 0;} /*======carrer responsive table==========*/ .opportunity-content thead{display: none; } .opportunity-content thead th , .opportunity-content tbody td {display: block;width: 100%;text-align: center; } .opportunity-content tbody td:before{ font-size: 28px; color: #212121; font-family: 'Open Sans'; font-weight: 800; text-transform: uppercase; padding-bottom: 22px; display: block; text-align: center; } .opportunity-content tbody td:first-child:before{content: attr(data-profile);} .opportunity-content tbody td:nth-child(2):before{ content: attr(data-require);} .career-btn-wrap { text-align: center;} .opportunity-content tbody strong{ margin-right: 12px;} .opportunity-box h2{font-size: 35px;} .innerpage-title.protfolio-banner {margin-top: 110px;} } @media only screen and (max-width:639px){ #banner .carousel-caption h1 {font-size: 24px; margin-bottom: 10px; padding-bottom: 10px;} #banner .carousel-caption p{ font-size:16px;} #banner .carousel-inner > .item {max-height: 250px; min-height: 250px;} #service-wrapper .nav.nav-tabs li{ float:none;} #service-wrapper .nav.nav-tabs li:first-child a, #service-wrapper .nav.nav-tabs li:last-child a{ border-radius:0px;} #service-wrapper .nav.nav-tabs li.active a::after{ display:none;} #service-wrapper .nav.nav-tabs li:nth-child(2) a, #service-wrapper .nav.nav-tabs li:nth-child(3) a{ border-right: 1px solid #ccc;} #portfolio-header .head p{ font-size:16px; line-height:28px;} #portfolio-header .head h2::after {left: 37%;} #portfolio-wrapper .view-portfolio .btn-outer .vcp{ margin-right:0px;} #portfolio-wrapper .view-portfolio .btn-outer .vcp, #portfolio-wrapper .view-portfolio .btn-outer .dyp{ max-width:300px; width:100%; margin-bottom:20px;} #portfolio-wrapper .view-portfolio{ background:none;} #footer-wrapper .footer-top .footer-middle .reqst-quote { bottom: 80px; left: 23%;} .protfolio-banner.web-design .webdesign-block { width: 250px;} .protfolio-banner.web-design .webdesign-block h1 {margin: 0 0 5px; font-size: 18px; line-height: 20px} .protfolio-banner.web-design .webdesign-block p { font-size: 12px; line-height: 14px; padding-right: 0;} .protfolio-banner.web-design .like img { max-width: 70%;} .protfolio-banner.web-design .webdesign-block { left: 8%;} .graphic-design h2 { font-size: 38px;} #about-page .about-content { padding: 40px 20px;} #about-page .title-wrap .title h1::after { left: 95px; } .latest-post .first-blog h4 {font-size: 36px;line-height: 40px;} .our-title { background-size: cover;} .Componets-box { padding: 50px 0;} .Componets-box h2 {font-size: 32px;} .Componets-box .Componets .Componets-list {margin: 0 auto 5px; width: 96%;} .Componets-box .Componets .Componets-list:nth-child(2n) { margin: 0 auto 5px!important;} .Componets-box .Componets .Componets-list:nth-child(3n) { margin: 0 auto 5px ;} .Componets-box .Componets .Componets-cont .maint-bg img {height: 165px;} .website-services .web-service img { margin: 0 auto; right: 0; top: 0; position: relative;} .website-services .web-service p { width: 100%; text-align: center} .videopro-box h2 {font-size: 32px;} .videopro-box p { font-size: 18px;line-height: 28px;} .block-influencer {padding: 60px 0;} .block-influencer h2 {font-size: 24px; line-height: 32px;} .block-influencer p { font-size: 16px; line-height: 24px;} .block-influencer .influencer-avtar { margin-top: -35px;} .block-Marketing-Services h2 {font-size: 30px;} .block-Marketing-Services { padding: 50px 0;} .block-content-type h2 {font-size: 23px; line-height: 33px;} .block-content-type ul li { width: 100%;} .marketing-modal img { max-width: 50%;} .marketing-modal h3 { font-size: 28px;} .marketing-modal p { font-size: 15px; line-height: 22px;} .seoprcess-box h2 {font-size: 26px;} .seoprcess-box p {font-size: 16px; line-height: 24px;} .seoinvestment-box h2 { font-size: 24px;} .seoaudit-box .seoaudit-text { width: 100%;} #header-wrapper .right-header ul { text-align: center;} .carrer-poup .carrpop { width: 95%;} .carrer-poup .carrpop span.wpcf7-list-item { display: block; margin: 0 0 8px;} .porfolio-tabing .porfolio-list .porlist-cont { height: 320px;} } @media only screen and (max-width:479px){ #header-wrapper .logo{ text-align:left;} #header-wrapper .menu-toggle{ top:-60px; right:15px;} #header-wrapper .right-header ul li:first-child a{ padding:5px 12px 5px 48px;} .main-nav > ul > li > a{ padding:11px 15px !important;} .fix-container { padding: 15px 30px;} .nav-blocks h2{ font-size:20px;} #banner .carousel-inner > .item { max-height: 150px; min-height: 150px;} #banner .carousel-caption{ padding-top:40px; left:20px;} #banner .carousel-caption h1{ font-size:20px; background:none;} #banner .carousel-caption p{ display:none;} #service-wrapper .inner-wrap h1{ font-size:24px;} #service-wrapper .tab-content .right-content h2{ font-size:18px;} #service-wrapper .tab-content .right-content p{ font-size:16px; line-height:26px;} #portfolio-header .head h2{ font-size:24px;} #portfolio-header .head h2::after{ left:30%;} #our-achivements .head h2{ font-size:26px;} #blog-wrap .head h2::after{ left:30%;} #blog-wrap .post-wrapper .moreblog .moob{ padding:10px 30px;} #footer-wrapper .footer-top .footer-middle{ margin:40px 0;} #footer-wrapper .footer-top .footer-middle .fmiddle-img{ height:auto;} #footer-wrapper .footer-top .footer-middle .reqst-quote { bottom:-30px; left:18%; font-size:12px; padding:2px 8px;} #testimonial-wrapper .testimonials .testi-box p{ font-size:15px; min-height:auto; padding:25px 12px 10px;} #testimonial-wrapper .testimonials .testi-box .client-info{ padding:12px;} #testimonial-wrapper .testimonials .testi-box .client-info .left, #testimonial-wrapper .testimonials .testi-box .client-info .right{ width:100%; float:none; text-align:center;} #testimonial-wrapper .testimonials .testi-box .client-info .right h4{ font-size:16px;} #testimonial-wrapper .testimonials .testi-box .client-info .right span{ font-size:13px;} #testimonial-wrapper .testimonials .testi-box .client-info .left img{ margin:0 auto;} #testimonial-wrapper .head h2{ font-size:30px;} #testimonial-wrapper .head h2::after{ left:28%;} #testimonial-wrapper .head p{ font-size:16px; line-height:26px;} .porfolio-list .porlist-cont { width: 280px; height: 235px;} .porfolio-list .porlist-cont .porlist { padding: 15px;} .porfolio-list .porlist-cont .porlist .link { border: 5px solid #ea5098;} .porfolio-list .porlist-cont .porlist .link h2 { font-size: 24px; margin-bottom: 30px;} .porfolio-list .list { margin-bottom: 30px;} .protfolio-banner.web-design .webdesign-block h1 {margin: 0 0 5px; font-size: 14px; line-height: 14px} .protfolio-banner.web-design .webdesign-block p { font-size: 9px; line-height: 12px; padding-right: 0;} .protfolio-banner.web-design .like img { max-width: 60%;} .protfolio-banner.web-design .webdesign-block { left: 6%; width: 170px;} .Showcase-block h2 { font-size: 32px;} .Showcase-block p { padding: 0; font-size: 20px; letter-spacing: 0;} .graphic-design h2 {font-size: 24px;} .graphic-design { margin: 40px 0 20px;} .Showcase-block { margin: 30px 0; padding: 40px 0;} .web-services {margin: 30px 0 0;} #about-page .title-wrap .title { padding: 90px 5px; max-width: 100%;} #about-page .title-wrap .title h1 {font-size: 30px;} #about-page .title-wrap .title h3 { font-size: 17px; line-height: 24px;} #about-page .title-wrap .title h1::after { left: 85px;} #about-page .about-content h2 { font-size: 42px;} #about-page .about-content p { font-size: 15px; line-height: 20px;} .tab-section .nav-tabs li a { font-size: 18px; padding: 10px 30px;} .post-cont .link-arrow { font-size: 14px; margin-top: 3px; display: inline-block;} .post-cont .link-arrow i { font-size: 13px;margin-left: 5px;} .post-cont .post-float-right a { font-size: 15px;} .post-cont .post-float-right span { width: 30px;} .post-cont .post-float-right .post-views { padding-right: 5px;} .navigation .pagination .page-numbers { font-size: 25px; width: 40px; height: 40px;} .navigation .pagination .next.page-numbers{ width: 50px; height: 50px; background-size: 100%;} .navigation .pagination .prev.page-numbers { width: 50px; height: 50px; background-size: 100%;} .Componets-box .Componets .Componets-cont .maint-bg img {height: 230px;} .videopro-box h2 {font-size:28px;} .marketing-modal h3 { font-size: 20px;} .porfolio-tabing .porfolio-list .porlist-cont { height: 220px;} } /* #################### /Responsive Css #################### */