@font-face 
{
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.otf');
}
@font-face 
{
    font-family: 'GothamBook';
    src: url('../fonts/Gotham-Book.otf');
}

.address-sec {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.about-us-middle h4{font-family: 'GothamBold';font-size: 1.2em;color: #666666}
.about-us-middle p{font-family: 'GothamBook';font-size: 1em;color: #666666}
.width-60{width: 60%}
.width-50{width: 50%}
.mb-100{margin-bottom: 100px;}
.thank-you{min-height: 200px}
.thank-you h1{margin-top: 50px;font-family: 'GothamBold';font-size: 2em;color: #666666;margin-bottom: 30px;}
.thank-you p{font-family: 'GothamBook';font-size: 1.2em;color: #666666}
.mb-15{margin-bottom: 15px}
.pdtc-ul{list-style: none}
.pdtc-ul li{color: #666666;font-family: 'GothamBook';}
.pdtc-ul li h4{color: #666666;font-family: 'GothamBold';}
.pdtc-middle h3{color:#666666;font-family: 'GothamBold'}
.pdtc-middle h2{color:#666666;font-family: 'GothamBold';font-size: 1.8em;margin-bottom: 30px}
.pdtc-middle p{font-family: 'GothamBook'}
.callus{color:#ffffff !important;font-family: 'GothamBold'; font-size: 1.7em !important}
.color-white{color: #ffffff;}
.mid-row-main .front-box {position:relative}
.mid-row-main .front-box .vline{position: absolute;
    height: 80%;
    width: 1px;
    background: #999999;
    top: 15%;
    right: -2px;}
.main-text{margin-top: 130px !important}
.hline{border: 1px solid #999999;margin-top: 25px;}
.search-bar .input-group .form-control {height: 50px;}
.search-bar .input-group .input-group-btn button{height: 50px;width: 100%}
.search-bar .input-group .input-group-btn {height: 50px;width: 30%}
.review-sec{margin-top: 50px;}
.privacy-container h6{font-size: 1.1em}
.privacy-content{font-size: 1.8em}
.email-form{top: 7%}
.width-70{width: 70%}
.mr-15{margin-right: 15px !important;}
.container .jumbotron, .container-fluid .jumbotron{border-radius: 0px}
.smhb .smhbt{ font-size: 19px;margin-top: 30px;}
.img-circle p{color: #ffffff}
a:hover{text-decoration: none;color: #ffffff}
html
{
    height: 100%;
}

.width-90{width: 90%}
.margin-auto {margin: 0px auto}
body
{
    min-height: 100%;
    position: relative;
    background-color: #ffffff;
}
.container{background-color: #ffffff;width: 100%}
.gotham-book{font-family: 'GothamBook';}
/* Colors */
.jumbotron div{margin-top: 0%}
.sales-inquiry .jumbotron div{margin-top: 55%;margin-left: 12%;width: 70%}
.customer-support .jumbotron div{margin-top: 56%;margin-left: 15%;width: 70%}

/* Back ground Colors */
.bg-grey
{
    background-color: #666666;
}
.bg-white
{
    background-color: white;
}

/* Font Color */

.white
{
    color: white;
}
.blue
{
    color: #2a9ed7;
}
.grey
{
    color: #666666;
}
.mid-container{
    width: 80%;
    margin-left: 10%
}
/* Height */

.h-25
{
    height: 25px;
}
.h-50
{
    height: 50px;
}
.h-150
{
    height: 150px;
}
.h-1050
{
    height: 1050px;
}
/* Background Images */

.pg-2-img
{   
    height: 1200px;
    background-image: url(../images/pg-2-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.margin-l-15{margin-left: 15px;}
.contact-us-r-p{margin-top: 110px;
width: 70%;}
.pg-3-img
{   
    height: 850px;
    background-image: url(../images/pg-3-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pg-4-img
{   
    min-height: 900px;
    background-image: url(../images/pg-4-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pg-5-img
{   
    min-height: 1090px;
    background-image: url(../images/pg-5-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mt-15{margin-top: 15px !important}
.pg-7-img
{   
    height: 1400px;
    background-image: url(../images/pg-7-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mt-8{margin-top: 8% !important}
.mt-3{margin-top: 3%}
.pg-8-img
{   
    height: 500px;
    background-image: url(../images/pg-8-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.thank-you-banner
{   
    height: 300px;
    background-image: url(../images/pg-8-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-us-banner
{   
    height: 300px;
    background-image: url(../images/pg-8-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.pg-11-img
{   
    height: 500px;
    background-image: url(../images/pg-11-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* List Image */
.list-img li
{
    background-image: url(../images/list-img.png);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: left 6px;
    padding-left: 40px;
    list-style: none;
    font-size: 17px;
    line-height: 30px;
}
.list-img{min-height: 240px;}

/* Steps */
.step
{
    height: 95px;
    width: 190px;  
}
/* Padding */


/* Margin */

.center
{

}
.magin-left-m-40
{
    margin-left: -40%;
}
.mb-150
{
    margin-bottom: 150px;
}
.mt-70
{
    margin-top: 70px !important;
}
.mt-50
{
    margin-top: 50px !important;
}
.mt-15
{
    margin-top: 15%;
}
.mt-12
{
    margin-top: 12%;
}
.mt-10
{
    margin-top: 10%;
}
.mt-5
{
    margin-top: 5%;
}
.mb-5
{
    margin-bottom: 5%;
}
.ml-3
{
    margin-left: 3%;
}
.ml-m3
{
    margin-left: -3%;
}
.ml-10
{
    margin-left: 10%;
}
.ml-20
{
    margin-left: 20%;
}
.bg-white{background-color:#ffffff}
/* Border */

/* Position */


.p4-center
{
    top: 45%;
    left: 15%;   
}
.p5-center
{
    top: 32%;
    left: 17%;   
}
.p7-center
{
    top: 40%;
    left: 12%;   
}
.p-center
{
    top: 50%;
    left: 20%;
}
.p-tr
{
    left: 10%;
    top: 8%;
}
.p-t-12
{
    top: 12%;
}
.p-t-35
{
    top: 35%;
}
.pb-20
{
    bottom: 20;
}
.left
{
    left: 10%;
}

/* All IDs*/

/* Logo */
#logo
{
    margin-top: 10%;

}
#logo img{    height:90px;
    width:90px;}
.logo-2
{
    position: absolute;
    left: 10%;
    width: 200px;
    height: 50px;
}
#login
{
    position: absolute;
    right: 15%;
    width: 200px;
    height: 50px;
}
#login-text
{
    position: absolute;
    right: 19%;
    top: 60px;
}
#services
{
}
#services input[type=checkbox] 
{
  transform: scale(1.2);
  background-color: white;
}

#insurance, #freebies, #utilities
{
    /* in Media Queries*/
}
/* Un Subscribe */

#unsub
{
    margin-left: -20%;
}

/* Footer */
#footer
{
    position: absolute;
    left: 0px;
    right: 0px;
    height: 87px;
}
#footer>p
{
    padding-top: 2%;
}
#footer>p>a
{
    color: white;
}

/* Line */
.vl-1
{
    position: absolute;
    background-color: white;
    width: 1px;
    height: 250px;
    top: 22%;
    left: 35%;
}
.vl-2
{
    position: absolute;
    background-color: white;
    width: 1px;
    height: 250px;
    top: 22%;
    left: 62%;
}
.vl-3
{
    position: absolute;
    background-color: white;
    width: 1px;
    height: 250px;
    top: 40%;
    left: 35%;
}
.vl-4
{
    position: absolute;
    background-color: white;
    width: 1px;
    height: 250px;
    top: 40%;
    left: 62%;
}
.vl-5
{
position: absolute;
background-color: #666666;
width: 1px;
height: 350px;
top: 15%;
right: -3px;
}

.hl-1
{
    position: absolute;
    background-color: white;
    width: 550px;
    height: 1px;
    top: 57%;
    left: 5%;
}
.hl-2
{
    position: absolute;
    background-color: white;
    width: 550px;
    height: 1px;
    top: 99%;
    left: 5%;
}

/* Input and Checkboxes*/
input[type=checkbox] 
{
    
}

.cbitem
{
    padding: 10px;
}

/* Modifying Bootstrap */

/* Jumbotron Setting */

.jumbotron
{
    margin-bottom: 0px;
    background-color: #666666;
}
.jumbotron .font-36
{
    font-size: 25px;
}
.jumbotron .font-17
{
    font-size: 17px;
}

/* Img-Thumbnail */
.img-thumbnail
{
    border: none;
}
.main .header div a img{margin: 0px auto;}
.main .header {margin-top: 6%;}
.nomargin{margin: 0px;}
.nopadding{padding: 0px}
/* Font Face */

.gotham-bold
{
    font-family: 'GothamBold';
}

.normal
{
    font-weight: 400;
}
.bold
{
    font-weight: 700;
}

/* Font Sizes */
.font-15
{
    font-size: 15px;
}
.font-16
{
    font-size: 16px;
}
.font-17
{
    font-size: 17px;
}
.font-18
{
    font-size: 18px;
}
.font-20
{
    font-size: 20px;
}
.font-21
{
    font-size: 21px;
}
.font-22
{
    font-size: 22px;
}
.font-26
{
    font-size: 26px;
}
.font-32
{
    font-size: 32px;
}
.font-36
{
    font-size: 25px;
    margin-top: 15px;
    margin-bottom:0px;
}

/* Media Queries */
@media only screen and (max-width: 1400px)
{
    .vl-1,.vl-2,.vl-3,.vl-4,.vl-5,.hl-1,.hl-2
    {
        height: 0px;
        width: 0px;
    }
}
@media only screen and (max-width: 992px)
{ 
    .border-v1{border-right: 0px solid #ffffff !important;border-bottom: 0px solid #999999 !important;margin-top: 20px}
.mid-row-main p{width: 65%;margin: 0px auto}
    .h-1050
    {
        height: 2000px;
    }
    #insurance, #freebies, #utilities
    {
        margin-left: 17%;
    }
    .pg-7-img
    {
        height: 900px;   
        background-image: url(../images/pg-7-sm.png);
        background-repeat: no-repeat;
    }
    .pg-11-img
    {   
        height: 700px;
        background-image: url(../images/pg-11-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .p7-center
    {
        top: 60%;
        left: 0%;   
    }
}
@media only screen and (max-width: 850px)
{ .border-v1{border-right: 0px solid #ffffff !important;border-bottom: 0px solid #999999 !important;;margin-top: 20px}
.mid-row-main p{width: 100%;margin: 0px auto}
    .p7-center
    {
        top: 50%;
        left: 0%;   
    }
}
@media only screen and (max-width: 768px)
{
    .customer-support .jumbotron div{margin-top: 56%;
margin-left: 15%;
width: 90%;}
    .border-v1{border-right: 0px solid #ffffff !important;border-bottom: 0px solid #999999 !important;;margin-top: 20px}
    .mid-row-main p{width: 100%;margin: 0px auto}
    .sales-inquiry .jumbotron div{margin-left: 12%;
width: 95%;
margin-top: 335px;}
    .pg-2-img
    {   
        height: 600px;
        background-image: url(../images/pg-2-sm.png);
        background-repeat: no-repeat;
    }
    .pg-3-img
    {   
        height: 700px;
        background-image: url(../images/pg-3-sm.png);
        background-repeat: no-repeat;
    }
    .pg-4-img
    {   
        height: 700px;
        background-image: url(../images/pg-4-sm.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
    }
    .pg-5-img
    {   
        min-height: 520px;
        background-image: url(../images/pg-5-sm.png);
        background-repeat: no-repeat;
    }
    .pg-7-img
    {   
        height: 930px;
        background-image: url(../images/pg-7-sm.png);
        background-repeat: no-repeat;
    }
    .pg-8-img
    {   
        background-image: url(../images/pg-8-sm.png);
        background-repeat: no-repeat;
    }
    .pg-11-img
    {   
        height: 200px;
        background-image: url(../images/pg-11-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .p-center
    {
        left: 2%;
        top: 50%; 
    }
    .jumbotron .font-17
    {
        font-size: 15.5px;
    }
    .jumbotron .font-36
    {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom:0px;
    }
    .font-20
    {
        font-size: 14px;
    }
    .font-22
    {
        font-size: 16px;
    }
    .font-36
    {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom:0px;
    }
    .center
    {
        margin-left: 33%;
    }
    .p4-center
    {
        top: 50%;
        left: 5%;
    }
    .p5-center
    {
        top: 55%;
        left: 20%;
    }
    .p7-center
    {
        top: 40%;
        left: 0%;   
    }
    .p-t-35
    {
        top: 20%;
    }

    /* LOGO */
    #logo
    {
        margin-left: -10px; 
    }
    .logo-2
    {
        left: 5%;
        width: 150px;
        height: 40px;
    }
    #login
    {
        position: absolute;
        right: 25%;
        width: 50px;
        height: 20px;
    }
    #login-text
    {
        font-size: 12px;
        position: absolute;
        right: 10%;
        top: 37px;
    }
    #insurance, #freebies, #utilities
    {
        margin-left: 0%;
    }
    .ml-m3
    {
        margin-left: 0px;
    }
    .step
    {
        height: 50px;
        width: 80px;  
    }
}


/* All Colors Used */

.white
{
    color: white;    
}
.white-bg
{
    background-color: white;
}
.grey-shade
{
    color: #666666;   
}

.blue-shade
{
    color: #2a9ed7;
}
.blue-bg
{
    background-color: #0071bc;
}
.light-blue-bg
{
    background-color: #2aa3dc;
}
.light-grey-bg
{
    background-color: #707070;
}
/* LOGIN */
#login
{
    margin-right: 100px;
    margin-left: 100px;
}

/* FOOTER */
#footer
{
    height: 80px;
    background-color: #666666;
}
footer
{

}

/* Setting all the margins */

.margin-top-40
{
    margin-top: 40px;
}
.margin-top-15
{
    margin-top: 15px;
    margin-bottom:0px;
}
.margin-lr-110
{
    margin-right: 110px;
    margin-left: 110px;
}
.logo-margin
{
    margin-top: 10%;
}
.center
{
    margin-right: 40%;
    margin-left: 42%;
}
.margin-left-12
{
    margin-left: 12%;
}
.margin-right-12
{
    margin-right: 12%;
}
.margin-lr-2
{
    margin-left: 2%;
    margin-right: 2%; 
}

/* Setting all Padding */
.padding-top-2
{
    padding-top: 2%;
}
.padding-left-20
{
    padding-left: 20%;
}
.padding-2
{
    padding: 2%;
}
.padding-top-3
{
    padding-top: 3%;
}
.padding-bottom-3
{
    padding-bottom: 3%;
}

/* Background Images */
.welcome-img
{
    
    min-height: 800px;
    background-image: url(../images/welcome.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bg-img
{
    width: 100%;
    height: 900px;
    background-image: url(../images/bg-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
}
.border-v1{padding-right: 10px;;border-right: 2px solid #999999}

/* Setting Positions */
.top-left
{
    position: absolute;
    top: 10%;
    left: 10%;   
}
.top-right-more
{
    position: absolute;
    top: 10%;
    right: 15%;
}
.top-right
{
    position: absolute;
    top: 11%;
    right: 10%;
}
.mid
{
    position: absolute;
    top: 15%;
    right: 25%;
    left: 25%;
    width: 50%;   
}

.email-place
{
    position: absolute;
    top: 40%;
    right: 25%;
    left: 25%;
    width: 50%;
}

/* vertical line */
.vertical-line
{
    width: 1px;
}
/* zooming */
.zoom
{
    transform: scale(1.5);
}

/* Fonts */


.normal
{
    font-weight: 400;
}
.bold
{
    font-weight: 700    ;
}

/* Font Sizes */
.font-16
{
    font-size: 16px;
}
.font-17
{
    font-size: 17px;
}
.font-18
{
    font-size: 18px;
}
.font-21
{
    font-size: 21px;
}
.font-36
{
    font-size: 25px;
    margin-top: 15px;
    margin-bottom:0px;
}

/* Media Queries */

@media only screen and (max-width: 1200px) 
{
    /* For mobiles: */
    
    .margin-lr-110
    {
        margin-right: 2%;
        margin-left: 2%;
    }
    .top-left
    {
        position: absolute;
        top: 5%;
        left: 5%;   
    }
    .top-right-more
    {
        position: absolute;
        top: 5%;
        right: 9%;
    }
    .top-right
    {
        position: absolute;
        top: 6%;
        right: 5%;
    }
    .mid
    {
        position: absolute;
        top: 15%;
        right: 15%;
        left: 15%;
        width: 50%;   
    }
    .email-place
    {
        position: absolute;
        top: 40%;
        right: 15%;
        left: 15%;
        width: 50%;
    }
    /* Font Sizes */
    .font-16
    {
        font-size: 14px;
    }
    .font-17
    {
        font-size: 15px;
    }
    .font-18
    {
        font-size: 16px;
    }
    .font-21
    {
        font-size: 18px;
    }
    .font-36
    {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom:0px;
    }
    /* Background Images */
    .welcome-img
    {
        width: 100%;
        height: 1200px;
    }
    .bg-img
    {
        width: 100%;
        height: 900px;
    }
    .margin-left-12
    {
        margin-left: 0;
    }

}
@media only screen and (max-width: 1024px)
{
    /* Background Images */
 
    .bg-img
    {
        width: 100%;
        height: 700px;
    }
    .margin-lr-110
    {
        margin-right: 0;
        margin-left: 0;
    }
    .top-left
    {
        position: absolute;
        top: 5%;
        left: 5%;   
    }
    .top-right-more
    {
        position: absolute;
        top: 15%;
        left: 2%;
    }
    .top-right
    {
        position: absolute;
        top: 16%;
        left: 12%;
    }
    .mid
    {
        position: absolute;
        top: 20%;
        right: 15%;
        left: 15%;
        width: 50%;   
    }
    .email-place
    {
        position: absolute;
        top: 65%;
        right: 15%;
        left: 15%;
        width: 50%;
    }
    /* Font Sizes */
    .font-16
    {
        font-size: 14px;
    }
    .font-17
    {
        font-size: 15px;
    }
    .font-18
    {
        font-size: 16px;
    }
    .font-21
    {
        font-size: 18px;
    }
    .font-36
    {
        font-size: 30px;
    }
    .margin-lr-2
    {
        margin-left: 0;
        margin-right: 0; 
    }
    .padding-left-20
    {
        padding-left: 40%;
    }

}

@media only screen and (max-width: 900px)
{
    /* Background Images */
    .welcome-img
    {
         height: 1200px;
    }
    .bg-img
    {
        width: 100%;
        height: 700px;
    }
    .margin-lr-110
    {
        margin-right: 0;
        margin-left: 0;
    }
    .top-left
    {
        position: absolute;
        top: 5%;
        left: 5%;   
    }
    .top-right-more
    {
        position: absolute;
        top: 15%;
        left: 2%;
    }
    .top-right
    {
        position: absolute;
        top: 16%;
        left: 12%;
    }
    .mid
    {
        position: absolute;
        top: 20%;
        right: 15%;
        left: 15%;
        width: 50%;   
    }
    .email-place
    {
        position: absolute;
        top: 65%;
        right: 15%;
        left: 15%;
        width: 50%;
    }
    /* Font Sizes */
    .font-16
    {
        font-size: 14px;
    }
    .font-17
    {
        font-size: 15px;
    }
    .font-18
    {
        font-size: 16px;
    }
    .font-21
    {
        font-size: 18px;
    }
    .font-36
    {
        font-size: 25px;
        margin-top: 15px;
        margin-bottom:0px;
    }
    .margin-lr-2
    {
        margin-left: 0;
        margin-right: 0; 
    }
    .padding-left-20
    {
        padding-left: 40%;
    }

}

@media only screen and (max-width: 768px) 
{
    /* For mobiles: */
 .annual-h{margin-top: 50px;}
 .list-img{padding:0px}
    [class*="col-"] 
    {
        width: 600;
    }
    .margin-lr-110
    {
        margin-right: 0;
        margin-left: 0;
    }
    /* Background Images */
    .welcome-img
    {
        width: 100%;
        height: 500px;
    }
    .bg-img
    {
        width: 100%;
        height: 700px;
    }
    .margin-lr-110
    {
        margin-right: 0;
        margin-left: 0;
    }
    .top-left
    {
        position: absolute;
        top: 5%;
        left: 5%;   
    }
    .top-right-more
    {
        position: absolute;
        top: 15%;
        left: 3%;
    }
    .top-right
    {
        position: absolute;
        top: 17%;
        left: 15%;
    }
    .mid
    {
        position: absolute;
        top: 20%;
        right: 15%;
        left: 15%;
        width: 50%;   
    }
    .email-place
    {
        position: absolute;
        top: 75%;
        right: 15%;
        left: 15%;
        width: 50%;
    }
    /* Font Sizes */
    .font-16
    {
        font-size: 12px;
    }
    .font-17
    {
        font-size: 14px;
    }
    .font-18
    {
        font-size: 14px;
    }
    .font-21
    {
        font-size: 16px;
    }
    .font-36
    {
        font-size: 24px;
    }
    .margin-lr-2
    {
        margin-left: 0;
        margin-right: 0; 
    }
    .padding-left-20
    {
        padding-left: 40%;
    }
}

@media only screen and (max-width: 480px) 
{
    .paymentmethod img{    width: 90% !important;}
    .main-text{padding-top: 40px;}
    .bg-img{height: 500px;background-size: auto;}
    /* For mobiles: */
    [class*="col-"] 
    {
        width: 100%;
    }
    .margin-lr-110
    {
        margin-right: 0;
        margin-left: 0;
    }
    /* Background Images */
    .welcome-img
    {
        width: 100%;
        height: 600px;
    }
    .top-left
    {
        position: absolute;
        top: 5%;
        left: 5%;   
    }
    .top-right-more
    {
        position: absolute;
        top: 15%;
        left: -3%;
    }
    .top-right
    {
        position: absolute;
        top: 17%;
        left: 25%;
    }
    .mid
    {
        position: absolute;
        top: 20%;
        right: 15%;
        left: 15%;
        width: 50%;   
    }

    /* Font Sizes */
    .font-16
    {
        font-size: 12px;
    }
    .font-17
    {
        font-size: 14px;
    }
    .font-18
    {
        font-size: 14px;
    }
    .font-21
    {
        font-size: 16px;
    }
    .font-36
    {
        font-size: 20px;
    }
    .margin-lr-2
    {
        margin-left: 0;
        margin-right: 0; 
    }
    .padding-left-20
    {
        padding-left: 25%;
    }
    #login
    {
        margin-right: 5px;
        margin-left: 5px;
    }
    .center
    {
        margin-left: 33%;
        margin-right: 33%;
    }
}
.error{color: red;font-size: 14px;font-weight: 600}