/*---header style ---*/

.web-programing-hdr{background: url(../../img2/subscription_ecommerce-banner-bg.jpg) no-repeat center top; color:#fff; padding:50px 0 ; background-size:cover;}
.web-programing-hdr h1{color: #ffffff;font-weight:bold; font-size: 59px;text-shadow: 0px 0px 1px rgba(63, 129, 168, 0.75); line-height:52px; padding-bottom:5px;}
.web-programing-hdr h1 span{color:#ffe96e;}
.web-programing-hdr  h2{font-size:25px; font-family:"Open Sans";}
.caption{float:left;max-width:525px; padding-left:8px;}
.banner-img {float: right;margin: -27px 10px 0px 0;}
.points-list  li {	background-color: #3c2f1f;background-image: url(../../img2/check-white.png);background-position: 10px 15px;background-repeat: no-repeat;	border-radius: 3px;color: #ffffff;display: inline-block;font-size: 19px;margin: 4px 0;padding: 8px 15px 8px 35px;}
.points-list {padding: 60px 0;}
.web-programing-hdr a.btn-theme {background: #ffffff;color: #3c2f1f;display: inline-block;padding: 14px 22px;font-size: 22px; font-weight:600; border-color:#fff;}
.web-programing-hdr a.get-in {color: #fff;display: inline-block;font-size: 22px;padding: 15px 14px;text-decoration: underline;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
.web-programing-hdr a.get-in:hover {color: #000000;}


/*----body style ---*/
.padding40{padding:40px 0;}
.ecommerce-business{text-align:center; padding:10px 0 20px 0;}
.ecommerce-business li{display:inline-block;padding:0 7px; font-size:17px;font-weight:600; text-align:center;color:#000; line-height:18px;}
.ecommerce-business li p{font-size:17px;font-weight:600;}
.border-box{border-radius:100%;border-width:20px; border-style:solid;margin-bottom:10px;}
.red-circle-bg{background:#bb4342; border-color:#f35d5c;}

.green-circle-bg{background:#6eb046; border-color:#99d774;}
.orange-circle-bg{background:#c9632b; border-color:#f68c52;}
.ecommerce-business li:hover .red-circle-bg, .ecommerce-business li:hover .green-circle-bg, .ecommerce-business li:hover .orange-circle-bg{box-shadow:0 0 5px #666;}
.ecommerce-based-web{background: url(../../img2/subscription_ecommerce-websites-bg.jpg) 0 0;}
.ecommerce-based-web .theme-heading h2{padding:0px;}

.grid-12{position:relative; z-index:2;}
.grid-12 img{display:inline-block;}
.ecommerce-based-web .fix-container{position:relative;}
.ecommerce-based-web .grid-12:before{content:"";position:absolute; left:0px;top:0px;bottom:0px; background:url(../../img2/subscription-left-partten.jpg) 0 0;width:51%;z-index:-1;}
.ecommerce-based-web .grid-12:after{content:"";position:absolute; right:0px;top:0px;bottom:0px; background:url(../../img2/subscription-right-partten.jpg) 0 0;z-index:-1; width:50%;}
.ecommerce-based-web .grid-12 .grid-1{float:left;width:50%; text-align:center;  padding-bottom:40px;}
.ecommerce-based-web .grid-12 .grid-1 .title-box{display:inline-block; border-radius:3px; color:#fff;font-size:19px; font-weight:600; padding:8px 20px; position:relative; background:#f35d5c;}
.ecommerce-based-web .grid-12 .grid-1 .title-box:after{border:10px solid transparent; border-top-color:#f35d5c; top:100%; margin:0 auto; width:1px; content:"";position:absolute; left:0px; right:0px;}
.ecommerce-based-web .grid-12 .grid-1 .title-box.green-bg{background:#8dc66b;}
.ecommerce-based-web .grid-12 .grid-1 .title-box.green-bg:after{ border-top-color:#8dc66b;}
.dark-bluebg{background:#1d2428;}	
.dark-bluebg ul{margin:10px 0 30px -30px;float:left}
.dark-bluebg ul li{float:left;width:33.33%; text-align:center;padding-left:30px;}
.dark-bluebg ul li .border-box{height:187px;width:187px; line-height:160px; display:inline-block; margin-bottom:25px; vertical-align:middle; border-width:10px;}
.dark-bluebg ul li .border-box img{vertical-align:middle; display:inline-block;}
.dark-bluebg ul li .grid-1{border-radius:3px; background:#263035;padding:20px;color:#fff;font-size:15px; text-align:center;position:relative; line-height:20px;}
.dark-bluebg ul li .grid-1:before{border:15px solid transparent; border-bottom-color:#263035; bottom:100%; width:2px;left:0px;right:0px; margin:0 auto; content:"";position:absolute;}
.dark-bluebg ul li .grid-1 h3{font-size:18px; color:#fff; font-weight:600; padding:7px;}
.dark-bluebg ul li .red-circle-bg{background:#481c1b;}
.dark-bluebg ul li .green-circle-bg{background:#2e4023;}
.dark-bluebg ul li .orange-circle-bg{background:#492a18;}

.dark-bluebg ul li:hover .red-circle-bg, .dark-bluebg ul li:hover .green-circle-bg, .dark-bluebg ul li:hover .orange-circle-bg{box-shadow:0 0 5px #000;}

.dark-bluebg ul li:hover .grid-1{background:#333d42;}
.dark-bluebg ul li:hover .grid-1:before{border-bottom-color:#333d42;}

.grid-4{margin:0 auto; width:740px;position:relative; color:#fff; display:table; padding:15px 0;}
.dark-bluebg  .grid-4:after, .dark-bluebg  .grid-4:before{background:url(../../img2/subscription_ecommerce-border-line.png) no-repeat center top; height:1px;left:0px; right:0px; position:absolute; content:""; }
.grid-4:before{top:0px;}
.grid-4:after{bottom:0px;}
.grid-4 .left-side{float:left;width:58%; font-size:22px; text-align:right; padding-right:15px;}
.grid-4 .right-side{width:42%; float:right;}
.grid-4 .right-side .red-btn{font-size:22px; color:#fff; font-weight:600; margin-left:0px; padding-top:10px;padding-bottom:10px;}




.subscription-portal-packages .seo-pkgs{margin-top:0px;}

.padding-top-30{padding-top:30px;}
.subscription-portal-packages span.red-text{color:#ee3c2b !important; font-size:20px; font-weight:600;}
.product-services-div{background:url(../../img2/subscription-product-services.jpg) no-repeat top center; background-size:cover;}
.product-services-div .our-service{float:left;margin:17px 0 -17px -17px;}
.product-services-div .our-service li{padding:0 0 17px 17px; width:20%; float:left;}
.product-services-div .our-service li .grid-1{background:#f6f6f7; border-radius:3px; min-height:145px;padding:15px 10px; text-align:center; font-size:16px; color:#263035; border:1px solid transparent;}
.product-services-div .our-service .grid-1:hover{border-color:#f35d5c;}
.product-services-div .our-service .grid-1 .imgbox{min-height:66px; line-height:66px;}
.product-services-div .our-service .grid-1 .imgbox img{display:inline-block; vertical-align:middle;}

.grid-11{display:inline-block; width:100%; vertical-align:top; margin-top:15px;}
.grid-11 ul{float:left;margin:0 0 20px -20px;}
.grid-11 ul li{float:left;width:50%;padding:0 0 20px 20px;}
.grid-11 ul li .grid-1{border-radius:3px; background:#9dd2d7; padding:18px; min-height:124px;}
.grid-11 ul li .grid-1:hover{background:#94c8cd;}
.grid-11 ul li .grid-1 .imgbox{display:inline-block; vertical-align:middle;width:22%;}
.grid-11 ul li .grid-1 .imgbox img{margin-left:0px;}
.grid-11 ul li .grid-1 .right-col{display:inline-block; vertical-align:middle;width:77%; font-weight:300px; font-size:15px; color:#000;}
.grid-11 ul li .grid-1 .right-col h3{font-size:18px; color:#000; font-weight:600; padding-bottom:7px;}

.grid-5 .grid-4{color:#525962;}
.grid-5 .grid-4:after, .grid-5  .grid-4:before{background:url(../../img2/subscription-gray-border.png) no-repeat center top; height:1px;left:0px; right:0px; position:absolute; content:"";}

.dark-blue-background{background:#1c262b;}

.exp-list{max-width:800px; margin:0 auto;}
.exp-list .circle h3{font-size:20px;}
.cta-new  a.btn-theme {background: #fff none repeat scroll 0 0;border: 2px solid transparent;color: #f24130;display: inline-block;font-size: 20px;    font-weight: 600;}
.cta-new a.btn-theme.red-btn{font-size:22px; color:#fff; font-weight:600; margin-left:0px; padding-top:11px;padding-bottom:11px; background:#f24130;}
.botm_prgrp {color: #ffffff;margin-top: 315px; font-size:20px; text-align:center;}
.car-portl-bom .cta-new.aep-cta {margin: 25px 0 0;}
.cta-onwhite a.btn-theme.green-btn{background:#7fc241;color:#fff; margin-left:7px;}

.tbl-pkg .btn-theme{display:inline-block; padding:7px 20px; margin-top:17px;}



@media (min-width:993px) and (max-width:1100px) {
.web-programing-hdr{background-position:top right;}
.web-programing-hdr h1{font-size:50px;}
img{max-width:100%;}
.caption{width:55%;}	
.banner-img{width:45%;}
.exp-list .circle h3{font-size:13px}
.botm_prgrp {margin-top:40px;}
.car-portl-bom .cta-new.aep-cta {margin: 40px 0 0;}
.exp-list .circle{margin:0 -10px;}
}
@media (min-width:768px) and (max-width:992px) {
img{max-width:100%;}
.web-programing-hdr{padding:25px 0;    background-size: cover;}
.web-programing-hdr h1{font-size:33px; line-height:normal;}
.banner-img{width:100%; text-align:center;margin:0px;}
.banner-img img{max-width:50%;}
.points-list{padding:10px 0;}
.product-services-div .our-service li .grid-1{font-size:13px;}
.grid-11 ul{margin:0 0 10px -10px;}
.grid-11 ul li{padding:0 0 10px 10px;}
.grid-11 ul li .grid-1 .right-col{width:76%; padding-left:5px;}
.grid-11 ul li .grid-1 .right-col h3{padding-bottom:0px;}
.grid-11 ul li .grid-1{padding:10px;}
.recommened-reading a.text-link{position:relative; margin-top:10px;}
.product-services-div .our-service li{padding:0 0 10px 10px;}
.product-services-div .our-service{margin:10px 0 -10px -10px;} 
.border-box{border-width:12px;}
.dark-bluebg ul li .grid-1{padding:15px;}
.exp-list .circle{height:200px; width:200px; margin:0 -10px;}
.exp-list .circle h3 {font-size: 14px; padding: 5px 8px;margin:0 auto; margin-top:60px;}
.exp-list .circle p{font-size:13px;}
.botm_prgrp{margin-top:20px; font-size:18px;}
.ft-exp.car-portl-bom{min-height:100px !important; padding:20px 0;}
.ft-exp.car-portl-bom .exp-list{padding-top:0px;}
}

@media (max-width:767px) {
.web-programing-hdr{padding:10px 0; background-size:cover;}
img{max-width:100%;}

.banner-img{width:100%; margin:10px 0; text-align:center;}
.points-list{padding:10px 0;}

.caption{padding:0px;}
.border-box{max-width:169px; display:inline-block; border-width:10px; margin-bottom:0;}
.ecommerce-based-web .grid-12 .grid-1 .title-box{font-size:13px; padding:8px 10px;}
.ecommerce-based-web .grid-12 .grid-1{padding-bottom:20px;}
.dark-bluebg ul li{width:100%; padding-bottom:20px;}
.dark-bluebg ul li .border-box{height:169px;line-height:150px;}
.grid-11 ul li{width:100%; padding-bottom:10px;}
.botm_prgrp{font-size:15px;}
.recommened-reading a.text-link{position:relative; margin-top:10px;}
}


@media (min-width:600px) and (max-width:767px) {
.exp-list .circle h3 {font-size: 12px;margin-top: 50px;  padding: 7px;}
.ft-exp .exp-list .circle{width:180px; height:180px; margin:0px;}
.botm_prgrp{ margin-top:10px}
}
@media (max-width:599px){
	.botm_prgrp{margin-top:0px;}
.ft-exp .exp-list .circle{width:200px; height:200px;}
.exp-list .circle h3{font-size:13px; padding:8px 8px; margin-top:60px;}
.ecommerce-business li{width:100%; padding-bottom:20px;}
.ecommerce-business li:last-child{padding-bottom:0px;}
}


@media (min-width:480px) and (max-width:767px) {
.product-services-div .our-service li{width:50%; padding-bottom:17px;}
/*.points-list ul>li{background-position: 10px 11px; font-size:14px !important;}*/
.web-programing-hdr h1{font-size:30px; line-height:normal; padding-bottom:0px; text-align:center;}

}


@media (max-width:479px) {
.web-programing-hdr h1{font-size:23px; line-height:normal; padding-bottom:0px; text-align:center;}
.web-programing-hdr h2{font-size:17px;}
.product-services-div .our-service li{width:100%; padding-bottom:10px;}
.grid-11 ul li .grid-1 .imgbox{width:100%; text-align:center;}
.grid-11 ul li .grid-1 .imgbox img{margin-left:auto;}
.grid-11 ul li .grid-1 .right-col{width:100%; text-align:center;}
.cta-onwhite a.btn-theme.green-btn{margin-left:0px; margin-top:7px;}
.points-list li{font-size:14px;}
}