div.headstrip > span {
   margin-left: 10%;
    font-size: 1.3em;
    color: #777;
    font-weight: 400;
  
}

div.headstrip {
  height: 30px;
    padding: 1% 1% 0% 0%;
    background: rgba(255,255,255, 0.85);
  
}

.main-navigation a {
  
    font-weight: 400;
}

.main-navigation ul li {

    border-right: 1px dashed;
}
.main-navigation ul ul li {

    border-right: none;
}
.caldera-grid .form-control {
    height: 45px; 
}

input#fld_4431547_1.btn.btn-default {
      background: #2e2f8d;
    color: #000;
    font-weight: 600;
    border: none;
  font-size:1.3em;
  
}

input#fld_4431547_2.btn.btn-default {
      background: #2e2f8d;
    color: #000;
    font-weight: 600;
    border: none;
    font-size:1.3em;
      margin-top: 1.5%;
  
}


.su-spoiler-title{
     padding: 7px 7px 7px 34px;
    background: #2e2f8d !important;
    color: black;
    border-radius:0;
     /*  border: 2px solid #ccc !important;*/
  margin-left: 11%;
    width: 61%;

   }

.su-spoiler-style-fancy > .su-spoiler-title {
 
    border-radius: 0px !important;
    font-size: 1em !important;
  border:none !important;
}

.su-spoiler-style-fancy {
  
    border-radius: 0 !important;
   border:none !important;
 
}

/*.su-spoiler-title:hover {
 
      background: #2e2f8d !important;
    color: #fff !important;
    border: none !important;
    font-weight: 400;
    text-shadow: none;
}*/
div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus.jordaan{
 margin-bottom: 0;
}

div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus.jordaanO{
 margin-bottom: 0;
  font-size:0.9em;
}

.layout-full #colophon {
      padding-top: 0px !important;
 }

button.caldera-forms-modal {
    background: #2e2f8d;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
       
}
/*
button.caldera-forms-modal:hover {
    background: #000;
    border: none;
    color: #fced20;
    font-weight: 600;
    font-size: 1.1em;
       transition: all 0.4s ease-in-out;
}*/

a.product  {
background: #F5F2F2;
 padding: 4% 40% 4% 10%;
    text-decoration: none;
    line-height: 1.7;
    color:#000;
      border-left: 3px solid #2e2f8d;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
  width:300px;
   
}

a.product:hover {
  background: #2e2f8dabove !important;
    border-left: 3px solid #000000;
  
}

.hov:hover {
   background: #2e2f8d !important;
}

a.product:active {
  background: #2e2f8d !important;
  
}

.su-carousel .su-carousel-slide img {
    padding: 0px !important;
    border: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.su-carousel .su-carousel-slide a {
    padding: 0 0 !important;
}

/** Blog Styling */
#charlson_heading {
    font-size: 45px;
    font-weight: bolder !important;
}

/** Overlay Stuff */
.container {
  position: relative;
  
}

.imagecat {
  display: block;
  width: 340px;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  width: 340px;
  height:0;
  transition: .5s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
    white-space: nowrap;
    color: black;
    font-size: 17px;
    font-weight: 600;
    padding: 5%;
    background: #2e2f8d;
    background-size: cover;
    position: absolute;
    overflow: hidden;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 340px;
    text-align: center;
}
/** Overlay Stuff END */

#footer-widgets .widget a {
    color: #ffffff;
}

img.grey:hover {
     filter: grayscale(); 
}

/*
img.greyother{
     filter: grayscale(); 
}

img.greyother:hover{
     filter: none; 
}*/
img.grey {
     filter: none; 
  	 padding:0.6%;
}

.service {
 text-align: center;
    margin-top: -25% !important;
    line-height: 1.1;
    background: #00000096;
    padding: 3%;
    color: #2e2f8d !important;
    position: relative; 
      font-size: 1.2em !important;
  
}

.product-main {
    text-align: center;
    margin-top: -14% !important;
    line-height: 1.1;
    background: #00000096;
    padding: 3%;
    color: #2e2f8d !important;
    position: relative;
    font-size: 1.1em !important;
    width: 228px;
    left: 13.3%;
}





/*======== Media queries ========*/

 /*------- Extra EXTRA Large devices (Screens 4k and up) -------*/
 @media only screen and (min-width: 2560px) {
}

/*------- Extra large devices (HD screen) and up -------*/
@media only screen and (min-width: 1920px) {
}

/*------- large laptops and desktops -------*/

@media(min-width:1200px) {

}


/*------- Tablet /  Landscape -------*/

@media(max-width:1200px) {


}


/*------- Tablet Portrait -------*/

@media(max-width:770px) {
		
		#charlson_heading {
				font-size: 40px;
				font-weight: bolder;
		}

}

/*------- Phone Landscape -------*/

@media(max-width:670px) {

}

/*------- Phone Portrait -------*/

@media(max-width:380px) {
		
		.product-main {
				text-align: center;
				margin-top: -14%!important;
				line-height: 1.1;
				background: #00000096;
				padding: 3%;
				color: #fced20!important;
				position: relative;
				font-size: 1.5em!important;
				width: auto;
				left: 0;
		}
		
		#charlson_product_row .so-panel.widget.widget_sow-editor .siteorigin-widget-tinymce.textwidget {
				margin-bottom: 20% !important;
		}
		
		#charlson_heading {
				font-size: 35px;
				font-weight: bolder;
		}

}