/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css grid system
* Author URI: http://arm-design.com
* Date modified: 20.02.2016
* Version: 1.4
**********************************************/

body {font-family: 'Open Sans', sans-serif; font-size:14px; color:#181818; min-width:320px;}

			.page-wr {opacity:0;}
body.loaded .page-wr {opacity:1;}

.overlay {position: fixed; z-index:998; left:0; top:0; bottom:0; right:0; background:#000; background:rgba(0,0,0,.7);}
.loader {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fff; border-radius: 50%; padding: 15px;}

a {color:#181818; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href^="mailto"] {text-decoration:none;}
a[href^="mailto"]:hover {text-decoration: none;}

.btn {color:#fff;  display:inline-block; padding:10px 20px; font-size:12px; position: relative; border:solid 1px transparent;}
.btn:after {background:#b5985a; height:100%;content:""; position: absolute; left:0; top:0; width:100%; z-index:-1; -webkit-transition: all 0.3s; transition: all 0.3s}
.btn:hover:after {background:#fff; height:1px; opacity:0;}
.btn:hover {color:#b5985a; text-decoration: none; border-color:#b5985a;}

.btn-2 {font-size:11px; border:solid 1px #818486; display:inline-block; padding:10px 20px; background:transparent; position: relative;}
.btn-2:after {background:#fff; height:1px; content:""; position: absolute; left:0; top:0; width:100%; z-index:-1; -webkit-transition: all 0.3s; transition: all 0.3s; opacity:0;}
.btn-2:hover {text-decoration: none; color:#fff; }
.btn-2:hover:after {background:#818486; height:100%; opacity:1;}

p {font-weight:300; line-height:24px; color: #919191; letter-spacing:1px;}
p.lg {font-weight:normal; font-size:19px; line-height:inherit; color:#000; line-height:29px;}

small {color:#b5985a; font-size:11px;}

i.nav-toggle, i.nav-close {display: none;}

h1,h2,h3,h4,h5 {font-weight:normal; letter-spacing:2px;}
h2 {font-size:24px;}
h2.title {margin:0 0 40px;}
h2.title.mp {margin:0 0 100px;}
h4 {font-size:18px; margin:5px 0 15px}

input, textarea{border:none; border-bottom:solid 1px #181818; background: transparent; padding:0 0 10px; width:100%;}
textarea {resize:none; height:120px;}

::-webkit-input-placeholder {color:#b5985a; font-size:10px;}
:-moz-placeholder {color:#b5985a; font-size:10px;}
::-moz-placeholder {color:#b5985a; font-size:10px;}
:-ms-input-placeholder {color:#b5985a; font-size:10px;}

/* Header */
.header {text-align: center; padding:45px 0 0}
	a.logo {margin:0 0 48px; display:inline-block;}

.main-nav {display: inline-block; vertical-align: top; width:100%; max-width:940px; text-align:left; position: relative;}	
.main-nav > ul {list-style:none; margin:0; padding:0; display:table; width:100%; }
.main-nav > ul > li {display:table-cell; padding:5px 10px 40px 30px; position: relative;}
.main-nav ul li a {font-weight:600;}
.main-nav ul li a:hover, .main-nav ul li a.active {color:#b5985a; text-decoration: none;}
.main-nav ul li:hover ul {display: block;}
.main-nav ul ul {display: none; list-style:none; margin:0; padding:0 0 10px; position: absolute; z-index:999; left:0; top:100%; width:100%; background:#fff; box-shadow: 0 6px 8px rgba(0,0,0,.16);}
.main-nav ul ul li { white-space:nowrap; letter-spacing:1px;}
.main-nav ul ul li a {font-size:11px; padding:12px 20px 12px 30px;display: block;}
.main-nav ul ul li:hover {background:#efefef; }
.main-nav ul ul li:hover a {color:#181818;}

.main-nav ul li.search-li-cont button {background:none; border:none;}
.main-nav ul li.search-li-cont input {display: none; padding:2px; position: absolute; top:3px; right:60px; background:#fff; min-width: 155px;}
.main-nav ul li.search-li-cont form.active input {display: block;}

/* Slider */
.slider {overflow:hidden;}
.slider h1 {font-size:46px; margin:0; color:#b5985a; font-weight:normal;}
.slider.single h1 {color:#fff;}
.slider p {color:#fff; font-size:24px; line-height: initial;}
.slider a.read-more {background:transparent; margin-top:50px; display:inline-block; min-width:250px; padding:10px; font-size: 12px;}
.slider a.read-more:after {height:100%; background:#fff; opacity:1;}
.slider a.read-more:hover {text-decoration: none;}
.slider a.read-more:hover:after {height:1px; opacity:0;}
.slider ul.slides li {position: relative;}
.slider .slide-content {position: absolute; width:100%; max-width:1140px; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}

section {text-align: center;}
section.wp {padding:125px 0 115px;}
section.wsp {padding:60px 0;}
section.wbp {padding:0 0 125px;}
section.article-slider-container {position: relative; overflow:hidden;}
.tal {text-align:left;}

.video {max-height:600px; overflow:hidden; position: relative;}
.video video {width:100%;}
	i.toggle-video {font-size:80px; position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); cursor: pointer; color:#000; z-index:30;}
	i.toggle-video.flaticon-circle {opacity:0;}
.video:hover i.toggle-video.flaticon-circle {opacity:1;}	

[class*='list-'] {list-style:none; margin:0; padding:0; display:inline-block; width:100%; vertical-align: top;}
[class*='list-'] li {display:inline-block; vertical-align: top;}

.list-4 > li {width:25%; float:left; padding:0 15px;}
.list-4 > li > i {color:#b5985a; font-size:25px;}

.list-3 li{width:33%; float:left; padding:15px; text-align:left;}
.list-3 li > img {margin:25px 0 25px;}
.list-3 li a.read-more {padding:10px 20px 10px 0; display:inline-block; border:solid 1px transparent; font-size:11px;}
.list-3 li a.read-more:hover {border-color:#818486; text-decoration: none; padding-left:20px;}

.service-list.list-4 {margin-top:70px;}
.service-list.list-4 li:first-child, .service-list.list-4 li:last-child {width:calc(25% - 15px);}
.service-list.list-4 li:first-child {padding-left:0;}
.service-list.list-4 li:last-child {padding-right:0;}
.service-list.list-4 > li h4 {font-size:14px; margin:20px 0 25px}
.service-list.list-4 > li p {font-weight:300; color:#919191;}

a.read-more {margin-top:15px; font-size:11px; border:solid 1px #818486; display:inline-block; padding:10px 20px; position: relative;}
a.read-more:after {content:""; position: absolute; left:0; top:0; height:1px; opacity:0; width:100%; background:#818486; z-index:-1; -webkit-transition: all 0.3s; transition: all 0.3s;}
a.read-more:hover {text-decoration: none; color:#fff;}
a.read-more:hover:after {height:100%; opacity:1;}

.service-list li > h4 + span {font-weight:300; position: relative; top: -17px;}

.service-block-list {margin:0 0 115px;}
.service-block-list li {padding:0; position: relative;}
.service-block-list li:hover > a, .block-list-3 li:hover > div > a, .news-list-lg li:hover .img-wr:after {-webkit-transform:scale(1);transform:scale(1); opacity:1;}
.service-block-list li > a, .block-list-3 li > div > a, .news-list-lg .img-wr:after {-webkit-transform:scale(0);transform:scale(0); opacity:0; position: absolute; left:5%; top:5%;  width: 90%; height: 90%; background-color: rgba(24, 24, 24, 0.75);}
.service-block-list li > a > div, .block-list-3 li div > a > div {position: absolute; color:#fff; top:50%; left:50%; min-width:90%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:12px; max-height: 95%; overflow: auto;}
.service-block-list li > a > div span, .block-list-3 li div > a > div > span {display:inline-block; padding:0 0 15px; font-size:14px; margin:0 0 15px; position: relative;}
.service-block-list li > a > div span:after, .block-list-3 li div > a > div > span:after {content:""; position: absolute; bottom:0; width:80%; height:2px; background:#fff; left:10%}
.service-block-list li > a > div i, .block-list-3 li div > a > div i {font-size:30px; margin:0 0 25px;}
.service-block-list li > a > div *, .block-list-3 li div > a > div * {display: block;}
.service-block-list li img, .block-list-3 li img {width:100%;}

.block-list-3 li {width:33.333%; float:left; position: relative;}
.block-list-3 li > div {padding:13px; }

.block-list-spec li {width:33.333%; padding:15px; float:left;}
.block-list-spec li h4 {font-size:14px; margin:45px 0 3px}
.block-list-spec li span {font-size:12px; color:#9f9f9f; margin-bottom:10px; display: block;}

.news-list-lg {margin-top:40px;}
.news-list-lg .img-wr {position: relative; display: block;}
.news-list-lg .img-wr:after {content:""; background-image: url(../images/search-icon.png); background-repeat: no-repeat; background-position: center;-webkit-transition: all 400ms ease;transition: all 400ms ease;}

.category-nav {margin:90px 0}
.category-nav a {margin:10px 15px; display:inline-block;}

.pagination a{background:#979797; color:#fff; display:inline-block; padding:5px; margin:0 2px; font-size:18px; width:34px;}
.pagination a.active, .pagination a:hover {background:#b5985a; text-decoration: none;}

.blog .pagination a{text-align: center;}

.service-desc {margin-top:80px;}
.service-desc ul {font-weight:300; color: #919191; margin:21px 0;}
.service-desc ul li{margin:8px 0}

.contact-form {list-style:none; margin:30px 0 0; padding:0;}
.contact-form li {display:inline-block; width:100%; vertical-align: top; margin:20px 0;}
.contact-form li label {font-size:12px; display: block; margin-bottom:10px;}
.contact-form li div {float:left; width:50%; padding-right:40px;}
.contact-form li div:first-child,
.contact-form li div:nth-child(2) {width:25%;}
.contact-form li div:last-child {padding-right:0;}

.article {display:table; text-align:left;}
.article > div {display:table-cell; width:40%; vertical-align: middle;}
.article > div:last-child {width:60%; padding-left:40px;}
.article h4 {font-size:24px; margin:0 0 30px}
.article .btn {margin-top:30px;}
.article-slider .flex-direction-nav a {border:transparent!important; color:#bdc3c7;}
.article-slider .flex-direction-nav .flex-prev i {position: absolute; -webkit-transform:rotate(-180deg); transform:rotate(-180deg)}

.article-lg {margin:50px 0;}
.article-lg h4 {margin:8px 0 30px}
.article-lg  a.read-more {margin-bottom:50px;}
.article-lg  a.read-more:last-child {margin-bottom:0;}

.quote {margin:75px 0 35px; text-align: center; background:url(../images/quote.png) no-repeat center top; padding: 20px; font-style:italic;}
.quote p {color:#181818; font-size:18px;}

.blog .col-1-3 {width:27%; padding-left:30px!important}
.blog .col-2-3 {width:73%;}
.blog .sidebar > div {margin:50px 0;}
.blog .sidebar > div > h3 {margin:0 0 35px;}

.blog .sidebar .search-container {margin-top:0; font-size:10px; position: relative; }
.blog .sidebar .search-container input {border-color:#b5985a; padding:0 30px 10px 10px; font-size:12px;}
.blog .sidebar .search-container button {background:none; border:none; color:#b5985a; font-size:15px; position: absolute; right:5px; top:-1px;}

.blog .sidebar .article-list {list-style:none; margin:0; padding:0;}
.blog .sidebar .article-list li {display: table; margin:15px 0}
.blog .sidebar .article-list li > div {display:table-cell; vertical-align: middle;}
.blog .sidebar .article-list li > div:first-child {width:60px;}
.blog .sidebar .article-list li > div:last-child {padding-left:15px}
.blog .sidebar .article-list li h5 {margin:0 0 4px; font-size:12px;}
.blog .sidebar .article-list li small {display: block; font-size:12px; color:#cccccc; margin:2px 0}

.small-image-slider, .blog-slider {position: relative;}
.small-image-slider .flex-control-nav {bottom:-45px;}
.small-image-slider .flex-control-nav li {margin: 0 4px;}
.small-image-slider .flex-direction-nav, .blog-slider .flex-direction-nav{display: none;}
.small-image-slider .flex-control-paging li a, .blog-slider .flex-control-paging li a{background: #757575; top:0;}
.small-image-slider .flex-control-paging li a.flex-active, .blog-slider .flex-control-paging li a.flex-active {top:0; width:8px; height:8px; background:#181818; border:none; cursor: default; }

.blog-slider .flex-control-nav {bottom:15px;}
.blog-slider .flex-control-paging li a {background:#fff;}

.tag-list {margin: 50px 0 80px; padding-left:15px; position: relative; color:#757575; font-size:12px; }
.tag-list i.flaticon-commerce {color:#757575; position: absolute; left:0; top:0;}
.tag-list a {color:#757575; font-size:12px; margin:0 15px; display:inline-block; margin-bottom:5px;}
.tag-list > span {float:right;}
.tag-list > span > a {padding:0 10px; margin:0; color:#000; border-right:solid 1px #000;}
.tag-list > span > a:last-child {border:none;}
.tag-list > span > a:hover {text-decoration: none;}

.blog-comments {margin:50px 0 70px;}
.blog-comments .comment {display: table; margin:35px 0;}
.blog-comments .comment > div {display:table-cell; vertical-align: top;}
.blog-comments .comment > div:first-child {width:80px;}
.blog-comments .comment > div:last-child {padding-left:30px;}
.blog-comments .comment small, .blog-comments .comment span {display: block;}
.blog-comments .comment small {font-size:10px;}
.blog-comments .comment span {margin:4px 0 4px}
.blog-comments .comment p {margin-top:10px; line-height: 22px;}
.blog-comments .comment a.reply-to {font-size:11px;}
.blog-comments .comment.replyed[data-indent="1"] {padding-left:40px;}
.blog-comments .comment.replyed[data-indent="2"] {padding-left:80px;}
.blog-comments .comment.replyed[data-indent="3"] {padding-left:120px;}
.blog-comments .comment.replyed[data-indent="4"] {padding-left:160px;}

.blog-comment-form .contact-form li div {width:33%!important;}
.blog-comment-form .contact-form input, .blog-comment-form .contact-form textarea {border-color:#cccccc;}

.link-list {list-style:none; margin:0; padding:0;}
.link-list li {margin:18px 0;}
.link-list a {color:#757575;}
.link-list a:hover {text-decoration: none; color:#b5985a;}

.footer {background:#181818; padding:95px 0 0; color:#fff;}
.footer a {color:#fff;}
.footer h2 {margin:0 0 60px; font-size:14px;}
.footer p {color:#fff; font-weight:normal;}
.footer .news-list {margin:0; padding:0;}
.footer .news-list li {margin:0 0 35px;}
.footer .news-list li small {font-size:9px;}
.footer .news-list li:last-child {margin:0;}
.footer .news-list li a:hover {text-decoration: none;}
.footer .news-list li h4 {margin:3px 0 0; font-size:12px;}

.footer .newsletter strong {font-weight:normal; font-size:11px;}
.footer .newsletter input {border-color:#fff; max-width:185px; margin:10px 0 35px;}
.footer .newsletter a.btn {border:solid 1px #fff; color:#fff; font-size:11px;}
.footer .newsletter a.btn:after {display: none;}
.footer .newsletter a.btn:hover {background:#fff; color:#000;}

.footer .social-list {margin-top:28px;}
.footer .social-list a {display:inline-block; color:#b5985a; border:solid 1px #b5985a; padding:2px 0 0 2px; width:25px; height:25px; text-align: center; border-radius:50%; margin:0 10px 0 0; /*-webkit-transform:translate3d( 0, 0, 0) scale(1); transform:translate3d( 0, 0, 0) scale(1); -webkit-transform-origin:center; transform-origin:center*/}
.footer .social-list a.ig {font-size:13px;}
.footer .social-list a:hover {text-decoration: none; /*-webkit-transform:translate3d( 0, 0, 0) scale(1.1); transform:translate3d( 0, 0, 0) scale(1.1)*/}
a.fb:hover i{color:#3b5998;}
a.ig:hover i{color:#3f729b;}
a.tw:hover i{color:#5ea9dd;}
a.pt:hover i{color:#f71819;}

.footer .contact-info {margin:0; padding:0; list-style:none; font-size:11px;}
.footer .contact-info li {position: relative; padding-left:24px; width:100%; margin:0 0 12px}
.footer .contact-info li i {position: absolute; left:0; top:-2px; color:#b5985a; font-size:14px;}

.footer .cr {background:#b5985a; text-align: center; margin:60px 0 0;}
.footer .cr p {margin:0; padding:30px 0; font-size:12px; color:#000000;}