
/* Web Fonts */

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800|Open+Sans:300,400,600,700');

/* Tag Selectors */

body {
	font-family: 'Open Sans', sans-serif !important;
	overflow-x: hidden;
	direction: ltr;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif !important;
}
a {
	text-decoration:none;
	color:inherit;
}
		
		/*** Common Styles ***/
		
/* Paddings */

.pd-none {
	padding:0px !important;
}

.pd-tb-40 {
	padding-top:40px;
	padding-bottom:40px;
}

.pd-tb-10 {
	padding:10px 0;
}

.pd-l-0 {
	padding-left:0px;
}

.pd-20 {
	padding:20px;
}

.pd-t-60 {
	padding-top:60px;
}

.pd-b-40 {
	padding-bottom:40px;
}

.pd-t-10 {
	padding-top:10px;
}

.pd-t-20 {
	padding-top:20px;
}

.pd-t-15 {
	padding-top:15px;
}

.pd-l-5 {
	padding-left:5px;
}

/* Margins */

.mr-auto-x {
	margin-left:auto;
	margin-right:auto;
}

.mr-b-40 {
	margin-bottom:40px;
}

.mr-t-10 {
	margin-top:10px;
}

.mr-tb-40 {
	margin-top:40px;
	margin-bottom:40px;
}

.mr-20 {
	margin:20px;
}

/* Text Align */

.ta-c {
	text-align:center;
}

.ta-l {
	text-align:left;
}

.ta-r {
	text-align:right;
}

/* Font properties */

.fw-normal {
	font-weight:normal;
}

/* Line Heights */

.lh-3 {
	line-height:3;
}

/* Foreground colors */

.fgc-white * {
	color:white;
}

.clr-white {
	color:white;
}

/* Background colors */

.bg-footer {
	background: #442A26;
}

/* Underline */

.with-line:after {
	content:"";
	position: absolute;
	bottom: 0;
	display: block;
	width:60px;
	height:2px;
	margin:15px 0 0;
	left:50%;
	margin-left:-35px;
	background-color:white;
}
.with-line {
	position:relative;
	padding-bottom:15px;
	margin-bottom:40px;
	padding-bottom:42px;
}
.with-line.lc-black:after {
	background-color:#000;
}

/* Down Arrow */

.icon-arrow-down {
	position:absolute;
	bottom:30px;
	text-align:center;
	width:55px;
	height:60px;
	left:50%;
	margin-left:-35px;
}
.icon-arrow-down img {
	width:100%;
	height:100%;
}

/* Pharagraph inside the quotation marks */

.ph-inside-quote::after,.ph-inside-quote::before {
	font-family:fontAwesome;
	display:inline;
	line-height:0;
	position:relative;
	top:0rem;
	color:#ccc;
}
.ph-inside-quote::after {
	content:'\f10e ';
	margin-left:10px;
}
.ph-inside-quote::before {
	content:'\f10d	 ';
	margin-right:10px;
}
.ph-inside-quote {
	font-size:20px;
	color:#555;
	padding-bottom:40px;
}

/* Fill size background image */

.fill {
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:black;
	opacity:0.8;
	height:500px;
	position:relative;
	overflow:hidden;
	height:auto;
}

/* Banner description style */

.banner-text {
	text-align:center;
	color:white;
	width:100%;
	margin-top:200px;
	margin-bottom:200px;
}

/* Button Style */

.btn-primary {
	position:relative;
	padding:10px;
	padding-left:30px;
	text-decoration:none !important;
}
.btn-primary i {
	position:absolute;
	left:0px;
	top:15px;
	padding-left:10px;
}

.btn-page-move-top:after {
	content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.8em;
    line-height: 45px;
    color: #fff;
}
.btn-page-move-top:hover {
	text-decoration:none;
}
.btn-page-move-top.show {
    opacity: 1;
    visibility: visible;
}
.btn-page-move-top {
	display: inline-block;
    background-color: darkgreen;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
	cursor:pointer;
}

		/*** Header/Footer properties ***/

.section-page-header {
	border-bottom:1px solid darkgreen;
}

.section-page-header a {
	font-size:18px;
	color:inherit;
}

.section-page-header.wide {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	background:rgba(38, 49, 60, 0.2);
	z-index:1;
	border-bottom:none;
}
.section-page-header.wide a {
	color:white;
}
.section-page-header .col {
	height:80px;
}
.section-page-header .company-logo {
	float:left;
	max-width:350px;
	max-height:80px;
	vertical-align:middle;
}
.section-page-header .company-logo img {
	width:80%;
	padding:10px 0;
	cursor:pointer;
	vertical-align:middle;
}

.section-page-header .nav {
	float:right;
}

.nav .nav-bar-menus {
	list-style:none;
	margin:0;
}

.nav .nav-bar-menus li {
	display:inline-block;
	margin-right:20px;
}

.nav .nav-bar-menus li a {
	cursor:pointer;
	padding:30px 10px 30px 10px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:4.2;
}

.nav .nav-bar-menus li i {
	padding:33px 0px;
}

.nav .nav-bar-menus li:hover a {
	background-color:white;
}

.nav .nav-bar-menus li:hover a {
	color:black !important;
}

/* Dropdown menu properties */

.dropdown-menu-items {
	position:absolute;
	background-color:#fff;
	transition:0.3s ease-out;
	opacity:0;
	visibility:hidden;
	z-index:1;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
}
.dropdown-menu-items a {
	display:block;
	padding:10px 30px !important;
	color:black !important;
	text-transform:unset !important;
}
.dropdown-menu-items a:hover {
	background-color:#eee !important;
}

.nav.sticky {
	position:fixed;
	top:0;
	right:0;
	width:70%;
	height:100%;
	background:black;
	color:white;
	z-index:2;
	visibility:visible;
}
.nav.sticky * {
	color:white;
}
.nav.sticky .nav-bar-menus { 
	padding-left:0px;
	display:block;
}
.nav.sticky ul li {
	display:block;
	width:100%;
}
.nav.sticky ul li a {
	display:block;
	padding:10px 20px;
	line-height:3;
}

.main-menu-toggle {
	padding:20px;
	position:absolute;
	right:0px;
	z-index:3;
	visibility:hidden;
}

/* Footer */

.footer {
	color: #c5c5c5;
}

.f-itm-title {
	padding-bottom: 25px;
}

.f-itm-title h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .32px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 18px;
	color:white;
}

.f-itm-title h3:before {
    content: "";
    width: 40px;
    height: 2px;
    background: white;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.f-list-itms {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.f-list-itms li {
    margin-bottom: 5px;
}

.f-list-itms i {
	font-size:10px;
	padding-right:5px;
}

.f-list-itms li a {
    font-size: 16px;
    color: #c5c5c5;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .32px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.f-list-itms li a:hover {
	text-decoration:none;
}

.f-contact-info .media {
	margin-top:0px;
}

.f-copy-right {
	background-color:#0b2613;
}

/* Active page menu locations */

.section-page-links {
	padding:10px 0;
	border-bottom:1px solid #eee;
}
.section-page-links p {
	font-size:20px;
}
.section-page-links ul {
	list-style:none;
}
.section-page-links ul li {
	display:inline-block;
}
.section-page-links ul li i {
	padding:0 5px;
	padding-right:5px;
	padding-left:10px;
}
.section-page-links ul li a {
	text-decoration:none;
	cursor:pointer;
	color:inherit;
}

		/*** HOME page properties ***/

/* Section about info */

.section-about-info {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

/* Section main products */

.section-product-info {
	color:white;
}
.section-product-info img {
	width:100%;
}
.section-product-info .button {
	background-color:brown;
	padding:10px;
	border:none;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	color:white;
}
.section-product-info .button:hover {
	color:black;
}

/* Main product categories menus */

.list-product-group {
	list-style:none;
	text-align:left;
}

.list-product-group li {
	position:relative;
	padding-left:25px;
}

.list-product-group li i {
	position:absolute;
	color:#dbbc3e;
	top:0.5em;
	left:0px;
}

.list-product-group li a {
	color:white;
	text-decoration:none;
	cursor:default;
	line-height:1.7;
	font-size:20px;
}

/* Main products image review panel */

.product-images > div {
	display:table-cell;
}

.product-images .container-nav-button {
	vertical-align:middle;
}

.product-images .container-nav-button img {
	display:block;
	width:40px;
	height:40px;
	margin:0px 10px;
	padding:10px;
	border:none;
	background-size:80%;
	background-repeat:no-repeat;
	background-color:transparent;
}

.product-images .container-nav-button img:hover {
	background-color:white;
}

.wp-scroll-y {
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
}

/* Vertical carousel slide */

.vertical-carousel-slide {
	position:absolute;
	visibility:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}

.vertical-carousel-slide.move-smooth {
	transition:all 1s ease-in-out !important;
}

.vertical-carousel-slide img {
	margin-top:4px;
	vertical-align:middle;
	width:100%;
	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255,0.8);
	padding:20px !important;
}

.nav-button-products {
	cursor:pointer;
}

/* Input form properties */

.input-form form {
	text-align:center;
}

.input-form form * {
	text-align:left;
}

.input-form p {
	margin:5px 0;
}

.input-form input,textarea {
	display:block;
	background-color:#f8f8f8;
    width:100%;
    height:34px;
    padding:6px 12px;
    color:#555;
    border:1px solid #eee;
}

.input-form textarea {
	min-height:120px;
	resize:vertical;
}

.input-form button {
	padding:10px;
	margin:20px 0;
	border:none;
	background-color:black;
	color:white;
	margin-left:auto;
}

.input-form button:hover {
	background-color:white;
	color:green;
	border:1px solid;
	cursor:pointer;
}

.input-form .mt:after {
	content:' *';
	color:red;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.input-form .input-row p {
	margin:10px 0;
}

.input-form .input-empty {
	border:1px solid red;
}

		/*** PRODUCTS page properties ***/

/* Catelog images */

.section-product-catelog img {
	width:100%;
}

.section-product-catelog > div {
	max-width:1000px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin:50px auto;
}

		/*** CONTACT page properties ***/

/* Address info */

.address-info .media {
	border-bottom:1px solid #ccc;
}

.address-info .media:last-child {
	border-bottom:none;
}

.address-info .media i {
	height:30px;
	width:30px;
	border:1px solid #000;
	border-radius:50%;
	color:#000;
	text-align:center;
	line-height:28px;
	font-size:16px;
}

.address-info .media a {
	color:black;
}

/*** Screen loader animation ***/

.scr-loader {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #fff;
	transition: all 0.5s;
	z-index:5;
}
.scr-loader .bar {
	height:45px;
	width:45px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.scr-loader .bar:after {
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	border-radius:50%;
	border:5px solid #ff3d00;
	border-top-color:transparent;
	animation:rotate 1.5s linear infinite;
}
@keyframes rotate {
	100%{
		transform: rotate(360deg);
	}
}

/*** Responsive design based on screen size ***/

@media (max-width:991px){

	.nav-bar-menus {
		display:none;
	}
	.main-menu-toggle {
		visibility:visible;
	}
}

@media (max-width:300px){
	.product-images div,.product-images img {
		width:100% !important;
	}
}
@media (max-width:400px){
	* {
		word-break:break-word;
	}
	.list-product-group li a {
		font-size:initial !important;
	}
}

/* Browser internet explorer version less than 10 */

.ie-lt10 .container {
	width: 1170px;
}

.ie-lt10 .col-sm-1 {
	width:8.33333333%;
}

.ie-lt10 .col-sm-6 {
    width: 50%;
}

.ie-lt10 .col-sm-2 {
    width:16.66666667%;
}

.ie-lt10 .col-sm-4 {
    width:33.33333333%;
}

.ie-lt10 .col-sm-1,.ie-lt10 .col-sm-10,.ie-lt10 .col-sm-11,
.ie-lt10 .col-sm-12,.ie-lt10 .col-sm-2,.ie-lt10 .col-sm-3, 
.ie-lt10 .col-sm-4,.ie-lt10 .col-sm-5,.ie-lt10 .col-sm-6,
.ie-lt10 .col-sm-7,.ie-lt10 .col-sm-8,.ie-lt10 .col-sm-9 {
    float:left;
}
