html{ font-size: 10px; }
body {
  font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
}

h1{
  font-size: 3.6rem;
  font-family: 'Oswald', sans-serif;
}
h2{
  font-size: 3.0rem;
  font-family: 'Oswald', sans-serif;
}
h3{
  font-size: 2.4rem;
  font-family: 'Oswald', sans-serif;
}
h4{
  font-size: 2.0rem;
}

a {
  color: #F080EC;;
  transition: 0.5s;
  font-family: 'Open Sans', sans-serif;
}

a:hover,
a:active,
a:focus {
  color: #0a98c0;
  outline: none;
  text-decoration: none;
}

p {
  margin: 0 0 10px 0;
  font-size: 15px;
}

.color-white{ color: #fff; }
.color-black{ color: #333; }
.color-sky{ color: #77a5d8; }
.color-light-gray{ color: rgb(181, 181, 181); }
.color-light-green{ color: #23aba5; }
.color-pink{ color: #da3e5c; }
.color-gray{ color: #6C6C6C }

.top-5{ margin-top: 5px !important; }
.top-13{ margin-top: 13px !important; }
.top-18{ margin-top: 18px !important; }

/*-----Font Size Classees-----*/
.font-12{ font-size: 1.2rem; line-height: 18px; }
.font-13{ font-size: 1.3rem; line-height: 20px; }
.font-14{ font-size: 1.4rem; line-height: 24px; }
.font-19{ font-size: 1.9rem; line-height: 18px; }
.font-20{ font-size: 2.0rem; line-height: 30px; }
.font-20 p{ font-size: 2.0rem; line-height: 30px; }
.font-24{ font-size: 2.4rem; }
.font-28{ font-size: 2.8rem; line-height: 28px; }
.font-30{ font-size: 3.0rem; line-height: 30px; }
.font-36{ font-size: 3.6rem; line-height: 42px; }
.font-48{ font-size: 4.8rem; line-height: 52px; }
.font-60{ font-size: 6.0rem; line-height: 60px; }
.font-72{ font-size: 7.2rem; line-height: 66px; }
.font-100{ font-size: 10.0rem; line-height: 100px; }

.font-28 p{ line-height: 28px; }
.font-30 p{ line-height: 36px; }

/*-----Font Weight Classees-----*/
.font-light{ font-weight: 300; }
.font-normal{ font-weight: 400; }
.font-medium{ font-weight: 500; }
.font-semi-bold{ font-weight: 600; }
.font-bold{ font-weight: 700; }
.font-extra-bold{ font-weight: 800; }

.font-italic{ font-style: italic; }

/*----Margin Classes----*/
.margin-0{ margin: 0px; }
.margin-none{ margin: 0px; }
.margin-bottom-0{ margin-bottom: 0px; }
.margin-bottom-10{ margin-bottom: 10px; }
.margin-bottom-15{ margin-bottom: 15px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-25{ margin-bottom: 25px; }
.margin-bottom-30{ margin-bottom: 30px; }
.margin-bottom-35{ margin-bottom: 35px; }
.margin-bottom-40{ margin-bottom: 40px; }
.margin-bottom-50{ margin-bottom: 50px; }
.margin-bottom-minus-50{ margin-bottom: -50px; }
.margin-bottom-minus-75{ margin-bottom: -75px; }
.margin-bottom-minus-100{ margin-bottom: -100px; }

.margin-top-bottom-10{ margin-top: 10px; margin-bottom: 10px; }
.margin-top-bottom-15{ margin-top: 15px; margin-bottom: 15px; }
.margin-top-bottom-20{ margin-top: 20px; margin-bottom: 20px; }

/*----Padding Classes----*/
.padding-0{ padding: 0px; }
.padding-none{ padding: 0px; }
.padding-top-5{ padding-top: 5px; }
.padding-top-10{ padding-top: 10px; }
.padding-top-15{ padding-top: 15px; }
.padding-top-25{ padding-top: 25px; }
.padding-top-50{ padding-top: 50px; }
.padding-top-100{ padding-top: 100px; }
.padding-bottom-10{ padding-bottom: 10px; }
.padding-bottom-15{ padding-bottom: 15px; }
.padding-bottom-25{ padding-bottom: 25px; }
.padding-bottom-40{ padding-bottom: 40px; }
.padding-bottom-50{ padding-bottom: 50px; }
.padding-right-100{ padding-right: 100px; }

.padding-top-bottom-10{ padding-top: 10px; margin-bottom: 10px; }
.padding-top-bottom-15{ padding-top: 15px; padding-bottom: 15px; }
.padding-top-bottom-20{ padding-top: 20px; padding-bottom: 20px; }
.padding-top-bottom-25{ padding-top: 25px; padding-bottom: 25px; }
.padding-top-bottom-50{ padding-top: 50px; padding-bottom: 50px; }

.padding-10{ padding: 10px; }
.padding-20{ padding: 20px; }
.padding-25{ padding: 25px; }
.padding-35{ padding: 35px; }
.padding-50{ padding: 50px; }

/*Border Color Classes*/
.border-transparent{ border-color: transparent; }
.border-bottom-5{ border-bottom: transparent solid 5px; }
.border-yellow{ border-color: #F4C914 !important; }
.border-pink{ border-color: #D50F89 !important; }
.border-green{ border-color: #9EE615 !important; }
.border-blue{ border-color: #4335E6 !important; }
.border-sky{ border-color: #37A9F0 !important; }

/*-----Background Classes-----*/
.bg-yellow{
  background: #fdd304;
}
.bg-green{
  background: #25a895;
}
.bg-light-green{
  background: #5ecbc9;
}
.bg-light-gray{
  background: #f8f8f8;
}
.bg-gray{
  background: #a8adac;
}
.bg-price-standard{
  background: #ed1f5f;
}
.bg-price-enterprise{
  background: #ee9a16;
}

/*------Overflow Classes-----*/
.hidden{ overflow: hidden; }
.visible{ overflow: visible; }

/*------Position Classes-----*/
.relative{ position: relative; z-index: 99999; }

.saperator{ width: 100%; display: block; margin-bottom: -1px; height: 30px; background: url(../img/red.png) center center no-repeat; background-size: cover; }

#top{ width: 100%; position: absolute; top: 0; background: #fff url(../img/available-in-bg-desktop.png) 0 0 no-repeat; background-size: cover; z-index: 10; }
#top .navbar-nav li a{ padding: 10px 15px; display: inline-block; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; color: #333; }
#top .navbar-nav li.lets-talk a{ padding: 10px 25px; border: #fff solid 1px; color: #fff; }
.navbar-brand{ width: 120px; margin-right: 25px; }
#top.navbar-fixed {
  animation: mymove 0.2s ease-in-out;
  position: fixed !important;
  /*background: rgba(0,0,0,0.75);*/
}
@keyframes mymoveOut {
  from {
    top: 0px;
  }
  to {
    top: 0px;
  }
}

@keyframes mymove {
  from {
    top: -50px;
  }
  to {
    top: 0px;
  }
}

#header{ height: 100vh; position: relative; overflow: hidden; background: url(../img/banner.jpg) center center no-repeat; background-size: cover; }
#header::before{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(23, 22, 21, 0.6), rgba(23, 22, 21, 0.6)); content: ''; z-index: 0; }

.banner-content{ width: 100%; position: absolute; z-index: 9; top: 50%; transform: translateY(-30%); left: 0%; }
.banner-content h1{ text-align: center; margin-bottom: 25px; padding-bottom: 25px; position: relative; font-size: 54px; font-weight: 500; letter-spacing: 1.15px; color: #fff; }
.banner-content h1::before{ width: 70px; position: absolute; bottom: 0; left: 50%; margin-left: -50px; height: 3px; background: #c49a77; content: ''; }
.banner-content h4{ text-align: center; color: #fff; }

#contact{ padding-top: 50px; }
.form-control{ padding: 10px; font-size: 1.4rem; height: auto; border: 0px; border-bottom: #eee solid 1px; border-radius: 0px; }
.form-control:focus{ outline: none; box-shadow: none; }
input[type=submit]{ font-size: 1.6rem; font-family: 'Oswald', sans-serif, arial; padding: 8px 20px; font-weight: 600; color: #FFFFFF; border: #AF272F solid 2px; background-color: #AF272F; border-radius: 0px; }
span.er-message{ font-size: 12px; color: #AF272F; }

#footer{ padding: 60px 0px 25px; background: #000; }
#footer *{ color: #fff; }
#footer h3{ padding-bottom: 15px; }
#footer h4{ padding-bottom: 15px; font-size: 15px; }
.footer-block.links ul{ margin: 0 0 20px 0px; padding: 0 0 15px 0px; list-style: none; }
.footer-block.links ul li{ width: 100%; padding: 5px 10px 5px 15px; font-weight: 400; color: #020202; display: inline-block; position: relative; }
.footer-block.links ul li:before{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid #fff; content: ""; position: absolute; top: 11px; left: 0px; }
.footer-block ul li a{ font-size: 13px; font-weight: 300; }
.footer-block ul{ margin: 0 0 20px 0px; padding: 0 0 15px 0px; list-style: none; }
.footer-block ul li{ padding-bottom: 10px; position: relative; font-size: 13px; }
.footer-block.contact-links li:first-child{ padding-left: 25px; }
.footer-block.contact-links li:first-child:before{ position: absolute; top: 0; left: 0; content: "\f041"; font-family: FontAwesome; }
.footer-block.contact-links li.phone a{ padding-left: 25px; }
.footer-block.contact-links li.phone a:before{ position: absolute; top: 0; left: 0; content: "\f095"; font-family: FontAwesome; }
.footer-block.contact-links li.mail a{ padding-left: 25px; }
.footer-block.contact-links li.mail a:before{ position: absolute; top: 0; left: 0; content: "\f0e0"; font-family: FontAwesome; }

.social-links ul li { display: inline-block; }
.social-links ul li a{ margin-right: 10px; }
.social-links ul li i{ font-size: 24px; }

.country-select a{ width: 30px; display: inline-block; }
.country-select a img{ width: 100%; filter: grayscale(100%); transition: 0.5s; }
.country-select a:hover img, .country-select a.active img{ width: 100%; filter: grayscale(0%); transition: 0.5s; }

#top ul.social{ margin: 0px; padding: 0px; }
#top ul.social li{ padding: 0 15px; display: inline-block; }

.overflow-hidden{ overflow: hidden; }

.thanks-msg{ width: 100%; padding: 30px; font-size: 24px; display: inline-block; background: rgba(255,255,255,0.85); color: #c49a77; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media only screen and (min-width: 1024px) and (max-width: 1159px){
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
}

@media (max-width: 1024px) {
  .navbar-light .navbar-toggler{ padding: 0px; border: 0px; order: 0; }
  .navbar-light .navbar-toggler:hover{ outline: none; }
  .navbar-light .navbar-toggler-icon{ width: 2.8rem; height: 2.8rem; background: url(../img/square.png) 0 0 no-repeat; background-size: cover; }
  .navbar-light .navbar-brand{ width: 50%; margin-right: 0px; order: 1; }
  .navbar-light .navbar-brand img{ transform: translateX(-50%); }
  #top .social{ display: none; }
  #top{ position: static !important; }
  #top.navbar-fixed{ position: static !important; }

  .top-block{ padding: 35px 20px; }
  .top-block h4{ padding: 10px 0px; font-size: 14px; color: #c49a77; text-transform: uppercase; }
  .top-block ul{ margin: 0px; padding: 0px; }
  .top-block ul li a{ color: #fff; }

  .navbar-collapse.collapse{ display: inline-block; position: relative; order: 2; }
  .nav-cover{ display: block; padding-top: 50px; height: calc(100vh - 85px); background: #402020; position: fixed; top: 85px; left: -100%; transition: 0.2s; z-index: 99; }
  .collapse.show .nav-cover{ left: 0px; transition: 0.2s; z-index: 99; width: calc(100% + 50px); }
  #top .navbar-nav li a{ color: #c49a77; }

  #header{ height: auto; }
  .banner-content{ padding: 75px 0px; position: relative; top: 0; transform: translateY(0px); }
}

@media (max-width: 1023px) {
  h1{ font-size: 3.6rem !important; }
}

@media (max-width: 767px) {
  h1{ font-size: 2.8rem !important; }
  h2{ font-size: 2.4rem !important; }
  h1 br{ display: none; }
}

@media (min-width: 1025px) {
  .top-block{ display: none; }
}

#header .read-more{ padding-top: 15px; text-align: center; }
.read-more a{ background-color: #AF272F;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 1.15px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  padding: 5px 20px;
  margin-top: 14px; text-transform: uppercase;
  color: #fff;
  border-radius: 0px;
}