/* service page */
.flex-row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  margin:-15px;
}
.col-sidebar {
	min-width:330px;
  max-width:330px;
  padding:15px;
  margin-right:20px;
}
.col-sidebar.on-right {
	margin-right:0;
  margin-left:20px;
}
.col-main {
	-webkit-box-flex:10;
	    -ms-flex-positive:10;
	        flex-grow:10;
  padding:15px;
}

#service-page,
#textpage,
#brands-page,
#tags-page,
.fixed-pages {
	padding-bottom:100px;
}
.page-title h1 {
	font-size:2.3em;
  margin:0;
}
.page-title {
	margin-bottom:30px;
}

.service-blocks {
	margin: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}



.service-blocks .service-block-col {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
  min-width: 250px;
  padding: 12px;
}

a.service-block {
    padding: var(--spacing_lg) var(--spacing_md);
    border: 1px solid var(--grey_border);
  border-radius:var(--border_radius_medium);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  text-decoration:none;
  width: 100%;
}
a.service-block .title {
	text-align: center;
}
.service-block .icon {
	width:80px;
  height:80px;
  font-size:55px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border-radius:100%;
  margin-bottom:25px;
  color: var(--accent_secondary);

}
#service-page .service-blocks {
	margin-bottom:50px;
}
#service-page .col-sidebar {
	min-width:400px;
  max-width:400px;
}

#service-page .contact-message-block {
    background: var(--blue_light);
    padding: var(--spacing_lg);
    margin-top: var(--spacing_lg);
    border-radius:var(--border_radius_medium);
}

#service-page  .contact-info-block {
    padding: var(--spacing_lg);
    border-radius: var(--border_radius_medium);
    border: 1px solid var(--grey_border);
}


#service-page .contact-info-block .title,
#service-page .contact-message-block .title {
	margin-bottom: var(--spacing_lg);
    font-size: var(--font_h6);
}

#service-page .contact-info-block ul {
	list-style: none;
  margin: 0;
  padding: 0;
}

#service-page .contact-info-block ul li {
	margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#service-page .contact-info-block ul li:last-child {
	margin-bottom: 0;
}

#service-page .contact-info-block ul li .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  font-size: 24px;
  color: var(--accent_secondary);
}

#service-page .contact-message-block form input[type="text"] {
    width: 100%;
    border: 1px solid var(--grey_border);
    margin-bottom: 15px;
}

#service-page .contact-message-block form textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 150px;
  padding: 20px;
  border: 1px solid var(--grey_border);
  margin-bottom: var(--spacing_md);
}

#service-page .contact-message-block form .btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#service-page .contact-message-block form .btn-wrap .btn {
	height: 40px;
}

#service-page .contact-message-block form .btn-wrap .required-notification {
	font-size: .9em;
  font-weight: 600;
  color: #aaa;
}

#service-page .faq {
	margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid rgba(0,0,0,.07);
}

#service-page .faq .title {
	margin-bottom: 30px;
    font-size: var(--font_h3);
}

#service-page .faq .faq-wrap {
	margin: -25px 0;
}

#service-page .faq .faq-wrap .faq-block {
  padding: 25px 0;
}

#service-page .faq .faq-block .faq-title {
    font-size: var(--font_h6);
    font-weight: 900;
    padding-bottom: var(--spacing_md);
    border-bottom: 1px solid var(--grey_border);
}

#service-page .faq .faq-block .faq-items .faq-item {
	border-bottom: 1px solid var(--grey_border);
}

#service-page .faq .faq-block .faq-items .faq-item .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  padding: var(--spacing_lg) 0;
  cursor: pointer;
}

#service-page .faq .faq-block .faq-items .faq-item .tab i {
	font-size: 14px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  margin-left: 15px;
}

#service-page .faq .faq-block .faq-items .faq-item.active .tab i {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#service-page .faq .faq-block .faq-items .faq-item .page {
	padding: 30px;
  border-radius: 10px;
  background: var(--blue_light);
  margin-bottom: var(--spacing_lg);
  display: none;
}

#service-page .faq .faq-block .faq-items .faq-item .page p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
    #service-page .service-blocks {
        margin-bottom: 15px;
    }

    #service-page .contact-info-block {
        margin-top: var(--spacing_lg);
    }
    
    #service-page .faq {
        margin-top: 0px;
      padding-top: 30px;
    }
    
    #service-page .flex-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }
    
    #service-page .col-main {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
      width: 100%;
    }
    
    #service-page .col-sidebar {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
        margin-left: 0;
      min-width: 100%;
      max-width: 100%;
      padding: 15px;
    }
    
    #service-page .textpage-content {
        padding: 15px 0;
    }
    
    #service-page .contact-message-block {
        margin-bottom: 0;
    }
    
    a.service-block {
        padding: 20px;
      text-align: center;
    }
}

@media (max-width: 767px) {
    #service-page .service-blocks {
        margin-bottom: 15px;
    }
    
    #service-page .faq {
        margin-top: 0px;
      padding-top: 30px;
    }
    
    #service-page .flex-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    #service-page .col-main {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
      width: 100%;
    }
    
    #service-page .col-sidebar {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
        margin-left: 0;
      min-width: 100%;
      max-width: 100%;
      padding: 15px;
    }
    
    #service-page .textpage-content {
        padding: 15px 0;
    }
    
    #service-page .contact-message-block {
        margin-bottom: 0;
    }
    
    a.service-block {
        padding: 20px;
      text-align: center;
    }
}

/* End service page */