/* ==================== COLOR REFERENCES ====================

#000 , #131313 , #191919 , #212121 , #323232

#a0a0a0 , #b0b0b0 , #cccccc , #d5d5d5 , #eeeeee , #fbfbfb , #fff

#ffbf25 , #ffb508

*/

/* ==================== GLOBAL ==================== */

body{
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	background-color: #212121;
	color: #FFF;
	overflow-x: hidden;
}

/* ==================== GENERAL ==================== */

h1,h2,h3,h4,h5,h6{
	font-weight: 400;
	margin: 0;
	text-rendering: optimizeLegibility;
	line-height: 1;
}

p{
	margin: 0;
	line-height: 28px;
	letter-spacing: 0.1em;
	color: #d5d5d5;
}

a,a:hover,a:link,a:visited{
	color: inherit;	
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

input,textarea,button{
	resize: none;
	outline: none;
	background: none;
	border: none;
	border-radius: 0;
	color: #FFF;
    -webkit-transition: background .3s, border-color .3s, color .3s ease-in-out, box-shadow .2s ease-in-out;
	-moz-transition: background .3s, border-color .3s, color .3s ease-in-out, box-shadow .2s ease-in-out;
	-o-transition: background .3s, border-color .3s, color .3s ease-in-out, box-shadow .2s ease-in-out;
	-ms-transition: background .3s, border-color .3s, color .3s ease-in-out, box-shadow .2s ease-in-out;
	transition: background .3s, border-color .3s, color .3s ease-in-out, box-shadow .2s ease-in-out;
}

textarea{
	padding-top: 10px;
}

button{
	cursor: pointer;
}

html.ac-gn-noscroll, html.ac-gn-noscroll body {
    overflow: hidden !important;
    height: 100% !important;
}

.wrapper{
	overflow: hidden;
}

.only-modal{
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	padding: 100px 0;
	background-color: #000;
	z-index: 10000000;
	display: none;
	overflow-y:scroll;
}

.padding-section{
	padding-top: 50px;
	padding-bottom: 50px;
}

.vertical-align{
	display: table-cell;
	vertical-align: middle;
}

.absolute-vertical-align{
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

/* -------------------------
		   IMAGES
   ------------------------- */

/* In IE browsers, img in the cover-img-container takes the display: none; and is assigned as the visual cover-img-container background. */ 

.cover-img-container{
	display: block;
	width: 100%;
	height: 100%;
}

.cover-img-container img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cover-background{
	background-size: cover;
	background-position: center center;
}

.fixed-bg{
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

/* -------------------------
		TEXT ELEMENTS	
   ------------------------- */

.section-header{
	margin-bottom: 25px;
	text-align: center;
	font-size: 35px;
	line-height: 1.2;
	letter-spacing: 0.1em;
}

.section-header-desc{
	margin-bottom: 10px;
	font-size: 18px;
	color: #b0b0b0;
}

.header-type-one{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.1em;
}

.header-type-one::first-letter{
	font-size: 20px;
	color: #ffbf25;
}

.header-type-two{
	font-size: 25px;
	font-weight: 400;
}

.orange{
	color: #ffbf25 !important;
}

span.orange{
	word-wrap: break-word;
}

.error-block{
	background-color: #973939;
	padding:10px 15px;
	margin-bottom: 10px;
	color: #000;
}

/* -------------------------
		FORM ELEMENTS	
   ------------------------- */

/* Inputs */

.search-input{
	width: 100%;
	border: solid 1px #FFF;
	padding: 10px 40px 10px 10px;
	padding-left: 10px;
}

.search-input:focus{
	border-color: #ffbf25;
}

.input-type-one{
	width: 100%;
	padding-left: 10px;
	margin-bottom: 15px;
	border-radius: 0;
	border: solid 1px #323232;
	color: #FFF;
}

input.input-type-one{
	height: 50px;
}

.input-type-one.error{
	border-color: #de1f1f !important;
}

.input-type-one:focus{
	border-color: #FFF !important;
}

.input-type-one:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #212121;
    -webkit-text-fill-color: #FFF;
}

.submit-btn-one{
	width: 100%;
	height: 50px;
	background-color: #131313;
	color: #ffbf25;
	cursor: pointer;
}

.submit-btn-one:hover{
	background-color: #ffbf25;
	color: #131313;
}

/* Checkboxes */

.checkbox-type-one{
	display: block;
	position: relative;
	cursor: pointer;
	padding-left: 25px;
}

.checkbox-type-one input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkbox-type-one .checkmark{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: solid 1px #ffbf25;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.checkbox-type-one input:checked ~ .checkmark{
	background-color: #ffbf25;
}

.checkbox-type-one input:checked ~ .checkmark::after {
	content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
  	height: 10px;
  	border: solid #000;
  	border-width: 0 2px 2px 0;
  	transform: rotate(45deg);
  }

.checkbox-type-one.disabled{
  	color: #d5d5d5 !important;
  	text-decoration: line-through;
}

.checkbox-type-one input:disabled ~ .checkmark{
	border-color: #d5d5d5;
}

/* Radio Buttons */

.radio-type-one{
	display: block;
	position: relative;
	cursor: pointer;
	padding-left: 25px;
}

.radio-type-one input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio-type-one .checkmark{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: solid 1px #ffbf25;
	border-radius: 100%;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.radio-type-one input:checked ~ .checkmark{
	background-color: #ffbf25;
}

.radio-type-one.disabled{
  	color: #d5d5d5 !important;
  	text-decoration: line-through;
}

.radio-type-one input:disabled ~ .checkmark{
	border-color: #d5d5d5;
}

/* -------------------------
		   BUTTONS
   ------------------------- */

.only-btn{
	border: solid 1px #ffbf25;
	display: table;
	padding: 0 30px;
	line-height: 40px;
	cursor: pointer;
	-webkit-transition: color .2s ease-in-out,background .2s ease-in-out, box-shadow .2s ease-in-out !important;
	-moz-transition: color .2s ease-in-out,background .2s ease-in-out, box-shadow .2s ease-in-out !important;
	-o-transition: color .2s ease-in-out,background .2s ease-in-out, box-shadow .2s ease-in-out !important;
	-ms-transition: color .2s ease-in-out,background .2s ease-in-out, box-shadow .2s ease-in-out !important;
	transition: color .2s ease-in-out,background .2s ease-in-out, box-shadow .2s ease-in-out !important;
}

.only-btn:hover{
	background-color: #ffbf25;
	color: #000 !important;
}

.only-btn i{
	font-weight: bold;
	color: #ffbf25;
}

.only-btn-2{
	display: block;
	font-size: 16px;
	min-width: 40px;
	text-align: center;
	line-height: 45px;
	padding: 0 5px;
	border: solid 1px #323232;
	cursor: pointer;
	-webkit-transition: border-color .3s,color .3s ease-in-out, box-shadow .2s ease-in-out !important;
	-moz-transition: border-color .3s,color .3s ease-in-out, box-shadow .2s ease-in-out !important;
	-o-transition: border-color .3s,color .3s ease-in-out, box-shadow .2s ease-in-out !important;
	-ms-transition: border-color .3s,color .3s ease-in-out, box-shadow .2s ease-in-out !important;
	transition: border-color .3s,color .3s ease-in-out, box-shadow .2s ease-in-out !important;
}

.only-btn-2:hover{
	border-color: #FFF;
}

.only-btn-2 a{
	transition: none;
}

#page-numbers .only-btn-2{
	float: left;
	margin-right: 15px;
}

#page-numbers .only-btn-2:last-child{
	margin-right: 0;
}

#page-numbers .only-btn-2.active{
	color: #ffbf25;
}

.close-btn{
	color: #FFF;
	border: none;
	top: 20px; right: 20px;
	position: absolute;
	padding: 5px;
}

.close-btn::before{
	font-family: 'onlyicon';
	content: "\e922";
}

.close-btn:hover{
	color: #b0b0b0;
}

.more-btn::after{
	content: "\e905";
	font-family: 'onlyicon';
	font-size: 14px;
	font-weight: bold;
	float:right;
	margin-left: 15px;
	letter-spacing: 0;
	color: #ffbf25;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

.more-btn:hover::after{
	color:#000;
}

/* -------------------------
		   WIDGETS	
   ------------------------- */

.widget-type-one{
	margin-bottom: 35px;
	position: relative;
}

.widget-type-one:last-child{
	margin-bottom: 0;
}

.widget-type-one  .header-type-one{
	border-bottom: solid 1px #323232;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.widget-type-one ul li{
	position: relative;
	margin-top: 15px;
}

.widget-type-one ul li:hover{
	color: #ffbf25;
}

.widget-type-one .widget-list li{
	padding-left: 25px;
}

.widget-type-one .widget-list li::before{
	content: '';
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	border: solid 2px #ffbf25;
	margin: 4px 10px 0 0;
}

.widget-type-one .search-form{
	position: relative;
}

.widget-type-one .search-form button[type='submit']{
	position: absolute;
	right: 0; top: 0;
	width: 50px;
	height: 100%;
	background-color: #FFF;
	font-size: 18px;
	color: #000;
}

.widget-type-one .search-form input[type="text"]:focus + button[type="submit"]{
	background-color: #ffbf25;
}

.widget-type-one .tag-list{
	display: inline-block;
}

.widget-type-one .tag-list li{
	float: left;
	display: inline-block;
	padding: 5px 4px;
	margin:0 3px 10px 0;
}

.widget-type-one .tag-list li:last-child{
	margin-right: 0;
}

/* -------------------------
		   CAROUSELS	
   ------------------------- */

.owl-prev-type-one,.owl-next-type-one{
	position: absolute;
	width: 30px;
	height: 30px;
	padding:0;
	line-height: 30px;
	text-align: center;
	top: 50%;
	font-size: 16px;
	cursor: pointer;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #d5d5d5;
}

.owl-prev-type-one{
	left: -30px;
}

.owl-next-type-one{
	right: -30px;
}

.owl-prev-type-one:hover,.owl-next-type-one:hover{
	color: #a0a0a0;
}

.owl-prev-type-two,.owl-next-type-two{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 105px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
	color: #d5d5d5;
	border: none;
}

.owl-prev-type-two{
	left: 15px;
}

.owl-next-type-two{
	right: 15px;
}

/* -------------------------
		COMMENTS & SHARE
   ------------------------- */

#comment-list ul li{
	position: relative;
	padding-left: 100px;
	min-height: 80px;
	margin-top: 30px;
}

#comment-list .comment-info{
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 14px;
}

#comment-list .author-img{
	position: absolute;
	left: 0; top: 0;
	width: 80px;
	height: 80px;
}

#comment-list .reply-btn{
	float: right;
	font-weight: 500;
	color: #ffbf25;
}

#comment-list .toggle-replies{
	display: inline-block;
	cursor: pointer;
	margin-top: 5px;
	font-weight: 500;
	font-size: 14px;
}

#comment-list .toggle-replies::after{
	font-family: 'onlyicon';
	content: "\e908";
	margin-left: 5px;
}

#leave-comment{
	margin-top: 20px;
}

#leave-comment .header-type-one{
	margin-bottom: 20px;
}

#leave-comment .comment-note{
	margin-bottom: 10px;
	color: #b0b0b0;
}

#comment-form-rating{
	display: inline-block;
	margin-bottom: 20px;
}

#comment-form-rating .stars{
	font-family: 'onlyicon';
	font-size: 16px;
	letter-spacing: 0;
}

#comment-form-rating p.stars a {
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    text-decoration: none;
    padding: 0 10px;
    float: left;
    color: #b0b0b0;
}

#comment-form-rating .stars a::before{
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-indent: 0;
	content: "\e935";
}

#comment-form-rating p.stars.selected a.active , #comment-form-rating p.stars.selected a:not(.active){
	color: #ffbf25;
}

#comment-form-rating p.stars a:hover{
	color: #FFF;
}

#comment-form-rating p.stars.selected a.active~a{
	color: #b0b0b0;
}

#comment-form-rating select{
	display: none;
}

#share-block .share-item{
	float: left;
	margin-right: 15px;
}

#share-block .share-item:last-child{
	margin-right: 0;
}

/* ==================== LAYOUT ==================== */

/* -------------------------
		  PRELOADER	
   ------------------------- */

#onlypreLoader{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	background-color: #131313;
	z-index: 9999999;
}

#prePercent{
	position: absolute;
	left: 50%; top:50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 50px;
	color: #b0b0b0;
}

#preprogress{
	position: absolute;
	left: 0; bottom: 0;
	width: 100%;
	height: 5px;
	background-color: #131313;
	border-radius: 0;
}

#preprogress .progress-bar{
	background-color: #ffbf25;
}

/* -------------------------
			HEADER	
   ------------------------- */

/* TopBar - Begin */

#topBar{
	line-height: 45px;
	color: #191919;
	background-color: #ffbf25;
}

.top-bar-box{
	float: left;
	padding: 0px 20px;
	border-right: solid 1px #ffb608;
	-webkit-transition: color .2s ease-in-out,background .2s ease-in-out;
	-moz-transition: color .2s ease-in-out,background .2s ease-in-out;
	-o-transition: color .2s ease-in-out,background .2s ease-in-out;
	-ms-transition: color .2s ease-in-out,background .2s ease-in-out;
	transition: color .2s ease-in-out,background .2s ease-in-out;
}

.top-bar-box:first-child{
	border-left: solid 1px #ffb608;
}

#lang-block a{
	display: table;
}

#lang-block .dropdown-toggle{
	padding: 0 20px 0 50px;
	cursor: pointer;
}

#lang-block img{
	position: absolute;
	left: 20px;
	top: 16px;
	width: 20px;
	height: auto;
	border-radius: 3px;
}

#lang-block .dropdown-menu{
	font-size: 13px;
	margin-top: 2px;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: #ffbf25;
}

#lang-block .dropdown-item{
	position: relative;
	padding: 0 20px 0 50px;
	-webkit-transition: color .2s ease-in-out,background .2s ease-in-out;
	-moz-transition: color .2s ease-in-out,background .2s ease-in-out;
	-o-transition: color .2s ease-in-out,background .2s ease-in-out;
	-ms-transition: color .2s ease-in-out,background .2s ease-in-out;
	transition: color .2s ease-in-out,background .2s ease-in-out;
}

.top-bar-box:hover,#lang-block .dropdown-item:hover{
	background-color: #ffb608;
	color: #FFF;
}

.top-bar-contact-info{
	float: left;
	margin-right: 50px;
	-webkit-transition: color .2s ease-in-out;;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.top-bar-contact-info:hover{
	color: #FFF;
}

.top-bar-contact-info:last-child{
	margin-right: 0;
}

.top-bar-contact-info i{
	margin-right: 15px;
}

/* TopBar - End */

/* Navbar - Begin */

#primary-header{
	position: fixed;
	top: 0; left: 0; right: 0;
	background: #191a1f;
	z-index: 9999;
	border-bottom: solid 1px #1c1d23;
}

.logo-header{
	display: table;
	padding: 15px 15px;
	font-size: 30px;
	font-weight: 400;
}

.logo-header img{
	max-width: 100px;
	max-height: 80px;
}

#primary-navbar a{
	width: 100%;
	display: inline-block;
}

#primary-navbar > li{
	float: left;
	padding: 0 20px;
	cursor: pointer;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

#primary-navbar > li:first-child{
	padding-left: 0;
}

#primary-navbar > li:last-child{
	padding-right: 0;
}

#primary-navbar > .nav-dropdown > span::after,#primary-navbar > .nav-dropdown > a::after{
	font-family :'onlyicon';
	content: "\e908";
	margin-left: 8px;
}

#primary-navbar .nav-dropdown{
	position: relative;
	z-index: 10;
}

#primary-navbar .dropdown-content{
	position: absolute;
	display: table;
	margin-left: -10px;
	padding-bottom: 5px; /* We prevent the disappearance of the menu in small mouse movements. */
	color: #FFF;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s .2s,opacity .2s ease-in-out;
	-moz-transition: visibility 0s .2s,opacity .2s ease-in-out;
	-o-transition: visibility 0s .2s,opacity .2s ease-in-out;
	-ms-transition: visibility 0s .2s,opacity .2s ease-in-out;
	transition: visibility 0s .2s,opacity .2s ease-in-out;
}

#primary-navbar .dropdown-content ul{
	width: 200px;
	background-color: #1c1d23;
	border-top: solid 1px #191919;
}

#primary-navbar .dropdown-content li{
	position: relative;
	line-height: 20px;
	word-wrap: break-word;
	border-bottom: solid 1px #191919;
}

#primary-navbar .dropdown-content li a{
	padding: 13px 30px;
}

.dropdown-content .subMenuIcon{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

#primary-navbar .dropdown-content ul > li:hover{
	background-color: #191919;
	color: #d5d5d5;
}

#primary-navbar .dropdown-content .dropdown-content{
	padding-top: 5px; /* We prevent the disappearance of the menu in small mouse movements. */
	top: -6px; /* It was used to remove the slip caused by the borders. */ 
	left: 200px;
	margin-left: 0;
	padding-left: 2px;
	background-color: rgba(0,0,0,0);
}

#primary-navbar .nav-dropdown:hover >.dropdown-content{
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}

#primary-navbar .active,#primary-navbar > li:hover{
	color: #ffbf25 !important;
}

/* Open Left Sub Menu */

#primary-navbar > li:last-child.open-left > .dropdown-content{
	right: 0; /* If the submenu is opened below the last heading and to the left, the right space is not given. */
}

#primary-navbar .open-left >.dropdown-content{
	margin-left: 0;
	right: 20px;
}

#primary-navbar .open-left > .dropdown-content .dropdown-content{
	left: -202px;
	padding-left: 0;
	padding-right: 2px;
}

#primary-navbar .open-left .subMenuIcon{
	left: 10px;
}

/* Seconder Header */

#seconder-header{
	position: absolute;
	width: 100%;
	height: 60px;
	top: 0;
	z-index: 100000;
	background-color: #191919;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: height .5s ease,background-color .3s ease;
	-moz-transition: height .5s ease,background-color .3s ease;
	-o-transition: height .5s ease,background-color .3s ease;
	-ms-transition: height .5s ease,background-color .3s ease;
	transition: height .5s ease,background-color .3s ease;
}

#seconder-header.active{
	height: 100%;
	background-color: #000;
	overflow-y: scroll;
}

#seconder-header .top-content{
	position: relative;
	z-index: 1000;
	height: 60px;
	top: 0;
}

#seconder-header .logo-header{
	padding: 15px;
	font-size: 20px;
}

#seconder-header .logo-header img{
	max-height: 30px;
	max-width: 110px;
	margin: 0 auto;
}

/* Menu Icon Style & Animation */

#menu-icon{
	width: 30px;
	height: 17px;
	left: 15px;
	cursor: pointer;
	box-sizing: content-box;
}

#menu-icon .icon-bar{
	position: absolute;
	width: 22px;
	height: 1px;
	left: 4px;
	background-color: #FFF;
	-webkit-transition: transform .2s ease,opacity .2s ease .2s,top .2s ease .2s;
	-moz-transition: transform .2s ease,opacity .2s ease .2s,top .2s ease .2s;
	-o-transition: transform .2s ease,opacity .2s ease .2s,top .2s ease .2s;
	-ms-transition: transform .2s ease,opacity .2s ease .2s,top .2s ease .2s;
	transition: transform .2s ease,opacity .2s ease .2s,top .2s ease .2s;
}

#menu-icon .icon-bar:first-child{
	top: 2px;
}

#menu-icon .icon-bar:last-child{
	top: 14px;
}

#menu-icon .icon-bar:nth-child(2),#menu-icon.active .icon-bar:first-child,#menu-icon.active .icon-bar:last-child{
	top: 8px;
}

#menu-icon.active .icon-bar:first-child{
	transform: rotate(-45deg);
}

#menu-icon.active .icon-bar:last-child{
	transform: rotate(45deg);
}

#menu-icon.active .icon-bar:nth-child(2){
	opacity: 0;
}

#menu-icon.active .icon-bar{
	/*Animation order is changed */
	-webkit-transition: top .2s ease,opacity .2s ease,transform .2s ease .2s;
	-moz-transition: top .2s ease,opacity .2s ease,transform .2s ease .2s;
	-o-transition: top .2s ease,opacity .2s ease,transform .2s ease .2s;
	-ms-transition: top .2s ease,opacity .2s ease,transform .2s ease .2s;
	transition: top .2s ease,opacity .2s ease,transform .2s ease .2s;
}

#seconder-header .search-button{
	right: 15px;
	cursor: pointer;
}

#seconder-navbar{
	position: relative;
	display: table;
	width: 70%;
	max-width: 70%;
	margin: 0 auto;
	padding: 20px 15px;
	color: #b0b0b0;
}

#seconder-navbar li{
	cursor: pointer;
}

#seconder-navbar li > a,#seconder-navbar .dropdown-collapse{
	position: relative; /* For SubMenuIcon */
	display: block;
	word-break: break-all;
	width: 100%;
	padding: 30px 20px 10px 0;
	border-bottom: solid 1px #b0b0b0;
	-webkit-transition: color .2s ease-in-out,border-color .2s ease-in-out !important;
	-mos-transition: color .2s ease-in-out,border-color .2s ease-in-out !important;
	-o-transition: color .2s ease-in-out,border-color .2s ease-in-out !important;
	-ms-transition: color .2s ease-in-out,border-color .2s ease-in-out !important;
	transition: color .2s ease-in-out,border-color .2s ease-in-out !important;
}

#seconder-navbar .dropdown-collapse::after{
	content: "\e908";
	font-family: 'onlyicon';
	position: absolute;
	top: calc(50% + 10px);
	right: 2px;
	transform: translateY(-50%);
}

#seconder-navbar .dropdown-collapse a{
	display: block;
	width: 95%;
	margin-top: -30px;
	margin-bottom: -10px;
	padding-top: 30px;
	padding-bottom: 10px;
}

#seconder-navbar .nav-dropdown li{
	width: 88%;
	margin-left: 12%;
	color: #b0b0b0;
}

#seconder-navbar li:hover>a,#seconder-navbar li:hover>.dropdown-collapse{
	color: #FFF;
	border-color: #FFF; 
}

#seconder-navbar li.active>a,#seconder-navbar li.active>.dropdown-collapse,#seconder-lang-block .dropdown-collapse,#seconder-lang-block a{
	color: #ffbf25 !important;
	border-color: #ffbf25 !important;
}

/* Navbar - End */

/* -------------------------
			FOOTER
   ------------------------- */

footer{
	background-color: #191a1f;
	border-top: solid 2px #ffbf25;
	line-height: 28px;
}

footer .footer-obj{
	padding-top: 35px;
	padding-bottom: 35px;
}

footer .header-type-one{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 1px #323232;
}

#useful-links li{
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
}

#useful-links li::before{
	position: absolute;
	left: 15px;
	content: ">>";
	width: 10px;
	height: 10px;
	color: #ffbf25;
}

#useful-links a:hover{
	color: #ffbf25;
}

#footer-contact li{
	margin-bottom: 15px;
}

footer li:last-child{
	margin: 0 !important;
}

#newsletter{
	position: relative;
}

#newsletter input{
	background-color: #131313;
	width: 100%;
	height: 40px;
	padding: 5px 60px 5px 10px;
	margin-bottom: 20px;
	border-radius: 0;
}

#newsletter button{
	position: absolute;
	width: 50px;
	height: 40px;
	background-color: #ffbf25;
	right: 0; top: 0;
}

#newsletter button:hover{
	background-color: #ffb608;
}

#footer-social{
	margin-top: 20px;
}

#footer-social li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#footer-social .only-btn-2{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
}

#signature-hr{
	width: 100%;
	border-color: #212121;
	margin: 0;
}

/* -------------------------
		 SUBPAGE HEADER	
   ------------------------- */

#subpage-header{
  	width: 100%;
  	padding: 50px 0;
}

#subpage-header h1{
  	font-size: 40px;
  	margin-bottom: 5px;
}

#page-way{
	margin-top: 15px;
}

#page-way a:hover{
  	color: #ffbf25;
}

#page-way a::after{
  	content: "/";
  	color: #FFF !important;
  	margin: 0 7px 0 10px;
}

/* -------------------------
		SEARCH MODAL
   ------------------------- */

#search form{
	position: relative;
	width: 70%;
	margin: 0 auto;
}

#search input{
	border-bottom: solid 1px #FFF;
	padding-bottom: 10px;
	width: 100%;
}

#search button[type="submit"]{
	position: absolute;
	top: -2px; right: 0px;
	font-size: 16px;
	color: #FFF;
}

#search button:hover{
	color: #b0b0b0;
}

/* ==================== PAGES ==================== */

/* -------------------------
		   HOME PAGE	
   ------------------------- */

/* Revolution Slider - Begin */

.tparrows,.tparrows:hover{
	background :none;
}
.tparrows::before{
	font-size: 16px;
	color: #FFF;
	display: block;
	line-height: 40px;
	text-align: center
}

/* Revolution Slider - End */

/* Mini Text Blocks - Begin */

#mini-texts{
	padding: 0;
	background-color: #131313;
}

.mini-text-block{
	padding: 50px 15px;
	text-align: center;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	-ms-transition: background .2s linear;
	transition: background .2s linear;
	overflow: hidden;
}

.hovermq .mini-text-block:hover{
	background-color: #212121;
}

.mini-text-block .mini-text-icon{
	font-size: 45px; /* For font icons */
	color: #ffbf25;
}


.mini-text-block img.mini-text-icon{
	max-height: 50px;
	max-width: 150px;
}

.mini-text-block .header-type-one{
	margin: 27px 0 16px 0;
}

/* Mini Text Blocks - End */

/* About Us - Begin */

#about{
	background-color: #191919;
	background-size: cover;
}

.about-detail{
	padding-top: 19px;
	padding-bottom: 25px;
}

.statistic-block{
	width: 100%;
	font-size: 14px;
	padding: 15px;
	margin-top: 40px;
	background-color: #131313;
}

.statistic-icon img{
	max-height: 50px;
	margin-right: 25px;
}

.statistic-icon i{
	font-size: 40px;
	margin-right: 25px;
}

.statistic-name::first-letter{
	font-size: 16px;
}

.statistic-block .count-to{
	margin-top: 2px;
	font-size: 18px;
}

#about .cover-img-container{
	position: absolute;
	width: calc(100% - 50px);
	right: 15px;
}

/* About Us - End */

/* Our Services - Start */

#our-services-slide-version #service-selection-carousel{
	margin-bottom: 50px;
}

#service-selection-carousel .owl-stage-outer{
	border: solid 1px #191919;
}

.service-selection-item{
	height: 100px;
	font-size: 16px;
	border-right: solid 1px #191919;
    -webkit-transition: color .2s ease,background .2s ease;
    -moz-transition: color .2s ease,background .2s ease;
    -o-transition: color .2s ease,background .2s ease;
    -ms-transition: color .2s ease,background .2s ease;
	transition: color .2s ease,background .2s ease;
	cursor: pointer;
}

.hovermq .service-selection-item:hover,.service-selection-item.active{
	background-color: #191919;
	color: #ffbf25;
}

.service-selection-item .content{
	display: table;
	height: 100%;
	margin: 0 auto;
}

.service-selection-item .content .service-icon{
	font-size: 40px;
	color: #ffbf25;
	margin-right: 20px;
}

.service-selection-item .content img{
	max-width: 40px;
	max-height: 40px;
	margin-right: 20px;
	width: auto !important; /* Changed owl-carousel default */
}

#our-services-slide-version .owl-item{
	background-color: #212121;
}

#service-carousel .cover-img-container{
	position: absolute;
	width: calc(100% - 50px); /* Since the position is absolute, the difference of 35px is added to the left 15px padding value. */
}

#our-services-slide-version .service-detail{
	padding-top: 25px;
	padding-bottom: 25px;
}

.service-header{
	display: block;
	width: 100%;
	word-break: break-all;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	color:#ffbf25 !important;
}

.service-header::first-letter{
	color: #FFF;
}

.service-detail .only-btn{
	margin-top: 28px;
}

.service-desc-list{
	margin-top: 20px;
}

.service-desc-list li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
}

.service-desc-list li::before{
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
	float: left;
	width: 8px;
	height: 8px;
	background-color: #ffbf25;
}

/* Our Services - End */

/* Latest Works - Start */

#latest-works{
	background-color: #131313;
}

#latest-works hr{
	width: 100px;
	border: solid 1px #212121;
	margin: 20px auto 0 auto;
}

#latest-works .only-btn{
	margin: 0 auto;
}

#latest-works #primary-portfolio-filter{
	margin: 0 auto 40px auto;
}

/* Latest Works - End */

/* Testimonials - Start */

#testimonials{
	background-image: url('../img/testimonials-bg.jpg');
	background-size: cover;
	background-position: center center;
}

#testimonials-carousel blockquote{
	margin-top: 20px;
	position: relative;
	width: calc(100% - 20px);
	background-color: rgba(0,0,0,0.6);
	float: right;
	padding: 25px 15px;
}

#testimonials-carousel blockquote::before{
	position: absolute;
	font-family: 'onlyicon';
	content: "\e928";
	width: 40px;
	height: 40px;
	top: -20px;
	left: -20px;
	background-color: #ffbf25;
	text-align: center;
	line-height: 40px;
}

#testimonials-carousel .author{
	color: #ffbf25;
	float: right;
	margin-right: 5px;
}

#testimonials-carousel .owl-dots{
	display: table;
	margin: 30px auto 0 auto;
}

#testimonials-carousel .owl-dot{
	float: left;
	padding: 10px 0;
	margin-right: 10px;
}

#testimonials-carousel .owl-dot:last-child{
	margin-right: 0;
}

#testimonials-carousel .owl-dot span{
	display: block;
	width: 20px;
	height: 2px;
	background-color: #FFF;
}

#testimonials-carousel .owl-dot.active span{
	background-color: #ffbf25;
}

/* Recent News - Start */

#recent-news{
	background-color: #FFF;
	color: #000;
}

#news-carousel .owl-item{
	background-color: #FFF;
}

#recent-news p{
	color: #323232;
}

.news-image{
	position: relative;
	width: 100%;
	height: 250px;
}

.news .content{
	padding: 0 2px;
}

.news-header{
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-top: 22px;
}

.news-detail{
	margin-top: 5px;
}

.news hr{
	margin: 12px 0 10px 0;
	border-color: #eeeeee;
}

/* Recent News - End */

/* Our Partners - Start */

#partners{
	background-color: #fbfbfb;
	color: #191919;
}

#partners .carousel-wrapper{
	padding: 0 45px;
}

#partners .carousel-type-one-item{
	display: table;
	height: 60px;
	margin: 0 auto;
}

#partners .carousel-type-one-item img{
	width: auto !important; /* Changed owl-carousel default */
	max-height: 60px;
	max-width: 120px;
}

/* Our Partners - End */

/* -------------------------
		ABOUT US PAGE	
   ------------------------- */

#aboutus-text{
	background-color: #131313;
}

#about-say{
	background-color: #ffbf25;
}

.say-block{
	color: #000;
	font-size: 30px;
	text-align: center;
}

#about-say .said {
	display: inline-block;
	color: #323232;
	font-size: 18px;
}

#about-say .said::before{
	content: "";
	display: block;
	margin:15px auto 15px auto;
	width: 50px;
	height: 1px;
	background-color: #323232;
} 

#about-company .cover-img-container{
	height: 300px;
	margin-bottom: 20px;
}

#about-company .header-type-one{
	margin-bottom: 10px;
}

#about-company .text-block{
	padding: 0 3px;
}

/* -------------------------
	  OUR SERVICES PAGE	
   ------------------------- */

#our-services .service-section{
	position: relative;
	margin: 0;
	padding: 0;
}

#our-services .relative-img{
	position: absolute;
	padding: 0;
	height: 100%;
}

#our-services .service-detail{
	padding: 50px 0;
}

#our-services .service-section:nth-child(even){
	background-color: #191919;
}

#our-services .service-section:nth-child(even) .relative-img{
	right: 0;
}

#our-services .service-section:nth-child(odd) .relative-img{
	left: 0;
}

#single-service main{
	padding-right: 35px;
}

#single-service .post{
	border: none;
	padding-bottom: 0;
}

#service-sidebar ul li{
	background-color: #191919;
	margin-bottom: 10px;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-ms-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
}

#service-sidebar ul li:hover{
	background-color: #ffbf25;
	color: #000;
}

#service-sidebar ul li a{
	display: block;
	width: 100%;
	padding: 20px 10px;
}

.download-block a{
	line-height: 25px;
}

.download-block::before{
	content: "\e92a";
	position: absolute;
	font-family: 'onlyicon';
	font-size: 25px;
	top: 50%; right: 10px;
	transform: translateY(-50%);	
}

/* -------------------------
		   PROJECTS
   ------------------------- */

#projects-content .container-fluid, #projects-content .container-fluid .portfolio-item,#without-space .portfolio-item{
	padding: 0;
}

#projects-content .container-fluid .work,#without-space .work{
	margin: 0;
}

#without-space{
	padding: 0 30px;
	margin-bottom: 30px;
}

#primary-portfolio-filter li{
	float: left;
	padding: 5px 20px;
	cursor: pointer;
	border-bottom: solid 1px transparent;
}

#primary-portfolio-filter li:last-child{
	margin-right: 0;
}

#primary-portfolio-filter li:hover{
	color: #ffbf25;
}

#primary-portfolio-filter li.active{
	color: #ffbf25;
	border-color: #ffbf25 !important;
}

#projects-content #primary-portfolio-filter{
	margin: 25px 0;
	border-bottom: solid 1px #323232;
}

#projects-content #primary-portfolio-filter li{
	margin-bottom: -1px;
	padding-bottom: 15px;
}

#seconder-portfolio-filter{
	position: relative;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	margin-bottom: 20px;
}

#projects-content #seconder-portfolio-filter{
	margin-top: 10px;
}

#seconder-portfolio-filter .active-portfolio{
	position: relative;
	color: #ffbf25;
	border-bottom: solid 1px #ffbf25;
}

#seconder-portfolio-filter .active-portfolio::after{
	position: absolute;
	line-height: 1;
	content: "\e908";
	font-family: 'onlyicon';
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

#seconder-portfolio-filter ul li:hover{
	color: #b0b0b0;
}

#seconder-portfolio-filter ul li.active{
	display: none;
}

#seconder-portfolio-filter li, #primary-portfolio-filter li{
	-webkit-transition: color .3s ease-in-out,border-color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out,border-color .3s ease-in-out;
	-o-transition: color .3s ease-in-out,border-color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out,border-color .3s ease-in-out;
	transition: color .3s ease-in-out,border-color .3s ease-in-out;
}

.work{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 75%;
	margin-bottom: 30px;
	overflow: hidden;
}

.work .cover-img-container{
	position: absolute;
	top: 0; left: 0;
}

.work img{
	-webkit-transition: transform .5s ease-out;
	-moz-transition: transform .5s ease-out;
	-o-transition: transform .5s ease-out;
	-ms-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
}

.work:hover img{
    transform: scale(1.2);
}

.work-detail{
	position: absolute;
	visibility: hidden;
	display: table;
	width: 100%;
	height: calc(100% + 1px); /* 1px chrome was used to fix the cropped display in the browser. */
	top: 0; left: 0;
	padding: 30px 35px;
	margin: auto;
	text-align: center;
	color: #ffbf25 !important;
	font-size: 16px;
	letter-spacing: 0.1em;
	background-color: rgba(0,0,0,0.8);
	visibility: hidden;
	opacity: 0;
	transform: scale(1.2);
	-wekit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
	user-select: none;
	-webkit-transition: visibility 0s .2s,opacity .2s ease-in-out,transform .2s !important;
	-moz-transition: visibility 0s .2s,opacity .2s ease-in-out,transform .2s !important;
	-o-transition: visibility 0s .2s,opacity .2s ease-in-out,transform .2s !important;
	-ms-transition: visibility 0s .2s,opacity .2s ease-in-out,transform .2s !important;
	transition: visibility 0s .2s,opacity .2s ease-in-out,transform .2s !important;
}

.work-detail a{
	display: block;
	margin-top: 20px;
}

.work:hover .work-detail{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition-delay: 0s !important;
}

/* -------------------------
	  	SINGLE PROJECTS
   ------------------------- */

#project-carousel .cover-img-container{
	height: 450px;
}

.project-details{
	background-color: #131313;
	padding: 25px 15px;
	font-size: 14px;
}

.project-details .detail:not(:last-child){
	margin-bottom: 20px;
}

.project-details .title{
	color: #ffbf25;
	border-bottom: solid 1px #212121;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

#project-description{
	padding-bottom: 30px;
	border-bottom: solid 1px #323232;
}

#next-prev-link,#share-and-nav #share-block{
	margin-top: 20px;
}

#next-prev-link .only-btn-2{
	float: left;
	margin-right: 15px;
}

#next-prev-link .only-btn-2:last-child{
	margin: 0;
}

/* -------------------------
	  	  BLOG PAGE
   ------------------------- */

 #blog-content main{
	padding-right: 35px;
	padding-left: 25px;
 }

.post{
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 45px;
	border-bottom: solid 1px #323232;
}

.post:last-child{
	margin-bottom: 0;
}

.post .cover-img-container{
	height: 300px;
}

.post-details{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 70px;
	background-color: #ffbf25;
	line-height: 1;
	text-align: center;
	color: #000;
}

.post-details .detail-block{
	padding: 10px 0;
}

.post-details .detail-block .top{
	color: #FFF;
}

.post-details .post-date .top{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 12px;
}

.post-details .comments-number::before{
	font-family: 'onlyicon';
	content: "\e929";
	display: block;
	color: #FFF;
	font-size: 20px;
	margin-bottom: 10px;
}

.post .only-btn{
	position: absolute;
	bottom: 0; right: 0;
	transform: translateY(50%);
	background-color: #323232;
	border: none;
}

.post .only-btn:hover{
	background-color: #ffbf25;
}

/* -------------------------
	  	BLOG - SINGLE
   ------------------------- */

#blog-content blockquote{
	font-style: italic;
	margin: 20px 0 20px 15px;
	padding-left: 20px;
	border-left: solid 3px #ffbf25;
}

#blog-content .post-text blockquote p{
	color: #cccccc;
}

.post-sub-header{
	font-size: 20px !important;
	color: #ffbf25;
	margin: 25px 0 15px 0;
}

.post-text-list{
	line-height: 28px;
	letter-spacing: 0.1em;
	list-style: disc;
	margin-left: 18px;
}

#single-post{
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#blog-content #comment-list{
	border-top: solid 1px #323232;
	border-bottom: solid 1px #323232;
	margin-top: 30px;
	padding: 20px 0;
}

/* -------------------------
	  	  SHOP PAGE
   ------------------------- */

.shop-item{
	overflow: hidden;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.shop-item .content{
	position: relative;
	display: inline-block;
	border: solid 1px #323232;
	min-height: 100%;
	-webkit-transition: box-shadow .2s ease-in-out;
	-moz-transition: box-shadow .2s ease-in-out;
	-o-transition: box-shadow .2s ease-in-out;
	-ms-transition: box-shadow .2s ease-in-out;
	transition: box-shadow .2s ease-in-out;
}

.shop-item .cover-img-container{
	height: 300px;
	overflow: hidden;
}

.shop-item .cover-img-container img{
	-webkit-transition: transform .4s;
	-moz-transition: transform .4s;
	-o-transition: transform .4s;
	-ms-transition: transform .4s;
	transition: transform .4s;
}

.shop-item .content:hover .cover-img-container img{
    transform: scale(1.12);
}

.sale{
	position: absolute;
	right: 0; top: 0;
	text-align: center;
	padding-top: 20px;
	color: #ffbf25;
	width: 70px;
	height: 70px;
	background: url('../img/bookmark.png');
	background-size: 100% 100%;
	margin-right: 10px;
}

.shop-item .item-info{
	padding: 15px 10px;
}

.shop-item .item-name{
	margin: 3px 0;
	font-size: 18px;
	font-weight: 400;
}

.price{
	color: #ffbf25;
	font-size: 16px;
}

.old-price{
	text-decoration: line-through;
	color: #d5d5d5;
	margin-right: 8px;
}

.shop-item .only-btn{
	margin-top: 12px;
}

#shop-content .item-list-line{
	border-bottom: solid 1px #323232;
	margin-bottom: 30px;
}

#shop-content .custom-select{
	width: auto;
	max-width: 100%;
	height: 35px;
	border: solid 1px #ffbf25;
	border-radius: 0;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/angle-down-white.svg) no-repeat;
    background-position: right 7px center; 
    background-size: 21px 21px;
    color: #FFF;
    padding: 0 35px 0 10px;
    box-shadow: none;
    margin-bottom: 25px;
    float: right;
}

#shop-content .custom-select option{
	color: #000;
}

/* Shop Sidebar (FILTER SECTION) */

#shop-filter{
	padding: 25px 35px 0 0;
	display: block;
}

#price-inputs label:first-child{
	margin-right: 10px;
}

#price-inputs .price-input-wrapper{
	padding: 4px;
	color: #ffbf25;
	background-color: #191919;
	border: solid 1px #131313;
	border-radius: 5px;
}

#price-inputs input{
	color: #ffbf25;
	width: 4em;
}

#price-slider-wrapper{
	padding: 0 4px;
}

#price-slider{
	margin-top: 10px;
	background: none;
	border: none;
}

#price-slider .ui-slider-range{
	background-color: #d5d5d5;
}

#price-slider .ui-slider-handle{
	background-color: #ffbf25;
	border-radius: 100%;
	border: solid 5px #212121;
	width: 25px;
	height: 25px;
	margin-top: -3px;
	outline: none;
	cursor: pointer;
}

#filter-shop input[type="submit"]{
	margin-bottom: 35px;
}

#seconder-filter-block{
	margin-bottom: 30px;
}

#seconder-filter-btn, #seconder-order-btn .custom-select{
	height: 60px;
	background-color: #131313;
	border-radius: 5px;
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    -ms-transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .3s ease-in-out;
}

#seconder-filter-btn{
	display: table;
	text-align: center;
	padding: 0 20px;
	cursor: pointer;
}

#seconder-order-btn .custom-select{
	width: auto;
	margin: 0;
    border: none;
    padding: 0 35px 0 15px;
}

#seconder-order-btn .custom-select option{
	color: #FFF;
	background-color: #131313 !important;
}

#seconder-filter-btn:hover, #seconder-order-btn .custom-select:hover{
	background-color: #191919;
	color: #ffbf25;
}

/* -------------------------
	  	SINGLE PRODUCT
   ------------------------- */

#product-carousel{
	position: relative;
}

#product-carousel .item{
	height: 450px;
}

#product-info{
	padding-top: 10px;
	padding-left: 25px;
}

#product-info .header-type-one{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: solid 1px #323232;
}

#product-info .price{
	font-size: 20px;
	margin-bottom: 10px;
}

.star-rating{
	position: relative;
	overflow: hidden;
	font-family: 'onlyicon';
	font-size: 16px;
	line-height: 1;
	letter-spacing: 5px;
	display: inline-block;
}

.star-rating::before{
	content: "\e935 \e935 \e935 \e935 \e935";
	color: #b0b0b0;
}

.star-rating span{
	position: absolute;
	left: 0; top: 0;
	overflow: hidden;
}

.star-rating span::before{
	content: "\e935 \e935 \e935 \e935 \e935";
	top: 0; left: 0;
	color: #ffbf25;
	padding-top: 1.5em;
}

#product-info .star-rating{
	margin-bottom: 15px;
}

#product-info .product-desc{
	margin-bottom: 20px;
}

#product-info .add-card-form{
	padding-bottom: 20px;
	border-bottom: solid 1px #323232;
}

.quanity input{
	display: inline;
	padding: 5px 10px;
	line-height: 30px;
	background-color:  #323232;
	border: solid 1px #191919;
	border-radius: 3px;
	margin-right: 10px;
}

.product-meta {
	color: #b0b0b0;
	margin-top: 15px;
}

.product-meta .meta{
	margin-top: 10px;
}

.product-meta a:hover{
	color: #FFF;
}

#product-detail #detail-nav{
	display: inline-block;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 10px;
	border-bottom: solid 1px #323232;
}

#detail-nav li a{
	float: left;
	color: #b0b0b0;
	font-size: 14px;
	padding: 0 10px 20px 10px;
	margin-bottom: -1px;
	border-bottom: solid 1px #323232;
	cursor: pointer;
	-webkit-transition: color .2s ease-in-out,border .2s ease-in-out;
	-moz-transition: color .2s ease-in-out,border .2s ease-in-out;
	-o-transition: color .2s ease-in-out,border .2s ease-in-out;
	-ms-transition: color .2s ease-in-out,border .2s ease-in-out;
	transition: color .2s ease-in-out,border .2s ease-in-out;
}

#product-detail #detail-nav li a:hover{
	color: #FFF;
}

#product-detail #detail-nav li a.active{
	color: #ffbf25;
	border-color: #ffbf25;
}

#technical table tr:nth-of-type(odd){
	background-color: #191919
}

#technical table tr:nth-of-type(even){
	background-color: #131313
}

#technical table td, #technical table th{
	border-top: solid 1px #323232;
}

#technical table tr:first-child td, #technical table tr:first-child th{
	border-top: none;
}

#product-detail #comment-list{
	padding-bottom: 30px;
	border-bottom: solid 1px #323232;
}

#product-detail #comment-list ul > li:first-child{
	margin-top: 0;
}

/* -------------------------
		 CONTACT PAGE	
   ------------------------- */

#contact-informations{
	background-color: #131313;
}

.contact-info{
	padding: 15px;
	-webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.contact-info .d-table{
	height: 100%;
}

.contact-info .icon{
	vertical-align: middle;
	padding-right: 20px;
	border-right: solid 1px #191919;
	font-size: 40px;
	color: #ffbf25;
}

.contact-info .info-text{
	padding: 5px 0 5px 15px;
}

#contact-form-map{
	background-color: #191919;
}

#contact-form .input-type-one{
	background-color: #212121;
	border: solid 1px #212121;
}

.map{
	width: 300px;
	height: 100px;
	width: calc(100% - 35px);
	height: 100%;
	float: right;
	background-color: #d5d5d5;
	min-height: 300px;
}

/* -------------------------
	  	   404 PAGE
   ------------------------- */

#notfound{
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-image: url('../img/notfound.jpg');
}

#notfound h1{
	font-size: 130px;
	color: #ffbf25;
	font-weight: 400;
	margin-bottom: 30px;
}

#notfound p{
	font-size: 25px;
}

#notfound a{
	font-size: 16px;
	margin-top: 20px;

}

#notfound form{
	margin-top: 30px;
	margin-bottom: 30px;
}

#notfound button[type='submit']{
	font-size: 18px;
	right: 25px;
	color: #FFF;
	-webkit-transition: border-color .3s,color .3s ease-in-out;
	-moz-transition: border-color .3s,color .3s ease-in-out;
	-o-transition: border-color .3s,color .3s ease-in-out;
	-ms-transition: border-color .3s,color .3s ease-in-out;
	transition: border-color .3s,color .3s ease-in-out;
}

#notfound button[type='submit']:hover{
	color: #ffbf25;
}