/*!
Theme Name: Jumpstart
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.2-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jumpstart
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Jumpstart is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

.home-banner {
	padding: 30px 0;
	background: #40c16d; /* Old browsers */
	background: -moz-linear-gradient(left,  #40c16d 0%, #4ad67d 50%, #01b2a2 100%, #01b2a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #40c16d 0%,#4ad67d 50%,#01b2a2 100%,#01b2a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #40c16d 0%,#4ad67d 50%,#01b2a2 100%,#01b2a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c16d', endColorstr='#01b2a2',GradientType=1 ); /* IE6-9 */
}

/* Banner Videos */

.slider h3 { font-size: 1.8rem !important; }
.slider p { font-size: 1rem !important; }
.banner-video { margin-bottom: 1rem; }
/*.home .wistia_embed { float: right; }*/
.home .wistia_embed { float: left;}
.home-intro{text-align:left !important; padding-bottom: 20px;}
#contact-home h4{color: #fff; text-align: left;}
#contact-home {background:#faa315 !important; text-align: left;}
.home .wistia_embed {max-width: 100%;}
.support-icons svg{height: 94px; width: 75px;}
#contactModal .support-icons{padding: 0px}

@media only screen and (min-width: 64.063em)
{
	.slider h3 { padding-top: 0 !important; }
    .footer #footer-top #footer-color{ padding:5.375rem 0.9375rem !important;}
    .slider #contact-home img {position: absolute; top: 345px !important; right: 0px;}
	.home .slider #contact-home img {position: absolute; top: 0px !important; right: 0px;}
    .home-intro{padding-bottom:0px;}
    #contactModal{top: 200px; min-height: 200px; left: 50%; width: 50%;}
    .support-icons svg{height: 94px; width: 75px;}
    section.internet-security{width: 100% !important;}
}
@media only screen and (max-width: 640px)
{
    #contact-home iframe{height: 475px !important;}
    .slider #contact-home img{padding: 0px 0px 20px;}
}
@media only screen and (max-width: 390px)
{
    .support-icons svg{height: 74px; width: 55px;}
}
@media only screen and (min-width: 400px) and (max-width: 415px)
{
    .slider-video .wistia_embed{height: 205px !important;}
}
@media only screen and (max-width: 380px)
{
    .slider-video .wistia_embed{height: 180px !important;}
}
.youtube-svg:hover rect, .linkedin-svg:hover rect, .twitter-svg:hover rect, .google-plus-svg:hover rect {fill: #fdaf17;} 
.footer .details .social-media{margin-left: 0.9rem;}
.footer .details .social-media:first-child{margin-left: 0rem;}
.footer .details{margin-top: 1.25rem;}
.support-contact input[type="submit"]{ background: none repeat scroll 0 0 #fdaf17; border: medium none; color: white; cursor: pointer; font-family: 'Raleway',sans-serif; font-size: 18px; font-weight: bold; outline: medium none; padding: 0.8125rem; text-transform: uppercase; width: 50% !important; height: 50px !important; max-width: 464px;}
.support-contact input[type="email"], .support-contact input[type="tel"]{width: 75%;}
.wistia_embed #wistia_19_vulcan{background: rgb(253, 175, 23) !important;}
#tiles-wrapper{margin-bottom: 50px !important;}
section.internet-security header .infoline .icon{max-height: 100% !important; padding: 0 0 3px 0; top: 0 !important; margin-right: 5px;}


/** Added on 11-10-22 **/
/*-- banner gray button --*/
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}

.for_learn_moreT a.gray-btn{background-color: #313538;margin-left: 20px;}
.for_learn_moreT a.gray-btn:hover{background-color: #303030;}

/*-- section title --*/
.sec-title{width: 100%;float: left;}
.sec-title h2{color: #303030;line-height: normal;margin: 0 0 30px 0;font-weight: 400;font-family: 'Atten New ExtraBold' !important;font-size: 30px;text-transform: inherit;}

/*-- price slider --*/
.bundle-option-sec{width: 100%;float: left;padding: 50px 0;}
.bundle-slider{width: 100%;float: left;}
.bundle-slider .item{position: relative;text-align: center;padding-top: 90px;}
.bundle-slider .popular{position: absolute;left: 0;top: 0;width: 100%;display: block;font-size: 20px;text-transform: uppercase;font-family: 'Atten New ExtraBold' !important;background-color: #fde7c0;padding: 15px 20px;border-radius: 12px;}
.bundle-each{text-align: center;border-radius: 12px;border: 1px solid #eaedd2;overflow: hidden;}
.bundle-each .inner{position: relative;padding: 25px;background-color: #fff; background-image: url(images/bg-cartoon.png); background-position: right top; background-repeat: no-repeat;}
.bundle-each .inner:after{position: absolute;content: "";width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.bundle-each .plan{display: inline-block;padding: 12px 20px;background-color: #fedc9d;border-radius: 6px;border: 1px solid #f2c977;font-size: 18px;line-height: 1em;margin-bottom: 45px;}
.bundle-each .plan.yellow{background-color: #faaf30;border-color: #e39413;}
.bundle-each .plan.brown{background-color: #bb7807;border-color: #985d01;color: #fff;}
.bundle-each .cost{font-size: 20px;color: #323232;line-height: 1.8em;}
.bundle-each .cost strong{display: block;font-size: 56px;font-family: 'Atten New ExtraBold' !important;}
.bundle-each .list{text-align: left;margin-top: 40px;}
.bundle-each .list ul{list-style: none;margin: 0;padding: 0;}
.bundle-each .list ul li{position: relative;padding-right: 30px;font-size: 16px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.bundle-each .list ul li i{position: absolute;font-family: FontAwesome !important;right: 10px;top: 5px;color: #fea628;}
.bundle-each .list ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}

.bundle-slider .more{display: inline-flex;height: 60px;padding: 0 30px;background: #faaf31;text-decoration: none;color: #fff;text-transform: uppercase;font-family: 'Atten New Book' !important;font-size: 18px;border-radius: 4px;align-items: center;font-weight: 500;margin-top: 26px;}
.bundle-slider .more:hover{background: #ffc35d;}

.bundle-slider .owl-nav * {
  top: 50%;
  left: -160px;
  width: 70px;
  height: 70px;
  display: flex;
  font-size: 0;
  position: absolute;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background: #fff url(images/testi-arrow.png) no-repeat center/32px auto;
  border: 1px solid #eaedd2;
}
.bundle-slider .owl-nav .owl-next {
  right: -160px;
  left: auto;
  transform: rotate(-180deg);
}

/*-- video section --*/
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1450px){
    .bundle-slider{
        padding-left: 80px;
        padding-right: 80px;
    }
    .bundle-slider .owl-nav *{
        left: 0;
    }
    .bundle-slider .owl-nav .owl-next {
        right: 0;
    }
}
@media screen and (max-width: 600px){
    .bundle-slider {
      padding-left: 45px;
      padding-right: 45px;
    }
    .bundle-slider .owl-nav *{
        width: 40px;
        height: 40px;
        background-size: 20px;
    }
}
@media screen and (max-width: 480px){
    .for_learn_moreT a.gray-btn{
        margin: 10px 10px;
    }
}
/*-- IT Support Packages --*/
.page-id-6151 .munkey_hide{display: none;}

.bundle-row{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.bundle-row .each{width: 33.33%;float: left;padding: 0 10px;}
.bundle-row .bundle-col{position: relative;text-align: center;padding-top: 90px;}
.bundle-row .each .popular{position: absolute;left: 0;top: 0;width: 100%;display: block;font-size: 20px;text-transform: uppercase;font-family: 'Atten New ExtraBold' !important;background-color: #fde7c0;padding: 15px 20px;border-radius: 12px;}
.bundle-row .bundle-each .inner{padding-bottom: 55px;}
.bundle-row .bundle-each .inner::after{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 80%)}
.bundle-row .bundle-each .read-more{position: absolute;z-index: 1;left: 20px;bottom: 20px;font-size: 16px;font-family: 'Atten New Bold' !important;}
.bundle-row .bundle-each .read-more:hover{color: #bb7807;}

@media screen and (max-width: 991px){
    .bundle-row .each {
        width: 100%;
    }
    .bundle-row .bundle-col{
        padding-top: 0;
        margin-bottom: 2em;
    }
    .bundle-row .each .popular{
        font-size: 16px;
        position: relative;
        margin-bottom: 10px;
    }
}

/*-- IT Security Solution --*/
.service-list{display: flex;flex-wrap: wrap;margin: 0 -16px 30px;}
.service-list .each{width: 50%;float: left;padding: 0 16px;}
.service-box{background-color: #fff;margin-bottom: 30px;border-radius: 20px;}
.service-box .inner{position: relative;padding: 20px;padding-bottom: 100px;}
.service-box .img-con{position: absolute;right: 20px;bottom: 20px;max-width: 100px;}
.service-box h3{font-size: 26px;color: #2f2f2f;font-family: 'Atten New ExtraBold' !important;text-transform: none;}
.service-box p{font-size: 20px;}
.service-box .more{position: absolute;left: 20px;bottom: 20px;-webkit-transform: scaleX(-1);transform: scaleX(-1);transition: .3s;}
.service-box:hover .more{left: 30px;}

.feat-row{display: flex;flex-wrap: wrap;margin: 0 -10px 50px;}
.feat-row .each{width: 25%;float: left;padding: 0 10px;text-align: center;}
.feat-circle{position: relative;width: 110px;height: 110px;display: inline-block;background-color: #fab639;border-radius: 50%;margin-bottom: 12px;}
.feat-circle img{position: absolute;width: auto;height: auto;max-width: 100%;max-height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.feat-row h4{text-transform: none;font-family: 'Atten New ExtraBold' !important;font-size: 20px;color: #33342f;}

.solution-list{width: 100%;float: left;}
.solution-list ul{list-style: none;margin: 0;padding: 0;}
.solution-list ul li{position: relative;padding-left: 90px;min-height: 70px;margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;}
.solution-list ul li:before{position: absolute;content: "";left: 0;top: 0;width: 70px;height: 70px;background-color: #fbe3b7;border-radius: 50%;}
.solution-list ul li:after{position: absolute;content: url(images/check-icon.png);left: 18px;top: 20px;}
.solution-list h4{font-size: 24px;font-family: 'Atten New Bold' !important;text-transform: none;color: #f8ae0e;margin-bottom: 0px;}
.solution-list p{font-size: 20px;margin-bottom: 0;}

@media screen and (max-width: 991px){
    .service-list .each {
      width: 100%;
    }
    .feat-row .each {
      width: 50%;
      margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .blog_bnner {
      height: 380px;
    }
}

/**my css start***/
.sec-title .bold-font, .testi_head .bold-font, .bold-font{font-weight: bold;}
.solution-list.specific h4{color: #000; font-size: 18px; line-height: 22px;}
.solution-list.specific p{color: #000; font-size: 18px; line-height: 24px;}
.list-box h4{font-size: 18px; line-height: 24px; color: #000; margin: 0;}
.list-box p{font-size: 16px; line-height: 20px; color: #000;}
.list-box p a{color: #faaf31;}
.solution-list.specific ul li:after{content: none;}
.solution-list.specific ul li.first:before{background-size: 32px 27px; background-image: url(images/icon4-cloud-it-services.png); width: 70px; height: 70px; background-color: #fcb900; background-position: center; background-repeat: no-repeat;}
.solution-list.specific ul li.second::before{background-size: 32px 27px; background-image: url(images/icon5-cloud-it-services.png); width: 70px; height: 70px; background-color: #fcb900; background-position: center; background-repeat: no-repeat;}
.solution-list.specific ul li.third:before{background-size: 32px 27px; background-image: url(images/icon6-cloud-it-services.png); width: 70px; height: 70px; background-color: #fcb900; background-position: center; background-repeat: no-repeat;}
.solution-list.specific ul li.fourth::before{background-size: 32px 27px; background-image: url(images/icon7-cloud-it-services.png); width: 70px; height: 70px; background-color: #fcb900; background-position: center; background-repeat: no-repeat;}
.feat-row.specific{justify-content: space-between;}
.feat-row.specific .each h4{font-weight: bold;}
.feat-row.specific .each p{font-weight: 500;}

.service-list.specific .service-box .inner{min-height: 196px;}
.blog_dt_cnt li{list-style: none;}

@media (max-width:1280px) {
    br{display: none;}
}
/**my css end***/


@media (min-width: 767px){
    .addfgress .lftR_right p .title {
        width: 100%!important;
        position: relative!important;
        display: block!important;
        color: #fff!important;
    }  

    .addfgress .lftR_right p .link {
        width: 100%!important;
        position: relative!important;
        display: block!important;
    }    
}



/***kashish css***/
.blog_caption .block-desc p{font-size: 18px; line-height: 24px; color: #fcfcf4; max-width: 42%; margin: 0;}

.detail-items{padding: 40px 0 110px;}
.detail-items .block-desc h2{text-transform: inherit; font-size: 32px; line-height: 41px; color: #3f3e44; font-weight: bold; margin: 0; padding: 0 0 15px;font-family: 'Atten New ExtraBold' !important;}
.detail-items .block-desc p{font-size: 33px; line-height: 41px; color: #3f3e44; font-weight: bold; margin: 0; padding: 0 0 15px;}
.detail-items .block-desc.specific p{font-size: 18px; line-height: 24px; color: #3f3e44; font-weight: 500; padding: 0 0 20px; margin: 0;}

.img-block{padding: 0 0 100px;}

.desc-detail-container{text-align: center; padding: 0 0 80px; position: relative;}
.desc-detail-container::before{z-index: -1; content: ""; background-image: url(images/map_pin_bg_img.png); background-position: right; background-size: cover; width: 460px; height: 550px; position: absolute; margin-left: 169px; bottom: 0px;}
.desc-detail-container .block-title h2{font-weight: bold; text-transform: inherit; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 40px; margin: 0;font-family: 'Atten New ExtraBold' !important;}
.desc-detail-container .block-desc p{font-size: 18px; line-height: 24px; font-weight: 500; padding: 0 0 25px; color: #3f3e44; max-width: 85%; margin: 0 auto;}

.box-detail{text-align: center; padding: 90px 0; border-top: 1px solid #D3D3CD; border-bottom: 1px solid #D3D3CD;}
.box-detail .block-title h2{font-weight: 600; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 50px; margin: 0;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.box-detail .each h4{font-weight: 600; font-size: 18px; line-height: 24px; color: #3f3e44; padding: 10px 0 0; margin: 0;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.box-detail .each .feat-circle.data img,.company-detail .each .feat-circle.data img{background-color: #FBEFCC; border-radius: 50%;}

.package-detail{padding: 100px 0 0 0;}
.package-detail::before{content: ""; background-image: url(images/monkey_bg_img.png); background-position: right; background-size: cover; width: 1100px; height: 900px; position: absolute; margin-left: -555px;z-index: -1;}
.package-detail .block-title h2{font-weight: 600; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 40px; margin: 0; text-align: center;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.package-detail .block-desc p{font-size: 18px; line-height: 24px; font-weight: 500; padding: 0 0 25px; color: #3f3e44; margin: 0;} 
.package-detail .block-desc p .semi-block-desc{padding: 20px 0 0 0; display: block;}
.package-detail .block-desc.specific p{ text-align: center; margin: 0; padding: 0 0 40px;}


.service-list.specific{padding: 80px 0; display: block; margin: 0;}
.service-list.specific .block-title h2{font-weight: 600; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 40px; margin: 0; text-align: center;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.service-list.specific .blog-box-detail{display: flex; justify-content: center; flex-wrap: wrap;}
.service-list.specific .blog-box-detail .each{width: 370px; float: none; padding: 0 80px 0 0;}
.service-list.specific .blog-box-detail .each .service-box{margin: 0 0 50px;}
.service-list.specific .blog-box-detail .each .service-box .inner{min-height: 155px; padding-bottom: 80px;}
.service-list.specific .blog-box-detail .each .service-box h3{font-size: 24px; line-height: 30px; font-weight: 600;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.service-list.specific .blog-box-detail .each .service-box img{transform: scaleX(-1); transition: .3s;}

.company-detail{padding: 0 0 100px;}
.company-detail .block-title h2{font-weight: 600; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 60px; margin: 0; text-align: center;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.company-detail .each{text-align: center;}
.company-detail .each h4{font-weight: 600; font-size: 18px; line-height: 24px; color: #3f3e44; padding: 10px 0 0; margin: 0;text-transform: inherit;font-family: 'Atten New ExtraBold' !important;}

.security-service{background-color: #fff; padding: 40px 80px;}
.security-service .block-title h2{font-weight: 600; font-size: 24px; line-height: 30px; color: #3f3e44; padding: 0 0 60px; margin: 0; text-align: center;font-family: 'Atten New ExtraBold' !important;text-transform: inherit;}
.security-service .box-container{display: flex; justify-content: space-between;}
.security-service .box-container .blog-box{padding: 0 40px 20px 0; width: 50%;}
.security-service .box-container .blog-box .block-title h2{font-weight: 600; font-size: 23px; line-height: 30px; color: #3f3e44; padding: 0 0 5px; margin: 0; text-align: left;text-transform: inherit;}
.security-service .box-container .blog-box .block-desc p{font-size: 18px; line-height: 24px; font-weight: 500; padding: 0; color: #3f3e44; margin: 0; text-align: left;} 

.support-detail{padding: 80px 0 30px;}
.support-detail .block-title h2{font-weight: 600; font-size: 30px; line-height: 38px; color: #3f3e44; padding: 0 0 60px; margin: 0; text-align: center;font-family: 'Atten New ExtraBold' !important; text-transform: inherit;}
.support-detail .support-box .block-desc p{font-size: 18px; line-height: 24px; font-weight: 500; padding: 0 0 30px; color: #3f3e44; margin: 0; text-align: center;}
.support-detail .support-box .title h3{color: #faaf31; font-size: 24px; line-height: 30px; font-weight: 600; text-align: center;font-family: 'Atten New ExtraBold' !important; text-transform: inherit;}


@media (max-width:990px) {
    .detail-items .block-desc h2{font-size: 30px; line-height: 38px;}
    .detail-items .block-desc p{font-size: 30px; line-height: 38px;}
    .detail-items{padding: 50px 0;}
    .img-block{padding: 0 0 50px;}
    .desc-detail-container{padding: 0 0 50px;}
    .box-detail{padding: 50px 0;}
    .package-detail{padding: 50px 0 0 0;}
    .service-list.specific{padding: 50px 0;}
    .company-detail{padding: 0 0 50px;}
    .security-service{padding: 30px;}
    .support-detail{padding: 50px 20px 0;}
    .testi_slider_main{padding: 50px 20px 0;}

    .security-service .block-title h2{padding: 0 0 50px;}
    .desc-detail-container .block-title h2,.box-detail .block-title h2,.package-detail .block-title h2,.service-list.specific .block-title h2,.company-detail .block-title h2,.support-detail .block-title h2,.support-detail .support-box .title h3{font-size: 25px; line-height: 32px; padding: 0 0 25px; margin: 0;}
    .blog_listing_main .img-block img{width: 85%; margin: 0 auto; display: block;}
}

@media (max-width:769px) {
    .detail-items .block-desc h2, .detail-items .block-desc p,.package-detail .block-desc.specific p{padding: 0 0 25px;}   
    .blog_caption .block-desc p{max-width: 100%;}
    .desc-detail-container .block-desc p{max-width: 100%;}
    .box-detail .each{padding: 0 0 30px;}
    .box-detail .each h4{padding: 0;}
    .service-list.specific .blog-box-detail .each{width: 330px; padding: 0; margin: 0 auto; }
    .company-detail .each{padding: 0 0 30px;}
    .company-detail .each h4{padding: 0;}
    .security-service .box-container .blog-box .block-title h2{font-size: 18px; line-height: 24px;}
    .security-service .box-container{align-items: center;}
    .security-service .box-container .blog-box{padding: 0 15px 40px 0;}
    .blog_listing_main .img-block img{width: 85%; margin: 0 auto; display: block;}
}

@media (max-width:560px) {
    .service-list.specific{padding: 50px 0 40px;}
    .security-service .box-container{justify-content: center; align-items: center; flex-direction: column;}
    .security-service .box-container .blog-box{padding: 0 0 25px; width: 100%;}
    .desc-detail-container .block-title h2, .box-detail .block-title h2, .package-detail .block-title h2, .service-list.specific .block-title h2, .company-detail .block-title h2, .support-detail .block-title h2, .support-detail .support-box .title h3{font-size: 22px; line-height: 28px; padding: 0 0 20px;}
    .security-service .block-title h2{font-size: 20px; line-height: 35px; padding: 0 0 30px;}
}

@media (max-width:470px) {
    .detail-items .block-desc h2, .detail-items .block-desc p, .package-detail .block-desc.specific p{font-size: 24px; line-height: 30px;}
    .detail-items{padding: 40px 0;}
    .img-block{padding: 0 0 40px;}
    .desc-detail-container{padding: 0 0 40px;}
    .box-detail{padding: 40px 0;}
    .package-detail{padding: 40px 0 0 0;}
    .service-list.specific{padding: 40px 0;}
    .company-detail{padding: 0 0 40px;}
    .security-service{padding: 20px;}
    .support-detail{padding: 40px 15px 0;}
    .testi_slider_main{padding: 40px 15px 0;}
    .desc-detail-container .block-title h2, .box-detail .block-title h2, .package-detail .block-title h2, .service-list.specific .block-title h2, .company-detail .block-title h2, .support-detail .block-title h2, .support-detail .support-box .title h3{font-size: 18px; line-height: 24px;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
    .blog_listing_main .img-block img{width: 85%; margin: 0 auto; display: block;}
}