/*
CTC Separate Stylesheet
Updated: 2019-02-08 18:18:04
Theme Name: Securistor
Theme URI: https://siteorigin.com/theme/vantage/
Template: vantage
Author: SiteOrigin
Author URI: https://siteorigin.com/
Description: Vantage is a flexible multipurpose theme. Its strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, Smart Slider 3 for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free support on our forum (http://siteorigin.com/thread/).
Tags: two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.8.3.1549649884
*/

body {font-family:'open sans', sans-serif; }

.plxhdr {min-height: 333px}
.plx2 {min-height: 200px}
.hdr-content {  position: relative;  top: 288px;  left: 0; width: 100% !important;    background: rgb(180, 40, 124); /* Fallback for older browsers without RGBA-support */    background: rgba(25, 49, 83, 0.6); box-sizing: border-box}
h1.hdr-content-inner {max-width: 1080px; margin: 0 auto; color: #fff !important; font-size: 43px; font-weight: 800 !important; height: 70px; line-height: 70px;}
h1.hdr-content-inner2 {max-width: 1080px; margin: 0 auto; color: #fff !important; font-size: 43px; font-weight: 800 !important; height: 70px; line-height: 70px;}

h2.hdrcontent {margin:40px 0; color: #193153 !important; font-size: 43px; font-weight: 800 !important; line-height: 55px}


.bigtxt {font-size: 33px; color: #333; font-weight: 700;line-height: 44px}
.bigtxt2 {font-size: 22px; color: #333; font-weight: 400; line-height: 39px}
.bigtxt3 {font-size: 22px; color: #333; font-weight: 700; line-height: 39px}
.bigtxt4 {font-size: 22px; color: #333; font-weight: 700; line-height: 44px}

.whitetxt  {font-size: 22px; color: #ffffff; font-weight: 400; line-height: 44px}
.whitetxt2  {font-size: 26px; color: #ffffff; font-weight: 700 !important; line-height: 44px}

.telno {font-size: 44px; color: #193153; font-weight: 700;line-height: 65px; float: left; margin-left: 15px}
.telnet {float: left; height:65px !important }

.hdrblock {background-color: #193153; color: #fff; font-weight: 700; line-height: 44px; width: 100%; padding: 10px; box-sizing: padding-box; font-size: 22px}
.blublock {background-color: #f0f0f0; color: #193153; font-weight: normal;  width: 100%; padding: 15px 10px; box-sizing: padding-box; margin-bottom: 33px; font-size: 18px; line-height: 33px}

.tiktok {color: #fff; font-weight: 700; font-size: 22px }
.tiktok2 {color: #193153; font-weight: normal; font-size: 18px; background-color: #cbe8fb; line-height: 33px; border-left: 2px solid #fff}

.tblcell2 {float: left; width: 50%; border-right: 3px solid #fff; border-bottom: 3px solid #fff; padding: 20px; box-sizing: border-box; background-color: #bce2f9; text-align: center; font-size: 22px; color: #193153 }


.tblcell {
    float: left;
    width: 25%;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 20px;
    box-sizing: border-box;
    background-color: #bce2f9;
    text-align: center;
    font-size: 22px;
    color: #193153;
}

.firstcell {
    border-left: 3px solid #fff;
    text-align: left;
}

.toprow {
    background-color: #1a3253;
    color: #fff;
    font-weight: 700;
}

.midcell {
    background-color: #cbe8fb;
}




	.rcorners3 {
    border-radius: 15px;
    background: #fff4e9;
    padding: 15px;
   	width: 100%;
	box-sizing: border-box;
    font-size:20px;
	margin-bottom:  10px;
	position: relative;
	float: left;
	clear: both
} 
	
.fa-circ {font-size: 20px;  color: #193153;   border-right: 2px solid #ff8c00; line-height: 30px; float: left; padding-right: 20px  }	
.tickafter {margin-left: 10px; font-size:20px; line-height: 30px;  float: left; padding-left: 20px }	

.ftrlinx {font-size: 16px; color: #fff !important; line-height: 32px; text-decoration: none !important}



.address {font-weight: 400; font-family: 'Open Sans', sans-serif; color: #fff;font-size: 16px; float: left}
.contax {display:inline-block;vertical-align:top; float: left; }
.contxt {display:inline-block;  padding-left: 10px; float: left;   }
.cingular {line-height: 22px; padding-left: 6px; }
.address h2 {font-weight: 400; font-family: 'Open Sans', sans-serif; color: #fff;font-size: 30px; line-height: normal; margin-bottom: 22px}
.footerpic {margin-top: 60px}

.contio { font-weight: 400; font-family: 'Open Sans', sans-serif; color: #333; font-size: 18px; line-height: 29px  } 

	.ftrlink a, .ftrlink a:link, .ftrlink a:visited, .ftrlink a:hover, .ftrlink a:active, .ftrlink a:focus {
  /* link styles go here, e.g.: */  
  text-decoration: none !important;
  color: #ffffff !important; z-index: 99999
}

/*------- Contact  Stuff-----------------*/


.whybox {border: 1px solid #333; width: 100%; padding-bottom: 10px; text-align: center; margin-top: 43px; font-family: 'Open Sans', sans-serif; box-sizing:border-box; }
.whybox img {max-height: 100px}
.whytitle {font-size: 42px; color: #333; font-weight: 400; font-family: 'Open Sans', sans-serif; margin: -50px 0 50px 0; background-color: white; width: 325px }
.whyblock {width: 174px; float: left; margin:20px 5px 15px 0}
.lastblock {margin-right: none !important}
.clearfix {clear: both}
	
			#prewhy {max-width: 1140px; background-color:#ffffff;  clear: both; margin: 10px auto; padding-top: 55px}

.whytop {font-size: 20px; margin: 10px 0}
.whybox p {font-size: 14px; line-height: 22px}
.whybox a:link {text-decoration: none;  color: #333}
.whybox a:active {text-decoration: none;  color: #333}
.whybox a:hover {text-decoration: none; font-weight: bold}
.whybox a:visited {text-decoration: none; color: #333}



@media only screen and (max-width: 375px) {
.wijsep {border-bottom: 1px solid #ffffff; width: 100%; margin-top: 20px}
.w18 {margin-bottom: 10px}
.btnwij {margin-top: 10px}
h1.ulrtitle  {font-size: 30px; line-height: 32px; margin: 0}	
	h1.hdr-content-inner {padding-left: 20px; font-size: 24px; font-weight: 800;}
	h1.hdr-content-inner2 { font-size: 20px; padding-left: 10px }
	
	.telno {font-size: 25px; line-height: 50px; margin-left: 0px; font-weight: 800}
	.telnet {float: left; height:50px !important }
	
	.bigtxt {font-size: 16px; color: #333; font-weight: 700;line-height: 22px}
	.bigtxt4 {font-size: 16px; color: #333; font-weight: 700; line-height: 28px}
.bigtxt2 {font-size: 16px; color: #333; font-weight: 400; line-height: 24px}
.bigtxt3 {font-size: 16px; color: #333; font-weight: 700; line-height: 24px}
	
	.whitetxt  {font-size: 16px; color: #ffffff; font-weight: 400; line-height: 24px}
.whitetxt2  {font-size: 16px; color: #ffffff; font-weight: 700 !important; line-height: 24px}
	
	.footerpic {margin-top: none}
	
	.whybox {border: none; width: 100%; }
.whytop {font-size: 16px; margin: 10px 0}
.whybox p {font-size: 12px; line-height: 16px}
.whybox a:link {text-decoration: none;  color: #333}
.whybox a:active {text-decoration: none;  color: #333}
.whybox a:hover {text-decoration: none; font-weight: bold}
.whybox a:visited {text-decoration: none; color: #333}
	.whyblock {width: 48%; float: left; margin:0 5px 15px 0}

	.tickafter {margin-left: 10px; font-size:16px; line-height: 30px;  float: left; padding-left: 10px }
	.fa-circ {font-size: 16px;    padding-right: 10px  }	
	
	.ftrlink a, .ftrlink a:link, .ftrlink a:visited, .ftrlink a:hover, .ftrlink a:active, .ftrlink a:focus {
  /* link styles go here, e.g.: */  
  text-decoration: none;
  color: white;
}
	
	.tblcell {float: left; width: 25%; border-right: 2px solid #fff; border-bottom: 3px solid #fff; padding: 5px; box-sizing: border-box; background-color: #bce2f9; text-align: center; font-size: 11px; color: #193153 }
	.tblcell2 {float: left; width: 50%; border-right: 2px solid #fff; border-bottom: 3px solid #fff; padding: 5px; box-sizing: border-box; background-color: #bce2f9; text-align: center; font-size: 11px; color: #193153 }

	.firstcell {border-left: 2px solid #fff; text-align: left}
	.toprow {background-color: #1a3253; color: #fff; font-weight: 700}
	.midcell {background-color: #cbe8fb}

	.plxhdr {min-height: 133px}
	.hdr-content {  position: relative;  top: 88px; }

}

@media only screen and (min-width : 376px) and (max-width : 1080px) {
		.whybox {border: none; width: 100%; }
	.whyblock {width: 30%; float: left; margin:0 5px 15px 0}
	.tiktok2 {border-left: none}
}

@media (max-width: 768px) {

    .tblcell {
        width: 100%;
        float: none;
        text-align: right;
        position: relative;
        padding-left: 50%;
 
    }
	
	    .whyblock.b1 .whytop,
    .whyblock.b1 p {
        font-size: 12px;
        line-height: 1.2;
    }

    .tblcell.toprow {
        display: none;
    }

    .tblcell.firstcell {
        text-align: left;
        font-weight: 700;
        background-color: #1a3253;
        color: #fff;
        padding-left: 20px;
	
    }

    .tblcell:not(.firstcell)::before {
        content: attr(data-label);
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 600;
        text-align: left;
        color: #193153;
	
    }
	

	
	 h1.hdr-content-inner {
        padding-left: 33px;
    }
	
	
}

