/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: California.*/
/* Version: 1.0 Initial Release*/
/* Author: Unbranded.*/
/* Website: http://wp.city/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - BLOG */
/* 05 - SHOP */
/* 06 - ELEMENTS */
/* 07 - SHOP DETAIL */
/* 08 - PORTFOLIO */
/* 09 - PORTFOLIO DETAIL */
/* 10 - WOOCOMMERCE */
/* 11 - CALL TO ACTION */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans|Poppins|Raleway:300');


@font-face {
  font-family: 'Roboto Slab', serif;
  src: url('../font/intro-webfont.eot');
  src: url('../font/intro-webfont.eot?#iefix') format('embedded-opentype'),
  url('../font/intro-webfont.woff2') format('woff2'),
  url('../font/intro-webfont.woff') format('woff'),
  url('../font/intro-webfont.ttf') format('truetype'),
  url('../font/intro-webfont.svg#intro_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url('../font/proximanova-regular-webfont.eot');
  src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('../font/proximanova-regular-webfont.woff2') format('woff2'),
  url('../font/proximanova-regular-webfont.woff') format('woff'),
  url('../font/proximanova-regular-webfont.ttf') format('truetype'),
  url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  margin:0px;
  padding:0px;
  width: 100%;
}
body {
  margin:0 auto;
  font-size: 16px;
  width:100%; font-family: 'Poppins', serif; color:#222;
  background-color: #fff;
  font-weight: 400;
  font-style: normal;
}
.vc_row, .single-post-content {
  padding-left: 60px;
  padding-right: 60px;
}
.vc_row.vc_row-no-padding {
	padding-left: 0;
	padding-right: 0;
}
a {text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a:focus, a:hover {color: #e7543d;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:inherit;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul {padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none; box-shadow:none;}
::-webkit-input-placeholder {color:#999; opacity: 1;}
::-moz-placeholder          {color:#999; opacity: 1;}
:-moz-placeholder           {color:#999; opacity: 1;}
:-ms-input-placeholder      {color:#999; opacity: 1;}
/*h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}*/
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none; background: none;}
p {font-family: 'Raleway', serif; color: rgba(0, 0, 0, 0.7); line-height: 28px;}

/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/

.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow: hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip {clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}

.full-width {position:relative; width:100%;}
.full-height {height:100vmin; position:relative; float:left; width: 100%;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; width: 100%; left: 0px;}
.center_img {position: absolute;}
.swiper-container{margin:0 auto; height: inherit; width: 100%; position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-slide{position:relative; float: left;}

h1, h2, h3, h4, h5, h6 {font-family: inherit; line-height: 1.1;}
h1 {font-size: 48px; font-weight: 300; line-height: 50px; margin-bottom: 20px;}
h2 {font-size: 36px; line-height: 42px; font-weight: 300; margin-bottom: 20px;}
.simple-page-content h2 {    font-size: 30px; margin: 25px 0;}
.simple-page-content h3 {   
    font-size: 22px;
    margin: 22px 0;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
 }
.simple-page-content h4 {    font-size: 20px;  margin: 25px 0;}
.simple-page-content h5 {    font-size: 18px;  margin: 30px 0; font-weight: 600;}
.simple-page-content h6{    font-size: 16px; margin: 36px 0; letter-spacing: 0px;}
.simple-page-content pre {margin-top: 12px;} 
h3 {font-size: 50px; font-weight: 700; color: #000; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; text-align: center; }
h4 { font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: 20px;}
h5 {font-size: 20px; line-height: 22px; font-weight: 300; margin-bottom: 20px; font-family: 'Raleway', sans-serif;}
h6 {font-size: 10px; line-height: 16px; font-weight: 300; margin-bottom: -20px; letter-spacing: 4px;}
p {font-size: 16px; line-height: 30px; font-weight: 300; letter-spacing: 0.5px;}
ul li {font-size: 16px; line-height: 32px; font-weight: 300;}
ol li {font-size: 16px; line-height: 32px; font-weight: 300; list-style-position: outside;}
.marker-list li {list-style: square; list-style-position: inside;}
ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
input {font-size: 14px; border: none; background: none;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
textarea {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none;}
iframe {border: none;}
q {font-size: 18px; line-height: 26px; color: #000; font-style: italic; font-weight: 300;}
i { font-size: 18px;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.bg-white {background: #fff;}
.bg-grey-light {background: #FAFAFA;}
.bg-dark {background: #000;}
.bold {font-weight: 700;}
.medium {font-weight: 600;}
.ex-bold {font-weight: 800;}
.fl {position: relative; float: left;}
.fr {position: relative; float: right;}
.table-cell {display: table-cell; vertical-align: middle; height: inherit;}

/*---header---*/

.main-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 40;
  transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
  background-color: #171616;
}
.main-header ul.sub-menu li a {
    color: #ccc;
}

.main-header .container,
.main-header .container-fluid,
.footer-sidebar .container,
.footer-sidebar .container-fluid,
.main-footer .container,
.main-footer .container-fluid {
  height: inherit;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (min-width: 992px) {
  .main-header .container,
  .main-header .container-fluid,
  .footer-sidebar .container,
  .footer-sidebar .container-fluid,
  .main-footer .container,
  .main-footer .container-fluid {
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media screen and (min-width: 993px) {
  .menu ul > li > ul > li:last-child{border-bottom: 0px none;}
}
.main-header.no-bg {background: rgba(255,255,255,0.4);}
.main-header.not-fixed {position: relative;}

.main-header.fix {background: rgba(25,25,25,0.9); top: 0;}

nav {position: relative; float: right; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
nav > ul > li {position: relative; float: left; margin: 0px 21px; font-size: 10px; font-weight: 300; line-height: 16px; text-transform: uppercase; letter-spacing: 4px; }
nav > ul > li > a:hover {color: #e7543d;}
nav ul li a {color: #e0e0e0;}
nav > ul > li.active > a {color: #000;}
nav > ul > li.active > span {color: #000; transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);}
nav > ul > li > a > .fa {padding-left: 10px; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav ul > li ul {opacity: 0; position: absolute; top: 25px; background: #171616; padding: 15px 0; visibility: hidden; left: 0; display: block; min-width: 170px;  transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav {height: inherit; position: relative; float: left;}
.menu ul > li > ul > li > a > .fa {top:1px; position: absolute; right: 12px; line-height: 15px; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.menu ul > li:hover .dropmenu, .menu ul > li:hover > .sub-menu {opacity: 1; visibility: visible;}

.menu ul > li > ul > li > ul {opacity: 0; visibility: hidden; position: absolute; left: 100%; max-width: 150px; background: #252525; top: -15px;}
.menu ul > li > ul > li {position: relative;}
.menu ul > li > ul > li:hover ul {opacity: 1; visibility: visible;}
.menu ul li > ul li a {white-space: nowrap; text-align: left; display: block; clear: both; padding: 0 25px; position: relative; font-size: 10px; line-height: 25px; color: #000;}
.menu ul > li > ul > li > a:hover {color: #e7543d;}
nav > ul > li:last-child .dropmenu, nav > ul > li:last-child .sub-menu {right: 0%; left: auto;}
nav > ul > li:last-child .dropmenu li, nav > ul > li:last-child .sub-menu li {text-align: right;}
.menu .current-menu-item > a {
    padding-bottom: 5px;
    border-bottom: 1px solid #e7543d;
}

.widget_nav_menu .menu ul > li > ul > li > ul {
  position: static;
  visibility: visible;
  opacity: 1;
  background-color: transparent;
}

.widget_nav_menu .menu ul {
  margin-left: 15px;
  padding-left: 0;
}

.widget_nav_menu .menu ul li > ul li a {
  padding: 0;
}

.header {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
@media screen and (min-width: 1440px) {
  .header {width: 80%}
}
.navigation {position: relative; float: right; height: inherit;}
.logo {position: relative; float: left; height: inherit; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.logo a {color: #f0efef; font-size: 32px; line-height: 1; text-align: center; font-weight: 300; font-family: 'Poppins', serif;}
.logo a:hover {color: #e7543d;}
.logo img {height: 10px; width: auto;  display: table-cell; }

.centered {height: auto;}
.centered .logo, .centered .navigation {float: none;margin: 0 auto;text-align: center;}
.centered .table-cell {display: block;}
.centered .navigation .menu, .centered .navigation .second-menu {float: none;display: inline-block; padding: 20px 0 15px;}
@media screen and (max-width: 992px) {
  .centered .navigation .nav-menu-icon {float: left; padding: 20px 0 15px;}
  .centered .navigation .second-menu{margin-left: -18px;}
}

.second-menu {position: relative; float: left; margin-left: 21px; height: inherit; cursor: pointer; text-align: left; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span {display: inline-block; margin-left: 10px; width: 30px; height: 2px; background: #777; position: relative; float: none;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span:before {content: ''; position: absolute; left: 0px; top: -6px; height: 2px; width: 100%; background: #777;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span:after {content: ''; position: absolute; left: 0px; top: 6px; height: 2px; width: 100%; background: #777;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.open-menu {position: relative; float: left; margin-top: -2px;}
.second-menu b {position: relative; float: left; font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; color: #777;}

.right-menu {overflow-y: auto; position: fixed; right: 0%; top: 0px; padding: 30px; background: #fff; max-width: 400px; height: 100%; z-index: 5000; width: 100%; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); transition: transform .6s cubic-bezier(.6,0,.3,1); -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1);-moz-transition: transform .6s cubic-bezier(.6,0,.3,1);-ms-transition: transform .6s cubic-bezier(.6,0,.3,1);}
.wrapp {position: relative; width: 100%; display: inline-block;}
.right-menu.slides { transform: translateX(0%); -webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.close-menu {position: absolute; left: 0px; top: 12px; height: 25px; width: 30px; cursor: pointer; text-align: center; z-index: 55;}
.close-menu div {height: 2px; margin-top: 10px; width: 30px; background: #222; position: relative; display: inline-block; float: none; transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s; -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;-moz-transition: transform .6s cubic-bezier(.6,0,.3,1) 0.6s;-ms-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;}
.close-menu div:before {content: ''; position: absolute; left: 0px; top: 0px; height: 2px; width: 100%; background: #222; transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s; -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;-moz-transition: transform .6s cubic-bezier(.6,0,.3,1) 0.6s;-ms-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;}
.close-menu.active div {transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); }
.close-menu.active div:before {transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}

.submit {position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; background: #eee; border-radius: 50%; z-index: 65; text-align: center;}
.submit .submit-button {position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit span {color: #222; font-size: 20px; line-height: 50px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}
.search-input {position: relative;  width: 100%; display: inline-block;}
.search-input .text-input {position:relative; width: 100%; border-radius: 5px; background: #eee; height: 0px; overflow: hidden; padding: 0px 50px 0px 15px; font-size: 14px; color: #222; margin-top: 40px; overflow: hidden; visibility: hidden; transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.search-form.act .text-input {height: 50px; visibility: visible;}
.search-form.act .submit-button {z-index: 50;}

#menu-test {text-align: center;}
#menu-test > li {padding-bottom: 30px;position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center;}
#menu-test > li > a { display: block; font-family: 'Roboto Slab', serif; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 20px; }
#menu-test > li > ul li { text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7f7f7f;}

.right-menu-link h2.title {padding-bottom: 30px;text-align: center;}
.right-menu-link li.menu-item-has-children{ position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center; }
.right-menu-link li.menu-item-has-children > a{ padding-bottom: 20px; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; color: #222; font-family: 'Roboto Slab', serif; display: block; }
.right-menu-link li.menu-item-has-children li{ text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7F7F7F; }

.nav-menu-icon {position: relative; float: left; text-align: center; width: 24px; height: inherit; z-index: 600; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a {cursor: pointer;text-decoration: none; width: 24px;}
.nav-menu-icon a i {
  top: -3px;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 2px;
  color:#000;
  font:bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent:-55px;
  background: #ccc;
  transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;
}
.nav-menu-icon a i:before, .nav-menu-icon a i:after {
  content:'';
  width: 15px;
  height: 2px;
  background: #ccc;
  position: absolute;
  left:0;
  transition:all .2s ease-out;
}
.nav-menu-icon a i:before {top: -5px;}
.nav-menu-icon a i:after {bottom: -5px;}
.nav-menu-icon a:hover i:before {top: -5px;}
.nav-menu-icon a:hover i:after {bottom: -5px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i:before {width: 15px; top:0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-menu-icon a.active i:after {width: 15px; bottom:0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}

/*---mouse---*/

.intro-scroll-down {position: absolute; z-index: 1;bottom: 30px;left: 50%;margin-left: -15px; cursor: pointer;}
.intro-scroll-down .mouse {position: relative;display: block;width: 30px;height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #222;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;z-index: 50;}
.intro-scroll-down .mouse .mouse-dot {position: absolute;display: block;top: 29%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;background: #999;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;}
.video-links {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  text-align: center;
}
.view-portfolio {
  margin-right: 10px;
  margin-left: 10px;
}

/*---dropdown---*/

.drop-wrap {position: relative; float: left;}
.drop {position: absolute; display: block; left: 0px; top: 0px; min-width: 120px;}
.drop b {position:relative; float: left; width: 100%; height: 50px; padding-left: 10px; background: #eee; border-radius: 5px; border: 0px none; font-size: 13px; cursor: pointer; text-transform: capitalize; font-weight: 300; line-height: 50px;color: #999;}
.drop .drop-list {position: absolute; right: 16px;top: 0px;font-size: 16px;color:#999; line-height: 50px;}
.drop span {position:absolute; left:0px; top:100%; width:100%; display: none; z-index: 50; border: 1px solid #ebebeb; margin: 0px;}
.drop-list.act {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); z-index: 51; margin-top: 8px;}
.drop span a, .drop .but b {color: #999; background: #fff; font-size: 13px; font-weight: 300; float: left; position: relative; width: 100%; height: 35px; text-decoration: none; text-align: left; line-height: 28px; padding: 3px 0 0 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 52; text-transform: capitalize;}
.drop span a:hover, .drop .but b:hover {background: #222; color:#fff;}


/*---footer---*/

footer {position: relative; text-align: center; display: block; width: 100%; background: #000; color: #fff;}
.footer {position: relative; width: 100%; min-height: 100px; border-top: 1px solid rgba(204, 204, 204, 0.3);}
.footer-link {position: relative; float: left; height: inherit;}
.footer-link ul, .footer-link li {display: inline;}
.footer-link a {font-size: 16px; line-height: 24px; margin: 0px 15px; color: #999;}
.footer-link a:hover {color: #fff;}
.footer-folow {position: relative; float: right;}
.footer-folow a {font-size: 23px; margin: 0px 5px; vertical-align: bottom; font-weight: 100;}
.footer-folow a:hover {color: #999;}
.center .footer .footer-link, 
.center .footer .footer-folow {float: none;margin: 0 auto;text-align: center;clear: both;}
footer.reverse .footer-link {float: right;}
footer.reverse .footer-folow {float: left;}
.footer-copyright {
  padding-bottom: 13px;
  font-size: 14px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.content {position: relative; width: 100%; overflow: hidden; transition: transform .6s cubic-bezier(.6,0,.3,1);-ms-transition: transform .6s cubic-bezier(.6,0,.3,1); -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1);-moz-transition: transform .6s cubic-bezier(.6,0,.3,1);}
body.act .content {transform: translateX(-400px); -webkit-transform: translateX(-400px);-moz-transform: translateX(-400px);-ms-transform: translateX(-400px);}
.layer-dark {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; z-index: 50; transition: all .6s cubic-bezier(.6,0,.3,1);-ms-transition: all .6s cubic-bezier(.6,0,.3,1); -webkit-transition: all .6s cubic-bezier(.6,0,.3,1);-moz-transition: all .6s cubic-bezier(.6,0,.3,1);}
body.act .layer-dark {visibility: visible; opacity: 1;}
.slider-vertical  .full-height {height: 700px;}
.main-slider {max-width: 1600px;}
.main-slider .swiper-slide .main-title {
  margin-left: -150px;
  transition: all .6s cubic-bezier(.6,0,.3,1);
  -ms-transition: all .6s cubic-bezier(.6,0,.3,1);
  -webkit-transition: all .6s cubic-bezier(.6,0,.3,1);
  -moz-transition: all .6s cubic-bezier(.6,0,.3,1); opacity: 0;
  background-color: rgba(255,255,255,1);
  color: #000;
  padding: 30px 45px;
  width: auto;
}

.main-slider .swiper-slide .main-title h2 {
  font-size: 42px;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
	.main-slider .swiper-slide .main-title {
		padding: 20px 25px;
	}
	.main-slider .swiper-slide .main-title h2 {
		font-size: 32px;
	}
}
.main-slider .swiper-slide.active .main-title {opacity: 1; margin-left: 0px;}
.main-slider .swiper-slide .full-height {height: 700px;} 

.top-baner {position: relative; width: 100%; height: 700px;}
.main-wrapp {
  position: relative;
  background-color: #fff;
  width: 100%; padding:30px 0px 40px; overflow: hidden;}
.padd-80 {padding-bottom: 80px;}
.fillter-wrap {position: relative; width: 100%; text-align: left; padding: 0px 0px 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.fillter-wrap .but {font-size: 15px; color: #666; font-weight: 300; margin: 0px 50px 0px 0px; background: none;}
.fillter-wrap .but span {margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px;}
.fillter-wrap .but.activbut {color: #999;}
.fillter-wrap .but.activbut span {text-decoration: line-through;}
.izotope-container {position: relative; width: 100%; margin-left: auto; margin-right: auto;}
.izotope-container.nogutt-col2,
.izotope-container.nogutt-col3,
.izotope-container.nogutt-col4,
.izotope-container.nogutt-col5 {
	width: calc(100% - 30px);
}
.item__img-wrapper {
  height: calc(100% + 52px);
  position: absolute;
  top: 0;
  width: 100%;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1);
  transition: -webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1);
  transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
  transition: transform 0.6s cubic-bezier(0.4,0,0.2,1),-webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1);
}

.item__img-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.45s linear;
  transition: opacity 0.45s linear;
}
.izotope-container .item:hover .item__img-wrapper {
  transform: translateY(-52px);
}
.izotope-container .item:hover .item__img-wrapper:before {
  opacity: 0.3;
}
.izotope-container .item:hover .item-desc {
  transform: translateY(0);
}
.more-project {position: relative; width: 100%; text-align: center;}
.load-more {cursor: pointer;}
.load-more span {text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 300; color: #999; position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 15px;} 
.load-more img {position: relative; float: none; display: inline-block;}
.home-izotope .grid-sizer {width: 25%;}
.item a:active {color: #000;}
.item a:focus {color: #000;}
.home-izotope .item {position: relative; float: left; width: 25%; padding: 0px 15px; margin-bottom: 30px;}
.item h2, .item h3, .item h4, .item h5 {font-family: inherit;}
.item img {width: 100%; height: auto; display: block; backface-visibility: hidden;}
.home-izotope .item.w-50 {width: 50%;}
.layer {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; backface-visibility: hidden; background: rgba(255,255,255,0.8); text-align: center; opacity: 0;-webkit-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.nogutt-col2 .layer, .nogutt-col3 .layer, .nogutt-col4 .layer {left: 0px;}
.item .layer .vertical-align {padding: 0px 15px;}
.layer a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}
.layer.bl_layer {background: rgba(0,0,0,0.8);}
.layer.bl_layer h4 {color: #fff;}
.layer.bl_layer h5 {color: #ebebeb;}
.layer h4 {padding-bottom: 5px; letter-spacing: 5px; margin-top: -25px;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.layer h5 {margin-top: -55px;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.item:hover .layer {opacity: 1;}
.item:hover .layer h5 {margin-top: 0px;}
.item:hover .layer h4 {margin-top: 0px;}
.no-more {position: relative; width: 100%; text-align: center; font-weight: 300; font-size: 16px; text-transform: uppercase; display: block; color: #999;}
.color-light {color: #E7E7E7;}
.p_subtitle {color: #999; margin-bottom: 20px; line-height: 26px;}
.padd-80 .servis-block.left.simple.inactive_section {
    display: inline-block;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-item {position: relative; width: 100%; padding-bottom: 40px; padding-right: 40px;}
.contact-item p {padding-bottom: 30px;}
.wpcf7-form .wpcf7-not-valid-tip { margin-bottom: 12px; margin-top: 0px; font-size: 12px; }
.wpcf7-form .wpcf7-response-output {clear: both; margin: 20px 40px 10px 0px; padding: 5px;float: left; font-size: 12px;}
.tt {text-transform: uppercase; font-size: 14px; color: #777; padding-bottom: 15px;}
.team-text {padding: 20px; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; z-index: 1; background: rgba(255,255,255,0.8);transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.team-block:hover .team-text {top: 0px;}
.team-text span {font-size: 12px; color: #777; display: block; padding-bottom: 15px;}
.team-text p {font-size: 13px; color: #555; padding-bottom: 20px;}
.team-text .team-share {padding: 0px;}
.team-text .team-share a {font-size: 17px; margin: 0px 10px;}
.team-text .team-share a:hover {color: #000;}
.skill {position: relative; width: 100%; margin-top: -10px;}
.about-item h3 {margin-bottom: 15px; font-size: 30px;}
.about-item h4 {
  margin-bottom: 20px;
  margin-top: 35px;
}
.about-us h1 {padding-bottom: 10px;}
.about-us p {padding: 10px 0px 8px; color: #444;}
.team-block {position: relative; float: left; overflow: hidden; width: 100%;}
.team-block img {width: 100%; height: auto; }
.later-team {position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: rgba(255,255,255,1); border-bottom: 1px solid #000; border-left: 1px solid #000; z-index: 1; padding: 40px 35px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.later-team h4 { font-family: 'Montserrat', sans-serif;  font-size: 16px;}
.later-team h6 {font-weight: 300; color: #4c4c4c;}
.later-team p {font-size: 14px; color: #4c4c4c; padding: 35px 0px 0px 0px; font-family: 'Poppins', sans-serif; line-height: 26px; opacity: 0.7;}
.team-share {padding-top: 30px;}
.team-share a {font-size: 22px; color: #555; margin: 0px 15px;}
.team-share a:first-child {margin-left: 0px;}
.hiden-text {opacity: 0; padding-top: 40px; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}

.team-block:hover .later-team {bottom: 0px;}
.team-block:hover .hiden-text {opacity: 1; padding-top: 0px;}
.servis-block {position: relative; float: left; width: 100%; border-radius: 12px; text-align: center;}
.servis-block.active_padding {padding: 70px 15px;}
.servis-block.left{text-align: left;}
.servis-block.right{text-align: right;}
.servis-block i, .servis-block img {margin-bottom: 30px;font-size: 50px;color:#b4b4b4;}
.servis-block h4 {margin-bottom: 20px; font-size: 27px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif;}
.servis-block.` { background-color: #000; }
.servis-block.active_section h4 {
  color: #fff;
}
.servis-block p{font-size: 16px; font-family: 'Poppins', sans-serif; opacity: 0.5}
.servis-block.active_section i,
.servis-block.active_section img,
.servis-block.active_section p {
  color: #808080; 
}
.servis-block img.custom_img{
    margin-bottom: 20px;
    height: 50px;
    width: 50px;
    margin-right: 15px;
    display: inline-block;
}
.servis-block.modern i, .servis-block.modern img { display: block;}
.servis-block.modern img.custom_img{margin:0 auto; margin-bottom: 30px;}
.servis-block.classic i{margin-right: 30px;}
.servis-block.simple{display: flex; }
.servis-block.simple i{margin-right: 30px;}
.servis-block h4{ display: inline-block; line-height: 30px; }
.servis-block.center.modern.active_section.active_padding {
    background: #000;
}
.wrap-buttons .btn{
    margin-bottom: 10px;
    margin-top: 10px;
}
@media screen and (max-width: 992px) {
   .wrap-buttons .btn{
    margin-right: 35px;
   }
}
@media screen and (max-width: 767px) {
   .wrap-buttons .btn{
    margin-right: 0px;
   }
}

.btn-blank,
.btn-fill,
.btn-blank--white,
.btn-fill--black,
.comment-form input[type="submit"],
.contact-form input[type="submit"] {
  font-size: 12px;
  line-height: 28px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 24px;
  text-transform: capitalize;
  display: inline-block;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}
.btn-blank {
  border: 2px solid #e7543d;
    color: #e7543d;
}
.btn-blank--white {
  border: 2px solid #fff;
  color: #fff;
}
.btn-blank:hover,
.btn-blank:focus {
  background-color: #e7543d;
  color: #fff;
  outline: none;
}
.btn-blank--white:hover {
  background-color: #fff;
}
.btn-fill {
  background-color: #fff;
  color: #000;
}
.btn-fill--black,
.comment-form input[type="submit"],
.contact-form input[type="submit"] {
  background-color: #fff;
  color: #e7543d;
  border: 2px solid #e7543d;
}
.btn-fill:hover,
.btn-fill:focus {
  outline: none;
  background-color: #000;
  color: #fff;
}
.btn-fill--black:hover,
.btn-fill--black:focus,
.comment-form input[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus,
.contact-form input[type="submit"]:focus {
  background-color: #e7543d;
  color: #fff;
  border: 2px solid #e7543d;
}
.servis-block.active_section .btn-blank {
  margin-top: 25px;
  border-color: #fff;
  color: #fff;
}

.servis-block.active_section .btn-blank:hover {
  background-color: #fff;
  color: #000;
}
.subtitle {position: relative; width: 100%; text-align: center; padding-bottom: 50px;}
.subtitle h2 {padding-bottom: 10px;}
.subtitle h3 {padding-bottom: 10px; font-size: 30px;}
.subtitle h4 {padding-bottom: 15px;}
.subtitle p {padding-bottom: 20px;}
.top-baner.half-height {height: 200px;}
.content.page-body {
  margin-top: 87px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.container.page-body {
  background-color: #fff;
}
.top-baner.height-300 {height: 300px;}
.top-baner.height-500 { position: relative;}
.top-baner:before {
  content: '';
  background-color: rgba(0,0,0,.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
}
.top-baner > * {
 z-index: 1;
 position: relative;
}
.top-baner h5{
      max-width: 490px;
    margin: 0 auto;
    line-height: 32px;
    margin-bottom: 60px;
}

.top-baner--full-overlay:before {
  left: -25px;
  right: -25px;
}

@media screen and (min-width: 769px) {
  .top-baner--full-overlay:before {
    left: -75px;
    right: -75px;
  }
}
.top-baner .main-title {color: #fff;}
.bg-green {background: #e7efef;}
.bg-green .main-title h2 {color: #e7543d;}
.top-baner.height-500 .main-title {padding: 0px; color: #fff;}
.top-baner.height-500 .main-title h5 {opacity: .7;}
.main-title.no-bg {background: none; border: 0px none; outline: none; }
.main-title p {font-size: 16px; letter-spacing: 2px; font-style: italic; color: inherit; opacity: .7;}
.team-slider {padding-bottom: 40px;}
.team-slider .swiper-slide {padding: 0px 15px;}
.team-slider .point-style-2 {text-align: left; padding-left: 11px;}
.serv-text {padding-bottom: 30px;}
.serv-text h6 {padding-bottom: 10px;}
.serv-text p {font-size: 13px; color: #555;}
.full-about-baner {width: 100%; position: relative;/*  min-height: 700px; */}
.full-about-baner .w-50:first-child {width: 50%; position: absolute; left: 0px; top: 0px; height: 100%;}
.full-about-baner .w-50:last-child {width: 50%; position: absolute; left: 50%; top: 0px; height: 100%;}
.about-baner-slider .swiper-slide .slides {height: 350px; width: 100%;}
.about-baner-slider .swiper-slide {width: 100%;}
.about-baner-slider {height: 350px;}
.bottom-about-title {background: #222; position: absolute; left: 0px; bottom: 0px; height: 350px; width: 100%;}
.bottom-about-title .title h6 {color: #fff; text-align: center; line-height: 20px;}
.serv-text.text-center a {font-size: 18px; text-align: center; font-family: 'Roboto Slab', serif; display: block; padding-bottom: 15px}
.service-icon {position: relative; width: 100%; padding: 120px 0px; margin-bottom: 80px;}
.info-block  {width: 100%; text-align: center; color: #fff;}
.info-block h4 {font-size: 36px; padding-bottom: 15px; letter-spacing: 0px;}
.black-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.price-block .button-style-2 a {color: #000; padding: 10px 25px; font-size: 14px; overflow: hidden; border: 0px none;}
.price-block .button-style-2 a:before {content: attr(data-text); padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #fff; position: absolute; left: 0px; bottom: 0%; width: 100%; height: 100%; background: #000; z-index: 1; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;  border: 1px solid #000;}
.price-block .button-style-2 a:after {content: attr(data-text);padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #444; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; background: #efefef; z-index: 2; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;  border: 1px solid #efefef;}
.price-block .button-style-2 a:hover {color: #efefef; border: 0px none;}
.price-block .button-style-2 a:hover:before {bottom: -100%;}
.price-block .button-style-2 a:hover:after {top: 0px;}
.price-block:hover {border: 1px solid #888;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.item.blog-item {position: relative; float: left; margin: 0px 1% 30px; background: #fff;}
.blog-item-img {position: relative; width: 100%; overflow: hidden;}
.blog-item img {width: 100%; height: auto; transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;} 
.blog-item:hover .blog-item-img img {transform: scale(1.1);} 
.blog-item-text {padding: 0px 30px;}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .blog-item-text {padding: 0px 15px;}
}
.blog-item .blog-item-text h4 {
  word-wrap: break-word;
  font-size: 26px;
  padding-bottom: 20px;
  color: #222;
  display: block;
  font-family: 'Roboto Slab', serif;
  line-height: 30px;
  transition: all 0.3s ease;
  text-transform: capitalize;
  font-weight: 600;
}
.blog-item .blog-item-text h4:hover {color: #e7543d;}
.blog-item-bg {min-height: 400px;}
.full-img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 5; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.blog-item:hover .full-img {opacity: 1;}
.full-img .top-bar,
.full-img .top-bar a,
.full-img .blog-item-text p {
  color: #5d5d5d;
}

.post-line-info {
  margin-bottom: 40px;
}

.post-preview-header {
  width: 100%;
  margin-bottom: 70px;
}

.post-preview-left {
  width: 20%;
      padding: 5px 15px 0 4px;
}

.post-preview-right {
  width: 80%;
}

.post-preview-right--single-post {
  width: 75%;
}

.post-preview-category,
.post-preview-date,
.post-preview-tags {
  line-height: 1.6;
}

.blog-post__category,
.blog-post__date {
  margin-bottom: 15px;
}

.blog-post__category,
.blog-post__category a,
.blog-post__date {
  font-size: 14px;
  color: #999;
}

.full-img .top-bar a:hover {
  color: #000;
}
.top-bar {position: relative; width: 100%; padding: 20px 0px 15px; font-size: 14px; color: #999; font-weight: 300;}
.top-bar a {color: #999; margin-right: 20px; font-size: 13px;}
.top-bar a:hover {color: #000;}
.top-bar span {
  margin-right: 20px;
  font-size: 13px;
}
.blog-link a {display: block; margin-bottom: 30px; font-size: 14px; color: #e7543d;}

.blog-item a:hover {color: #999;}
.blog-item p {color: #999; font-size: 15px; padding-bottom: 40px;}
.blog-item button {margin-top: 40px;}
.read-more {letter-spacing: 2px; text-transform: uppercase; color: #555; margin: 25px 0px 15px; font-size: 16px; position: relative; display: block; font-weight: 300;}
.read-more:hover {color: #000;}
.nav-bar {position: relative; width: 100%; text-align: center; padding: 40px 0px 20px;}
.nav-bar a span {position: relative; float: none; display: inline-block; margin: 0px 3px; background: #ebebeb; padding: 8px 14px; font-size: 14px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.nav-bar a span:hover {background: #222; color: #fff;}
.blog-item.blog-item-4 .top-bar {font-size: 12px;}
.blog-item.blog-item-4 h5 a {padding-bottom: 20px; color: #222; display: block;}
.blog-item.blog-item-4 h5 a:hover {color: #999;}
.blog-item.blog-item-4 p {font-size: 13px;}
.blog-item.blog-item-4 button {margin-top: 20px;}

.blog-small .top-bar a {font-size: 12px;}
.blog-small .top-bar span {font-size: 12px;}
.blog-small h4 {font-size: 16px; line-height: 20px;}
.blog-small p {font-size: 13px;}

.widget_product_search form, .widget_search form {position: relative; background: #eee;border-radius: 5px;padding: 15px !important;}
.widget_product_search input, .widget_search input{height: 50px; font-size: 16px; color: #999;}
.widget_product_search .search-field, .widget_search .search-field {width: 80%;font-weight: normal;text-transform: capitalize;}
.widget_product_search label, .widget_search label{width: 100%;}
.widget_product_search input[type=submit], .widget_search .search-submit{position: absolute;right: 20px;top: 28px;font-size: 0; background: url('../img/search.png');width: 28px;height: 24px;}

.sidebar-block {position: relative; padding: 30px 0px; width: 100%; display: inline-block;     font-family: 'Raleway', serif;}
.sidebar-block h4 {
      text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
}
.sidebar-block ul li a{ font-size: 16px;  }
.sidebar-block a.rsswidget {
    font-weight: 600;
}
.sidebar-block:first-child {padding-top: 0px;}
.serach-input {position: relative; width: 100%; border-radius: 5px; background:#eee; height: 50px; padding: 0px 15px; color: #999;}
.serach-input input {position: relative; width: 80%; height: 50px; font-size: 16px; color: #999; text-transform: capitalize;}
.serach-input span {font-size: 30px; position: absolute; right: 15px; top: 10px;}
.sidebar-cat {position: relative; width: 100%;font-size: 14px; text-transform: uppercase;}
.sidebar-cat li {font-size: 16px; text-transform: capitalize; color: #222; width: 100%; position: relative; padding: 8px 0px; border-bottom: 1px solid #eee; cursor: pointer;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.sidebar-cat span {position: relative; float: left; font-size: 13px; padding: 0px 15px; line-height: 33px; color: #999;}
.sidebar-cat b {position: relative; float: right; font-size: 14px; padding-right: 15px; line-height: 30px;}
.sidebar-cat li:last-child {border-bottom: 0px none;}
.sidebar-cat a:hover { color: #fff;}
.sidebar-cat li:hover {background: #222; color: #fff;}
.popular-block {position: relative; width: 100%; padding-bottom: 30px; display: inline-block;}
.popular-block p {font-size: 14px; line-height: 18px; color: #999; padding-bottom: 20px;}
.popular-block:last-child {padding-bottom: 0px;}
.popular-block .pop-text {font-size: 14px;}
.pop-img {position: relative; float: left; width: 40%;padding-right: 15px;}
.pop-img img {width: 100%; height: auto;}
.pop-text {position: relative; width: 60%;}
.pop-text h5 {padding-bottom: 10px; font-size: 14px; line-height: 16px;}
.pop-text a:hover {color: #999;}
.pop-text span {font-size: 14px; font-weight: 500; color: #999;display: block;}
.tags-button {position: relative; width: 100%; margin-top: 7px;}
.tagcloud,.tags-button {text-align: justify;}
.tagcloud a,.tags-button a {
      display: inline-block;
    position: relative;
    padding: 5px 5px;
    font-size: 14px !important;
    letter-spacing: 1px;
    border-bottom: 1px solid #999;
    text-transform: lowercase;
    color: #999;
    margin: 0px 10px 10px 5px;
    transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}
.tagcloud a:hover, .tags-button a:hover {border-bottom: 1px solid #222; color: #222;}
.sidebar-block .arrow-style-1 span {color: #fff;}
.sidebar-block .slide-prev {left: 15px;}
.sidebar-block .slide-next {right: 15px;}
.list-archive {position: relative; width: 100%; padding: 0px 20px; float: none; display: inline-block;}
.list-archive li {font-size: 12px; text-transform: uppercase; line-height: 24px;}
.list-archive li a:hover {color: #999;}
.list-archive li span {position: relative; float: right; color: #999;}
.sidebar-tabs.tpl-tabs {width: 100%;}
.sidebar-tabs.tpl-tabs li {width: 50%;}
.sidebar-tabs.tabs-style-1.nav-tabs>li>a { margin-right: 0px; font-size: 13px;}
.widget_calendar {font-size: 14px;}
.sidebar-block td, .sidebar-block th {border: 1px solid #eee; padding: 3px 8px;text-align: center;}
.sidebar-block td a, .sidebar-block th a {text-decoration: underline;}
.sidebar-block select{font-size: 14px;max-width: 90%;}
.sidebar-block ul ul, .sidebar-block ul ol, .sidebar-block ol ol, .sidebar-block ol ul {padding-left: 20px; margin-bottom: 0;}
.widget_recent_comments a {text-decoration: underline;}
.widget_rss .rss-date{font-size: 12px;font-style: italic;}
.widget_rss li{margin-bottom: 20px;}
.widget_rss li a{font-size: 18px;text-decoration: underline;display: block;}
.widget_rss li:last-child{margin-bottom: 0;}
.sidebar-block img{max-width: 100%;}
.sidebar > .sidebar-block:first-child {padding-bottom: 0;}
.menu-item-1053 a {
  color: #000;
}

.b-det-wrapp {position: relative; width: 100%; padding-bottom: 35px;}
.b-det-wrapp p {display: block; padding-bottom: 15px;}
.b-det-wrapp ul {padding-bottom: 15px; float: none;}
.b-det-wrapp img {width: 100%; height: auto;}
.det-tags {position: relative; width: 100%;float: left;}
.det-tags h4 {position: relative; float: left; padding-right: 20px; padding-top: 5px;}

.pad-80 {padding: 80px 0px;}
.pad-top-zerro {padding-top: 0;}
.comments {position: relative; width: 100%;}
li.comment {list-style: none;}
li.comment li.comment {margin-left: 20px;}
.comments .comments__title {font-size: 27px; text-align: left;}
.comm-block {width: 100%; position: relative; padding-bottom: 50px;}
.comm-txt {position: relative; padding-left: 110px; width: 100%;}
.comm-txt h5 {position: relative;}
.comm-txt p {position: relative; width: 100%; padding: 5px 0px; color: #999;}
.date-post {padding-left: 25px; margin-top: 5px;}
.comm-txt h5 {line-height: 14px; font-weight: 400; color: #000; }
.date-post span {position: relative; font-size: 14px; color: #999;}
.date-post h6 {position: relative; font-size: 13px; color: #999; padding-left: 10px; text-transform: capitalize; display: inline-block;}
.comm-img, .comm-meta {display: inline-block;}
.comm-meta h5 {padding-left: 15px; margin-bottom: 0;}
.comm-txt a {font-size: 12px; color: #e7543d; text-transform: uppercase;}
.comm-txt a:hover {color: #999;}
.comment-form, .contact-form {position: relative; width: 100%;}
.comment-form h3, .contact-form h3, h3.contact-form {font-size: 27px; text-align: left;}
.comments .comments__title#reply-title {padding-bottom: 10px;}
.popular-wrapper {margin-top: 80px;}
.popular-block.padd-80 {padding-bottom: 80px;}
.comment-respond {margin-bottom: 50px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - SHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shop-chose-wrap form{ position: relative; }
.shop-chose-wrap form:before{ content: "\f0dd"; font: normal normal normal 14px/1 FontAwesome; color: #999; position: absolute; bottom: 20px; right: 15px; }
.shop-chose-wrap select { min-width: 100%; width: 100%; font-family: 'proxima_nova_rgregular'; color: #999; font-weight: 300; font-style: normal; font-size: 14px; height: 50px; padding: 10px 15px 10px 10px; background: #eee; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px none; }
.shop-chose-wrap.widget_product_search form:before{display: none;content: '';}
.shop {position: relative; width: 100%; padding: 80px 0px 40px;}
.shop-bar {width: 100%; max-width: 1200px; display: inline-block; position: relative; padding-bottom: 100px;}
.california_shop_sort_by, .shop-chose-wrap {position: relative; float: left; width: 20%;}
.california_shop_sort_by span, .shop-chose-wrap span {font-size: 14px; color: #000; font-weight: 300; position: relative; text-transform: uppercase; margin-right: 10px; line-height: 36px;}
.price-chose {position: relative; float: left;}
.price-chose .slider-handle {width: 12px; height: 12px; background: #222; opacity: 1;}
.price-chose .slider-selection {background-color: #999; border-radius: 2px; background-image: none; height: 3px;}
.price-chose .slider.slider-horizontal .slider-track {height: 3px; background: #999;}
.price-chose .slider.slider-horizontal .slider-selection {background: #222;}
.price-chose .tooltip-inner {background: #ebebeb; color: #222;}
.price-chose .tooltip.top .tooltip-arrow {border-top-color: #ebebeb;}
.shop-title {position: relative; width: 100%; padding-top: 25px; text-align: center; float: left;}
.shop-title h5 {text-transform: uppercase; padding-bottom: 10px;}
.shop-title span { font-weight: normal; font-size: 16px; color: #999; margin: 0px 10px; position: relative; float: none; display: inline-block;}
.shop-title del span {text-decoration: line-through;}
.style-link-1 {text-decoration: line-through;} 
.card-button {border: 2px solid #999; padding: 10px 15px; text-transform: uppercase; font-size: 14px; text-align: center; color: #222;}
.card-button span {padding-right: 10px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.card-button:hover {background: #222; border: 2px solid #222; color: #fff;}
.card-button:hover span {color: #fff;}
.left-filter .california_shop_sort_by, .left-filter .shop-chose-wrap {width: 100%; padding-bottom: 10px;}
.left-filter .drop-wrap {width: 100%;}
.left-filter .drop {min-width: 100%;}
.left-filter .california_shop_sort_by span, .left-filter .shop-chose-wrap span {background: #fff;}
.left-filter .price-bar b:first-child {position: absolute; left: 0px; top: -5px;}
.left-filter .price-chose b:last-child {position: absolute; right: 0px; top: -5px;} 
.left-filter .price-bar {width: 100%;}
.left-filter .price-chose {width: 100%; padding-bottom: 30px;}
.left-filter .slider.slider-horizontal {width: 100%!important;}
.left-filter .s-field {width: 100%; visibility: visible; opacity: 1;}
.left-filter .search {width: 100%;}
.left-filter .filter-drop .but {width: 100%; padding: 0px; display: block;} 
.search-button input {position: absolute; right: 0px; top: 0px; font-size: 16px; line-height: 35px; width: 50px; z-index: 5;}
.search-button span {line-height: 35px; position: absolute; right: 15px; top: 0px; font-size: 14px;}

.price-chose b {font-size: 13px; color: #999; font-weight: 300; padding: 0px 15px;}
.price-chose span {font-size: 14px; color: #000; font-weight: 300; position: relative; float: left; text-transform: uppercase; margin-right: 10px; line-height: 36px;}
.price-bar {position: relative; float: left; padding-top: 8px;}
.search {position: relative; float: right;}
.s-field {position: relative; float: left; width: 0; backface-visibility: hidden; opacity: 0; height: 35px; border: 1px solid #999; color: #999; padding: 0px 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.s-field.slide {width: 200px; opacity: 1;}
.s-icon {position: absolute; right: 0px; top: 1px; background: none; font-size: 20px; color: #222;}
.s-icon:hover {color: #999;}
.shop-item {position: relative; float: left; width: 100%;}
.shop-item img {width: 100%; height: auto;}

.wh-33 .item {width: 33.333%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left;}
.wh-33 .grid-sizer {width: 33.3333%;}
.wh-50 .item {width: 50%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left;}
.wh-50 .grid-sizer {width: 50%;}

.layer-shop {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.9); text-align: center; opacity: 0; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); z-index: 50;}
.layer-shop h4 {padding-bottom: 10px; font-weight: 600; letter-spacing: 1px;} 
.layer-shop h5 {padding-bottom: 20px;}
.layer-shop .line {position: relative; display: block; width: 30px; height: 2px; background: #222; margin: 0 auto;}
.layer-shop span {font-size: 18px; color: #222; position: relative; float: none; display: inline-block; padding-top: 25px;}
.shop-item:hover .layer-shop {opacity: 1; transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.map {position: relative; width: 100%; display: inline-block;}
.map-canvas {height: 810px;}
.contact {padding: 80px 0px;}

.comment-form input,
.contact-form input,
textarea {
  width: 100%;
  height: 45px;
  border: 1px solid rgba(153, 153, 153, 0.5);;
  padding: 0px 15px;
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: none;
  border-radius: 26px;
}
.comment-form input:focus{
  border-color: #e7543d;
}
.contact-form input,
textarea:focus{
  border-color: #e7543d;
}
.comment-form form, .contact-form form {padding-top: 10px;}
.comment-form textarea, .contact-form textarea {height: 160px; padding-top: 10px; border-radius: 26px;}
.comment-form input[type="submit"], .contact-form input[type="submit"] {
  width: auto;
  text-align: center;
  border: 2px solid #e7543d;
  margin: 0px;
}
.submit-button {position: absolute; right: 0px; top: 0px; width: 50px; color: #999;}
.submit-button i {line-height: 50px; font-size: 14px; position: absolute; right: 20px;}
.submit-button input {position: absolute; left: 0px; top: 0px; background: none; width: 50px; height: 50px; z-index: 5;}

.adress-block {position: relative; width: 100%; text-align: left; padding: 0px 0px 20px;}
.adress-block h5 {padding-bottom: 15px;}
.adress-block a {font-size: 14px; color: #222; display: block; font-weight: 300;}
.adress-block ul li {font-size: 14px; color: #222; line-height: 24px; font-weight: 300;}

.main-slider .main-title {
  left: 30px;
  color: #f6f6f6;
  top: auto;
  bottom: 30px;
  padding: 0px;
  text-align: left;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
}
@media screen and (max-width: 992px) {
	.main-slider .main-title {
		left: 25px;
		right: 25px;
	}
}
.main-title {position: absolute; text-align: center; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.main-title--vertical-slider {
  top: initial;
  bottom: 0;
}
.main-title--vertical-slider h3 {
  color: rgba(255,255,255,.7);
  font-size: 20px;
  margin-top: 13px;
}
.main-title.title-no-bg {background: none; outline: none; width: 100%;} 
.main-title.title-no-bg h1 {padding-bottom: 30px; letter-spacing: 12px;}
.main-title h2 {padding-bottom: 10px;}
.main-title h2.type-2 {font-size: 90px; font-weight: 700; line-height: 80px; font-family: 'Montserrat', sans-serif;} 

.skill-block {position: relative; float: left; width: 100%; height: 20px; margin: 10px 0px;}
.skill-block span {position: relative; font-size: 14px; color:#808080; padding: 10px 30px 2px 0px; font-weight: 300; text-transform: uppercase; background: #fff; z-index: 1;}
.skill-block .skill-line {height: 5px; background: #999; position: relative; margin-top: 3px; width: 100%; border-radius: 5px;}
.skill-block .skill-line div {position: absolute; background: #222; width: 0%; height:5px; transition:all 2s ease-in-out 0.3s;-webkit-transition:all 2s ease-in-out 0.3s;-moz-transition:all 2s ease-in-out 0.3s;-o-transition:all 2s ease-in-out 0.3s;-ms-transition:all 2s ease-in-out 0.3s;}
.skill-block h5 {font-size: 14px;text-align: right; position: absolute;right: -15px;top: -25px; color: #222;font-weight: 300;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.accordion > dt {margin-bottom: 10px;font-size: 12px;font-weight: 400; text-transform: uppercase;letter-spacing: 0.2em;}
.accordion > dt > a {display: block;position: relative;color: #777;text-decoration: none;padding: 14px 20px;border: 1px solid #e5e5e5;
  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a.active {background: #000; color: #fff;}
.accordion > dd {margin-bottom: 10px;padding: 10px 20px 20px;font-size: 14px;line-height: 1.8;color: #777;}
accordion > dt > a:after {content: "\f107";width: 15px;height: 15px;margin-top: -8px;position: absolute;top: 50%;right: 10px;font-family: 'FontAwesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;font-size: 15px;line-height: 15px;text-align: center;color: #999;-webkit-font-smoothing: antialiased;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}

.gallery-caption, .bypostauthor {font-size: inherit;}
.gallery-block {
    margin: 20px 0;
    cursor: pointer;
}
.toggle > dt {margin-bottom: 10px;font-size: 13px; font-weight: 400; text-transform: uppercase;letter-spacing: 0.2em;}
.toggle > dt > a {display: block;position: relative;color: #777;text-decoration: none;padding: 14px 20px;border: 1px solid #e5e5e5;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.toggle > dd {margin-bottom: 10px;padding: 10px 20px 20px;font-size: 14px;line-height: 1.8;color: #777;}

.skill-block.skill-style-2 .skill-line {height: 30px; background: #ebebeb;}
.skill-block.skill-style-2 span {position: absolute; background: none; color: #fff; padding: 7px 30px 2px 10px;}
.skill-block.skill-style-2 .skill-line div {height: 30px; background: #000;}
.skill-block.skill-style-2 h5 {color: #fff; right: 8px; top: 5px;}

.butt-style {text-transform: uppercase;  display: block; letter-spacing: 1px; font-weight: 300; margin-bottom: 15px;  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.button-style-1 { background: none; border: 1px solid #222; color: #222; display: inline-block;}
.button-style-1 a:hover {background: #222; color: #fff;}
.button-style-2 a { background: #222; border: 1px solid #222; color: #fff; display: inline-block;}
.button-style-2 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-3 a {background: #fff; border: 1px solid #222; color: #222; border-radius: 30px; display: inline-block;}
.button-style-3 a:hover {background: #222; color: #fff; border: 1px solid #222;}
.button-style-4 a {background: #222; display: inline-block; border: 1px solid #222; border-radius: 30px; color: #fff;}
.button-style-4 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-5 a {background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; border-radius: 30px; color: #222;}
.button-style-5 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-6 a {background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; color: #222;}
.button-style-6 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.b-lg {padding: 16px 40px; font-size: 18px;}
.b-md {padding: 11px 33px; font-size: 16px;}
.b-sm {padding: 8px 18px; font-size: 13px;}
.b-xs {padding: 7px 16px; font-size: 12px; letter-spacing: 1px;}

.serv-style-1 {text-align: center;}
.serv-style-1 .fa {font-size: 30px; color: #222; }
.serv-style-1 h4 {font-size: 16px;}

.prog-serv {position: relative; float: left; padding-top: 15px; width: 100%; text-align: center;}
.prog-serv h5 {position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 20px;}
.prog-serv img {position: relative; float: none; display: inline-block;}

.grid-elem h4 {padding-bottom: 15px;}
.grid-elem h5 {padding-bottom: 15px;}
.grid-elem a {text-decoration: underline;}

.nav-tabs>li {float: left;margin-bottom: -1px; position: relative; display: block;}
.tabs-style-1.nav-tabs>li>a {margin-right: 2px;border: 1px solid #222; z-index: 5; border-radius: 0px; background: #fff; z-index: 5; margin-top: 1px; border-bottom: 0px none;}
.tabs-style-1.nav-tabs>li:last-child a {border-left: 0px none;}
.tpl-tabs {font-size: 12px;font-weight: 400; text-transform: uppercase;letter-spacing: 1px;border: 0px none;}
.tpl-tabs-cont {padding: 38px 0 0px;color: #222;line-height: 1.8;}
.t-con-style-1.tab-content>.tab-pane {display: none;visibility: hidden; padding: 30px 20px 25px 20px; border: 1px solid #222;}
.t-con-style-1.tab-content>.active {display: block;visibility: visible;}
.tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover {border: 1px solid #999; background: #fff; color: #222; border-bottom: 0px none;}
.tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover
.t-con-style-1.tab-content>.active {background: #fff;}
.tab-pane .pop-text a h5 {font-size: 13px; line-height: 16px;} 
.tpl-minimal-tabs {width: 100%;}
.tpl-minimal-tabs > li { padding: 0 20px;background: none !important;float: none; position: relative; display: inline-block;}
.tpl-minimal-tabs {display: inline-block;font-size: 12px;font-weight: 400;text-transform: uppercase;text-align: center;letter-spacing: 1px;border: none;}
.tpl-minimal-tabs > li > a {padding: 6px 20px 5px;text-decoration: none;color: #000;background: none;border: 1px solid transparent;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover {border: 1px solid #222 !important;background: none !important;color: #000;cursor: default;}
.tpl-minimal-tabs-cont {padding: 40px 0px 0px; clear: both; text-align: center;}


.video-wrap {width: 100%; position: relative;}
.video-wrap {width: 100%; position: relative;}
.video {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;height: 0;}
.video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sound {width: 100%; position: relative;}
.sound iframe {width: 100%; height: auto;}

.slide-prev,
.slide-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  width: 32px;
  height: 30px;
  transform: translateY(-50%);
}
.slide-prev div,
.slide-next div {
      padding: 20px;
    border-radius: 200px;
    background-color: rgba(255, 255, 255, 0.7);
    top: -10%;
    left: -8%;
    position: relative;
}

.slide-prev {
  left: 35px;
  background-image: url(../img/Arrow_Back.svg);
  transition: left .3s linear;
}
.slide-next {
  right: 35px;
  background-image: url(../img/Arrow_Forward.svg);
  transition: right .3s linear;
}
.slide-prev:hover {
  left: 25px;
}
.slide-next:hover {
  right: 25px;
}
.swiper-slide img {width: 100%; height: auto;}
.arrow-style-1 span {font-size: 48px; color: #222;}
.slider-wrap.padding {position: relative; width: 100%; margin-top: 50px;}
.pagination {position: absolute; width: 100%; text-align: center; left: 0px; bottom: 0px; z-index: 5;} 
.point-style-1 .swiper-pagination-switch {
  position: relative;
  display: inline-block;
  float: none;
  margin: 0 8px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}
.point-style-1 .swiper-active-switch:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #fff;
  left: -2px;
  top: -2px; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);}
.point-style-1 .swiper-pagination-switch.swiper-active-switch:before {transform: scale(2); -webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.point-style-1 .swiper-pagination-switch.swiper-active-switch {transform: scale(0.6); -webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);}

.point-style-2 .swiper-pagination-switch {position: relative;display: inline-block;float: none;margin: 0 8px;width: 12px;height: 12px;cursor: pointer; border-radius: 50%; background: #222; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.point-style-2 .swiper-pagination-switch.swiper-active-switch {transform: scale(1.2); -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); background: #afaeae; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}

.slider-3 .swiper-slide {padding: 0px 15px;}

.slider-4 .pagination {bottom: 30px;}
.fix-bg-slider {position: relative; width: 100%;}
.testi-slider-wrapp {position: relative; width: 100%; padding: 80px 0px 120px; text-align: center;}
.testi-slider-wrapp img {width: 70px; height: 70px;}
.testi-slider-wrapp p {padding-bottom: 40px;}
.testi-slider-wrapp img {margin-bottom: 20px;}

.slider-6 {padding: 120px 0px 80px; position: relative; width: 100%;}
.slide-7-wrap {position: relative; width: 100%; padding: 80px 0px 40px; float: left;}
.left-block {position: relative; float: left; width: 50%;}
.left-block img {width: 100%; height: auto;}
.right-block {position: relative; float: left; width: 50%; padding: 40px 0px; text-align: left; padding: 120px 30px 0px 60px;}
.right-block h4 {padding-bottom: 15px;}
.right-block p {padding-bottom: 25px;}
.pos-out.slide-next {right: -50px;} 
.pos-out.slide-prev {left: -50px;}

.alert {position: relative; width: 100%; padding: 15px; font-size: 18px; border: 1px solid #ebebeb; border-radius: 0px; background: #fbfbfb;}
.alert span {line-height: 23px; margin-right: 15px; color: #999;}
.alert p {font-size: 14px; text-transform: uppercase; color: #999; font-weight: 400;}

.f-awesome {font-size: 14px; color: #222;}
.f-awesome .fa-icon {font-size: 16px; color: #444;}
.f-awesome > div {padding: 0px; border: 1px solid #ebebeb;margin: -1px 0px 0px -1px;font-size: 13px;}
.f-awesome > div > i {display: inline-block;margin-right: 5px; min-width: 40px; min-height: 40px;border-right: 1px solid #ebebeb; line-height: 40px;text-align: center;font-size: 14px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SHOP DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.shop-detail-info {position: relative; width: 100%;}
.shop-detail-info h4 {padding-bottom: 30px;}
.shop-detail-info p {padding: 25px 0px 30px; position: relative; width: 100%; float: left;}
.shop-price {position: relative; width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 25px 0px 25px; float: left;}
.shop-price h6 {line-height: 20px;}
.shop-price h5 {padding-left: 15px;}
.rate-info {padding-top: 3px;}
.rate-info span {font-size: 16px; color: #ebebeb; margin: 0px 2px;} 
.rate-info .star-act {color: #222;}
.add-tocard {position: relative; float: left; width: 100%; padding: 20px 0px 25px; border-bottom: 1px solid #ebebeb;}
.add-tocard input[type="number"] {border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px;}
.shop-det-tags {padding: 25px 0px;position: relative; float: left; width: 100%; border-top: 1px solid #ebebeb;}
.shop-det-tags-wr {width: 100%; position: relative; padding-bottom: 15px;}
.shop-det-tags-wr {font-size: 13px; color: #999; text-transform: uppercase;}
.image-list span {margin-right: 5px;}
.shop-det-tags-wr a {color: #999; font-size: 14px; padding: 0px 8px; text-transform: lowercase;}
.shop-det-tags-wr a:hover {color: #000;}
.heading-2 h1,.heading-2 h2,.heading-2 h3,.heading-2 h4,.heading-2 h4,.heading-2 h5,.heading-2 h6 {font-weight: 400; }
.heading-3 h1,.heading-3 h2,.heading-3 h3,.heading-3 h4,.heading-3 h4,.heading-3 h5,.heading-3 h6 {font-weight: 100; letter-spacing: 0px; font-family: 'latolight';}
.no-padding.padd-80 {padding: 0px;}
.main-title-fix {position: relative; width: 100%; height: 500px;}
.lg-title {padding: 40px 0px 10px;}
.md-title {padding: 50px 0px 0px;}
.sm-title {padding: 40px 0px 0px;}
.bg-grey {background: #f3f3f3;}
.bg-grey-dark {background: #C7C7C7;}
.bg-dark {background: #222; color: #fff;}
.fix-title {position: relative; width: 100%;}
.subtitle-bg-lg {padding: 120px 0px 100px;}
.subtitle-bg-md {padding: 80px 0px 60px;}
.subtitle-bg-sm {padding: 40px 0px 20px;}

.team-col-4 .later-team {padding: 15px 5px;}
.team-col-5 .later-team {padding: 40px 10px; text-align: center;}
.team-col-5 .later-team p {display: none;}
.team-col-5 .team-share a {font-size: 18px;}
.team-col-5 .later-team h4 {font-size: 16px; padding-bottom: 10px;}
.col-5 {position: relative; float: left; width: 20%; padding: 0px 15px;}

.accordion .panel {border: none; -webkit-box-shadow: none;box-shadow: none; }
.accordion .panel-heading { position: relative;padding: 0px; }
.accordion .panel-title {font-weight: 300;text-transform: uppercase; letter-spacing: 0px;}
.accordion .panel-title a { font-size: 13px;padding: 15px 30px 15px 65px;display: block;background: #999;color: #fff; }
.accordion .panel-title a:hover {text-decoration: none; }
.accordion .panel-title a.collapsed {background: #ededed;color: #203c4d; }
.accordion .marker {width: 50px;height: 100%;color: #fff;background: #666;position: absolute;top: 0px;left: 0px; }
.accordion .marker__open {display: block;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -5px; }
.accordion .marker__close {display: none;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -6px; }
.accordion a.collapsed .marker {background: #222;}
.accordion a.collapsed .marker__open {display: none; }
.accordion a.collapsed .marker__close {display: block; }
.accordion .panel-body {font-size: 13px;font-weight: 300;line-height: 24px;color: #fff;background: #fff;padding: 25px 25px 0px 25px; }
.accordion .panel-body p {margin-bottom: 30px; color: #fff;}
#accordion-3 .panel-body p {margin-bottom: 30px; color: #222;}
#accordion-7 .panel-body p {margin-bottom: 30px; color: #222;}
#accordion-8 .panel-body p {margin-bottom: 30px; color: #222;}
.tabs-content .panel-body p {color: #222;}
.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 65px;margin-bottom: 15px;border: none; }
.panel-group {margin-bottom: 40px;}
.accordion.panel-group .panel + .panel {margin-top: 15px; }
.accordion.white .panel-title a.collapsed {background: #fff; }
.accordion.white .panel-body {background: #fff; }
.accordion.dark .panel-title a {background: #ebebeb; color: #222;}
.accordion.dark .panel-title a.collapsed {background: #ebebeb; }
.accordion.dark .panel-body {background: #222; }
.accordion.dark .marker {background: #222; }
.accordion.orange .panel-title a {background: #f48b24; }
.accordion.orange .panel-title a.collapsed {background: #f7f7f7;color: #231810; }
.accordion.orange .panel-body {background: #f7f7f7;color: #89837f; }
.accordion.orange .marker {background: #231810; }
.accordion.orange a.collapsed .marker {background: #f48b24; }
.accordion.white-black {border: 1px solid #f1f1f1; }
.accordion.white-black .panel + .panel { margin-top: 0px; }
.accordion.white-black .panel-title a {font-size: 11px;background: #1d4156;padding: 18px 30px 18px 32px; }
.accordion.white-black .panel-title a.collapsed { background: #fff; color: #203c4d;border-bottom: 1px solid #f1f1f1; }
.accordion.white-black .panel-title a .fa {position: absolute; top: 50%;left: 15px;margin-top: -5.5px;color: #079aee; }
.accordion.white-black .panel-title a.collapsed .fa { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);color: #079aee; }
.accordion.white-black .panel-body { background: #fff; }
.accordion.white-black .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 70px; }
.accordion.white-black .panel-collapse.collapse.in {border-bottom: 1px solid #f1f1f1; }
.tabs-block .nav-tab-item {font-size: 12px;font-weight: bold;color: #222;text-transform: uppercase;background: #ebebeb;padding: 17px 15px;cursor: pointer; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.tabs-block .nav-tab-item.active {background: #222; color: #fff;}
.nav-tab-item:hover {background: #222; color: #fff;}
.tabs-block .gallery {margin-bottom: 30px; }
.tabs-block.dark .nav-tab-item {background: #999;color: #222;border: none; }
.tabs-block.dark .nav-tab-item.active, .tabs-block.dark .nav-tab-item:hover {background: #ebebeb;color: #fff; }
.tabs-block.dark .nav-tab-item + .nav-tab-item {border-top: none;border-top: 1px solid #222; }

.price-block {position: relative; width: 100%; border: 1px solid #ebebeb; border-radius: 12px; float: left; text-align: center; padding-bottom: 25px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.price-block.act {border-color: #888;}
.price-price {position: relative; width: 100%; border-bottom: 1px solid #ebebeb; /* padding: 15px 0px; */}
.price-price h4 {font-weight: 400; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.price-title {position: relative; width: 100%; padding: 20px 10px; border-bottom: 1px solid #ebebeb;}
.price-title span {font-size: 80px; color: #222; line-height: 80px;}
.price-title sup {font-size: 40px; top: -0.6em; padding-right: 3px; font-family: 'Montserrat', sans-serif;}
.price-title sub {font-size: 24px; bottom: 0px;  font-family: 'Montserrat', sans-serif; font-weight: 700;}
.price-block ul {position: relative; width: 100%; padding: 25px 0px;}
.price-block ul li {text-transform: uppercase; padding: 3px 0px;}
.price-block p{ font-family: 'Poppins', sans-serif; font-size: 16px; opacity: 0.5; padding: 0 30px;}
.price-block .button-style-2 {position: relative; width: 100%; text-align: center; padding-top: 25px; border-top: 1px solid #ebebeb; float: left;} 
.price-block .button-style-2  a {position: relative; float: none; display: inline-block; margin-bottom: 0px;}
.price-col-4 .price-title span {font-size: 58px; font-weight: 700;  font-family: 'Montserrat Bold', sans-serif;}
.price-col-4 .price-price h4 {letter-spacing: 3px; font-size: 10px; margin-bottom: 15px; margin-top: 15px;}
.price-col-4.price-block ul li {font-size: 14px; line-height: 26px; text-transform: capitalize; font-family: 'Montserrat', serif; font-weight: 400; letter-spacing: 1px;}
.price-block .btn-blank{
    border: 2px solid #171616;
    color: #171616;
}
.price-block .btn-blank:hover, .btn-blank:focus {
    background-color: #171616;
    color: #fff;
}

.elem-form-select {position: relative; width: 100%;}
.elem-form-select .drop-wrap {width: 100%;}
.elem-form-select .drop-wra  .drop {max-width: 100%;}
.blog-post.item {
  padding-bottom: 50px;
  margin-top: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.blog-post {position: relative; width: 100%;}
.blog-post img {width: auto; height: auto;max-width: 100%;}
.single-post .blog-post img { height: auto;max-width: 100%;}
.line-item {position: relative; float: left; width: 25%; text-align: center; font-size: 16px; border: 1px solid #ebebeb; padding: 20px 0px; color: #999;}
.line-item span {position: relative; float: none; display: inline-block; padding-right: 10px; font-size: 16px; color: #999;}
.blog-post.item h4 {line-height: 1.4; font-size: 27px; font-family: 'Montserrat', serif; font-weight: 700; letter-spacing: 0.6px; margin-top: 0px;}
.blog-post h4 { width: 100%; -ms-word-wrap: break-word; word-wrap: break-word; /*padding-top: 40px;*/ display: inline-block;}
.blog-post p {padding-bottom: 30px;}
.full-izotope .item {width: 100%;}
.full-izotope .grid-sizer {width: 100%;}

.fotm-checks {display:inline-block;}
.fotm-checks > input + span {cursor: pointer;}
.fotm-checks span {display:block;}
.fotm-checks > span.check { border: 1px solid #999; width:28px;height:28px;}
.fotm-checks > input { position: absolute;visibility: hidden;width: 28px;height:28px;}
.fotm-checks > input:checked + span:before {content: url('../img/check.png');display:block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nogutt-col2 .item {width: 50%;}
.grid-sizer {width: 0;}
.nogutt-col3 .item {width: 33.3333%;}
.nogutt-col4 .item {width: 25%;}
.popup-gallery.nogutt-col4 .item.w-50 {width: 50%;}
.nogutt-col5 .item {width: 20%;}
.filters-style-1 .but {margin: 0px 10px; padding: 5px 12px; border-radius: 15px; letter-spacing: 2px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.filters-style-1 .but:hover {background: #f5f5f5;}
.filters-style-1 .but.activbut {background: #f5f5f5;}
.filters-style-2 .but {margin: 0px 10px; padding: 5px 12px; letter-spacing: 2px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.filters-style-2 .but:hover {background: #000; color: #fff;}
.filters-style-2 .but.activbut {background: #000; color: #fff;}

.wide-portfolio .subtitle {padding-left: 50px;}

.popup-gallery .item {
  overflow: hidden;
  transition: none;
}

.gutt-col2 .item {width: 48%; margin:1%;}
.gutt-col3 .item {width: 31%; margin:1%;}
.gutt-col4 .item {width: 23%; margin:1%;}
.gutt-col5 .item {width: 19%; margin:0.5%;}

.popup-gallery .item a {position: relative; width: 100%; float: left;}
.popup-gallery .item .layer {z-index: 5;  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.item-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  padding: 25px;
  transform: translateY(100%);
  background: rgba(255,255,255,1);
  text-align: left;
  text-transform: capitalize
  transition: all 0.35s ease-in;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  -o-transition: all 0.35s ease-in;
  -ms-transition: all 0.35s ease-in;
}
.item-desc h5 {
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.item-desc h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 0;
}
.portfolio-link:hover .item-desc {
  color: #000;
}
.portfolio-link:hover .item-desc.black {color: #fff;}
.popup-gallery .item .link {position: relative; opacity: 0; display: inline-block; float: none; width: 50px; height: 50px; border-radius: 50%; background: #fff; margin: 0px 5px; color: #888; transform: translateX(50px); -webkit-transform: translateX(50px);-moz-transform: translateX(50px);-ms-transform: translateX(50px);}

.item-desc:hover .link {opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}
.popup-gallery .item .link i {font-size: 15px; line-height: 50px;}
.popup-gallery .item .link:hover {color: #fff; background: #888;}
.item-desc.black {background: rgba(0,0,0,0.8); color: #fff;}

.gutt-col5.popup-gallery .item .link {width: 30px; height: 30px;}
.gutt-col5.popup-gallery .item .link i {line-height: 30px; font-size: 12px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PORTFOLIO DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.project-nav {position: relative; float: left; width: 100%; padding-bottom: 30px;}
.all-p {position: relative; float: none; display: inline-block; padding-top: 60px;}
.left-arrow-nav {position: relative; float: left;}
.project-nav span {font-size: 16px;font-weight: 300;text-transform: capitalize;line-height: 38px; position: relative;float: left;
  border-bottom: 2px solid #000;
  -webkit-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  -moz-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  -o-transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
  transition: border-bottom 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}
.right-arrow-nav {position: relative; float: right;}
.sec-title {position: absolute; left: 50px; bottom: 50px; width: 100%; text-align: left;}
.wrapp-block {position: relative; width: 100%; padding: 80px 0px 40px;}
.det-img {position: relative; float: left; width: 100%; padding-bottom: 30px;}
.det-img img {width: 100%; height: auto;}
.padd-40 {margin-bottom: 40px;}
.padd-15 {padding: 15px;}

.det-wrapp img {width: 100%; height: auto;}
.fixed-detail-panel {position: relative; width: 100%; max-width: 360px; right: 0px; height: 100%; padding-bottom: 80px; overflow-y: auto; bottom: auto; top: auto; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.fixed-detail-panel.fix {position: fixed; top: 0px;}

.fixed-detail-txt h3 {padding-bottom: 35px; font-weight: 400; }
.fixed-detail-txt p {color: #999;}
.fixed-detail-txt {width: 100%; margin-bottom: 20px; padding: 35px 15px 35px 25px;}
.fixed-detail-txt span {font-size: 16px; text-transform: capitalize; font-weight: 300; display: block; padding-bottom: 8px;}
.fixed-detail-txt h5 {text-transform: capitalize; padding-bottom: 25px;}
.fixed-detail-txt *:last-child {padding-bottom: 0px;}

.layer-style-2 {position: absolute; cursor: url('../img/zoom.png'), pointer; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.8); text-align: center; opacity: 0; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.layer-style-2 h4 {font-weight: 400; color: #000; padding-bottom: 80px; transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.layer-style-2 span {font-size: 14px; padding-top: 80px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px; margin-bottom: -80px; transition:all .25s ease-out;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;}
.det-img:hover .layer-style-2 {opacity: 1;}
.det-img:hover .layer-style-2 h4 {padding-bottom: 15px;}
.det-img:hover .layer-style-2 span {padding-top: 0px;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer!important;}

.gutt-difer {position: relative; width: 100%; padding-bottom: 80px;}
.gutt-difer .item {padding: 0px 10px;}
.gutt-difer .det-img .main-title{padding-bottom: 20px;}
.gutt-difer .grid-sizer {width: 0px;}
.gutt-difer .item.w_25 {width: 25%;}
.gutt-difer .item.w_50 {width: 50%;}
.gutt-difer .item.w_100 {width: 100%;}

.sort-b {text-transform: uppercase; font-size: 14px; color: #666; font-weight: 300; margin: 0px 24px; background: none; letter-spacing: 5px;}
.sort-b span {margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px;}
.fillter-wrap .sort-b.active {color: #999;}
.fillter-wrap .sort-b.active span {text-decoration: line-through;}
.item.disabled div {opacity: 0.1;}

.sliphover .det-img {padding-bottom: 0px; margin-bottom: 30px;}
.pr-sutitle {font-size: 14px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px;}
.multi-wrapp {position: relative; width: 100%; height: 100vh; float: left;}
.ms-section img {width: auto; height: 100%;}
#multiscroll-nav span {width: 12px; height: 12px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
#multiscroll-nav li .active span {background: #000;}
.multi-wrapp .det-img .layer-style-2 {cursor: pointer;}
.multi-wrapp .det-img .layer-style-2 .vertical-align {padding-right: 80px;}

.pagination.vertical-mode {width: 50px; transform: translateY(50%); -webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%); right: 50px; left: auto; bottom: 50%;}
.vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 10px;}
.video-wrapper {position: relative; width: 100%;
  height: calc(100vh - 41px);
  float: left; min-height: 650px;}
video.bgvid-container {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
video.bgvid {max-width: 100%; position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/home_image_1.jpg) no-repeat; background-size: cover; overflow: hidden;}

button.mfp-close {background: none; font-family: "proxima_nova_rgregular"; font-weight: 100;right: 0px; left: auto; }
button.mfp-arrow {background: #fff; opacity: 1;}
.mfp-arrow-right, .mfp-arrow-left {width: 50px; height: 50px; right: 0px; top: 50%; margin: -35px 0px 0px 0px; background: #fff;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b, .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {display: none;}
.mfp-arrow-right:after {border: 0px none!important; content: '\f105'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;}
.mfp-arrow-left:after {border: 0px none!important; content: '\f104'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;}
.mfp-close {position: fixed; top: 0px; left: 0px; font-size: 55px; opacity: 1;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer;}
.mfp-counter {display: none;}
.mfp-arrow:active { margin-top: -35px;}
button.mfp-arrow:hover {background: rgba(255,255,255,0.5);}
.pagination.point-style-2 .swiper-pagination-switch {width: 8px; height: 8px; margin: 0px 4px;}
.animated {animation-fill-mode: none; -webkit-animation-fill-mode: none;}
#empty-search-result { width: 100%; text-align: center; }
#empty-search-result p { text-align: center; font-size: 20px; margin-bottom: 15px; }
#empty-search-result input{ border: 1px solid #eee; padding: 6px 12px; font-weight: normal; font-size: 16px; }
#empty-search-result input[type=submit]:hover{ border-color: #000; }
.sticky:before{font-family: 'FontAwesome'; content: '\f08d';position: absolute;left: 0; top: -30px;font-size: 26px;transform: rotate(315deg);z-index: 1;}
#pager {padding: 10px 0;width: 100%;font-size: 16px;text-align: center;}
#pager span, #pager a {margin: 4px;}
#pager a {text-decoration: underline;}
#pager.pagination {margin-top: 30px;}
.item.hidden-info h4{margin-top: 20px;}
.error404 .top-baner.half-height { height: auto; }
.not-found { width: 100%; text-align: center; padding: 100px 0;}
.not-found span{ font-size: 18px; padding: 30px 0 20px; display: block; }
.not-found a{ font-size: 16px; display: block; margin-top: 20px; margin-bottom: 100px; text-decoration: underline; }

.simple-article-block { padding: 20px 0 30px; }
.page-content {margin-bottom: 35px; margin-top: 50px;}
.page-details {margin-top: 7px; font-size: 12px;}
.simple-page-content {margin-top: 10px;}
.simple-page-content p {margin-top: 12px;}
.simple-page-content blockquote {margin: 10px 20px;}
.simple-page-content blockquote cite {display: block;}
.simple-page-content blockquote p {margin-top: 0;margin-top: 0;}
.simple-page-content a {color: red;}
.simple-page-content a:hover{color: #ea9629; text-decoration: underline;}
.wp-caption.alignnone {
  margin: 20px 0;
}
.sidebar {
    margin-top: 50px;
}
.simple-page-content .wp-caption.alignnone, .simple-page-content .aligncenter {clear: both;}
.simple-page-content figcaption {margin-top: 5px;font-size: 12px;}
.simple-page-content address, .simple-page-content dl, .simple-page-content table {font-size: 14px;margin: 15px 0;}
.simple-page-content td, .simple-page-content th {padding: 5px;border: 1px solid #eee;}
.simple-page-content dl dd {margin-left: 15px;margin-bottom: 10px;}
.simple-page-content ul li, .simple-page-content ol li{font-size: 14px;}
.simple-page-content ul li {margin-left: 20px;list-style: square;}
.simple-page-content ul ol,
.simple-page-content ol ul,
.simple-page-content ol ol,
.simple-page-content ul ul {padding-left: 25px;}
.simple-page-content acronym {border-bottom: 1px dashed blue;}
.simple-page-content input {border: 1px solid #eee;}
.simple-page-content .post-nav{font-size: 14px;margin-top: 15px; width: 100%; text-align: center;}
.simple-page-content span, .simple-page-content em{font-size: 14px !important;}
.simple-page-content iframe{ max-width: 100%; }
.simple-page-content img{ max-width: 100%;height: auto;}

@media screen and (max-width: 1199px) {
	.footer_main--column {
		margin-bottom: 20px;
	}
	.footer-sidebar__row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
    display: -ms-flexbox;
		flex-wrap: wrap;
	}
	.footer-sidebar__col {
    text-align: center;
	}
}

@media screen and (max-width: 1170px) {
  nav > ul > li {margin: 0px 10px;}
}
@media screen and (max-width: 992px) {
  .logo {
    z-index: 501;
  }
  .menu ul li>ul li a {
    color: #000;
    padding: 5px 10px;
  }
  .menu ul li>ul li {
    border: 1px solid #f5f5f5;
    margin-top: -1px;
  }
  .nav-menu-icon {display: block;}
  nav > ul > li {
    float: none;
    display: block;
    margin: 0px;
    padding: 10px 15px;
    padding-left: 15px;
    position: static;
        font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 4px;
  }
  nav ul > li ul {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin-bottom: 0;
    border-top: 0px none;
    background-color: #fff;
  } 
  ul.slidemenu {display: inline-block;}
  nav ul {padding: 0px;}
  .shop-detail-info h4 {padding-top: 40px;}
  nav {position: fixed; width: 100%; height: 100vh; padding-top: 80px; background: #000;left: 0px; top: 0px; z-index: 500; text-align: left; overflow-y: auto; transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
  nav.slide-menu {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
  nav > ul > li:last-child .dropmenu li, nav > ul > li:last-child .sub-menu li {text-align: left;}
  nav ul {width: 100%; padding: 0;}
  nav > ul > li:last-child .sub-menu li {text-align: center;}
  .menu ul li > ul li a {font-size: 16px;}
  .menu ul > li > ul > li > ul {
    position: static;
    opacity: 1;
    visibility: visible;
    background-color: #fff;
    margin-top: 0;
    max-width: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -1px;
  }
  .menu ul > li > ul > li > ul > li {
    padding-left: 15px;
    margin-left: -1px;
    margin-right: -1px;
  }
  .main-wrapp {padding: 80px 0px 40px;} 
  .padd-80 {padding: 40px 0px;} 
  .home-izotope .item {width: 50%;}
  .fillter-wrap {padding-bottom: 40px;}
  .about-item {padding-bottom: 30px;}
  .team-block {padding-bottom: 30px;}
  .servis-block {text-align: center; padding-bottom: 30px;}
  .pagination.vertical-mode {bottom: 20px; transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); width: 100%; right: 0px;}
  .vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 0px;}

  .nogutt-col3 .item {width: 50%;}
  .nogutt-col4 .item {width: 33.3333%;}
  .gutt-col4 .item {width: 31%;}
  .gutt-col5 .item {width: 31%;}
  .fixed-detail-panel {width: 100%; float: left;}
  .fixed-detail-panel.fix {position: relative; width: 100%; float: left;}
  .sidebar-block {padding: 30px 0px;}
  .sidebar-block h4 {padding-bottom: 25px;}
  .pad-80 {padding: 40px 0px;}
  .popular-block.padd-80 {padding-bottom: 40px;}
  .california_shop_sort_by, .shop-chose-wrap {width: 50%; padding-bottom: 40px;}
  .adress-block {padding: 0px 0px 15px 0px; text-align: center;}
  .price-block {margin-bottom: 30px;}
  .footer_main--column.widget_contact_form {text-align: left;}
  .contact .subtitle {padding-bottom: 10px;}
  .contact {padding: 40px 0px;}
  .animsition, .animsition-overlay {opacity: 1 !important;}

  .ms-right {width: 100%!important; position: relative; float: left;}
  .ms-left {width: 100%!important; position: relative; float: left;}
  .ms-section img {width: 100%; height: auto;}
  .right-menu-link {padding-top: 20px;}
  .right-menu {padding: 30px 15px;}
  .second-menu {margin-right: 10px;}
  nav > ul > li > a {display: inline-block;}
  nav ul.table-cell {position: relative; width: 100%;  display: block; height: auto;}
  nav > ul.slidemenu > li {padding: 10px 0px 0px;}
  .menu ul > li > ul > li > a > .fa {
    display: none;
  }
  .service-icon {padding: 60px 0px 30px;}
  .info-block {padding-bottom: 30px;}
  .full-about-baner .w-50 {position: relative; width: 100%;}
  .full-about-baner .w-50:last-child {left: 0px; position: relative; width: 100%;}
  .full-about-baner .w-50:first-child {width: 100%; position: relative; height: 300px;}
  .w-50 .slider-wrap, .w-50 .bottom-about-title {position: relative; float: left; width: 50%;}
  .tab-nav-wrapper {padding-bottom: 30px;}
  .map-canvas {height: 350px;}
  .about-item {padding-right: 0px;}
  .full-about-baner {margin-bottom: 0px;}
  .service-icon {margin-bottom: 40px;}
  .nogutt-col4 .item {width: 50%;}
}

@media screen and (max-width: 768px) {
	.fillter-wrap {text-align: center;}
	.fillter-wrap .but {width: auto; margin: 6px auto; display: block;}
	.fillter-wrap .but span {float: none;} 
	.nogutt-col4 .item {width: 50%;}
	.gutt-col3 .item {width: 48%;}
	.gutt-col5 .item {width: 48%;} 
	.line-item {font-size: 13px;}
	.line-item span {display: none;}
	.shop-bar {padding-bottom: 80px;}
	.footer-folow {float: none; text-align: center; width: 100%; display: inline-block;}
	.footer-folow a {float: none;}
	.footer-link {width: 100%; text-align: center; float: none; display: inline-block; padding-bottom: 15px;}
	.footer-link a {float: none;}
	footer {padding: 20px 0px;}
	.shop {padding: 60px 0px 40px;}
	.fillter-wrap {padding-bottom: 15px;}
	.vc_row, .single-post-content {padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width: 767px) {
	.call_to_action__button {
		margin-top: 15px;
	}
	.top-baner--slider-vertical {
		height: auto;
	}
	.slider-vertical  .full-height {
		height: calc(100vh - 87px);
		max-height: 700px;
	}
	.post-preview-header {
		margin-bottom: 40px;
	}
	.post-preview-left {
		width: 35%;
	}
	.post-preview-right {
		width: 75%;
	}
  .post-preview-right--single-post {
    width: 75%;
  }
	.blog-post.item {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 480px) {
	h1 {font-size: 42px;}
	.mobile-icon {margin-right: 15px;}
	.main-title h2 {font-size: 30px; line-height: 36px;}
	.main-title h5 {font-size: 13px; line-height: 16px;}
	.main-title.title-no-bg h1 {font-size: 30px; line-height: 36px; padding-bottom: 15px;}
	.main-title.title-no-bg h3 {font-size: 13px; line-height: 16px;}
	.home-izotope .item {padding: 0px; margin-bottom: 15px; width: 100%;}
	.home-izotope .item.w-50 {width: 100%;}
	.main-wrapp {padding-top: 40px;}
	.pagination.vertical-mode {bottom: 10px;}
	.popup-gallery.nogutt-col4 .item.w-50 {width: 100%;}
	.main-title h2.type-2 {font-size: 40px; line-height: 50px; margin-top: 60px;}
	.nogutt-col2 .item {width: 100%;}
	.nogutt-col3 .item {width: 100%;}
	.nogutt-col4 .item {width: 100%;}
	.gutt-col2 .item {width: 98%;}
	.gutt-col3 .item {width: 98%;}
	.gutt-col4 .item {width: 98%;}
	.gutt-col5 .item {width: 98%;}
	.line-item {width: 100% !important;display: block;padding: 10px 0;}
	.pop-text h5 {font-size: 13px; letter-spacing: 2px;}
	.date-post {width: 100%; padding-top: 10px; padding-left: 0px;}
	.contact-form h3 {padding-bottom: 40px;}
	.comments .comments__title {padding-bottom: 40px;}
	.tags-button {padding-top: 20px; float: left;}
	.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 50px;}
	.shop-bar {padding-bottom: 40px;}
	.california_shop_sort_by, .shop-chose-wrap {width: 100%;}
	.price-chose {width: 100%; padding-bottom: 40px;}
	.search {float: left;}
	.shop-item {padding-bottom: 40px;}
	.w-50 .slider-wrap, .w-50 .bottom-about-title {width: 100%;} 
	.full-about-baner {min-height: 100%; display: inline-block; margin-bottom: 0px;}
	.service-icon {margin-bottom: 60px;}
	/* .top-baner.height-500 {height: 300px;} */
	.main-slider .swiper-slide .full-height {height: 500px;}
	.slide-prev, .slide-next {
		top: 40%;
	}
	.subtitle {
		padding-bottom: 0;
	}
	.post-preview-header {
		width: 100%;
		margin-bottom: 25px;
	}
	.post-preview-left,
	.post-preview-right {
		width: 100%;
	}
	.blog-post.item h4 {
		padding-bottom: 0;
	}
	.blog-post.item {
		padding-bottom: 50px;
	}
}
@media screen and (max-width: 360px) {
  .intro-scroll-down {bottom: 12px;}
  .pop-text h5 {letter-spacing: 0px;}
  .full-about-baner .w-50:first-child {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - WOOCOMMERCE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce span.onsale { z-index: 1; width: 32px; height: 32px; font-size: 10px; line-height: 30px; top: -16px; left: 0; }
.shop-price .fl { font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; font-family: 'Roboto Slab', serif; text-decoration: none; font-weight: bold; }
.shop-price .fl ins{ text-decoration: none; padding-left: 15px; }
.no-menu a {text-decoration: underline;}
.header-cart, .no-menu{height: inherit;float: left;font-size: 14px;margin-left: 10px;}
.header-cart {margin-left: 100px;font-size: 14px;margin-top: 15px;}
.shop-detail-info input[type="number"] {border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px;}
.woocommerce div.product form.cart .button {letter-spacing: 1px;font-weight: 300;text-transform: uppercase; font-size: 13px;padding: 10px 18px; background: #222;border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block;}
.woocommerce div.product form.cart .button:hover {background: #fff; color: #222; border: 1px solid #222;}
.woocommerce div.product form.cart {margin: 0;padding:20px 0px 25px;clear: both;border-bottom: 1px solid #ebebeb;}
.woocommerce-tabs h2{font-size: 20px;}
.woocommerce-tabs textarea{margin-bottom: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding: .2em 0;}
.woocommerce #reviews #comments ol.commentlist{padding-left: 0;}
.woocommerce-tabs.wc-tabs-wrapper{margin-top: 30px;}
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit{ letter-spacing: 1px; font-weight: 300; text-transform: uppercase; font-size: 14px; padding: 10px 18px; background: #222; border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block; height: auto; }
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit:hover{ background-color: #fff;color: #000; }
.woocommerce .woocommerce-message {font-size: 14px;}
.woocommerce-cart .cart-collaterals .cart_totals table th {padding: 6px;}
.woocommerce-cart table.cart td.actions .coupon .input-text {width: auto;height: 36px;line-height: 36px;}
.related.products h2, .woocommerce .cart_totals h2{font-size: 22px;}
.woocommerce .cart-collaterals{margin: 30px 0 60px;}
.woocommerce table.shop_table.cart{margin: 50px 0 0;}
.woocommerce div.product span.price del {opacity: 1;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {margin: 0; border-radius: 0; height: 3px; background-color: #999;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color: #222;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{width: 12px;height: 12px;}
.woocommerce .widget_price_filter .price_slider_wrapper {position: relative;}
.woocommerce .widget_price_filter .price_slider_amount {margin-top: 10px;}
.shop-chose-wrap span {margin-right: 0;}
.woocommerce .widget_price_filter .price_slider_amount {font-size: 14px;}
.woocommerce.shop-chose-wrap.widget_price_filter{padding-bottom: 30px;}
.woocommerce .item.product {margin-bottom: 1%;}
.woocommerce .cart-empty {margin-top: 50px;}
.woocommerce.archive .top-baner  {margin-top: 50px;}
.woocommerce-cart footer {margin-top: 50px;}
.woocommerce .item.product h3{ text-transform: uppercase; padding-bottom: 10px;font-family: 'proxima_nova_rgregular'; line-height: 22px; font-size: 14px;}
.woocommerce .widget_price_filter .price_slider_amount .button{font-size: 12px;margin-top: 5px;font-weight: normal;}
.woocommerce table.shop_table {font-size:15px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #ccc; padding:5px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { letter-spacing: 1px;font-weight: 300; text-transform: uppercase; font-size: 14px; padding: 10px 18px; background: #222; border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block; height: auto; }
.woocommerce .woocommerce-info {border-top-color:#000; }
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{background-color: #fff;color:#000;}
#add_payment_method #payment, .woocommerce-checkout #payment {border-radius:0px;}
#order_review_heading {margin-top:10px; }
.woocommerce-checkout .woocommerce-info {margin-top: 30px !important;}
.woocommerce-checkout #order_review {margin-bottom: 30px;}
.woocommerce .woocommerce-message {border-top-color:#e7543d; }
.woocommerce table.shop_table {border-radius:0px; }

/* 11 - CALL TO ACTION */
.call_to_action {
  padding: 75px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
 background-size: cover;
}
.call_to_action::before{
  content: '';
  background-color: rgba(0,0,0,.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
}
.call_to_action p {
  line-height: 50px;
  font-size: 50px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
      opacity: 1;

}

.call_to_action__button {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .call_to_action__button {
    text-align: right;
  }
  .call_to_action {
    text-align: left;
}
 .btn.btn-blank.mar{
    margin-right: 20px;
  }
  .call_to_action__button .mar{
    margin-right: 40px;
  }
}

@media screen and (max-width: 991px) {
	.call_to_action {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.footer-sidebar,
.main-footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer-sidebar {
  background-color: #000;
  padding-top: 65px;
  padding-bottom: 65px;
  border-top: 1px solid #F2F2F2;
  color: #585858;
}


.footer-sidebar span, 
.footer-sidebar h3{
  color: #fff;
  line-height: 28px;
  font-size: 14px;
}
.footer-sidebar h3{
  font-size: 27px;
  text-align: left;
}
.footer_main--column.social_widget {
    text-align: center;
}
.footer_main--column.social_widget img.footer-img {height: 20px; margin-top: 22px; margin-bottom: 25px;}
.footer_main--column.social_widget .widget-title {
    font-size: 10px;
    letter-spacing: 4px;
    margin-bottom: 45px;
}
.footer_main--column.social_widget ul.list-social {
    display: flex;
    display: -ms-flexbox;
    margin: 0 auto;
    width: 180px;
}
.footer_main--column.social_widget ul.list-social li {
    margin: 0 auto;
    border-radius: 100px;
    border-left: 1px solid #fff;
    border-top: 1px solid rgba(255,255,255,0.5);
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #bfbfbf;
}
ul.list-social li:hover {
    background: #fff;
    transition: 1s;
}
.footer_main--column.widget_contact_form h3{
    font-family: "Poppins", san-serif;
    font-weight: 300;
    font-size: 14px;
    color: #585858;
    max-width: 310px;
    margin-top: 0;
}
.footer_main--column.widget_contact_form input.footer_sidebar_email {
    width: 268px;
    height: 40px;
    background-color: #000;
    color: #fff;
    padding: 1px 1px 1px 15px;
}
.footer_main--column.widget_contact_form input.footer_sidebar_submint {
    position: absolute;
    top: 15px;
    left: 171px;
    height: 40px;
    padding: 0 20px 0 20px;
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.footer_main--column.widget_contact_form input.footer_sidebar_submint:hover {
      border: 1px solid #e0e0e0;
}
.footer_main--column.widget_contact_info {
text-align: left;
}
@media screen and (min-width: 992px) {
.footer_main--column.widget_contact_form {
    padding: 10px 0px 0 52px;
}
}
@media screen and (min-width: 1600px) {
.footer_main--column.widget_contact_info {
    padding-left: 140px;
}
}
@media screen and (min-width: 768px) {
  .main-header,
  .footer-sidebar,
  .main-footer {
    /* max-width: 750px;    */
    margin-left: auto;
    margin-right: auto;
  }
  .main-header {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 1600px){
div.wpcf7{padding-right: 100px;}
.contact-info-wrap  {padding-right: 150px;}
}

.widget_text {
  line-height: 1.5;
}

.footer-logo {
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}

.footer-folow p {
  color: #fff;
  font-family: 'Poppins', sans-serif;
    font-size: 10px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.top-baner--simple-clean {
  height: auto;
  margin-top: 65px;
}

.top-baner--simple-clean:before {
  display: none;
}

.top-baner__title--simple-clean {
  letter-spacing: 1px;  
}

.top-baner__subtitle--simple-clean {
  color: #797979;
  margin-bottom: 0;
}

.customers-wrapper {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-bottom: 1px;
    background-color: #fff;
}

.customers-item {
    width: 50%;
    position: relative;
    padding: 0;
    transition: .3s ease-in;
    display: inline-block;
    margin: 0 -4px 0 0;
    width: 16.6%;
    height: 190px;
    border-radius: 12px;
}

.contact-info-wrap  {
  padding: 20px 0 20px 0;
      margin-bottom: 30px;
}

.contact-info-wrap h4,
.wpcf7 h4{
  font-size: 27px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 30px;
}

.contact-info-wrap p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}
.wpcf7 input,
.wpcf7 textarea {
    border-radius: 26px;
    border: 1px solid #e0e0e0;
   padding: 15px 10px; 
       margin: 5px 0px;
}
.wpcf7 textarea {min-height: 100px;}
input.wpcf7-form-control.wpcf7-submit{
    border: 1px solid #e7543d;
    background: #fff;
    color: #e7543d;
    padding: 10px 50px;
    font-family: "Montserrat", san-serif;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 1;
}
input.wpcf7-form-control.wpcf7-submit:hover{
   background: #e7543d;
   color: #fff;
  }

.wpcf7 input:focus{
  border: 1px solid #e7543d ;
  color: #000;
}
.wpcf7 textarea:focus{
  border: 1px solid #e7543d ;
  color: #000;
}


            /* Events Calendar */
article.mec-single-event {
    margin-top: 90px;
}
.mec-single-event .mec-events-meta-group-countdown,
.mec-single-event .mec-event-export-module,
.mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox  { border-radius: 26px;}
.mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, 
.mec-wrap .mec-color-before :before,
 .mec-wrap .mec-color-hover:hover { color:#e7543d; border-radius: 26px; }
 .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover {
    border-color: #e7543d;
}
.mec-events-button {border: 2px solid;}
.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color,
 .mec-wrap .mec-bg-color-hover:hover { background-color: #e7543d;}
 .mec-single-event .mec-events-meta-group-booking form>h4:before, .mec-single-event .mec-frontbox-title:before {
    border-bottom: 4px solid #e7543d;
}
.mec-month-divider span:before {border-color: #e7543d;}
.mec-event-list-minimal .btn-wrapper .mec-detail-button {
  border-radius: 26px;
  border: 2px solid #e7543d;
  color: #e7543d;
  background: #fff;
  letter-spacing: 0px;
}

.mec-event-list-minimal a.mec-detail-button:hover { background: #e7543d;}
.mec-event-list-minimal .mec-event-title { font-family: "montserrat", sans-serif;}
.mec-event-list-minimal .mec-event-detail { font-family: "Poppins",sans-serif; }
article.mec-event-article.mec-clear:hover {
    background: #f3f2f2;
    transition: 1s;
}
.mec-event-date.mec-bg-color { background-color: inherit; }
.mec-event-list-minimal .mec-event-date {
    position: relative;
    float: left;
    margin-right: 35px;
    color: #000;
    width: 100px;
    padding: 20px 3px 20px 3px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
   border-right: 2px solid rgba(0, 0, 0, 0.4);
}
.mec-event-list-minimal .mec-event-article {
    border-bottom: none;
    padding: 80px 0 80px;
}
.mec-event-list-minimal .mec-event-title { margin-top: 15px;}
.mec-event-list-minimal a.mec-detail-button {margin-top: 15px;}
span.event-color {  display: none;}
.mec-event-list-minimal .mec-event-date:after {
    display: block;
    content: "";
    position: absolute;
    width: 50px;
    left: 1px;
    top: 1px;
    height: 30px;
    background: inherit;
    box-shadow:none;
}
article.mec-event-article.mec-clear:nth-child(2n) {
    background: #f3f2f2;
}

.gallery-wrapper .container{
  max-width: 100%;
}

.gallery-block {
  margin:  0 0 20px;
}


@media screen and (max-width: 768px) {
.mec-event-list-minimal .mec-event-article {
    padding: 40px 0 40px;
    border-radius: 12px;
}
.customers-item img {
    max-width: 50% !important;
  }
  .customers-item {
    width: 50%;
  }
}
@media screen and (max-width: 425px){
.customers-item {
    width: 100%;
}
}
         /*--------*/




.customers-item:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.customers-item:before,
.customers-item:after {
  content: "";
  position: absolute;
}

.customers-item:before {
  height: 100%;
  top: 0;
  left: -1px;
}

.customers-item:after {
  width: 100%;
  bottom: -1px;
  left: 0;
}

.customers-item img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-baner--small {
  height: auto;
}

.top-baner--small:before {
  display: none;
}

.top-baner__title--small {
  color: #000;
}

.single-portfolio-title {
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  padding-top: 96px;
  padding-bottom: 90px;
}

.single-portfolio-title__wrapper {
  padding-left: 15px;
  padding-right: 15px;
  width: 80%;
}

.single-portfolio-title h1 {
  font-weight: 700;
  letter-spacing: 0;
}

/* /* Preloader */
.site-content {
  transition: opacity 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.animsition-overlay-slide {
  background-color: #F0F0EA;
}

.calendar_wrap #today a {
  color: #e7543d;
}

.post-preview-right.post-preview-right--single-post h2 {    font-size: 30px; margin: 20px 0;}
.post-preview-right.post-preview-right--single-post h3 {   
    font-size: 24px;
    margin: 20px 0;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
 }
.post-preview-right.post-preview-right--single-post h4 {    font-size: 20px;  margin: 10px 0; font-weight: 600;}
.post-preview-right.post-preview-right--single-post h5 {    font-size: 18px;  margin: 25px 0; font-weight: 300;}
.post-preview-right.post-preview-right--single-post h6{    font-size: 16px; margin: 30px 0; letter-spacing: 0px;}

.default-blog .post-preview-right.post-preview-right--single-post h3,
.post-preview-right.post-preview-right--single-post h4 {
  font-weight: 300;
}

.rssSummary {
  line-height: 1.5;
}

.marg-lg-t0 {
  margin-top: 0px !important;
}

.marg-lg-t5 {
  margin-top: 5px !important;
}

.marg-lg-t10 {
  margin-top: 10px !important;
}

.marg-lg-t15 {
  margin-top: 15px !important;
}

.marg-lg-t20 {
  margin-top: 20px !important;
}

.marg-lg-t25 {
  margin-top: 25px !important;
}

.marg-lg-t30 {
  margin-top: 30px !important;
}

.marg-lg-t35 {
  margin-top: 35px !important;
}

.marg-lg-t40 {
  margin-top: 40px !important;
}

.marg-lg-t45 {
  margin-top: 45px !important;
}

.marg-lg-t50 {
  margin-top: 50px !important;
}

.marg-lg-t55 {
  margin-top: 55px !important;
}

.marg-lg-t60 {
  margin-top: 60px !important;
}

.marg-lg-t65 {
  margin-top: 65px !important;
}

.marg-lg-t70 {
  margin-top: 70px !important;
}

.marg-lg-t75 {
  margin-top: 75px !important;
}

.marg-lg-t80 {
  margin-top: 80px !important;
}

.marg-lg-t85 {
  margin-top: 85px !important;
}

.marg-lg-t90 {
  margin-top: 90px !important;
}

.marg-lg-t95 {
  margin-top: 95px !important;
}

.marg-lg-t100 {
  margin-top: 100px !important;
}

.marg-lg-t105 {
  margin-top: 105px !important;
}

.marg-lg-t110 {
  margin-top: 110px !important;
}

.marg-lg-t115 {
  margin-top: 115px !important;
}

.marg-lg-t120 {
  margin-top: 120px !important;
}

.marg-lg-t125 {
  margin-top: 125px !important;
}

.marg-lg-t130 {
  margin-top: 130px !important;
}

.marg-lg-t135 {
  margin-top: 135px !important;
}

.marg-lg-t140 {
  margin-top: 140px !important;
}

.marg-lg-t145 {
  margin-top: 145px !important;
}

.marg-lg-t150 {
  margin-top: 150px !important;
}

.marg-lg-t155 {
  margin-top: 155px !important;
}

.marg-lg-t160 {
  margin-top: 160px !important;
}

.marg-lg-t165 {
  margin-top: 165px !important;
}

.marg-lg-t170 {
  margin-top: 170px !important;
}

.marg-lg-t175 {
  margin-top: 175px !important;
}

.marg-lg-t180 {
  margin-top: 180px !important;
}

.marg-lg-t185 {
  margin-top: 185px !important;
}

.marg-lg-t190 {
  margin-top: 190px !important;
}

.marg-lg-t195 {
  margin-top: 195px !important;
}

.marg-lg-t200 {
  margin-top: 200px !important;
}

.marg-lg-b0 {
  margin-bottom: 0px !important;
}

.marg-lg-b5 {
  margin-bottom: 5px !important;
}

.marg-lg-b10 {
  margin-bottom: 10px !important;
}

.marg-lg-b15 {
  margin-bottom: 15px !important;
}

.marg-lg-b20 {
  margin-bottom: 20px !important;
}

.marg-lg-b25 {
  margin-bottom: 25px !important;
}

.marg-lg-b30 {
  margin-bottom: 30px !important;
}

.marg-lg-b35 {
  margin-bottom: 35px !important;
}

.marg-lg-b40 {
  margin-bottom: 40px !important;
}

.marg-lg-b45 {
  margin-bottom: 45px !important;
}

.marg-lg-b50 {
  margin-bottom: 50px !important;
}

.marg-lg-b55 {
  margin-bottom: 55px !important;
}

.marg-lg-b60 {
  margin-bottom: 60px !important;
}

.marg-lg-b65 {
  margin-bottom: 65px !important;
}

.marg-lg-b70 {
  margin-bottom: 70px !important;
}

.marg-lg-b75 {
  margin-bottom: 75px !important;
}

.marg-lg-b80 {
  margin-bottom: 80px !important;
}

.marg-lg-b85 {
  margin-bottom: 85px !important;
}

.marg-lg-b90 {
  margin-bottom: 90px !important;
}

.marg-lg-b95 {
  margin-bottom: 95px !important;
}

.marg-lg-b100 {
  margin-bottom: 100px !important;
}

.marg-lg-b105 {
  margin-bottom: 105px !important;
}

.marg-lg-b110 {
  margin-bottom: 110px !important;
}

.marg-lg-b115 {
  margin-bottom: 115px !important;
}

.marg-lg-b120 {
  margin-bottom: 120px !important;
}

.marg-lg-b125 {
  margin-bottom: 125px !important;
}

.marg-lg-b130 {
  margin-bottom: 130px !important;
}

.marg-lg-b135 {
  margin-bottom: 135px !important;
}

.marg-lg-b140 {
  margin-bottom: 140px !important;
}

.marg-lg-b145 {
  margin-bottom: 145px !important;
}

.marg-lg-b150 {
  margin-bottom: 150px !important;
}

.marg-lg-b155 {
  margin-bottom: 155px !important;
}

.marg-lg-b160 {
  margin-bottom: 160px !important;
}

.marg-lg-b165 {
  margin-bottom: 165px !important;
}

.marg-lg-b170 {
  margin-bottom: 170px !important;
}

.marg-lg-b175 {
  margin-bottom: 175px !important;
}

.marg-lg-b180 {
  margin-bottom: 180px !important;
}

.marg-lg-b185 {
  margin-bottom: 185px !important;
}

.marg-lg-b190 {
  margin-bottom: 190px !important;
}

.marg-lg-b195 {
  margin-bottom: 195px !important;
}

.marg-lg-b200 {
  margin-bottom: 200px !important;
}

.padd-lg-t0 {
  padding-top: 0px !important;
}

.padd-lg-t5 {
  padding-top: 5px !important;
}

.padd-lg-t10 {
  padding-top: 10px !important;
}

.padd-lg-t15 {
  padding-top: 15px !important;
}

.padd-lg-t20 {
  padding-top: 20px !important;
}

.padd-lg-t25 {
  padding-top: 25px !important;
}

.padd-lg-t30 {
  padding-top: 30px !important;
}

.padd-lg-t35 {
  padding-top: 35px !important;
}

.padd-lg-t40 {
  padding-top: 40px !important;
}

.padd-lg-t45 {
  padding-top: 45px !important;
}

.padd-lg-t50 {
  padding-top: 50px !important;
}

.padd-lg-t55 {
  padding-top: 55px !important;
}

.padd-lg-t60 {
  padding-top: 60px !important;
}

.padd-lg-t65 {
  padding-top: 65px !important;
}

.padd-lg-t70 {
  padding-top: 70px !important;
}

.padd-lg-t75 {
  padding-top: 75px !important;
}

.padd-lg-t80 {
  padding-top: 80px !important;
}

.padd-lg-t85 {
  padding-top: 85px !important;
}

.padd-lg-t90 {
  padding-top: 90px !important;
}

.padd-lg-t95 {
  padding-top: 95px !important;
}

.padd-lg-t100 {
  padding-top: 100px !important;
}

.padd-lg-t105 {
  padding-top: 105px !important;
}

.padd-lg-t110 {
  padding-top: 110px !important;
}

.padd-lg-t115 {
  padding-top: 115px !important;
}

.padd-lg-t120 {
  padding-top: 120px !important;
}

.padd-lg-t125 {
  padding-top: 125px !important;
}

.padd-lg-t130 {
  padding-top: 130px !important;
}

.padd-lg-t135 {
  padding-top: 135px !important;
}

.padd-lg-t140 {
  padding-top: 140px !important;
}

.padd-lg-t145 {
  padding-top: 145px !important;
}

.padd-lg-t150 {
  padding-top: 150px !important;
}

.padd-lg-t155 {
  padding-top: 155px !important;
}

.padd-lg-t160 {
  padding-top: 160px !important;
}

.padd-lg-t165 {
  padding-top: 165px !important;
}

.padd-lg-t170 {
  padding-top: 170px !important;
}

.padd-lg-t175 {
  padding-top: 175px !important;
}

.padd-lg-t180 {
  padding-top: 180px !important;
}

.padd-lg-t185 {
  padding-top: 185px !important;
}

.padd-lg-t190 {
  padding-top: 190px !important;
}

.padd-lg-t195 {
  padding-top: 195px !important;
}

.padd-lg-t200 {
  padding-top: 200px !important;
}

.padd-lg-b0 {
  padding-bottom: 0px !important;
}

.padd-lg-b5 {
  padding-bottom: 5px !important;
}

.padd-lg-b10 {
  padding-bottom: 10px !important;
}

.padd-lg-b15 {
  padding-bottom: 15px !important;
}

.padd-lg-b20 {
  padding-bottom: 20px !important;
}

.padd-lg-b25 {
  padding-bottom: 25px !important;
}

.padd-lg-b30 {
  padding-bottom: 30px !important;
}

.padd-lg-b35 {
  padding-bottom: 35px !important;
}

.padd-lg-b40 {
  padding-bottom: 40px !important;
}

.padd-lg-b45 {
  padding-bottom: 45px !important;
}

.padd-lg-b50 {
  padding-bottom: 50px !important;
}

.padd-lg-b55 {
  padding-bottom: 55px !important;
}

.padd-lg-b60 {
  padding-bottom: 60px !important;
}

.padd-lg-b65 {
  padding-bottom: 65px !important;
}

.padd-lg-b70 {
  padding-bottom: 70px !important;
}

.padd-lg-b75 {
  padding-bottom: 75px !important;
}

.padd-lg-b80 {
  padding-bottom: 80px !important;
}

.padd-lg-b85 {
  padding-bottom: 85px !important;
}

.padd-lg-b90 {
  padding-bottom: 90px !important;
}

.padd-lg-b95 {
  padding-bottom: 95px !important;
}

.padd-lg-b100 {
  padding-bottom: 100px !important;
}

.padd-lg-b105 {
  padding-bottom: 105px !important;
}

.padd-lg-b110 {
  padding-bottom: 110px !important;
}

.padd-lg-b115 {
  padding-bottom: 115px !important;
}

.padd-lg-b120 {
  padding-bottom: 120px !important;
}

.padd-lg-b125 {
  padding-bottom: 125px !important;
}

.padd-lg-b130 {
  padding-bottom: 130px !important;
}

.padd-lg-b135 {
  padding-bottom: 135px !important;
}

.padd-lg-b140 {
  padding-bottom: 140px !important;
}

.padd-lg-b145 {
  padding-bottom: 145px !important;
}

.padd-lg-b150 {
  padding-bottom: 150px !important;
}

.padd-lg-b155 {
  padding-bottom: 155px !important;
}

.padd-lg-b160 {
  padding-bottom: 160px !important;
}

.padd-lg-b165 {
  padding-bottom: 165px !important;
}

.padd-lg-b170 {
  padding-bottom: 170px !important;
}

.padd-lg-b175 {
  padding-bottom: 175px !important;
}

.padd-lg-b180 {
  padding-bottom: 180px !important;
}

.padd-lg-b185 {
  padding-bottom: 185px !important;
}

.padd-lg-b190 {
  padding-bottom: 190px !important;
}

.padd-lg-b195 {
  padding-bottom: 195px !important;
}

.padd-lg-b200 {
  padding-bottom: 200px !important;
}

@media screen and (min-width: 992px) {
  .marg-md-t0 {
    margin-top: 0px !important;
  }

  .marg-md-t5 {
    margin-top: 5px !important;
  }

  .marg-md-t10 {
    margin-top: 10px !important;
  }

  .marg-md-t15 {
    margin-top: 15px !important;
  }

  .marg-md-t20 {
    margin-top: 20px !important;
  }

  .marg-md-t25 {
    margin-top: 25px !important;
  }

  .marg-md-t30 {
    margin-top: 30px !important;
  }

  .marg-md-t35 {
    margin-top: 35px !important;
  }

  .marg-md-t40 {
    margin-top: 40px !important;
  }

  .marg-md-t45 {
    margin-top: 45px !important;
  }

  .marg-md-t50 {
    margin-top: 50px !important;
  }

  .marg-md-t55 {
    margin-top: 55px !important;
  }

  .marg-md-t60 {
    margin-top: 60px !important;
  }

  .marg-md-t65 {
    margin-top: 65px !important;
  }

  .marg-md-t70 {
    margin-top: 70px !important;
  }

  .marg-md-t75 {
    margin-top: 75px !important;
  }

  .marg-md-t80 {
    margin-top: 80px !important;
  }

  .marg-md-t85 {
    margin-top: 85px !important;
  }

  .marg-md-t90 {
    margin-top: 90px !important;
  }

  .marg-md-t95 {
    margin-top: 95px !important;
  }

  .marg-md-t100 {
    margin-top: 100px !important;
  }

  .marg-md-t105 {
    margin-top: 105px !important;
  }

  .marg-md-t110 {
    margin-top: 110px !important;
  }

  .marg-md-t115 {
    margin-top: 115px !important;
  }

  .marg-md-t120 {
    margin-top: 120px !important;
  }

  .marg-md-t125 {
    margin-top: 125px !important;
  }

  .marg-md-t130 {
    margin-top: 130px !important;
  }

  .marg-md-t135 {
    margin-top: 135px !important;
  }

  .marg-md-t140 {
    margin-top: 140px !important;
  }

  .marg-md-t145 {
    margin-top: 145px !important;
  }

  .marg-md-t150 {
    margin-top: 150px !important;
  }

  .marg-md-t155 {
    margin-top: 155px !important;
  }

  .marg-md-t160 {
    margin-top: 160px !important;
  }

  .marg-md-t165 {
    margin-top: 165px !important;
  }

  .marg-md-t170 {
    margin-top: 170px !important;
  }

  .marg-md-t175 {
    margin-top: 175px !important;
  }

  .marg-md-t180 {
    margin-top: 180px !important;
  }

  .marg-md-t185 {
    margin-top: 185px !important;
  }

  .marg-md-t190 {
    margin-top: 190px !important;
  }

  .marg-md-t195 {
    margin-top: 195px !important;
  }

  .marg-md-t200 {
    margin-top: 200px !important;
  }

  .marg-md-t205 {
    margin-top: 205px !important;
  }

  .marg-md-t210 {
    margin-top: 210px !important;
  }

  .marg-md-t215 {
    margin-top: 210px !important;
  }

  .marg-md-t220 {
    margin-top: 220px !important;
  }

  .marg-md-t225 {
    margin-top: 225px !important;
  }

  .marg-md-t230 {
    margin-top: 230px !important;
  }

  .marg-md-t235 {
    margin-top: 235px !important;
  }

  .marg-md-t240 {
    margin-top: 240px !important;
  }

  .marg-md-t245 {
    margin-top: 245px !important;
  }

  .marg-md-t250 {
    margin-top: 250px !important;
  }

  .marg-md-b255 {
    margin-top: 255px !important;
  }

  .marg-md-b260 {
    margin-top: 260px !important;
  }

  .marg-md-b265 {
    margin-top: 265px !important;
  }

  .marg-md-b270 {
    margin-top: 270px !important;
  }

  .marg-md-b275 {
    margin-top: 275px !important;
  }

  .marg-md-b280 {
    margin-top: 280px !important;
  }

  .marg-md-b285 {
    margin-top: 285px !important;
  }

  .marg-md-b290 {
    margin-top: 290px !important;
  }

  .marg-md-b295 {
    margin-top: 295px !important;
  }

  .marg-md-b300 {
    margin-top: 300px !important;
  }

  .marg-md-b0 {
    margin-bottom: 0px !important;
  }

  .marg-md-b5 {
    margin-bottom: 5px !important;
  }

  .marg-md-b10 {
    margin-bottom: 10px !important;
  }

  .marg-md-b15 {
    margin-bottom: 15px !important;
  }

  .marg-md-b20 {
    margin-bottom: 20px !important;
  }

  .marg-md-b25 {
    margin-bottom: 25px !important;
  }

  .marg-md-b30 {
    margin-bottom: 30px !important;
  }

  .marg-md-b35 {
    margin-bottom: 35px !important;
  }

  .marg-md-b40 {
    margin-bottom: 40px !important;
  }

  .marg-md-b45 {
    margin-bottom: 45px !important;
  }

  .marg-md-b50 {
    margin-bottom: 50px !important;
  }

  .marg-md-b55 {
    margin-bottom: 55px !important;
  }

  .marg-md-b60 {
    margin-bottom: 60px !important;
  }

  .marg-md-b65 {
    margin-bottom: 65px !important;
  }

  .marg-md-b70 {
    margin-bottom: 70px !important;
  }

  .marg-md-b75 {
    margin-bottom: 75px !important;
  }

  .marg-md-b80 {
    margin-bottom: 80px !important;
  }

  .marg-md-b85 {
    margin-bottom: 85px !important;
  }

  .marg-md-b90 {
    margin-bottom: 90px !important;
  }

  .marg-md-b95 {
    margin-bottom: 95px !important;
  }

  .marg-md-b100 {
    margin-bottom: 100px !important;
  }

  .marg-md-b105 {
    margin-bottom: 105px !important;
  }

  .marg-md-b110 {
    margin-bottom: 110px !important;
  }

  .marg-md-b115 {
    margin-bottom: 115px !important;
  }

  .marg-md-b120 {
    margin-bottom: 120px !important;
  }

  .marg-md-b125 {
    margin-bottom: 125px !important;
  }

  .marg-md-b130 {
    margin-bottom: 130px !important;
  }

  .marg-md-b135 {
    margin-bottom: 135px !important;
  }

  .marg-md-b140 {
    margin-bottom: 140px !important;
  }

  .marg-md-b145 {
    margin-bottom: 145px !important;
  }

  .marg-md-b150 {
    margin-bottom: 150px !important;
  }

  .marg-md-b155 {
    margin-bottom: 155px !important;
  }

  .marg-md-b160 {
    margin-bottom: 160px !important;
  }

  .marg-md-b165 {
    margin-bottom: 165px !important;
  }

  .marg-md-b170 {
    margin-bottom: 170px !important;
  }

  .marg-md-b175 {
    margin-bottom: 175px !important;
  }

  .marg-md-b180 {
    margin-bottom: 180px !important;
  }

  .marg-md-b185 {
    margin-bottom: 185px !important;
  }

  .marg-md-b190 {
    margin-bottom: 190px !important;
  }

  .marg-md-b195 {
    margin-bottom: 195px !important;
  }

  .marg-md-b200 {
    margin-bottom: 200px !important;
  }

  .marg-md-b205 {
    margin-bottom: 205px !important;
  }

  .marg-md-b210 {
    margin-bottom: 210px !important;
  }

  .marg-md-b215 {
    margin-bottom: 210px !important;
  }

  .marg-md-b220 {
    margin-bottom: 220px !important;
  }

  .marg-md-b225 {
    margin-bottom: 225px !important;
  }

  .marg-md-b230 {
    margin-bottom: 230px !important;
  }

  .marg-md-b235 {
    margin-bottom: 235px !important;
  }

  .marg-md-b240 {
    margin-bottom: 240px !important;
  }

  .marg-md-b245 {
    margin-bottom: 245px !important;
  }

  .marg-md-b250 {
    margin-bottom: 250px !important;
  }

  .marg-md-b255 {
    margin-bottom: 255px !important;
  }

  .marg-md-b260 {
    margin-bottom: 260px !important;
  }

  .marg-md-b265 {
    margin-bottom: 265px !important;
  }

  .marg-md-b270 {
    margin-bottom: 270px !important;
  }

  .marg-md-b275 {
    margin-bottom: 275px !important;
  }

  .marg-md-b280 {
    margin-bottom: 280px !important;
  }

  .marg-md-b285 {
    margin-bottom: 285px !important;
  }

  .marg-md-b290 {
    margin-bottom: 290px !important;
  }

  .marg-md-b295 {
    margin-bottom: 295px !important;
  }

  .marg-md-b300 {
    margin-bottom: 300px !important;
  }

  .padd-md-t0 {
    padding-top: 0px !important;
  }

  .padd-md-t5 {
    padding-top: 5px !important;
  }

  .padd-md-t10 {
    padding-top: 10px !important;
  }

  .padd-md-t15 {
    padding-top: 15px !important;
  }

  .padd-md-t20 {
    padding-top: 20px !important;
  }

  .padd-md-t25 {
    padding-top: 25px !important;
  }

  .padd-md-t30 {
    padding-top: 30px !important;
  }

  .padd-md-t35 {
    padding-top: 35px !important;
  }

  .padd-md-t40 {
    padding-top: 40px !important;
  }

  .padd-md-t45 {
    padding-top: 45px !important;
  }

  .padd-md-t50 {
    padding-top: 50px !important;
  }

  .padd-md-t55 {
    padding-top: 55px !important;
  }

  .padd-md-t60 {
    padding-top: 60px !important;
  }

  .padd-md-t65 {
    padding-top: 65px !important;
  }

  .padd-md-t70 {
    padding-top: 70px !important;
  }

  .padd-md-t75 {
    padding-top: 75px !important;
  }

  .padd-md-t80 {
    padding-top: 80px !important;
  }

  .padd-md-t85 {
    padding-top: 85px !important;
  }

  .padd-md-t90 {
    padding-top: 90px !important;
  }

  .padd-md-t95 {
    padding-top: 95px !important;
  }

  .padd-md-t100 {
    padding-top: 100px !important;
  }

  .padd-md-t105 {
    padding-top: 105px !important;
  }

  .padd-md-t110 {
    padding-top: 110px !important;
  }

  .padd-md-t115 {
    padding-top: 115px !important;
  }

  .padd-md-t120 {
    padding-top: 120px !important;
  }

  .padd-md-t125 {
    padding-top: 125px !important;
  }

  .padd-md-t130 {
    padding-top: 130px !important;
  }

  .padd-md-t135 {
    padding-top: 135px !important;
  }

  .padd-md-t140 {
    padding-top: 140px !important;
  }

  .padd-md-t145 {
    padding-top: 145px !important;
  }

  .padd-md-t150 {
    padding-top: 150px !important;
  }

  .padd-md-t155 {
    padding-top: 155px !important;
  }

  .padd-md-t160 {
    padding-top: 160px !important;
  }

  .padd-md-t165 {
    padding-top: 165px !important;
  }

  .padd-md-t170 {
    padding-top: 170px !important;
  }

  .padd-md-t175 {
    padding-top: 175px !important;
  }

  .padd-md-t180 {
    padding-top: 180px !important;
  }

  .padd-md-t185 {
    padding-top: 185px !important;
  }

  .padd-md-t190 {
    padding-top: 190px !important;
  }

  .padd-md-t195 {
    padding-top: 195px !important;
  }

  .padd-md-t200 {
    padding-top: 200px !important;
  }

  .padd-md-t205 {
    padding-top: 205px !important;
  }

  .padd-md-t210 {
    padding-top: 210px !important;
  }

  .padd-md-t215 {
    padding-top: 210px !important;
  }

  .padd-md-t220 {
    padding-top: 220px !important;
  }

  .padd-md-t225 {
    padding-top: 225px !important;
  }

  .padd-md-t230 {
    padding-top: 230px !important;
  }

  .padd-md-t235 {
    padding-top: 235px !important;
  }

  .padd-md-t240 {
    padding-top: 240px !important;
  }

  .padd-md-t245 {
    padding-top: 245px !important;
  }

  .padd-md-t250 {
    padding-top: 250px !important;
  }

  .padd-md-t255 {
    padding-top: 255px !important;
  }

  .padd-md-t260 {
    padding-top: 260px !important;
  }

  .padd-md-t265 {
    padding-top: 265px !important;
  }

  .padd-md-t270 {
    padding-top: 270px !important;
  }

  .padd-md-t275 {
    padding-top: 275px !important;
  }

  .padd-md-t280 {
    padding-top: 280px !important;
  }

  .padd-md-t285 {
    padding-top: 285px !important;
  }

  .padd-md-t290 {
    padding-top: 290px !important;
  }

  .padd-md-t295 {
    padding-top: 295px !important;
  }

  .padd-md-t300 {
    padding-top: 300px !important;
  }

  .padd-md-b0 {
    padding-bottom: 0px !important;
  }

  .padd-md-b5 {
    padding-bottom: 5px !important;
  }

  .padd-md-b10 {
    padding-bottom: 10px !important;
  }

  .padd-md-b15 {
    padding-bottom: 15px !important;
  }

  .padd-md-b20 {
    padding-bottom: 20px !important;
  }

  .padd-md-b25 {
    padding-bottom: 25px !important;
  }

  .padd-md-b30 {
    padding-bottom: 30px !important;
  }

  .padd-md-b35 {
    padding-bottom: 35px !important;
  }

  .padd-md-b40 {
    padding-bottom: 40px !important;
  }

  .padd-md-b45 {
    padding-bottom: 45px !important;
  }

  .padd-md-b50 {
    padding-bottom: 50px !important;
  }

  .padd-md-b55 {
    padding-bottom: 55px !important;
  }

  .padd-md-b60 {
    padding-bottom: 60px !important;
  }

  .padd-md-b65 {
    padding-bottom: 65px !important;
  }

  .padd-md-b70 {
    padding-bottom: 70px !important;
  }

  .padd-md-b75 {
    padding-bottom: 75px !important;
  }

  .padd-md-b80 {
    padding-bottom: 80px !important;
  }

  .padd-md-b85 {
    padding-bottom: 85px !important;
  }

  .padd-md-b90 {
    padding-bottom: 90px !important;
  }

  .padd-md-b95 {
    padding-bottom: 95px !important;
  }

  .padd-md-b100 {
    padding-bottom: 100px !important;
  }

  .padd-md-b105 {
    padding-bottom: 105px !important;
  }

  .padd-md-b110 {
    padding-bottom: 110px !important;
  }

  .padd-md-b115 {
    padding-bottom: 115px !important;
  }

  .padd-md-b120 {
    padding-bottom: 120px !important;
  }

  .padd-md-b125 {
    padding-bottom: 125px !important;
  }

  .padd-md-b130 {
    padding-bottom: 130px !important;
  }

  .padd-md-b135 {
    padding-bottom: 135px !important;
  }

  .padd-md-b140 {
    padding-bottom: 140px !important;
  }

  .padd-md-b145 {
    padding-bottom: 145px !important;
  }

  .padd-md-b150 {
    padding-bottom: 150px !important;
  }

  .padd-md-b155 {
    padding-bottom: 155px !important;
  }

  .padd-md-b160 {
    padding-bottom: 160px !important;
  }

  .padd-md-b165 {
    padding-bottom: 165px !important;
  }

  .padd-md-b170 {
    padding-bottom: 170px !important;
  }

  .padd-md-b175 {
    padding-bottom: 175px !important;
  }

  .padd-md-b180 {
    padding-bottom: 180px !important;
  }

  .padd-md-b185 {
    padding-bottom: 185px !important;
  }

  .padd-md-b190 {
    padding-bottom: 190px !important;
  }

  .padd-md-b195 {
    padding-bottom: 195px !important;
  }

  .padd-md-b200 {
    padding-bottom: 200px !important;
  }

  .padd-md-b205 {
    padding-bottom: 205px !important;
  }

  .padd-md-b210 {
    padding-bottom: 210px !important;
  }

  .padd-md-b215 {
    padding-bottom: 210px !important;
  }

  .padd-md-b220 {
    padding-bottom: 220px !important;
  }

  .padd-md-b225 {
    padding-bottom: 225px !important;
  }

  .padd-md-b230 {
    padding-bottom: 230px !important;
  }

  .padd-md-b235 {
    padding-bottom: 235px !important;
  }

  .padd-md-b240 {
    padding-bottom: 240px !important;
  }

  .padd-md-b245 {
    padding-bottom: 245px !important;
  }

  .padd-md-b250 {
    padding-bottom: 250px !important;
  }

  .padd-md-b255 {
    padding-bottom: 255px !important;
  }

  .padd-md-b260 {
    padding-bottom: 260px !important;
  }

  .padd-md-b265 {
    padding-bottom: 265px !important;
  }

  .padd-md-b270 {
    padding-bottom: 270px !important;
  }

  .padd-md-b275 {
    padding-bottom: 275px !important;
  }

  .padd-md-b280 {
    padding-bottom: 280px !important;
  }

  .padd-md-b285 {
    padding-bottom: 285px !important;
  }

  .padd-md-b290 {
    padding-bottom: 290px !important;
  }

  .padd-md-b295 {
    padding-bottom: 295px !important;
  }

  .padd-md-b300 {
    padding-bottom: 300px !important;
  }

  .no-padd-md {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 991px) {
  .marg-sm-t0 {
    margin-top: 0px !important;
  }

  .marg-sm-t5 {
    margin-top: 5px !important;
  }

  .marg-sm-t10 {
    margin-top: 10px !important;
  }

  .marg-sm-t15 {
    margin-top: 15px !important;
  }

  .marg-sm-t20 {
    margin-top: 20px !important;
  }

  .marg-sm-t25 {
    margin-top: 25px !important;
  }

  .marg-sm-t30 {
    margin-top: 30px !important;
  }

  .marg-sm-t35 {
    margin-top: 35px !important;
  }

  .marg-sm-t40 {
    margin-top: 40px !important;
  }

  .marg-sm-t45 {
    margin-top: 45px !important;
  }

  .marg-sm-t50 {
    margin-top: 50px !important;
  }

  .marg-sm-t55 {
    margin-top: 55px !important;
  }

  .marg-sm-t60 {
    margin-top: 60px !important;
  }

  .marg-sm-t65 {
    margin-top: 65px !important;
  }

  .marg-sm-t70 {
    margin-top: 70px !important;
  }

  .marg-sm-t75 {
    margin-top: 75px !important;
  }

  .marg-sm-t80 {
    margin-top: 80px !important;
  }

  .marg-sm-t85 {
    margin-top: 85px !important;
  }

  .marg-sm-t90 {
    margin-top: 90px !important;
  }

  .marg-sm-t95 {
    margin-top: 95px !important;
  }

  .marg-sm-t100 {
    margin-top: 100px !important;
  }

  .marg-sm-t105 {
    margin-top: 105px !important;
  }

  .marg-sm-t110 {
    margin-top: 110px !important;
  }

  .marg-sm-t115 {
    margin-top: 115px !important;
  }

  .marg-sm-t120 {
    margin-top: 120px !important;
  }

  .marg-sm-t125 {
    margin-top: 125px !important;
  }

  .marg-sm-t130 {
    margin-top: 130px !important;
  }

  .marg-sm-t135 {
    margin-top: 135px !important;
  }

  .marg-sm-t140 {
    margin-top: 140px !important;
  }

  .marg-sm-t145 {
    margin-top: 145px !important;
  }

  .marg-sm-t150 {
    margin-top: 150px !important;
  }

  .marg-sm-t155 {
    margin-top: 155px !important;
  }

  .marg-sm-t160 {
    margin-top: 160px !important;
  }

  .marg-sm-t165 {
    margin-top: 165px !important;
  }

  .marg-sm-t170 {
    margin-top: 170px !important;
  }

  .marg-sm-t175 {
    margin-top: 175px !important;
  }

  .marg-sm-t180 {
    margin-top: 180px !important;
  }

  .marg-sm-t185 {
    margin-top: 185px !important;
  }

  .marg-sm-t190 {
    margin-top: 190px !important;
  }

  .marg-sm-t195 {
    margin-top: 195px !important;
  }

  .marg-sm-t200 {
    margin-top: 200px !important;
  }

  .marg-sm-b0 {
    margin-bottom: 0px !important;
  }

  .marg-sm-b5 {
    margin-bottom: 5px !important;
  }

  .marg-sm-b10 {
    margin-bottom: 10px !important;
  }

  .marg-sm-b15 {
    margin-bottom: 15px !important;
  }

  .marg-sm-b20 {
    margin-bottom: 20px !important;
  }

  .marg-sm-b25 {
    margin-bottom: 25px !important;
  }

  .marg-sm-b30 {
    margin-bottom: 30px !important;
  }

  .marg-sm-b35 {
    margin-bottom: 35px !important;
  }

  .marg-sm-b40 {
    margin-bottom: 40px !important;
  }

  .marg-sm-b45 {
    margin-bottom: 45px !important;
  }

  .marg-sm-b50 {
    margin-bottom: 50px !important;
  }

  .marg-sm-b55 {
    margin-bottom: 55px !important;
  }

  .marg-sm-b60 {
    margin-bottom: 60px !important;
  }

  .marg-sm-b65 {
    margin-bottom: 65px !important;
  }

  .marg-sm-b70 {
    margin-bottom: 70px !important;
  }

  .marg-sm-b75 {
    margin-bottom: 75px !important;
  }

  .marg-sm-b80 {
    margin-bottom: 80px !important;
  }

  .marg-sm-b85 {
    margin-bottom: 85px !important;
  }

  .marg-sm-b90 {
    margin-bottom: 90px !important;
  }

  .marg-sm-b95 {
    margin-bottom: 95px !important;
  }

  .marg-sm-b100 {
    margin-bottom: 100px !important;
  }

  .marg-sm-b105 {
    margin-bottom: 105px !important;
  }

  .marg-sm-b110 {
    margin-bottom: 110px !important;
  }

  .marg-sm-b115 {
    margin-bottom: 115px !important;
  }

  .marg-sm-b120 {
    margin-bottom: 120px !important;
  }

  .marg-sm-b125 {
    margin-bottom: 125px !important;
  }

  .marg-sm-b130 {
    margin-bottom: 130px !important;
  }

  .marg-sm-b135 {
    margin-bottom: 135px !important;
  }

  .marg-sm-b140 {
    margin-bottom: 140px !important;
  }

  .marg-sm-b145 {
    margin-bottom: 145px !important;
  }

  .marg-sm-b150 {
    margin-bottom: 150px !important;
  }

  .marg-sm-b155 {
    margin-bottom: 155px !important;
  }

  .marg-sm-b160 {
    margin-bottom: 160px !important;
  }

  .marg-sm-b165 {
    margin-bottom: 165px !important;
  }

  .marg-sm-b170 {
    margin-bottom: 170px !important;
  }

  .marg-sm-b175 {
    margin-bottom: 175px !important;
  }

  .marg-sm-b180 {
    margin-bottom: 180px !important;
  }

  .marg-sm-b185 {
    margin-bottom: 185px !important;
  }

  .marg-sm-b190 {
    margin-bottom: 190px !important;
  }

  .marg-sm-b195 {
    margin-bottom: 195px !important;
  }

  .marg-sm-b200 {
    margin-bottom: 200px !important;
  }

  .padd-sm-t0 {
    padding-top: 0px !important;
  }

  .padd-sm-t5 {
    padding-top: 5px !important;
  }

  .padd-sm-t10 {
    padding-top: 10px !important;
  }

  .padd-sm-t15 {
    padding-top: 15px !important;
  }

  .padd-sm-t20 {
    padding-top: 20px !important;
  }

  .padd-sm-t25 {
    padding-top: 25px !important;
  }

  .padd-sm-t30 {
    padding-top: 30px !important;
  }

  .padd-sm-t35 {
    padding-top: 35px !important;
  }

  .padd-sm-t40 {
    padding-top: 40px !important;
  }

  .padd-sm-t45 {
    padding-top: 45px !important;
  }

  .padd-sm-t50 {
    padding-top: 50px !important;
  }

  .padd-sm-t55 {
    padding-top: 55px !important;
  }

  .padd-sm-t60 {
    padding-top: 60px !important;
  }

  .padd-sm-t65 {
    padding-top: 65px !important;
  }

  .padd-sm-t70 {
    padding-top: 70px !important;
  }

  .padd-sm-t75 {
    padding-top: 75px !important;
  }

  .padd-sm-t80 {
    padding-top: 80px !important;
  }

  .padd-sm-t85 {
    padding-top: 85px !important;
  }

  .padd-sm-t90 {
    padding-top: 90px !important;
  }

  .padd-sm-t95 {
    padding-top: 95px !important;
  }

  .padd-sm-t100 {
    padding-top: 100px !important;
  }

  .padd-sm-t105 {
    padding-top: 105px !important;
  }

  .padd-sm-t110 {
    padding-top: 110px !important;
  }

  .padd-sm-t115 {
    padding-top: 115px !important;
  }

  .padd-sm-t120 {
    padding-top: 120px !important;
  }

  .padd-sm-t125 {
    padding-top: 125px !important;
  }

  .padd-sm-t130 {
    padding-top: 130px !important;
  }

  .padd-sm-t135 {
    padding-top: 135px !important;
  }

  .padd-sm-t140 {
    padding-top: 140px !important;
  }

  .padd-sm-t145 {
    padding-top: 145px !important;
  }

  .padd-sm-t150 {
    padding-top: 150px !important;
  }

  .padd-sm-t155 {
    padding-top: 155px !important;
  }

  .padd-sm-t160 {
    padding-top: 160px !important;
  }

  .padd-sm-t165 {
    padding-top: 165px !important;
  }

  .padd-sm-t170 {
    padding-top: 170px !important;
  }

  .padd-sm-t175 {
    padding-top: 175px !important;
  }

  .padd-sm-t180 {
    padding-top: 180px !important;
  }

  .padd-sm-t185 {
    padding-top: 185px !important;
  }

  .padd-sm-t190 {
    padding-top: 190px !important;
  }

  .padd-sm-t195 {
    padding-top: 195px !important;
  }

  .padd-sm-t200 {
    padding-top: 200px !important;
  }

  .padd-sm-b0 {
    padding-bottom: 0px !important;
  }

  .padd-sm-b5 {
    padding-bottom: 5px !important;
  }

  .padd-sm-b10 {
    padding-bottom: 10px !important;
  }

  .padd-sm-b15 {
    padding-bottom: 15px !important;
  }

  .padd-sm-b20 {
    padding-bottom: 20px !important;
  }

  .padd-sm-b25 {
    padding-bottom: 25px !important;
  }

  .padd-sm-b30 {
    padding-bottom: 30px !important;
  }

  .padd-sm-b35 {
    padding-bottom: 35px !important;
  }

  .padd-sm-b40 {
    padding-bottom: 40px !important;
  }

  .padd-sm-b45 {
    padding-bottom: 45px !important;
  }

  .padd-sm-b50 {
    padding-bottom: 50px !important;
  }

  .padd-sm-b55 {
    padding-bottom: 55px !important;
  }

  .padd-sm-b60 {
    padding-bottom: 60px !important;
  }

  .padd-sm-b65 {
    padding-bottom: 65px !important;
  }

  .padd-sm-b70 {
    padding-bottom: 70px !important;
  }

  .padd-sm-b75 {
    padding-bottom: 75px !important;
  }

  .padd-sm-b80 {
    padding-bottom: 80px !important;
  }

  .padd-sm-b85 {
    padding-bottom: 85px !important;
  }

  .padd-sm-b90 {
    padding-bottom: 90px !important;
  }

  .padd-sm-b95 {
    padding-bottom: 95px !important;
  }

  .padd-sm-b100 {
    padding-bottom: 100px !important;
  }

  .padd-sm-b105 {
    padding-bottom: 105px !important;
  }

  .padd-sm-b110 {
    padding-bottom: 110px !important;
  }

  .padd-sm-b115 {
    padding-bottom: 115px !important;
  }

  .padd-sm-b120 {
    padding-bottom: 120px !important;
  }

  .padd-sm-b125 {
    padding-bottom: 125px !important;
  }

  .padd-sm-b130 {
    padding-bottom: 130px !important;
  }

  .padd-sm-b135 {
    padding-bottom: 135px !important;
  }

  .padd-sm-b140 {
    padding-bottom: 140px !important;
  }

  .padd-sm-b145 {
    padding-bottom: 145px !important;
  }

  .padd-sm-b150 {
    padding-bottom: 150px !important;
  }

  .padd-sm-b155 {
    padding-bottom: 155px !important;
  }

  .padd-sm-b160 {
    padding-bottom: 160px !important;
  }

  .padd-sm-b165 {
    padding-bottom: 165px !important;
  }

  .padd-sm-b170 {
    padding-bottom: 170px !important;
  }

  .padd-sm-b175 {
    padding-bottom: 175px !important;
  }

  .padd-sm-b180 {
    padding-bottom: 180px !important;
  }

  .padd-sm-b185 {
    padding-bottom: 185px !important;
  }

  .padd-sm-b190 {
    padding-bottom: 190px !important;
  }

  .padd-sm-b195 {
    padding-bottom: 195px !important;
  }

  .padd-sm-b200 {
    padding-bottom: 200px !important;
  }

  .no-padd-sm {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .marg-xs-t0 {
    margin-top: 0px !important;
  }

  .marg-xs-t5 {
    margin-top: 5px !important;
  }

  .marg-xs-t10 {
    margin-top: 10px !important;
  }

  .marg-xs-t15 {
    margin-top: 15px !important;
  }

  .marg-xs-t20 {
    margin-top: 20px !important;
  }

  .marg-xs-t25 {
    margin-top: 25px !important;
  }

  .marg-xs-t30 {
    margin-top: 30px !important;
  }

  .marg-xs-t35 {
    margin-top: 35px !important;
  }

  .marg-xs-t40 {
    margin-top: 40px !important;
  }

  .marg-xs-t45 {
    margin-top: 45px !important;
  }

  .marg-xs-t50 {
    margin-top: 50px !important;
  }

  .marg-xs-t55 {
    margin-top: 55px !important;
  }

  .marg-xs-t60 {
    margin-top: 60px !important;
  }

  .marg-xs-t65 {
    margin-top: 65px !important;
  }

  .marg-xs-t70 {
    margin-top: 70px !important;
  }

  .marg-xs-t75 {
    margin-top: 75px !important;
  }

  .marg-xs-t80 {
    margin-top: 80px !important;
  }

  .marg-xs-t85 {
    margin-top: 85px !important;
  }

  .marg-xs-t90 {
    margin-top: 90px !important;
  }

  .marg-xs-t95 {
    margin-top: 95px !important;
  }

  .marg-xs-t100 {
    margin-top: 100px !important;
  }

  .marg-xs-t105 {
    margin-top: 105px !important;
  }

  .marg-xs-t110 {
    margin-top: 110px !important;
  }

  .marg-xs-t115 {
    margin-top: 115px !important;
  }

  .marg-xs-t120 {
    margin-top: 120px !important;
  }

  .marg-xs-t125 {
    margin-top: 125px !important;
  }

  .marg-xs-t130 {
    margin-top: 130px !important;
  }

  .marg-xs-t135 {
    margin-top: 135px !important;
  }

  .marg-xs-t140 {
    margin-top: 140px !important;
  }

  .marg-xs-t145 {
    margin-top: 145px !important;
  }

  .marg-xs-t150 {
    margin-top: 150px !important;
  }

  .marg-xs-t155 {
    margin-top: 155px !important;
  }

  .marg-xs-t160 {
    margin-top: 160px !important;
  }

  .marg-xs-t165 {
    margin-top: 165px !important;
  }

  .marg-xs-t170 {
    margin-top: 170px !important;
  }

  .marg-xs-t175 {
    margin-top: 175px !important;
  }

  .marg-xs-t180 {
    margin-top: 180px !important;
  }

  .marg-xs-t185 {
    margin-top: 185px !important;
  }

  .marg-xs-t190 {
    margin-top: 190px !important;
  }

  .marg-xs-t195 {
    margin-top: 195px !important;
  }

  .marg-xs-t200 {
    margin-top: 200px !important;
  }

  .marg-xs-b0 {
    margin-bottom: 0px !important;
  }

  .marg-xs-b5 {
    margin-bottom: 5px !important;
  }

  .marg-xs-b10 {
    margin-bottom: 10px !important;
  }

  .marg-xs-b15 {
    margin-bottom: 15px !important;
  }

  .marg-xs-b20 {
    margin-bottom: 20px !important;
  }

  .marg-xs-b25 {
    margin-bottom: 25px !important;
  }

  .marg-xs-b30 {
    margin-bottom: 30px !important;
  }

  .marg-xs-b35 {
    margin-bottom: 35px !important;
  }

  .marg-xs-b40 {
    margin-bottom: 40px !important;
  }

  .marg-xs-b45 {
    margin-bottom: 45px !important;
  }

  .marg-xs-b50 {
    margin-bottom: 50px !important;
  }

  .marg-xs-b55 {
    margin-bottom: 55px !important;
  }

  .marg-xs-b60 {
    margin-bottom: 60px !important;
  }

  .marg-xs-b65 {
    margin-bottom: 65px !important;
  }

  .marg-xs-b70 {
    margin-bottom: 70px !important;
  }

  .marg-xs-b75 {
    margin-bottom: 75px !important;
  }

  .marg-xs-b80 {
    margin-bottom: 80px !important;
  }

  .marg-xs-b85 {
    margin-bottom: 85px !important;
  }

  .marg-xs-b90 {
    margin-bottom: 90px !important;
  }

  .marg-xs-b95 {
    margin-bottom: 95px !important;
  }

  .marg-xs-b100 {
    margin-bottom: 100px !important;
  }

  .marg-xs-b105 {
    margin-bottom: 105px !important;
  }

  .marg-xs-b110 {
    margin-bottom: 110px !important;
  }

  .marg-xs-b115 {
    margin-bottom: 115px !important;
  }

  .marg-xs-b120 {
    margin-bottom: 120px !important;
  }

  .marg-xs-b125 {
    margin-bottom: 125px !important;
  }

  .marg-xs-b130 {
    margin-bottom: 130px !important;
  }

  .marg-xs-b135 {
    margin-bottom: 135px !important;
  }

  .marg-xs-b140 {
    margin-bottom: 140px !important;
  }

  .marg-xs-b145 {
    margin-bottom: 145px !important;
  }

  .marg-xs-b150 {
    margin-bottom: 150px !important;
  }

  .marg-xs-b155 {
    margin-bottom: 155px !important;
  }

  .marg-xs-b160 {
    margin-bottom: 160px !important;
  }

  .marg-xs-b165 {
    margin-bottom: 165px !important;
  }

  .marg-xs-b170 {
    margin-bottom: 170px !important;
  }

  .marg-xs-b175 {
    margin-bottom: 175px !important;
  }

  .marg-xs-b180 {
    margin-bottom: 180px !important;
  }

  .marg-xs-b185 {
    margin-bottom: 185px !important;
  }

  .marg-xs-b190 {
    margin-bottom: 190px !important;
  }

  .marg-xs-b195 {
    margin-bottom: 195px !important;
  }

  .marg-xs-b200 {
    margin-bottom: 200px !important;
  }

  .padd-xs-t0 {
    padding-top: 0px !important;
  }

  .padd-xs-t5 {
    padding-top: 5px !important;
  }

  .padd-xs-t10 {
    padding-top: 10px !important;
  }

  .padd-xs-t15 {
    padding-top: 15px !important;
  }

  .padd-xs-t20 {
    padding-top: 20px !important;
  }

  .padd-xs-t25 {
    padding-top: 25px !important;
  }

  .padd-xs-t30 {
    padding-top: 30px !important;
  }

  .padd-xs-t35 {
    padding-top: 35px !important;
  }

  .padd-xs-t40 {
    padding-top: 40px !important;
  }

  .padd-xs-t45 {
    padding-top: 45px !important;
  }

  .padd-xs-t50 {
    padding-top: 50px !important;
  }

  .padd-xs-t55 {
    padding-top: 55px !important;
  }

  .padd-xs-t60 {
    padding-top: 60px !important;
  }

  .padd-xs-t65 {
    padding-top: 65px !important;
  }

  .padd-xs-t70 {
    padding-top: 70px !important;
  }

  .padd-xs-t75 {
    padding-top: 75px !important;
  }

  .padd-xs-t80 {
    padding-top: 80px !important;
  }

  .padd-xs-t85 {
    padding-top: 85px !important;
  }

  .padd-xs-t90 {
    padding-top: 90px !important;
  }

  .padd-xs-t95 {
    padding-top: 95px !important;
  }

  .padd-xs-t100 {
    padding-top: 100px !important;
  }

  .padd-xs-t105 {
    padding-top: 105px !important;
  }

  .padd-xs-t110 {
    padding-top: 110px !important;
  }

  .padd-xs-t115 {
    padding-top: 115px !important;
  }

  .padd-xs-t120 {
    padding-top: 120px !important;
  }

  .padd-xs-t125 {
    padding-top: 125px !important;
  }

  .padd-xs-t130 {
    padding-top: 130px !important;
  }

  .padd-xs-t135 {
    padding-top: 135px !important;
  }

  .padd-xs-t140 {
    padding-top: 140px !important;
  }

  .padd-xs-t145 {
    padding-top: 145px !important;
  }

  .padd-xs-t150 {
    padding-top: 150px !important;
  }

  .padd-xs-t155 {
    padding-top: 155px !important;
  }

  .padd-xs-t160 {
    padding-top: 160px !important;
  }

  .padd-xs-t165 {
    padding-top: 165px !important;
  }

  .padd-xs-t170 {
    padding-top: 170px !important;
  }

  .padd-xs-t175 {
    padding-top: 175px !important;
  }

  .padd-xs-t180 {
    padding-top: 180px !important;
  }

  .padd-xs-t185 {
    padding-top: 185px !important;
  }

  .padd-xs-t190 {
    padding-top: 190px !important;
  }

  .padd-xs-t195 {
    padding-top: 195px !important;
  }

  .padd-xs-t200 {
    padding-top: 200px !important;
  }

  .padd-xs-b0 {
    padding-bottom: 0px !important;
  }

  .padd-xs-b5 {
    padding-bottom: 5px !important;
  }

  .padd-xs-b10 {
    padding-bottom: 10px !important;
  }

  .padd-xs-b15 {
    padding-bottom: 15px !important;
  }

  .padd-xs-b20 {
    padding-bottom: 20px !important;
  }

  .padd-xs-b25 {
    padding-bottom: 25px !important;
  }

  .padd-xs-b30 {
    padding-bottom: 30px !important;
  }

  .padd-xs-b35 {
    padding-bottom: 35px !important;
  }

  .padd-xs-b40 {
    padding-bottom: 40px !important;
  }

  .padd-xs-b45 {
    padding-bottom: 45px !important;
  }

  .padd-xs-b50 {
    padding-bottom: 50px !important;
  }

  .padd-xs-b55 {
    padding-bottom: 55px !important;
  }

  .padd-xs-b60 {
    padding-bottom: 60px !important;
  }

  .padd-xs-b65 {
    padding-bottom: 65px !important;
  }

  .padd-xs-b70 {
    padding-bottom: 70px !important;
  }

  .padd-xs-b75 {
    padding-bottom: 75px !important;
  }

  .padd-xs-b80 {
    padding-bottom: 80px !important;
  }

  .padd-xs-b85 {
    padding-bottom: 85px !important;
  }

  .padd-xs-b90 {
    padding-bottom: 90px !important;
  }

  .padd-xs-b95 {
    padding-bottom: 95px !important;
  }

  .padd-xs-b100 {
    padding-bottom: 100px !important;
  }

  .padd-xs-b105 {
    padding-bottom: 105px !important;
  }

  .padd-xs-b110 {
    padding-bottom: 110px !important;
  }

  .padd-xs-b115 {
    padding-bottom: 115px !important;
  }

  .padd-xs-b120 {
    padding-bottom: 120px !important;
  }

  .padd-xs-b125 {
    padding-bottom: 125px !important;
  }

  .padd-xs-b130 {
    padding-bottom: 130px !important;
  }

  .padd-xs-b135 {
    padding-bottom: 135px !important;
  }

  .padd-xs-b140 {
    padding-bottom: 140px !important;
  }

  .padd-xs-b145 {
    padding-bottom: 145px !important;
  }

  .padd-xs-b150 {
    padding-bottom: 150px !important;
  }

  .padd-xs-b155 {
    padding-bottom: 155px !important;
  }

  .padd-xs-b160 {
    padding-bottom: 160px !important;
  }

  .padd-xs-b165 {
    padding-bottom: 165px !important;
  }

  .padd-xs-b170 {
    padding-bottom: 170px !important;
  }

  .padd-xs-b175 {
    padding-bottom: 175px !important;
  }

  .padd-xs-b180 {
    padding-bottom: 180px !important;
  }

  .padd-xs-b185 {
    padding-bottom: 185px !important;
  }

  .padd-xs-b190 {
    padding-bottom: 190px !important;
  }

  .padd-xs-b195 {
    padding-bottom: 195px !important;
  }

  .padd-xs-b200 {
    padding-bottom: 200px !important;
  }

  .no-padd-xs {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}