/*=================================== DND AREA START =====================================*/
.cta-space,
.counter-padding,
.dnd-section {
  padding-bottom: 80px;
  padding-top: 80px;
}
.event-head,
.counter-wrapper,
.dnd-section > .row-fluid {
	max-width: 1170px !important;
}
.dnd-section-fullwidth > .row-fluid {
	max-width: 100% !important; 
  padding: 0px !important; 
}
.dnd-section.dnd_area-row-0-padding > .row-fluid {
  padding: 0px !important; 
}
.dnd-section:nth-child(odd) {
  background-color: #f5f5f5;
} 
.dnd-section:nth-child(even) {
  background-color: #FFFFFF;
} 
.price-col {
  max-width: 360px;
}

.submitted-message {
    color:#458B00;
    text-align: center;
    margin-top: 15px;
    font-family: Open Sans;
    font-size: 16px !important;
    line-height: 26px !important;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0px;
}
/*=================================== DND AREA END =====================================*/
/*=================================== TYPOGRAPHY AREA START =====================================*/

html {
  font-size: ;
}
body {
  color: #666666 !important;
  font-family: Open Sans;
  font-size: 16px !important;
  line-height: 26px !important;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0px;
}

p {
  font-family: Open Sans;
}

.post-summary-more a,
a {
  color: #333333;
   font-family: Open Sans;
  font-size: 16px;
  line-height: 24px !important;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 1px;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #333333;
}

a:active {
  color:  !important;
}
h1 a,
h1 {
  color: #ffffff !important;
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  line-height: 50px;
  letter-spacing: 1.2px;
  text-transform: Uppercase;
}

h2 a,
h2 {
  color: #333333;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 46px;
  letter-spacing: 1px;
  text-transform: Capitalize;
}

h3 a,
h3 {
  color: #333333;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 42px;
  letter-spacing: 1px;
  text-transform: Capitalize;
}

h4 a,
h4 {
  color: #333333;
  font-family: Poppins;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 35px;
  letter-spacing: 1px;
  text-transform: Capitalize;
}

h5 a,
h5 {
  color: #333333;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 34px;
  letter-spacing: 1px;
  text-transform: Capitalize;
}

h6 a,
h6 {
  color: #333333;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  line-height: 30px;
  letter-spacing: 1px;
  text-transform: Capitalize;
}
.text-link2 a, .text-link1 a {
    font-size:  !important;
    font-weight:  !important;
    line-height: px !important;
}

blockquote {
  border-left: 10px solid ;;
}
/*=================================== TYPOGRAPHY AREA END =====================================*/
/*========================= COMMEN CSS AREA START ===========================*/
.img-margin-bottom {
	margin-bottom: 10px;
}
.section-padding-bottom {
	padding-bottom: 30px;
}
.section-padding-bottom-40 {
	padding-bottom: 40px;
}
.section-mar-bot-30 {
	margin-bottom: 30px;
}
.section-margin-bottom {
	margin-bottom: 15px;
}
.section-grp-margin-bottom {
	margin-bottom: 8px;
}
.text-center {
	text-align: center;
}
.intro-content {
	font-size: 17px;
	line-height:27px;
	letter-spacing: 1px;
	color: #666666;
}
.text-white {
	color: #ffffff;
}
.margin-top-10 {
  margin-top: 25px;
}
.float-right {
	float: right;
}
.float-left  {
	float: left;
}
.display-table {
	display: table;
}
.display-table-cell {
	display: table-cell;
}
.width_100 {
	width: 100%;
}
.our-portfolio .features-icon img {
  width: 300px;
}
/*============================ COMMEN CSS AREA END ==========================*/
/*========================= BUTTON AREA START ===========================*/
/* Primary Button */
price-col-1.span4:nth-child(odd) .button, 
.button,
.button--primary {    
  
    font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none !important;
    background-color: #ffa500 !important;
    border: 1px Solid #ffa500 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 16px !important;
    line-height: 26px!important;
    padding: 12px 12px !important;
    text-transform: Uppercase !important;
    margin-top: 30px;
    cursor: pointer;  
    display: inline-block;
  
 }
price-col-1.span4:nth-child(odd) .button:hover,
price-col-1.span4:nth-child(odd) .button:active,
.button:hover,
.button:active,
.button--primary:active,
.button--primary:hover {    
  
    background-color: #f5f5f5 !important;
    border: 1px Solid #f5f5f5 !important;
    color: #ffa500 !important; 
  
 }
.button.btn-flex {
  display: inline-flex;
    display: -webkit-inline-flex;
}
.button .button__icon svg {
    fill: inherit;
    height: 1.25rem;
    width: 1.25rem;
    vertical-align: middle;
    margin-right: 5px;
}

.button.button--icon-right .button__icon svg {
    margin-right: auto;
    margin-left: 5px;
    vertical-align: middle;
}
.button.button--icon-right {
    display: inline-flex;
    display: -webkit-inline-flex;
}
.button.button--icon-right .button__icon {
    order: 2;
    -webkit-order:2;
}
.button.button--icon-right p {
    order: 1;
    -webkit-order:1;
}
.button:disabled {
  background-color: ;
  color: ;
}
.blog-comments .hs-button {
  display: table;
}
/* Secondary Button */
.price-col-1.span4:nth-child(even) .button,
.button.button--secondary,
.button--secondary {    
    
    !important;
    background-color:  !important;
    background-image: initial;
    border: px   !important;
    border-radius: px !important;
    color:  !important;
    fill:  !important;
    text-transform:  !important;
    font-size: 16px;
    line-height: 26px;
    padding: 12px 12px;
    margin-top: 30px;
    cursor: pointer;  
    display: inline-block;
    
 }
.price-col-1.span4:nth-child(even) .button:hover,
.price-col-1.span4:nth-child(even) .button:active,
.button.button--secondary:hover,
.button.button--secondary:active,
.button--secondary:active,
.button--secondary:hover {    
    
    background-color:  !important;
    border: px   !important;
    color:  !important;
    fill:  !important;
    
 }
/* Simple Button */

.button.button--simple {
    font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none !important;
    color: #333333 !important;
    fill: #333333 !important;
    text-transform: Uppercase !important;
    background-color: transparent !important;
    background-image: initial;
    position:relative;
    padding:0px 0px 3px 0px !important;
    cursor: pointer;
    border:none !important;
}
.button.button--simple:after {
    content: none;
    left: 0;
    position: absolute;
    width: 100%;
}


  .button.button--simple:after {
    content: none;
  }


  
.button.button--simple:hover,
.button.button--simple:focus {
  font-family: Poppins; font-style: normal; font-weight: 600; text-decoration: none !important;
  border: none !important;
  background-image: initial;
  color: #333333 !important;
  fill: #333333 !important;
}



  .button.button--simple:hover:after,
  .button.button--simple:focus:after,
  .button.button--simple:active:after {
    content: none !important;
  }



.button.button--simple:active {
  font-family: Poppins; font-style: normal; font-weight: 600; text-decoration: none !important;
  border: none !important;
  color: #838383 !important;
  fill: #838383 !important;
}

/* Button Sizing */

.button.button--small {
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 10px px !important;
}

.button.button--large {
  font-size: 18px !important;
  line-height: 28px !important;
  padding: 20px 20px !important;
}
.blog-comments .hs-button,
form .actions .hs-button,
form .hs-button {
      
      font-size: 16px !important;
      line-height: 26px !important;
      padding: 12px 12px !important;
      
}
.blog-comments .hs-button,
form .actions .hs-button,
form .hs-button {
        
        
            font-family: Poppins; font-style: normal; font-weight: 700; text-decoration: none !important;
            background-color: #ffa500 !important;
            border: 1px Solid #ffa500 !important;
            border-radius: 4px !important;
            color: #ffffff !important;
            fill: #ffffff !important;
            font-size: 16px;
            line-height: 26px;
            padding: 12px 12px;
            text-transform: Uppercase !important;
            margin-top: 30px;
            cursor: pointer;
          
    
}
.blog-comments .hs-button:hover,
form .actions .hs-button:hover,
form .hs-button:hover {
    
        
          background-color: #f5f5f5 !important;
          border: 1px Solid #f5f5f5 !important;
          color: #ffa500 !important; 
        
    
}
/*================================= BUTTON AREA END ===============================*/

/* Custom Modules Common */
.span12 .span4:nth-child(4),
.span12 .span4:nth-child(7),
.span12 .span4:nth-child(10){
    margin-left: 0;
}

/*=============================== MEDIA QUERIES AREA START ==========================*/
@media(min-width: 992px) {
	.span4 .product-icon,
	.dnd-module .span12 .span4,
	.dnd-module .span12 .span3 {
		margin-top: 30px; 
	}
	.dnd-module .span12 .span4:nth-child(4),
  .dnd-module .span12 .span4:nth-child(5),
  .dnd-module .span12 .span4:nth-child(6),
  .dnd-module .span12 .span4:nth-child(7),
  .dnd-module .span12 .span4:nth-child(8),
  .dnd-module .span12 .span4:nth-child(9),
  .dnd-module .span12 .span3:nth-child(4),
  .dnd-module .span12 .span3:nth-child(5),
  .dnd-module .span12 .span3:nth-child(6),
  .dnd-module .span12 .span3:nth-child(7),
  .dnd-module .span12 .span3:nth-child(8),
  .dnd-module .span12 .span3:nth-child(9){
    margin-top: 30px;
  }
 
    .product-col.span4:first-child,
    .product-col.span4:nth-child(2),
    .product-col.span4:nth-child(3),
    .dnd-module .span12 .span4:first-child,
    .dnd-module .span12 .span4:nth-child(2),
    .dnd-module .span12 .span4:nth-child(3),
    .dnd-module .span12 .span3:first-child,
    .dnd-module .span12 .span3:nth-child(2),
    .dnd-module .span12 .span3:nth-child(3),
    .dnd-module .span12 .span3:nth-child(4) {
        margin-top: 0px;
    } 
	.ml0 {
		margin-left: 0 !important;
	}
	.dmt0 {
		margin-top: 0 !important;
	}
	.clr-left {
		clear: left;
	} 
} 
@media(max-width: 991px) {
  .owl-carousel .testimonial-col{
    width: 100%;
  }
  .ful-space .span9 {
    margin-left: 0px !important;
  }
  .subs-content form .hs-button {
    top: -29px !important;
  }
  .posi-rel .hs-form label {
    padding: 0px !important;
  }
  .subs-content .margin-top30 {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
  .pos-rel .hs-input {
    margin: 0px !important;
  }
	.client-img {
		width: 100%;
	}
  .section-bottom {
    width: 100% !important;
  }
  .ful-space .span3 {
    margin-bottom: 10px !important;
  }
  .dnd-module .span12 .testimonial-col.span6:first-child {
    margin-top: 60px !important;
  }
  
  .dnd-module .span12 .testimonial-col.span6 {
     margin-top: 100px !important;
  }
  .dnd-module .span12 .price-col-1.span4 {
    margin-top: 60px !important;
  }
  .background-image-column {
    margin-top: 30px;
  }
  .background-image-column1,
  .background-image-column {
    position: inherit !important;
    height: 550px !important;
}
  .footer-bg .span12 .span4:first-child,
  .dnd-module .span12 .span4:first-child,
	.dnd-module .span12 .span3:first-child {
    margin-top: 0px !important;
  }
  .header-padding {
    padding: 120px 15px;
  }
	.dnd-row > .row-fluid > div,
	.our-cta .span12 > div{
		width: 100%;
		margin-left: 0;
		margin-top: 30px; 
	}  
  .dnd-row > .row-fluid > div:first-child,
	.our-cta .span12 > div:first-child {
		margin-top: 0px !important; 
	} 
	.our-faq .span6.faq-border-bottom:nth-last-child(-n+1)  {	
		border: none !important;
		padding-bottom: 0px;
		margin-bottom: 0px !important;
	}
  
  .post-item-box,
  .post-item-content {
    display: inherit !important;
    width: 100% !important;
    padding-left: 0px !important;
    text-align: center;
  }
  .dnd-row > .row-fluid > div:first-child,
  .our-cta .span12 > div:first-child,
  .dnd-module .span12 .span4:first-child{
    margin-top: 0 !important; 
  } 
  
  .body-container.service-details .row-fluid .span10,
  .body-container.service-details .row-fluid .span3{
    margin-top: 10px;
  }

  /* Services Details */
  .body-container.service-details .span9 .section-padding-bottom{
    padding-bottom: 0;
  }

  .body-container.service-details .row-fluid .span9{
    margin-top: 10px;
  }

  .body-container.service-details .row-fluid .span6{
     margin-bottom: 20px;
  }

  .body-container.service-details .span3 .dnd-row{
     margin-bottom: 30px;
  }
}

@media(max-width: 767px) {
	.dnd_areaabout-row-0-padding {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    padding-left:0px !important;
    padding-right:0px !important;
  }
  .post-item-meta-date {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  
  .background-image-column1 {
    margin-bottom: 30px;
  }
  .bg-cta-content .text-right {
    text-align: left !important;
    margin-bottom: 20px;
  }
  .section-margin-bottom {
    margin-bottom: 10px !important;
  }
  .price-content-color p,
  .price-box.span4:nth-child(even) .price-content-color p {
    padding-top: 15px !important;
  }
  .price-num-box p,
  .price-box.span4:nth-child(even) .price-num-box p {
    margin-top: 10px !important;
    padding-bottom: 15px !important;
  }
  .price-box h4,
  .price-box.span4:nth-child(even) h4 {
    padding-bottom: 5px !important;
  }
  .client-img-grp {
    margin-top: 10px !important;
  }
  .count-num {
    font-size: 35px !important;
    line-height: 45px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  textarea.hs-input {
    min-height: 4.438rem;
  }
  .posi-rel form {
    margin-top: 25px;
  }
  .post-items {
    width: 100% !important;
    display: inherit !important;
    padding: 0px !important;
    margin-bottom: 30px;
  }
  .post-items:last-child {
    margin-bottom: 0px;
  }
  .footer-col h5 {
    margin-bottom: 7px !important;
  }
  .header-padding .span7 {
    margin-bottom: 30px;
  }
  .cta-space,
  .blog-header__inner,
  .cta-bg-color,
  .footer__container,
  .dnd-section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .section-bottom {
    padding-bottom: 20px !important;
  }
  .systems-page,
  .error-page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
	.features-col.res-tab-margin-bottom:last-child {
		margin-bottom: 0px !important;
	}
	.our-about-team-class .team-col {
		padding-bottom: 30px;
	}
	
	.our-about-team-class .team-col:last-child {
		padding-bottom: 0px;
	}
	.our-cta-class .span5,
	.cta-head h3 {
		text-align: center !important;
	}
	.our-cta-class .span5 {
		margin-top: 30px;
	}
  .blog-comments .hs_email,
  .blog-comments .hs_firstname,
  .blog-comments .hs_website, 
  .blog-comments .hs_lastname {
    width: 93%;
  }
  .owl-carousel .client-img-grp{
    width: 100%;
    display: table;
  }
  
  .owl-carousel .client-img-grp > div,
  .owl-carousel .client-img-grp > div h4{
    float: none;
    margin: 0 auto;
    display: table; 
    text-align: center;
  }
  
}

@media(max-width: 575px) {
	.dnd_areaabout-row-0-padding
	.dnd_area-row-0-padding {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	.our-about-team-class .team-col {
		width: 100%;
	}

	 h1 {
      	font-size: 30px;
      	line-height: 40px;
  	}
  	h2 {
      	font-size: 28px;
      	line-height: 38px;
  	}
  	h3 {
      	font-size: 26px;
      	line-height: 36px;
  	}
  	h4 {
      	font-size: 23px;
      	line-height: 33px;
  	}
  h5 {
      	font-size: 21px;
      	line-height: 31px;
  	}
  h6 {
      	font-size: 18px;
      	line-height: 28px;
  	}
  
  .services-col.span4 {
	  width: 100%;
	  margin: 0 auto;
  }
}

@media(min-width: 576px) and (max-width: 767px){
	
	.our-about-team-class .team-col {
		width: 48%;
		margin: 0 auto;
	}
	h1 {
      	font-size: 33px;
      	line-height: 43px;
  	}
  	h2 {
      	font-size: 30px;
      	line-height: 40px;
  	}
  	h3 {
      	font-size: 28px;
      	line-height: 38px;
  	}
  	h4 {
      	font-size: 25px;
      	line-height: 35px;
  	}
  h5 {
      	font-size: 23px;
      	line-height: 33px;
  	}
  h6 {
      	font-size: 20px;
      	line-height: 30px;
  	}
	.our-about-team-class .team-col:last-child {
		width: 48%;
		margin: 0 auto;
		display: table;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.our-about-team-class .team-col {
		width: 32%;
	}
	
    /* ********* 2-COLUMN, 3-COLUMN & 4-COLUMN STARTS *********  */
    .dnd-module .span12{
      width: 100%;
    } 
  
    /* 2-COLUMN */
    .dnd-module .span12 .span6,  
    .dnd-section .dnd-row > .row-fluid > .span6,
    .our-cta .span12 > div {
      width: 100%;
      margin-top: 30px;
    }
    
  .dnd-module .span12 .span6:first-child,  
    .dnd-section .dnd-row > .row-fluid > .span6:first-child,
    .our-cta .span12 > div:first-child {
		margin-top: 0px !important; 
	} 
    /* 3-COLUMN */
    .dnd-module .span12 .span4 {
      width: 360px;
      display: table;
      float: none;
      margin: 30px auto 0 auto !important;
    } 
  
    /* 4-COLUMN */
    .dnd-module .span12 .span3,
    .footer-bg .span12 .span4 {
      width: 48%;
      margin-top: 30px;
    } 
  .dnd-module .span12 .span3:nth-child(2) {
      margin-top: 0px;
  }
    .dnd-module .span12 .span3:nth-child(3),
    .dnd-module .span12 .span3:nth-child(5),
    .dnd-module .span12 .span3:nth-child(7),
    .dnd-module .span12 .span3:nth-child(9),
    .dnd-module .span12 .span6:nth-child(even),
    .footer-bg .span12 .span3:nth-child(3){
		margin-left: 0
    }
  
    .dnd-column .dnd-row > .row-fluid > .span6{
		margin-top: 0;
		margin-left: 0;  
    }
   .row-fluid > .span6:first-child{
      margin-bottom: 0px;
    }
  
   .dnd-module .our-faq .span6.faq-border-bottom{
      margin-bottom: 0 !important;
    }
  
    .our-cta .span12 > div{
      margin-left: 0;  
      text-align: center;
    }
    .our-cta .span12 > div .hs_cos_wrapper_widget{
        display: table;
        margin:0 auto;
    }
}
@media (min-width:481px) and (max-width: 991px) {
    .ful-space .span3 {
      width: 100% !important;
  }
}
@media (min-width:481px) and (max-width: 767px) {
    .dnd-module .span12,
    .dnd-module .span12.res-width,
    .footer-bg .span12.res-width{
      width: 100%;
    } 
    .row-fluid > .span6:first-child {
      margin-bottom: 20px;
    }
    .dnd-module .span12 .span4,
    .dnd-module .span12 .span3,
    .footer-bg .span12 .span3{
      width: 360px;
      display: table;
      float: none;
      margin: 30px auto 0 auto;
      margin-left: auto !important;
    }   
  
  .footer-bg .span12 .span3:first-child,
  .dnd-module .span12 .span4:first-child,
	.dnd-module .span12 .span3:first-child {
    margin-top: 0px !important;
  }
    .our-cta .span12 > div{
      margin-left: 0;  
      text-align: center;
    }
    .our-cta .span12 > div .hs_cos_wrapper_widget{
        display: table;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {  
    .dnd-module .span12,
    .dnd-module .span12.res-width,
    .footer-bg .span12.res-width{
      width: 100%;
    } 
  .schedule-col .span5 {
    width: 100% !important;
  }
   .dnd-module .span12 .span4,
   .dnd-module .span12 .span3,
   .footer-bg .span12 .span3 {
      width: 100%;
      display: table;
      float: none;
      margin: 30px auto 0 auto;
    } 
	.client-img {
		padding-right: 0px;
	}
     .our-cta .span12 > div{
      margin-left: 0;  
      text-align: center;
    }
  
    .our-cta .span12 > div .hs_cos_wrapper_widget{
        display: table;
        margin: 0 auto;
    } 
  
    .row-fluid > .span6:first-child{
      margin-bottom: 20px;
    }
}
/*=============================== MEDIA QUERIES AREA END =========================*/