/*
Theme Name: Bezel WP Child
Theme URI:
Description: Creative Multi-Purpose WordPress Theme
Author: HodyLab
Author URI: http://hody.co/
Template: bezel-wp
Version: 1.0.0
*/

@import url(fontawesome/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

h1,
h2{
  font-weight: 200!important;
}
.headline p{
    position:relative;
    margin:0px;
    background:none;
    line-height:1.3em!important;
    font-family: 'Montserrat', sans-serif;
    color: #1f1f1f!important;
   font-size: 36px!important;
   font-weight: 200!important;
    margin-bottom:10px!important;
}
.headline-md p{
    position:relative;
    margin:0px;
    background:none;
    line-height:1.2em!important;
    font-family: 'Montserrat', sans-serif;
    color: #1f1f1f!important;
    font-size: 24px!important;
    font-weight: 400!important;
    margin-bottom:10px!important;
}

.headline-md.p-spacer::after{
content: "";
    display: block;
    height: 2px;
    width: 12px;
    margin-top: 15px;
	  margin-bottom:15px;
    background-color: #1f1f1f;	
}

.headline.p-spacer::after{
content: "";
    display: block;
    height: 2px;
    width: 12px;
    margin-top: 15px;
	  margin-bottom:15px;
    background-color: #1f1f1f;	
}

p .headline-md{
    position:relative;
    margin:0px;
    background:none;
    line-height:1.3em!important;
    font-family: 'Montserrat', sans-serif;
    color: #1f1f1f!important;
    font-size: 20px!important;
    font-weight: 200!important;
    margin-bottom:10px!important;
}

p.headline {
    position:relative;
    margin:0px;
    background:none;
    line-height:1.3em!important;
    font-family: 'Montserrat', sans-serif;
    color: #1f1f1f!important;
   font-size: 36px!important;
   font-weight: 200!important;
    margin-bottom:10px!important;
}

@media only screen and (max-width: 767px){
h1, h2{
    font-weight: 300!important;
}
.headline p{
   font-size: 32px!important;
   font-weight: 300!important;
}
.headline-md p{
    font-size: 22px!important;
}
}
.slide-content h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 200!important;
    line-height: 1;
    margin-bottom: 15px;
	  letter-spacing:0;
}
.slide-content p {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px){
.slide-content h1 {
    font-size: 36px;
}
.slide-content p {
 font-size: 16px;
}
}
@media only screen and (max-width: 599px){
.slide-content h1 {
    font-size: 30px;
    font-weight: 400!important;
}
.slide-content .btn {
height:40px;
line-height:40px;
padding:0 20px;
}
.slide-content .container {
    margin-top:-80px;
}
.slide-content.align-left {
    text-align: center!important;
}
}
/* footer fix */
@media only screen and (min-width: 992px) {
  #footer {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

.footer-spacer {
    display: none;
}	
}
.footer-widgets:before {
  background-image: none!important;
}
.footer-widgets {
    background-color: #F2F5F7;
}

/* loader fix */
#loader {
 background-color: #ffffff; 
}

#mask>span {
    display: none;
}
.preloader-icon {
	display: none;
}

/* sticky-footer */

.outside-more-articles {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  transition: all 500ms cubic-bezier(.265,.365,.26,.865);
  -webkit-transition-timing-function: cubic-bezier(.265,.365,.26,.865);
  -moz-transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
  -o-transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
  transition-timing-function: cubic-bezier(0.265,.365,.26,.865);
 
}


.outside-more-articles--bottom {
	bottom: -65px;
}


.outside-more-articles--show {
	visibility: visible;
}

.outside-more-articles--bottom.outside-more-articles--show {
	bottom: 0;
}

.more-articles-holder {
  margin: 0 0 0;
  font-weight:600;
  font-size: 14px;
  color: #ffffff;
  background: #242424;
  letter-spacing:1px;
}

.more-articles-holder a {
  margin: 0 0 0;
  font-weight:600;
  font-size: 14px;
  color: #ffffff;
  letter-spacing:1px;
}

.more-articles-holder {
  width: 620px;
  padding: 12px 20px;
  display: block;
  margin: 0 auto;
  height: 44px;
  text-align: center;
  border-top-right-radius: 160px;
  border-top-left-radius: 160px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}


.ma-tel {
  display: inline-block;
  margin-right: 20px;
}

.ma-tel .link-sf-mv {
  display: none;
}

.ma-divider {
  display: inline-block;
  background: #ffffff;
  width: 2px;
  height: 15px;
  margin-bottom: -2px;
  opacity: 0.5;
}

.ma-em {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

.ma-em .link-sf-mv {
  display: none;
}

.ma-lc {
  display: inline-block;
  margin-left: 20px;
}

.ma-lc .link-sf-mv {
  display: none;
}

.link-sf-mv {
  font-size: 26px;
  vertical-align: middle;
}

@media only screen and (max-width: 640px) {
  .more-articles-holder {
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 599px) {
  .more-articles-holder {
    height: 50px;
    padding: 0 20px;
  }

  .more-articles-holder a {
    text-decoration: none;
  }
  .ma-tel,
  .ma-em,
  .ma-lc {
    margin-right: 0;
    margin-left: 0;
  }

  .ma-tel .link-sf-dt {
    display: none;
  }

  .ma-tel .link-sf-mv {
    display: block;
    padding: 12px 20px;
  }

  .ma-divider {
    display: none;
  }

  .ma-em .link-sf-dt {
    display: none;
  }

  .ma-em .link-sf-mv {
    display: block;
    padding: 12px 20px;
    border-left: solid 1px #ffffff;
  }

  .ma-lc .link-sf-dt {
    display: none;
  }
  .ma-lc .link-sf-mv {
    display: block;
    padding: 12px 20px;
    border-left: solid 1px #ffffff;
  }
}

/* fullscreen menu */
.fs-menu-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0);
}
.fs-menu-wrapper .container {
width:100%;
padding-left:0;
padding-right:0;
}

.fs-menu-wrapper.header-scroll {
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 999;
position: fixed;
background: #ffffff;
box-shadow: 0 0 65px rgba(0,0,0,0.07);
}
.fs-menu-wrapper .logo img {
    max-height: 40px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
}
.fs-menu-wrapper .logo {
    margin-left:45px;
}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu {
	margin-right:45px;
    display: none;
}
.fs-menu-wrapper.header-scroll .fs-header-wrapper .toggle-fs-menu {
    line-height: 60px;
}
.fs-menu-wrapper.header-scroll .logo {
    height: 60px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.fs-menu-wrapper .fullscreen-menu {
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 480px;
  height: 100vh;
  background-color: rgba(179,24,45,0.75);
  z-index: 999999;
  visibility: visible;
  opacity: 1;
  max-height: 100vh;
  overflow: scroll;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-transition: all .5s ease;
    transition: all .5s ease;
 
}

.fs-menu-wrapper .fullscreen-menu.is-active {
  opacity: 1;
  visibility: visible;
  height:100vh;
    left: calc(100% - 480px);
}
@media only screen and (max-width: 599px){
.fs-menu-wrapper .fullscreen-menu {
  width: 100%; 
}

.fs-menu-wrapper .fullscreen-menu.is-active {
  Left:0;
}
}

.fs-header-wrapper .logo .logo-dark {
  opacity: 0;
  height: 0;
}

.fs-menu-wrapper.header-scroll .logo .logo-light {
    opacity: 0;
    height: 0;
  }
.fs-menu-wrapper.header-scroll .logo .logo-dark {
    opacity: 1;
    height: auto;
  }

.hamburger-box {
    width: 40px;
    height: 2px!important;
}


.hamburger-inner {
  background-color: #fff;
  border-radius: 0;
  display: block;
  height: 2px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: 40px;
}
.hamburger-inner:before {
  background-color: #fff;
  border-radius: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: -10px;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: 40px;
}
.hamburger-inner:after {
  background-color: #fff;
  border-radius: 0;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: 40px;
}

.fs-menu-wrapper.header-scroll .hamburger-inner,
.fs-menu-wrapper.header-scroll .hamburger-inner:before,
.fs-menu-wrapper.header-scroll .hamburger-inner:after{
background-color: #afafb1;
}

.fullscreen-menu .navigation-menu {
    max-width: 480px;
    padding: 0 30px;
}
.fullscreen-menu .navigation-menu>li a {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
	  letter-spacing:1px;
	  opacity:1;
		transition: all .3s ease;
}
.fullscreen-menu .navigation-menu>li a:hover {
    color: #ffffff;
	  opacity:0.7;
}

.fullscreen-menu .navigation-menu>li .submenu>li>a, .fullscreen-menu .navigation-menu>li .sub-menu>li>a {
    color: #ffffff;
	  font-family: "Roboto",sans-serif;
    font-weight: 400;
}
@media only screen and (max-width: 991px){
.fs-menu-wrapper .logo {
    margin-left:30px;
}
.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu {
margin-right:30px
}
}
@media only screen and (max-width: 599px){
.fs-menu-wrapper .logo {
    margin-left:15px;
}
.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu {
margin-right:15px
}
}
.main-tel {
    float: right;
    margin-right: 40px;
    height: 100px;
    line-height: 100px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}
.main-divide {
    float: right;
    margin-right: 20px;
    height: 100px;
    line-height: 100px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0;
}


.main-email{
    float: right;
    margin-right: 20px;
    height: 100px;
    line-height: 100px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
}
.main-tel a, .main-email a {
    color: #ffffff;
	  transition: all .3s ease;
}

.main-tel a:hover, .main-email a:hover {
    color: #ffffff;
	  opacity:0.7
}

.fs-menu-wrapper.header-scroll .main-tel a,
.fs-menu-wrapper.header-scroll .main-email a,
.fs-menu-wrapper.header-scroll .main-divide{
    color: #787878;
}

.fs-menu-wrapper.header-scroll .main-tel,
.fs-menu-wrapper.header-scroll .main-email,
.fs-menu-wrapper.header-scroll .main-divide{
    height: 60px;
    line-height: 60px;
}

@media only screen and (max-width: 991px){
.main-tel,
.main-email,
.main-divide{
font-size: 16px;
}
}

@media only screen and (max-width: 767px){
.main-tel,
.main-email,
.main-divide{
display:none;
}
}

/* footer */
.footer-logo img {
    max-width: 100%;
}
/* home-hero */
.slide-wrap {
    background: linear-gradient(1deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 80%);
background-color: rgba(0,0,0,0)!important;
}
#home-slider .row-parallax-bg .parallax-wrapper {
  top: -220px;
}
.slide-arrows>button {
    line-height: 56px!important;
}
@media only screen and (max-width: 1100px){
#home-slider .row-parallax-bg .parallax-wrapper {
  top: -200px;
}
.slide-arrows {
    display:none!important;
}
}

@media only screen and (max-width: 767px){
#home-slider .row-parallax-bg .parallax-wrapper {
  top: -180px;
}
}
/* miscellaneous */
.btn {
    border-radius:0!important;
    font-size: 12px!important;
    font-weight: 600;
    text-transform:uppercase!important;
    letter-spacing:1px;
}

   