@font-face {
    font-family:heading;
    src: url(Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family:scalasans;
    src: url(Montserrat-Regular.ttf);
}

@font-face {
    font-family:rockwell;
    src: url(rock.ttf);
}

.slider-container{
    /*width:50% !important;*/
    max-width:1000px;
    margin:auto;
    z-index:10
}

body{
    margin:0px !important;
    font-family:scalasans
}

a{
    color:#0082b5;
}

*{
    box-sizing:border-box;
}
p {
    font-family:scalasans;
}

.hover{
    cursor:pointer;
}

::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}

::-webkit-scrollbar-thumb {
    height: 6px;
    width:20px;
    border: 1px solid rgba(0, 0, 0, .3);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .3);
    -webkit-border-radius: 10px;
    /*-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.30),inset 1px 1px 0px rgba(0, 0, 0, 0.3);*/
}

::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

.shipping_small{
    display:block;
    font-size:.7em;
}

#small_cart{
    float:right;
    background-color:#00a1df;
    border-radius:5px;
    color:#FFFFFF;
    font-weight:bold;
    padding:5px;
    font-family:scalasans;
    margin-right: 20px;
    margin-top: 3px;
    display:none;
}
#small_cart img{
    width:25px;
}

.cart_panel{
    height:100%;
    background-color:rgba(255,255,255,1);
    width:350px;
    position:fixed;
    right:-350px;
    top:0px;
    z-index:10000;
    border-left:8px solid #00a1df;
    display:none;
    box-shadow:0px 0px 5px rgba(0,0,0,.5);
    padding:30px;
}

.cart_panel_inner{
    overflow-y: auto;
    height:300px;
    padding-right:5px;
    font-family:scalasans;
}

.cart_panel_close_button{
    float: right;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: #00A1DF;
    color: white;
    text-align: center;
    font-size: 2em;
}

.cart_panel_button{
    background-color: #00a1df;
    color: #FFFFFF;
    text-align: center;
    font-family: heading;
    line-height: 35px;
    margin-bottom: 10px;
}

.checkout_button{
    background-color: #00a1df;
    color: #FFFFFF;
    text-align: center;
    font-family: heading;
    line-height: 35px;
    margin-bottom: 10px;
    padding-left:20px;
    padding-right:20px;
}

.cart_panel_title{
    font-size:1.5em !important;
}

.cart_panel_item_row{
    display:flex;
    width:100%;
    justify-content: space-between;
}

.cart_panel_item_image{
    /*display:flex;*/
    flex-basis: 25%;
}

.cart_panel_item_image img{
    width:90%;
}

.cart_panel_item_info{
    text-align:left;
    display: flex;
    flex-basis: 60%;
    font-weight:bold;
    font-family:scalasans;
    flex-direction:column;
}

.cart_panel_item_info span{
    display:block;
    font-weight:normal;
    font-size:.8em;
}

.cart_panel_item_remove{
    flex-basis:15%;
    text-align:right;
    display:flex;
}

.cart_panel_item_remove_button{
    width: 25px;
    height: 25px;
    background-color: #000000;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.5em;
    margin-left:5px;
}

.cart_panel_hr{
    margin-top:20px;
    margin-bottom:20px;
}

.cart_panel_totals{
    text-align:right;
    font-weight:bold;
    font-family:scalasans;
    margin-bottom:50px;
}

.cart_panel_totals_shipping{
    text-align:right;
    font-weight:bold;
    font-family:scalasans;
    margin-bottom:5px;
}

#carticon, #carticonblack{
    width: 20px;
    display: inline-block;
    margin-bottom: -4px;
    margin-left: -5px;
    margin-right: 5px;
}

#carticonblack{
    margin-bottom: -7px !important;
    margin-left: 2px;
}

.cartli{
    background-color:#00a1df;
    border-radius:5px;
}

.cartli a{
    color:#FFFFFF !important;
}

.slide-in-left {
    display:block;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-out-right {
    display:block;
	-webkit-animation: slide-out-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-out-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-350px);
              transform: translateX(-350px);
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-350px);
              transform: translateX(-350px);
    }
  }

  @-webkit-keyframes slide-out-right {
    0% {
      -webkit-transform: translateX(-350px);
              transform: translateX(-350px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes slide-out-right {
    0% {
      -webkit-transform: translateX(-350px);
              transform: translateX(-350px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }

  .cartCurtain{
    background-color:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
    display:none;
  }

.black{
    color:#000000 !important;
}

.white{
    color:#FFFFFF;
}

#homeSectionContainer{
    /*background-color:#000000;*/
    padding:1px;
    width:100%;
}

.blackContainer{
    width:100%;
    background-color:#000000;
}

.whiteContainer{
    width:100%;
    background-color:#FFFFFF;
}

.blackSection{
    background-color:#000000;
    padding:.2em;
    width:65%;
    margin:auto;
    color:#FFFFFF;
}

.whiteSection{
    background-color:#FFFFFF;
    padding:.2em;
    width:65%;
    margin:auto;
    color:#000000;
}

.whiteSection p{
    line-height:1.5em;
}

#headerSection{
    width:100%;
    background-color:#FFFFFF;
    position:fixed;
    height:80px;
    box-shadow:0px 0px 3px rgba(0,0,0,.3);
    z-index:1000;
}

#headerContainer{
    height:80px;
    background-color:#FFFFFF;
    width:65%;
    margin:auto;
}

#headerLogo{
    background-image:URL('/images/smartcamco_header.png');
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    width:180px;
    height:60px;
    z-index:10;
    /*border:1px solid #FF0000;*/
    margin-top:10px;
}

#headerMenu{
    float:right;
    /*width:65%;*/
}

#headerMenu ul {
    margin:0;
    margin-top:20px;
    padding:0;
    list-style-type: none;
}

#headerMenu ul li{
    list-style: none;
    float:left;
    /*width:19%;*/
    color:#000000;
    height:40px;
    line-height:40px;
    font-family:heading;
    text-align:center;
    font-size:.8em;
}

#headerMenu ul li a{
    padding: 0px 20px 0px 20px;
    display:inline-block;
    color:#000000;
    height:40px;
    line-height:40px;
    text-decoration:none;
    text-transform: uppercase;
}

#headerMenu ul li a:hover{
    color:#333333;
    border-bottom:5px solid #000000;
}

.homeHeroImage{
    /*background-image:URL('/images/Header-image.jpg');*/
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    /*height:530px;*/
    /*padding-top:150px;*/
}

#logoHeaderImage{
    display:block;
    margin:auto;
    margin-top:-60px;
    max-width:1000px;
}

.heroStrip{
    /*background-color:rgba(0,0,0,.7);*/
    width:100%;
    padding-top:10px;
    padding-bottom:40px;

}

#heroUpperTitle{
    width:100%;
    color:#000000;
    margin:auto;
    font-family:scalasans;
    font-size:1.5em;
    text-align:center;
    letter-spacing:5px;
    max-width:1000px;

}

.heroUpperTitle{
    width:70%;
    color:#FBA919;
    margin:auto;
    font-family:lemon;
    font-size:2em;
    text-align:center;
    letter-spacing:5px;
}

#heroMainTitle{
    width:70%;
    color:#FFFFFF;
    margin:auto;
    font-family:lemon;
    font-size:5em;
    text-align:center;
    letter-spacing:10px;
    margin-top:-20px;
}

#heroLowerTitle{
    width:70%;
    color:#FFFFFF;
    margin:auto;
    font-family:rockwell;
    font-size:2.3em;
    text-align:center;
    letter-spacing:5px;
}

.content_blurb{
    font-size:1.5em;
    max-width:1000px;
    width:100%;
    margin:auto;
    margin-top:30px;
    font-family:scalasans;
}
#steps{
    width:100%;
    max-width:1000px;
    display:flex;
    flex-direction:row;
    justify-items: center;
    justify-content: space-between;
    margin:auto;
}
.step{
    width: 33%;
    display: flex;
    flex-direction: row;
    justify-items: left;
    /* justify-content: center; */
    align-items: center;
    text-align: left;
}
.step img{
    max-width:70px;
    margin-right:10px;
}
.step_number{

}
.step_content{
    font-family:heading;
    display:flex;
}

.image_strip{
    margin-top:100px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    height:360px;
}

#image_strip_1{
    background-image:URL('/images/image_strip1.jpg');
}

#image_strip_2{
    background-image:URL('/images/image_strip2.jpg');
}

#image_strip_3{
    background-image:URL('/images/image_strip3.jpg');
}

#homeBar{
    width:8%;
    height:8px;
    margin:auto;
    background-color:#FFFFFF;
    margin-top:20px;
    margin-bottom:30px;
}
#headerSpacer{
    height:80px;
}

#strategic_header{
    margin:auto;
    font-family: heading;
    text-align:center;
    font-size:3em;
    margin-bottom:50px;
}

#aboutus_title{
    margin:auto;
    font-family:heading;
    font-size:1.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

#whatwedo_title{
    margin:auto;
    font-family:heading;
    font-size:1.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

#contactus_title{
    margin:auto;
    font-family:scalasans;
    font-size:2.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

.section_title{
    margin:auto;
    font-family:scalasans;
    font-size:2.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

#twom_title{
    margin:auto;
    font-family:muli-black;
    font-size:1.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

#twom_title span{
    text-transform:lowercase;
}

#team_title{
    margin:auto;
    font-family:muli-black;
    font-size:1.5em;
    color:#2b9cc6;
    text-transform: uppercase;
    margin-bottom:10px;
}

#big_twom_table td img{
    text-align:center;
    display:block;
    width:80%;
    margin:auto;
}

.margin_bottom_50px{
    margin-bottom: 50px !important;
}

.margin_top_50px{
    margin-top: 50px !important;
}

.p65percent{
    width:65%;
}

.p50percent{
    /*width:50%;*/
    width: 100%;
    max-width: 1000px;
}

.center{
    margin:auto;
}
.color_white{
    color:white !important;
}

.blue_bar{
    background-color: #00a1df;
    height: 8px;
    width: 100%;
    margin-top: 50px;
    margin-bottom:50px;
}

.text_center{
    text-align:center;
}

.line_height_15em{
    line-height:1.5em !important;
}

#small_contact_table{
    display:none;
}

#big_contact_table{
    display:table;
}

#small_twom_table{
    display:none;
}

#big_twom_table{
    display:table;
}

#small_team_table{
    display:none;
}

#big_team_table{
    display:table;
}


.halfLeftBlue{
    width:40%;
    text-align:right;
    padding-right:30px;
    float:left;
    color:#FBA919;
    font-family:lemon;
    font-size:1.3em;
}
.halfRightBlack{
    width:50%;
    text-align:left;
    padding-right:20px;
    float:left;
}

.halfRight h1{
    font-family:lemon;
    font-size:2em;
}

.halfLeft{
    width:40%;
    float:left;
    padding-top:100px;
    padding-right:30px;
    padding-left:120px;
}

.halfRight{
    width:50%;
    float:left;
}

#aboutus:after{
    content:"";
    display:table;
    clear:both;
}

#contactus:after{
    content:"";
    display:table;
    clear:both;
}

#aboutusContent{
    padding-top:30px;
    padding-bottom:30px;
}

#candidates{
    width:50%;
}

#employers{
    width:50%;
}
.sectionTitle{
    font-family:lemon;
    font-size:2em;
    letter-spacing:5px;
}

.sectionTitle img{
    margin-bottom:-20px;
    display:inline-block;
    margin-right:10px;
}

.sectionSubTitle{
    font-family:lemon;
    font-size:1.2em;
    letter-spacing:5px;
}

.white{
    color:white;
}

.blue {
    color: #00a1df !important;
}

.standard{
    line-height:1.5em;
}

.formLabel{
    font-weight:bold;
    font-family:scalasans;
    float:left;
    width:25%;
    height:30px;
    line-height:30px;
    min-width:60px;
}
.formField{
    height: 40px;
    font-family: scalasans;
    color: #000000;
    border: none;
    width: 75%;
    float: right;
    padding: 10px;
    border: 1px solid #2b9cc6;
    font-size:1em;
}

.formSpacer{
    clear:both;
    height:10px;
}

.wide100{
    width:100%;
}

.height100px{
    height:100px !important;
}

.lightGrey{
    background-color:#EAEAEA;
}
.formSendButton{
    font-family:scalasans;
    background-color:#000000;
    color:#FFFFFF;
    font-size:.9em;
    width:60px;
    height:30px;
    line-height:31px;
    text-align:center;
    text-transform:uppercase;
    margin:auto;

}

#thanksMessage{
    display:none;
    position:absolute;
    z-index:100;
    background-color:#FFFFFF;
    width:100%;
    height:100%;
    text-align:center;
    padding:1em;
    color:#000000;
}

#thanksMessageInner{
    display:table;
    vertical-align: middle;
    margin:auto;
}

#thanksButton{
    font-family:muli-black;
    background-color:#000000;
    font-weight:bold;
    font-size:1.5em;
    background-image:URL('/images/M-sendbutton.png');
    background-repeat:no-repeat;
    width:168px;
    height:62px;
    line-height:62px;
    text-align:center;
    text-transform:uppercase;
    color:#FFFFFF;
    margin:auto;
}

#thanksButton:hover, .formSendButton:hover{
    cursor:pointer;
}

.blueDots{
    border-top: dotted 3px #FBA919;
    border-bottom:none;
    margin-top:20px;
    margin-bottom:20px;
}

.blueBar{
    width:20%;
    height:8px;
    background-color:#FBA919;
    margin-top:30px;
    margin-bottom:30px;
}

.gotham{
    font-family:gotham;
}

.bold{
    font-weight:bolder;
}

.letterspacing5{
    letter-spacing:2px;
}

.size1dot5em{
    font-size:1.5em;
}

.imageStrip{
    margin-top:0px;
    height:455px;
    background-image:URL("/images/M-image-strip1.jpg");
    background-repeat:repeat-x;
    background-size:cover;
    background-position:center top;
    margin-bottom:100px;
}

.imageStrip2{
    margin-top:-180px;
    background-image:URL("/images/Base-graphic.png");
    margin-bottom:0px;
}

#logos{
    width:85%;
    margin:auto;
    text-align:center;
}

#logos img{
    width:100%;
    text-align:center;
    display:inline-block;
}

.small{
    font-family:gotham;
    font-size:.5em;
}

.logosBr{
    display:none;
}

#logosSmall{
    display:none;
}

#smallMenu{
    display:none;
}

#smallMenuItemContainer{
    display:none;
}

#director{
    height:100%;
    width:100%;
    position:absolute;
    z-index:1000;
    background-color:#000000;
}

#trGenericMain{
    width:60%;
    margin:auto;
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}

#trChoiceMain{
    width:90%;
    margin:auto;
}

#trChoice{
    width:50%;
    float:left;
    padding:1%;
    text-align:center;
    /*border: 10px solid #FF0000;*/
}

#mrChoice{
    width:50%;
    padding:1%;
    float:left;
    margin-left:0%;
    text-align:center;
    border-left:3px dotted #FFFFFF;
    /*border: 10px solid #FF0000;*/
}

.trBlue{
    color: #3AC2CF !important;
}

.choiceMainTitle{
    color:#FFFFFF;
    font-family:lemon;
    font-size:2.5em;
    text-align:center;
    letter-spacing:10px;
    margin-top:-20px;
}

.choiceLowerTitle{
    color:#FFFFFF;
    margin:auto;
    font-family:rockwell;
    font-size:1.1em;
    text-align:center;
    /*letter-spacing:5px;*/
    margin-top:-35px;
}

.trChoiceButton{
    font-family:gotham;
    font-weight:bold;
    font-size:1.5em;
    background-image:URL('/images/T-sendbutton.png');
    background-repeat:no-repeat;
    width:168px;
    height:62px;
    line-height:62px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    margin:auto;
    margin-top:30px;
}

.trChoiceButton:hover, .mrChoiceButton:hover{
    cursor:pointer;
}

.mrChoiceButton{
    font-family:gotham;
    font-weight:bold;
    font-size:1.5em;
    background-image:URL('/images/M-sendbutton.png');
    background-repeat:no-repeat;
    width:168px;
    height:62px;
    line-height:62px;
    text-align:center;
    text-transform:uppercase;
    color:white;
    margin:auto;
    margin-top:30px;
}

.section_header_blue{
    max-width:1000px;
    width:100%;
    margin:auto;
    color:#00a1df;
    font-family:scalasans;
    font-size:2.5em;
    margin-bottom:20px;
}

#features{
    margin-top:40px;
}

#features_container{
    max-width:1000px;
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:auto;
    align-items: flex-start;
    justify-content: space-evenly;
}

.feature{
    flex-direction:column;
    display:flex;
    width:45%;
    /*margin:auto;*/
    margin-bottom:30px;
    align-items:flex-start;
}

.feature_title{
    font-family:heading;
}

.feature_content{
    font-family:scalasans;
}

.feature_divider{
    background-color:#00a1df;
    height:8px;
    width:50px;
    margin-top:20px;
}

#products{
    margin-top:40px;
}

#products_container{
    max-width:1200px;
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:auto;
    align-items: flex-start;
    justify-content: space-evenly;
}

.product{
    flex-direction:row;
    display:flex;
    width:100%;
    /*margin:auto;*/
    margin-bottom:30px;
    align-items:flex-start;
    border:1px solid #CCCCCC;
    padding-top:20px;
    border-radius:10px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.p_product{
    flex-direction:row;
    display:flex;
    width:100%;
    /*margin:auto;*/
    margin-bottom:30px;
    align-items:flex-start;
    border:1px solid #CCCCCC;
    padding-top:20px;
    border-radius:10px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.p_product_image{
    width:35%;
}

.p_product_image img{
    width:100%;
}

.product_image_container{
    width:35%;
}

.product_image{
    width:100%;
}
.product_image img{
    width:100%;
}

.product_images{
    display:flex;
    flex-wrap: wrap;
    margin:auto;
    width:80%;
}

.product_thumb_image{
    width:30%;
    max-width:100px;
    border:1px solid #EEEEEE;
    margin-right:5px;
    margin-bottom:5px;
}

.product_thumb_image img{
    width:100%;
}

.product_thumb_image:hover{
    box-shadow: 0px 0px 2px rgba(0,0,0,.4);
}

.product_title{
    font-family:heading;
    font-size:1.8em;
    margin-bottom:20px;
}

.product_title a{
    color:#000000;
    text-decoration:none;
}

.product_content{
    font-family:scalasans;
    width:65%;
    margin-left:20px;
    display: flex;
    flex-direction: column;
    align-items:stretch;
}

.product_price{
    font-weight:bold;
    /*margin-top:15px;*/
    margin-bottom:15px;
    font-size:2.0em;
}
.product_price span{
    display:block;
    font-size:.5em;
    font-weight:normal;
}

.add_to_cart_button{
    background-color:#00a1df;
    color:white;
    height:30px;
    line-height:30px;
    /*text-transform:uppercase;*/
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    margin-top:10px;
    width:160px;
    text-align:center;
}

.add_to_cart_button:hover{
    cursor:pointer;
    background-color:#00adf0;
}

.footer_container{
    background-color:#000000;
    color:white;
    font-family:scalasans;
    font-size:.8em;
    height:205px;
    padding:20px;
    margin-top:80px;
}

.footer_inner_container{
    max-width:1000px;
    width:100%;
    margin:auto;
}

.footer{
    display:flex;
    align-items:center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.footer ul{
    margin:0;
    list-style-type: none;
}

.footer_image img{
    max-width:150px;
}

#spinnerCurtain {
    background-color: #000000;
}

#spinner {
    background-image: url('/images/spinner.gif');
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 150px;
    z-index: 2000;
}

#development_console{
    width:98%;
    margin:auto;
    font-weight:bold;
    font-family:scalasans;
}

#txt_dev_console{
    font-weight:normal;
    width:100%;
    height:120px;
    font-family:scalasans;
}

.subsPanelOuterContainer{
    
    height:400px;
    padding:10px;
    display:flex;
    flex-direction:row;
    background-color:#FFFFFF;
    border: 1px solid #E4E4E4;
    border-bottom:3px solid #caa449;
    /*border-bottom: 3px solid #F0F0F0;*/
    background: linear-gradient(0deg, rgba(230,221,221,1) 4%, rgba(255,255,255,1) 16%);
}

.subsPanelOuterContainer:hover{
    /*cursor:pointer;*/
}

#subs_purchase_form{
    background-color:#FFFFFF;
    padding:25px;
    width:100%;
    max-width:850px;
    margin:auto;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    border: 1px solid #DDDDDD;
    border-top: 3px solid #caa449;
    border-bottom: 35px solid #000000;
    z-index:100;
    display:none;
}

#subs_purchase_form_close_button{
    float:right;
    margin-top:-10px;
    margin-right:-10px;
    width:30px;
    height:30px;
    font-size:2em;
    background-color:#000000;
    color:#FFFFFF;
    text-align:center;
    line-height:31px;
}

#subs_purchase_form_close_button:hover{
    cursor:pointer;
}

#subs_purchase_form_title{
    text-transform: uppercase;
    font-family: scalasans;
    margin-bottom: 10px;
    font-size:2.5em;
}

#subs_purchase_form_description{
    font-size:.9em;
    border-bottom:2px solid #EEEEEE;
    padding-bottom:10px;
}

.subs_purchase_step_heading{
    text-transform: uppercase;
    font-family: scalasans;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size:1.5em;
}

#subs_step_2, #subs_step_3, #subs_step_4{
    display:none;
}

#subs_next_button{
    height: 35px;
    line-height: 35px;
    background-color: #caa449;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: scalasans;
    font-size: .8em;
    width: 130px;
    float:right;
}

#subs_next_button:after{
    display:block;
    content:'';
    clear:both;
}

#subs_prev_button{
    height: 35px;
    line-height: 35px;
    background-color: #caa449;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: scalasans;
    font-size: .8em;
    width: 130px;
    float:left;
}



#subs_prev_button:after{
    display:block;
    content:'';
    clear:both;
}

.subs_field{
    margin-bottom:10px;
    width:100% !important;
    font-size:.9em;
    padding-left:10px;
    box-shadow:1px 1px 1px rgba(0,0,0,.2);
    border:1px solid #999999;
    height:35px;
}



.subscription_purchase_container{
    display:flex;
}

.subscription_purchase_container_main{
    display:flex;
    width:100%;
}

.subs_purchase_form_field_label{
    font-size:.8em;
    font-weight:bold;
}

#subs_billing_fields{
    margin-top:20px;
}

.address_dialogue_form{
    display:none;
    padding: 20px;
    background-color: #FFFFFF;
    z-index: 100;
    border-left: 5px solid #caa449;
}

.halfLeftCheckout{
    width:49%;
    float:left;
}

#tandc_dialogue{
    z-index:100000;
}

#tandc_dialogue p{
    margin-top:10px;
    margin-bottom:10px;
}

.halfRight{
    width:49%;
    float:right;
}

.width90pc{
    width:90% !important;
}

.close_button{
    float:right;
    margin-top:-10px;
    margin-right:-10px;
    width:30px;
    height:30px;
    font-size:2em;
    background-color:#000000;
    color:#FFFFFF;
    text-align:center;
    line-height:31px;
}
/* ############# Dialogue Box ################# */
#dialogue{
    box-shadow:0px 0px 5px rgba(0,0,0,.7);
    background-color:#FFFFFF;
    width:95%;
    max-width:450px;
    /*height:250px;*/
    border:1px solid #999999;
    display:none;
    position:absolute;
    z-index:100;
}

#dialogueHeader{
    height:35px;
    background-color:#00a1df;
    color:#FFFFFF;
    line-height:35px;
    padding:0px 0px 0px 10px;
    font-family:scalasans;
    text-transform:uppercase;
}

#dialogueHeaderCloseButton{
    float:right;
    width:35px;
    height:35px;
    line-height:35px;
    color:#FFFFFF;
    text-align:center;
}

#dialogueHeaderCloseButton:before{
    content: "X";
    color:#FFFFFF;
    font-family:scalasans;
}

#dialogueHeaderCloseButton:hover{
    color:#FF0000;
    cursor:pointer;
    background-color:#333333;
    font-family:scalasans;
}

#dialogueContent{
    width:90%;
    margin:auto;
    margin-top:30px;
    clear:both;
    font-family:scalasans;
}

#dialogueContentHeader{
    font-weight:bold;
}

#dialogueContentText{
    margin-top:20px;
    margin-bottom:30px;
    font-family:scalasans;
}

#dialogueButtons{
    width:95%;
    margin:auto;
    border-top:1px solid #DDDDDD;
    font-family:scalasans;
    margin-bottom:10px;
}

#dialogueButtons:after{
    content:"";
    display:block;
    clear:both;
}

#dialogueOKButton, #dialogueCancelButton{
    float:right;
    height:35px;
    line-height:35px;
    color: #999999;
    padding: 0px 10px 0px 10px;
    text-align:center;
    margin-top:10px;
    font-family:scalasans;
}

#dialogueOKButton:hover, #dialogueCancelButton:hover{
    cursor:pointer;
    background-color:#333333;
    color:#FFFFFF;
}



#cartSpinner{
    position:absolute;
    top:0px;
    left:0px;
    height:400px;
    z-index:10000;
    line-height:400px;
    background-color:rgba(0,0,0,.3);
    background-image:URL("/images/spinner.gif");
    background-position:center;
    background-repeat:no-repeat;
    background-size:25%;
    display:none;
}
/* ############# End Dialogue Box ################# */

.subscription_purchase_product_image img{
    max-width:80px;
    border-radius:10px;
    border:1px solid #CCCCCC;
}

.subscription_purchase_product_name{
    font-weight:bold;
    padding-left:20px;
}

.subscription_purchase_product_container{
    display: flex;
    align-items: center;
}

.subscription_purchase_left,.subscription_purchase_right{
    display:flex;
    flex-direction:column;
    flex-basis:50%;
    padding:30px;
}

.subscription_purchase_left img{
    width:100%;
}

.subscription_purchase_right{
    border-left:1px solid #666666;
    background-color:#F3F3F3;
    padding:50px; 
}

.subscription_purchase_costing_row_container{
    font-weight:bold;
    margin-bottom:5px;
}

.subscription_purchase_cost_item, .subscription_purchase_cost_item2{
    float:right;    
}

/* SUGGESTED ADDRESS DIALOGUES */

#shipping_suggestedAddresses{
    display:none;
    position:absolute;
    background-color:#FFFFFF;
    box-shadow:0px 0px 5px rgba(0,0,0,.5);
    z-index:20;
}

#shipping_suggestedClose{
    box-sizing:border-box;
    float:right;
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    padding:3px;
    height: 30px;
    line-height: 25px;
}

#shipping_suggestedClose:hover{
    cursor:pointer;
    background-color:#333333;
}

.shipping_suggestedAddress{
    height:30px;
    line-height:30px;
    border:1px solid #999999;
    padding-left:3px;
    overflow-x:hidden;
    overflow-y:hidden;
}
.shipping_suggestedAddress:hover{
    cursor:pointer;
    background-color:#DDDDDD;
}

.shipping_suggestedAddressesTitle{
    background-color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:.7em;
    height:30px;
    line-height:30px;
    color:#FF0000;
}

#billing_suggestedAddresses{
    display:none;
    position:absolute;
    background-color:#FFFFFF;
    box-shadow:0px 0px 5px rgba(0,0,0,.5);
    z-index:20;
}

#billing_suggestedClose{
    box-sizing:border-box;
    float:right;
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    padding:3px;
    height: 30px;
    line-height: 25px;
}

#billing_suggestedClose:hover{
    cursor:pointer;
    background-color:#333333;
}

.billing_suggestedAddress{
    height:30px;
    line-height:30px;
    border:1px solid #999999;
    padding-left:3px;
    overflow-x:hidden;
    overflow-y:hidden;
}
.billing_suggestedAddress:hover{
    cursor:pointer;
    background-color:#DDDDDD;
}

.billing_suggestedAddressesTitle{
    background-color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
    font-size:.7em;
    height:30px;
    line-height:30px;
    color:#FF0000;
}

.product_qty_button{
    float: left;
    /*display: inline-block;*/
    height: 30px;
    width: 30px;
    text-align: center;
    background-color: black;
    color: white;
    line-height: 29px;
    font-weight: bold;
}

.product_qty_value{
    height:30px;
    width:100px;
    line-height:30px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    text-align:center;
    float:left;
}

.product_qty_label{
    
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding-right:10px;
    font-size:.8em;
}

.small_product_panel{
    float:left;
    width:100%;
    padding:5px;
    text-align:center;
    margin-bottom:30px;
}

.small_product_panel img{
    width:100%;
}

.small_product_panel_container{
    width:20%;
    max-width:200px;
    margin:auto;
}

.product_description{
    width:95%;
    line-height:1.5em;
}

hr{
    margin-top:2px;
    margin-bottom:3px;
    clear:both;
}

.button{
    background-color:#00a1df;
    color:white;
    height:30px;
    line-height:30px;
    text-transform:uppercase;
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    margin-top:10px;
    width:160px;
    text-align:center;
}

.button:hover{
    background-color:#00adf0;
}

#products_home{
    display:flex;
    flex-wrap:wrap;
    max-width:1000px;
    margin:auto;
}

.testimonial{
    max-width:1000px;
    width:95%;
    margin:auto;
}

.testimonial_quote{
    font-size: 1.8em;
    font-style: italic;
    font-family: 'heading';
    margin-left:30px;
}

.testimonial_quote::before{
    display:inline-block;
    content:"\201C";
    margin-bottom:-30px;
    margin-left:-30px;
    font-size:1.5em;
}

.testimonial_quote::after{
    display:inline-block;
    content:"\201D";
    font-size:1.5em;
}

.testimonial_attribution{
    margin-left:50px;
    float:right;
}

.testimonial_attribution::before{
    display:inline-block;
    content: "\2014";
    margin-right:5px;
}

#installers_image_strip_container{
    display:flex;
    max-width:1200px;
}

.installers_image{
    width:25%;
    background-repeat:no-repeat;
    background-size:contain;
    height:300px;
}

#installers_image_1{
    background-image:URL('/images/installers/1.jpg');
}
#installers_image_2{
    background-image:URL('/images/installers/2.jpg');
}
#installers_image_3{
    background-image:URL('/images/installers/3.jpg');
}
#installers_image_4{
    background-image:URL('/images/installers/4.jpg');
}

#home_image_1{
    background-image:URL('/images/strips/home1.jpg');
}
#home_image_2{
    background-image:URL('/images/strips/home2.jpg');
}
#home_image_3{
    background-image:URL('/images/strips/home3.jpg');
}
#home_image_4{
    background-image:URL('/images/strips/home4.jpg');
}

#safety_image_1{
    background-image:URL('/images/strips/safety1.jpg');
}
#safety_image_2{
    background-image:URL('/images/strips/safety2.jpg');
}
#safety_image_3{
    background-image:URL('/images/strips/safety3.jpg');
}
#safety_image_4{
    background-image:URL('/images/strips/safety4.jpg');
}

#monitor_image_1{
    background-image:URL('/images/strips/monitor1.jpg');
}
#monitor_image_2{
    background-image:URL('/images/strips/monitor2.jpg');
}
#monitor_image_3{
    background-image:URL('/images/strips/monitor3.jpg');
}
#monitor_image_4{
    background-image:URL('/images/strips/monitor4.jpg');
}

#installationForm{
    display:none;
}

.product_price_outer{
    margin-left:3.5%;
    flex-basis:25%;
}

.product_cart_controls{
    flex-basis:25%;
}

#home_image_1 p, #home_image_4 p,#safety_image_1 p, #safety_image_4 p{
    display:none;
}

.installation_costs_container{
    display:flex;
    flex-direction: column;
    max-width:500px;
}

.installation_costs_row_container{
    display:flex;
    margin-bottom:10px;
}

.installation_item_left{
    flex-basis:80%;
}

.installation_item_right{
    flex-basis:20%;
    text-align:right;
    font-weight:bold;
}

#home_image_1, #home_image_2, #home_image_3, #home_image_4, #safety_image_1, #safety_image_2, #safety_image_3, #safety_image_4, #monitor_image_1, #monitor_image_2, #monitor_image_3, #monitor_image_4{
    position:relative;
}

#home_image_1 p, #home_image_2 p, #home_image_3 p, #home_image_4 p, #safety_image_1 p, #safety_image_2 p, #safety_image_3 p, #safety_image_4 p, #monitor_image_1 p, #monitor_image_2 p, #monitor_image_3 p, #monitor_image_4 p{
    display: block;
    position: absolute;
    bottom: 0px;
    /* left: 10px; */
    color: #FFFFFF;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
    width: 100%;
    margin-bottom:0;
}

/* BLOG */
.blog_list_wrapper{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*flex-basis:30%;*/
}

.blog_list_container{
    display:flex;
    flex-direction: column;
    align-items: stretch;
    /*padding: 10px;*/
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    /*border-bottom: 3px solid #caa449;*/
    /* border-bottom: 3px solid #F0F0F0; */
    /*background: linear-gradient(0deg, rgba(230,221,221,1) 4%, rgba(255,255,255,1) 16%);*/
    border: 1px solid #CCCCCC;
    margin-bottom:3%;
    width:30%;
    margin-left:3%;
    /*box-shadow: 3px 3px 3px rgba(0,0,0,.2);*/
}

.blog_list_thumbnail{
    width:100%;
    margin-right:20px;
    border:none !important;
}

.blog_list_inner_container{
    width:100%;
}

.blog_list_date{
    font-size:.8em;
    font-weight:bold;
    margin-bottom:20px;
    padding:0px 10px 0px 10px;
}

.blog_list_title{
    text-transform: uppercase;
    font-family: heading;
    margin-bottom: 10px;
    font-size: 1.3em;
    padding:0px 10px 0px 10px;
}
.blog_list_thumbnail img{
    width:100%;
    /*border:1px solid #666666;*/
}

.blog_list_preview{
    margin-bottom:20px;
    padding:0px 10px 0px 10px;
}

.blog_list_read_button{
    margin: 0 0 20px 20px;
    height: 35px;
    line-height: 35px;
    /*background-color: #caa449;*?
    /* color: #caa449; */
    /*
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-family: scalasans;
    font-size: .8em;
    width: 130px;
    bottom: 30px;
    */
}

.blog_list_read_button:hover{
    cursor: pointer;
    /*background-color: #c38f12;*/
    /* box-shadow: inset 3px 3px 3px;*/
}

.blog_header img{
    margin-top:20px;
    width:100%;
    margin-bottom:30px;
    border: 1px solid #000000;
}

.blog_content{
    margin-bottom:40px;
}

.blog_title{
    max-width: 1200px;
    font-family: heading;
    /*color: #caa449;*/
    color:#000000;
    font-size: 3em;
    margin: auto;
    text-align: left;
    margin-bottom: 5px;
}

.blog_meta{
    color:#c38f12;
    font-size:.8em;
    margin-bottom:40px;
}

.blog_back_button{
    height: 35px;
    line-height: 35px;
    /*background-color: #caa449;*/
    /* color: #caa449; */
    /*
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-family: bodyFont;
    font-size: .8em;
    width: 180px;
    bottom: 30px;
    margin-bottom: 50px;
    */
}

.blog_back_button:hover{
    cursor: pointer;
    /*background-color: #c38f12;*/
}

/* END BLOG */

@media only screen and (max-width: 650px) {
    .blog_list_container{
        flex-basis:95% !important;
    }

    .product_image {
        width: 100% !important;
    }

    .p_product_image{
        width:100% !important;
    }

    .step img{
        width:50px;
    }
    .step_number{
        width:60px;
    }

    #logoHeaderImage{
        display: block;
        margin: auto;
        margin-top: -10px;
        width: 250px;
    }

    .subscription_purchase_right{
        border-left:1px solid #666666;
        background-color:#F3F3F3;
        padding:20px; 
    }

    #cashpoint_checkout_card{
        display:none;
    }
}

@media only screen and (max-width: 1750px) {
    
    #headerContainer{
        width:90%;
    }
    #headerMenu ul li{
        font-size:.7em;
    }
}

@media only screen and (max-width: 1200px) {
    #headerContainer{
        width:100%;
    }

    .p100percent{
        width:90%;
    }
    
}

@media only screen and (max-width: 1050px) {

    .product_image {
        width: 50%;
        margin: auto;
    }

    .p_product_image{
        width:50%;
        margin:auto;
    }

    .blog_list_container{
        flex-basis:45%;
    }

    .testimonial_quote {
        font-size: 1.2em;
        
    }

    .installers_image{
        width:50% !important;
        height:100px;
    }

    #home_image_2, #home_image_3, #safety_image_2, #safety_image_3,#installers_image_2, #installers_image_3, #monitor_image_1, #monitor_image_2{
        display:none;
    }

    #home_image_1, #home_image_4,#safety_image_1, #safety_image_4{
        position:relative;
    }

    #home_image_1 p, #home_image_4 p,#safety_image_1 p, #safety_image_4 p{
        display:block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        color: #FFFFFF;
        background-color: rgba(0,0,0,.5);
        padding: 10px;
        width:100%;
    }

    #installationForm{
        display:none;
        flex-direction:column;
    }

    .formLabel{
        width:100%;
    }

    #installationForm .formField, #installerForm .formField{
        width:100%;
    }

    #contactForm .formField{
        width:100%;
    }

    #installers_image_strip_container{
        /*height:110px;*/
    }

    .social_icon img{
        width:30px;
    }

    .section_header_blue{
        width:90%;
    }

    .product_image_container{
        width:100%;
    }

    .slider-container{
        width:100% !important;
    }

    .product{
        flex-direction:column;
        width:95%;
        margin:auto;
        margin-bottom:20px;
    }

    .p_product{
        flex-direction:column;
        width:95%;
        margin:auto;
        margin-bottom:20px;
    }

    .product_cart_controls{
        width: 90%;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    }


    .product_content{
        width:95%;
    }

    .p50percent{
        width:90%;
    }

    .product_more_button{
        margin-bottom:20px;
    }

    .small_product_panel_container {
        width: 30%;
    }
    .subscription_purchase_container {
        flex-direction:column-reverse;
    }

    .halfLeftCheckout {
        width: 100%;
    }

    #small_cart{
        display:block;
    }

    #strategic_header{
        font-size:2.5em;
    }

    #small_contact_table{
        display:block;
    }

    #small_contact_table td{
        text-align:center;
    }
    
    #big_contact_table{
        display:none;
    }

    #small_twom_table{
        display:block;
    }
    
    #big_twom_table{
        display:none;
    }

    #small_twom_table img{
        text-align:center;
        display:block;
        width:80%;
        margin:auto;
    }

    #small_team_table{
        display:block;
    }
    
    #big_team_table{
        display:none;
    }

    #smallLogo{
        float:left;
        height:33px;
        width:115px;
        background-image:URL("/images/smartcamco_header.png");
        background-position:center top;
        background-size:contain;
        margin-left:5px;
        margin-top:3px;
        background-repeat:no-repeat;
    }
    
    .homeHeroImage {
        height: 200px;
        padding-top: 30px;
    }

    #logoHeaderImage{
        display: block;
        margin: auto;
        margin-top: -10px;
        width: 95%;
    }

    .homeHeroImage img {
        width:60%;
    }

    #heroUpperTitle {
        width: 80%;
        /*font-size:.8em;*/
        letter-spacing:0px;
        text-align:center;
    }

    .p65percent{
        width:95% !important;
    }
    #headerSection{
        height:40px;
    }
    #headerSpacer{
        height:40px;
    }
    #headerLogo, #headerMenu, #headerContainer{
        display:none;
    }
    
    #heroMainTitle{
        font-size:1.8em;
        margin-top:10px;
    }

    #heroLowerTitle{
        font-size:1.1em;
        line-height:1.1em;
    }
    .whiteSection,.blackSection{
        width:90%;
    }
    .halfLeftBlue{
        float:none;
        width:100%;
        padding-right:0px;
        line-height:1.2em !important;
    }
    .halfRightBlack{
        width:100%;
        padding-right:0px;
    }
    #candidates{
        width:85%;
        word-wrap: break-word;
    }
    .sectionTitle{
        font-size:1.8em;
    }
    #employers{
        width:85%;
    }

    .imageStrip{
        margin-bottom:40px;
    }

    p.heroUpperTitle.blue{
        font-size:1.2em;
        width:85%;
    }
    .logos{
        width:100%;
    }
    #logosWide{
        display:none !important;
    }
    #logosSmall{
        display:block;
    }
    .halfLeft, .halfRight{
        width:100%;
        float:none;
        padding:0px;
    }

    #breaks{
        display:none;
    }

    .imageStrip2{
        margin-bottom:0px !important;
    }

    #smallMenu{
        display:inline-block;
        float:right;
        margin-top:4px;
        margin-right:10px;
    }
    .hamMenu{
        width: 30px;
        height: 4px;
        background-color: #000000;
        margin: 5px 0;
    }

    .smallMenuItem{
        width:100%;
        background-color:#000000;
        font-family:scalasans;
        font-weight:bold;
        height:35px;
        line-height:35px;
        padding-left:20px;
        border-bottom:1px solid #333333;
    }

    .smallMenuItem:hover{
        cursor:pointer;
    }
    .smallMenuItem:first-child{
        border-top:1px solid #333333;
    }
    #smallMenuItemContainer{
        display:none;
        width:100%;
        margin-top:35px;
    }

    #trGenericMain{
        /*width:85%;*/
        margin:auto;
        text-align:center;
        margin-top:20px;
        margin-bottom:5px;
    }

    #trGenericMain img{
        width:100%;
    }

    #trChoiceMain{
        width:95%;
        margin:auto;
        text-align:center;
    }

    #trChoice{
        width:100%;
        padding:1%;
        text-align:center;
        margin:auto;
        float:none;
        /*border: 10px solid #FF0000;*/

    }

    #mrChoice{
        width:100%;
        padding:1%;
        text-align:center;
        margin:auto;
        /*border: 10px solid #FF0000;*/
        border:none;
        margin-top:30px;
    }

    .trBlue{
        color: #3AC2CF !important;
    }

    .choiceMainTitle{
        color:#FFFFFF;
        font-family:lemon;
        font-size:1.2em;
        text-align:center;
        letter-spacing:2px;
        margin-top:-5px;
        margin-bottom:25px;
    }

    .choiceLowerTitle{
        color:#FFFFFF;
        margin:auto;
        font-family:rockwell;
        font-size:.8em;
        text-align:center;
        /*letter-spacing:5px;*/
        margin-top:-25px;
    }

    .trChoiceButton{
        font-family:gotham;
        font-weight:bold;
        font-size:1em;
        background-image:URL('/images/T-sendbutton.png');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center top;
        width:168px;
        height:31px;
        line-height:31px;
        text-align:center;
        text-transform:uppercase;
        color:white;
        margin:auto;
        margin-top:10px;
    }

    .trChoiceButton:hover, .mrChoiceButton:hover{
        cursor:pointer;
    }

    .mrChoiceButton{
        font-family:gotham;
        font-weight:bold;
        font-size:1em;
        background-image:URL('/images/M-sendbutton.png');
        background-repeat:no-repeat;
        background-size:50%;
        background-position:center top;
        width:168px;
        height:31px;
        line-height:31px;
        text-align:center;
        text-transform:uppercase;
        color:white;
        margin:auto;
        margin-top:10px;
    }

    .sectionSubTitle{
        font-size:.8em;
        margin-top:0px;
        margin-bottom:5px;
        width:100%;
    }

    .footer_inner_container{
        width:95%;
    }

    #steps{
        width:90%;
        max-width:1000px;
        display:flex;
        flex-direction:column;
        justify-items: center;
        justify-content: space-between;
        margin:auto;
    }

    .content_blurb {
        font-size: 1em;
        max-width: 1000px;
        width: 90%;
        margin: auto;
        margin-top: 30px;
        font-family: scalasans;
    }

    .homeHeroImage {
        height: auto;
        padding-top: 30px;
    }

    .step {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-items: center;
        justify-content:left;
        align-items: center;
    }

    .image_strip {
        margin-top: 27px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 79px;
    }

    .footer_container {
        background-color: #000000;
        color: white;
        font-family: scalasans;
        font-size: .8em;
        height: auto;
        padding: 20px;
        margin-top: 80px;
    }
}