/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
/* set image max width to 100% */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear { clear: both; }
input[type="text"], textarea { font-family: 'Lato', sans-serif; font-size: 20px;  color: #fff; padding: 0 10px; width: 100%; box-sizing: border-box; background: none; border: solid 1px #fff; height: 43px; -webkit-border-radius: 5px; border-radius: 5px; }
textarea { height: 115px; }
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 30px; color: #fff; background: url(../images/bg.jpg) scroll; background-position: center top; }
body::before { background: #000000 url(../images/bg.jpg); background-size: cover; position: fixed; overflow-x: hidden; content: ""; display: block; height: 100%; left: 0; top: 0; width: 100%; z-index: -10; }
.container { }
a { color: #b49042; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 1.2em; padding: 0; }
/* list */
ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }
/* headings */
h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; color: #000; }
h1 { font-size: 35px;  text-transform: uppercase; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
/* reset webkit search input styles */
input[type=search] { -webkit-appearance: none; outline: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
 
/************************************************************************************
HEADER
*************************************************************************************/
.top .logo { float: left; padding: 30px 0 0 149px; }
.top { padding: 0 0 43px; position: relative; z-index: 100; }
.sociallinks { float: right; margin: 0; padding: 24px 0 0 0; }
.sociallinks span { padding: 0 30px 0 25px; }
.sociallinks span a { background: #35270b; display: inline-block; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; padding: 13px 25px; font-size: 16px; }
.sociallinks span a:hover { text-decoration: none; background: #45330f; }
.sociallinks ul { margin: 0; padding: 0; display: inline-block; }
.sociallinks li { display: inline-block; list-style: none; padding: 0 2px; }
.sociallinks li a { background: #545454 none repeat scroll 0 0; border-radius: 100%; color: #ffffff; display: inline-block; font-size: 18px; font-weight: bold; height: 36px; line-height: 35px; text-align: center; width: 36px; }
.sociallinks li a:hover { background: #3C3C3C; }
.top .logo a { color: #fff; font-size: 50px; font-style: italic; font-weight: 100; text-transform: uppercase; }
.top .logo a:hover { color: #dcdcdc; text-decoration: none; }
.menu-button span { position: relative; background: #ffffff; display: inline-block; height: 4px; top: 5px; margin: 0 10px 2px 10px; width: 47px; }
.resp-tab-content-active img { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.menu-button span.line { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); position: relative; top: -11px; }
/* =========================================== main*/
.wraaper { max-width: 1440px; margin: 0 auto; }
.main { position: relative; z-index: 99; }
.row-main { position: relative; }
.col-1 { width: 50%; float: left; position: relative; }
.col-1 img { cursor: pointer; float: left; }
/*.col-hover { display: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; height: 100%; left: 0; padding: 75px; position: absolute; top: 0; width: 100%; }*/
.h-main { display: table; position: relative; }
.col-1:hover .col-hover { display: block; }
/*.col-t { background: rgba(137, 110, 89, 0.74); box-shadow: 0 0 120px #604a2f inset; display: table; height: 100%; text-align: center; width: 100%; }*/
/*.col-r { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }*/
.col-1 h2 { color: #ffffff; font-size: 50px; font-style: italic; font-weight: 100; margin: 0 0 38px; padding: 0 0 11px; position: relative; text-transform: uppercase; }
.col-1 h2:after { background: #ffffff; bottom: 0; content: ""; height: 4px; left: 50%; margin: 0 0 0 -62px; position: absolute; width: 110px; }
.col-1 h3 { font-weight: 500; color: #fff; font-size: 50px; text-transform: uppercase; position: relative; padding: 0 0 20px 0; margin: 0 0 0 0; }
.col-1 i { color: #fff; font-size: 47px; }
.col-1.col-2 { position: absolute; right: 0; bottom: 0; }
/*.col-small .col-hover { padding: 46px; }*/
.col-1.col-2 h3 { padding-bottom: 0; }
.right-50 { padding: 50% 0 0 50%; }
.col-hover { z-index: 9; bottom: 0; color: #ffffff; left: 0; opacity: 1; padding-bottom: 3%; position: absolute; right: 0; top: auto; transform: translate(0%, 0%); }
.col-hover { z-index: 9; bottom: auto; color: rgba(0, 0, 0, 0); left: 50%; opacity: 1; padding-bottom: 0; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; }
/*.col-hover:hover{ opacity:1;} */
.top_right { left: 50%; position: absolute; width: 50%; }
/*.top_right:after {
	background: rgba(137, 110, 89, 0.61) none repeat scroll 0 0;
	box-shadow: 0 0 81px #000000 inset;
	content: "";
	display: inline-block;
	height: 80%;
	left: 0;
	margin: 10%;
	position: absolute;
	top: 0;
	width: 80%;
}*/
.img1 { background: url(../images/img1.jpg); }
.img2 { background: url(../images/img2.jpg); }
.img3 { background: url(../images/img3.jpg); }
.img4 { background: url(../images/img4.jpg); }
.img5 { background: url(../images/img5.jpg); }
.img1, .img2, .img3, .img4, .img5 { background-size: cover; float: left; padding-bottom: 100%; width: 100%; }
.col-1 a { margin: 6%; background-position: center top; background-size: cover; bottom: 0; color: rgba(0, 0, 0, 0); cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.2s ease 0s; }
.col-1 a:hover { background-color: rgba(146, 102, 69, 0.76); bottom: 0; box-shadow: 0 0 150px #3d2f1c inset; color: #000000; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.col-hover { opacity: 0; }
.col-1 a:hover .col-hover { opacity: 1; }
.col-25 { width: 25%; }
.col-50.with-rows { width: 50%; float: left; }
.col-50.with-rows .right-bot { margin-top: 50%; width: 50%; }
.right-50-2 { padding: 0 0 0 50%; }
.wow:first-child { visibility: hidden; }
 
/* =========================================== Tab*/ 
@media only screen and (max-width: 780px) {
.demo { margin: 5%; width: 90%; }
.how-use { float: left; width: 300px; display: none; }
}
#tabInfo { display: none; }
.tab-main ul { text-align: center; line-height: normal; }
.tab-main .resp-tab-active { background: none; color: #d5ad43; border: none; }
.tab-main .resp-tab-active::after { bottom: -14px; color: #d5ad43; content: ""; font-family: "FontAwesome"; font-size: 23px; left: 50%; margin: 0; position: absolute; }
.tab-main ul.resp-tabs-list { margin: 0 0 30px; }
.tab-main .resp-tabs-list li { line-height: normal; padding: 0 25px 15px 25px; margin: 0; font-weight: 400; font-size: 20px; position: relative; display: inline-block; float: none; }
.tab-main h1 { text-align: center; color: #fff; margin: 0; padding: 0 0 48px 0; }
.tab-main .resp-tabs-container { background: none; border: none; }
.tab-main .resp-tab-content { border: none; }
.tabText { position: relative; }
.tab-right { position: absolute; top: 40px; right: 40px; background: rgba(0, 0, 0, 0.80); width: 612px; text-align: center; height: 88.5%; }
.tab-t { display: table; width: 100%; height: 100%; text-align: center; }
.tab-t-c { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.tab-right h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 24px;
    text-transform: uppercase;
}
.tab-right p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
    padding: 0 15px 22px;
}
.tab-right ul { margin: 0; padding: 0; }
.tab-right ul li {
    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 29px;
}
/* =========================================== end Tab*/ 

.footer { text-align: center; color: #d4d4d4; font-size: 13px; padding: 44px 0 50px 0; clear: both; position: relative; z-index: 100; }
.footer a { color: #d4d4d4; }
/* =========================================== About Us*/ 
.popup, .popup2, .popup3, .popup4 { display: none; z-index: 9999 !important; top: 10% !important; }
.popup-big-img { position: relative; margin: 0 auto; width: 50%; border: solid 1px #fff; padding: 1%; }
.popup-big-img .b-close { border: 2px solid #d5ad43; border-radius: 100%; color: #d5ad43; font-size: 18px; height: 30px; line-height: 24px; position: absolute; right: 7px; text-align: center; top: 9px; width: 30px; }
.omgDiv { padding: 20px; background: rgba(52, 38, 11, 0.50); margin: 0 0 10px 0; }
.omgDiv img { float: left; margin: 0 25px 0 0; }
.omgDiv h2 { margin: 0; padding: 0 0 35px 0; color: #fff;  font-size: 35px; text-transform: uppercase; }
.omgDiv p { margin: 0; padding: 0 0 45px 0; color: #fff;  font-size: 18px; line-height: 30px; }
.about-popup { background: rgba(52, 38, 11, 0.50); padding: 20px 15px; }
.about-popup ul { margin: 0; padding: 0; }
.about-popup ul li { display: inline-block; list-style: none; margin: 0 3px; padding: 0; }
/* =========================================== Contact Us*/ 

.map-img { border-top: #9d4b39 solid 5px; border-bottom: #9d4b39 solid 5px; margin: 0 0 50px 0; overflow: hidden; }
.map-img img { float: left; width: 100%; }
.contact-div { margin: 0 auto; max-width: 1050px; }
.contactL { float: left; width: 40%; font-size: 25px; color: #fff;  }
.contactL span { display: block; }
.contactL p { margin: 0; padding: 0 0 20px 0; }
.contactL p i { font-size: 30px; display: inline-block; padding-right: 20px; }
.contactL p a { color: #fff;  }
.contactL.contactR { width: 60%; }
.contactR { padding: 0 0 0 80px; box-sizing: border-box; border-left: solid 1px #fff; }
.contactR h2 { margin: 0; padding: 0 0 25px 0; font-size: 35px;  text-transform: uppercase; color: #fff; }
.contactR ul { margin: 0; padding: 0; }
.contactR ul li { margin: 0; font-size: 20px;  padding: 0 0 30px 0; list-style: none; line-height: normal; }
.contactR ul li label { line-height: normal; display: block; padding-bottom: 10px; }
.contactR ul li button { background: #f75448; border: none; text-align: center; display: inline-block; font-weight: bold; font-size: 16px; color: #fff; text-transform: uppercase; min-width: 158px; min-height: 42px; line-height: 42px; padding: 0 10px; box-sizing: border-box; cursor: pointer; }
.contactR ul li button:hover { background: #d3453b; }
.resp-tab-content-active { }
/********************* tab */
 

.tabs-menu { }
.tabs-menu li { /*  height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;*/ }
.tabs-menu li.current { /*  position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;*/ }
.tabs-menu li a { }
.tabs-menu .current a { color: #2e7da3; }
.tab { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; }
.tab-content { display: none; }
.tab-main .resp-tabs-list li a { color: #fff; }
.tab-main .resp-tabs-list li.current a { color: #d5ad43; }
.tab-main .resp-tabs-list li.current a:after { bottom: -17px; color: #d5ad43; content: ""; font-family: "FontAwesome"; font-size: 23px; left: 50%; margin: 0 0 0 -5px; position: absolute; }
#tab-1 { display: block; }
/* end tab */

.close-button { transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out; transform: rotate(0deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
.show-menu .close-button { transform: rotate(360deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
.popp { display: none; }
/* =========================================== blog*/ 

 
.about-main { background: rgba(79, 60, 34, 0.50); padding: 20px; }
.about-l { width: 69%; float: left; }
.bolg-img { position: relative; margin: 0 0 15px 0; }
.bolg-img .bolg-img-link a { background: #f75448; display: inline-block; text-align: center; font-size: 13px; text-transform: uppercase; min-width: 104px; min-height: 42px; color: #fff;  line-height: 42px; }
.bolg-img .bolg-img-link a:hover { background: #d14439; }
.bolg-img .bolg-img-link { position: absolute; bottom: 6px; left: 0; }
.about-l h2 { color: #fff; font-weight: 700; font-size: 22px; padding: 0 0 0 0; margin: 0; }
.about-row { border-bottom: #a99f93 solid 1px; padding: 0 0 25px 0; margin: 0 0 25px 0; }
.about-row ul { margin: 0; padding: 0 0 15px; line-height: normal; }
.about-row ul li { line-height: normal; margin: 0; padding: 0 25px 0 0; list-style: none; display: inline-block; }
.about-row ul li a { font-size: 13px; color: #fff;  }
.about-row ul li i { display: inline-block; padding-right: 5px; }
.about-row p { margin: 0; padding: 0 0 0 0; font-size: 17px; line-height:30px; text-align: justify;}
.about-r { border-left: 1px solid #afa496; float: right; padding: 26px 75px 0 55px; width: 28%; }
.about-r h2 { color: #fff;  font-size: 20px; padding: 0 0 12px 0; margin: 0; }
.about-search { position: relative; }
.about-search input[type="text"] { color: #fff;  font-size: 13px; padding-right: 40px; }
.about-search button { background: none; border: none; font-size: 16px; color: #fff; position: absolute; top: 10px; right: 18px; cursor: pointer; }
.about-r-row { padding: 0 0 30px 0; }
.about-r-row ul { margin: 0; padding: 0 0 0 15px; line-height: normal; }
.about-r-row ul li { line-height: 24px; margin: 0; padding: 0 0 0 0; list-style: none; display: block; }
.about-r-row ul li a { font-size: 16px; color: #fff;  }
.about-search { margin: 15px 0 0 0; }
.about-row.last { border: none; }
/* =========================================== portfolio*/ 
.protfolio-main { margin: 0 auto; max-width: 1120px; }
.example article { float: left; width: 20%; height: 159px; margin: 0 2px 4px; }
.example .item-w2 { width: 40%; }
.example .item-h2 { height: 322px; }
.example .item-h3 { height: 485px; }
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
/****************************************** 2*/
nav.primary { width: auto; margin: 30px auto; display: table; }
nav.primary ul li { float: left; list-style: none; }
nav.primary ul li a { color: #ffffff; display: block; font-size: 20px; padding: 0 25px; text-decoration: none; }
.main { padding: 0; margin: 0; display: block; }
.entry { float: left; position: relative; /*margin:10px;
	cursor:pointer;
	width:225px;
	height:225px;*/
padding: 0; }
.portfolio { margin: 0; }
.magnifier { background: rgba(84, 65, 45, 0.88) url(../images/magnifier.png) no-repeat center; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.video-hover { background: rgba(92, 80, 48, 0.37) url(../images/video.png) no-repeat center; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.entry:hover .video-hover, .entry:hover .magnifier { opacity: 1; }
nav.primary li a { position: relative; }
nav.primary li a.selected:after { bottom: -34px; color: #d5ad43; content: ""; font-family: "FontAwesome"; font-size: 23px; left: 50%; margin: 0 0 0 -5px; position: absolute; }
/****************************************** end 2*/
 
.instagramprofil { font-size: 30px; text-align: center; color: #fff; padding: 20px 0 0 0;  clear: both; }
.instagramprofil a { color: #d5ad43; text-decoration: underline; }