/*
Theme Name: Tribute
Theme URI: https://www.ydesignservices.com/product/premium-wordpress-themes/tribute/
Author: Y Design Services
Author URI: https://www.ydesignservices.com/
Description: A free WordPress theme for blogs that are designed to have beautiful typography. It is developed using responsive design, ensuring that your blog will be no less beautiful when viewed on a smartphone or tablet.
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: full-width-template, one-column, two-columns, featured-images, translation-ready, right-sidebar, left-sidebar, editor-style, custom-header, custom-background, custom-menu, threaded-comments
Text Domain: tribute

This theme, like WordPress, is licensed under the GPL.
*/
/* =WordPress Core
-------------------------------------------------------------- */

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/tribute/fonts/RobotoLight.ttf');
}


.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.sticky{}.gallery-caption{}.bypostauthor {}
/*
Defaults
---------------------------------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
body {
    color: #434343;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.625;
    background-color: none!important;
    background-size: cover;
    overflow-x: hidden;
}
blockquote{background-color:#fafafa;font-size:16px;font-style:italic;line-height:26px;border-left:2px solid #da4453}
ul{list-style:disc}
ol ol{list-style:upper-roman}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:upper-alpha}
ol ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 0 25px 5px}
dl dt{font-weight:700;margin:10px 0 0}
dl dd{margin:5px 0 0 24px}
table{border:1px solid #e5e5e5;border-collapse:collapse;border-spacing:0;margin-bottom:25px}
table caption{margin:0 0 5px;font-size:15px;font-variant:small-caps}
th,td{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.widget th,.widget td{padding:5px 2px}
th{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#f5f5f5;font-size:15px;font-weight:400;text-align:left}
th a{text-decoration:underline;color:#434343}
td{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
a,button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],textarea:focus{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out; outline: none;}
::-moz-selection{color:#fff}
::selection{color:#fff}
a{color:#da4453; }
a:hover,a:focus{text-decoration:none; color:#434343; outline-color: #e4ad3c;}
address{color:#434343;line-height:26px;font-style:italic}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
big{font-size:125%}
pre{background-color:#fff;border:#eaeaea solid 1px;color:#8a8a8a;font-size:13px;line-height:26px}
.field{ padding-bottom:18px; }
label{ color:#363636; font-size:13px; font-weight:normal;}
.form-control,#comment,.post-password-form input[type="password"]{ border:#dcdcdc solid 1px;height:40px; padding-right:45px; box-sizing:border-box; border-radius:0px; box-shadow: none;color: #454545;font-size: 12px; resize:none; }
.form-control:focus,.comment-form input:focus,textarea#comment:focus{ border-color:#da4453; box-shadow:none; }
.comment-form div{margin-bottom: 15px;}
.comment-form div.row{margin-bottom: 0px;}
p{ line-height:26px; margin-bottom:25px;}
.page-title{ text-transform:uppercase;}
.order-list{margin:0px; padding:0px;  }
.order-list li{ margin-left:20px; margin-bottom:5px;  }
button.search-btn{ width:42px; height:40px; outline:none; border:none; cursor:pointer; color:#fff;background-color:#363636; position:absolute; top:10px; right:0px;   font-size:15px; padding:0px;   }
button.search-btn:hover{ background-color:#da4453; }
.btn,input[type="submit"]{ background: #e4ad3c; color:#fff!important; font-size:12px; border: none!important;}
.btn:hover,.btn:focus,.btn:active:focus,input[type="submit"]:hover{ color: #fff; opacity: 0.7; outline:none;}
input:focus,
input:active{
  outline: #e4ad3c;
}
img{
  max-width: 100%;
}
/* Headings
--------------------------------------------- */
h1,h2,h3,h4,h5,h6{color:#363636;font-weight:bold;line-height:1.2;margin:0;margin-bottom:22px;padding:0;font-family: 'Roboto', sans-serif; font-weight: 500;}
h1{font-size:35px}
h2{font-size:28px}
h3{font-size:25px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:15px}
.main-header{text-align:center;background-color: #fff;background-repeat: no-repeat;background-size: cover;background-position: top center;}
.brandlogo {
    display: inline-block;
    padding: 25px 0px;
    position: relative;
    z-index: 3;
}
.brandlogo a{position:relative;display: block;}
.brandlogo img{position:relative;max-width: 220px;}
.brand-subtitle{ color:#7c7c7c; font-size:15px; font-style:italic; margin:0px; }
.navbar.main-nav {
    margin-bottom: 0px;
    float: right;
    margin-top: 30px;
}
.navbar.main-nav .navbar-collapse{
  padding: 0;
}
.navbar.main-nav {
    background-color: #fff;
}

.navbar.main-nav .nav li {
    font-size: 13px;
    text-transform: uppercase;
}

.navbar.main-nav .navbar-nav li a {
    color: #5b5b5b;
}

.main-nav .navbar-nav li ul {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    width: 190px;
}

.main-nav .navbar-nav li ul li a {
    display: block;
}

.main-nav .navbar-toggle {
    border: #da4453 solid 1px;
}

.navbar-toggle .icon-bar {
    background-color: #da4453;
}

.main-nav .navbar-nav ul {
    position: absolute;
    z-index: 999;
    top: 56px;
    left: 0px;
    width: 205px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    margin: 10px 0 0 0;
    border: #ececec solid 1px;
    padding: 15px 0px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-nav .navbar-nav ul li {
    line-height: 22px;
    list-style: none;
    display: block;
    height: auto;
    position: relative;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    color: #6c6c6c;
}

li i.arrow {
    position: absolute;
    top: 11px;
    right: 15px;
    display: none;
}

.navbar.main-nav .nav li:hover>ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

.widget li ul.sub-menu {
    border-top: #f2f2f2 solid 1px;
}

.widget li i.arrow {
    display: block;
    top: 5px;
}

.main-nav .navbar-nav ul li:last-child {
    border: none;
    margin: 0px;
    padding: 0px;
}

.main-nav .navbar-nav ul li a {
    display: block;
    font-size: 11px;
    padding: 6px 20px;
    color: #6c6c6c;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
}

.main-nav .navbar-nav ul li:before {
    top: 1px;
    position: absolute;
}

.main-nav .navbar-nav ul li a.effect-link-line:after, .main_nav.nav ul li a.effect-link-line:before {
    display: none;
}

.main-nav .navbar-nav ul li a:hover, .main_nav.nav ul li:hover {
    color: #da4453;
}

.main-nav .navbar-nav ul ul {
    position: absolute;
    top: 0px;
    left: 192px;
    padding: 0px;
}




.navbar.main-nav .nav li .sub-menu li a{
  text-transform: none;
  color: #fff;
  font-size: 14px;
}

.navbar.main-nav .nav li .sub-menu li a:hover{
  color: #e4ad3c;
}

li.current-menu-item a:first-child,
li.current-menu-parent a:first-child{
  color: #e4ad3c!important;
}



li.current-menu-item .sub-menu li a,
li.current-menu-parent .sub-menu li a{
  color: #fff!important;
}

li.current-menu-item .sub-menu li a:hover,
li.current-menu-parent .sub-menu li a:hover{
  color: #e4ad3c!important;
}

li.current-menu-parent .sub-menu li.current-menu-item a:first-child{
  color: #e4ad3c!important;
}

.navbar.main-nav .nav li .sub-menu{
  background: rgba(58, 55, 59, 0.9);
}

.main-nav .navbar-nav>li a:hover, .main-nav .navbar-nav>li.active>a, .main-nav .navbar-nav>li a:focus, .main-nav .nav .open>a {
    color: #da4453;
}
.banner-cnt,div.flex-caption{background: rgba(1,1,1,0.3);padding:50px;width: 882px;box-sizing:border-box;display:inline-block;margin-top:120px;}
.banner-title{color:#fff;  text-transform:uppercase; font-weight:800; font-size:30px !important;   }
.banner-description{ color:#fff;  font-weight:200; font-size:19px;line-height:29px;  }
#content{width:100%; float:left;  padding-bottom:40px;  }
.post{display:block; border-bottom:#dbdbdb solid 1px; padding-bottom: 45px; margin-bottom: 30px;width: 100%;float: left;}
.post:last-child{ margin:0px; padding-bottom:50px;}
.entry-title{line-height:38px; margin-bottom:10px;word-wrap: break-word;}
.entry-title a{ color:#363636;  }
.entry-meta{ padding-bottom:20px;color:#da4453; font-style:italic; }
.entry-meta a{ color:#363636;}
.entry-summary img{ display:block; margin-bottom:20px; max-width: 100%;  height: auto;}
header.entry-header{ clear:both; }
.entry-summary p{ margin-bottom:20px; }
.entry-footer{  padding:20px 0px 0px;}
.entry-footer .Posted,.entry-footer .tag{ float:left;}
.entry-footer ul{ float:left; margin: 0px 0 0 5px; padding:0px; }
.entry-footer ul li{ list-style:none;  float:left;margin-right: 5px;}
.pagination {
    display: inline-block;
    float: right;
}

.pagination a {
    font-size: 14px;
    padding: 20px;
    color: #434343;
}

.pagination span{
  color: #e4ad3c;

  padding: 20px;
}


.sidebar{padding-left: 58px;}
.sidebar select{ width:100%; padding:5px 0;  }
.textwidget img{width:100%;  }
.sidebar .widget { margin-bottom: 50px; }
.sidebar .widget-title{ color:#da4453;  border-bottom:#e2e2e2 solid 1px; padding-bottom:10px; margin-bottom:15px;}
a.rsswidget img{ width:24px; height:24px;  display:none; }
.sidebar ul li a.rsswidget{    color: #da4453;}
.widget-title i{ margin-right:10px;}
.recent{ border-bottom:#f2f2f2 solid 1px; padding-bottom:10px; margin-bottom:10px;}
.recent p{ margin:0px;  }
.t-color{ color:#da4453 !important; }
.tagcloud a{ color:#5b5b5b;}
.tagcloud a:hover{ color:#da4453; }
.tagcloud a.tag-link-1{  font-size:25px; }
.tagcloud a.tag-link-2{  font-size:13px; }
.tagcloud a.tag-link-3{  font-size:19px; }
.sidebar ul{ margin:0px; padding:0px;}
.sidebar ul li{ border-bottom:#f2f2f2 solid 1px; line-height: 26px; list-style:none;padding-bottom: 5px;margin-bottom: 5px;position: relative;}
.sidebar ul li.menu-item{margin: 0px;padding: 0px;}
.sidebar ul li.menu-item a{ display:block;padding: 7px 0px;}
span.post-date{ display:block;     color: #da4453;}
.recentcomments{   }
.sidebar ul li.recentcomments a{  color: #da4453;}
.sidebar ul li:last-child{ border:none;}
.sidebar ul li a{  color:#5b5b5b; text-transform: none;}
.sidebar ul li a:hover{  color:#da4453; }
.sidebar hr{ margin:0px 0 8px 0;}
table#wp-calendar{ width:100%;  border:#e5e5e5 solid 1px; border-collapse:collapse;  font-size: 15px; }
table#wp-calendar caption{ text-align:center; text-transform:uppercase; color:#363636;}
table#wp-calendar tr{ border:#e5e5e5 solid 1px; border-collapse:collapse; }
table#wp-calendar th{ border:#da4453 solid 1px; border-collapse:collapse; padding: 5px 2px; background: #da4453; color:#fff;  text-align:center;}
table#wp-calendar td{ border:#e5e5e5 solid 1px; border-collapse:collapse; padding: 5px 2px; text-align:center; }
table#wp-calendar tfoot{ display:none;}
footer{ background-color:#3a373b;  clear:both;padding: 10px 0px; }
footer p{font-size:12px;color:#d5d5d5;margin: 0px;line-height: 32px;text-align: left;}
footer a{ color:#d5d5d5;}
footer a:hover{ color:#da4453;}
footer .ftr-social{float:right; }
footer .ftr-social a{ color:#d5d5d5;  font-size:20px;  margin-right:20px; }
footer .ftr-social a:hover .fa-facebook{ color:#314A87;}
footer .ftr-social a:hover .fa-twitter{ color:#22BBF4;}
footer .ftr-social a:hover .fa-linkedin{ color:#006DC0;}
footer .ftr-social a:hover .fa-google-plus{ color:#D13D2F;}
footer .ftr-social a:hover .fa-instagram{ color:#B16B4F;}
footer .ftr-social a:last-child{ margin:0px;}
.comment-respond{ padding-top:20px;}
.comment-reply-title{ padding-bottom:15px;}
.subtitle{ margin-top:20px; margin-bottom:10px; }
.error-404{  text-align:center; padding:50px 0;}
.error-404 .search-btn{ background-color:#da4453;}
.error-404 .search-btn:hover{ background-color:#363636;}
.commentlist,.commentlist ol.children{ margin:0px; padding:0px;}
.commentlist li.pingback{list-style:none; margin-bottom:15px; }
.commentlist li.comment{ list-style:none; position:relative;  padding-left:80px; border-bottom:#e3e3e3 solid 1px; margin-bottom:25px; }
.commentlist li.comment b{ font-weight:normal;}
.commentlist li.comment:last-child{ border:none;}
.commentlist li.comment footer{ background: none;padding: 0px;}
.comment-metadata{  font-size: 85%;}
.comment-author{ font-style:italic; }
.commentlist li.comment footer a{color: #da4453;}
.commentlist li.comment .avatar{  position:absolute ;top:5px; left:0px;}
.commentlist li.comment .reply{ position:absolute; top:0px;right:0px;text-transform: uppercase;}
textarea#comment{width:100%;height: 180px;padding: 10px;outline: none;}
.comment-form p{ margin-bottom:18px;}
.comment-form input{border:#dcdcdc solid 1px;height:40px;box-sizing:border-box;border-radius:0px;box-shadow: none;color: #454545;font-size: 12px;resize:none;width: 100%;padding: 0 10px;box-sizing: border-box;outline: none;}
.comment-form input[type="submit"]{ width:auto }
.post-password-form input[type="password"]{ height: 45px;padding: 0 10px;}
#gallery-1{ float:left; width: 100%;}
#gallery-1 figure.gallery-item{ float:left; width: 150px;height: 200px;margin-right: 20px;margin-bottom: 20px;}
.social-media-icons{ float:right;}
.social-media-icons a{border: #d5d5d5 solid 2px;border-radius: 50%;width: 30px;height: 30px;float: left;text-align: center;line-height: 27px;margin-left: 15px;}
.left_sidebar .sidebar{padding-left: 0; padding-right:58px;}
.facebook:hover{background:#3b5998; border-color:#3b5998; color:#fff !important;}
.twitter:hover{background:#55acee; border-color:#55acee; color:#fff !important;}
.instagram:hover{background:#6a453b; border-color:#6a453b; color:#fff !important;}
.google-plus:hover{background:#dc4e41; border-color:#dc4e41; color:#fff !important;}
.youtube:hover{background:#bb2025; border-color:#bb2025; color:#fff !important;}


.fon-logo{
  position: fixed;
  width: 100%;
  height: 100vh;
  object-fit: contain;
  z-index: -1;
  opacity: 0.1;
  display: none;
}

/*Header*/

.header-left{
  float: left;
  display: inline-block;
}

.header-right{
  float: right;
  display: inline-block;
  width: calc(100% - 230px);
}

.header-top{
  width: 100%;
  background: #3a373b;
  z-index: 999;
}

.header-top a{
  color: #fff;
}

.header-top a:hover{
  color: #e4ad3c;
}

.main-header .container{
  position: relative;
}

.social-header{
  float: left;
  display: inline-block;
  padding-top: 10px;
}

.social-icon a{
  padding: 0 15px;
}

.social-icon a:first-child{
  padding-left: 0;
}

.top-menu{
  display: inline-block;
  margin-bottom: 0;
  float: right;
  min-height: 40px;
  border: 0px;
}
.top-menu ul li{
  float: left;
}

.top-menu ul li a{
  color: #fff;
}

.top-menu ul li:first-child a{
  padding-left: 0;
}

.top-menu .navbar-collapse{
  padding-left: 0;
}

.top-menu ul li a:hover,
.top-menu ul li a:active,
.top-menu ul li a:focus{
  background: none;
  color: #e4ad3c;
}

.header-top .phone{
  float: right;
  padding: 11px 15px 9px;
  color: #fff;
}

.header-top .phone:hover{
  color: #e4ad3c;
}

.search-button{
  float: right;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  margin-top: 3px;
}

.search-button i{
  color: #fff;
  display: none;
}
.search-button i.visible{
  display: block;
}

.search-button .open-search{
  float: right;
  padding: 10px 15px;
}

.search-button .open-search:hover i{
  color: #e4ad3c;
  cursor: pointer;
}

.search-button .search-form{
  width: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 9999;
  transition: all 0.5s;
}

.search-button .search-form.open{
  width: 400px;
}

.lang{
  float: right;
}
.lang ul{
  padding: 0;
  margin: 0;
}

.lang ul li{
  list-style: none;
  float: left;
  margin-right: 15px;
  padding: 10px 0;
}

.lang ul li:last-child{
  margin-right: 0;
}

.lang ul li a{
   color: #fff;
}

.lang ul li a:hover,
.lang ul li.current-lang a{
  color: #e4ad3c;
}
/*Slider*/
#slider,
#slider .slider-item{
  position: relative;
  width: 100%;
  height: 60vh;
  overflow: hidden;
  background: #000;
  line-height: 1;
  color: #fff;
  min-height: 400px;
}


#slider img.slider-image{
  width: 100%;
  height: 60vh;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.7;
  min-height: 400px;
}


#slider .owl-controls{
  position: absolute;
  bottom: 30%;
  left: 0;
  right: -40px;
  display: inline-block;
}
#slider .owl-buttons{
  float: right;
  z-index: 999;
}

#slider .owl-buttons div{
  font-size: 20px;
  line-height: 1;
  width: 55px;
  height: 55px;
  position: relative;
  transition: all 0.5s;
}

#slider .owl-buttons div:hover{
  cursor: pointer;
}


#slider .owl-buttons div.owl-prev{
  margin-right: 20px;
}

#slider .slider-info-block{
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
  display: inline-block;
}

#slider .slider-info{
  width: 70%;
  z-index: 999;
  line-height: 1.2;
  font-family: 'Roboto', sans-serif;
}

#slider .slider-title{
  font-size: 60px;
  margin-bottom: 30px;
}

#slider .slider-text{
  font-size: 23px;
  font-weight: 100;
}

.subscribe-form{
  position: relative;
}

.subscribe-form .widget_wysija_cont{
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 0;
  transform: translate(0, -120%);
  z-index: 1;
}

.subscribe-form .widget_wysija_cont input[type="text"]{
  width: 230px;
  font-size: 13px;
}
.subscribe-form .widget_wysija_cont input[type="submit"]{
  background-color: #e4ad3c;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  text-transform: capitalize;
  font-size: 13px;
}

.subscribe-form .widget_wysija_cont input[type="text"]:hover{
  color: #8d8d8d;
}

.subscribe-form .widget_wysija_cont input[type="submit"]:hover{
  opacity: 0.7;
}

.subscribe-form .widget_wysija_cont p{
  float: left;
}

.subscribe-form .widget_wysija_cont input{
  height: 32px;
  line-height: 32px;
  border-radius: 0;
  border: 0;
  padding: 0 10px;

}

.subscribe-form .formError{
  width: 100%;
  top: 60px!important;
  left: 0!important;
}

.subscribe-form .formErrorContent{
  width: 100%;
  border: none;
}

.about-us-home{
  margin: 80px 0;
}
.about-us-home .col{
  position: relative;
  text-align: justify;
}
.about-us-home img{
  width: 100%;
  margin-top: 20px;
}



/*Category home*/
.category-home .category-item{
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.category-home .category-item .image{
  background: #000;
  overflow: hidden;
}
.category-home .category-item img.rectangle{
  width: 100%;
  object-fit: cover;
  opacity: 0.7;
  transition: all 0.5s;
}

.category-home .category-item:hover img.rectangle{
  transform: scale(1.2);
}

.category-home .category-item .title{
  position: absolute;
  top: 15%;
  left: 5%;
  right: 50%;
  font-size: 25px;
  color: #fff;
  z-index: 999;
  line-height: 1.2;
  font-family: 'Roboto', sans-serif;
}

.category-home .category-item .icon{
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  object-fit: contain;
  opacity: 0.5;
  height: 100%;
}


/*Catalog Page*/
.category-filter{
  margin-bottom: 30px;
}
.category-filter .category-name{
  font-size: 20px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #434343;
  margin-bottom: 10px;
}
.category-catalog{
  margin: 0;
  padding: 0;
}

.category-catalog li{
  list-style: none;
}

.category-catalog li a{
  font-size: 14px;
  color: #5b5b5b;
}

.category-catalog #response .loading{
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

.category-catalog li a:hover{
  color: #e4ad3c;
}

.breadcrumb{
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: right;
  background: none;
  padding-right: 0;
}

.breadcrumb span{
  margin: 0 5px;
}

.breadcrumb span:last-child{
  margin-right: 0;
}




.atribute-filter .atribute-name{
  font-size: 20px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #434343;
  margin-bottom: 10px;
  font-weight: 300;
}

.atribute-filter .box-color{
  width: 30px;
  height: 30px;
}

.atribute-filter img{
  width: 30px;
  height: 30px;
}

.atribute-filter .atribute-item{
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.atribute-item label{
  display: inline-block;
  width: 100%;
  position: relative;
}
.atribute-item label > input{
  visibility: hidden;
  position: absolute;
}

.atribute-item label > input + img,
.atribute-item label > input + .box-color{
  cursor: pointer;
  border: 1px solid #000;
  float: left;
}

.atribute-item label .checked{
  position: absolute;
  right: 0;
  top: 7px;
  display: inline-block;
  font-size: 16px;
}

.atribute-item label > input + img + .title + .checked i.on,
.atribute-item label > input + .box-color + .title + .checked i.on{
  display: none;
}

.atribute-item label > input:checked + img + .title + .checked i.on,
.atribute-item label > input:checked + .box-color + .title + .checked i.on{
  display: block;
}

.atribute-item label > input + img + .title + .checked i.off,
.atribute-item label > input + .box-color + .title + .checked i.off{
  display: block;
  margin-right: 2px;
}

.atribute-item label > input:checked + img + .title + .checked i.off,
.atribute-item label > input:checked + .box-color + .title + .checked i.off{
  display: none;
}

.atribute-item .title{
  font-size: 16px;
  position: absolute;
  left: 40px;
  top: 3px;
}

.atribute-item label > input:checked + img,
.atribute-item label > input:checked + .box-color{
  border: 1px solid #e4ad3c;
}

.category-catalog .loading{
  position: absolute;
  top: 50%;
  left: 50%;
}

.catalog-page #response{
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.catalog-page #response .col-md-4{
  display: flex;
}

.catalog-page .open-button{
  display: none;
}

.product-item{
  background: #fff;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  width: 100%;
}

.product-item .image{
  overflow: hidden;
  background: #fff;
  position: relative;
}

.product-item:hover .image{
  background: #000;
}

.product-item .image .icon{
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -62px;
  opacity: 0;
}
.product-item img{
  width: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.product-item:hover img{
  transform: scale(1.1);
  opacity: 0.7;
}

.product-item:hover .icon{
  opacity: 0.7;
}

.product-item .info{
  padding: 20px 0 40px;
  display: inline-block;
  width: 100%;
}

.product-item .title{
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #434343;
  line-height: 1;
  margin-bottom: 10px;
}

.product-item .info p{
  line-height: 1;
  color: #999;
}

.product-item .info .more{
  background: #5b5b5b;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  float: right;
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  right: 0;
}

.product-item:hover .more{
  background: #e4ad3c;
}


#true_loadmore{
  width: 100%;
  display: inline-block;
  text-align: center;

}

#true_loadmore .button{
  color: #5b5b5b;
  padding: 10px 15px;
  display: inline-block;
  margin: auto;
  transition: all 0.5s;
}

#true_loadmore .button:hover{
  cursor: pointer;
  color: #e4ad3c;
}

.single .logo{
  width: auto!important;
}

.single #gallery img{
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  transition: all 0.4s;
}

.single #gallery img:hover{
  opacity: 0.7;
}


.single #gallery .images{
  display: flex;
  flex-flow: row wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.single #gallery .images .col-xs-4{
  position: relative;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.single #gallery .images .col-xs-4 a::after{
  content: "";
  display: block;
  padding-bottom: 100%;
}

.single #gallery .images img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  right: 5px;
  width: calc(100% - 10px);
  height: 100%;
  object-fit: cover;
}


.single #gallery .images a:nth-child(3n+3){
  margin-right: 0;
}

.block-title{
  text-align: left;
  font-family: 'Roboto', sans-serif;
  margin: 60px 15px 30px;
  font-size: 20px;
  border-bottom: 1px solid #434343;
  line-height: 1.625;
  font-weight: 300;
}

.single .category{
  margin-bottom: 20px;
}
.single .iframe{
  margin: 20px 0;
}
.single iframe{
  width: 100%!important;
}

.single-collaboration h1{
  margin-bottom: 10px;
}
.single-collaboration .direction{
  margin-bottom: 20px;
}

.single .share{
  margin-bottom: 20px;
}

/*News*/
.news-container{
  display: flex;
  flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.news-container .col-md-4{
  display: flex;
}


.news-item{
  background: #fff;
  margin-bottom: 30px;
  background: #434343;
  position: relative;
  display: inline-block;
  width: 100%;
}

.news-item .image{
  overflow: hidden;
  background: #fff;
  position: relative;
}

.news-item:hover .image{
  background: #000;
}

.news-item .image .icon{
  position: absolute;
  width: 100px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -62px;
  opacity: 0;
}
.news-item img{
  width: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.news-item:hover img{
  transform: scale(1.1);
  opacity: 0.7;
}

.news-item:hover .icon{
  opacity: 0.7;
}

.news-item .info{
  padding: 20px 10px 40px;
  display: inline-block;
  width: 100%;
}

.news-item .title{
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  line-height: 1;
  margin-bottom: 10px;
}

.news-item .info p{
  line-height: 1;
  color: #fff;
}

.news-item .info .more{
  background: #5b5b5b;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  float: right;
  transition: all 0.5s;
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.news-item:hover .more{
  background: #e4ad3c;
}

/*Collaboration*/
.collaboration-container .item{
  margin-bottom: 30px;
}
.collaboration-container .item .row{
  display: flex;
  flex-flow: row wrap;
}

.collaboration-container .item .row::before,
.collaboration-container .item .row::after{
  display: none;
}

.collaboration-container .item img{
  max-width: 100%;
}


.collaboration-container .item .logo{
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.collaboration-container .item .main-image{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
}


.collaboration-container .item .info{
  padding-left: 20px;
}

.collaboration-container .item .title{
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
}

.collaboration-container .item .direction{
  margin-bottom: 10px;
  color: #363636;
  line-height: 1;
}

.collaboration-container .item .desc{
  color: #999;
  line-height: 1;
}

.collaboration-container .item .more{
  background: #5b5b5b;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  float: right;
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  right: 0;
}

.collaboration-container .item .image-block
.collaboration-container .item img{
  transition: all 0.5s;
}

.collaboration-container .item:hover .image-block,
.collaboration-container .item img:hover{
  opacity: 0.7;
}


.collaboration-container .item:hover .more{
  background: #e4ad3c;
}

.collaboration-container .item .gallery a:nth-child(n+4){
  display: none;
}

.collaboration-container .item .gallery a{
  padding: 0!important;
  position: relative;
  display: block;
  height: 200px;
}

.collaboration-container .item .gallery img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*Products container*/
.products-container{
  display: flex;
  flex-flow: row wrap;
}

.products-container .col-md-3{
  display: flex;
}


/*Item container*/
.item-container{
  display: flex;
  flex-flow: row wrap;
}

.item-container .col-md-3{
  display: flex;
}


/*Contacts page*/
.contacts-map{
  width: 70%;
  height: 80vh;
  float: left;
}

.contacts-info{
  width: 30%;
  float: right;
  background: #3a373b;
  color: #fff;
  height: 80vh;
  padding: 30px;
}

.contacts-info span{
  font-weight: bold;
}

.contacts-info a{
  color: #fff;
}

.contacts-info a:hover{
  color: #e4ad3c;
}

.contacts-info .social-icon{
  margin-top: 40px;
}

.contacts-info .open-form{
  background: #e4ad3c;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding: 5px;
  margin-top: 40px;
}

.contacts-info .open-form:hover{
  opacity: 0.7;
  color: #fff;
}

#contacts-form .form-content{
  width: 30%;
  min-width: 300px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 30px 0;
}

#contacts-form .form-wrapper{
  position: relative;
}

#contacts-form .form-wrapper .mfp-close{
  top: -45px;
  right: -45px;
  background: #fff;
  padding: 0;
  text-align: center;
  opacity: 1;
}

#contacts-form .form-wrapper .mfp-close:hover{
  color: #C33C54;
}

#contacts-form .form-content p{
  margin-bottom: 0;
}

#contacts-form .form-content .wpcf7-form-control-wrap{
  position: relative;
}

#contacts-form .form-content input{
  width: 100%;
  margin-bottom: 10px;
  color: #3a373b;
  border: 1px solid #3a373b;
  padding: 5px;
  font-size: 14px;
  position: relative;
}

#contacts-form .form-content input:focus,
#contacts-form .form-content input:active{
  z-index: 3;
}

#contacts-form .form-content textarea{
  width: 100%;
  height: 90px;
  border: 1px solid #3a373b;
  padding: 5px;
}



#contacts-form .form-content .wpcf7-not-valid-tip{
  font-size: 12px;
  position: absolute;
  top: -3px;
  z-index: 2;
  right: 5px;
  background: #fff;
}

#contacts-form .form-content .your-message .wpcf7-not-valid-tip{
  top: -71px;
}

#contacts-form div.wpcf7-response-output {
    margin: -20px 0 30px;
    padding: 5px;
}


.page-template-page-contacts footer{
  display: none;
}


footer .social-icon{
  display: inline-block;
  text-align: center;
  width: 100%;
}

footer .tart{
  text-align: right;
}