/* ====================================
Routh Studios
template - Liberation
written for - ARRevolution
Copyright 2015

Author - Andrew Routh

swatch colors
!!!*!!! when finding/replacing be sure to grab '#' as to not replace the original keys
=========
f9fafa - off-white 	.page-block--light
7ab55c - green-lime	highlight/heading, header-bg-block
ebb129 - orange		button:inactive

368aa9 - blue		button:inactive

cc2127 - red		button:inactive

30373b - black		h1
767676 - grey-d		link
e5e5e5 - grey-l		border
= ***/


/* resets and overrides
========= ***/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
img { border: none; }

figure{margin:0}

.last {margin:0!important;}
.fl-r {float:right!important;}
.fl-l {float:left!important;}
.no-mar {margin:0!important;}
.no-pad {padding:0!important;}
.no-top {top:0!important;}
.center {margin:0 auto!important;}
.txt-center {text-align:center;}
.product-headings {text-align:center;margin-top:10px;font-weight:500;}

/* responsive hacks
========= ***/

.rsp {width: 100%!important;}

/* links, type & misc
========= ***/

a:link, a:active, a:visited {
	text-decoration: none;
	cursor: pointer;
	color: #555;}
a:focus,a:hover{color:#23527c;text-decoration:none}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:hover { color: #999; text-decoration: none; }
h1, h2, h3, h4, h5 {
	margin-top: 0;
}

h1 {margin-bottom:80px;}
h1 a {}
h1 a:hover {}
h1, .heading-1 {
}

h2 {}
h2 a {}
h2 a:hover {}

/* Misc 
========= ***/

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.centered {
	 position: relative;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}

.clearfix {clear:both;}

/* Colors
========= ***/
.egg {color:#ededed;}
.bg-ccc {background-color: #ccc;}

.bg-1 {background:#f9f9f9; color:#707070;}
.bg-2 {background:#ddd; color:#606060;}
.bg-3 {background:#ccc; color:#505050;}
.bg-4 {background:#bbb; color:#404040;}
.bg-5 {background:#aaa; color:#303030;}
.bg-6 {background:#909090; color:#eee;}
.bg-7 {background:#808080; color:#fff;}
.bg-8 {background:#707070; color:#eee;}
.bg-9 {background:#606060; color:#ddd;}
.bg-10 {background:#505050; color:#ccc;}
.bg-11 {background:#404040; color:#bbb;}
.bg-12 {background:#303030; color:#aaa;}
.bg-13 {background:#202020; color:#eee;}
.bg-rb1 {background:#566b70; color:#fdfdfd;}
.s-bg-1 {background-image:url(img/backgrounds/); color:#707070;}
.bg-routh {background-image:url(../img/routh-studios-article-bg.jpg); max-width:100%; color:#fff; background-attachment: fixed;background-position: center center;}
.bg-lsu {background-image:url(../img/lsu-football.jpg); max-width:100%; color:#fff; background-attachment: fixed;background-position: center center;}
.bg-lsu a {color:#fff!important;}
.bg-lsu a:hover {color:#7C4EAB!important;} /** RP#663399 SY#9F8958 **/
.bg-jazz {background-image:url(../img/blues-jazz-watercolor.jpg); max-width:100%; color:#fff; background-attachment: fixed;background-position: center center;}
.bg-jazz a {color:#fff!important;}
.bg-jazz a:hover {color:#6f7bb5!important;}
.bg-art {background-image:url(../img/fleur-de-lis-bg.jpg); max-width:100%; color:#fff; background-attachment: fixed;background-position: center center;}
.bg-art a {color:#fff!important;}
.bg-art a:hover {color:#FFF3CF!important;}
.bg-art1 {background-image:url(../img/ostrich-bg.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-art1 a {color:#fff!important;}
.bg-art1 a:hover {color:#FFF3CF!important;}
.bg-art2 {background-image:url(../img/louisiana-saturday-night.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-art2 a {color:#fff!important;}
.bg-art2 a:hover {color:#FFF3CF!important;}
.bg-stan1 {background-image:url(../img/magnolia.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-stan1 a {color:#fff!important;}
.bg-stan1 a:hover {color:#FFF3CF!important;}
.bg-stan2 {background-image:url(../img/louisiana-saturday-night.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-stan2 a {color:#fff!important;}
.bg-stan2 a:hover {color:#FFF3CF!important;}
.bg-stan-places {background-image:url(../img/magnolia-bg.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-stan-places a {color:#fff!important;}
.bg-stan-places a:hover {color:#FFF3CF!important;}
.bg-stan-portraits {background-image:url(../img/house-portrait.jpg); color:#fff;background-attachment: fixed; background-position: center center;}
.bg-stan-portraits a {color:#fff!important;}
.bg-stan-portraits a:hover {color:#FFF3CF!important;}


.text-1 {color:#eee;}
.text-2 {color:#ddd;}
.text-3 {color:#ccc;}
.text-4 {color:#555;}
.text-5 {color:#AB4B0A;}

/* Foundation
========= ***/
body {
	width: 100%;
	background: #bcdedd; /*#3C1D23  70a1a8*/
	color: #777;
	font-family:"r",Helvetica,Arial,sans-serif;
	/** font-size:16px; **/
	font-size: 100%;
	line-height: 1.6875;
	font-weight:300;
	/** line-height:24px; **/
}
#page-border {
	top:40px;
	width:100%;
	max-width: 1444px;
	background: #fff;
	clear: both;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.head-border {
	top:40px;
	width:100%;
	max-width: 1444px;
	background: #fff;
	clear: both;
	margin: 0 auto;
	position: relative;
}
#page-con {
	width:100%;
	max-width: 1440px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	overflow: hidden;
	border-left-width: 30px;
	border-left-color: #73001B;
	border-right-width: 30px;
	border-right-color: #73001B;
	box-shadow: 0 2px 15px 2px rgba(0,0,0,0.8)
}
/* Elements, Blocks, Subs
========= ***/
section {width: 100%;}
.sec-1 {background-color: #ededed;}
.sec-2 {background-color: #ddd;}
.sec-3 {background-color: #303030}
.sec-4 {background-color: #808080}
.block-heading {margin:0 auto;border-bottom:1px solid #ddd;background: #fff;position:relative;}
.a-heading {max-width:980px; margin:0 auto;position:relative; padding: 10px 15px 10px 15px;}
.a-heading h1 {margin:0;padding:40px 0 20px 0;position:relative;text-align:center;text-transform:uppercase;}
.a-heading h2 {margin:0 0 10px;padding:10px 0;position:relative;text-align:center;}
.a-heading h3 {margin:0 0 10px;padding:10px 0;position:relative;text-align:center;}
.a-heading2 {max-width:980px; margin:0 auto;position:relative;}
.a-heading2 h1 {margin:0;padding:35px 0 30px 0;position:relative;text-align:center;text-transform:uppercase;}
.rs-heading {text-align:center; padding-top:120px; font-weight: 400; font-size:77px; text-transform: uppercase;}

.block-1{max-width:1020px;height:100%;margin:0 auto;padding:40px 20px;position:relative;overflow:hidden;}
.block-2{max-width:1020px;height:100%;margin:0 auto;padding:40px 0px;position:relative;overflow:hidden;}
.block-3{max-width:1020px;height:100%;margin:0 auto;padding:40px 20px;position:relative;overflow:hidden;}
.block-4{max-width:1020px;height:100%;margin:0 auto;padding:18px 0px;position:relative;overflow:hidden;}
.block-5{max-width:1020px;height:100%;margin:0 auto;padding:10px 20px;position:relative;overflow:hidden;}
.block-6{max-width:1440px;height:100%;margin:0 auto;padding:0px 0;position:relative;overflow:hidden;}
.block-7{max-width:1020px;height:100%;margin:0 auto;padding:0 0 40px;;position:relative;overflow:hidden;}
.block-8{max-width:1020px;height:100%;margin:0 auto;padding:0px 0px 20px 0px ;position:relative;overflow:hidden;}
.block-9{max-width:990px;height:100%;margin:0 auto;padding:40px 0px ;position:relative;overflow:hidden;}

.b-btm-1 {border-bottom:1px solid #ddd;}

.team {text-align:center;}
.team img {border-radius: 50%;}
.welcome a {color:#eee;}
.welcome a:hover {color:#fff;}

.view {/*max-width:160px; margin:0 auto; */ margin-top:20px;}
.view .btn {
	position:relative;
	font-size: 17px;
	text-decoration: none;
	background-color: #7aa8b8; /*#00CCCC #00b9b5 #96DED1 #1fcecb #9debe9*/
	color: #fff!important;
	margin: 0 auto;
	padding:10px 15px 10px 15px;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;}
.view .btn:hover {background-color: #69919d; color:#fff!important;}
.view2 {/*max-width:160px; margin:0 auto; */text-align: center;}
.view2 .btn {
	position:relative;
	font-size: 14px;
	text-decoration: none;
	background-color: #7aa8b8; /*#00CCCC #00b9b5 #96DED1 #1fcecb #9debe9*/
	color: #fff!important;
	margin: 0 auto;
	padding:2px 0;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 1px;}
.view2 .btn:hover {background-color: #69919d; color:#fff!important;}
.view-center {max-width:124px; margin:0 auto; margin-top:20px;}
.view-center .btn {
	position:relative;
	font-size: 17px;
	text-decoration: none;
	background-color: #7aa8b8; /*#00CCCC #00b9b5 #96DED1 #1fcecb #9debe9*/
	color: #fff!important;
	margin: 0 auto;
	padding:10px 15px 10px 15px;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;}
.view-center .btn:hover {background-color: #69919d; color:#fff!important;}

.view-center {max-width:140px; margin:0 auto; margin-top:20px;}
.view-center .btn2 {
	position:relative;
	font-size: 17px;
	text-decoration: none;
	background-color: #7aa8b8; /*#00CCCC #00b9b5 #96DED1 #1fcecb #9debe9*/
	color: #fff!important;
	margin: 0 auto;
	padding:10px 15px 10px 15px;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;}
.view-center .btn2:hover {background-color: #69919d; color:#fff!important;}

.viewp {max-width:600px; margin:0 auto; text-align: center;}
.viewp .btn {
	position:relative;
	font-size: 18px;
	text-decoration: none;
	background-color: #7aa8b8; /*#00CCCC #00b9b5 #96DED1 #1fcecb #9debe9*/
	color: #fff!important;
	margin: 0 auto;
	padding:10px 15px;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 1px;}
.viewp .btn:hover {background-color: #69919d; color:#fff!important;}
/*** Header/Nav ***/

.header-nav {position:fixed;width:100%;background:#505050;color:#ededed;border-bottom:2px solid #606060;}
.block-nav {min-height: 40px;max-width:990px;height:100%;padding:0px;background:inherit;margin:0 auto;}
.call-nav {background-color:#7aa8b8!important;}
.call-nav a {color:#fff!important; font-weight:500!important;}
.call-nav a:hover {color:#fff!important;}
.call-nav:hover {background-color:#00b9b5!important;}

/*{width:980px;height:40px;margin:0 auto;position:relative;overflow:hidden;top:10px;}*/
header {margin:0 auto;width:100%;max-width:1440px;height:100%;position:relative;/*z-index:998;*/}
header img{width:100%;max-width:1440px;}
.header-trans {width:1444px!important;}
.block-header {width:100%;height:100%;position:relative;}
.header-placehold {max-width:1440px; height:300px;}

/*** Footer ***/
.f-contact h1 {text-align:right;}
footer {width:100%;height:100%;background:#404040;color:#ccc;}
.block-f {max-width:1000px;height:100%;margin:0 auto;position:relative;overflow:hidden;padding:40px 10px 54px 10px;}
.sur-box {margin:0;padding:0;position:relative;width:100%;height:100%;background: #404040!important;text-align:left;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius: 4px;}
.f-box {padding: 0!important;background: none!important;text-align:left;}
.f-box h1 {position:relative;margin:0;font-size:18px;font-weight:400; text-transform: uppercase;}
.f-box h2 {position:relative;margin:0;font-size:16px;font-weight:400;}
.f-box h3 {position:relative;margin:0;font-size:14px;font-weight:400;}
.f-box p {position:relative;margin:0;font-size:14px;color:#ededed;line-height:1.5em;}
.f-box a {position:relative;text-decoration: none; margin:0 auto; color:#ccc;}
.f-box a:hover {color:#00b9b5;}
.f-box-sub {margin-top:20px;}

.f-links p {text-align:right;}
.f-links ul {font-weight:300;list-style: none;position:relative;font-size: 15px;color:#ededed;padding:15px}
.f-links li {position:relative;padding:2px 0;}
.f-links a {color:#ddd;}
.f-links a:hover {color:#00b9b5;}
.c-block {position:relative;width:100%;background: #333;/*background: url(../img/debut_dark.png) repeat-x;*/}
.copyright {position:relative;margin:0 auto; padding:0px 15px; max-width:1020px;height: 100%;}
.copyright p {padding:8px 0;position:relative;font-size: 13px;color:#fff;}
.copyright a {text-decoration: none;font-size: 13px;color:#fff;}
.copyright a:hover{color:#00b9b5;}

.inquire p {font-size:1.15em;line-height: 3.2;float:left; color:#ddd;}
.inquire .btn {
	position:relative;
	font-size: 18px;
	text-decoration: none;
	background-color: #00b9b5; /*#00CCCC #96DED1 #1fcecb #9debe9*/
	color: #fff;
	margin: 0 auto;
	padding:15px 25px 15px 25px;
/*	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;}
.inquire .btn:hover {background-color: #69919d; color:#fff;}
.qs {font-size:20px; line-height:10px; text-align: center; padding-bottom:30px!important;}
/*** Footer Gallery ***/

.f-gallery {}

/*** Contact ***/

.contact p {font-size:17px;}
.contact .text-right {text-align:right;float:right;font-weight:500;}
.contact span2 {text-align:right;float:right;font-weight:400;}
.contact a {color:#606060;text-decoration:none;}
.contact a:hover {color:#69919d;text-decoration:none;}
.blurb {text-align:justify;}

.contact-stan {text-align: center;}
.contact-stan h3 {text-align: center; font-size: 20px;}

/*** Icons / Social ***/

#facebook {background-image: url(../img/icn/facebook-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#facebook:hover {background-image: url(../img/icn/facebook-icn.png);}
#twitter {background-image: url(../img/icn/twitter-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#twitter:hover {background-image: url(../img/icn/twitter-icn.png);}
#pintrest {background-image: url(../img/icn/pintrest-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#pintrest:hover {background-image: url(../img/icn/pintrest-icn.png);}
#linkedin {background-image: url(../img/icn/linkedin-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#linkedin:hover {background-image: url(../img/icn/linkedin-icn.png);}
#google {background-image: url(../img/icn/google-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#google:hover {background-image: url(../img/icn/google-icn.png);}
#instagram {background-image: url(../img/icn/instagram-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#instagram:hover {background-image: url(../img/icn/instagram-icn.png);}
#youtube {background-image: url(../img/icn/youtube-g.png); height: 45px; width: 45px; float: left;margin-right: 5px;margin-bottom: 5px;}
#youtube:hover {background-image: url(../img/icn/youtube-icn.png);}

/* a-z Boxes & Units
========= ***/
.a-1 {
	width: 100%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-2 {
	width: 47.5%;
	margin-right: 5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-3 {
	width: 30%;
	margin-right: 5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-4 {
	width: 21.25%;
	margin-right: 5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-5 {
	width: 16%;
	margin-right: 5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
/* b-Blocks */
.b-1 { /*Currently N/a*/
	width: 100%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-2 {
	width: 48.75%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-3 {
	width: 31.6666667%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-4 {
	width: 23.125%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-5 {
	width: 18%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
/* c-Blocks */
.c-1 { /*Currently N/a*/
	width: 100%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-2 {
	width: 50%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-3 {
	width: 33.3333333333333%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-4 {
	width: 25%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-5 {
	width: 20%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
/* Fractions */
.a-2-3 {
	width: 65%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-3-4 {
	width: 73.75%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.a-4-5 {
	width: 79%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
/* b-Blocks */
.b-2-3 {
	width: 65.8333334%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-3-4 {
	width: 74.375%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.b-4-5 {
	width: 79.5%;
	margin-right:2.5%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
/* c-Blocks */
.c-2-3 {
	width: 66.66666666666666%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-3-4 {
	width: 75%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}
.c-4-5 {
	width: 80%;
    position: relative;
	float: left;
	min-height: 1px;
	padding: 10px 15px 10px 15px;
}

/* Units */
.unit-5 {width:5%;}
.unit-10 {width:10%;}
.unit-15 {width:15%;}
.unit-20 {width:20%;}
.unit-25 {width:25%;}
.unit-30 {width:30%;}
.unit-35 {width:35%;}
.unit-40 {width:40%;}
.unit-45 {width:45%;}
.unit-50 {width:50%;}
.unit-55 {width:55%;}
.unit-60 {width:60%;}
.unit-65 {width:65%;}
.unit-70 {width:70%;}
.unit-75 {width:75%;}
.unit-80 {width:80%;}
.unit-85 {width:85%;}
.unit-90 {width:90%;}
.unit-95 {width:95%;}
.unit-100 {width:100%;}

/* iBox Styles */
.bs {box-shadow: 0 0 5px rgba(0,0,0,0.1);}

/* Accordion
========= ***/
.inner-nav {padding:20px 0 60px 0;}
.inner-nav h1 {margin:20px 0 0 0; text-align:center;text-transform:uppercase;}
.tab-content .block-3{padding:40px 0 0 0;}


#accordion {color:#ddd;}
#accordion:hover {color:#eee!important;}
.accordion-toggle {cursor: pointer;width:100%;background:#444;}
.accordion-toggle a {text-decoration:none;}
.accordion-toggle a:hover {color:inherit;text-decoration:none;}
.accordion-content {display: none;text-align:justify;padding:0;background:#aaa;}
.accordion-content>.c-2-3 {background:#909090;}
.accordion-content.default {display: block;}
#accordion h3 {margin:0 auto;width:400px;text-align:center;padding:9px;font-weight:400;background:#333;text-transform:uppercase;}

/* Masonry
========= ***/ 
/* ---- grid ---- */

.grid {
  background: none;
  width: 100%;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 20%;
}

.grid-item {
  height: 120px;
  float: left;
  background: #ccc;
  border: 1px solid #aaa;
  border-color: hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width: 300px; }
.grid-item--width3 { width: 500px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

/* Internals
========= ***/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #b17dcb;
  margin: 1.5em 10px;
  /*padding: 0.5em 10px;*/
  padding: 20px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.blockquote {
  background: #f9f9f9;
  border-left: 10px solid #b17dcb;
  margin: 1.5em 10px 1.5em 0px;
  /*padding: 0.5em 10px;*/
  padding: 20px 20px 20px 20px;
  /*quotes: "\201C""\201D""\2018""\2019";*/
}
.blockquote:before {
  color: #ccc;
  /*content: open-quote;*/
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blockquote p {
  display: inline;
}

cite {
	color: #b17dcb;
	float: right;
}

.small-title{
	/*position: relative;
	top: -25px;*/
	margin-top: -25px;
}

/* Forms
========= ***/
input[type="text"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #555
}

select {
-webkit-appearance:none;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #555;
  margin-bottom: 12px;
  background: url('../img/msc/arrows.png') 99% 50% no-repeat;
  background-size: 10px;
}

label {
	margin-top: 5px;
	color:#999;
}

input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #555
}

textarea{
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color:#555
}

input[type="submit"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
  border: 0px!important;
  padding:15px;
  background: #555;
  color: #ededed;
  transition: background-color 0.5s ease;
}

input[type="submit"]:hover {
	color: #fff;
	background: #777;
}

.error{
	/* display: none; */
	color: red!important;
	font-size: 14px;
}
.hours {
	padding: 5px;
	position: relative;
	width: 65%;
	float: left;
}
.hours h3 {
	padding-left:10px!important;
	color:#b17dcb;
}

/* Table 
========= ***/
th {
	font-size: 18px;
  	text-align: left;
  	padding: 5px 8px;
  	background-color: #b17dcb;
  	color: #fff;
  	height: 30px;
}
table, th, td {
   border: 1px solid #cbcbcb;
}
table {
	margin-top:25px;
	margin-bottom: 25px;
    width: 100%;
    font-size: 14px;
}
td {
	padding: 6px;
    height: 25px;
    vertical-align: bottom;
}

/* Home Page
========= ***/
.home h2{color: #555; font-size: 24px;font-weight: 500; /** text-transform: uppercase;**/ margin-bottom: 30px!important; line-height: 20px!important;
}
.home a:hover {color: #69919d!important;}

.block-1 .box-l {border}
.box-l {max-width:465px;}
.box-r
.border-right {
    border-right: 1px solid #b5a268;
    padding-right: 30px;
    padding-top: 20px; }

/* MEDIA QUERIES  570px, 1003px & 807px (place inquery), 
========= ***/
@media (max-width: 260px) {
.smallest {display:none;}
}
@media (max-width: 389px) {
.smaller {display:none;}
.inner-nav {padding:20px 0 20px 0;}
}

@media (min-width: 350px) {
.small-contact-heading {display: none;}
}
@media (max-width: 350px) {
body {font-size:14px;}
h1 {font-size: 22px!important;line-height: 25px!important;}
.view .btn {
    width: 90%!important;
    margin: 10px 5% 0 5%!important;
    text-align: center;
    font-size: 18px!important;}
.media-big {display:none;}
.contact {width:100%;}
.contact p {font-size:14px!important; text-align: center!important; float:none!important;}
.contact span{font-size:14px!important; text-align: center!important; float:none!important;}
.contact a {font-size:14px!important; text-align: center!important; float:none!important;}
.contact-small {display: none;}
.contact span2 {float:none!important; text-align: center!important;}
.viewp .btn {font-size:12px;}
.sf-menu, .sf-menu * {line-height: 19px!important; font-size:10px!important;}
.qs {line-height: 24px;}
}

@media (max-width: 570px) {
.contact {width:100%;}
.contact p {font-size:20px;}
.contact span {font-size:20px;}
.contact a {font-size:20px;}
.contact span2 {text-align: center!important;}
input[type="submit"] {width:100%;}
h3 {font-size:20px; text-align: center;}
#page-border {top:35px;}
.head-border {top:35px;}
.block-nav {
    min-height: 26px;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 5px;
}

.sf-arrows .sf-with-ul {
    padding-right: 12px!important;
}

.sf-menu a {
    /* border-left: 1px solid #fff; */
    /* border-top: 1px solid #dFeEFF; */
    /* border-top: 1px solid rgba(255,255,255,.5); */
    padding: 0.75em .55em;
    text-decoration: none;
    zoom: 1;
}

.sf-arrows .sf-with-ul:after {
	display: none;
}

.sf-menu, .sf-menu * {
	font-size:12px;
}
.nav-contact {display:none;}

.a-heading h1 {
    margin: 0;
    padding: 20px 0 0px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 32px;
}
.a-heading2 h1 {
    font-size:30px;
    padding: 15px 0 10px 0;}
.inner-nav h1 {font-size:30px;}

.a-2 {
    width: 100%;
    margin-right: 0%;
}
.c-3 {
	width:100%;
}
.c-2-3 {width:100%;}
.a-3 {width:100%; margin-bottom:20px;}
.c-2 {
	width:100%;
}
.contact {padding: 20px 0 0 0!important;}
.small-no-toppad {padding:0 0 40px 0!important;}

.f-box h1 {
    text-align: center;
}
.f-social {width:150px; margin-top:20px!important;margin:0 auto;}
.f-links p {text-align: center;}
.block-header {display:none;}
.copyright p {font-size:8px;}
.copyright a {font-size:8px;}
.arr {display:none;}
.inquire .c-3-4 {display:none;}
.inquire .c-4 {width:100%!important;}
.inquire .btn {width:100%; text-align:center; font-size:24px;}
.gallery {display:none;}
.home h2 {text-align: center; font-size:26px;}
.home .small {padding:0px 0px 20px 0px!important; display: inline-block;}
.big {display: none;}
.small {display: inline-block;}
.view .btn {width:80%; margin:10px 10% 0 10%; text-align:center; font-size:24px;}
.view-center {max-width:100%!important;}
.view-center .btn {max-width:80%!important; margin:10px 10% 0 10%!important; text-align:center; font-size:24px;}
.view-center .btn2 {max-width:100%!important; margin:10px 5% 0 5%!important; text-align:center; font-size:24px;}
.product-headings {font-size: 20px;}
.small-logo {height:34px;}
}
@media (min-width: 570px) {
.small {display: none;}
}
@media (max-width: 1002px) {
.big2 {display: none;}
.small2 {display: block; text-align: right!important; float:right!important;}
.inquire .c-3-4 {max-width:47.5%; margin-right:5%;}
.inquire .c-4 {width:47.5%;}
.inquire p {font-size:24px; line-height:71px;}
.inquire .btn {max-width:100%!important; padding:; text-align:center; font-size:24px; float:left!important;}
}
@media (min-width: 1003px) {
.small2 {display: none;}
}
@media (max-width: 869px) {
.nav-home {display:none;}
.rs-heading {font-size:50px;padding-top:80px;}
.header-placehold {height:200px;}
}
@media (max-width: 785px) {
.small-logo {display: inline-block;}
.big-logo {display: none}
}
@media (min-width: 785px) {
.small-logo {display: none}
}