@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900,200);
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(font-awesome.min.css);
@import url(jquery.fancybox.css);
@import url(jquery.bxslider.css);
@import url(slicknav.css);

body { color: #515151; padding-top: 46px; background-color: #483b32; font-size: 15px; font-weight: 400; font-family: 'Source Sans Pro', 'cwTeXHei', sans-serif; }

.btn.btn-primary, .btn.btn-success, .btn.btn-info { border: none; box-shadow: none; }
.btn.btn-primary { background: #80007d; }
.btn.btn-success  { background: #80007d; }
.btn.btn-info  { background: #b08a5b; }

h2 { font-size: 30px; }
h3 { font-size: 28px; }

.text-blue { color: #102540; }

.bg-white { background-color: #fff; }
.bg-land { background-color: #483b32; }
.bg-coffice { background-color: #b08a5b;  }

.logo { width: 100px; height: auto; position: fixed; z-index: 9999; top: 10px; left: 15px; }
.xs-btn { position: fixed; z-index: 9999; top: 6px; right: 50px; color: #fff; text-shadow: none; font-weight: bold; }

.slicknav_menu { position: fixed; z-index: 9000; padding-right: 0; left: 0; top: 0; height: 46px; width: 100%; box-sizing: border-box; background: #ffa200; }
.slicknav_btn { background-color: transparent; outline: 0; }
.slicknav_nav { width: 90%; margin-left: 10%; background: #102540; font-size: 1.15em; }
.slicknav_nav li { border-bottom: 1px solid #030c16; border-top: 1px solid #265fb2; }
.slicknav_nav li:first-child { border-top: none; }
.slicknav_nav li:hover { background: #7a4da0; }
.slicknav_nav li a:hover { border-radius: 0; background-color: transparent; color: #fff; }

header .top-nav { background-color: #102540; color: #fff; font-size: 1.15em; padding: .5em 0; z-index: 900; letter-spacing: .15em;}
header .main-nav { background-color: #bfc0c0; }
header .main-nav ul { padding: 0; margin: 0; list-style: none; }
header .main-nav ul li { display: inline-block; position: relative; height: 68px; line-height: 68px; box-sizing: border-box;  }
header .main-nav ul li:after { position: absolute; content: ''; height: 16px; border-left:  1px solid #fff; left: -2px; top: 50%; margin-top: -7px; }
header .main-nav ul li:first-child:after { display: none; }
header .main-nav ul li a { display: block; color: #fff; padding: 0 .5em; font-size: 1.28em; letter-spacing: .1em; }
header .main-nav > div { position: relative; }
header .main-nav > div .pop { position: absolute; top: -45px ; right: 0; background-color: #ffa200; padding: 20px 15px; padding-bottom: 15px; border-radius: 5px; }
header .main-nav > div .pop strong { display: block; color: #000; margin-bottom: .5em; }

footer, footer a { color: #fff; }
footer > div { padding-top: 30px; padding-bottom: 30px; max-width: 900px; }
footer .find-us { font-size: 1.2em; line-height: 1.8em; margin-bottom: 1em; }
footer .find-us big { font-size: 2em; font-weight: bold; }
footer ul { padding: 0; margin: 0; list-style: none; }
footer ul li { display: inline-block; }
footer ul.social li { margin: .6em 0; }
footer ul.social li img { width: 160px; }
footer ul.social li.skype img { width: 120px; margin-left: 4px; }
footer ul.sub-menu { margin: 2em 0; font-size: 13px; }
footer ul.sub-menu li { position: relative; display: block; border-bottom: 1px solid #fff; padding: .8em 0; }
footer ul.sub-menu li a { color: #fff; font-weight: bold; letter-spacing: 1px; }
footer ul.sub-menu li i { position: absolute; right: 0; top: 50%; padding-left: 3px; margin-top: -9px; border: 1px solid #fff; border-radius: 30px; display: block; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 18px;  }
footer .copyright { font-size: .95em; font-weight: 300; }
footer .copyright a:hover { color: #fff; text-decoration: underline; }

.qrcod { width: 100%; max-width: 320px; text-align: center; line-height: 1.6em; box-sizing: border-box; padding: 30px 0; }
.qrcod h5 { font-size: 110%; }


.home-box { padding: 0 0 3em 0; }
.home-box h3 { font-weight: bold; }
.home-box .row { padding-left: 8px; padding-right: 8px; }
.home-box .row > div { padding: 0; }
.home-box .row > div > div { border: 1px solid #8e4f09; margin: .5em; padding: .5em 0; }
.home-box .row > div > div h2 { margin: 0; padding: 0; color: #8e4f09; font-weight: bold; }
.home-box .row > div > div small { font-weight: bold; }
.home-box .row .text { padding: 1.5em 8px; line-height: 1.8em; font-size: 21px; }
.home-box h3 { font-size: 28px; }

.skype-box .container { max-width: 850px; padding-top: 45px; padding-bottom: 45px;  }
.skype-box .container h4 { line-height: 1.5em; }
.skype-box .container .info { padding: 30px 15px; background-color: #f9f4dc; line-height: 1.6em; }
.skype-box .container .info ol { margin-left: 0; padding-left: 1.2em; }
.skype-box .skype-main { margin: 3em auto; overflow: hidden; max-width: 690px; }
.skype-box .skype-main img { margin-bottom: 1.5em; }
.skype-box .skype-main a.btn { font-size: 14px; width: 36%; padding: 1em 0; box-sizing: border-box; }
.skype-box .skype-main a.btn:first-child { float: left; }
.skype-box .skype-main a.btn:last-child { float: right; }

.where-box > div { padding-top: 20px; padding-bottom: 20px; }
.where-box ul.simplefilter { padding: 15px 8px; margin: 0; list-style: none; }
.where-box ul.simplefilter li { display: inline-block; color: #8e4f09; cursor: pointer; border: 1px solid #8e4f09; padding: .5em .8em; font-size: .85em; }
.where-box ul.simplefilter li.active { background-color: #8e4f09; color: #fff; }
.where-box .filtr-container .filtr-item { padding: 8px; }
.where-box .filtr-container .filtr-item img:hover { cursor: pointer; opacity: .5; } 

.buy-box { padding-top: 30px; padding-bottom: 30px; color: #b08a5b; }
.buy-box > div { max-width: 950px; }
.buy-box .form-box { border: 1px solid #b08a5b; margin-bottom: 1em; }
.buy-box .form-box h5 { margin: 0; padding: .5em 0; background-color: #b08a5b; color: #fff; font-size: 120% }
.buy-box .form-box .row > div.col { white-space: nowrap; }
.buy-box .form-box .btn { padding-left: 3em; padding-right: 3em; }
.buy-box .info { margin: 1.5em 0; line-height: 1.6em; padding-left: 30px; }

.contact-box .container { max-width: 950px; padding-top: 3em; }
.contact-box .form-horizontal { margin: 1em 0; }
.contact-box .form-horizontal .form-group { margin-bottom: 0; }
.contact-box .form-horizontal >div { padding-top: .9em; padding-bottom: .9em; }
.contact-box .form-horizontal label { color: #8e4f09; }
.contact-box .form-horizontal .btn { margin-top: 1.5em; margin-bottom: 3em; }
.contact-box .form-horizontal .form-control { border-color: #8e4f09; }

@media screen and (min-width: 480px) {
 
  .skype-box .skype-main a.btn { font-size: 1em; }
  .where-box ul.simplefilter li { font-size: 1em; }
}

@media screen and (min-width: 768px) {
  body { padding-top: 106px; }
  .logo { left: 0; width: 190px; position: absolute; top: 35%; margin-top: -16.5px; }
  .slicknav_menu { display: none; }
  
  footer ul.social { margin-top: 2.5em; }
  footer ul.social li img { width: 120px; }
  footer ul.sub-menu { margin-bottom: 0; }
  footer ul.sub-menu li { border: none; display: inline-block; padding-right: .8em; margin-right: .8em; }
  footer ul.sub-menu li:after { position: absolute; content: ''; height: 12px; border-left: 1px solid #fff; right: -3px; top: 50%; margin-top: -5px; }
  footer ul.sub-menu li:last-child:after { display: none; }
  
  .home-box .row > div > div { padding: 1em 0; }
  .skype-box .skype-main a.btn { font-size: 1.2em; }
  .where-box ul.simplefilter li { padding: .5em 2em; font-size: 1.2em; margin-right: .5em; }
  
  .buy-box { padding-top: 45px; padding-bottom: 45px; }
  .buy-box .form-box { padding: 0; margin-bottom: 2em; }
  .buy-box .form-box .row { margin: 0; }
  .buy-box .form-box .row > div.col { height: 48px; border-top: 1px solid #b08a5b; border-left: 1px solid #b08a5b;
    align-items: center; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex;
  }
  .buy-box .form-box .row > div.col.row-3 { height: 144px; }
  .buy-box .form-box .row > div.col.left { border-left: none; }
  .buy-box .form-box .row > div.col.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; }
  .buy-box .form-box .row > div.col.text-center { -webkit-justify-content: center; justify-content: center; }
  .buy-box .info { padding-left: 80px; }
  .form-box div.col-sm-10 .form-control { width: 50%; }
  
  .contact-box .form-horizontal >div:nth-child(odd) { background-color: rgba(176,138,91,.2); }
  .contact-box .form-horizontal { margin: 3em 0; }
  .contact-box .form-horizontal .btn { margin-top: 1.5em; margin-bottom: 0; }
}

@media screen and (max-width: 767px) {
  .buy-box .form-box .row { padding: 0 15px; padding-bottom: 20px; }
  .buy-box .form-box .row > div.col { margin: 1em 0; }
  .buy-box .form-box .row .col-sm-10 .form-control { width: 90%; display: inline-block; }
}

@media screen and (min-width: 992px) {
  .logo { left: 15px; }
  header .main-nav > div .pop { right: 15px; padding: 20px; }
  header .main-nav ul li a { padding: 0 1em; }
  header .main-nav > div .pop strong { font-size: 120%; }
  .skype-box .container h4 { padding-left: 100px; padding-right: 100px; }
  .where-box > div { padding-top: 60px; padding-bottom: 60px; }

}