﻿@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("animate.css");
@font-face {
	font-family: 'Gabriola';
	src: url('fonts/Gabriola.eot');
	src: local('?'), url('fonts/Gabriola.woff') format('woff'), url('fonts/Gabriola.ttf') format('truetype'), url('fonts/Gabriola.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular.eot');
	src: local('?'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, partners {
	margin: 0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background-color:#f3f1f0;*/
	background: transparent;
}
a {
	color: #e88339;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
.clear {
	clear: both;
}
a {
	text-decoration: none !important;
}
li {
	list-style: none
}
textarea {
	resize: none;
}
img {
	margin:0 auto;
}
/*common styles for html5 tags ends*/

/*styles for home page starts here*/
body {
	font-family:Souvenir;
	background:#242021;
	font-size:12px;
	color:#fff;
	-webkit-transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out;
	-ms-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
}
section.bannerSection {
    height: 100vh;
}
.row.banner {
    height: 100vh;
}
.row.banner .bx-wrapper {
    height: 100vh;
}
.row.banner .bx-wrapper img {
    max-width: 100%;
    display: block;
    max-height: 100vh;
    width: 100%;
}
.navbar-default {
	background:none;
	border:0;
}
.navbar-default li a {
    color: #fff !important;
    font-family: 'Gabriola';
    font-size: 22px !important;
    font-weight: lighter !important;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 10px;
}
.navbar-default li a:hover {
	color:#fece7c !important;
	border-bottom:1px solid #fece7c;
}
.navbar-default .activecl {
    color: #fece7c !important;
	border-bottom:1px solid #fece7c !important;
    background-color: transparent;
}
.call {
    float: right;
	width:100%;
	text-align:right;
	font-family: 'Roboto';
	font-size:14px;
	color:#fece7c;
	padding-top: 10px;
	padding-right: 44px;
}
.call span {
    vertical-align: top;
    line-height: 33px;
    margin-left: 5px;
}
.bannerSection .bxslider li h6 {
	position:absolute;
	right:5%;
	bottom:20%;
	font-family: 'Gabriola';
	font-size:53px;
}
.bannerSection .bx-wrapper .bx-controls-direction a {
    width: 19px;
    height: 54px;
}
.bannerSection .bx-wrapper .bx-next {
    top: 88%;
    right: 5%;
    background: url(../images/next.png) no-repeat !important;
}
.bannerSection .bx-wrapper .bx-prev {
	right: 7.5%;
    background: url(../images/prev.png) no-repeat !important;
    left: auto;
    top: 88%;
}
section.middle {
    text-align: center;
	padding-top:7em;
	padding-bottom:7em;
}
section.middle h4 {
	font-family: 'Gabriola';
	font-size:53px;
	color:#fece7c;
	margin-bottom:-10px;
}
section.middle p {
	font-family: 'Roboto';
	font-size:15px;
	margin-top:30px;
	font-weight: lighter !important;
	width:100%;
}
.prodLogo {
	padding-top:6em;
}
.prodLogo img {
	float:left;
	margin-top: 7px;
	margin-right: 25px;
}
.mainUl {
	padding-top:6em;
	text-align:left;
	font-family: 'Roboto';
	font-size:14px;
}
.mainUl li {
	list-style:url(../images/list-img-small.png);
	margin-left:2em;
	margin-bottom:20px;
	line-height:22px;
}

.circleBtn{
	list-style-type: circle;
}

footer {
	background:#fece7d;
	padding-bottom:1em;
	font-family: 'Roboto';
	font-size:13px;
	color:#000;
	text-align:center;
}
.social {
    margin-top: -16px;
    margin-bottom: 20px;
}
footer span {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
footer span a {
	color:#000;
	-webkit-transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out;
	-ms-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
}
footer span a:hover {
	color:#fff;
}
footer span a.capsuleLink {
	color:#b80101;
	-webkit-transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out;
	-ms-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
}
footer span a.capsuleLink:hover {
	color:#000;
}
header.cbp-af-header.innerhd {
    position: relative;
}
.bannerSectionInner {
	float:left;
	margin-bottom:60px;
}
.bannerInner img {
	max-width:100%;
}
.contactForm {
	float:left;
	text-align:left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:14px;
	color:#fff;
	font-weight:lighter !important;
}
.contact {
	float:left;
	width:100%;
	margin-top:5%;
}
.contact .form-group .col-sm-5 {
    margin-left: 33%;
}
.contact .form-group .btn-default {
	background:#000;
	color:#fff;
	border:1px solid #000 !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact .form-group .btn-default:hover {
	background:#fece7d;
	color:#000;
	border:1px solid #fece7d !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact .form-control {
    font-size: 13px;
    background-color: #332e2f;
    background-image: none;
    border: 1px solid #443f40;
    border-radius: 4px;
}
.map {
    float: left;
    width: 100%;
}
.map iframe {
    float: left;
    width: 100%;
    min-height: 200px;
}
.adress {
    float: left;
    width: 100%;
}
.addresSp {
    float: left;
    width: 100%;
    text-align: left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:13px;
	color:#dadada;
	font-weight:lighter !important;
	margin-top: 30px;
}
.addresSp img {
    float: left;
    margin-right: 15px;
}
.addresSp span {
    float: left;
    width: 71%;
    line-height: 24px;
}
.innerMiddle p {
	text-align: left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:12px;
	color:#dadada;
	font-weight: lighter !important;
	line-height:22px;
}
.innerMiddle .col-sm-3 {
	padding:0px;
	margin-top:25px;
}
.innerMiddle .col-sm-3 img {
	width:100%;
	border: 3px solid #fece7c;
}
.innerMiddle .col-sm-9 p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-top: 20px !important;
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
	
}

@media only screen and (max-width : 767px){
	header.cbp-af-header {
		position: relative;
		float: left;
		height: auto;
		text-align: center;
		padding-top: 15px;
	}
	.call {
		text-align: center;
		padding-right: 0px;
	}
	nav.navbar.navbar-default {
		float: left;
		text-align: center;
		margin: 0 auto !important;
		width: 100%;
	}
	.navbar-toggle {
		float: none;
		padding: 10px 10px;
		margin-right: 0px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
		border: none;
	}
	img.wow.fadeInDown.animated {
		max-width: 100%;
	}
	section.bannerSection {
		float:left;
	}
	.bannerSection .bx-wrapper .bx-next {
		top: 78%;
	}
	.bannerSection .bx-wrapper .bx-prev {
		top: 78%;
		right: 13.5%;
	}
	.prodLogo {
		padding-top: 4em;
		float: left;
		width: 100%;
		text-align: center;
	}
	section.middle {
		float: left;
		width: 100%;
	}
	.mainUl {
		padding-top: 4em;
		float: left;
		width: 100%;
	}
	footer {
		float: left;
		width: 100%;
	}
	.contactForm {
		width: 100%;
	}
	label.col-sm-4.control-label {
		margin-bottom:10px;
	}
	.contact .form-group .col-sm-5 {
		margin-left: 0%;
	}
	.innerMiddle {
		padding-top:0em !important;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
	.bannerSection .bxslider li h6 {
		bottom: 30%;
		font-size: 25px;
	}
	section.bannerSection {
		height: auto;
	}
	.row.banner {
		height: auto;
	}
	.row.banner .bx-wrapper {
		height: auto;
	}
	.bannerSection .bx-wrapper .bx-next {
		top: 78%;
	}
	.bannerSection .bx-wrapper .bx-prev {
		top: 78%;
		right: 13.5%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
	
}

/*==================================================
=            Quiry for exact device               =
==================================================*/

/* SAMSUNG NOTE 2 in POTRAIT */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1920px) and (orientation : portrait) {

}

/* SAMSUNG NOTE 2 in LANDSCAPE */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1920px) and (orientation : landscape) {

}

/*  IPAD in PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 0px;
	}
	.cbp-af-header nav a {
		margin: 0 7px !important;
	}
	.navbar-default li a {
		font-size: 20px !important;
	}
	section.bannerSection {
		height: auto;
	}
	.row.banner {
		height: auto;
	}
	.row.banner .bx-wrapper {
		height: auto;
	}
}

/*  IPAD in LANDSCAPE */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.cbp-af-header nav a {
		margin: 0 0 0 10px !important;
	}
	section.bannerSection {
		height: auto;
	}
	.row.banner {
		height: auto;
	}
	.row.banner .bx-wrapper {
		height: auto;
	}
}

/* IPHONE5 PORTRAIT */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}

/* SAMSUNG S4 in PORTRAIT */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}

/* SAMSUNG S4 in LANDSCAPE */
@media only screen and (min-device-width : 360px) and (max-device-width :640px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	
}


.subHead{
	font-weight: bold;
	font-size: 14px;
	font-family: 'Gabriola';
	font-size:20px;
	color:#fece7c;	
	text-decoration: underline;
}

.subHead li{
	list-style:url(../images/list-img.png);
	margin-left:2em;
	margin-bottom:20px;
	line-height:22px;
}

.subHeadFaq{
	font-weight: bold;
	font-size: 14px;
	font-family: 'Gabriola';
	font-size:20px;
	color:#fece7c;	
}

.subHeadFaq li{
	list-style:url(../images/list-img.png);
	margin-left:2em;
	margin-bottom:20px;
	line-height:22px;
}



