@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

body { font-family: 'Roboto', sans-serif; background: #ddd; overflow-x: hidden; }
/*body { padding-top: 20px; padding-bottom: 20px;}*/
body { color: #4B4C53; font-size: 15px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 20px; }

h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }

h4 > a { color: #EC008C; }

blockquote { border-left-color: #EC008C; }
blockquote p { font-size: 16px; font-weight: 300; }

a { color: #4B4C53; }
a p { margin-top: 10px; }
a:focus {outline-width: 0;}
a:hover, a:focus { color: #EC008C; text-decoration: none; }
a.thumbnail:hover, a.thumbnail:focus { border-color: #4B4C53; }

footer { padding-right: 0px; padding-left: 0px; padding-top: 20px; }
footer { margin: 0 auto; text-align: center; }
footer a { color: #DBDBDB; }
footer a:hover { color: #ED67A4; }

iframe, object, embed {	width: 100%; border: none; margin-bottom: 20px; }

#thumbnails_container { padding: 0px 15px; margin: 0 auto; }

#img_preview { margin-top: 30px; }
#img_preview img { margin: 0 auto; margin-top: 20px; margin-bottom: 30px; border: 1px solid #DBDBDB; padding: 4px; }
#img_preview h3 { text-align: center; }

#stickynav { overflow: hidden; margin-bottom: 20px; padding-bottom: 5px; background: #FFF; width:100%}

.covid { background: #4c4d4f; }
.pink { color: #EC008C;}
.white { color:#fff; }

.brochure { text-align: center; }

.btn { border-radius: 0px; }
.btn-primary {	background-color: #DBDBDB; border-color: #DBDBDB; }
.btn-primary:hover, .btn-primary:focus { background-color: #EC008C; border-color: #EC008C; }

.bullet > li { font-size: 18px; }
.bullet_left { padding-left: 25px; }

.callus { font-size: 18px; text-align: center; background: #FFF; border-top: 1px solid; border-bottom: 1px solid; border-color: #EEE; }
.callus > p {margin-top: 12px; margin-bottom: 12px; }
.callus > p > a { color: #4B4C53; }
.callus > p > a:hover { color: #EC008C; }

.cleaner { clear: both }

.container { margin: 0 auto; padding-left: 0px; padding-right: 0px;	background: #FFF; }

.credit { padding: 10px 0px; background: #4B4C53; color: #DBDBDB; }

.equal { display: flex; display: -webkit-flex; flex-wrap: wrap; }

.featurette-divider { margin-bottom: 20px; }

.header-logo { margin: 12px 0px; }

.headerimg { border-bottom-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; }

.highlight { color: #EC008C; }

.icon-bar { background-color: #FFF; }

.logo-s { text-align:right; }

.navbar { border: none; margin-bottom: 0px; }
.navbar-toggle { background-color: rgba(236, 0, 140, 0.7); border-radius: 0; }
.navbar-toggle:focus { outline: none;  }
.navbar-collapse { padding-left: 0; padding-right: 0; }

.nav > li > a:hover { background-color: #EC008C; color: #FFF;}

.nav-justified > li > a { color: #4B4C53; background: #FFF; text-align: center; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; font-size: 15px; }
.nav-justified > .active > a:hover { background-color: #EC008C; color: #FFF;}
.nav-justified > .active > a,
.nav-justified > .active > a:focus { background: #FFF; color: #EC008C; }
.nav-justified > li > a {border-bottom-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid;}

.pagecontent { padding-top: 0px }

.row { margin-left: 0px; margin-right: 0px; }

.shadow { border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin-bottom:15px }
.shadow img { border-radius:0;-webkit-box-shadow:none;box-shadow:none }
.shadow {position:relative;z-index:0;display:inline-block;max-width:100%}
.shadow:after, .shadow:before { content:"";position:absolute;-webkit-box-shadow:0 15px 10px rgba(0,0,0,.6);box-shadow:0 15px 10px rgba(0,0,0,.6);left:5px;right:50%;bottom:8px;height:30%;z-index:-1;border-radius:inherit;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:skewY(-6deg);-ms-transform:skewY(-6deg);transform:skewY(-6deg) }
.shadow:after { left:50%;right:5px;-webkit-transform:skewY(6deg);-ms-transform:skewY(6deg);transform:skewY(6deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0 }

.sidebar_item { margin-bottom: 15px; }
.sidebar_box { border: 1px solid #DBDBDB; padding: 10px; background: #F6F6F6; max-width: 250px; min-height: 230px; 		text-align: left; }
.sidebar_box p, .sidebar_box li { font-size: 1.3rem; line-height: 2em; }

.spacer { margin-bottom: 40px; }

.sticky { position: fixed; top: 0; z-index: 100; }
.sticky + .pagecontent { padding-top: 60px; }

.subheader { color: #EC008C; font-size: 20px; margin-top: 15px; }

.thumbnail { border-color: #DBDBDB; border-radius: 0px; }

.title { font-weight: 500; margin-bottom: 30px; }

@media only screen {
	
.nav-justified .dropdown-menu > li:last-child > a {border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;}

}

/* mobile styles */

@media only screen and (max-width: 480px) {
	#thumbnails_container { margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; }	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 5px; padding-right: 5px; }
	#stickynav { padding-bottom: 0px; }
	.callus { font-size: 16px; }
	.brochure { text-align: left; }
	.nav-justified > li > a { padding-left: 40px; padding-right: 40px; }
	.sidebar_box { height: auto; width: 100%; max-width: none; min-height: 1px; }
	.sticky { position: fixed; top: 0px; right:0px ; z-index: 1000; }
}

/* tablet styles */

@media only screen and (max-width:767px){
	.nav-justified > li > a {border-bottom-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid;}
	.nav-justified > li:last-child > a {border-bottom-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#thumbnails_container { margin-left: 20px; margin-right: 20px; padding-left: 5px; padding-right: 5px; }	
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	#stickynav { padding-bottom: 0px; }
	.brochure { text-align: left; }
	.nav-justified > li > a { padding-left: 40px; padding-right: 40px; }
	.preview_sidebar_container { margin-top: 10px; }
	.sidebar_item { margin-right: 10px; }
	.sidebar_item:last-child { margin-right: 0px; }
	.sidebar_box { height: auto; width: 100%; max-width: none; min-height: 1px; }
	.sticky { position: fixed; top: 0px; right:0px ; z-index: 1000; }
}

/* desktop styles */

@media only screen and (min-width: 768px) {
	.nav-justified { max-height: 52px; }
	.nav-justified > li > a {border-bottom-color: #DBDBDB; border-bottom-width: 1px; border-bottom-style: solid;}
	.nav-justified > li > a {border-right-color: #DBDBDB; border-right-width: 1px; border-right-style: solid;}
	.nav-justified > li:last-child > a {border-right-color: currentColor; border-right-width: 0px; border-right-style: none;}
	.sticky { max-width: 750px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	.preview_sidebar_container { margin-top: 30px; }
	.sidebar_item { margin-right: 15px; }
	.sidebar_item:last-child { margin-right: 0px; }
	.sidebar_box { height: 330px; max-width: 230px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	.callus { font-size: 22px; }
	.preview_sidebar_container { margin-top: 66px; }
	.sticky { max-width: 970px; }
}

@media only screen and (min-width: 1200px) {
	#thumbnails_container .col-xs-4, #thumbnails_container .col-sm-3, #thumbnails_container .col-md-3 { padding-left: 10px; padding-right: 10px; }
	.callus { font-size: 22px; }
	.preview_sidebar_container { margin-top: 66px; }
	.sticky { max-width: 1170px; }
}