/* ==========================================================================
   Webvision's basic layout styles
========================================================================== */
p {font-family: 'Lato', sans-serif; font-size: 1.1em}
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
#logo {display: block; margin: 3em 0;}
.redhead {background-color: #b83423; position: relative;  z-index: 200}
.decor-top {width: 100%;height: 90px;left: 0; position: relative; z-index: 200}
.header {position: relative; z-index: 199; top: -90px;}
.headerImg {border-bottom: 3px solid #b83423}
.headerText {padding: 100px 0 0 50px}
.headerText h1 {font-family: 'Pacifico', cursive; font-size: 2.8em;color: #b83423;}
.headerText p {font-size: 1.2em; margin-left: 100px;}

.navbar {margin: 6em 0 0 0}
.navbar-nav > li > a {color: #fff; font-family: 'Pacifico', cursive; font-size: 1.5em;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background: none; border-bottom: 3px solid #fff;}
.navbar-toggle {background-color: black; color: #fff;}
.icon-bar {background: white}
.hiddenText {display: none}

.box > .icon {text-align: center; position: relative; }
.box > .icon > .image {position: relative; z-index: 2; margin: auto; width: 150px; height: 150px; line-height: 150px; border-radius: 50%; background: #363636; vertical-align: middle;font-size: 2.9em }
.box > .icon:hover > .image { background: #b83423; }
.box > .icon > .image > i {color: #fff !important; }

.box > .icon > .info > .moduletable > h3 { font-family: 'Pacifico', cursive; font-size: 1.7em;color: #b83423;}
.box > .icon > .info > .moduletable > .custom > p { line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > .moduletable > .custom > p { color: #b83423;}

.dots {padding-bottom: 40px}

.mainredbox{background: url(../images/shadow.png) no-repeat center top #b83423; color: #fff; padding: 70px 0 30px 0}
.img-main {border: 5px solid #fff;}

.jumbobox {padding: 0 20% 3% 20%;}
.jumbobox h3 {font-size: 3em ;font-family: 'Lato', sans-serif; color: #b83423; text-align: center;}
.jumbobox p { text-align: center;}

.greybgr {background: #f4f6f8}

.fitem {border:1px solid #e6e8ea; padding: 10px 20px 220px 20px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px; border-bottom: 7px solid #b83423;}
.fst {background: url(../images/heels.png) no-repeat right bottom #fff}
.mid {background: url(../images/half-sole.png) no-repeat right bottom #fff}
.lst {background: url(../images/sheets.png) no-repeat right bottom #fff}
.fitem h2 {font-family: 'Pacifico', cursive; font-size: 1.7em;color: #b83423;}
.fitem h5 {font-size: 1.4em;}
.fitem a {color: #b83423;}
.featured {padding-bottom: 100px}
img.shade {position: absolute; bottom: -76px; }

.clientsbox {background-image: url(../images/shadow-bl.png), url(../images/clients-bgr.png);
			background-position: center top, center center;
			background-repeat: no-repeat, repeat;
			color:#fff; padding: 30px 100px 100px 100px; border-top:7px solid #b83423;
			-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);}

.clientsbox h3 {font-size: 3em ;font-family: 'Lato', sans-serif;}

#quote-carousel{padding: 0 10px 30px 10px;margin-top: 30px;}
#quote-carousel .carousel-indicators {top: auto;bottom: 0px;left: 50%;}
#quote-carousel .carousel-indicators li{background: #c0c0c0;}
#quote-carousel .carousel-indicators .active{background: #333;}
#quote-carousel img{width: 80%;height: 80%}
.item blockquote {border-left: none;margin: 0;}
.item blockquote img {margin-bottom: 10px;}
.item blockquote p{font-family: 'Lato', sans-serif;  font-size: 1em;}
.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome'; float: left; margin-right: 10px;}

.round {display: inline-block; height: 40px;width: 40px;line-height: 40px;-moz-border-radius: 20px;border-radius: 20px;
		color: #FFF;text-align: center;}
.round.round-lg {height: 40px;width: 40px;line-height: 40px;-moz-border-radius: 20px;border-radius: 20px;font-size: 1.5em;}
.round.red {background-color: #b83423;}
.contacts {margin-bottom: 20px}
.contacticon{text-align: left}
.contacts a{color: #b83423;}
footer {background-color: #b83423; color:#fff; text-align: center; padding: 10px 0}
footer a, footer a:hover {color:#fff;}

/* ==========================================================================
   Webvision's MAX=992px layout styles
========================================================================== */
@media (max-width: 992px) {
	.navbar {margin: 2em 0 0 0;}
	#logo {margin: 2em 0 0 0;}
	.navbar-nav > li > a {font-size: 1.4em;}
	.round.round-lg {height: 40px;width: 40px;line-height: 40px;-moz-border-radius: 20px;border-radius: 20px; }
}

/* ==========================================================================
   Webvision's MAX=769px layout styles
========================================================================== */
@media (max-width: 769px) {
	nav {width:100%;}
	.navbar {min-height: 0}
	.navbar-nav > li > a {box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}
	.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {border-bottom: 0;background: #c24737;}
	.navbar-collapse {box-shadow: none;}
	.navbar-toggle {position: absolute; top:-94px;right:0;}
	.decor-top {height: 30px;}
	.header {top: -30px;}
	.jumbobox h3 {font-size: 2em ;}
	.clientsbox {padding: 30px 30px 100px 30px;}
	.clientsbox p, .clientsbox small {text-align: center}
	#quote-carousel img{width: 40%;height: 40%}
	.fitem {margin-bottom: 30px;}
	.contacticon{text-align: right}
	.round.round-lg {height: 60px;width: 60px;line-height: 60px;
		-moz-border-radius: 30px;border-radius: 30px;}
}