/*Css by saneeshonline*/



@import url(../css/font-awesome.min.css);

@import url(../css/animate.css);

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,900|Raleway:400,500,600,700|Roboto:100,300,400,500,700,900');

@font-face {

	font-family: "Flaticon";

	src: url("../fonts/Flaticon.eot");

	src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");

	font-weight: normal;

	font-style: normal;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {

	font-family: "Flaticon";

	src: url("../fonts/Flaticon.svg#Flaticon") format("svg");

}

}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {

	font-family: Flaticon;

	font-style: normal;

}

.flaticon-home:before {

	content: "\f12b";

}

.flaticon-letter:before {

	content: "\f128";

}

.flaticon-telephone:before {

	content: "\f12a";

}

.flaticon-next-page:before {

	content: "\f103";

}

.flaticon-right-arrow:before {

	content: "\f104";

}

.flaticon-up-arrow:before {

	content: "\f124";

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block

}

ol, ul {

	list-style: none

}

blockquote, q {

	quotes: none

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

*:focus {

	outline: none !important;

}







::-webkit-input-placeholder {

 color:black;

}







::-moz-placeholder {

 color:black;

}







:-ms-input-placeholder {

 color:black;

}







:-moz-placeholder {

 color:black;

}

.reset {

	clear: both;

}

body {

	color: #535252;

	font-size: 14px;

	font-family: 'Roboto', sans-serif;

	margin: 0;

}

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

	font-family: 'Lato', sans-serif;

}

p {

	line-height: 25px;

	margin: 20px 0 0 0;

	float: left;

	width: 100%;

}

a {

	text-decoration: none !important;

	color: #000;

	-webkit-transition: 400ms ease-in-out;

	-moz-transition: 400ms ease-in-out;

	-ms-transition: 400ms ease-in-out;

}

a:hover {

	text-decoration: none !important;

	color: #aaa;

}

ul {

	padding: 0;

	margin: 0;

}

.top-strip {

	width: 100%;

	float: left;

	padding: 5px 0;

}

.logo {

	display: inline-block;

	float: left;

}

.top-links {

	display: inline-block;

	padding: 10px 15px;

	float: right;

}

.top-links i {

	width: 45px;

	height: 45px;

	text-align: center;

	border: dashed 1px #a02625;

	border-radius: 50%;

	line-height: 45px;

	color: #a02625;

	float: left;

	font-size: 20px;

}

.top-links span {

	display: inline-block;

	float: left;

	margin: 5px 0 0 10px;

	font-size: 13px;

}

.top-links span b {

	font-weight: 700;

	color: black;

}

.nav-social-block {

	float: left;

	display: inline-block;

	margin: 20px 0 0;

}

.nav-social-block span {

	float: left;

	color: white;

	margin: 7px 10px 0 0;

}

.nav-social-block i {

	float: left;

	width: 30px;

	height: 30px;

	background: #e06665;

	line-height: 30px;

	text-align: center;

	margin-right: 5px;

	border-radius: 50%;

}

.nav-social-block a {

	color: white;

}

.navigation {

	width: 100%;

	height: 70px;

	display: table;

	position: relative;

}

.navigation * {

	box-sizing: border-box;

	-webkit-tap-highlight-color: transparent;

}

.navigation-portrait {

	height: 48px;

}

.navigation-fixed-wrapper {

	width: 100%;

	left: 0;

	z-index: 19998;

	will-change: opacity;

}

.navigation-fixed-wrapper.fixed {

	position: fixed !important;

	-webkit-animation: fade .50s;

	animation: fade .50s;

}

 @keyframes fade {

 from {

 opacity: 0.999;

}

 to {

 opacity: 1;

}

}

.navigation-fixed-wrapper .navigation {

	margin-right: auto;

	margin-left: auto;

}

.navigation-fixed-placeholder {

	width: 100%;

	display: none;

}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {

	display: block;

}

.navigation-hidden {

	width: 0 !important;

	height: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	position: absolute;

	top: -9999px;

}

.align-to-right {

	float: right;

}

.nav-header {

	float: left;

}

.navigation-hidden .nav-header {

	display: none;

}

.nav-brand {

	padding: 0 15px;

	float: left;

	background: white;

	display: none;

}

.cbp-af-header.cbp-af-header-shrink .nav-brand {

	padding: 0;

}

.navigation-portrait .nav-brand {

	width: 85%;

	margin: 10px 0;

	padding: 0;

}

.nav-logo > img {

	margin: 0 auto;

	padding: 0 15px;

	float: left;

}

.nav-logo:focus > img {

	outline: initial;

}

.navigation-portrait .nav-logo > img {

	padding: 0;

}

.nav-toggle {

	width: 30px;

	height: 30px;

	padding: 6px 2px 0;

	position: absolute;

	top: 50%;

	margin-top: -9px;

	right: 0;

	display: none;

	cursor: pointer;

}

.nav-toggle:before {

	content: "";

	position: absolute;

	width: 24px;

	height: 2px;

	background-color: #70798b;

	border-radius: 10px;

	box-shadow: 0 0.5em 0 0 #70798b, 0 1em 0 0 #70798b;

}

.navigation-portrait .nav-toggle {

	display: block;

}

.navigation-portrait .nav-menus-wrapper {

	width: 320px;

	height: 100%;

	top: 0;

	left: -400px;

	position: fixed;

	background-color: #ffffff;

	z-index: 20000;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	-webkit-transition-duration: .8s;

	transition-duration: .8s;

	-webkit-transition-timing-function: ease;

	transition-timing-function: ease;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {

	left: auto;

	right: -400px;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {

	left: 0;

}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {

	left: auto;

	right: 0;

}

.nav-menus-wrapper-close-button {

	width: 30px;

	height: 40px;

	margin: 14px 12px 0;

	display: none;

	float: right;

	color: #70798b;

	font-size: 26px;

	cursor: pointer;

}

.navigation-portrait .nav-menus-wrapper-close-button {

	display: block;

}

.nav-menu {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: normal;

	font-size: 0;

}

.navigation-portrait .nav-menu {

	width: 100%;

}

.nav-menu.nav-menu-centered {

	text-align: center;

}

.nav-menu.nav-menu-centered > li {

	float: none;

}

.nav-menu > li {

	display: inline-block;

	float: left;

	text-align: left;

}

.navigation-portrait .nav-menu > li {

	width: 100%;

	position: relative;

	border-top: solid 1px #f0f0f0;

}

.navigation-portrait .nav-menu > li:last-child {

	border-bottom: solid 1px #f0f0f0;

}

.nav-menu + .nav-menu > li:first-child {

	border-top: none;

}

.nav-menu > li > a {

	height: 100%;

	padding: 28px 15px;

	display: inline-block;

	position: relative;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 600;

	color: #fff;

	-webkit-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}

.navigation-portrait .nav-menu > li > a {

	width: 100%;

	height: auto;

	padding: 15px !important;

	color: black;

}

.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {

	color: #a02625;

	background: white;

}

.nav-menu > li > a > i, .nav-menu > li > a > [class*="ion-"] {

	width: 18px;

	height: 16px;

	line-height: 16px;

	-webkit-transform: scale(1.4);

	-ms-transform: scale(1.4);

	transform: scale(1.4);

}

.nav-menu > li > a > [class*="ion-"] {

	width: 16px;

	display: inline-block;

	-webkit-transform: scale(1.8);

	-ms-transform: scale(1.8);

	transform: scale(1.8);

}

.navigation-portrait .nav-menu.nav-menu-social {

	width: 100%;

	text-align: center;

}

.nav-menu.nav-menu-social > li {

	text-align: center;

	float: none;

	border: none !important;

}

.navigation-portrait .nav-menu.nav-menu-social > li {

	width: auto;

}

.nav-menu.nav-menu-social > li > a > [class*="ion-"] {

	font-size: 12px;

}

.nav-menu.nav-menu-social > li > a > .fa {

	font-size: 14px;

}

.navigation-portrait .nav-menu.nav-menu-social > li > a {

	padding: 15px;

}

.submenu-indicator {

	margin-left: 8px;

	margin-top: 3px;

	float: right;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.navigation-portrait .submenu-indicator {

	width: 54px;

	height: 44px;

	margin-top: 0;

	position: absolute;

	top: 0;

	right: 0;

	text-align: center;

	z-index: 20000;

}

.submenu-indicator-chevron {

	height: 6px;

	width: 6px;

	display: block;

	border-style: solid;

	border-width: 0 1px 1px 0;

	border-color: transparent #fff #fff transparent;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: border 0.3s;

	transition: border 0.3s;

}

.navigation-portrait .submenu-indicator-chevron {

	position: absolute;

	top: 18px;

	left: 24px;

	border-color: black;

}

.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {

	border-color: transparent #a02625 #a02625 transparent;

}

.navigation-portrait .submenu-indicator.submenu-indicator-up {

	-webkit-transform: rotate(-180deg);

	-ms-transform: rotate(-180deg);

	transform: rotate(-180deg);

}

.nav-overlay-panel {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: fixed;

	display: none;

	z-index: 19999;

}

.no-scroll {

	/*width: 100%;



	overflow: hidden;*/



	touch-action: none;

	overflow-x: hidden;

}

/* DROPDOWN EXTENSION */



.nav-dropdown {

	min-width: 180px;

	margin: 0;

	padding: 0;

	display: none;

	position: absolute;

	list-style: none;

	z-index: 98;

	white-space: nowrap;

}

.navigation-portrait .nav-dropdown {

	width: 100%;

	position: static;

	left: 0;

}

.nav-dropdown .nav-dropdown {

	left: 100%;

}

.nav-menu > li > .nav-dropdown {

	border-top: solid 1px #f0f0f0;

}

.nav-dropdown > li {

	width: 100%;

	float: left;

	clear: both;

	position: relative;

	text-align: left;

}

.nav-dropdown > li > a {

	width: 100%;

	padding: 16px 20px;

	display: inline-block;

	text-decoration: none;

	float: left;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 600;

	color: #000;

	background-color: #f1f1f1;

	border-bottom: #e6e6e6 1px solid;

	-webkit-transition: color 0.3s, background 0.3s;

	transition: color 0.3s, background 0.3s;

}

.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {

	color: #a02625;

}

.nav-dropdown.nav-dropdown-left {

	right: 0;

}

.nav-dropdown > li > .nav-dropdown-left {

	left: auto;

	right: 100%;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {

	text-align: right;

}

.navigation-portrait .nav-dropdown > li > a {

	padding: 12px 20px 12px 30px;

}

.navigation-portrait .nav-dropdown > li > ul > li > a {

	padding-left: 50px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {

	padding-left: 70px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {

	padding-left: 90px;

}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {

	padding-left: 110px;

}

.nav-dropdown .submenu-indicator {

	right: 15px;

	top: 16px;

	position: absolute;

}

.navigation-portrait .nav-dropdown .submenu-indicator {

	right: 0;

	top: 0;

}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	border-color: transparent #70798b #70798b transparent;

}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	border-color: transparent #70798b #70798b transparent;

}

.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {

	border-color: transparent #a02625 #a02625 transparent;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {

	left: 10px;

}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	transform: rotate(135deg);

}

.nav-menus-wrapper {

	overflow-x: hidden;

}

.zoom-in {

	-webkit-animation: zoomIn 400ms ease both;

	-moz-animation: zoomIn 400ms ease both;

	-o-animation: zoomIn 400ms ease both;

	animation: zoomIn 400ms ease both;

}

 @-webkit-keyframes zoomIn {

 0% {

 -webkit-transform: scale(.6);

 transform: scale(.6);

}

 100% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

}

 @keyframes zoomIn {

 0% {

 transform: scale(.6);

}

 100% {

 transform: scale(1);

}

}

.zoom-out {

	-webkit-animation: zoomOut 400ms ease both;

	-moz-animation: zoomOut 400ms ease both;

	-o-animation: zoomOut 400ms ease both;

	animation: zoomOut 400ms ease both;

}

 @-webkit-keyframes zoomOut {

 0% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

 100% {

 -webkit-transform: scale(.6);

 transform: scale(.6);

}

}

 @keyframes zoomOut {

 0% {

 transform: scale(1);

}

 100% {

 transform: scale(.6);

}

}

.cbp-af-header {

	position: fixed;

	top: 80px;

	left: 0;

	width: 100%;

	z-index: 99;

	height: 70px;

	background: #a02625;

	transition: all 0.3s ease-in-out;

}

.cbp-af-header.cbp-af-header-shrink {

	padding: 0;

	top: 0;

	background: white;

	border-bottom: #f1f1f1 1px solid;

}

.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a {

	color: black;

	padding: 27px 15px;

}

.cbp-af-header.cbp-af-header-shrink .submenu-indicator-chevron {

	border-color: #000;

}

.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a .nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {

	color: #a02625 !important;

	background: #f1f1f1;

}

.cbp-af-header.cbp-af-header-shrink .navbar-default .navbar-nav>li>a {

	line-height: 60px;

}

.cbp-af-header.cbp-af-header-shrink .nav-social-block {

	display: none;

}

.cbp-af-header.cbp-af-header-shrink .nav-brand {

	display: block;

	width: 70%;

	margin: 10px 0 0;

	transition: all 0.4s ease-in-out;

}

.intro {

	width: 100%;

	float: left;

	margin-top: 71px;

}

.section {

	width: 100%;

	float: left;

	position: relative;

}

.p-100 {

	padding: 100px 0;

}

.shade {

	background: #f6f6f6;

}

h2 {

	color: #333;

	font-size: 40px;

	text-transform: uppercase;

	font-weight: 700;

}

.highlight {

	font-style: italic;

	font-family: 'Lato', sans-serif;

	font-weight: 400;

	color: black;

	font-size: 18px;

	line-height: 28px;

}

.more-btn {

	color: #fff;

	padding: 10px 0;

	float: left;

	width: 125px;

	border-radius: 25px;

	text-align: center;

	background: #be261f;

	transition: all 0.4s ease-in-out;

	margin-top: 15px;

	border: none;

}

.more-btn:hover {

	background: #000;

}

.more-btn:after {

	content: '\f104';

	transition: all .25s;

	opacity: 0;

	margin-left: -.9em;

	font-family: "Flaticon";

}

.more-btn:hover:after {

	opacity: 1;

	margin-left: .7em;

}

.m-t-65 {

	margin-top: 65px;

}

.product-intro {

	width: 100%;

	float: left;

	margin-top: -10px;

}

.product-intro p {

	margin: 0;

}

.m-t-45 {

	margin-top: 45px;

}

.post_081_content .more-btn {

	background: white;

	border: #cfcfcf 1px solid;

	color: black;

}

.p-1 {

	padding: 0.5px;

}

h3 {

	font-size: 25px;

	text-transform: uppercase;

	color: black;

	font-weight: 700;

}

h3:after {

	content: '';

	display: block;

	width: 30px;

	border-bottom: 1px solid #a02625;

	margin: 6px 0 0 0px;

	position: relative;

}

.news-list {

	width: 100%;

	float: left;

}

.news-list ul {

	padding: 0;

	margin: 15px 0 0 0;

}

.news-list ul li {

	width: 100%;

	float: left;

	padding: 10px 0;

}

.news-img {

	width: 30%;

	float: left;

}

.news-details {

	width: 70%;

	float: left;

	padding: 0 0 0 15px;

}

h6 {

	color: black;

	font-size: 16px;

	font-weight: 700;

}

.author-date {

	width: 100%;

	float: left;

	margin-top: 5px;

	color: #aaa;

}

.author-date span {

	display: inline-block;

	float: left;

	margin-right: 15px;

}

.news-details p {

	margin-top: 5px;

}

.news-list .more-btn {

	color: #a02625;

	padding: 0;

	text-align: left;

	width: auto;

	background: #fff;

	font-weight: 700;

}

.news-list .more-btn:hover {

	background: #fff;

}

.news-list .more-btn:after {

	content: '\f104';

	transition: all .25s;

	opacity: 0;

	margin-left: -.9em;

	font-family: "Flaticon";

}

.news-list .more-btn:hover:after {

	opacity: 1;

	margin-left: .7em;

}

.hme-form-bg {

	background: #f7f7f7;

	border: #f2f2f2 1px solid;

	padding: 15px 30px;

	float: left;

	width: 100%;

	margin-top: 25px;

}

.p-r-7-5 {

	padding: 0 7.5px 0 0;

}

.p-l-7-5 {

	padding: 0 0 0 7.5px;

}

.field {

	width: 100%;

	float: left;

	background: white;

	border: #eaeaea 1px solid;

	height: 45px;

	padding: 15px;

	margin-top: 15px;

	-webkit-appearance: none;

}

.area {

	width: 100%;

	float: left;

	background: white;

	border: #eaeaea 1px solid;

	height: 200px;

	padding: 15px;

	margin-top: 15px;

	resize: none;

	-webkit-appearance: none;

}

.parallax {

	background: #000000;

	width: 100%;

	height: 600px;

	padding: 75px 0;

}

.parallax h2 {

	color: #bf251f;

	text-transform: uppercase;

	letter-spacing: 2px;

	font-size: 30px;

	text-align: center;

}

.video-bg-outer {

	width: 100%;

	float: left;

	background: white;

	padding: 15px;

	position: relative;

}

.carousel-inner {

	position: relative;

	width: 100%;

	overflow: hidden;

	color: white;

}

.carousel-indicators .active {

	background: #31708f;

}

.content {

	margin-top: 20px;

}

.adjust1 {

	float: left;

	width: 100%;

	margin-bottom: 0;

}

.adjust2 {

	margin: 0;

}

.carousel {

	position: relative;

	float: left;

}

.carousel-indicators li {

	border : 1px solid #ccc;

}

.carousel-control-bg {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -40px;

}

.carousel-control {

	color: #a02625;

	width: 5%;

}

.carousel-control:hover, .carousel-control:focus {

	color: #000;

}

.carousel-control.left, .carousel-control.right {

	background-image: none;

}

.media-object {

	margin: auto;

	margin-top: 15%;

}

.thumbnail a>img, .thumbnail>img {

	float: left;

}

blockquote small {

	display: block;

	font-size: 15px;

	line-height: 1.42857143;

	color: #a02625;

	text-transform: uppercase;

	float: left;

	margin: 15px 0;

}

.thumbnail {

	background: none;

	border: none;

}

.thumbnail .caption {

	padding: 0;

	color: #b6b6b6;

}

.carousel-control {

	top: auto;

	bottom: -25px;

	opacity: 1.0;

	text-shadow: none;

}

.video_control_button .carousel-control {

	bottom: -50px;

}

.carousel-control.left, .carousel-control.right {

	background: white;

	width: 40px;

	height: 40px;

	line-height: 40px;

}

.carousel-control.left:hover, .carousel-control.right:hover {

	background: #a02625;

	color: white;

}

.carousel-control.right {

	left: 41px;

	right: auto;

}

blockquote small {

	font-size: 13px;

	letter-spacing: 2px;

	font-family: 'Lato', sans-serif;

	font-weight: 600;

	text-transform: uppercase;

	color: white;

	margin: 15px 0;

	float: left;

	width: 100%

}

.m-t-15 {

	margin-top: 15px;

}

footer {

	background: white;

	padding: 75px 0 0;

	width: 100%;

	float: left;

}

footer a {

	color: #535252;

}

footer .logo {

	background: white;

	padding: 10px;

}

h4 {

	color: #6c6c6c;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 900;

}

footer ul {

	padding: 0;

	margin: 15px 0 0 0;

	float: left;

}

footer ul li {

	width: 100%;

	float: left;

	padding: 3px 0;

}

.footer-box {

	margin-top: 15px;

	width: 100%;

	float: left;

}

.footer-box i {

	display: inline-block;

	margin-right: 10px;

	color: #cfbc90;

	float: left;

	font-size: 1em;

	font-weight: bold;

}

.footer-box span {

	display: inline-block;

	float: left;

	margin-top: -5px;

	color: white;

}

.credits {

	width: 100%;

	text-align: center;

	padding: 0 0 25px;

	font-size: 12px;

	font-weight: 600;

	color: #777777;

	margin-top: 50px;

	background: #1c1c1c;

	text-transform: uppercase;

}

.credits a {

	color: #555;

}

.credits a:hover {

	color: #777;

}

.intro-inner {

	background: #1c1c1c;

	width: 100%;

	float: left;

	height: 300px;

	margin-top: 75px;

	position: relative;

	z-index: 1

}

.font-medium h3 {

	font-size: 17px;

}

.message-box {

	width: 100%;

	float: left;

	background: #f7f7f7;

	font-family: 'Lato', sans-serif;

	font-style: italic;

	padding: 0 25px 25px;

	z-index: 2;

	font-size: 16px;

	color: black;

	margin: 50px 0 0;

}

.message-box p {

	float: none;

}

.manager-img {

	border: #bc2520 4px solid;

	float: left;

	position: relative;

	z-index: 1;

	background: white;

	width: 150px;

	height: 170px;

	margin: -50px 25px 20px 0;

}

.list-style {

	width: 100%;

	float: left;

}

.list-style ul {

	padding: 0;

}

.list-style ul li {

	padding: 10px 0 10px 1.3em;

}

.list-style ul li:before {

	content: "\f0da";

	font-family: FontAwesome;

	display: inline-block;

	margin-left: -1.3em;

	width: 1.3em;

	color: #a02625;

}

.title-section {

	float: left;

	padding: 150px 0 0;

	width: 100%;

	text-align: center;

}

h1 {

	font-size: 25px;

	text-transform: uppercase;

	font-weight: 900;

	color: white;

}

.gallery {

	width: 100%;

	float: left;

}

.gallery li {

	float: left;

	overflow: hidden;

	width: 25%;

	padding: 10px;

}

.blog-bg {

	width: 100%;

	float: left;

	margin-bottom: 30px;

	background: white;

	padding-bottom: 15px;

	border: #e6e6e6 1px solid;

	border-radius: 3px;

	overflow: hidden;

}

.blog-img {

	position: relative;

	overflow: hidden;

	padding-bottom: 65%;

	float: left;

	width: 100%;

}

.blog-img img {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

}

.blog-dtails {

	float: left;

	width: 100%;

	position: relative;

	z-index: 2;

	margin-top: -35px;

	padding: 0 10px;

}

.blog-dtails-inbox {

	width: 100%;

	float: left;

	background: white;

	;

	padding: 0 10px;

	border-radius: 3px;

}

.blog-date {

	width: 100%;

	float: left;

	margin: 15px 0 5px;

}

.blog-date i {

	font-size: 13px;

	float: left;

	margin: 0 5px 0 0;

}

.blog-date span {

	display: inline-block;

	font-size: 11px;

	font-weight: 900;

	color: #ababab;

	float: left;

	margin: 2px 0 0 0;

}

.blog-bg h3 {

	font-size: 15px;

	text-transform: inherit

}

.blog-bg h3:after {

	margin: 5px 0 0 0

}

.blog-bg p {

	display: block;

	display: -webkit-box;

	height: 70px;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}

.blog-bg .more-btn {

	background: white;

	border: #cfcfcf 1px solid;

	color: black;

	border-radius: 3px;

}

input[type="file"] {

/*display: none;*/



}

.js .inputfile {

	width: 0.1px;

	height: 0.1px;

	opacity: 0;

	overflow: hidden;

	position: absolute;

	z-index: -1;

}

.inputfile + label {

	width: 100%;

	margin-top: 15px;

	text-overflow: ellipsis;

	white-space: nowrap;

	cursor: pointer;

	display: inline-block;

	overflow: hidden;

	height: 45px;

	text-align: center;

}

.no-js .inputfile + label {

	display: none;

}

.inputfile:focus + label, .inputfile.has-focus + label {

	outline: 1px dotted #000;

	outline: -webkit-focus-ring-color auto 5px;

}

.inputfile + label * {

	pointer-events: none;

}

.inputfile + label svg {

	width: 1em;

	height: 1em;

	vertical-align: middle;

	fill: currentColor;

	margin-top: -0.25em;

	margin-right: 0.25em;

}

.inputfile-6 + label {

	color: #a02625;

}

.inputfile-6 + label {

	border: 1px solid #eaeaea;

	background-color: #fff;

	padding: 0;

}

.inputfile-6 + label span, .inputfile-6 + label strong {

	padding: 0.625rem 1.25rem;/* 10px 20px */

}

.inputfile-6 + label span {

	width: 75%;

	min-height: 2em;

	display: inline-block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	vertical-align: top;

	text-align: left;

}

.inputfile-6 + label strong {

	height: 100%;

	color: #000;

	background-color: #eaeaea;

	display: inline-block;

	width: 25%;

	transition: all 0.4s ease-in-out

}

.inputfile-6:focus + label strong, .inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong {

	background-color: #eaeaea;

	color: #a02625;

}

.contact-form {

	width: 100%;

	float: left;

}

.box {

	padding: 0 7.5px;

	width: 33.3%;

	float: left;

	margin-bottom: 15px;

}

.my-label {

	width: 100%;

	float: left;

	margin: 0 0 5px 0;

	text-transform: uppercase;

	color: #bdbdbd;

	font-size: 13px;

	font-weight: 700;

}

.contact-form .field {

	border: #e0e0e0 1px solid;

	border-radius: 3px;

	height: 45px;

	padding: 15px;

	float: left;

	width: 100%;

	margin: 0 0 15px;

	color: #393939;

}

.contact-form .area {

	border: #e0e0e0 1px solid;

	border-radius: 3px;

	height: 120px;

	padding: 15px;

	float: left;

	width: 100%;

	color: #393939;

}

.p-7 {

	padding: 0 7.5px;

}

#google-container {

	position: relative;

	width: 100%;

	height: 600px;

	background-color: #000;

}

#cd-google-map {

	position: relative;

}

#cd-zoom-in, #cd-zoom-out {

	height: 32px;

	width: 32px;

	cursor: pointer;

	margin-left: 10px;

	background-color: rgba(0, 0, 0, 0.8);

	background-repeat: no-repeat;

	background-size: 32px 64px;

	background-image: url("../images/cd-icon-controller.svg");

}

.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {

	background-color: #a02625;

}

#cd-zoom-in {

	background-position: 50% 0;

	margin-top: 10px;

	margin-bottom: 1px;

}

#cd-zoom-out {

	background-position: 50% -32px;

}

.contact-bg {

	position: absolute;

	width: 25%;

	bottom: 0;

	left: 14%;

	padding: 15px;

	background: rgba(160,38,37,0.9);

}

.contact-bg ul {

	padding: 0;

	margin: 0;

}

.contact-bg ul li {

	width: 100%;

	float: left;

	padding: 15px 0;

}

.contact-bg ul li h3 {

	color: white;

	text-transform: capitalize;

	font-size: 15px;

}

.contact-bg ul li h3:after {

	display: none;

}

.contact-bg ul li span {

	width: 100%;

	float: left;

	color: #ffafae;

	margin-top: 15px;

}

.contact-bg a {

	color: #ffafae;

	border-bottom: #fff 1px solid;

	padding-bottom: 2px;

}

.contact-bg a:hover {

	color: white;

}

.contact-bg .more-btn {

	width: 260px;

	font-size: 13px;

	text-transform: uppercase;

	border: #ffafae 1px solid;

}

.blog-details {

	width: 100%;

	float: left;

	font-weight: 700;

	text-transform: uppercase;

	color: white;

	margin-top: 20px;

}

.blog-details span {

	display: inline-block;

	border-right: #fff 1px solid;

	padding: 0 10px;

}

.blog-details span:last-child {

	border: none;

}

.blog-details-box {

	width: 100%;

	float: left;

}

.blog-img-inline {

	float: left;

	margin: 0 15px 0 0;

	width: 550px;

}

.blog-details-box p {

	float: none;

}

.pro-btn-bg {

	display: table;

	margin: 0 auto;

}

.pro-btn-bg .more-btn {

	width: 175px;

}

.dealer-field {

	width: 45%;

	float: left;

	padding-right: 15px;

}

.dealer-btn {

	width: 45px;

	height: 45px;

	border-radius: 50%;

	border: none;

	float: left;

	background: black;

	text-align: center;

	line-height: 45px;

	color: #aaa;

	font-size: 20px;

	transition: all 0.4s ease-in-out;

}

.dealer-btn:hover {

	background: #a02625;

	color: #fff;

}

.equal-height {

	float: left;

	width: 25%;

	margin: -1px 0 0 -1px;

}

.equal-height-txt {

	background: white;

	width: 100%;

	float: left;

	padding: 15px;

	border: #e0e0e0 1px solid;

}

.equal-height-txt span {

	width: 100%;

	float: left;

	font-weight: 700;

}

.equal-height-txt p {

	line-height: 20px;

}

.m-t-40 {

	margin-top: 40px;

}

.values span {

	font-weight: 700;

	float: left;

	width: 100%;

	color: #a02625;

}

.benefits {

	width: 100%;

	float: left;

	margin-top: 75px;

}

.benefits ul li {

	width: 100%;

	float: left;

	background: #f1f1f1;

	padding: 15px 15px 15px 0;

	margin-bottom: 15px;

	position: relative;

}

.benefits ul li:nth-of-type(even) {

	background-color: #ececec;

}

.benefits-count {

	background: #a02625;

	width: 50px;

	height: 50px;

	line-height: 50px;

	font-weight: 700;

	font-size: 25px;

	color: white;

	text-align: center;

	position: absolute;

	left: -25px;

	top: 15px;

}

.benefits-desc {

	width: 100%;

	float: left;

	padding: 0 0 0 50px;

	position: relative;

}

.benefits-desc p {

	margin: 0;

}

.benefits-desc p span {

	width: 100%;

	float: left;

	font-weight: 700;

	color: #a02625;

}

.benefits-desc-inner {

	padding-bottom: 15px;

	width: 100%;

	float: left;

	position: relative;

}

.benefits h3 {

	text-transform: none;

	margin: 25px 0 35px;

	text-align: center;

}

.benefits h3:after {

	left: 50%;

	margin: 10px 0 0 -25px;

}

.font-15 {

	font-size: 15px;

	margin-top: 15px;

}

.list ul {

	list-style: none;

	padding: 0;

	margin: 20px 0 0;

	float: left;

}

.list ul li {

	padding: 5px 0 5px 1.3em;

}

.list ul li:before {

	content: "\f0da";

	font-family: FontAwesome;

	display: inline-block;

	margin-left: -1.3em;

	width: 1.3em;

	color: #a02625;

}

/*Button-Styles*/



.button {

	float: left;

	display: block;

	margin: 15px 0 0 0;

	padding: 10px 25px;

	border: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: none;

	color: inherit;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

}

.button.button--saqui {

	overflow: hidden;

	font-size: 15px;

	font-weight: 700;

	color: #a02625;

	background: #fff;

	border-radius: 3px;

	border: #a02625 1px solid;

	-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;

	transition: background-color 0.3s ease-in, color 0.3s ease-in;

}

.button--saqui.button--inverted {

	background: #fff;

	color: #a02625;

}

.button--saqui::after {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	color: #37474f;

	padding: 10px 25px;

	-webkit-transform-origin: -25% 50%;

	transform-origin: -25% 50%;

	-webkit-transform: rotate3d(0, 0, 1, 45deg);

	transform: rotate3d(0, 0, 1, 45deg);

	-webkit-transition: -webkit-transform 0.3s ease-in;

	transition: transform 0.3s ease-in;

}

.button--saqui.button--inverted::after {

	color: #fff;

}

.button--saqui:hover::after, .button--saqui:hover {

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.button--saqui:hover {

	background-color: #a02625;

	color: #fff;

}

.button--saqui.button--inverted:hover {

	background-color: #a02625;

	color: #fff;

}

.button--saqui:hover::after {

	-webkit-transform: rotate3d(0, 0, 1, 0deg);

	transform: rotate3d(0, 0, 1, 0deg);

}

/*Hover-Styles*/



.grid {

	position: relative;

	margin: 0 auto;

	list-style: none;

	text-align: center;

}

.grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	max-height: 320px;

	width: 100%;

	background: #000;

	text-align: center;

	cursor: pointer;

	margin-bottom: 30px;

}

.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}

.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.grid figure figcaption::before, .grid figure figcaption::after {

	pointer-events: none;

}

.grid figure figcaption, .grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}

.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}

.grid figure h2 span {

	font-weight: 800;

}

.grid figure h2, .grid figure p {

	margin: 0;

}

.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}

figure.effect-apollo {

	background: #000;

}

figure.effect-apollo img {

	opacity: 0.5;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale3d(1.05, 1.05, 1);

	transform: scale3d(1.05, 1.05, 1);

}

figure.effect-apollo figcaption::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0.5);

	content: '';

	-webkit-transition: -webkit-transform 0.6s;

	transition: transform 0.6s;

	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);

	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);

}

figure.effect-apollo .more-btn {

	position: absolute;

	right: 50%;

	bottom: 30%;

	margin: 0 -65px 0 0;

	width: 130px;

	text-align: center;

	font-size: 12px;

	opacity: 0;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}

figure.effect-apollo h2 {

	text-align: center;

	font-weight: 900;

	color: white;

	font-size: 18px;

	position: relative;

	top: 45%;

	text-transform: capitalize;

	letter-spacing: 1px;

}

figure.effect-apollo:hover img {

	opacity: 0.6;

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);

}

figure.effect-apollo:hover figcaption::before {

	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);

	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);

}

figure.effect-apollo:hover .more-btn {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

}

.hvr-underline-from-left {

	display: inline-block;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	position: relative;

}

.hvr-underline-from-left:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 0;

	right: 100%;

	bottom: -1px;

	background: rgba(160,38,37,0.9);

	height: 1px;

	-webkit-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {

	right: 0;

}

.bg-1 {

	background: url(../images/bg-1.jpg) center center no-repeat;

	background-size: cover;

}

.bg-2 {

	background: url(../images/bg-2.jpg) center center no-repeat;

	background-size: cover;

}

.bg-3 {

	background: url(../images/bg-3.jpg) center center no-repeat;

	background-size: cover;

}

.bg-4 {

	background: url(../images/bg-4.jpg) center center no-repeat;

	background-size: cover;

}

.bg-5 {

	background: url(../images/bg-5.jpg) center center no-repeat;

	background-size: cover;

}

.bg-6 {

	background: url(../images/bg-6.jpg) center center no-repeat;

	background-size: cover;

}

.bg-7 {

	background: url(../images/bg-7.jpg) center center no-repeat;

	background-size: cover;

}

.bg-8 {

	background: url(../images/bg-8.jpg) center center no-repeat;

	background-size: cover;

}

.bg-9 {

	background: url(../images/bg-9.jpg) center center no-repeat;

	background-size: cover;

}

.bg-10 {

	background: url(../images/bg-10.jpg) center center no-repeat;

	background-size: cover;

}

.bg-11 {

	background: url(../images/bg-11.jpg) center center no-repeat;

	background-size: cover;

}

.bg-12 {

	background: url(../images/bg-12.jpg) center center no-repeat;

	background-size: cover;

}

.bg-13 {

	background: url(../images/bg-13.jpg) center center no-repeat;

	background-size: cover;

}

.bg-14 {

	background: url(../images/bg-14.jpg) center center no-repeat;

	background-size: cover;

}

.bg-15 {

	background: url(../images/bg-15.jpg) center center no-repeat;

	background-size: cover;

}

.bg-16 {

	background: url(../images/bg-16.jpg) center center no-repeat;

	background-size: cover;

}

.bg-17 {

	background: url(../images/bg-17.jpg) center center no-repeat;

	background-size: cover;

}

.bg-18 {

	background: url(../images/bg-18.jpg) center center no-repeat;

	background-size: cover;

}

.bg-19 {

	background: url(../images/bg-19.jpg) center center no-repeat;

	background-size: cover;

}

.bro-btn .more-btn {

	width: 190px;

}

h5 {

	color: #a02625;

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 600;

}

.list-style img {

	margin: 15px 0;

}

.table {

	margin: 20px 0 0;

	float: left;

}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

	border: 1px solid #ececec;

}

.table-bordered>thead>tr>th {

	vertical-align: middle;

	background: #ffde00;

	color: black;

}

.table-bordered>thead>tr>th span {

	float: left;

	width: 100%;

	font-size: 10px;

	color: #666;

}

.table>tbody>tr:nth-child(even) {

	background: #fff;

}

.center__form {

	width: 35%;

	margin: auto;

	display: table;

	border: #ececec 1px solid;

	border-radius: 7px;

	padding: 15px;

	background: white;

	box-shadow: 0 0 20px #e4e4e4;

}

.center__form p {

	color: #ca0000;

	margin: 5px 0 15px;

}

.custom-select-wrapper {

	position: relative;

	display: inline-block;

	user-select: none;

	width: 100%;

}

.custom-select-wrapper select {

	display: none;

}

.custom-select {

	position: relative;

	display: inline-block;

	width: 100%;

}

.custom-select-trigger {

	position: relative;

	display: block;

	width: 100%;

	padding: 0 84px 0 15px;

	box-sizing: border-box;

	line-height: 45px;

	border: 1px solid #e0e0e0;

	background: #fff;

	border-radius: 3px;

	cursor: pointer;

}

.custom-select-trigger:after {

	position: absolute;

	display: block;

	content: '';

	width: 10px;

	height: 10px;

	top: 50%;

	right: 15px;

	margin-top: -3px;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	transform: rotate(45deg) translateY(-50%);

	transition: all .4s ease-in-out;

	transform-origin: 50% 0;

}

.custom-select.opened .custom-select-trigger:after {

	margin-top: 3px;

	transform: rotate(-135deg) translateY(-50%);

}

.custom-options {

	position: absolute;

	display: block;

	top: 100%;

	left: 0;

	right: 0;

	min-width: 100%;

	margin: -1px 0 0;

	border: 1px solid #e0e0e0;

	border-radius: 0 0 3px 3px;

	box-sizing: border-box;

	background: #fff;

	transition: all .4s ease-in-out;

	opacity: 0;

	z-index: 99;

	visibility: hidden;

	pointer-events: none;

	transform: translateY(-15px);

}

.custom-select.opened .custom-options {

	opacity: 1;

	visibility: visible;

	pointer-events: all;

	transform: translateY(0);

}

.custom-options:before {

	position: absolute;

	display: block;

	content: '';

	bottom: 100%;

	right: 15px;

	width: 7px;

	height: 7px;

	margin-bottom: -3px;

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

	background: #fff;

	transform: rotate(45deg);

	transition: all .4s ease-in-out;

}

.option-hover:before {

	background: #f9f9f9;

}

.bg-18 {

  background: url(../images/bg-18.jpg) center center no-repeat;

  background-size: cover;

}

.bg-19 {

  background: url(../images/bg-19.jpg) center center no-repeat;

  background-size: cover;

}

.bg-20 {

  background: url(../images/bg-20.jpg) center center no-repeat;

  background-size: cover;

}

.bg-21 {

  background: url(../images/bg-21.jpg) center center no-repeat;

  background-size: cover;

}

.bg-22 {

  background: url(../images/bg-22.jpg) center center no-repeat;

  background-size: cover;

}

.custom-option {

	position: relative;

	display: block;

	padding: 0 22px;

	border-bottom: 1px solid #e0e0e0;

	line-height: 45px;

	cursor: pointer;

	transition: all .4s ease-in-out;

}

.custom-option:last-of-type {

	border-bottom: 0;

	border-radius: 0 0 4px 4px;

}

.custom-option:hover, .custom-option.selection {

	background: #f9f9f9;

}

.select__height .custom-options {

	height: 250px;

	overflow-y: scroll;

}

.center__form .more-btn {

	border-radius: 3px;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.product__estimator__form {

	width: 90%;

	margin: auto;

}

.product__estimator__form__box {

	float: left;

}

.product__estimator__form__box .dealer-btn {

	margin: 20px 0 0;

}

.product__estimator__form__box:nth-child(1), .product__estimator__form__box:nth-child(2), .product__estimator__form__box:nth-child(3) {

	width: 30%;

	padding: 0 15px 0 0;

}

.product__estimator__form__box:nth-child(4) {

	width: 10%;

}

.center__form .field {

	margin: 0 0 15px;

	border-radius: 3px;

}

.center__form .area {

	margin: 0 0 15px;

	border-radius: 3px;

	height: 75px;

}

.file-upload-wrapper {

	position: relative;

	width: 100%;

	height: 45px;

	float: left;

	border: #eaeaea 1px solid;

	border-right: none;

	border-radius: 3px;

	overflow: hidden;

}

.file-upload-wrapper:after {

	content: attr(data-text);

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	padding: 0 15px;

	display: block;

	width: calc(100% - 40px);

	pointer-events: none;

	z-index: 20;

	height: 45px;

	line-height: 40px;

	color: #333;

}

.file-upload-wrapper:before {

	content: "\f0c6";

	font-family: 'FontAwesome';

	position: absolute;

	top: 0;

	right: 0;

	display: inline-block;

	height: 45px;

	background: #1e1916;

	color: #fff;

	z-index: 25;

	font-size: 16px;

	line-height: 45px;

	padding: 0 15px;

	text-transform: uppercase;

	pointer-events: none;

	transition: all 0.4s ease-in-out;

}

.file-upload-wrapper:hover:before {

	background: #a02625;

}

.file-upload-wrapper input {

	opacity: 0;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 99;

	height: 45px;

	margin: 0;

	padding: 0;

	display: block;

	cursor: pointer;

	width: 100%;

}

.smk_accordion {

	position: relative;

	margin: 20px 0 0;

	padding: 0;

	list-style: none;

	float: left;

	width: 100%;

}

.smk_accordion .accordion_in {

	position: relative;

	z-index: 10;

	overflow: hidden;

	float: left;

	width: 100%;

	border-bottom: white solid 1px;

}

.smk_accordion .accordion_in .acc_head {

	position: relative;

	background: #1f1a17;

	color: white;

	padding: 15px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 14px;

	display: block;

	cursor: pointer;

}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {

	display: block;

	width: 18px;

	height: 18px;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -9px;

}

.smk_accordion .accordion_in .acc_head .acc_icon_expand:before {

	font-family: 'FontAwesome';

	content: "\f107";

}

.smk_accordion .accordion_in .acc_content {

	background: #f9f9f9;

	padding: 15px;

	float: left;

	width: 100%;

}

.smk_accordion h5 {

	margin-top: 15px;

	color: #623554;

}

.smk_accordion p {

	margin-top: 5px;

	line-height: 20px;

}

.smk_accordion .accordion_in:first-of-type, .smk_accordion .accordion_in:first-of-type .acc_head {

	border-radius: 3px 3px 0 0;

}

.smk_accordion .accordion_in:last-of-type, .smk_accordion .accordion_in:last-of-type .acc_content {

	border-radius: 0 0 3px 3px;

}

.smk_accordion .accordion_in.acc_active > .acc_content {

	display: block;

}

.smk_accordion .accordion_in.acc_active > .acc_head {

	background: #a82621;

}

.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand:before {

	font-family: 'FontAwesome';

	content: "\f106";

}

.smk_accordion.acc_with_icon .accordion_in .acc_head {

	padding-left: 15px;

}

.table__head {

	float: left;

	margin: 0 0 5px;

	width: 100%;

}

.table__head span {

	display: inline-block;

	float: left;

}

.table__head span:nth-child(2) {

	float: right;

}

.smk_accordion .table-bordered>thead>tr>th {

	text-align: center;

}

.table-responsive {

	min-height: .01%;

	overflow-x: auto;

	position: relative;

	float: left;

	width: 100%;

}

.td__highlight {

	background: #a02625;

	color: white;

}

.pravesh__box {

	border: #a392a5 1px solid;

	width: 75%;

	margin: auto;

	display: table;

}

.p-adjust {

	padding: 170px 25px 0;

}

.text-center h3:after {

	left: 50%;

	margin-left: -15px;

}

.pravesh__box__border {

	border: #a392a5 1px solid;

	width: 100%;

	float: left;

	padding: 50px 15px;

}

.pravesh__box__border p {

	height: 50px;

	margin: 15px 0 25px;

}

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

	margin-top: 30px;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.color__palette {

	width: 100%;

	float: left;

	margin: 25px 0 0;

}

.color__palette ul li {

	width: 20%;

	float: left;

	padding: 0 10px;

	text-align: center;

	margin-bottom: 20px;

}

.color__palette ul li h6 {

	margin-top: 10px;

	font-weight: 400;

}

.color__palette__box {

	width: 100%;

	position: relative;

	padding-bottom: 100%;

	height: 0;

}

.color__1 {

	background: #991e21;

}

.color__2 {

	background: #ef2427;

}

.color__3 {

	background: #c6b98d;

}

.color__4 {

	background: #243b7f;

}

.color__5 {

	background: #1870b8;

}

.color__6 {

	background: #3b658b;

}

.color__7 {

	background: #5e2919;

}

.color__8 {

	background: #fbf3ab;

}

.color__9 {

	background: #f9f9e1;

}

.color__10 {

	background: #fff;

}

.color__11 {

	background: #fdfae7;

}

.video-bg-outer .videoWrapper {

	margin: 0;

}

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel {

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper {

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

	transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer {

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

	float: left;

}

.owl-controls .owl-page, .owl-controls .owl-buttons div {

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.grabbing {

	cursor: url(grabbing.png) 8 8, move;

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.owl-theme .owl-controls {

	text-align: center;

	z-index: 1;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: -22px;

}

.owl-theme .owl-controls .owl-buttons div {

	color: #0c314c;

	display: inline-block;

	zoom: 1;

	padding: 1px 0;

	width: 45px;

	height: 45px;

	font-size: 25px;

	border-radius: 0;

	background: #fff;

	border: #0c314c 1px solid;

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}

.owl-next {

	margin-left: -1px;

}

.owl-prev {

	transform: rotate(-180deg);

}

.owl-next::before {

	font-family: Flaticon;

	content: "\f100";

	position: relative;

	top: 8px;

}

.owl-prev::before {

	font-family: Flaticon;

	content: "\f100";

	position: relative;

	top: 4px;

}

.owl-theme .owl-controls .owl-page {

	display: inline-block;

	zoom: 1;/**display: inline;*/

}

.owl-theme .owl-controls .owl-page span {

	display: block;

	width: 50px;

	height: 3px;

	margin: 5px 0.5px;

	background: #3a586e;

}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

	background: #28b2a2;

}

.owl-theme .owl-controls .owl-page span.owl-numbers {

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}

.owl-item.loading {

	min-height: 150px;

	background: url(AjaxLoader.gif) no-repeat center center

}

.owl-pagination {

	display: none;

}

.owl-carousel .videoWrapper {

	margin: 0;

}

.left__block {

	width: 25%;

	float: left;

	padding: 0 15px;

}

.right__block {

	width: 75%;

	float: left;

	padding: 0 0 0 15px;

}

.center__form__sub {

	width: 75%;

	margin: auto;

	display: table;

}

.dealer__form {

	width: 66.66%;

	display: table;

	margin: auto;

}

.durashine ul {

	margin-top: 35px;

	float: left;

}

.durashine ul li {

	width: 20%;

	float: left;

	padding: 0 10px;

	border-right: #f1f1f1 1px solid;

}

.durashine ul li:last-child {

	border: none;

}

.durashine .box {

	width: 100%;

	float: left;

}

.durashine .box h6 {

	font-size: 13px;

	margin-top: 15px;

}

ul.resp-tabs-list {

	margin: 0 auto;

	display: table;

	padding: 0px;

	border-bottom: #be261f 1px solid;

}

.resp-tabs-list li {

	font-weight: 700;

	display: inline-block;

	font-size: 15px;

	padding: 13px 15px;

	margin: 0;

	list-style: none;

	cursor: pointer;

	float: left;

	letter-spacing: 1px;

	text-align: center;

	color: #0f1a26;

}

.resp-tabs-list li i {

	width: 100%;

	font-size: 30px;

	float: left;

}

.resp-tabs-container {

	padding: 0px;

	background-color: #fff;

	clear: left;

	float: left;

	width: 100%;

}

h2.resp-accordion {

	cursor: pointer;

	padding: 5px;

	display: none;

}

.resp-tab-content {

	display: none;

	padding: 15px;

}

.resp-tab-active {

	border: 1px solid #be261f;

	border-bottom: none;

	margin-bottom: -1px !important;

	padding: 12px 14px 14px 14px !important;

	background-color: #fff;

	color: #be261f !important;

}

.resp-content-active, .resp-accordion-active {

	display: block;

}

.resp-tab-content {

	border: none;

	background: white;

	float: left;

	width: 100%;

}

.resp-tab-content p {

	margin: 0;

}

h2.resp-accordion {

	font-size: 15px;

	border: 1px solid #ececec;

	border-top: 0px solid #c1c1c1;

	margin: 0px;

	padding: 10px 15px;

	text-transform: capitalize;

	font-weight: 400;

}

h2.resp-accordion i {

	font-size: 20px;

	margin-right: 5px;

	color: #000;

}

h2.resp-tab-active {

	border-bottom: 0px solid #c1c1c1 !important;

	margin-bottom: 0px !important;

	padding: 10px 15px !important;

}

h2.resp-tab-title:last-child {

	border-bottom: 12px solid #c1c1c1 !important;

	background: blue;

}

.resp-vtabs ul.resp-tabs-list {

	float: left;

	width: 30%;

}

.resp-vtabs .resp-tabs-list li {

	display: block;

	padding: 15px 15px !important;

	margin: 0;

	cursor: pointer;

	float: none;

}

.resp-vtabs .resp-tabs-container {

	padding: 0px;

	background-color: #fff;

	border: 1px solid #c1c1c1;

	float: left;

	width: 68%;

	min-height: 250px;

	border-radius: 4px;

	clear: none;

}

.resp-vtabs .resp-tab-content {

	border: none;

}

.resp-vtabs li.resp-tab-active {

	border: 1px solid #c1c1c1;

	border-right: none;

	background-color: #fff;

	position: relative;

	z-index: 1;

	margin-right: -1px !important;

	padding: 14px 15px 15px 14px !important;

}

.resp-arrow:before {

	content: "\f107";

	font-family: 'FontAwesome';

	float: right;

}

h2.resp-tab-active span.resp-arrow:before {

	content: "\f106";

	font-family: 'FontAwesome';

}

h2.resp-tab-active {

	background: #8a2725 !important;

	color: white !important;

}

.resp-easy-accordion h2.resp-accordion {

	display: block;

}

.resp-easy-accordion .resp-tab-content {

	border: 1px solid #c1c1c1;

}

.resp-easy-accordion .resp-tab-content:last-child {

	border-bottom: 1px solid #c1c1c1 !important;

}

.resp-jfit {

	width: 100%;

	margin: 0px;

}

.resp-tab-content-active {

	display: block;

}

h2.resp-accordion:first-child {

	border-top: 1px solid #ececec !important;

}

.mbt-15 {

	margin: 15px 0;

}

color__range ul {

	float: left;

	width: 100%;

}

.color__range ul li {

	width: 20%;

	float: left;

	padding: 0 7.5px;

	margin-bottom: 15px;

}

.color__range__box {

	position: relative;

	width: 100%;

	height: 100px;

	float: left;

}

.color__range__box__txt {

	position: absolute;

	bottom: 10px;

	left: 10px;

	color: white;

}

.roof__color__1 {

	background: #f1f3e6;

}

.roof__color__2 {

	background: #007abd;

}

.roof__color__3 {

	background: #004a8e;

}

.roof__color__4 {

	background: #008562;

}

.roof__color__5 {

	background: #007654;

}

.roof__color__6 {

	background: #a7342a;

}

.roof__color__7 {

	background: #bc1626;

}

.roof__color__8 {

	background: #851013;

}

.roof__color__9 {

	background: #45484e;

}

.roof__color__10 {

	background: #432727;

}

.resp-tabs-container .gallery li {

	padding: 0 7.5px;

	margin-bottom: 15px;

}

.m-l7-5 {

	margin: 0 0 0 7.5px

}

.tile__color__1 {

	background: #007abd;

}

.tile__color__2 {

	background: #004a8e;

}

.tile__color__3 {

	background: #008562;

}

.tile__color__4 {

	background: #a7342a;

}

.tile__color__5 {

	background: #bc1626;

}

.tile__color__6 {

	background: #851013;

}

.tile__color__7 {

	background: #45484e;

}

.tile__color__8 {

	background: #432727;

}

.tile__color__9 {

	background: #953d34;

}

.tile__color__10 {

	background: #025c49;

}

.tile__color__11 {

	background: #1a95d2;

}

.p-l7-5 {

	padding: 0 0 0 7.5px;

}

.pro__list ul {

	margin: 25px 0 0;

	float: left;

}

.pro__list ul li {

	background: #fbfbfb;

	padding: 15px;

	width: 100%;

	float: left;

	border-bottom: #eaeaea 1px solid;

}

.pro__list ul li:nth-child(even) {

	background: #f3f3f3;

}

.pro__list p {

	margin: 5px 0 0;

}

.list__two__col {

	width: 100%;

	float: left;

}

.list__two__col ul {

	padding: 0;

	margin-top: 20px;

	float: left;

}

.list__two__col ul li {

	padding: 5px 0 5px 1.3em;

	width: 50%;

	float: left;

}

.list__two__col ul li:before {

	content: "\f0da";

	font-family: FontAwesome;

	display: inline-block;

	margin-left: -1.3em;

	width: 1.3em;

	color: #a02625;

}

.quote-bg {

	width: 100%;

	float: left;

	background: #a02625;

	padding: 75px 0;

	color: white;

	font-family: 'Lato', sans-serif;

}

.quote-bg a {

	color: white;

}

.quote-fl {

	font-size: 38px;

	font-weight: 700;

	display: inline-block;

	float: left;

}

.quote-fr {

	font-size: 28px;

	font-weight: 400;

	display: inline-block;

	float: right;

	border-bottom: #fff solid 2px;

	margin-top: 10px;

}

.building__help__btn {

	display: inline-block;

	padding: 10px 15px;

	float: left;

	margin: 0 -1px 0 0;

	border: #000 1px solid;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.building__help__btn__active {

	background: black;

	color: white;

}

.vision h4 {

	font-size: 14px;

	color: #a72621;

	letter-spacing: 1px;

	margin: 15px 0 0;

}

.vision .list-style ul li {

	padding: 5px 0 5px 1.3em;

}

.mt__55 {

	margin: 55px 0 0;

}

.about__desc img {

	float: left;

	margin: 0 0 15px 0;

}

.about__desc p {

	float: none;

	margin: 0;

}

.product__list ul li {

	width: 25%;

	float: left;

	padding: 7.5px;

}

.product__list__desc {

	width: 100%;

	background: #fff;

	padding: 15px;

	float: left;

	box-shadow: 0 0 25px #dadada;

}

.product__list__desc__img {

	height: 94px;

}

.product__list__desc img {

	margin: 0 0 20px;

	mix-blend-mode: darken;

}

.blocker {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: auto;

	z-index: 999;

	padding: 20px;

	box-sizing: border-box;

	background-color: #000;

	background-color: rgba(0,0,0,0.85);

	text-align: center

}

.blocker:before {

	content: "";

	display: inline-block;

	height: 100%;

	vertical-align: middle;

	margin-right: -0.05em

}

.blocker.behind {

	background-color: transparent

}

.modal {

	display: none;

	vertical-align: middle;

	position: relative;

	z-index: 2;

	max-width: 900px;

	box-sizing: border-box;

	width: 90%;

	overflow: visible;

	background: #fff;

	border-radius: 3px;

	-webkit-box-shadow: 0 0 10px #000;

	-moz-box-shadow: 0 0 10px #000;

	-o-box-shadow: 0 0 10px #000;

	-ms-box-shadow: 0 0 10px #000;

	box-shadow: 0 0 10px #000;

	text-align: left

}

.modal a.close-modal {

	position: absolute;

	top: -12.5px;

	right: -12.5px;

	display: block;

	width: 30px;

	height: 30px;

	background: white url(../images/close.svg) no-repeat center center;

	text-indent: -9999px;

	background-size: 15px;

}

.modal-spinner {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

	padding: 12px 16px;

	border-radius: 5px;

	background-color: #111;

	height: 20px

}

.modal-spinner>div {

	border-radius: 100px;

	background-color: #fff;

	height: 20px;

	width: 2px;

	margin: 0 1px;

	display: inline-block;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

	animation: sk-stretchdelay 1.2s infinite ease-in-out

}

.modal-spinner .rect2 {

	-webkit-animation-delay: -1.1s;

	animation-delay: -1.1s

}

.modal-spinner .rect3 {

	-webkit-animation-delay: -1.0s;

	animation-delay: -1.0s

}

.modal-spinner .rect4 {

	-webkit-animation-delay: -0.9s;

	animation-delay: -0.9s

}

@-webkit-keyframes sk-stretchdelay {

0%, 40%, 100% {

-webkit-transform:scaleY(0.5);

 transform:scaleY(0.5)

}

20% {

-webkit-transform:scaleY(1.0);

 transform:scaleY(1.0)

}

}

@keyframes sk-stretchdelay {

0%, 40%, 100% {

-webkit-transform:scaleY(0.5);

 transform:scaleY(0.5);

}

20% {

-webkit-transform:scaleY(1.0);

transform:scaleY(1.0)

}

}

.buy_btn {

	display: inline-block;

	background: #fff;

	padding: 15px 25px;

	position: relative;

	color: black;

	text-transform: uppercase;

	letter-spacing: 1px;

	z-index: 99;

	border-radius: 50px;

	margin: 8px 0 0;

	font-size: 11px;

    font-weight: 700;

}

.buy_btn:hover {

	color: #a02625;

}

.buy_btn img, .buy_btn span {

	display: inline-block;

	float: left;

}

.buy_btn img {

	width: 20px;

}

.buy_btn span {

	margin: 5px 0 0 5px;

}

.cbp-af-header.cbp-af-header-shrink .buy_btn {

	padding: 0;

	margin: 18px 0 0

}

.cbp-af-header.cbp-af-header-shrink .buy_btn img {

	width: 30px;

}

.cbp-af-header.cbp-af-header-shrink .buy_btn span {

	display: none

} 

.review__list {

	width: 90%;

	margin: auto;

  }

  .review__list ul {

	display: flex;

	width: 100%;

	flex-wrap: wrap;

  }

  .review__list ul li {

	width: 100%;

	float: left;

	margin-bottom: 30px;

  }

  .review__list__box {

	width: 100%;

	display: flex;

	flex-flow: row;

	align-items: center;

	background: white;

	padding: 50px 0;

	border-radius: 50px 0 50px 0;

	border: #dfdfdf 1px solid;

}

.review__list ul li:nth-child(even)

.review__list__box {

	flex-flow: row-reverse;

}

.review__list__img {

	width: 15%;

	border-radius: 50px 0 50px 0;

	overflow: hidden;

	float: left;

	margin-left: -75px;

	background: white;

	padding: 10px;

	border: #dfdfdf 1px solid;

}

 .review__list__img img {

	border-radius: 50px 0 50px 0;

	overflow: hidden;

}

.review__list ul li:nth-child(even) .review__list__img {

	margin: 0 -75px 0 0;

}

.review__list__desc {

	width: 85%;

	padding: 0 30px;

	float: left;

}

.review__list__desc p {

	margin: 0 0 15px;

	line-height: 30px;

}

.review__list__desc h3 {

	text-transform: capitalize;

	letter-spacing: 1px;

	font-weight: 700;

	position: relative;

	color: #a02625;

	padding-top: 15px;

}

h3:after {

    /* content: '';

    display: block;

    width: 30px;

    border-top: 1px solid #a02625;

    position: absolute;

	top: 0; */

	display: none;

}

.review__list__desc h3 span {

	display: block;

	text-transform: uppercase;

	color: black;

	font-size: 14px;

	margin-top: 5px;

}



/*Media-Quries & Styles*/



.col-center {

	float: none;

	margin: 0 auto;

}

.p0 {

	padding: 0;

}

.m0 {

	margin: 0;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.no-border {

	border: none !important;

}

.up {

	cursor: pointer;

	margin: auto;

	width: 50px;

	height: 50px;

	border-style: solid;

	border-width: 30px 30px 0 30px;

	border-color: #fff transparent transparent transparent;

	color: #ad2622;

	text-align: center;

	z-index: 1;

	position: relative;

}

.up i {

	float: left;

	margin-top: -30px;

	margin-left: -10px;

	font-size: 20px;

	font-weight: 700;

}



@media screen and (max-width: 1199px) {

.container {

	width: 100%;

}

}



@media screen and (max-width: 1060px) {

.top-links i {

	border: none;

	width: auto;

}

}



@media screen and (max-width: 1024px) {

.gallery {

	padding: 5px;

}

.gallery li {

	padding: 5px;

}

.center__form {

	width: 40%;

}

.p-100 {

	padding: 25px 0;

}

.contact-bg {

	width: 35%;

}

}



@media screen and (max-width: 991px) {

.video__bg, .center__form__sub {

	width: 90%;

}

.center__form {

	width: 50%;

}

.top-strip, .tab__hide {

	display: none;

}

.cbp-af-header {

	background: white;

	top: 0;

}

.cbp-af-header .nav-social-block, .mobile__display__none {

	display: none;

}

.nav-brand {

	display: block;

}

.navigation {

	background: white;

}

.intro {

	margin-top: 81px;

}

.m-t-65 {

	margin: 0;

}

h2 {

	font-size: 25px;

}

p {

	margin-top: 15px;

}

.m-t-45, .m-t-40 {

	margin: 15px 0 0;

	float: left;

}

.quote-fl {

	width: 100%;

}

.product__estimator__form {

	width: 100%;

	padding: 0 15px;

}

.quote-fr {

	float: left;

}

.resp__txt p {

	height: 130px;

	overflow: hidden;

}

.highlight {

	margin-bottom: 25px;

}

.product__estimator__form__box:nth-child(1), .product__estimator__form__box:nth-child(2), .product__estimator__form__box:nth-child(3) {

	width: 33.3%;

	padding: 0 10px 0 0;

}

.custom-select-trigger {

	font-size: 12px;

}

.intro-inner {

	margin-top: 80px;

}

.color__palette ul li {

	width: 25%;

}

.color__palette ul li h6 {

	font-size: 14px;

}

.dealer__form {

	width: 85%;

}

}



@media screen and (max-width: 768px) {

.media-object {

	margin-top: 0;

}

#cd-zoom-in {

	margin-top: 50px;

}

#google-container {

	height: 300px;

}

#cd-zoom-in, #cd-zoom-out {

	margin-left: 15px;

}

#cd-google-map contact-bg {

	text-align: center;

}

.equal-height {

	width: 33.3%;

}

.font-medium h3 {

	font-size: 15px;

}

.contact-bg {

	position: relative;

	width: 100%;

	float: left;

	bottom: 0;

	left: 0;

	padding: 15px;

	background: rgba(160,38,37,0.9);

}

ul.resp-tabs-list {

	display: none;

}

h2.resp-accordion {

	display: block;

}

.resp-vtabs .resp-tab-content {

	border: 1px solid #C1C1C1;

}

.resp-vtabs .resp-tabs-container {

	border: none;

	float: none;

	width: 100%;

	min-height: initial;

	clear: none;

}

.resp-accordion-closed {

	display: none !important;

}

.resp-tabs-container {

	margin-top: 15px;

}

.resp-vtabs .resp-tab-content:last-child {

	border-bottom: 1px solid #c1c1c1 !important;

}

}



@media screen and (max-width: 767px) {

.mobile-p-0, .p-r-7-5, .p-l-7-5, footer {

	padding: 0;

}

.resp__txt p {

	height: auto;

}

.p-100 {

	padding: 15px 0;

}

.box {

	width: 50%;

	padding: 0 15px;

}

.p-7 {

	padding: 0 15px;

}

.highlight {

	margin-bottom: 15px;

}

.center__form, .video__bg {

	width: 100%;

}

.mobile-p-15 {

	padding: 0 15px;

}

.mobile__mt15, .product-intro, footer h4, .pravesh__box__border h3 {

	margin-top: 15px;

}

.mobile__mtb15 {

	margin: 15px 0;

}

.hme-form-bg {

	padding: 0 15px 15px;

}

.message-box {

	width: 100%;

	margin: 0 0 15px 0;

	padding: 0 15px 15px;

}

.manager-img {

	margin: 15px 15px 15px 0;

	width: 120px;

	height: 135px;

	overflow: hidden;

}

.p-adjust {

	padding: 15px;

	float: left;

}

.pravesh__box__border {

	padding: 15px;

	float: left;

	margin-bottom: 15px;

}

.pravesh__box {

	width: 90%;

}

.color__palette ul li {

	width: 25%;

}

.videoWrapper {

	margin-top: 40px;

}

.grid figure {

	margin-bottom: 15px;

}

.gallery li, .color__range ul li {

	width: 33.3%;

}

.credits {

	padding: 0 15px 25px;

}

.contact-form .field {

	margin: 0;

}

.product__estimator__form__box:nth-child(1), .product__estimator__form__box:nth-child(2), .product__estimator__form__box:nth-child(3) {

	width: 100%;

	padding: 0;

	margin-bottom: 15px;

}

.product__estimator__form__box .dealer-btn {

	margin: 0;

}

.color__range__box {

	height: 60px;

}

.durashine ul li {

	width: 50%;

}

}



@media screen and (max-width: 600px) {

.dealer__form {

	width: 100%;

	padding: 0 15px;

}

}



@media screen and (max-width: 500px) {

.dealer-field {

	width: 100%;

	padding: 0;

	margin-bottom: 15px;

}

}



@media screen and (max-width: 480px) {

.inputfile-6 + label span {

	width: 40%;

}

.gallery li {

	width: 50%;

}

.color__palette ul li {

	width: 33.3%;

}

.inputfile-6 + label strong {

	width: 60%;

}

.box, .product__estimator__form__box:nth-child(1), .product__estimator__form__box:nth-child(2), .product__estimator__form__box:nth-child(3), .product__estimator__form__box:nth-child(4) {

	width: 100%;

	margin-bottom: 15px;

}

.equal-height, .color__range ul li {

	width: 50%;

}

.intro-inner {

	height: 175px;

}

.title-section {

	padding: 80px 0 0;

}

.table {

	font-size: 13px;

}

.smk_accordion .accordion_in .acc_content {

	padding: 15px 0 0;

}

h2 {

	font-size: 30px;

}

.durashine ul li {

	width: 100%;

	border-right: none;

	border-bottom: #f1f1f1 1px solid;

}

.color__range__box__txt {

	font-size: 12px;

}

}



@media screen and (max-width: 360px) {

.equal-height {

	width: 100%;

}

}



@media (min-width: 568px) and (max-width: 736px) {

}

table.table.ftng {

	border: 1px solid #000;

	color: #000;

	border-collapse: collapse;

}

table.table.ftng th, table.table.ftng td {

	border: 1px solid #000;

}

.ftng td {

	padding: 3px !important;

	font-size: 12px;

}



ul.sysca__gallery {

  width: 100%;

  float: left;

  position: relative;

  margin-top: 20px;

}

.sysca__gallery li {

  width: 33.33%;

  float: left;

  padding: 15px;

}

.sysca__gallery h3 {

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 2px;

  margin-top: 15px;

}

.sysca__gallery h3 span {

  font-size: 11px;

  display: block;

  color: grey;

  font-weight: 700;

  letter-spacing: 0;

  text-transform: none;

}