body, html {
	font-family: 'Source Sans Pro', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #1c424d;
}
h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 36px;
	margin: 0;
}
h3 {
	font-size: 16px;
	font-weight: 700;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
}
a {
	color: #5b777f;
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #f1c40f;
}
.img-centered {
	margin: 0 auto;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 99999;
	height: 100%;
}
#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}
.section-title {
	padding: 30px 0;
}
.section-title h2 {
	font-weight: 400;
	margin-bottom: 26px;
}
hr {
	height: 3px;
	width: 60px;
	position: relative;
	background: #626a29;
	border: 0;
	margin-bottom: 30px;
}
/* Navigation */
#menu {
	/*padding: 20px;*/
	padding: 0;
	transition: all 0.8s;
}
#menu.navbar-default {
	/*background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);*/
    background-color: rgba(255, 255, 255, 1);
}
#menu a.navbar-brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #d9e0e2;
	font-weight: 700;
	letter-spacing: 1px;
}
#menu a.navbar-brand i.fa {
	color: #f3ca27;
}
#menu.navbar-default .navbar-nav > li > a {
	/*text-transform: uppercase;*/
	color: #363636;
	font-size: 16px;
	/*letter-spacing: 1px;*/
    font-weight: 600;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	/*color: #f3ca27;*/
	color: #0052a4;
}
.on {
	/*background-color: #032731 !important;*/
	background-color: #fff !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*color: #f3ca27 !important;*/
	color: #0052a4 !important;
	background-color: transparent;
}

.navbar-nav {margin: 0 0 0 23%;}

.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f3ca27;
	border-color: #f3ca27;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}

/* Pop Up Content */
#popup_box {background: url('../images/popup-bg.jpg') no-repeat 0 0; max-width: 630px; height: 100%; padding: 1em;}
#popup_box h1 {margin: 0.3em 0; font-weight: 600; font-size: 4em; text-transform: uppercase; color: #cba55f;}
#popup_box .popup-content {width: 50%; color: #979593; font-size: 1.1em; font-weight: 300;}
#popup_box .btn-buynow a {background: url('../images/btn-on.jpg') no-repeat 0 0; font-size: 1.4em; font-weight: 300; color: #fff; display: inline-block; padding: 0.3em 1em; margin: 1em 0;}
#popup_box .btn-buynow a:hover {background: url('../images/btn-off.jpg') no-repeat 0 0;}

/* Home Style */
header {
	/*background: url(../images/header-bg.jpg) no-repeat bottom center;
	background-size: cover;*/
	color: #d9e0e2;
	position: relative;
	height: 100%;
}
header p {
	color: #d9e0e2;
	font-size: 20px;
	margin-bottom: 80px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.intro-text {
	position: relative;
	padding-top: 250px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 170px;
}
.intro-text H1 {
	font-size: 70px;
	text-transform: uppercase;
	color: #d9e0e2;
	letter-spacing: 2px;
}
.color {
	color: #f3ca27;
}
.btn-default {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	/*background-color: #f1c40f;*/
	background: url('../images/btn-on.jpg') no-repeat center center;
	border: 0;
    border-radius: 0;
	margin: 0;
	font-size: 18px;
    font-weight: 300;
	transition: all 0.5s;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	/*background-color: #c1a618;*/
	background: url('../images/btn-off.jpg') no-repeat center center;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.buynow-section {position: absolute; bottom: 10%; right: 12%; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 1.5em; z-index: 9; max-width: 25%;}
.buynow-content {color: #979593; font-size: 1.1em; font-weight: 300; line-height: 1.3; padding: 1em 0;}
.buynow-content span {font-weight: 500; font-size: 1.4em;}
.buynow-section .btn-buynow a, .buynow-section-small .btn-buynow a {background: url('../images/btn-on.jpg') no-repeat center center; font-size: 1.4em; font-weight: 300; color: #fff; display: block; padding: 0.3em;}
.buynow-section .btn-buynow a:hover, .buynow-section-small .btn-buynow a:hover {background: url('../images/btn-off.jpg') no-repeat center center;}

.buynow-section-small {background: #fff; padding: 1em;}

/* Features */
#features {
	/*padding: 80px 0 100px 0;*/
	padding: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: url(../images/features-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
}
#features h4 {
	color: #81969c;
	text-transform: uppercase;
}
.space {
	margin-top: 40px;
}
#features i.fa {
	font-size: 40px;
	border: 0;
	width: 100px;
	height: 80px;
	padding: 22px 25px;
	background: #032934;
	margin-bottom: 6px;
	border-radius: 10%;
	color: #f3ca27;
	transition: all 0.5s;
}
#features .service:hover>i.fa {
	background: #0b3540;
}

#features .ls-content {border: 1px solid #c8ab74 !important; background: rgba(246,246,246,0.65); padding: 2em !important; width: 21em; color: #555352; font-size: 1.1em; font-weight: 300; line-height: 1.6 !important;}
#features .ls-content h2 {text-transform: uppercase; font-weight: 300; color: #c8ab74; border-bottom: 1px solid #c8ab74; padding-bottom: 0.3em; margin-bottom: 0.5em;}
#features .ls-content h2 span {font-weight: 500;}
#features .imgfill {min-height: 250px;}



.features-label {z-index: 9; position: absolute; bottom: 10px; right: 0; background: url('../images/features-label.png') no-repeat left 0; padding: 0.65em 1.5em 0.65em 2.5em; color: #fff; font-size: 1.2em;}

.pad-non {padding-left: 0; padding-right: 0;}
.bg-gd {background: #d8b58d;}
.bg-pk {background: #e14aa9;}
.bg-we {background: #abacb1;}
.bg-be {background: #003399;}

.imgfill .btn-findout {border: 1px solid #fff; margin: 1em auto !important; text-transform: uppercase; text-align: center; padding: 0.5em 0;}

/*---------------*/
/***** Chico *****/
/*---------------*/
.imgfill figure img {
	/*position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;*/
}

.imgfill figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.imgfill figure figcaption::before,
.imgfill figure figcaption::after {
	pointer-events: none;
}

.imgfill figure figcaption,
.imgfill figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.imgfill figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.imgfill figure h2,
.imgfill figure p {
	margin: 0;
}

.imgfill figure p {
	letter-spacing: 1px;
	font-size: 85.5%;
    text-align: center;
}

.imgfill figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imgfill figure.effect-chico:hover img {
	opacity: 0;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.imgfill figure.effect-chico figcaption {
	padding: 3em;
}

.imgfill figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.imgfill figure.effect-chico figcaption::before,
.imgfill figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.imgfill figure.effect-chico h2 {position: absolute; bottom: 10px; right: 0; background: url('../images/features-label.png') no-repeat left 0; padding: 0.6em 1.5em 0.6em 2.5em; color: #fff; font-size: 1em;}

.imgfill figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.imgfill figure.effect-chico:hover figcaption::before,
.imgfill figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgfill figure.effect-chico:hover h2 {opacity: 0;}

/*---------------*/
/***** Chico2 *****/
/*---------------*/

.imgfill figure.effect-chico2 img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.imgfill figure.effect-chico2:hover img {
	opacity: 0.1;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.imgfill figure.effect-chico2 figcaption {
	padding: 3em;
}

.imgfill figure.effect-chico2 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.imgfill figure.effect-chico2 figcaption::before,
.imgfill figure.effect-chico2 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.imgfill figure.effect-chico2 p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.imgfill figure.effect-chico2:hover figcaption::before,
.imgfill figure.effect-chico2:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgfill figure.effect-chico2:hover h2 {opacity: 0;}
.imgfill figure.effect-chico2 .btn-findout {border: 1px solid #fff; margin: 4em auto 1em !important; text-transform: uppercase; text-align: center; padding: 0.5em 0;}

@media screen and (max-width: 50em) {
	.imgfill figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/* Features */
#gallery {
	padding: 0;
}
#gallery .imgfill {min-height: 250px;}

/* Gallery Section 
==============================*/
#works-section {
	padding: 80px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	background: rgb(193,166,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a618', endColorstr='#c1a618', GradientType=0 ); /* IE6-9 */
}
#works-section i.fa {
	font-size: 30px;
	padding: 5px;
	color: #f1c40f;
}
.categories {
	padding-bottom: 30px;
	text-align: center;
}
#works-section hr {
	background: #a9971c;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	color: #51633d;
	border: 1px solid #f7dc6f;
	padding: 8px 16px;
	border-radius: 3px;
}
ol.type li a.active {
	background: #f7dc6f;
}
ol.type li a:hover {
	background: #f7dc6f;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin-bottom: 30px;
}
.portfolio-item .hover-bg {
	height: 260px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #c0cbce;
	background: rgba(3, 46, 58, 0.8);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 20px;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
.portfolio-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #f1c40f;
}
.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 2.5em;
}
.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
	margin: 10px 0 30px;
	font-size: 14px;
	font-style: italic;
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}
.portfolio-modal .close-modal:hover {
	opacity: .3;
}
.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.portfolio-modal .btn-primary {
	color: #a7b6ba;
	background-color: #1d434e;
	border-color: #1d434e;
}
.portfolio-modal .btn-primary:hover, .portfolio-modal .btn-primary:focus, .portfolio-modal .btn-primary.focus, .portfolio-modal .btn-primary:active, .portfolio-modal .btn-primary.active {
	color: #a7b6ba;
	background-color: #032e3a;
	border-color: #032e3a;
}
/* About Section */
#about-section {
	padding: 80px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: rgb(3,39,49); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(3,39,49,1) 0%, rgba(3,46,58,1) 20%, rgba(3,46,58,1) 100%, rgba(3,39,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(3,39,49,1) 0%, rgba(3,46,58,1) 20%, rgba(3,46,58,1) 100%, rgba(3,39,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(3,39,49,1) 0%, rgba(3,46,58,1) 20%, rgba(3,46,58,1) 100%, rgba(3,39,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032731', endColorstr='#032731', GradientType=0 ); /* IE6-9 */
	color: #5b777f;
}
#about-section h4 {
	color: #81969c;
	font-size: 20px;
}
#about-section li {
	margin-bottom: 6px;
	list-style: none;
	padding: 0;
}
#about-section li:before {
	content: "✓";
	color: #f3ca27;
	padding-right: 5px;
}
/* Media */
#media {
	padding: 30px 0;
    background: url('../images/media-bg.jpg') no-repeat center top;
    background-size: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	/*background: rgb(193,166,24);*/ /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a618', endColorstr='#c1a618', GradientType=0 );*/ /* IE6-9 */
}
#media h3 {font-size: 3em; font-weight: 400; color: #8d877d; margin-top: 2.3em;}
#media h3 span {font-weight: 300;}
.media-frame {background: url('../images/media-phone.png') no-repeat 0 0; padding: 2.6em 17em 2.6em 7.6em;}
#media hr {
	background: #a9971c;
}
#media .item {
	padding: 0;
	margin: 15px;
	text-align: center;
}
img.img-circle.team-img {
	width: 120px;
	height: 120px;
	border: 4px solid transparent;
	transition: all 0.5s;
}
#media .thumbnail {
	background: transparent;
	border: 0;
}
#media .thumbnail .caption {
	padding: 9px;
	color: #1c424d;
}
#media i.fa {
	font-size: 16px;
	color: #faeaab;
	margin-top: 10px;
}
#media i.fa:hover {
	color: #1c424d;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 50%;
	background: #42626b;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #f1c40f;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #f1c40f;
}
/* Specifications */
#specifications {
	padding: 50px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: rgb(255,255,255);
	color: #787878;
}
#specifications h2 {font-size: 3.2em; font-weight: 300; color: #c8ab74; text-transform: uppercase;}
#specifications .section-title {padding-bottom: 0;}
.specifications-wrap {display:none; border-top: 1px solid #e3e3e3; padding: 1em 0; font-size: 0.875em;}
.specifications-wrap .title {color: #c8ab74; font-size: 1.1em; font-weight: 600; background: url('../images/spec-ico.png') no-repeat 0 7px; padding-left: 1.5em;}
.specifications-wrap ul {margin: 0; padding: 0 0 0 1em;}
.specifications-wrap ul li {list-style: square;}
.specifications-wrap .redstar {color: red;}


/*#loadMore {
    padding: 10px;
    text-align: center;
    background-color: #33739E;
    color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMore:hover {
    background-color: #fff;
    color: #33739E;
}*/

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

#testimonial {
	padding: 30px 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 400;
	margin: 0 0 30px 0;
}
/* Contact Section */
#contact-section {
	padding: 80px 0 20px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	background: rgb(193,166,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a618', endColorstr='#c1a618', GradientType=0 ); /* IE6-9 */
}
#contact-section hr {
	background: #a9971c;
}
#contact-section h3 {
	font-size: 20px;
	font-weight: 400;
}
#contact-section form {
	padding: 30px 0;
}
#contact-section .fa {
	color: #f8e287;
	margin-bottom: 10px;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	float: left;
}
#contact-section .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact-section .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#contact-section .social {
	margin-top: 60px;
}
#contact-section .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact-section .social i.fa {
	font-size: 26px;
	padding: 4px 5px;
	color: #f8e287;
	transition: all 0.5s;
}
#contact-section .social i.fa:hover {
	color: #032731;
}
#contact-section .btn {
	background: transparent;
	border: 2px solid #fef9e7;
	border-radius: 4px;
	padding: 6px 14px;
	margin-top: 20px;
	color: #fef9e7;
	font-size: 16px;
	transition: all 0.5s;
}
#contact-section .btn:hover, #contact-section .btn:focus {
	background: #fef9e7;
	border: 2px solid #fef9e7;
	color: #5b777f;
}
#contact-section .text-danger {
	color: #cc3300;
	text-align: left;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
/* Footer */
#footer {
	background: #000;
	padding: 10px 0;
	color: #fff;
	text-align: center;
}
#footer p {
	margin-top: 10px;
    font-size: 11px;
}

@media (max-width: 768px) {
.content {
	padding: 40% 0 0;
}
}

@media (max-width: 603px) {
#menu.navbar-default {
	background-color: rgba(255, 255, 255, 1);
}
label {
	float: none !important
}
.hover-bg .hover-text {
	padding: 12% 10%;
}
}

@media (max-width: 360px) {
.hover-bg .hover-text {
	padding: 22% 10%;
}
}
/* Form */
.form-header {text-align: center; font-size: 1.4em; font-weight: 600; color: #363636; margin-top: 0.6em; width: 80%; float: left;}
.tab-header {margin-top: 3em;}
.tab-header ul {padding: 0; margin-bottom: -1px; z-index: 9;}
.tab-header ul li {display: inline-block; font-size: 1.15em; text-transform: uppercase; color: #9e9e9e; background: #d9d9d9; padding: 0.75em 2em; border: 1px solid #c2c2c2; cursor: not-allowed; margin-left: -4px;}
.tab-header ul li:first-child {margin-left: 0;}
.tab-header ul li.active {color: #747474; background: transparent; font-weight: 600; border-bottom: 1px solid white; cursor: pointer;}
.form-content {border: 1px solid #c2c2c2; padding: 2em 1.3em; margin-bottom: 8em; color: #9a9a9a;}
.form-content .row {margin-left: 0; margin-right: 0;}
.form-content h2 {color: #003399; font-size: 1.8em; font-weight: 300; text-align: center; margin-bottom: 1em;}

.form-content input[type="radio"] {position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none;}
.form-content .btn-product {background: url('../images/btn-off.jpg') no-repeat center center; border-radius: 0; width: 100%; color: #fff; margin: 1em 0;}
.form-content .btn-product.active {background: url('../images/btn-on.jpg') no-repeat center center;}
.form-content hr {border-bottom: 1px dashed #c2c2c2; background: none; height: auto; margin-bottom: 2em; position: relative; width: 100%;}
.form-timer {color: #ff0000; font-size: 1.1em; font-weight: 300; font-style: italic; text-align: center; margin-top: 1em;}
.form-content label {width: 100%;}
.form-content .form-control {border: 2px solid #c2c2c2; border-radius: 0; font-size: 1.2em; color: #9a9a9a; font-weight: 300; height: auto; padding: 0.8em;}
.form-content .form-control:focus {box-shadow: none;}
.form-content .checkbox label {color: #9a9a9a;}
.form-content .checkbox label a {color: #c4a365;}
.form-content .labelbottom {margin-bottom: 2.5em;}
.form-content ul.details {padding: 0;}
.form-content ul.details li {margin-bottom: 0.5em; font-size: 1.1em;}
.form-content ul.details li span {display: inline-block; font-weight: 600; width: 35%;}
h3.thankyou-header {font-family: 'Great Vibes', cursive; font-size: 3.6em; font-weight: 300; color: #b0b0b0; text-align: center;}
.form-content ul.details li.smalltxt {font-size: 0.875em;}
.thankyou-content {background: url('../images/thankyou.jpg') no-repeat center bottom; min-height: 720px; font-size: 1.2em; padding-top: 1em; text-align: center; color: #9a9a9a;}
.receipt .logo {margin-top: 0;}
ul.receipt-header {margin: 0.5em 0 0; text-align: right;}
ul.receipt-header li {display: inline-block;}
ul.receipt-header li a {border: 1px solid #b1b1b1; padding: 0.3em 1em;}
ul.receipt-header li a:hover {color: #003399;}
.receipt-title {background: #003399; border: 1px solid #003399; color: #fff; padding: 0.3em 1em;}
.customer-info {margin: 1rem 0; background: #ffffff none repeat scroll 0 0; border: 1px solid #dddddd; table-layout: auto;}
.customer-info table {width: 100%;}
.customer-info table td, .customer-info table th {padding: 0.5625em 0.625em;}
ul.numbering {padding-left: 20px;}
ul.numbering li {list-style: lower-roman!important;}

.socialmedia {margin-top: 1em; font-size: 0.9em;}
.socialmedia strong {color: #003399;}
.socialmedia ul {list-style: none; margin: 0; padding: 0;}
.socialmedia ul li {display: inline-block; padding: 0.5em;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
    .buynow-section {max-width: 26%; font-size: 0.7em !important;}
    .buynow-section img {width: 50%;}
    .media-frame {background-size: contain;}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {
    .media-frame {padding: 2.3em 13em 2.3em 6.6em;}
    .media-frame iframe {height: 180px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
    .media-frame {padding: 1.2em 8.3em 1.2em 4.2em;}
    .media-frame iframe {height: 120px;}
    #media h3 {margin-top: 0.9em;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    #popup_box h1 {font-size: 3em;}
    #features .ls-content h2 {font-size: 3em;}
    #media {background-size: cover;}
    .immersive_slider .is-slide .image img {width: 100%;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 374px) {
    #popup_box .popup-content {width: 100%;}
    .media-frame {padding: 1.35em 6.6em 0.9em 3.35em; background-size: cover;}
    #media h3 {margin-top: 0.3em;}
    .immersive_slider {height: 320px!important;}
    .immersive_slider .is-slide {padding: 50px 0 0!important;}
    #specifications h2 {font-size: 2.8em;}
    .media-frame iframe {height: 85px;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 413px) {
    #popup_box .popup-content {width: 85%;}
    .immersive_slider {height: 200px!important;}
    .media-frame {padding: 1.8em 3.5em 0.9em 5.3em; background-size: cover;}
    .media-frame iframe {height: 150px;}
    #media h3 {margin-top: 1em;}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 460px) {
    #popup_box .popup-content {width: 85%;}
    .immersive_slider {height: 230px!important;}
    .media-frame {padding: 1.6em 9em 0.9em 4.3em; background-size: contain;}
    .media-frame iframe {height: 130px;}
    #media h3 {margin-top: 1em;}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 567px) {
    #popup_box .popup-content {width: 85%;}
    .immersive_slider {height: 290px!important;}
    .media-frame {padding: 1.8em 10.3em 0.9em 5.3em!important; background-size: cover;}
    .media-frame iframe {height: 150px;}
}
@media only screen and (min-device-width : 568px) and (max-device-width : 600px) {
    #media {background-size: cover;}
    .immersive_slider {height: 365px!important;}
    .media-frame {padding: 1.5em 19.1em 0.9em 4.3em!important; background-size: contain;}
    .media-frame iframe {height: 135px;}
}
@media only screen and (min-device-width : 601px) and (max-device-width : 667px) {
    .media-frame {padding: 2.6em 15.5em 2.6em 7.6em; background-size: contain;}
}
@media only screen and (min-device-width : 736px) and (max-device-width : 767px) {
    .media-frame {padding: 1.7em 23.3em 1.6em 6.5em; background-size: contain;}
    .media-frame iframe {height: 195px;}
}