/*TWS Styling */

/*FONTS  **IMPORTANT- IE Declarations come first, .eot file src*/
/*@font-face{font-family:'newFont';src: url("~/fonts/OpenSans-Regular.eot"), url('~/fonts/OpenSans-Regular.ttf');}*/

/* Master  Styles*/
.header .logo img{max-width:60%;margin:5px 0px;}
.button.primary{border-radius:5px;}
.section-title h1{margin-bottom:0px;text-transform:uppercase;font-weight:bold;font-size:2.0rem;}

/*Home page*/
.nirvana { color: #6883bc; font-family: 'Bookman Old Style'; margin-top: 20px; margin-bottom: 20px; text-align: center; }
    .nirvana h2 { color: #6883bc; font-family: 'Bookman Old Style'; font-size: xx-large; }
    .nirvana p { font-size: 16pt; width: 60%; display: inline-block; font-family: 'Bookman Old Style'; }
    .nirvana img{max-width:25%;border-radius:5px;background-color:grey;}
.blackBG{background-color:black;}
.nirvana a:hover h2{color:yellow;font-style:italic;}
.requiredField { font-weight: bold; color: red; }
a.slide1 { background-color: black; }
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered {background-color:#3A3A3A; opacity: .8 !important; }
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered h1{ background-color: #3A3A3A; opacity: .8 !important;color:white;font-family:Calibri;font-size:48pt;border-radius:5px; }
.owl-carousel .owl-item img {max-height:250px; }

/*Back-up Carousel*/
.TWS-services-carousel { width: 100%; text-align: center; }
.divServiceBlock { max-height: 650px; width: 30%; border: 2px solid #efefef; border-radius: 5px; background: #f8f8f8; display: inline-block; }
.divServiceThumb img { width: 100%; }
.divServiceInfo h4 { color: #e6a000; }
.divServinceInfo p { text-align: left; }
/*contact page*/
.contactContent { margin: 0px auto; width: 50%; }

/*Employment Page*/
p.application-instruction{width:75%;margin:0px auto;font-size:larger;}
.job-section{margin-bottom:20px;}
.job-position{width:75%;margin:0px auto;padding:10px;border:2px solid grey;border-radius:5px;background-color:#efefef;}
.job-title{font-weight:bold;color:darkblue;background-color:lightgrey;}
.job-location{padding-right:20px;}
.button.primary.open-position { background-color: #147CC0; }
.button.primary.open-position:hover{background-color:#F4EA56;}


/* Original Styles */
#ContentPane { min-height: 500px; overflow: auto; background-color:#efefef; }
/*Our Team Page */
.divAbout { text-align: left; padding: 1% 2%; font-size: x-large; }
    .divAbout img { padding: 10px; margin: 0px 0px 20px 10px; text-align: center; font-size: large; border: 2px solid #ababab; -webkit-box-shadow: #ababab 0px 2px 3px; -moz-box-shadow: #ababab 0px 2px 3px; box-shadow: #ababab 0px 2px 3px; -webkit-border-radius: 5px; } 
.promoLine { padding: 2px 2px; font-weight: bold; font-style: italic; font-size: large; clear: both; }

/*About Page*/
.row.about { margin-bottom: 30px; }
.divAbout p a{font-size:large;}
.divAbout p a:hover{color:darkblue;font-style:italic;}

/* Services Page */
.divServices { text-align: left; padding: 0% 2%; }
.imgServicesLeft { float: left; margin-right: 15px; width: 30%; }
.divServicesRight { float: right; width: 65%; }

/*Staff*/
a.superlink { font-size: large; font-weight: bold; }


/*Products Page */
.divProducts { text-align: left; padding: 0% 2%; }
.divBrands { width: 100%; }
.brandLine { display: inline-block; width: 200px; height: 100px; float: left; border: 1px solid #c8c8c8; box-shadow: #ddd 0px 2px 3px; border-radius: 5px; margin: 5px; text-align: center; }
    .brandLine img { width: 170px; }
.divProductsText { width: 100%; clear: both; font-size: large; }


/*Contact Page*/
.contactPane { padding: 20px 0px 20px 0px; text-align: left; margin:0px auto; width:60%;color:white;}
.contactPane input{max-width:400px;}
.contactBG { background-color: rgba(50, 65, 86, 0.9); color: white; position: relative; margin-bottom:200px;}
    .contactBG::after { content: ""; background: url(../images/slider/slide1.png); background-size: cover; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; height: inherit; }
.contactLine { margin-bottom: 10px; color: white; }
    .contactLine input { background-color: white; color: black; display:inline;max-width:400px; }
    .contactLine span, .contactBG h4 { color: white;display:inline; font-size:large; }
.contactPane .contactSpan { color: white !important; }
.contactLine input[type=text], textarea { background-color: white; box-shadow: none; border-bottom: 1px solid #6883bc; }
.divContactRight { float: right; width: 48%; padding-right: 2%; }
    .divContactRight iframe { width: 100%; min-height: 600px; }
.divContactLeft { float: left; width: 48%; }
.Captcha { text-align: left; }
.contactBG .row h4 { text-align: center; margin-top: 10px; }
.divContactCaptcha span { color: white !important; }
    .divContactCaptcha span.requiredField { color: red !important; }
    .divContactCaptcha span input { position: relative; top: 30px; background-color: white; height: 29px; }
.divContactCaptcha input.contactSend { position: relative; top: 49px; }
.divContactCaptcha img { float: left; }
.divMessage { color: black !important; }
.spanContactMsg { color: white !important; }
span.specWhite{color:white; font-size:large;}
.captchaCover { background-color: white; height: 12px; width: 250px; position: relative; top: -35px; }
.contactThanks { font-weight: bold; text-align: center; display: block; font-size: large; font-weight: bold; background-color: black; }
.contactValidation input[type=text] { background: white; width: 150px; }
.contactBG h1{display:none;}

ul.theraphiList { columns: 2; }

/*Blog / Testimonials Area*/
#content_divBlogContent, .divBlogContent { padding: 0% 2%; }
.divDiscussionThread { color: Black; overflow: hidden; float: left; text-align: left; clear: both; width: 60%; padding: 5px; background-color: White; opacity: 0.9; border: 1px solid #676767; border-bottom: none; -webkit-box-shadow: #676767 0px 2px 3px; -moz-box-shadow: #676767 0px 2px 3px; box-shadow: #676767 0px 2px 3px; -webkit-border-radius: 5px; }
.DiscThreadCorner { clear: both; float: left; opacity: .9; padding-left: 25px; }
.AltDiscThreadCorner { clear: both; float: right; opacity: .9; padding-right: 25px; }
.AltDiscussionThread .spanMessageField img { float: right; }
.AltDiscussionThread { color: Black; overflow: hidden; float: right; text-align: left; clear: both; width: 60%; padding: 10px; background-color: #d9d9d9; opacity: 0.9; border: 1px solid #676767; border-bottom: none; -webkit-box-shadow: #676767 0px 2px 3px; -moz-box-shadow: #676767 0px 2px 3px; box-shadow: #676767 0px 2px 3px; -webkit-border-radius: 5px; }
.divNewMessage { clear: both; text-align: center; padding-top: 40px; }
.spanMessageField { }
    .spanMessageField img { /*float: left; margin: 5px 15px 5px 10px;*/ display: none; }
.spanBlogHead { font-size: small; }
.divMessagePost { display: inline-block; width: 100px; vertical-align: top; line-height: 1.5; }
.divRequiredField { color: Red; float: left; padding-left: 100px; }
.divAlternatingItemPost { background-color: #eeeeee; padding: 20px 0px; }
.divNavButtons { clear: both; text-align: center; }
.divMsgButtons { width: 100%; padding-left: 15%; float: left; }
.divCounter { text-align: center; }
/* Registration Page*/
.divRegister { margin: 0px auto; width: 50%; text-align: left; }
.registerField { margin-bottom: 10px; font-weight: bold; }
.requiredField { font-weight: bold; color: red !important; }

/* Admin */
.gvInquiryRow { font-size: medium; }
    .gvInquiryRow td { padding: 2px 10px; max-width: 300px; }
.gvInquiryHead th { text-align: center; }
.productForm { text-align: left; margin: 0px auto; display: inline-block; }
.productLabel { min-width: 150px; display: inline-block; }
.divPager { padding: 20px; }
.divLogin { margin: 20px auto; border: 1px solid black; border-radius: 5px; width: 30%; padding: 10px; }
.footerAdmin { text-align: right; margin-right: 5%; }
    .footerAdmin a { color: black; text-decoration: none; font-size: x-small; }
.breadCrumb { text-align: left; padding: 10px; padding-left: 5%; }
    .breadCrumb a { color: Black; text-decoration: none; }
        .breadCrumb a:hover { color: Red; text-decoration: none; }
.loginField { margin-bottom: 10px; }
.divAdminLinks { margin: 0px auto; width: 40%; text-align: left; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; background-color: #E8E8E8; padding: 10px; }
.adminLink { margin-bottom: 5px; }
    .adminLink i { margin-right: 10px; }
    .adminLink a { color: Black; text-decoration: none; }
        .adminLink a:hover { color: red; }
.imgEditProduct { width: 200px; display: inline-block; }
.divFileUpload { clear: both; }

/*Product Manager*/
.gvUsers, .gvProducts, .gvSessionStats { margin: 0px auto; width: 80%; border-radius: 5px; }
.divProductManager { clear: both; color: black !important; }
.divProductManager { text-align: center; }
.navButtons { text-align: center; clear: both; }
.pnlProductEdit { clear: both; margin: 0px auto; width: 50%; }
.productEntry input, .productEntry select { border: 1px solid grey; border-radius: 5px; }
.msgReqField { color: red; font-weight: bold; }
.formMessage { clear: both; text-align: center; font-size: large; }

/*Registration Panel*/
.pnlRegister { margin: 0px auto; width: 50%; }
    .pnlRegister .registerField span { display: inline-block; width: 150px; }
    .pnlRegister .registerField .requiredField { width: 100%; }

/*login*/
.divLogin { clear: both; }
.loginField span { display: inline-block; width: 75px; }

/*Services Page*/
.service-info { min-height: 200px; }
    .service-info h4 { color: #e6A000; }

/* My Account Page*/
.divMyAccount { text-align: center; margin: 0px auto; width: 95%; }
.divMyAccountLeftPane { width: 24%; display: inline-block; text-align: left; }
.MyAccountLink { border-bottom: 1px solid #eeeeee; font-size: medium; }
.divMyAccountRightPane { width: 70%; display: inline-block; vertical-align: top; }
.divOrderItemSearch { float: left; }
.OrderAdminPage { text-align: center; }
.divOrderAdminMenu { width: 99%; min-height: 40px; border-radius: 5px; }
    .divOrderAdminMenu .lblItemSearch { margin: 10px 0px 0px 10px; }
    .divOrderAdminMenu .divItemSearch { border: 1px solid black; border-radius: 5px; }
    .divOrderAdminMenu .divItemsPerPage { padding-top: 5px; }
.gvOrderAdminHeader th { text-align: center; }
.gvOrderAdminRow td { padding: 5px; }
.currencyInput { width: 100px; text-align: center; }
.lblCheckoutNotes { position: relative; right: 105px; }
.orderReview { text-align: left; margin: 0px auto; width: 85%; font-size: small; }
    .orderReview h4 { text-align: center; margin: 5px; }
.orderAddressInfo { display: inline-block; width: 200px; display: inline-block; border: 2px solid #c6c6c6; border-radius: 5px; margin: 10px 0px; padding: 10px; }
.orderTotal { width: 86%; text-align: right; }
.gvOrderItems th { text-align: center; padding: 0px 5px; }
.gvOrderItems tr { border-bottom: 1px solid #c6c6c6; height: 25px; }
td.gvItemName { max-width: 700px; }
td.gvItemQuantity { min-width: 50px; padding: 0px 10px; text-align: center; }
td.gvPrice { min-width: 50px; padding: 0px 10px; text-align: right; }
span.totalLabel { width: 60px; display: inline-block; }
.divItemsPerPage select { width: auto; }
.registerField input, .registerField select { display: inline; width: 300px; }


/*Mobile Compatibility Area */
@media screen and (max-width:1200px) {
    #header { /* margin-bottom: 20px;*/ }
    .CenterContent { padding-right: 0px; }
}

@media screen and (min-width:1125px) {
    .divHomeColumn p { min-height: 200px; }
}

@media screen and (max-width:1125px) {
    .divAdminLinks { width: 80%; }
    .divGalleryImage img { width: 90%; }
}

@media screen and (max-width:768px) {
    .parallax-window { height: 350px; background: transparent; }
    .footerAdmin { text-align: center; }
    .divContactLeft { width: 98%; margin: 0px; padding: 0px; }
    .divContactRight { width: 98%; margin: 0px; padding: 0px; }
        .divContactRight iframe { width: 90%; margin: 0px; padding: 0px; }
    .nirvana p { font-size: large; width: 95%; }
    .singleServicePage img { max-width: 100%; margin-right: 0px; float: left; }
    .divContactCaptcha span input { position: initial; background-color: white; height: 29px; }
    .divContactCaptcha input.contactSend { position: initial; }
.contactPane{width:100%;}
    /*Back-up Carousel*/
    .TWS-services-carousel { width: 100%; text-align: center; }
    .divServiceBlock { max-height: 650px; width: 92%; border: 2px solid #efefef; border-radius: 3px; background: #f8f8f8; display: inline-block; margin-bottom: 10px; }
    .divServiceThumb img { width: 100% }
}

    @media screen and (max-width:578px) {
        .header{background-image:none;background-color:#d2e1ec;max-height:400px;}
        .header .row .small-12{margin-bottom:5px;}
        .header .icon-box{padding-top:0px;}
        .header .icon-box p{padding:0px;}
        .nirvana img { max-width: 80%;}
        .divLogin { width: 100%; padding: 0px; }
        .divAdminLinks { width: 100%; padding: 0px; }
        ul.theraphiList { columns: 1; }
        div.icon-box{text-align:center;}
        .captchaCover {position:relative;top:-60px; }
    }

    @media screen and (max-width:1280px) {
        .contactContent { width: 90%; }
    }

    @media screen and (max-width:360px) {
    }

    @media screen and (min-width:768px) {
    }



    @media screen and (min-width:1600px) {
    }