/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 17, 2019 */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuelight';
    src: url('fonts/bebasneue_light-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebook';
    src: url('fonts/bebasneue_book-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuethin';
    src: url('fonts/bebasneue_thin-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'ralewayregular', sans-serif;
    font-size: 14px;
}
a {
    color: #13aaed;
    text-decoration: none;
}
a span:hover {
    color: #13aaed;
    text-decoration: none !important;
}
#header div:nth-of-type(2) {
    font-family: 'bebas_neueregular';
}
#header p {
    color: #13aaed;
}
#header #cta-number {
    color: #000;
}
#header #cta-number:hover {
    text-decoration: none;
}
#ctaSection {
    background: #fff url(../images/cta-bg.png) center center no-repeat;
}
#ctaBanner h1 {
    color: #fff;
}
#ctaBanner span {
    font-family: 'bebas_neuebold';
    color: #13aaed;
}
#threeColumn .container .row {
    box-shadow: 0px 3px 85px rgba(0, 0, 0, 0.18);
}
#threeColumn .container .row .col-md-4 {
    padding: 0;
}
.fire-icons {
    max-width: 100%;
    height: auto;
}
#mainContent-2 p {
    text-align: center;
    font-family: 'bebas_neueregular';
}
#mainContent-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
#mainContent-2 ul li {
    margin-bottom: 30px;
  }
li.lrg-bullets {
    background: url('../images/bullet.png') no-repeat left center;
    padding-left: 25px;
}
#mainContent-3 p {
    text-align: center;
    font-family: 'bebas_neueregular';
}
#mainContent-3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
#mainContent-3 ul li {
    margin-bottom: 30px;
  }
#blueSection {
    color: #fff;
    background-color: #13aaed;
    text-align: center;
    padding: 3em 0;
}
#blueSection h1 {
    font-family: 'bebas_neueregular';
    text-align: center;
}
#mainContent-4 {
    background-color: #f4f4f4;
}
#mainContent-4 h1 {
    font-family: 'bebas_neueregular';
}
#footer {
    text-align: center;
    margin: 0 auto;
    padding: 8px 0;
    color: #fff;
    background-color: #111111;
}

/*! Media Queries */
@media (max-width: 767px) {
    #header {
        margin: 10px 0 15px 0;
        text-align: center;
    }
    #header img {
        width: 250px;
        height: auto;
    }
    #header p {
        margin-top: 10px;
        font-size: 35px;
        margin-bottom: 0;
    }
    #header #cta-number {
        font-size: 45px;
        line-height: 25px;
        font-weight: 600;
    }
    #ctaSection {
        padding: 50px 0 80px 0;
        margin-bottom: 65px;
    }
    #ctaBanner h1 {
        font-size: 20px;
        margin-bottom: 2px;
    }   
    #ctaBanner h1:nth-of-type(2) {
        margin-top: 0;
    }
    #ctaBanner span {
        font-size: 43px;
        line-height: 40px;
    }
    #sideBar {
        margin-top: 40px;
    }
    #threeColumn {
        display: none;
    }
    #mainContent h1 {
        text-align: center;
        font-size: 4em;
        margin-top: 30px;
    }
    #mainContent .col-md-8 {
        border-top: 45px solid #f4f4f4;
    }
    #service-rep {
        margin: -66px 0 -123px 0;
        position: relative;
        z-index: 10;
    }
    #tech-rep {
        margin: -66px 0 -138px 0;
        position: relative;
        z-index: 10;
    }
    #mainContent-2 {
        display: none;
    }
    #mainContent-3 {
        margin: 40px 0;
    }
    #mainContent-3 p {
        font-size: 26px;
    }
    #mainContent-4 {
        padding: 5.5em 0 4.3em 0;
    }
    #mainContent-4 .order-md-2 img {
        padding-bottom: 20px;
    }
    #mainContent-4 h1 {
        font-size: 27px;
        text-align: center;
    }
    #blueSection h1 {
        font-size: 2.8em;
    }
}
@media (min-width: 768px) {
    #header {
        margin: 20px 0;
    }
    #header div:nth-of-type(2) {
        text-align: right;
    }
    #header p {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 0;
        margin-top: 5px;
    }
    #header #cta-number {
        font-size: 52px;
        line-height: 50px;
        font-weight: 600;
    }
    #ctaSection {
        padding: 2em 0;
    }
    #ctaBanner {
        margin-top: 10em;
    }
    #ctaBanner h1 {
        font-size: 23px;
        margin-bottom: -16px;
    }   
    #ctaBanner h1:nth-of-type(2) {
        line-height: 0;
        margin-top: 0;
    }
    #ctaBanner span {
        font-size: 3.5em;
    }
    #threeColumn .container {
        margin-top: -69px;
    }
    #threeColumn p {
        margin: 0 40px;
    }
    #mainContent {
        margin: 5em 0 0 0;
    }
    #mainContent h1 {
        font-size: 4em;
    }
    #colorBorder {
        margin-top: 12px;
    }
    #colorBorder .row{
        background-color: #f4f4f4;
        padding: 21px 0;
        margin-bottom: 3em;
        text-align: center;
    }
    #service-rep {
        position: absolute;
        width: 107%;
        top: -73px;
        left: 0;
    }
    #tech-rep {
        position: absolute;
        width: 107%;
        top: -40px;
        left: 0;
    }
    #mainContent-2 {
        margin: 0 0 1em 0;
    }
    #mainContent-2 ul {
        margin: 0 1em;
    }
    #mainContent-2 .short-bullets {
        margin: 0 3em;
    }
    #mainContent-2 p {
    font-size: 2.5em;
    line-height: 43px;
    }
    #mainContent-3 {
        display: none;
    }
    #mainContent-4 {
        padding: 7em 0 6em 0;
    }
    #mainContent-4 h1 {
        font-size: 3em;
    }
    #mainContent-4 .order-md-2 {
        margin-top: -97px;
    }
    #mainContent-4 .order-md-2 img {
        margin-left: 15px;
    }
    #blueSection h1 {
        font-size: 3em;
    }
    #blueSection p {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    #sideBar #contact h1 {
        font-size: 1.7em;
    }
    #sideBar #contact h2 {
        font-size: 1.3em;
        margin: 1.5em 0;
    }
}
@media (min-width: 992px) {
    #ctaSection {
        padding: 2em 0;
    }
    #ctaBanner {
        margin-top: 9em;
    }
    #ctaBanner h1 {
        font-size: 29px;
        margin-bottom: -16px;
    }   
    #ctaBanner h1:nth-of-type(2) {
        line-height: 0;
        margin-top: 0;
    }
    #ctaBanner span {
        font-size: 5em;
    }
    #threeColumn .container {
        margin-top: -96px;
    }
    #threeColumn p {
        margin: 0 40px;
    }
    #colorBorder {
        margin-top: 30px;
    }
    #colorBorder .row{
        background-color: #f4f4f4;
        padding: 21px 0;
        margin-bottom: 5em;
        text-align: center;
    }
    #service-rep {
        position: absolute;
        width: 83%;
        top: -112px;
        left: 38px;
    }
    #tech-rep {
        position: absolute;
        width: 86%;
        top: -100px;
        left: 19px;
    }
	#mainContent {
		 margin: 7.5em 0 0 0;
	}
	#mainContent-2 {
		 margin: -30px 0 1em 0;
	}
    #mainContent-2 .short-bullets {
        margin: 0 7em;
    }
    #mainContent-4 {
        padding: 8em 0 5em 0;
    }
    #mainContent-4 .order-md-2 {
        margin-top: -150px;
    }
    #blueSection h1 {
        font-size: 3.5em;
    }
    #blueSection p {
        font-size: 23px;
    }
    #sideBar #contact h1 {
        font-size: 2em;
    }
    #sideBar #contact h2 {
        font-size: 1.6em;
        margin: 1.5em 0;
    }
}
@media (min-width: 1024px) {

}
@media (min-width: 1200px) {
    #header {
        margin: 20px 0;
    }
    #header div:nth-of-type(2) {
        text-align: right;
    }
    #header p {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 0;
        margin-top: 5px;
    }
    #header #cta-number {
        font-size: 52px;
        line-height: 50px;
        font-weight: 600;
    }
    #ctaSection {
        padding: 4em 0;
    }
    #ctaBanner {
        margin-top: 7em;
    }
    #ctaBanner h1 {
        margin-bottom: -20px;
    }   
    #ctaBanner h1:nth-of-type(2) {
        line-height: 0;
        margin-top: 0;
    }
    #ctaBanner span {
        font-size: 6.5em;
    }
    #threeColumn .container {
        margin-top: -110px;
    }
    #threeColumn p {
        margin: 0 40px;
    }
	#mainContent  {
    	margin: 9em 0 6em 0;
	}
    #mainContent p {
        font-size: 22px;
    }
    #colorBorder {
        margin-top: -67px;
    }
    #colorBorder .row{
        background-color: #f4f4f4;
        padding: 21px 0;
        margin-bottom: 5.5em;
        text-align: center;
    }
    #service-rep {
        position: absolute;
        width: 91%;
        top: -129px;
        left: 27px;
    }
    #tech-rep {
        position: absolute;
        width: 91%;
        top: -92px;
        left: 10px;
    }
    #mainContent-2 {
        margin: 0 0 5em 0;
    }
    /* #mainContent-2 ul {
        margin: 0 4em;
    } */
    #mainContent-2 .short-bullets {
        margin: 0 7em;
    }
    #mainContent-2 p {
        font-size: 4em;
   		line-height: 60px;
    }
    #mainContent-2 ul li {
        font-size: 17px;
    }
    #mainContent-4 p {
        font-size: 17px;
    }
    #blueSection h1 {
        font-size: 4em;
    }
    #blueSection p {
        font-size: 26px;
    }
}

/* <<<<<<----------------------- Three Column --------------------------------------------*/
#threeColumn {
    text-align: center;
}

/* <<<<<<----------------------- CTA Form --------------------------------------------*/
#sideBar h1{
    text-align: center;
	font-family: ralewaybold;
    text-transform: none;
    font-size: 1.6em;
    color: #f13c3c;
}
#sideBar > div{
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
	behavior: url(http://securitydealermarketing.com/client/advanced-security/_pie/PIE.htc); 
}
#sideBar #contact{
/*	background: #76191a url(../_images/global/bootstrap-lg-grid_03.gif) right top no-repeat;*/
    background-color: #fff;
    padding: 15px 9px;
    border: 3px solid #4fb5e1;
}
#sideBar #contact h2 {
	font-family: ralewaymedium;
    color: #003156;
    font-size: 1.5em;	
    margin: 8px 0 15px 0;
    text-align: center;
}
#sideBar #contact .form-group{
	margin-bottom:20px;
}
#sideBar #contact .form-group input, #sideBar #contact .form-group textarea{
	position: relative;
/*	padding-left:50px;*/
	height:33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	behavior: url(http://securitydealermarketing.com/client/advanced-security/_pie/PIE.htc);
}

#sideBar #contact .form-group input[type=text]{
/*	background:#fff url(../images/form-icon-name.gif) 12px center no-repeat;*/
}
#sideBar #contact .form-group input[type=email]{
/*	background:#fff url(../images/form-icon-email.gif) 12px center no-repeat;*/
}
#sideBar #contact .form-group input[type=tel]{
/*	background:#fff url(../images/form-icon-phone.gif) 12px center no-repeat;*/
}
#sideBar #contact .form-group textarea{
/*	background:#fff url(../images/form-icon-comment.gif) 12px 2px no-repeat;*/
	min-height: 50px;
}
#mainContent h1 {
    font-family: 'bebas_neueregular';
    color: #13aaed;
}
#geo-landing-links {
	display: none;
}
.btn-primary {
    font-family: ralewaybold;
    letter-spacing: .05em;
    font-size: 1.3em;
    background-color: #03538f;
    border-color: #5099b8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-primary:hover, .btn-primary:active {
    background-color: #5CC19C !important;
    border-color: #8ED4BA;
	color: #fff;
}


