section{width:100%;display:block;}

/*pricing page*/


.price1 h4,.price2 h4,.price3 h4{
 
 margin-bottom:0px;
color: #fff;  
    padding: 21px 0px 17px;
    font-size: 30px;
    font-weight: 700; 
    position: relative; 
    text-align: center; 
  
}
.price1 h4{
      background: #8ac503;
}
.price2 h4{
      background: #6b3f7d;
}
.price3 h4{
      background: #ff6500;
}
.perpage{
        text-align: center !important;
    font-size: 15px !important;
    color: #494949 !important;
    font-weight: 600;
    padding: 0px 30px !important;
}
.perpage strong{
    display: inline !important;
    color: #d42c0e !important;
}
.page .tab-content ul li {
    color: #7d7d7d;
    font-size: 14px;
   
    font-weight: normal;
}
.freepckg li{
    font-style: italic;
}
.page .blank{
    border: none;
}
.freepckg ul li.last{
    border: none !important;
}
.webdev-flyer .pbox.second .freepckg ul{
      min-height: 590px;
}
.webdev-flyer .pbox.first .freepckg ul{
         min-height: 836px;
}
.head_highlight_orange{
    color: #ffffff !important;
    background-color: #00AEEF;
        text-align: center;
}
.head_highlight_purple{
    color: #ffffff !important;
    background-color: #00AEEF;
        text-align: center;
}
.head_highlight_green{
    color: #ffffff !important;
    background-color: #8ac503;
        text-align: center;
}

.sideform #sideform .form .field.number { 
    width: 59.5%;
}
/*pricing page Ends*/
.pdl0{
    padding-left: 0px;
}
.pdr0{
    padding-right: 0px;
}
/* ecommerce page */
.ecommerce .inner_package .pbox.last .freepckg{
    min-height: 362px;
}
/* ecommerce ends here*/
/*pricing package*/
.dig-seo .pbox.second .freepckg ul,.dig-seo .pbox.first .freepckg ul{
    min-height: 1814px;
}
.dig-smm .pbox.second .freepckg ul{
        min-height: 262px;
}
.dig-sem .pbox.second .freepckg ul{
            min-height: 254px;
}
/*.dig-sem .pbox.first{
          min-height: 895px;
}*/

.dig-smm .pbox.first .freepckg ul{
           min-height: 344px;
}
.cid-logo-combo .right-pd0 .freepckg{
          min-height: 483px;
}
.logo_design .cid-logo-combo .right-pd0 .freepckg{
            min-height: 438px;
}
.cid-logo-inner .freepckg{
       min-height: 207px;
}
.cid-brochure .freepckg{
    min-height: 286px;
}
.cid-flyer .freepckg{
       min-height: 272px;
}
.cid-stationary .freepckg{
      min-height: 206px;
}
.webdev-logo .pbox.first .freepckg,.webdev-logo .pbox.second .freepckg{
      min-height: 292px;
}
.social_package .pbox.first .freepckg,.social_package .pbox.second .freepckg{
    min-height: 208px;
}
.webdev-brochure .pbox.first .freepckg{
     min-height: 480px;
}
.webdev-brochure .pbox.second .freepckg{
    min-height: 387px;
}
.copywriting .pbox.second .freepckg{
    min-height: 210px;
}
.copywriting .pbox.first .freepckg{
       min-height: 302px;
}
.digital-marketing .dig-seo .pbox.first .freepckg ul,.digital-marketing .dig-seo .pbox.second .freepckg ul{
  min-height: 1813px;
}
.page .pbox ul li {
    margin-left: 30px;
    margin-right: 30px;
}
.page .pbox .freepckg ul li {
    margin-left: 1px;
    margin-right: 1px;
}
.head_highlight_grey{
    color: #ffffff !important;
    background-color: #ccc;
        text-align: center;
}
/* End Pricing Package*/
/*B2B & B2C portal page*/

.noborder:before{
  background: none;
}
.b2b-packages{
      margin-top: 35px !important;
    margin-bottom: 0px;
    text-transform: initial;
    font-weight: normal;
}
.pdbt0{
  padding-bottom: 0px !important;
  font-weight: bold;
    margin-top: 90px !important;
}
.b2b-selectpackage{
         text-transform: initial;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding: 0px 72px;
}

.b2b-selectlineleft{
       position: absolute;
   left: 0px;
    top: 20px;
    width: 75px;
    height: 1px;
}
.b2b-selectlineright{
        position: absolute;
   right: 0px;
    top: 20px;
    width: 75px;
    height: 1px;
}
.b2b .pbox h4{
      font-weight: normal;
    font-size: 25px;
        padding: 21px 5px 17px;
}
.page.b2b .inner_package {
    margin-right: 0px;
    margin-left: 0px;
}
.b2b .pbox{
  min-height: initial;
}
.pckg-img{
        margin: 30px 5px 5px;
    height: 145px;
}
.b2b .freepckg{
    margin-left: 10px;
    margin-right: 10px;
}
.b2b-package-btn{
      padding: 20px 60px !important;
    width: initial !important;
}
.b2b .first-row{
      margin-bottom: 30px;
}
/*B2B & B2C portal page ends here*/
/*sliders responsive*/
/*
@media screen and (min-width:361px) and (max-width:767px)
{
 .header_area #business h4, .header_area #copywriting h4 {
        top: 117.863px !important;
         line-height: 29px !important;
         font-size: 24.568px !important;
} 
    .header_area #business h4 span, .header_area #copywriting h4 span {
    font-size: 43px !important;
    }
}
*/

@media screen and (max-width:767px)
{
    .mob-circle-bottom-text {
    margin: 30px auto 30px;
}
    .cont .nav-tabs>li>a {
    min-width: 208px;}
    .header_area h1 {
    font-size: 16px;
}
.cont .nav-tabs>li {
    margin-bottom: 8px;
    }
.page .header_area ul li {
  
    margin-right: 0px; 
    width: 167px;
        font-size: 14px;
}
.page .header_area a.btn {
    margin-bottom: 10px;
}
    .testimonials_sect .owl-theme .owl-controls {
   
    position: relative;
    bottom: 13px;
        
    }
    .contact_home {
    min-height: 657px;
    padding-top: 20px;
}
    .field.code {
    margin-right: 3px;
}
    .pbox h4 {
        font-size: 20px;
    }
     .btn.price.cust {
    width: 190px !important;
            // margin: 10px 0 0 10px !important;
}   
    .btn.vap {
        min-width: 190px !important;
    }
    
    
.whtbg .p200 ul li {
    overflow-wrap: break-word;
}
  
  
    .page .pbox a.btn.pnk,a.btn.pnk,.small-pricing a.btn.pnk {
    padding: 10px 15px;
            min-width: 130px;
    }
 .header_area #business h4, .header_area #copywriting h4 {
         
    line-height: 29px !important;
    font-size: 14.568px !important;
     z-index: 5;
} 
    .header_area #copywriting h4 {
       left: 0 !important;
    right: 0 !important;
            top: 17.1563px !important;
    }
    .header_area #copywriting a.rmore{
            top: 85px !important;
    left: 41% !important;
        
    }
    .header_area #business a.rmore{
             top: 114.9375px !important;
        
    } 
    .header_area #website a.rmore{
             top: 128.313px !important;
        
    }
      
    .header_area #business h4 span, .header_area #copywriting h4 span {
    font-size: 24px !important;
    }
   
    .header_area #business .business-offer{
        top: 5.8125px !important;
    }
    .header_area #video_animation div.parallelogram{
          top: 15.4688px !important;  
    }
    .header_area #video_animation div.parallelogram h3{
       font-size: 14px !important; 
    }
    .header_area #video_animation div.parallelogram p{
         padding-bottom: 19px !important;
        font-size: 10px;
    } 
    .header_area #video_animation div.parallelogram a,.header_area #business a.rmore, .header_area #copywriting a.rmore,    .header_area div a.rmore{
       font-size: 8.9375px !important;
            text-transform: uppercase !important;
    padding: 10px 10px !important;
    }
 
    .header_area #video_animation div.parallelogram h3 strong{
       font-size: 15px !important; 
    }
    .header_area #video_animation .space{
            top: 7.25px  !important;
    left: 475.75px !important;
    } 
    .header_area #video_animation .sld-offer{
            top: 13.656px !important;
    left: 505.875px !important;
    }
    .header_area #website h4 span{
        margin-left: 0px !important ;
    line-height: 0px !important;
            font-size: 16px !important;
    }
     .header_area #website h4 span1{
      
            font-size: 14px !important;
    }
    .header_area #website h4 {
        font-size: 14px !important;
          top: 46.4063px !important;
    } 
    .header_area #website h4 img{
         width:50% !important;
    }
    
}
@media screen and (max-width:375px){
    .header_area #digitalmarketing  h4 span{
        font-size: 16px !important;
    }
     .header_area #digitalmarketing  h4 span1{
        font-size: 14px !important;
    }
    .header_area #video_animation .space {
  
    left: 261.75px !important;
}
    .header_area #video_animation .sld-offer {
  
    left: 281px !important;
}
    .header_area #website h4 img{
         width:40% !important;
    }
    .header_area {
    min-height: 157px !important;
}
}
@media screen and (max-width:991px)
{
    .collapse-top{
     
    cursor: pointer;
   
}
    .pbox{
        min-height: 200px;
    }
   .collapse-div{
       
}   
  
      .arw h3 {
   
    margin: 15px 0 0 0px !important;
          text-align: center !important;
}
   
      .arw h5 {
    font-size: 30px !important;
        text-align: center!important;
}
    .arw h5 span {
    font-size: 16px !important;
         text-align: center!important;
}
    .page .arw h5:before {
    border: none !important;
    }
}
    @media screen and (max-width:1200px)
{
 
.cont .nav-tabs>li {
    margin-bottom: 10px;
    }
    }
@media screen and (min-width:769px) and (max-width:1179px)
{
    .header_area {
    min-height: 500px;
    }
}
@media screen and (min-width:481px) and (max-width:676px)
{
    .header_area {
    min-height: 236px;
    }
}
@media screen and (max-width:1525px)
{
    .testimonials_sect .owl-theme .owl-controls {
   
    position: relative;
    bottom: -22px;
        
    }
}
/*End Sliders*/
/*Header Mudassir*/
.bl-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.3);
}
.bl_item:hover .bl-overlay {
    background: rgba(245,44,58,0.9);
}
.bl-content-con{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.bl-content{
    position: absolute;
    top: 100px;
    left: 0;
    height: 100%;
    width: 100%;
}
/*Header Mudassir Ends*/
.page #error_404 {
    padding: 100px 0;
}
.page #error_404 {
    text-align: center;
    padding: 180px 0px;
}
#error_404 h1 {
    font-size: 120px;
    font-weight: bolder;
}
#error_404 h3 {
    font-size: 42px;
}
.btn.price.error:hover {
    border-color: #000;
    color: #000;
}
.video-an-box{
    position: relative;
    margin-bottom: 30px;
}
.video-an-box:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.video-an-box:hover:after {
    opacity:1;
}
#sitemap{    min-height: 490px;
    padding: 100px 0px; }
#sitemap ul{ list-style-type: none;}
#sitemap li{ margin-bottom: 2px;}
#sitemap li i{     color: #573667;
    margin-right: 7px;}
#sitemap a{ color: #646464;
    font-size: 16px;}
	
	.disclaimer h6 {
    color: #cfcfcf;
}
.disclaimer p {
    color: #cfcfcf;
    font-size: 12px;
}

.christmas-button {
    width: 23%;
}

#load-popup .close {
    right: 138px;
    top: 128px;
}

#load-popup .btn.pnk , .christmas-button {
    position: absolute;
    top: 375px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50%;
	top: 435px;
}

#load-popup h1 {
    font-size: 26px;
    margin: 133px 0 0 0;
    color: #656277;
}

#load-popup h3 {
    margin: 18px 0 0 0;
    font-size: 16px;
	color: #656277;
}

#load-popup h4 {
    font-size: 100px;
    font-weight: bold;
    color: #8267a3;
    margin: 15px 0 0 0;
}
#load-popup p {
    color: #a5a5a5;
    margin: 83px 0 0 0;
}

#load-popup ul {
    margin: 20px auto 0;
    width: 300px;
}

#load-popup ul li {
    display: inline;
	color: #a5a5a5;
}
#load-popup ul li a
{
	color: #a5a5a5;
    font-size: 13px;
    margin: 0 2px;
}
#load-popup ul li a:hover{color:#FF3366}

#copy .owl-item img {
    width: auto;
}
#sitemap h4 {
    margin-bottom: 25px;
}
.page.about-us .header_area h1 {
    margin: 150px 0;
}
.our-portfolio .package_area {
    margin-top: 120px;
}

.relative{ position:relative;}
.startform{height:0px;overflow:hidden; position:relative; z-index:1;    margin-top: -6px;}
.startform .thanks p{color:#fff;}
.startproject{width: 304px;z-index:3; top:114px; position:absolute; right:80px;}
.startbutton
{   background: #00AEEF;
	border: 1px solid #1d9bdc;
    bottom: -36px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 17px;
    font-weight: bold;
    height: 43px;
    padding: 10px 0 0 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
    text-align: center;
	}
	.startbutton i{
    margin-left:7px;
    font-size: 14px;
    }
	
	.startbutton.active i.fa-chevron-circle-down:before {
    content: "\f139";
}
.startbutton.active {
    bottom: -43px;
    width: 100%;
}
.figures{-moz-box-shadow:3px 3px 5px 0px #f6f6f6;-webkit-box-shadow:3px 3px 5px 0px #f6f6f6;box-shadow:3px 3px 5px 0px #f6f6f6;border-bottom:1px solid #f6f6f6;}
.form-container {   position: relative;}
.formdv{background:rgb(0, 0, 0);background:#fff;box-shadow:0px 0px 30px #000;width: 100%;padding:10px 0;position:absolute;right:0px;top:0px;z-index:100;border-top-right-radius:0;border-top-left-radius:0;border:1px solid #ccc;}
.formdv .inform{min-height:306px;}
#banform > p {
    font-size: 14px;
	color:#252525;
}
#banform > p span , #banform > p span a {color:#00AEEF;}
#banform > p span a {
    font-size: 12px;
}

.formdv p{padding:0;font-size: 11px;font-weight:400;color:#fff;text-align: center;}
.formdv p strong{ color:#ffde00; font-weight:700; text-transform:uppercase}
.formdv h4 strong{color:#ffd800;}
.formdv a{color:#3a3838;text-decoration:underline;}
.formdv a.forgot{padding-right:30px;}
.formdv form{display:block;padding: 10px 19px 6px;margin:0px;}
.formdv .field
{background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 8px 0 7px 26px;
    border-radius: 0;}
.formdv .field.code{margin-right:5px;padding-left: 9px;}
.formdv::-webkit-input-placeholder{color:#333;}
.formdv:-moz-placeholder{color:#333;}
.formdv::-moz-placeholder{color:#333;}
.formdv:-ms-input-placeholder{color:#333;}
.startform .field.code > input {
    background: none;
    padding-left: 0;
}

.formdv h4 span {font-size: 13px;display: block;text-align: center;padding: 3px 19px 0px 0px;line-height: 17px;}
.formdv input[type="text"], .formdv select, .formdv textarea{border:none;width: 92%;margin-bottom: 2px;    padding-left: 9px;}
.formdv .field.code{ width:20%; float:left}
.formdv .field.number{ width:78%; float:right}
.formdv .field i{color:#8e8e93;margin-top: -3px;    float: left;}
.formdv textarea{ height:102px}
.formdv input[type="submit"]{ display: block;
    font-weight: 700;
    width: 100%;
    padding: 10px 0;
    border-radius: 0;
	background:#00AEEF;}
.page .pbox h5, .small-pricing h5 {
    border-right: 1px solid #ccc;
    float: left;
    font-size: 46px;
    margin: 10px 0 0 60px;
    padding-right: 30px;
	color:#00AEEF;
	font-weight:normal;
}



.section-title {
    background-attachment: scroll, fixed;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 174, 239, 0.9), rgba(0, 174, 239, 0.7)), url("/assets/images/banners/title-bg.jpg");
    background-origin: padding-box, padding-box;
    background-position: 0 0%, 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 340px;
    overflow: hidden;
    text-align: center;
	padding-top: 20px;
}
.section-title.our-packages
{
	 background-image: linear-gradient(rgba(0, 174, 239, 0.9), rgba(0, 174, 239, 0.7)), url("/assets/images/banners/craftive-package.jpg");
}
.section-title.our-portfolio
{
	 background-image: linear-gradient(rgba(0, 174, 239, 0.9), rgba(0, 174, 239, 0.7)), url("/assets/images/banners/craftive-portfolio.jpg");
}
.section-title.our-testimonials
{
	 background-image: linear-gradient(rgba(0, 174, 239, 0.9), rgba(0, 174, 239, 0.7)), url("/assets/images/banners/craftive-testimonial.jpg");
}
.section-title.about-us
{
	 background-image: linear-gradient(rgba(0, 174, 239, 0.9), rgba(0, 174, 239, 0.7)), url("/assets/images/banners/craftive-about-us.jpg");
}
.section-title h2 {
    color: #fff;
    font-size: 30px;
	margin:0;
}
.section-title p{margin:0;}
.section-title h2::before , .five-notable h2::before{background:rgba(0, 0, 0, 0) url("../images/sprites.png") no-repeat scroll -226px -8px;}
.section-title p{color:#fff;}
#home .container.inner, .testimonials.inner .container.inner {
    background: #fff none repeat scroll 0 0;
    margin-top: -180px;
    padding-top: 10px;
}
#home.page .tab-content ul li{color:#7d7d7d !important;}

.five-notable{background:url(../images/banners/5-notable.jpg) no-repeat; background-size:cover;padding:30px 0;}
.five-notable h2{color:#fff;font-size:30px;}
#five-notable.owl-carousel .owl-item img{width:auto;margin:20px auto 0;}

.logo-cat{padding:50px 0;}
.logo-cat h1{font-size:18px;font-weight:300;text-align:center;margin-bottom:40px;}
.logo-cat .nav.nav-tabs{border:0;}
.logo-cat .nav.nav-tabs li {
    float: none;
}
.logo-cat .nav.nav-tabs li a {
    border: 0 none;
    color: #454545;
    font-size: 16px;
    padding: 5px 0;
}
.logo-cat .nav.nav-tabs li a:hover , .logo-cat .nav.nav-tabs li a:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border: medium none;
    color: #00aeef;
}
.logo-pricing{padding:50px 0;background: #efefef;}

.logo-cat a img {
   width: 100%;
    margin-bottom: 25px;
    border: 1px solid #ccc;
}

.logo-pricing h1{font-size:18px;font-weight:300;}

/*#webdev_logo .pbox{min-height:885px;}*/
/*#webdev_brochure .pbox{min-height:1090px;}*/
/*#cid_logo .pbox{min-height:620px;}*/
#webdev_flyer.pbox{min-height:1500px;}


#logo-tab img {
    margin: 0 0 0 100px;
    border: 1px solid #ececec;
}
/*#web img{margin-left:70px;}*/

.tabbed #web img{margin-left:70px;width:auto;border:1px solid #ececec;}
.tabbed #logo-design img{margin-left:100px;width:auto;border:1px solid #ececec;}


.web-port{padding:30px 0;}

.web-port p{text-align:center;padding-bottom:20px;color: hsl(0, 0%, 49%);}

.row.tab-border-bottom img {
    width: 100%;
}


#cid_logo img {
    border: 1px solid #ececec;
    margin-bottom: 25px;
}

.why-hire-us{background:#247fe3;padding:30px 0;}
.why-hire-us h2{color:#fff;text-align:left;}
.why-hire-us h2::before{background-position:-226px -8px;margin:0;}
.why-hire-us p , .why-hire-us h3{color:#fff;}


.testi_area h4 a {
    color: #00AEEF;
}

.logo-design-blog , .webiste-design-blog
{
	padding: 30px 0 50px 0;
	text-align: center;
}
.logo-design-blog h1 , .webiste-design-blog h1{margin-bottom:30px;margin-top: 0;}

.logo-design-blog p , .webiste-design-blog p{padding:0 120px;}

.btn.logo , .btn.website {
    background: #00aeef none repeat scroll 0 0;
    border: 1px solid #00aeef;
    min-width: 130px;
    padding: 10px 0;
    text-transform: capitalize;
}



.logo-design-blog .owl-prev , .webiste-design-blog .owl-prev {
    background: #00aeef none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 35px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 50px;
}

.logo-design-blog .owl-next , .webiste-design-blog .owl-next{
    background: #00aeef none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 35px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 50px;
	right: 0;
}
.logo-design-blog .owl-next i , .webiste-design-blog .owl-next i{margin: 0;}

/*Share Widget*/

.share-icons-div {
    position: fixed;
    right: 0;
    top: 0;
	width:250px;
	z-index: 4;
	
}
.share-icon span
{
	cursor:pointer;
}
.share-icon > ul {
    margin: 0 !important;
    position: absolute;
    top: 42px;
	visibility:hidden;
	transition: visibility 0.4s ease 0.4s;
}
.share-icon > ul li {
    margin: 0;
    width: 100%;
	border-bottom: 1px solid;
	transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s;
}
.share-icon > ul li:nth-child(2) a{border-bottom:1px solid #2c2c2c;}
.share-icon > ul li a {
    background: #252525;
    display: table;
    padding: 15px 0 15px 20px;
    width: 100%;
	font-size: 18px;
	color:#fff;
}
.share-icon > ul li a{transition:all 0.3s ease-in-out;}
.share-icon > ul li a i{width: 40px;}

.share-icon span i {
    font-size: 30px;
	float: right;
}

.share-icon:hover ul li{transform: translateX(0%);}

.share-icon:hover ul li:nth-child(8){transition-delay: 0.34s;}
.share-icon:hover ul li:nth-child(7){transition-delay: 0.30s;}
.share-icon:hover ul li:nth-child(6){transition-delay: 0.26s;}
.share-icon:hover ul li:nth-child(5){transition-delay: 0.22s;}
.share-icon:hover ul li:nth-child(4){transition-delay: 0.18s;}
.share-icon:hover ul li:nth-child(3){transition-delay: 0.14s;}
.share-icon:hover ul li:nth-child(2){transition-delay: 0.10s;}
.share-icon:hover ul li:nth-child(1){transition-delay: 0.06s;}

.share-icon:hover span{background:#252525;color:#fff;}

.share-icon:hover ul {
    visibility: visible;
}

.share-icon > span {
    display: table;
    float: right;
    padding: 10px 5px 2px 14px;
    text-align: center;
}

.share-icon span:hover{background:#252525;color:#fff;}

.share-icon > ul li a:hover{color:#fff;}

.sh-fb a:hover {background: #1d3a62 !important;}
.sh-twitter a:hover{background:#1DA1F2 !important}
.sh-gplus a:hover{background:#DB4437 !important;}
.sh-linkedin a:hover{background:#0177B5 !important;}
.sh-insta a:hover{background:#527FA4 !important;}
.sh-pinterest a:hover{background:#CB1F27 !important;}
.sh-tumbler a:hover{background:#36465D !important;}
.sh-youtube a:hover{background:#F60001 !important;}

/*thankyou page*/

.build-your{padding:0;}
.build-your .container{margin-top: 110px;}
.build-your .col-padd{padding:0;}

.box-thnak
{
    padding: 80px 25px 50px;
    position: relative;
    text-align: center;
	transition:all 0.5s ease-in-out;
}

.box-thnak:hover {
    margin-top: -50px;
    padding-bottom: 100px;
}

.box-thnak h1 , .box-thnak h3 , .box-thnak p{color:#fff;}
.box-thnak h1{font-size:30px;}

.box-thnak a
{
	border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 30px auto 0;
    padding: 13px 0;
    width: 184px;
	transition:all 0.3s ease-in-out;
	box-shadow:0 0 0 0 #fff inset;
}
.box-thnak a:hover{box-shadow: 0 0 0 30px #fff inset;color:#000;}

.box-thnak img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -60px;
    width: 110px;
}

#logo-thank{background:#00aeef;}
#business-thank{background:#50c8c9;}
#stationery-thank{background:#f07b4d;}

.web-des-and-dev
{
	background:url(../images/webdesign-thankyou-bg.jpg);
	background-size:cover;
	background-position:center;
	padding:30px 0 0 0;
	text-align: center;
	min-height: 770px;
	background-attachment:fixed;
}
.web-des-and-dev h1{color:#fff;text-align:center;margin-bottom: 120px;}


.dimnd-box:hover .dimnd{box-shadow: 0 0 0 90px #00aeef inset;border-color:#00aeef;}
.dimnd-box p.child-2{min-height:100px;}
.dimnd
{
	border: 1px solid #fff;
    box-shadow: 0 0 0 0 #00aeef inset;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
    width: 180px;
}
.dimnd > img {
    margin: 50px 0 0;
    transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.web-des-and-dev h3 {
    color: #fff;
    margin-top: 60px;
}
.web-des-and-dev p{color:#fff;margin-bottom:20px;}
.web-des-and-dev a{display:block;width:195px;border:1px solid #fff;border-radius:5px;color:#fff;margin:0 auto;width: 184px;padding:13px 0;transition:all 0.3s ease-in-out;box-shadow:0 0 0 0 #00aeef inset;}

.web-des-and-dev a:hover{box-shadow:0 0 0 30px #00aeef inset;border-color:#00aeef;}

.video-animation-th{padding:50px 0;background:url(../images/video-animation-bg-th.jpg);background-size:cover;background-position:center;}
.video-animation-th h1{text-align:center;margin-bottom: 100px;}

.vid-anim-box-th{text-align:center;}
.vid-anim-box-th:hover img{border-radius: 50%;box-shadow: 0 0 10px 0 #ccc;transition:all 0.3s ease-in-out;}
.vid-anim-box-th h3{margin:30px 0 20px 0;}
.vid-anim-box-th p{padding:0 20px;}
.vid-anim-box-th a{display:block;width:184px;color:#f52c3a;border:1px solid #f52c3a;border-radius:5px;margin:40px auto;color:#f52c3a;padding:13px 0;transition:all 0.3s ease-in-out;box-shadow:0 0 0 0 #f52c3a inset;}
.vid-anim-box-th a:hover{box-shadow:0 0 0 30px #f52c3a inset;border-color:#f52c3a;color:#fff;}

.mob-app-dev-th{background:url(../images/mob-apps-dev-bg-th.jpg);background-size:cover;background-position:center;padding:50px 0;background-attachment:fixed;}
.mob-app-dev-th h1{text-align:center;margin-bottom:100px;}
.mob-app-dev-box-th{text-align:center;}
.mob-app-dev-box-th h4{margin:20px 0;}
.mob-app-dev-box-th p.madbth{min-height:100px;}
.mob-app-dev-box-th a
{
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 0 auto 40px;
    padding: 13px 0;
    width: 184px;
}
.mob-app-dev-box-th.native a{border:1px solid #b400ff;background:#b400ff;}
.mob-app-dev-box-th.cross-platform a{border:1px solid #f52c3a;background:#f52c3a;}
.mob-app-dev-box-th.enterprise a{border:1px solid #8ac503;background:#8ac503;}
.mob-app-dev-box-th.web-app a{border:1px solid #00aeef;background:#00aeef;}

.top-to-bottom-icon {
    height: 75px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: -41px;
    width: 75px;
}
.top-to-bottom-icon a {
    background: #8dc63f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 48px;
    height: 75px;
    text-align: center;
    width: 75px;
}
.top-to-bottom-icon a i{transition:all 0.3s ease-in-out;}
.top-to-bottom-icon a:hover i{margin-top:20px;}

/*CSS TABS */
.tabbed{
  float : left;
  width : 100%;
}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0;
  padding     : 0.5em 0.5em 0;
  overflow    : hidden;
  font-size   : 12px;
  font-weight : 300;
}

.tabbed > input:first-child + section > h1{
  margin-left : 36em;
}

.tabbed > section > h1 > label{
  color:#656277;	
  display                 : block;
  padding: 14px;
    text-transform: uppercase;
  border                  : 1px solid #00aeef;
  /*border-bottom           : none;*/
  border-radius  : 4px;
  /*border-top-right-radius : 4px;*/
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #fff;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;
}
.tabbed > input:checked + section > h1 label{background:#00AEEF;color:#fff;border-color:#00AEEF;}

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 2.5em 0 0 -100%;
  padding       : 0.5em 0.75em;
  /*border        : 1px solid #ddd;
  border-radius : 4px;
  box-shadow    : 0 0 0.5em rgba(0,0,0,0.0625);
  background    : #fff;*/
}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}

.remaining-text{background:#00AEEF;margin: -90px 0 0 0;}
.remaining-text p{padding:10px 40px;color:#fff;font-weight:400}
.remaining-text a:hover{color:#555555 !important;}
.remaining-text h3 , .remaining-text h2{color:#fff;margin-bottom:5px}
.remaining-text h2{margin-bottom:0;margin-top:20px;}
.remaining-text h2::before{background-position:-226px -8px;}

.conform.custom{}
.conform.custom .field {
    padding: 10px 10px 10px 30px;
    background: #f4f4f4;
    font-size: 12px;
}
.conform.custom .field i{top: 14px;left: 9px;font-size: 13px;}
.conform.custom .field.code, .conform.custom .field.number{width: 100%!important;}
.conform.custom .field.code{padding-left: 10px;}
.conform.custom .field textarea{height: 30px;}
.thpop.custom {
    width: 410px;
    top: 14%;
    padding: 30px;
    border-radius: 10px;
}
.conform.custom input[type="submit"]{padding: 12px 40px;float: left;}
#load-popup .thpop.custom .close {
    right: 10px;
    top: 10px;
}
.thpop.custom h5{font-size: 16px;font-weight: 700;color: #000;text-transform: uppercase;line-height: 22px;}
.thpop.custom h6{font-size: 14px;
    color: red;
    font-weight: 700;
    margin-bottom: 20px;
}

/*Responsive CSS thankyou page*/

@media only screen and (min-width: 768px) and (max-width: 991px) 
{
	.mob-app-dev-th .col-sm-6:nth-child(3){clear:both;}
	.web-des-and-dev{padding-bottom:10px;}
	.web-des-and-dev .dimnd-box{margin-bottom:100px;}
	.mob-app-dev-th{padding-bottom:10px;}
	.mob-app-dev-th .mob-app-dev-box-th{margin-bottom:80px;}
    .startproject{top: 126px !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.dimnd{width:150px;height:150px;}
	.dimnd > img{margin:30px 0 0 0;}
	.vid-anim-box-th p{padding: 0 30px;}
	.mob-app-dev-box-th img{width:100%;}
	.mob-app-dev-box-th h4{font-size: 16px;}
	.thankyou .header_area{margin-top:60px;}
}

@media only screen and (max-width: 991px)
{
	.box-thnak{margin-bottom: 100px;}
	.top-to-bottom-icon{width:50px;height:50px;top:-24px;}
	.top-to-bottom-icon a{height:50px;width:50px;font-size:30px;}
    .thpop.custom {
    width: 90%;
    top: 2%;
    padding: 30px;
    border-radius: 10px;
    font-size: 90%;
}
.thpop.custom h5, .thpop.custom h6{font-size: 100%;}
    
}

@media only screen and (max-width: 640px)
{
	.web-des-and-dev{padding-bottom:0;}
	.web-des-and-dev h1 , .mob-app-dev-th h1{margin-bottom: 80px;font-size: 23px;}
	.dimnd-box{margin-bottom:100px;}
}

@media only screen and (min-width: 768px) and (max-width: 1366px)
{
	.remaining-text h2{margin-top:100px;}
}

/*Responsive CSS thankyou page*/


/*thankyou page*/

iframe {
    display: none;
}

#comm100-chat-window iframe{
	display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	.share-icons-div{right:16px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
 {
       select{border:1px solid #fff !important;}
 }
 
 .snowfall-flakes{border-radius:50%;}
 
 
 
 .new {
    padding: 50px 0;
    text-align: center;
}
.four-services{padding:30px 0 50px 0;background:#efefef;}

.four-services h4 {
    padding: 10px 50px;font-size:16px;font-weight:300;
}

.four-services p{color:#656277;}
.four-services i{font-size:70px;color:#00AEEF;}