/*
Theme Name: Interactive Bench Theme
Theme URI: http://siteurl.com
Description: The Interactive Bench Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Interactive Bench
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: "Poppins", serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

/* layout */

#layout { width: 100%; position: relative; }
.wrapper { max-width: 1190px; margin: 0 auto; position: relative; padding: 0 10px; }
	
/* header */
#header { padding:0; position: relative; z-index: 10; background: #fff;float: left;width: 100%;box-shadow: 0px 0px 9px #a5a5a5;}
.fixed { padding-top: 200px; }
.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
.logo { float: left;width: 15%;    padding:23px 0px;}
.logo img{width: 100%;display: block;}
	
/* topBar */

.topBar { overflow: hidden; }
.topBar ul { list-style: none; overflow: hidden; float: right; }
.topBar li { padding-left: 5px; float: left; }
.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.topBar li a:hover img { opacity: 0.8; }

/* menuBar */

.menuBar {float: left;width: 70%;text-align: right;padding:0;}
.menuBar a.mobilemenu { display: none; }
.menuBar ul { padding: 0px; list-style: none; }
.menuBar li { padding:37px 20px 37px 20px; position: relative; line-height: 30px;display: inline-block; font-size: 14px;}
.menuBar li a { text-decoration: none; }
.menuBar li a:hover, .menuBar li.active a { color: #333; }
.menuBar ul > li.menu-item-has-children {  }
.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
.menuBar li ul { position: absolute; left: 18px; top:100%; width: 250px; background: #fff;text-align: left;border-top: 8px solid #fcb040; }
.menuBar li li { padding: 0px; float: none; width: 100%; border: 0px; border-bottom: #CCC solid 1px; }
.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
.menuBar li li a { padding: 10px 10px; display: block; color: #000; }
.menuBar li li a:hover { color: #eee; }
.menuBar li li ul { left: 100%; top: 0px; }
.menuBar li ul { display: none; }.menuBar li:hover ul { display: block; }
.menuBar li:hover li ul { display: none; }
.menuBar li:hover li:hover ul { display: block; }
.menuBar a.close { display: none; }  
.menuBar li a {position: relative; padding-bottom: 5px;}
.menuBar li a:hover,.menuBar li a:focus,.menuBar li a:active {cursor: pointer;}
.menuBar li a:hover:after,.menuBar li a:focus:after,.menuBar li a:active:after {width: 100%;}
.menuBar li a:after {content: '';position: absolute;left: 0;bottom: -1px;height: 3px;background-color: #045e9b;width: 0;transition: width 0.4s;}


/*active*/

.menuBar li a:hover, .menuBar li.current-menu-item a, header .right .sign-sec li a:hover, .menuBar li.active a, .inner-page header .menuBar li.current-menu-item a{color:#045e9b !important;}


/*call-btn*/

.call-btn{float:right;width: 15%;text-align: right;padding: 30px 0px;}
.call-btn a{text-decoration: none;display: inline-block;background: #045e9b;padding: 10px 25px;border-radius:5px;font-size: 14px;color: #fff;border:1px solid #045e9b; }
.call-btn a:hover{background: transparent;color:#045e9b;border:1px solid #045e9b; }

/* home banner */

#homeBanner {float: left;width: 100%;min-height: 700px;position: relative;}
#homeBanner .inner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 850px;text-align: center;}
#homeBanner .inner-text h2{font-size: 50px;line-height: 75px;font-weight: 600;color: #fff;padding-bottom: 30px;}
#homeBanner .inner-text  h2 span{color: #fff;}
#homeBanner .inner-text h2 span:after {position: absolute;bottom: 0;right: 0;height: 1px;background: #ff6b1b;content: "";width: 100%;display: block !important;}
#homeBanner .inner-text p{color: #fff;line-height: 24px;}




/*landing page*/

.page-id-268 h2{font-size:30px;color:#000;font-weight:500;padding-bottom:20px;}
.page-id-268 .portfolio{border-top:1px solid #f1f1f1;}
.page-id-268 .portfolio p{padding:0 10%;text-align:center;}

.page-id-268 .ff-default .ff-el-input--label label{color:#fff;}

.new_landing{float:left;width:100%;padding:60px 0;}
.new_landing .left{float:left;width:70%;padding-right:30px;}
.new_landing .left h1{    font-size: 40px;
    font-weight: 500;
    color: #fff;padding-bottom:30px;}

.new_landing .left img{padding-bottom:30px;}
.new_landing .left ul{padding:0;}
.new_landing .left ul li{
float: left;
    width: 47%;
    border: 1px solid #fff;
    padding: 10px;
    list-style: none;
    color: #fff;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;}


.new_landing .right{float:left;width:30%;}


.inded{float:left;width:100%;padding:60px 0;border-bottom:1px solid #f1f1f1;}

.inded .left{float:left;width:30%;}
.inded .right{float: left;
    width: 70%;
    text-align: right;
    padding-top: 60px;}


.rank{float:left;width:100%;padding:60px 10%;text-align:center;}
.rank a{text-decoration: none;display: inline-block;background: #045e9b;padding: 10px 40px;border-radius: 5px;font-size: 20px;color: #fff;border: 1px solid #045e9b;margin-top:30px;}
.packg_details{float:left;width:100%;padding:60px 0;border-top:1px solid #f1f1f1;}

.packg_details h2{text-align:center;font-weight:600;}
.packg_details h3{color: #000;font-weight: 600;}
.packg_details h1{font-size: 50px;font-weight: 600;color: #045e9b;position:relative;}
.packg_details span.old {font-size: 17px;color: #6c6c6c;position: absolute;left:140px;}   
.packg_details h3.best{color:#dd342f;;} 
.packg_details ul li{font-size:14px;color: #000;}
span.clr {color: #045e9b;font-weight: 600;}  

.land-page .banner-inner a{text-decoration: none;
    display: inline-block;
    background: #045e9b;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #045e9b;}
    
    
    
.increase{float:left;width:100%;padding:60px 0 0;background:#1c1d20;}
.increase h2{color:#fff;}
.increase p{color:#fff;}
.increase ul li{color:#fff;}
.increase .left{float:left;width:50%;} 
.increase .right{float:left;width:50%;} 
.increase a{text-decoration: none;
    display: inline-block;
    background: #045e9b;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #045e9b;}
    
    
    
    
.web_desgn{float:left;width:100%;} 
.web_desgn h2{color:#fff;}
.web_desgn p{color:#fff;}
.web_desgn h4{color:#fff;}
.web_desgn .left{float: left;width: 50%;background: #1c1d20;background-size: cover;min-height: 600px;padding:60px 30px;}
.web_desgn .right{float: left;width: 50%; background: url(images/web_design_l.jpg) center center no-repeat;background-size: cover;min-height: 600px;}

.web_desgn .right.graphic{float: left;width: 50%; background: url(images/graphic_img.jpg) center center no-repeat;background-size: cover;min-height: 600px;}

.seol{float:left;width:100%;} 

.seol h2{color:#fff;}
.seol p{color:#fff;}
.seol h4{color:#fff;}

.seol .left{float: left;
    width: 50%;
    
    background: url(images/seo_mark.jpg) center center no-repeat;
    background-size: cover;
    min-height: 625px;}
    
    
    
.seol .left.ads{float: left;
    width: 50%;
    
    background: url(images/google_ads.jpg) center center no-repeat;
    background-size: cover;
    min-height: 600px;}    

.seol .right{float: left;
    width: 50%;
    background: #1c1d20;
    background-size: cover;
    min-height: 600px;padding:60px 30px;}

    
.increase img{display:block;padding:0 30px;}    

.packg_details p{text-align: center;padding: 20px 0;}
.packg_details .inn{float:left;width:50%;text-align:center;}
.row {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
.packg_details .pckg_card {float:left;width:31.33%;padding:20px;margin:1%;border: 2.06777px solid #d6d6d6;border-radius:10px;text-align:left;}
.chat{float: left;width: 100%;border-top: 1px solid #f1f1f1;padding: 10px 0;}
.packg_details .pckg_card:hover{border: 2.06777px solid #045e9b;}

.packg_details .pckg_card ul {overflow-y: auto; /* Enable vertical scrolling */max-height: 250px; /* Adjust based on your layout */}

.packg_details .inn h6 a{text-decoration:none;}
 
 
/* WebKit scrollbar styling (Chrome, Safari, Edge) */
.packg_details .pckg_card ul::-webkit-scrollbar {width: 5px;}
.packg_details .pckg_card ul::-webkit-scrollbar-track {background: #e8e8e8;}
.packg_details .pckg_card ul::-webkit-scrollbar-thumb {background-color: #045e9b;border-radius: 10px;}   
.packg_details .pckg_card p{color:#000;}

/*client-focus*/

.client-focus{float: left;width: 100%;padding: 60px 0;}
.client-focus h2{padding-bottom: 31px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;}
.client-focus h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.client-focus p{text-align: center;line-height: 25px;margin: 1%;font-size: 14px;}
.client-focus .focus-card{float: left;width: 31.333%;padding: 20px;text-align: center;box-shadow: 0px 0px 9px #a5a5a5;margin: 1%;min-height: 365px;border-radius: 5px;}
.client-focus .focus-card h3{padding: 20px 0px;}


/*home-ser*/

.home-ser{float: left;width: 100%;padding: 60px 0;background: #eaeaef;}
.home-ser h2{padding-bottom: 31px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;}
.home-ser h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.home-ser p{text-align: center;line-height: 25px;margin: 1%;font-size: 14px;}
.home-ser .ser-card{float: left;width: 31.333%;padding: 20px;text-align: center;box-shadow: 0px 0px 9px #a5a5a5;margin: 1%;min-height:430px;border-radius: 5px;}
.home-ser .ser-card h3{padding: 20px 0px;}
.home-ser .ser-btn{text-align: center;margin-top: 40px;float: left;width: 100%;}
.home-ser .ser-btn a{text-decoration: none;display: inline-block;background: #045e9b;padding: 12px 45px;border-radius: 5px; font-size: 14px; color: #fff;border: 1px solid #045e9b;}
.home-ser .ser-btn a:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}


/*digital*/


.digital{float: left;width: 100%;padding: 100px 1%; background: url(images/banner-2.jpg)center center no-repeat; background-size:cover;text-align: center;}
.digital h2{color: #fff;line-height: 56px;font-size: 41px;font-weight: 800;padding: 0 50px 20px;}
.digital p{color: #fff;line-height: 25px;padding-bottom: 30px;}
.digital a{text-decoration: none;display: inline-block;background: #045e9b;padding: 12px 45px;border-radius: 5px; font-size: 14px; color: #fff;border: 1px solid #045e9b;}
.digital a:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}

/*portfolio*/

.portfolio{float: left;width: 100%;padding: 60px 10%;}
.portfolio h2{padding-bottom: 31px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;}
.portfolio h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.portfolio .protSlider .item{float: left;width:100% !important;padding: 20px;}
.portfolio .protSlider .item img{width: 100%;}
.portfolio .owl-controls .owl-prev{position: absolute;left: -70px;top: 50%;height: 40px; width: 40px;background: url(images/sliderLeftArrow.png) no-repeat center center;
 border-radius: 0 !important; border: none;font-size: 0;margin-top: -26px;background-color: #ccc;}
.portfolio .owl-controls .owl-next{    position: absolute;right: -70px; top: 50%;height: 40px;width: 40px;background: url(images/sliderRightArrow.png) no-repeat center center;
 border-radius: 0 !important;border: none;font-size: 0;margin-top: -26px;background-color: #ccc;}

/*testimonial*/

.testimonial{float: left;width: 100%;padding: 60px 0;background: #eaeaef;}
.testimonial h2{padding-bottom: 31px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;}
.testimonial h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.testimonial .testiSlider{width: 100%;text-align: center;padding: 20px 10%;}
.testimonial .testiSlider h3{font-style: italic;color: #045e9b;text-transform: uppercase;}
.testimonial .testiSlider p{padding:30px;}
.testiSlider .owl-controls {position: static;margin-top: 30px;width: 100%;text-align: center;}
.testiSlider .owl-dot{width: 25px;height: 6px;display: inline-block;background: #045e9b;margin: 0 3px;opacity: 0.6;}


/*blog*/


.home.blog{float: left;width: 100%;padding: 60px 0;}
.home.blog h2{padding-bottom: 60px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;}
.home.blog h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.blog .blog-card{float: left;width: 31.333%;padding: 20px;text-align: center;box-shadow: 0px 0px 9px #a5a5a5;margin: 1%;min-height:420px;border-radius: 5px;}
.blog .blog-card img{width: 100%;display: block;min-height: 225px;padding-bottom:20px;}
.blog .blog-card h3{ font-size: 14px;line-height: 22px;padding-bottom: 12px;color: #3c3c3c;text-align: left;font-weight: 600;}
.blog .blog-btn{float: left;width: 100%;text-align: center;padding:30px 0;}
.blog .blog-btn a{text-decoration: none;display: inline-block; background: #045e9b; padding: 12px 45px;border-radius: 5px;font-size: 14px;color: #fff;border: 1px solid #045e9b;}  
.blog .blog-btn a:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}


/*quotes*/


.quotes{float: left;width: 100%;padding: 60px 0; background: url(images/banner-3.jpg)center center no-repeat; background-size:cover;background-attachment: fixed;}
.quotes h2{padding-bottom: 30px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;color: #fff;}
.quotes h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.quotes h2 span{color: #045e9b;}
.quotes p{color: #fff;text-align: center;}
.quotes .field{float: left;width: 50%;padding: 8px 10px;} 
.quotes .field label{color: #fff;}
.quotes .field input{width: 100%;background: transparent;padding: 10px 0;border-radius: 5px;margin-top: 10px;color: #fff;}
.quotes .field.message{width: 100%;}
.quotes .field.message textarea{width: 100%;background: transparent;resize: none;border-radius: 5px;margin-top: 10px;color: #fff;}
.quotes .form-home{max-width: 850px;margin: 0 auto;}
.quotes .field.submit input{background: #045e9b;text-transform: uppercase;font-size: 14px;padding: 10px 0;border-radius: 5px;font-weight: 600;border: 1px solid #fff;display: inline-block;}
.quotes .field.submit input:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{clear: both;padding: 10px 0px;text-align: center;color: #fff;}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{clear: both;padding: 10px 0px;text-align: center;color: #fff;}
div.wpcf7-mail-sent-ok{clear: both;color: #fff;text-align: center;padding: 20px !important;}


/*landing page*/

.land-page .land-con{float: left;width: 70%;padding: 12% 0px;}
.land-page .land-con p{color: #fff; text-shadow: 1px 1px 1px #000;}
.land-page label{color: #fdb831;}
.land-page .banner-form{float: left;width: 30%;background-color: rgba(72,72,72,0.7);padding: 20px;box-shadow: 0px 0px 9px #045e9b; }
.land-page .banner-form .field{float: left;width: 100%;}
.land-page .banner-form input{background: transparent;border: 1px solid #fff;width: 100%;margin: 10px 0;color: #fff;    padding: 12px;}
.land-page .banner-form textarea{background: transparent;border: 1px solid #fff;width: 100%;margin: 10px 0;resize: none;height: 100px;color: #fff;    padding: 12px;}
.land-page .banner-form input.wpcf7-form-control.wpcf7-submit{background:#045e9b;text-transform: uppercase;border:1px solid #045e9b; }
.land-page{float: left;width: 100%;}
.land-page .bannerInner{min-height: 750px;background: url(images/landing-bg.jpg)center center no-repeat; background-size:cover;}

.page-id-248 .banner-heading{background: #045e9b;}



.land-page .main-land{float: left;width: 100%;padding-top: 10%;}
.land-page .banner-inner{float: left;width: 70%; }
.land-page .banner-inner h1{font-size: 35px;line-height: 75px;font-weight: 600;color: #fdb831;text-shadow: 1px 1px 1px #000;min-height: 80px;}
.land-page .banner-inner h1 span{color: #045e9b;}
.land-page .banner-inner p{color: #000;padding-right: 15%;line-height: 30px;}
div.wpcf7-mail-sent-ok{    clear: both;text-align: center;color: #fff;padding: 20px !important;}
span.type1{font-size:30px;font-weight:600;text-shadow: 1px 1px 1px #000;}
/*l-sep*/

.l-sep{float: left;width: 100%;padding: 60px 0;text-align: center;background: #eaeaef;}
.l-sep .lan-card{float: left;width: 16.666%;}
.l-sep .lan-card h5{font-size: 13px;color: #000;padding: 20px 0;}

/*static*/

.static{background: url(images/landing-bg2.jpg)center center no-repeat; background-size:cover;float: left;width: 100%;padding: 60px 0;}
.static h2{font-size: 36px;color: #fff;font-weight: 600;padding-bottom: 30px;}
.static h2 span{color: #fdb831;}
.static label{color: #fdb831;}
.static .banner-form{float: left;width: 30%;background-color: rgba(72,72,72,0.7);padding: 20px;box-shadow: 0px 0px 9px #045e9b; }
.static .banner-form .field{float: left;width: 100%;}
.static .banner-form input{background: transparent;border: 1px solid #fff;width: 100%;margin: 10px 0;color: #fff;    padding: 12px;}
.static .banner-form textarea{background: transparent;border: 1px solid #fff;width: 100%;margin: 10px 0;resize: none;height: 100px;color: #fff;    padding: 12px;}
.static .banner-form input.wpcf7-form-control.wpcf7-submit{background:#045e9b;text-transform: uppercase;border:1px solid #045e9b; }

/*.satis*/

.satis{float: left;width: 100%;padding: 60px 0;background: #eaeaef;}
.satis .sat-card{float: left;width: 25%;text-align: center;}
.satis .sat-card .counter{font-size: 36px;font-weight: 600;color: #F3B114;}
.satis .sat-card h4{font-size: 16px;font-weight: 600;padding: 20px 0;}

/*dyn*/

.dyn{float: left;width: 100%;background: url(images/landing-bg3.jpg)center center no-repeat; background-size:cover;padding: 60px 0;}
.dyn h2{font-size: 36px;color: #000;font-weight: 600;padding-bottom: 30px;max-width: 50%;line-height: 50px;}
.dyn h2 span{color: #fdb831;}

/*lan-ecomm*/

.lan-ecomm{float: left;width: 100%;background: url(images/landing-bg5.jpg)center center no-repeat; background-size:cover;padding: 60px 0;}
.lan-ecomm .left{float: left;width: 70%;padding: 10% 0% 10% 0%;}
.lan-ecomm .left h2{font-size: 36px;color: #000;font-weight: 600;padding-bottom: 30px;line-height: 50px;}
.lan-ecomm .left h2 span{color: #fdb831;}


/*seo-lan*/

.seo-lan{float: left;width: 100%;background: url(images/landing-bg6.jpg)center center no-repeat; background-size:cover;padding: 60px 0;}
.seo-lan .right{float: left;width: 70%;text-align: right;}
.seo-lan .right h2{font-size: 30px;color: #000;font-weight: 600;padding-bottom: 30px;line-height: 50px;}
.seo-lan .right h2 span{color: #fdb831;}

/*app-dev*/


.app-dev{float: left;width: 100%;padding: 60px 0;background: #f1f1f1;}
.app-dev .left{float: left;width: 70%;}
.app-dev .left .pul{animation-iteration-count: infinite;}
.app-dev .left h2{font-size: 36px;color: #fdb831;font-weight: 600;padding-bottom: 30px;line-height: 50px;}
.app-dev .left img{width: 500px;height: 500px;display: block;}   

/*innner-pages*/

.aboutpage{float: left;width: 100%;}
.aboutpage .banner-heading{padding: 60px 0;}
.aboutpage h1{font-size: 55px;font-weight: 600;text-align: center;color: #fff;}
.aboutpage .banner-heading p{color: #fff;max-width: 850px;margin: 0 auto;text-align: center;}
.aboutpage .about-content{float: left;width: 100%;padding: 0px 0;}
.aboutpage .about-content p{color: #000;width: 100%;padding-top: 35px;font-size: 14px;line-height: 30px;}
.web{float: left;width: 100%;padding: 60px 0;}
.web p{font-size: 14px;}
body.blog.logged-in.admin-bar.customize-support{padding: 0;float: left;width: 100%;}
.blog-banner{float: left;width: 100%;padding: 60px 0;background: #eaeaef;text-align: center;}
.blog-banner h1{font-size: 55px;color: #000;}
.blog-banner.blog-single-banner h1{font-size: 20px;}
.blog-page.blog-single #lefttPart img{float: left;padding-right: 10%;}
.blog-card-head h3{font-size: 17px;text-align: left;min-height: 100px;}
.blog-card-head h3 a{line-height: 26px;}
.blog-card-head .entry p{max-height: 170px;overflow: hidden;text-align: left;margin-bottom: 20px;}
#lefttPart .blog-card{min-height: 600px;}
.blog-page .blog-readmore{text-align: left;}
.blog-page .blog-readmore a{text-decoration: none;display: inline-block; background: #045e9b; padding: 8px 10px;border-radius: 5px;font-size: 14px;color: #fff;border: 1px solid #045e9b;}  
.blog-page .blog-readmore a:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}
.portpage h1 {font-size: 55px;font-weight: 600;text-align: center;color: #fff;padding: 60px 0;}


span.type1{font-size:20px;font-weight:600;color: #fdb831;
    text-shadow: 1px 1px 1px #000;;}

/*new coding*/

.new-web-dev{float: left;width: 100%;padding: 60px 0;box-shadow: 0px 0px 9px #a5a5a5;}
.new-web-dev .left{float: left;width: 70%;}
.new-web-dev .left h2{font-size: 40px;margin-bottom: 20px;font-weight: 700;}
.new-web-dev .left h2 span{color: #045e9b;}
.what-right.first{padding-left: 30px !important;}
.what-right.second{padding-right: 30px !important;}
.what-right.third{padding-left: 30px !important;}
.what-ser .what-right a{text-decoration: none;display: inline-block;background: #045e9b;padding: 12px 45px;border-radius: 5px;font-size: 14px;
color: #fff;border: 1px solid #045e9b;}
.new-web-dev .right{float: left;width: 30%;}
.new-web-dev .right img{width: 300px;}
.new-web-dev .left a{text-decoration: none;display: inline-block;background: #045e9b;padding: 12px 45px;border-radius: 5px;
font-size: 14px;color: #fff;border: 1px solid #045e9b;} 
.what-ser{float: left;width: 100%;padding: 60px 0;}
.what-ser .what-head{max-width: 900px;margin: 0 auto;text-align: center;}
.what-ser .what-head h2{font-size: 30px;font-weight: 600;padding-bottom: 30px;}
.what-ser .what-left{float: left;width: 30%;padding: 40px 0;}
.what-ser .what-right{float: left;width: 70%;text-align: left;padding: 40px 0;}

.what-ser .ser-listing{float: left;width: 100%;}

.recent-work{float: left;width: 100%;padding: 60px 20%;background: #045e9b;text-align: center;}
.recent-work h2{color: #fff;font-size: 30px;margin-bottom: 20px;font-weight: 700;}
.recent-work p{color: #fff;} 
.recent-work a{border: 1px solid #fff;padding: 11px 20px;display: inline-block;text-decoration: none;color: #fff;}

.quotes-one{float: left;width: 100%;padding: 60px 0; }
.quotes-one h2{padding-bottom: 30px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;color: #000;}
.quotes-one h2::after {content: '';text-decoration: none;background-color: #045e9b;position: absolute;display: block;width: 100px;height: 2px;margin: 17px auto;right: 0;left: 0;}
.quotes-one h2 span{color: #045e9b;}
.quotes-one p{color: #fff;text-align: center;}
.quotes-one .field{float: left;width: 50%;padding: 8px 10px;} 
.quotes-one .field label{color: #000;}
.quotes-one .field input{width: 100%;background: transparent;padding: 10px 10px;border-radius: 5px;margin-top: 10px;color: #fff;}
.quotes-one .field.message{width: 100%;}
.quotes-one .field.message textarea{width: 100%;background: transparent;resize: none;border-radius: 5px;margin-top: 10px;color: #fff;}

body.page-template.page-template-page-template .quotes-one .field input {color:#000;}
body.page-template.page-template-page-template .quotes-one .field.message textarea {color:#000;font-size:16px;padding:10px;}


.quotes-one .form-home{max-width: 850px;margin: 0 auto;}
.quotes-one .field.submit input{background: #045e9b;text-transform: uppercase;font-size: 14px;padding: 10px 0;border-radius: 5px;font-weight: 600;border: 1px solid #fff;display: inline-block;}
.quotes-one .field.submit input:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{clear: both;padding: 10px 0px;text-align: center;color: #fff;}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{clear: both;padding: 10px 0px;text-align: center;color: #fff;}

.wpcf7 form.sent .wpcf7-response-output{clear: both;text-align: center;
    padding: 10px;color: #fff;}

/*top-footer*/

.top-footer{float: left;width: 100%;padding: 60px 0;background: #eaeaef;}
.top-footer .footer-card{float: left;width: 25%;padding: 20px;}
.top-footer .footer-card.social ul li{display: inline-block;padding: 0 10px;}
.top-footer  ul{padding:0;}
.top-footer .footer-card.social ul li a{text-decoration: none;}
.top-footer .footer-card.social ul li a:hover{text-decoration: none;}
.top-footer .footer-card h3{font-size: 16px;font-weight: 500;padding: 20px 0;color: #000;}
.top-footer .footer-card img{width: 30px;}
.top-footer .footer-card p{font-size: 14px;color: #000;}
.top-footer .footer-card  ul li{list-style: none;line-height: 24px;}
.top-footer .footer-card  ul li a{text-decoration: none;font-size: 14px;}
.top-footer .footer-card  ul li a:hover{color: #045e9b;text-decoration: underline;}

/*copy-right*/

.copy-right { padding: 20px 0 0px 0; overflow: hidden; border-top: #999 solid 1px;float: left;width: 100%; } 
.copy-right p { text-align: center;color: #045e9b;}

/*new chnages*/

.about-content .about-row{float: left;width: 40%;}
.about-content .about-para{float: left;width: 60%;}
.service-page .home-ser.new{background: #fff;}
.service-page h1{padding: 60px 0;    font-size: 55px;font-weight: 600;text-align: center;color: #fff;}
.form-home div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{text-align: center;padding: 10px;}
.form-home div.wpcf7-mail-sent-ng, div.wpcf7-aborted{padding: 10px;}


/* content */

#content { overflow: hidden; width: 100%; }
	
/* left side*/
#lefttPart { float: left; width: 100%;padding: 30px 0 }
	
/* copy bar */
.copyBar { width: 320px; }
	
	
/* right side */
#rightPart { float: right; width: 36%; }
	
/* sideBar */
.sideBar .widget { margin-bottom: 20px; }
.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
.sideBar li:first-child { border: 0px; }
.sideBar li a { text-decoration: none; }
.sideBar h3 { padding-bottom: 15px; }

/* footer */
		
	
/* fullPart */
 #fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
/* footer */
#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
#footer p { float: left; }
#footer span { float: right; }


/* Responsive Css Start */

@media only screen and (max-width: 1120px) {
.wrapper{max-width: 98%;}	
.menuBar li{padding: 0 15px;}
#homeBanner{min-height: 600px;}	
.home-ser .ser-card{min-height: 470px;}
.logo{width: 20%;}
.logo img{width: 150px;}


.menuBar{width: 65%;padding: 32px 0;text-align: center;}
.call-btn{padding: 25px 0;}
/*landing*/

.land-page .banner-inner h1{font-size: 30px;}
.l-sep .lan-card{width: 33.33%;min-height: 175px;}

.web_desgn .left{min-height: 630px;}
.web_desgn .right{min-height: 630px;}	
.seol .left{min-height: 675px;}
.seol .right{min-height: 675px;}

.web_desgn .right.graphic{min-height: 630px;}
.seol .left.ads{min-height: 675px;}


}



@media only screen and (max-width: 1020px) {
.call-btn a{padding: 8px 8px;}
.menuBar{padding: 0;}	
.menuBar li{padding: 0 5px;}
#homeBanner{min-height: 400px;}	
#homeBanner .inner-text h2{font-size: 30px;line-height: 38px;}
.client-focus .focus-card{width: 48%;}
.home-ser .ser-card{width: 48%;min-height: 415px;}
.digital h2{font-size: 30px;line-height: 38px;}
.testimonial .testiSlider p{padding: 20px 0px;}
.blog .blog-card{width: 48%;}
.top-footer .footer-card{width: 50%;padding: 0;min-height: 175px;text-align: left;}
/*landing*/
.land-page .banner-inner{width: 100%;}
.land-page .banner-form{width: 100%;}
.seo-lan .right{width: 100%;}
.dyn h2{max-width: 100%;}
.lan-ecomm .left{width: 100%;}
.new-web-dev .left h2{font-size:30px;}
.recent-work{padding: 60px 0%;}


.inded .left{width:40%;}
.inded .right{width:60%;}
.packg_details .inn h6{font-size:14px;}


.web_desgn .left{padding: 47px 30px;}


}
		
@media only screen and (max-width: 767px) {
	

#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size: 0px; }
#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #21344d; }
#header a.mobilemenu:after { top: auto; bottom: 10px; }
#header a.mobilemenu span { top: 18px; }
.mm-opened a.close { display: block; }
.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888;display: none; }
.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
.menuBar { padding: 0px; }
.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
.menuBar li { padding: 0px; float: none; border: 0px; }
.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
.menuBar li a:hover, .menuBar li.active a { background: #999; }
.menuBar ul > li.dropdown { padding-right: 0px; }
.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
.menuBar li:hover ul { display: none; }
.menuBar li li { border: 0px; }
.menuBar li li a { padding-left: 40px; }
.menuBar li li li a { padding-left: 60px; }
	
#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
#rightPart { width: 100%; float: left; }	
.logo img { max-width: 100%; height: auto; }		
.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
.topBar ul li { display: inline; float: none; }
#footer { text-align: center; }
#footer p, #footer span { float: none; }


/*update css*/
.call-btn{display: none;}

.logo{width: 50%;padding:10px 0;}
.home-ser .ser-card{min-height: 457px;}
.home-ser .ser-card h3{font-size: 18px;}
.digital h2{font-size: 20px;}
.top-footer .footer-card{min-height: 200px;}
.service-page h1{font-size: 30px;}
.web img.alignright{width: 100%;padding: 0 0 20px 0;}
.dyn h2{max-width: 100%;font-size: 25px;}
.lan-ecomm .left{width: 100%;padding: 0;}	
.app-dev .left{width: 100%;}
.app-dev .left img{width: 100%;}
.app-dev .left h2{text-align: center;}
.app-dev{padding: 0 0 60px 0;}
.seo-lan .right{text-align: left;}
.satis .sat-card h4{font-size: 12px;}
.seo-lan .right h2{font-size: 25px;}
.static h2{font-size: 25px;}
.logo img{max-width: 150px;}
.new-web-dev .left{width:100%;padding-bottom:30px;}	
.new-web-dev .right{width:100%;text-align:center;}
.what-ser .what-left{width:40%;}	
.what-ser .what-right{width: 60%;}	
.what-ser .what-head h2{font-size: 20px;padding-bottom: 15px;}	
.recent-work h2{font-size:25px;}

.new_landing .left h1{font-size: 26px;}
.new_landing .left ul li{font-size:14px;}
.inded .left{width:100%;text-align:center;}
.inded .right{width:100%;padding-top: 0;}
.packg_details .pckg_card{width: 48%;}

.increase .left{width:100%;}
.increase .right{width:100%;}
.web_desgn .left{width:100%;padding: 30px 30px;min-height:auto;}
.web_desgn .right{width:100%;min-height: auto;}
.increase .right{width:100%;padding:30px 0;}
.seol .left{min-height: auto;width: 100%;}
.seol .right{min-height: auto;width: 100%;}
.web_desgn .right.graphic{min-height: auto;width: 100%;}
.seol .left.ads{min-height: auto;width: 100%;}
.portfolio{padding: 60px 0%;}

}

@media only screen and (max-width: 639px) {
	
#homeBanner a.flex-prev, #homeBanner a.flex-next { display: none; }
	
}
 
@media only screen and (min-width: 768px) {
	
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
	
}

@media only screen and (max-width: 600px) {
.logo{width:30%;}	
#header{padding: 10px 0;}	
#homeBanner{min-height: 300px;}
#homeBanner .inner-text h2{font-size: 17px;line-height: 27px;}
#homeBanner .inner-text p{line-height: 20px;font-size: 14px;}	
#header a.mobilemenu{top: 0px;}
.client-focus{padding: 30px 0;}
.client-focus h2{font-size: 20px;}
.client-focus .focus-card{width: 100%;margin: 0 0 5% 0;}
.home-ser{padding: 30px 0;}
.home-ser h2{font-size: 20px;}
.home-ser .ser-card{width: 100%;margin: 0 0 5% 0;}
.digital{padding: 60px 0%;}
.digital h2{padding: 0 0px 20px;font-size: 18px;line-height: 27px;}
.digital p{font-size: 14px;}
.portfolio h2{font-size: 20px;}
.testimonial h2{font-size: 20px;}
.blog h2{font-size: 20px;}
.blog .blog-card{width: 100%;margin: 0 0 5% 0;}
.quotes h2{font-size: 20px;}
.quotes .field{width: 100%;padding: 8px 0px;}
.top-footer .footer-card{width: 100%;min-height: auto;margin-bottom: 20px;}
.top-footer .footer-card ul{padding: 0;}
.top-footer{padding: 30px 0;}

.land-page .banner-inner h1{font-size: 17px;}
.land-page .banner-inner p{font-size: 14px;padding-right: 0%;}
.l-sep .lan-card{width: 100%;}
.l-sep .lan-card h5{font-size: 16px;}
.satis .sat-card{width: 100%;}
.lan-ecomm .left h2{font-size: 25px;}
.app-dev .left img{height: auto;}
.app-dev .left h2{font-size: 25px;}	
.what-ser .what-left{width:100%;}	
.what-ser .what-right{width:100%;}	
.new-web-dev .left h2{font-size: 25px;}	
.dyn h2{font-size: 19px;}	


.new_landing .left{width:100%;padding-right: 0;}
.new_landing .left ul li{width:100%;}
.new_landing .right{width:100%;padding-top:30px;}
.page-id-268 h2{font-size: 25px;}
.rank{padding: 60px 0%;}
.packg_details .pckg_card{width: 100%;margin: 10px 0;}
	
.about-content .about-row{width:100%;}
.about-content .about-para{width:100%;}
}