@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: SlateStd-Light;
    src: url('../Fonts/SLATE-OpenType/SlateStd-Light.WOFF') format('woff');
}
@font-face {
	font-family:SlateStd-Medium;
    src: url('../Fonts/SLATE-OpenType/SlateStd-Medium.WOFF') format('woff');
}
@font-face {
	font-family: SlateStd;
    src: url('../Fonts/SLATE-OpenType/SlateStd.WOFF') format('woff');
}
@font-face {
	font-family: KlinicSlab-Bold;
    src: url('../Fonts/Klinic_Commercial/KlinicSlabBold.WOFF') format('woff');
}
@font-face {
	font-family: KlinicSlab-Medium;
    src: url('../Fonts/Klinic_Commercial/KlinicSlabMedium.WOFF') format('woff');
}





body {
	font-family: SlateStd-Medium;
	margin: 0px;
	padding: 0px;
	background: #414042;
}
img {
	max-width: 100%;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.header_li {
    color: white; 
}

nav .header-container {
	background: #c6093b none repeat scroll 0 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	border: 0px;
    position: absolute; 
    margin: 0; 
}
nav .header-container .navbar-header {
	float: right;
}

nav .header-container .sub_container {
    line-height: 50px; 
    padding-bottom: 20px; 
    padding-top: 30px; 
    font-family: SlateStd; 
    text-align: right; 
    font-size: 16px; 
    color:#FFF;
}

nav .header-container .sub_container .header-submenu-element {
    padding: 10px 15px 5px; 
    text-decoration: none; 
    color: #FFF; 
}

nav .header-container .sub_container .header-menu-element {
    padding: 10px 15px 5px; 
    text-decoration: none; 
    color: #FFF; 
}

.navbar-brand {
    padding: 25px 0px; 
}

nav .header-container .sub_container .header-menu-element:last-child {
    border: 1px solid #FFF; 
    border-radius: 3px; 
}

nav .header-container .email {
    font-family: SlateStd-Light;
    font-size: 14px; 
    margin-top: -25px; 
    padding-bottom: 5px; 
    text-align: right;
    color: #FFF; 
}




#header_phonenumber {
	float: right; 
    margin-top: 43px; 
    margin-right: -163px; 
    color: #fff; 
}

#header_email a  {
	float: right; 
    margin-top: 43px; 
    margin-right: -40px; 
    color: #fff; 
}
nav .navbar .navbar-fixed-top ul li:last-child {
	border: 1px solid #fff;
	border-radius: 5px;
}
nav .navbar .navbar-fixed-top ul li:last-child:hover {
	background: #fff;
}
nav .navbar .navbar-fixed-top ul li:last-child:hover a {
	color: #c6093b;
}
nav .navbar .navbar-fixed-top ul li:hover {
	border-bottom: 1px solid #fff;
}
nav .navbar .navbar-fixed-top ul li{
	margin-left:20px;
}
nav .navbar .navbar-fixed-top ul li a {
	color: #fff;
	padding: 6px 10px;
}
nav .navbar .navbar-fixed-top ul li a:hover {
	color: #fff;
}
.main_body {
	margin-top: 150px;
}
.main_body .container {
	background: #fff;
	padding: 50px 30px;
}
.flexslider .flex-viewport li img {
	width: 100%;
}
.flex-control-nav.flex-control-paging li a.flex-active {
    background: #fff none repeat scroll 0 0;
	   border: 2px solid #BABCBF;
}

.flex-control-nav.flex-control-paging a {
    background: #fff none repeat scroll 0 0;
    border: 0px solid none;
    border-radius: 50%;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: -13px;
    width: 15px;
}
.flex-control-nav.flex-control-paging li {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    list-style: outside none none;
    margin-left: 10px;
    border: 2px solid #fff;
}

.flex-control-nav.flex-control-paging {
    bottom: 30px;
    position: absolute;
    right: 5%;
}
.flex-direction-nav {
    display: none;
}
.flexslider {
    position: relative;
}
.flexslider .flex-viewport li, .flexslider .flex-viewport ul, .flexslider .flex-viewport li img {
	border: 0 none;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
.shop_book {
	padding: 30px 20px;
	margin-bottom: 20px;
}
.shop_book .row ul #promo2 {
    border-left: 1px solid #cdced0;
    border-right: 1px solid #cdced0;
    padding: 0 15px 15px;
}



.shop_book ul li h2 {
	font-size: 20px;
	margin: 10px 0px;
	font-family: SlateStd-Medium;
	color: #58595b;
}



.below_categories ul li .box {
	text-align: center;
	border-radius:5px;
	margin-bottom: 40px;
	background: #b3b3b3;
	display: table;
	height: 140px;
	margin-bottom: 40px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.below_categories ul li h2 {
	color: #fff;
	display: table-cell;
	float: none;
	font-family: SlateStd-Light;
	font-size: 21px;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
}

/* hover effect boxes */

.below_categories ul li:hover .box {
	background: none;
}
.below_categories ul li:hover .box {
	background: none;
}
.below_categories ul li:hover .box {
	background: none;
}
.below_categories ul li:hover .box {
	background: none;
}
.below_categories ul li:hover .box {
	background: none;
}
.below_categories ul li:hover .box {
	background: none;
}

.below_categories ul li:hover .box h2 {
	font-family: SlateStd-Medium;
}
.below_categories {
	padding: 30px;
}

/* footer */

footer {
	background: #6d6e71;
	margin-top: 30px;
	color: #fff;
}
.upper_footer {
	display: inline-block;
	width: 100%;
}
footer li a {
	color: #e6e7e8;
	font-family: SlateStd-Light;
}
footer li a:hover {
	color: #fff;
	text-decoration:none;
}
footer .upper_footer {
	border-bottom: 1px solid #939598;
	display: inline-block;
	padding: 30px 0;
	width: 100%;
}
footer .upper_footer li {
	margin-bottom: 10px;
}
.footer_logo {
	padding-top: 30px;
}
.bottom_footer > p {
    color: #e6e7e8;
    padding: 10px 0;
	font-family: SlateStd-Light;
}
footer .upper_footer .social li{float:left; margin-left:7px;}
footer .upper_footer .social li:first-child{margin-left:0px;}
.social img {
    width: 23px;
}


/* Welcome Page Styling */ 

.welcome main_body .container {
    padding-top: 100px;
}

.header {
    display: inline-block;
    margin: 10px; 
    padding-left: 15px; 
    padding-top: 20px; 
    padding-right: 30px; 
}

#name {
    font-family: KlinicSlab-Bold; 
    color: #414042;
    border-right: thick 2px #414042; 
    font-size: 20px; 
  border-right-color: #A7A9AC;  
    border-right-width: medium; 
    border-right-style: solid;
}

#id {
    font-family: SlateStd-Light;
    color: #414042; 
    border-right: thick 2px #414042; 
    font-size: 18px; 
    border-right-color: #A7A9AC;  
    border-right-width: medium; 
    border-right-style: solid;
}

#email {
    font-family: SlateStd-Light;
    color: #414042; 
    font-size: 18px; 
}


.container #info_container {
    width: 100%; 
    background-color: #E6E7E8; 
    margin-top: -20px; 
}

#info { 
   border-bottom: solid medium #A7A9AC;  
    width: 100%; 
    margin-left: 3px; 
}

#rental {
    border: 3px solid #BABF10;
    color: #BABF10; 
    margin-left: 15px; 
    font-family: SlateStd;
    border-radius: 4px; 
    width: 140px; 
    height: 25px; 
    text-align: center; 
}

#callouts {
    padding-top: 60px;
    padding-left: 30px;
}


#callout1 {
    background-color: white; 
    height: 300px; 
    width: 320px; 
    margin-right: 45px; 
    margin-bottom: 60px; 
}

#callout2 {
    background-color: white; 
    height: 375px; 
    width: 320px; 
    margin-right: 45px; 
    margin-bottom: 60px; 
}

#callout3 {
    background-color: white; 
    height: 300px; 
    width: 320px;
    margin-bottom: 60px; 
}

.callout_text {
    font-family: SlateStd-Light;
    padding-left: 15px; 
    
}

#callouts h4 {
    font-family: KlinicSlab-Bold; 
    font-size: 18px; 
    padding-top: 10px; 
    padding-left: 15px; 
}

.sub_content {
    margin-left: 15px; 
    padding-top: 10px;
    font-family: SlateStd-Light; 
    margin-top: -15px; 
    padding-bottom: 25px; 
}

#callout1 img {
    margin-top: -40px; 
    height: 80px; 
    width: 80px; 
    margin-left: 110px; 
}

#callout2 img {
    margin-top: -40px; 
    height: 80px; 
    width: 80px; 
    margin-left: 110px; 
}

#callout3 img {
    margin-top: -40px; 
    height: 80px; 
    width: 80px;  
    margin-left: 110px; 
}


#callout_btn1 {
    background-color: #A7A9AC;
    height: 25px; 
    width: 130px; 
    border-radius: 4px; 
    font-family: KlinicSlab-Medium; 
    font-size: 14px; 
    text-align: center; 
    padding-top: 3px; 
    color: white; 
    letter-spacing: 1px; 
    margin-left: 70px; 
    margin-top: 60px; 
}

#callout_btn1:hover {
    background-color:#91982C;
}

#callout_btn2 {
    background-color: #A7A9AC;
    height: 25px; 
    width: 185px; 
    border-radius: 4px; 
    font-family: KlinicSlab-Medium; 
    font-size: 14px; 
    text-align: center; 
    padding-top: 4px; 
    color: white; 
    letter-spacing: 1px; 
    margin-left: 50px; 
    margin-top: 50px; 
}

#callout_btn2:hover {
    background-color:#91982C;
}


#callout_btn3 {
    background-color: #A7A9AC;
    height: 25px; 
    width: 170px; 
    border-radius: 4px; 
    font-family: KlinicSlab-Medium;
    font-size: 14px; 
    text-align: center; 
    padding-top: 4px; 
    color: white; 
    letter-spacing: 1px; 
    margin-left: 57px; 
    margin-top: 15px; 
}

#callout_btn3:hover {
    background-color:#91982C;
}


#callout_btn4 {
    background-color: #A7A9AC;
    height: 25px; 
    width: 130px; 
    border-radius: 4px; 
    font-family: KlinicSlab-Medium; 
    font-size: 14px; 
    text-align: center; 
    padding-top: 4px; 
    color: white; 
    letter-spacing: 1px; 
    margin-left: 75px; 
    margin-top: 123px; 
}

#callout_btn4:hover {
    background-color:#91982C;
}

#callouts a {
    text-decoration:none; 
}

#divider1 {
    border-bottom: 1px solid #cdced0;
    border-top: 1px solid #cdced0;
    height: 25px; 
    margin-top: 30px; 
    margin-bottom: 20px; 
}

#divider2 {
    border-bottom: 1px solid #cdced0;
    border-top: 1px solid #cdced0;
    height: 25px; 
    margin-top: 50px; 
    margin-bottom: 20px; 
}


/* Header Menu */

.main body  {
    display: inline-flex; 
}

#sub_nav .nav.navbar-nav {
    float:none;
/*    padding: 3px 35px; */
    /*width: 750px; */
    /*margin: 0 auto;*/
}


.menu-element {
    font-family: SlateStd-Medium;
    text-align: center;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
}

/*
See the menuHeader.php file for some inline styles i.e. .menu-element:hover
*/

#sub_nav .nav.navbar-nav .menu-element a{
    padding: 7px 0 5px;
    color: white;
    text-decoration: none;
}




/* .navbar-header .navbar-toggle {
    background-color: #c6093b; 
} */

.navbar-default .navbar-toggle .icon-bar { 
    background-color: white;
}



/* FAQs styling */


#faqs_content {
    background:white;
    margin-top: 35px; 
    margin-left: 30px; 
    margin-right: 30px;  
}

#faqs_content_bottom {
    background:white; 
    margin-left: 30px; 
    margin-right: 30px; 
    padding-bottom: 40px; 
    margin-top: -20px
}

#faqs_content_bottom h1,
#faqs_content_bottom .h1,
#faqs_content_bottom h2,
#faqs_content_bottom .h2,
#faqs_content_bottom h3,
#faqs_content_bottom .h3{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}

#content_divider p {
    margin-left: 25px; 
    font-size: 30px; 
    font-family: KlinicSlab-Medium; 
    color: white; 
    letter-spacing: 2px; 
    padding-top: 5px; 
}

#faqs {
    font-family: KlinicSlab-Bold; 
    color: #414042; 
    font-size: 40px; 
    margin-left: 25px; 
    margin-bottom: -10px; 
    margin-top: 20px; 
}

#container1 {
    padding-bottom: 10px; 
}

#container2 {
    border-top: solid medium #A7A9AC;
    border-bottom: solid medium #A7A9AC;
    padding: 10px 0px 10px 0px; 
}

#container3 {
    padding-top: 10px; 
}

#content_header {
    background: #313032;  
    padding-top: 2px; 
    height:55px; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
}

#content_divider {
    background: #414042;  
    padding-top: 2px; 
    height:55px; 
}

#content_header p {
    margin-left: 25px; 
    font-size: 30px; 
    font-family: KlinicSlab-Medium; 
    color: white; 
    letter-spacing: 2px; 
    padding-top: 5px; 
}

#content_left h1 {
    font-family: KlinicSlab-Bold; 
    color:#414042;
}

#content_left h1 a {
    font-family: KlinicSlab-Bold; 
    color:#414042;
    text-decoration: none; 
}

#content_left h1 a:hover {
    color:#414042;
    text-decoration: underline; 
}

#content_left h3 a {
    font-family: KlinicSlab-Medium; 
    color:#414042;
}

#content_left h3 a:hover {
    color:#414042;
    text-decoration: underline; 
}

#content_left p {
    font-family: SlateStd-Medium; 
    color:#737077;
    line-height: 15px; 
    font-size: 16px; 
}

#content_left p a {
    text-decoration: none;
    color: #808285;
}

#content_left p a:hover {
    color:#414042;
}


#content_right h1 {
    font-family: KlinicSlab-Bold; 
    color:#414042;
}

#content_right h1 a {
    font-family: KlinicSlab-Bold; 
    color:#414042;
    text-decoration: none; 
}

#content_right h1 a:hover {
    color:#414042;
    text-decoration: underline; 
}


#content_right h3 a {
    font-family: KlinicSlab-Medium; 
    color:#414042;
}

#content_left h3 a:hover {
    color:#414042;
    text-decoration: underline; 
}

#content_right p {
    font-family: SlateStd-Medium; 
    color:#737077;
    line-height: 15px; 
    font-size: 16px; 
}

#content_right p a {
    text-decoration: none;
    color: #808285;
}

#content_right p a:hover {
    color:#414042;
}


#divider3 {
    height: 5px; 
    margin-top: 750px; 
    background:#A7A9AC;
}

#content_bottom {
    margin-left: 20px;
    padding-top: 10px; 
}
#content_bottom h1 {
    font-family: KlinicSlab-Bold; 
    color:#414042;
    padding-top: 25px; 
}

#content_bottom h2 {
    font-family: KlinicSlab-Bold; 
    color: white; 
    margin-left: -20px; 
    padding: 10px 0px 10px 20px;
    font-size: 30px;
    text-transform: uppercase; 
    letter-spacing: 2px; 
}

#content_bottom h3 {
    margin-left: 20px; 
    font-family: KlinicSlab-Medium; 
    color:#414042;
}

#content_bottom p {
    margin-left: 20px; 
    font-family: SlateStd-Medium;
    color:#737077;
    margin-right: 60px; 
    font-size: 16px; 
}

.container-fluid {
    padding-bottom: 40px; 
}

/*.faqanchor:before {*/
    /*content:""; */
    /*display: block; */
    /*height: 50px; */
    /*margin: -35px 0 0; */
/*}*/

/*.faqanchor_title:before {*/
    /*content:""; */
    /*display: block; */
    /*height: 50px; */
    /*margin: 4px 0 0; */
/*}*/



/*testing*/
#sitemap{
    display:none;
}






/* Media Queries */


/*@media (min-width:1000px) {*/
    /*#sub_nav .nav.navbar-nav {*/
        /*width: 1170px;*/
    /*}*/
/*}*/


@media (max-width:768px) {
    .shop_book .row ul #promo2 {
        border:0; 
/*        padding: none; */
    }
    #divider1 {
        border-bottom: none; 
        border-top: none; 
    }
    .below_categories {
        border-top: none; 
    }
    .shop_book ul li h2 {
        text-align: center; 
    }
    #header_phonenumber {
        float: left; 
        margin-top: 25px; 
    }
    #header_email a  {
        float: left;
        margin-top: none; 
        margin-right: none; 
        margin-left: 12px; 
    }
    /* #sub_nav .container ul {
    font-size: 16px; 
    margin-left: 75px;
    display:inline-block; 
    } */
    
    #name {
    border-right:none; 
     }
    #id {
    border-right:none
    }
    #callout1 {
        margin-left: -30px; 
    }
    #callout2 {
        margin-left: -30px; 
    }
    #callout3 {
        margin-left: -30px; 
    }
    #divider3 {
    height: 5px; 
    margin-top: 50px; 
    background:#A7A9AC;
    }
    .main_body {
	margin-top: 235px;
    }
    #sub_nav {
    padding-left: 0px; 
    }
    #sub_nav .nav navbar-nav .sub_nav {
    border-right:none; 
    }
    #content_bottom h2 {
        font-size: 21px; 
    }
    
}