﻿@charset "utf-8";
/* CSS Document */

/* main.css */
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');

/* BASIC CSS 
**********************************************/
* {margin:0; padding:0;}
*, *:before, *:after {
    padding: 0;
    margin: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* HTML and BODY */
/*html, body { height: 100% !important; min-height: 100% !important; height:auto; margin: 0 auto;}
html { font-size:100%; }
body { margin:0; padding:0; }*/
.promotion {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    background-color: #fff;
    color: #242424;
    font-size: 18px;
    text-decoration: none;
}
/* LINKS */
/*a { color: #edba4d; text-decoration: none; outline: none; }
a:hover, a:active, a:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
object, embed { outline: 0; }
a,
a.underline {
	color:#edba4d;
	font-size:16px;
	font-weight:normal;
	line-height:24px;
	padding:0;
}
a:hover, a:focus { color: #242424; text-decoration: none; }
a.underline:hover, a.underline:focus {color: #242424; text-decoration: underline; }*/

/* CONTENT */
.promotion p {color:#2d2d2d; font-size:14px; font-weight:normal; line-height:1.6em; margin:10px 0; padding:0; }

/* HEADLINES */
.promotion h2, .promotion h3, .promotion h4 { margin: 0 0 2px 0; font-size: 1.1em; font-weight: 600; color: #2d2d2d; }
h1.headline { color: #0d4577; font-weight: 700; font-size: 48px; text-transform: uppercase; letter-spacing: -1px; border-bottom:2px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 5px; display: inline-block;}
h3.phone-nmbr { color: #0a340a; font-weight: 700; font-size: 36px; margin: 0 0 20px 0; }

.headline-wrapper { display: block; text-align: center;}

/* MISC */
hr { height: 1px; background-color: #e4e4e4; color: #e4e4e4; margin: 15px 0; }
hr.light { height: 1px; border: none; background-color: #ddd; color: #ddd; }
.spacer { height: auto; margin: 25px 0 0 0; padding: 25px 0 0 0; display: inline-block; width: 100%; }
.img-margins { margin:30px 0 30px 0; display: inline-block;}
.img-borders { border:5px solid #2c7e29; }
.circle { border: 3px solid #ff8f16; border-radius: 50%; height: 50px; width: 50px; display: inline-block; text-align: center; margin-right: 10px; }
.circle i { color: #ff8f16; font-size: 24px; padding: 10px; }
.split { margin-left: 35px; }
.split:before { content: "#"; font-size: 30px; color: #50ae26; padding-right: 20px; margin-left: -35px; }
.details { text-align: center; padding-left: 50px; padding-right: 50px; }

.main-block { padding-top: 25px; }
.marg-box { display: block; text-align: center; }
.divider { display: block; }

.promotion p { font-size: 18px; letter-spacing: -0.5px; }
.boldweight { font-weight: 700 !important; }
.mid-txt { color: #242424; }
.small-txt { font-size: 16px; color: #4b4b4b; }
.xtrasmall { font-size: 14px !important; line-height: 12px; }

.box { border: 2px solid #50ae26; padding: 20px 40px; margin:20px 0; }
.box h3 { color: #0a340a; font-size: 30px; font-weight: 700; margin:10px 0; padding: 0 5px; }
.box h1.price { color: #95bb5c; font-size: 48px; font-weight: 400; margin:10px 0; padding: 0 5px; }

.btn-quote { 
    color: #242424;
    border-radius: 5px;
    border: 1px solid #ea8518;
    padding: 15px 60px;
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0;
    transition: all 0.1s linear 0s;
    display: inline-block;
    background: #ffa340;
    background: -moz-linear-gradient(top, #ffa340 1%, #ff8f16 100%);
    background: -webkit-linear-gradient(top, #ffa340 1%,#ff8f16 100%);
    background: linear-gradient(to bottom, #ffa340 1%,#ff8f16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa340', endColorstr='#ff8f16',GradientType=0 );
}

.btn-quote:hover {
    color: #242424;
    transition: all 0.1s linear 0s;
    background: #ff8f16;
    background: -moz-linear-gradient(top, #ff8f16 15%, #ffa340 83%, #ffa340 83%);
    background: -webkit-linear-gradient(top, #ff8f16 15%,#ffa340 83%,#ffa340 83%);
    background: linear-gradient(to bottom, #ff8f16 15%,#ffa340 83%,#ffa340 83%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f16', endColorstr='#ffa340',GradientType=0 );
}

.btn-quote-framed { 
    color: #242424;
    border: 3px solid #ff8f16;
    padding: 10px 40px;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    transition: all 0.1s linear 0s;
    display: inline-block;
    background: transparent;
}

.btn-quote-framed:hover { background: #ff8f16; color: #242424; transition: all 0.1s linear 0s; }

/* RESPONSIVE CSS 
**********************************************/
@media screen and (max-width: 1200px) {
    
}

@media screen and (max-width: 640px) {
    .box { border: 2px solid #50ae26; padding: 20px; }
}