.vss-newsletter{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.vss-newsletter *, .vss-newsletter *:before, .vss-newsletter *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.vss-newsletter_heading{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.vss-newsletter {
    display: block;
    background: #FCFCFC;
    width: auto;
    border: 1px solid #dedede;
    /*padding-bottom: 3px;*/
    color: #333;
    min-height: 48px;
    clear: both;
}
.vss-newsletter_heading {
    color: #f12f18;
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
    float: left;
}
.vss-newsletter_heading.vss-outside{
    padding: 6px 8px;
    width: 100%;
    border: 1px solid #4880b4;
    border-bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #4880b4;
    color: #fff;
}
.vss-newsletter_text {
    font-size: 11px;
    padding: 8px 10px 0px;
    float: left;
}
.vss-newsletter_input {
    float: right;
    padding: 9px;
    display: table;
}
.vss-newsletter_button {
    text-align: center;
    color: #fff;
    background-color: #2368B5;
    text-decoration: none;
    font-weight: bold;
    padding: 4px 3px 3px;
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 28px;
}
.vss-subscription_msg {
    color: #ff0000;
    display: none;
    font-size: 16px;
    min-height: 30px;
    padding: 10px 10px 0;
/*    position: absolute;*/
}

.vss-newsletter input[type='text'] {
    background: #fff;
    padding: 5px 3px 6px 3px;
    padding: 4px 3px 7px 3px\9;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 11px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: 28px;
    width: 100%;
    border: 1px solid #eaeaea;
    min-width: 185px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.vss-clear{
    clear: both;
}

.subscription_box{
    display: table;
}
/* BOC - Newsletter css on footer */
.footer-newsletter{
    padding-bottom: 10px;
}
.footer-text {
    color: #666666;
    text-transform: uppercase;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
    text-align: left;
}
.footer-signup {
    height: 31px;
    margin-left: 10px;
    background-color: #fff;
    width: 281px;
    position: relative;
}

/*Css for Chrome Browser*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .footer-signup {
        height: 30px;
    }
    .footer-signup-text{
        margin: 1px 4px 0 !important;
    }
}
/*Css for Chrome Browser*/

.subscription_button {
    background: url("../image/subscribe_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff !important;
    display: block;
    float: left;
    margin-top: 3px;
    padding: 3px 10px 3px 13px;
    text-decoration: none;
    width: 71px;
}
.footer-signup-text {
    border: medium none !important;
    float: left;
    margin: 2px 4px 0 !important;
    width: 170px !important;
}
.newsletter_subscribtion_msg {
    color: #ff0000;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
}
.footer-signup{
    position: absolute;
    right: 87px;
    text-align: left;
    top: 9px;
}
/* EOC - Newsletter css on footer */
.vss-newsletter_heading{
    padding: 6px 12px 6px !important;
}

/*Css for responsive*/
@media (min-width: 1181px) and (max-width: 1245px) {
    .col-main .vss-newsletter_text{
        width: 61%;
    }
}
@media (min-width: 1081px) and (max-width: 1180px) {
    .col-main .vss-newsletter_text{
        width: 57%;
    }
}
@media (min-width: 1015px) and (max-width: 1080px) {
    .col-main .vss-newsletter_text{
        width: 54%;
    }
}
@media (min-width: 941px) and (max-width: 1063px) {
    .vss-newsletter_text{
        width: 50%;
    }
    .col-main .vss-newsletter_text{
        width: 50%;
    }
}
@media (min-width: 844px) and (max-width: 942px) {
    .vss-newsletter_text{
        width: 46%;
    }
}
@media (min-width: 774px) and (max-width: 843px) {
    .vss-newsletter_text{
        width: 41%;
    }
}
@media (min-width: 751px) and (max-width: 773px) {
    .vss-newsletter_text{
        width: 51%;
    }
}
@media (min-width: 770px) and (max-width: 942px) {    
    .col-main .vss-newsletter_text{
         width: 100%;
     }
     .col-main .vss-newsletter_input {
        float: none;
        margin: 0 auto;
    }
}
@media (max-width: 770px) {    
    .col-main .vss-newsletter_text{
         width: 100%;
     }
     .col-main .vss-newsletter_input {
        float: none;
        margin: 0 auto;
    }
    .vss-newsletter_text{
        width: 100%;
    }
}
@media (min-width: 569px) and (max-width: 619px) {
    
}
@media (min-width: 522px) and (max-width: 568px) {
    
}
@media (min-width: 421px) and (max-width: 521px) {
    
}
@media (min-width: 220px) and (max-width: 420px) {
    
}
@media (max-width: 778px) {
    .vss-newsletter_heading.vss-outside{
        padding: 6px 8px !important;
    }
}
/*Css for responsive*/
.vss_table_cell{
    display: table-cell;
    width: auto;
    vertical-align: middle;
}
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#vss-autosubscribe-dlgPopUpForm {
    display: none;
    padding-bottom: 2px !important ;
}
.vss-heading {    
    font-weight: bolder;
    text-align: center !important;
    padding-top: 12px !important;
    padding-bottom: 30px !important;
    margin-top: 0px !important;
    font-weight: bold !important;
}
#vss-autosubscribe-dlgPopUpForm-main {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
#vss-autosubscribe-dlgPopUpForm-main  p {
    height: 36% !important;
    font-weight: normal !important;
    padding-top: 7px !important;
    font-size:small !important ;
}
 #contact-container .modal_close {
    width: 38px ;
    height: 34px !important ;    
    position: absolute !important ;
    display: block;    
    background: url(../image/modal_close.png) !important ;
    z-index: 2 !important;
}
#vss-autosubscribe-dlgPopUpForm-left-content {
    display: table-cell;
    width: 46% !important;
    height: 95% !important;
    padding: 0 0 0 8px !important;
    margin-left: 10px !important;
}
#vss-autosubscribe-dlgPopUpForm-left-content img {
    width: 100% !important;
    max-height: 296px !important;    
    background-color: #ffffff;
    box-shadow: none;
    border: 4px solid lightgrey;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vss-right-content {
    display: table-cell;
    height: 100% !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    padding-top: 0px !important;
    vertical-align: top !important;
}
#vss-right-content-no-image {
    float: right !important;
    height: 100% !important;
    padding-right: 25px !important;
    padding-top: 10px !important;
    width: 86% !important;
}
#vss-autosubscribe-dlgPopUpForm-right-bottom {
    margin-bottom: 10px !important;
}
.vss-autosubscribe-textboxclass {
    height: 30px !important ;
    width: 100% !important;
    background-color:#FFFFFF !important ;
    float:left !important;
    padding: 5px !important;
    font-size: 12px !important;
    
    box-shadow:none !important;
    border: 1px solid #cccccc !important;
    font-family: verdana, Arial,'sans serif' !important; 
    margin-top: 10px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vss-autosubscribe-btnclass {
    width: 150px !important;
    height:32px !important ;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
    font-size: 14px;
    font-family: Helvetica, Arial, Sans-Serif;
    vertical-align: middle;
    font-weight:bold !important;
    margin-top: 15px !important;
}
.vss-autosubscribe-btnclass-no-image {
    width: 150px !important;
    height:32px !important ;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
    font-size: 14px;
    font-family: Helvetica, Arial, Sans-Serif;
    vertical-align: middle;
    font-weight:bold !important;
    margin-left: 28% !important;
    margin-top: 15px !important;
}
.vss-autosubscribe-btnclass:hover {
    opacity: 0.8!important;
}
#vss-autosubscribe-loadingpopup {
    display: none;
    padding-top: 10px !important;
    padding-left: 200px !important ;
}
.sucessMsg{
    width:auto !important;
    border: 1px solid #D8D8D8 !important;
    text-align: center !important;
    margin-top: 17px !important;
    
    padding: 10px !important;
    -moz-box-shadow: inset 0px 0px 9px -4px #888888;
    -webkit-box-shadow: inset 0px 0px 9px -4px #888888;
    box-shadow: inset 0px 0px 9px -4px #888888;
    margin: 0px 10px;
    background: rgb(20, 163, 20);
    color: #fff;
}
#vss-autosubscribe-display-success {
    width:auto !important;
    border: 1px solid #D8D8D8 !important;
    padding: 10px !important;
    
    font-family: Arial !important;
    font-size: 11px !important;
    background-color: rgb(236, 255, 216) !important;
    color: green !important;
    text-align: center !important;
    margin-top: 10px !important;
}
#vss-autosubscribe-display-error {
    width:auto !important;
    border: 1px solid rgb(241, 95, 67) !important;
    padding: 5px !important;
    border-radius: 4px !important;
    font-family: Arial !important;
    font-size: 11px !important;
    background-color: rgb(255, 249, 242) !important;
    color: rgb(211, 0, 0) !important;
    text-align: left !important;
    margin: 10px 10px 0px !important;
}

@media (max-width:320px) { 
    /* smartphones, iPhone, portrait 480x320 phones */
    .vss-autosubscribe-textboxclass {
        width: 100% !important;
    }
}
@media (max-width:481px) { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .vss-autosubscribe-textboxclass {
        width: 100% !important;
    }
}

@media (min-width:300px) and (max-width:437px) { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #contact-container{
        width: 90% !important;
    }
}



@media (max-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */
    
}
@media (max-width:1281px) {
    /* hi-res laptops and desktops */
    
}
#contact-container{
    background: url(../image/background.png) !important;
}

/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#contact-overlay {background-color:#000; z-index: 100001 !important;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px; z-index: 100001 !important;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
#mainForm{
    margin-top: 10px !important;
}

/*Css for left, right column and footer section*/

.col-left .vss-newsletter_heading, .col-right .vss-newsletter_heading{
    float: none;
}
.col-left .vss-newsletter, .col-right .vss-newsletter{
    float: none;
    width: auto;
}

.col-left .vss-newsletter_text, .col-right .vss-newsletter_text, .footer-container .vss-newsletter_text{
    padding: 6px 6px 0;
    float: none;
    width: 100%;
}
.col-left .vss-newsletter_input, .col-right .vss-newsletter_input, .footer-container .vss-newsletter_input{
    padding: 6px;
    float: none;
    width: 100%;
    display: block;
}
.col-left .subscription_box, .col-right .subscription_box, .footer-container .subscription_box{
    display: block;
}
.col-left .subscription_box .vss_table_cell, .col-right .subscription_box .vss_table_cell, .footer-container .vss_table_cell{
    display: block;
}
.col-left .vss-newsletter input[type='text'], .col-right .vss-newsletter input[type='text'], .footer-container .vss-newsletter input[type='text']{
    margin-bottom: 6px;
    min-width: 100%;
}
.col-left .vss-newsletter_button, .col-right .vss-newsletter_button, .footer-container .vss-newsletter_button{
    width: 100%;
}
@media(max-width:640px){
div#contact-container {
    width: 90% !important
}
}