/* Header */
.header{padding: 0 0 14px; border-bottom: 1px solid #e5e5e5; position: fixed; background-color: #fff; width: 100%; z-index: 1000; background: url(../images/banner.png) repeat-x center bottom #fff;}
.chatIcon{text-align: center; margin-top: 13px;}
.chatIcon a, .contactInfo a{color: #000;}
.contactInfo{text-align: right;}
.contactInfo strong{font-size: 15px;}

/* Special Intro */
#specialIntro{padding-bottom: 115px; padding-top: 135px; background-color: #fff7f4;}
#specialIntro .container{position: relative;}
#specialIntro h2, #specialIntro ul{font-weight: bold;}
#specialIntro img{max-width: 100%;}
.ulPadding{padding-left: 17px;}
.opcity50{opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;}
.priceCalculator{width: 380px; padding: 15px; background-color: rgba(255, 255, 255, 0.75); position: absolute; top: 20px; right: 0;}
.question{color: #fff; padding: 13px 19px; display: inline-block; background-color: #0f6fbc; border-radius: 4px; margin: auto; }
a.question:hover{color: #fff; text-decoration: none;}
.formHeading{margin-top: 25px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); color: #414141;}
.formElement{padding-top: 10px;}
.formElement .elementRow{position: relative; margin-top: 10px;}
.formElement .elementRow:first-child{margin-top: 0;}
.formElement .elementRow .questionIcon{width: 20px;}
.formElement .elementRow .labelBox{display: inline-block; width: 100px;}
.formElement .elementRow label{font-weight: normal;}
.formElement .elementRow .selectBox.pull-right{padding: 10px 0; font-weight: bold;}
.formElement .elementRow .help{color: #0961a9; font-size: 15px; font-weight: bold; cursor: pointer; padding-left: 5px; display: inline; margin-right: 5px; float: right;}
.formElement .elementRow .help:hover .helpAnswer{display: block; left: 0; width: 100%;}
.formElement .elementRow .helpAnswer{font-size: 11px; color: #fff; background-color: #4E95CF;  border-radius: 4px; padding: 5px; text-align: justify; position: absolute; display: none; z-index: 9;}
.formElement .elementRow .helpAnswer p{margin-bottom: 5px; font-weight: normal;}
.formElement .elementRow .selectBox{width: 242px; display: inline-block;}
.formElement .elementRow select{border: 1px solid #cdcdcb; padding: 10px 11px 7px 11px; display: block; width: 100%;}
.formButton{text-align: center; padding-top: 5px;}
.formButton button{margin-top: 15px; width: 290px;}
.formButton button i{float: left;}
.formButton .glyphicon:before, .formButton .fa:before{line-height: 18px;}

/* category dropdown, taken from form-control */
#catNOTUSED {
    display: block;
    width: 240px;
    height: 44px;
    padding: 6px 12px;
    font-size: 18px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#leftsamples {
	min-height: 280px;
}

/* Common Question */
.commonQuestion{font-size: 25px; text-align: center; font-weight: bold; padding: 20px 0;}
.commonQuestion div.quationWrap{display: inline-block; position: relative;}
.commonQuestion div.questionTxt{display: inline-block; padding: 24px 32px; box-shadow: 0 0 12px rgba(0,0,0,0.8); border-radius: 10px; position: relative; background-color: #fff;}
.commonQuestion div.questionTxt a:hover{text-decoration: none;}
.commonQuestion .corner{position: absolute; z-index: -1}
/*.commonQuestion .red.corner{top: -4px; left: -4px;}
.commonQuestion .green.corner{bottom: -4px; left: -4px;}
.commonQuestion .blue.corner{top: -4px; right: -4px;}
.commonQuestion .yellow.corner{bottom: -4px; right: -4px;}*/

/* Bottom Txt */
.bottomTxt{color: #0f6fbc; }
.bottomTxt .icon{font-size: 70px; text-align: center;}
.bottomTxt .icon img{width: 54px;}
.bottomTxt h2{margin-top: 0; font-size: 20px; text-align: center; margin-bottom: 15px; background: url(../images/heading-bg.jpg) repeat-y center 0; color: #fff; padding: 10px 0; border-top-width: 4px; border-top-style: solid;}
.bottomTxt h2.borderRed{border-color: #dd2516;}
.bottomTxt h2.borderBlue{border-color: #1a438d;}
.bottomTxt h2.borderYellow{border-color: #FFD414;}
.bottomTxt h2.borderGreen{border-color: #009640;}
.bottomTxt p{color: #000; font-size: 13px; font-weight: bold; text-align: justify;}
.bottomTxt p a{/*color: #000; text-decoration: underline;*/}
.bottomTxt p a:hover{text-decoration: none;}

/* Rest of the Forms */
.colorbox.container{padding-top: 20px; padding-bottom: 20px;}
.colorbox div.colorboxContent{padding: 1px 18px 17px; box-shadow: 0 0 12px rgba(0,0,0,0.8); border-radius: 10px; position: relative; background-color: #fff; position: relative;}
.colorbox .corner{position: absolute; z-index: -1}
.red.corner{top: -5px; left: -5px;}
.green.corner{bottom: -5px; left: -5px;}
.blue.corner{top: -5px; right: -5px;}
.yellow.corner{bottom: -5px; right: -5px;}
.paddingTop10{padding-top: 10px}
.fontBold{font-weight: bold;}
.cursorPointer{cursor: pointer;}
.colorbox div[class*="col-md-"]{padding-top: 10px;}
.colorbox h2{margin-bottom: 0;}
.fc-toolbar h2{font-size: 20px; padding-top: 25px;}
.grandTotal{font-weight: bold; font-size: 18px; padding: 10px 0 0;}
.description{font-size: 12px; color: #909090; padding-top: 2px;}
.ccTerms{background-color: #eee; padding: 6px 12px; font-size: 14px; color: #555; border: 1px solid #ccc; border-radius: 4px; overflow-y: auto; height: 164px;}
.termLabel{display: inline; vertical-align: middle;}
.paynowTxt{display: inline-block; padding-top: 10px;}
.colorbox div.copyDeliveryAddress{padding-top: 37px;}
input[type="checkbox"]{width: 13px; display: initial; height: initial; margin: 0; vertical-align: middle;}
.modal-backdrop{z-index: 9999;}
.modal{z-index: 99999;}
.colorbox div.colorboxContent.successBtn{padding: 15px 18px 25px;}

/* Footer */
footer{background-color: #eee; padding: 20px 0; text-align: center; margin-top: 40px;}
footer a{color: #196ec8;}
footer a:hover{text-decoration: none;}
footer a.fastLink{display: inline-block;}
footer .sep{color: #196ec8;}

/* Live Chat */
a.liveChatBlue{z-index: 99999; position: fixed; top: 186px; left: -28px; display: inline-block; background-color: #0f6fbc; padding: 10px 15px; color: #fff; font-weight: bold; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
a.liveChatBlue:hover{text-decoration: none;}

/* Scroll to top arrow */
#top-link{position: fixed;bottom: 43px;right: .5em;background: #069;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;color: #fff;font-size: 20px;font-weight: bold;padding: 11px 15px;cursor: pointer;-webkit-transition: background 200ms ease;-moz-transition: background 200ms ease;-ms-transition: background 200ms ease;-o-transition: background 200ms ease;transition: background 200ms ease;}
#top-link:hover{background: #333;}


/* RESPONSIVE */
@media (min-width: 992px){
    /*.container{width: 955px;}*/
    .desktopHide{display: none;}
}
@media (min-width: 1200px){
    /*.container{width: 955px;}*/
}


@media (max-width: 954px){
    .container{width: initial;}
}
@media (max-width: 991px){
    .mobileHide{display: none;}
    .header{position: static;}
    .header .col-md-4{text-align: center;}
    /*.header img{max-width: 100%;}*/
    .header .chat, .header .callNow{display: none;}
    .headerBottom{position: absolute; top: 135px; width: 100%; padding: 5px 0; background-color: #ddd; z-index: 999;}
    .headerBottom.fixed{position: fixed; top: 0;}
    .headerBottom .col-md-6{width: 50%}
    .headerBottom .col-md-6.pull-right{text-align: right;}
    .headerBottom img{max-width: 100%;}
    #specialIntro{/*padding-top: 220px;*/padding-top: 95px; padding-bottom: 215px;}
    a.liveChatBlue{top: 40px;}
    
    .contactInfo{text-align: center;}
    .contactInfo img{margin-right: 0;}
    .bottomTxt h2{height: auto;}
    .colorbox div.copyDeliveryAddress{padding-top: 10px;}
    .colorbox div.colorboxContent.successBtn .col-md-4{text-align: center;}
}
@media (max-width: 800px) {
    #specialIntro{/*padding-top: 220px;*/padding-top: 95px; padding-bottom: 25px;}
    .priceCalculator{margin-top: 20px; margin-top: 20px; position: static;}
    .commonQuestion{padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 650px){
    .commonQuestion div.questionTxt {display: inline-block; padding: 15px 20px;}
}
@media (max-width: 500px){
    .header{text-align: center;}
    .header .pull-left{float: none !important; display: inline-block;}
    .header .pull-right{float: none !important; display: inline-block; padding-top: 10px;}
    
    .priceCalculator, .formElement .elementRow .selectBox, .formElement .elementRow .labelBox{width: 100%;}
    .formElement .elementRow .help{margin-right: 0;}
    .formButton button{width: 100%; white-space: inherit;}
}