* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* open-sans-regular - latin */
/* ------------------------------------  font-family------------------------------ */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v35-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v35-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v35-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v35-latin-700.woff2') format('woff2');
}
body {
  font-family: 'Open Sans';
}
/* ------------------------------------------------header css--------------------------------------------- */
a {
  text-decoration: none;
}
.top {
  height: 50px;
  background-color: rgba(25, 24, 36, .9);
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
header {
  position: absolute;
  z-index: 1000;
  width: 100%;
}
a:hover {
  text-decoration: none;
}
.top2 {
  color: white;
}
.top a {
  color: white;
  padding-left: 10px;
  display: block;
}
ul {
  list-style: none;
}
.menu {
  line-height: 3;
}
.top2 a  {
  line-height: 3;
  margin-left: 20px;
  padding-left: 0px;
}
.main-menu li {
  position: relative;
}
.sub-menu {
  background: white;
  min-width: 14rem;
  border-radius: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  top: 0;
}
@media (min-width:992px) {
  .sub-menu {
    position: absolute;
  }
}
.main-menu .sub-menu li a {
  color: black !important;
}
.main-menu .peta-menu {
  position: absolute;
  min-width: 14rem;
  border-radius: 0.5rem;
  background-color: white;
  top: 0 !important;
  opacity: 0 !important;
  transition: 0.5s;
  visibility: hidden !important;
}
.main-menu .peta-menu li a {
  color: black !important;
}
.main-menu li a {
  color: white !important;
  font-weight: 700;
  display: block;
  padding: 14px !important;
  transition: 0.5s;
}
.main-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 50px !important;
}
.main-menu li:hover .peta-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: 50px !important;
}
.main-menu li a:hover {
  color: #c71a1e !important;
}
.site-header-navbar img{
  width:  200px;
  margin: 10px 0px;
}
.site-header-navbar .btn {
  border-radius: 27px;
  height: 46px;
  padding: 11px;
  color: white;
  width: 250px;
  line-height: 0;
  border: none;
  background-color: rgba(196, 196, 196, .35);
  transition: .7s;
}
.login_btn {
background-color: #c71a1e !important;
width: 115px !important;
height: 55px;
border-radius: 50px;
border: 1px dashed white !important;
transition: all .2s;
}
.login_btn:hover {
  background-color: white !important;
  color: black !important;
}
.navbar {
  padding: 0;
}
.site-header-navbar button:hover {
  background-color: rgb(218, 216, 218);

}
#create .owl-nav {
  position: absolute;
  display: flex;
  top: 50%;
  width: 100%;
  justify-content: space-between;
  transform: translateY(-46%);
}
.main-menu .peta-menu2 li a {
  color: black !important;
}
.main-menu .peta-menu2 {
  position: absolute;
  min-width: 14rem;
  border-radius: 0.5rem;
  background-color: white;
  top: 0 !important;
  opacity: 0 !important;
  transition: 0.5s;
  visibility: hidden !important;
}
.cont {
  text-align: center;
  padding-top: 3.5rem;
  margin-bottom: 2.5rem
}
.cont p {
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .875rem;
  color: #888;
}
.main-menu li:hover .peta-menu2 {
  opacity: 1 !important;
  visibility: visible !important;
  top: 50px !important;
}
#create .owl-nav button {
  font-size: 90px;
  color: white !important;
}
#create .box .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: #FFF;
  overflow: hidden;
}
.as {
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.service-star-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Vidaloka", "Apple Garamond", "Baskerville", "Georgia", "Times New Roman", "Roboto Slab", "Droid Serif", "Times", "Source Serif Pro", serif;
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center;
  color: #000;
}
.cont h1::after {
  display: block;
  width: 3.625rem;
  margin-top: 0.625rem;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid;
  font-size: 1.1875rem;
  font-weight: 400;
  content: '\e0b2';
  line-height: 0;
}
.service-star-title:before {
  content: '';
  display: block;
  width: 4.375rem;
  margin-top: 1.875rem;
  margin-bottom: 1.625rem;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid;
  border-color: #828282;
}
#create .box .con h1 {
  font-size: 63px;
}
#create .box .con p {
  font-size: 15px;
}
.service-star-title:hover {
  color: #c71a1e;
}
#create .box .con .btn-danger {
  background-color: #c71a1e !important;
  width: 255px;
  height: 55px;
  border-radius: 50px;
  border: 1px dashed white;
}
#create .owl-nav .owl-prev span {
  margin-left: 15px;
}
#create .owl-nav .owl-next span {
  margin-right: 15px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: #FFF;
  text-decoration: none;
}
button:focus {
  outline: none;
}
.box img {
  object-fit: cover;
}
.site-header-navbar {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#Services .box img {
  display: block;
  width: 291px;
  height: 291px;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1);
  transition: 0.5s;
}
#Services .box {
  overflow: hidden;
  padding-top: 30px !important;
}
#create .box {
  height: 100%;
}
#Services .as:hover {
  transform: scale(1.08);
}
#Services .owl-dots .owl-dot span {
  width: 1rem;
  height: 1rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  border-radius: 50%;
  border: 1px solid #333;
  background-color: transparent;
}
#Services .owl-dots {
  margin: 30px 0px;
}
#Services .owl-dots .owl-dot.active span {
  background-color: #e43034;
}
.text-align {
  text-align: center;
}
.btn2 {
  background-color: #c71a1e !important;
  width: 164px;
  height: 47px;
  border-radius: 50px;
  border: 1px dashed white;
}
#Services .owl-dots .owl-dot:hover span {
  background-color: #e43034 !important;
}
/* ----------------------------------------------------------------------------- */
.Weekend {
  background-image: url(https://demo.brothersthemes.com/goodtailor/wp-content/uploads/sites/5/2017/05/pexels-photo-298864.jpeg?id=2410) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin-top: 70px;
}
.Weekend h1 {
  padding: 50px 0px;
}
/* ------------------------------------------------------------ */
.our img {
  width: 100%;
  height: 378px;
  object-fit: cover;
  margin-bottom: 10px;
}
.our {
  padding-left: 15px;
  padding-right: 15px;
}
.Advantages {
  padding-bottom: 20px;
}
.Advantages i {
  font-size: 40px;
  color: #c71a1e;
}
.Advantages h4 {
  font-size: 1.25rem !important;
  font-weight: 700;
  font-size: 15px;
}
.Advantages p {
  line-height: 1.6;
  font-size: 15px;
}
.icon {
  font-size: 14px;
  text-align: center;
}
/* ------------------------------------------------------------------------ */
.bg {
  margin: 20px;
  background-color: rgb(245, 245, 245);
}
.bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#Testimonials .box {
  text-align: center;
}
#Testimonials .testimonial-item-text {
  margin-bottom: 1.5rem;
}
#Testimonials .box i {
  font-size: 30px;
  color: #c71a1e;
  margin-bottom: 23px !important;
}
#Testimonials .box img {
  width: 60px;
  height: 60px;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 13px;
}
.abou p {
  font-size: 17px;
  text-align: justify;
}
#Testimonials .owl-dots .owl-dot span {
  width: 1rem;
  height: 1rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  border-radius: 50%;
  border: 1px solid #333;
  background-color: transparent;
}
#Testimonials .owl-dots {
  margin: 30px 0px;
}
#Testimonials .owl-dots .owl-dot.active span {
  background-color: #e43034;
}
.owl-carousel .owl-dots.disabled,
#Testimonials .owl-dots.disabled {
  display: block !important;
}
/* ---------------------------------------------------------------------- */
.bg2 {
  background-image: url(https://demo.brothersthemes.com/goodtailor/wp-content/uploads/sites/5/2017/05/Depositphotos_161892422_original.jpg?id=2418) !important;
background-position: center;
margin-top: 45px;
}
.section-heading {
  padding-top: 3.5rem;
  margin-bottom: 2.5rem;
}
.btn3 {
  margin-bottom: 60px !important;
  width: 215px;
  height: 47px;
  border-radius: 50px;
  border: 1px dashed white;
}
.wpb_content_element, ul.wpb_thumbnails-fluid>li {
  margin-bottom: 35px;
}
.wpb_wrapper p{
  font-size: 17px;
}
.footer img{
  margin-bottom: 15px;
  width: 100%;
 transform: translateX(-25px);
}
.footer p{
  font-size: 14px;
}
.widget-title:after {
  display: block;
  width: 2rem;
  margin-top: 1.25rem;
  border-bottom: 1px solid;
  border-color: #333;
  content: '';
}
.footer a{
  color: #000;
}
.widget-title{
  margin-top: 25px;
}
.widget_recent_entries .post-date {
  display: block;
  color: #999;
}
.menu1 li a{
padding: 0px 5px;
color:black;
}
.widget_recent_entries ul li {
  margin-bottom: 0.6rem;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #c71a1e !important;
}
.menu1 li{
    padding-right: 1rem;
    padding-bottom: 13px ;
    }
    .footer-bottom-wrap {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow: hidden;
      background-color: #111;
      color: #fff;
  }
  .footer-bottom-wrap .footer-tagline {
    flex: 1 0;
    text-align:left;
}
.menu3{
  width: 100% !important;
  flex-wrap: wrap
}
.menu3 li a {
  color: white;
  display: block;
  padding: 9px;
  padding-top: 23px;
}
.navigation {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  align-items: center;
}
@media (max-width:1200px) {
  #create .box .con h1 {
    font-size: 48px;
  }
  #create .box .con {
    padding: 30px 0;
  }
}
@media (max-width:1100px) {
  #create .box .con h1 {
    font-size: 40px;
  }
  #create .box .con p {
    font-size: 12px;
  }
  #create .box img {
    background-size: cover;
    width: 1100px !important;
  }
}
@media (max-width:1100px) {
  #create .box .con {
    top: 45%;
    left: 45%;
  }
}
@media(max-width:1000px){
  .navigation{
    display: block !important;
  }
}
@media (max-width:700px) {
  .vs {
    display: flex;
  }

  #create .box .con {
    top: 40%;
  }
}
@media (max-width:500px) {
  #create .box .con h1 {
    font-size: 41px;
  }
  #create .box img {
    background-size: cover;
    width: 710px !important;
    height: 732px;
}
#create .box img {
    background-size: cover;
    width: 710px !important;
    height: 732px;
}
#create .box .con p {
  font-size: 15px;
}
}
@media (max-width:992px) {
  .footer img {
    width: 220px !important;
  }
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 10%;
  left: 100%;
  margin-top: -1px;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.fixed-top {
  position: static;
}
.navbar-light .navbar-nav .nav-link , .navbar-light .navbar-nav .active>.nav-lin {
  color: white !important;
  transition: all .2s;
}
.header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  background: black;
  height: 85px;
  animation: sticky 0.3s linear;
}
.header_social_icon.top2  a:hover{
   color: #c71a1e ;
}
.footer_social_icon a:hover{
   color: #c71a1e ;
}
@keyframes sticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.btn.header_call_btn {
  color: white !important;
}
@media (min-width:992px) {
  .header_right_btn_mobile {
    display: none;
  }
}
@media (max-width:991px) {
  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active>.nav-lin {
    color: black !important;
    font-weight: 700;
  }
  .header_right_btn {
    display: none;
  }
  .header_right_btn_mobile {
    text-align: center;
    padding: 10px 0;
  }
  .navbar-collapse {
    position: absolute;
      top: 140px;
      left: 30px;
      padding: 20px;
      background: white;
      width: 88%;
  }
}
@media (max-width:575px) {
  h1 {
    font-size: 25px;
  }
  .site-header-navbar .btn {
    font-size: 14px;
  }
  .site-header-navbar img {
    width: 150px;
  }
  .navbar-collapse {
    top: 120px;
  }
  .site-header-navbar .btn {
    height: 43px;
    width: 180px;
  }
  .header.fixed {
    height: 66px;
  }
}
@media (max-width:480px) {
  #create .box .con {
    width: 75% !important;
  }
  #create .box .con p {
    font-size: 12px;
  }
  #create .box .con {
    top: 30%;
    left: 50%;
  }
  #create .box .con h1 {
    font-size: 31px !important;
  }
  #create .box .con .btn-danger {
    width: 205px;
    height: 45px;
  }
}
@media (max-width:480px) {
  .navbar-collapse {
    width: 84%;
  }
  #create .box img {
    height: 590px;
  }
  .menu3 li a , .footer-bottom-wrap .footer-tagline{
    font-size: 13px;
  }
  .footer-bottom-wrap .footer-tagline {
    padding: 0 10px;
  }
  .navigation {
    margin: 10px 0;
  }
  .menu3 li a {
    padding: 9px;
    padding-top: 13px;
    padding-bottom: 0;
  }
}
.navbar-light .navbar-toggler {
  background-color: white;
}
.site-header-navbar.header.fixed .d-flex .navbar .container .navbar-collapse {
  top: 66px;
}
.back-to-top svg {
  fill: white;
  height: 35px;
}
#services , #advantage , #about , #review
{
  scroll-margin-block-start:90px;
  scroll-behavior: smooth;
}
.footer_social_icon a 
{
    margin-left: 0px !important;
    display: block;
    margin-right: 15px;
}
.back-to-top {
  background-color: #c71a1e;
  text-decoration: none;
  cursor: pointer;
  width: 56px;
  height: 56px;
  z-index: 999;
  position: fixed;
  right: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 4px 16px 0 rgba(black,0.4);
  transition: all .4s;

  &:hover {
    background-color: black;
  }
  &:active {
    box-shadow: none;
    background-color: black;
  }
  svg.icon__arrow-up {
    fill: white;
    width: 32px;
    height: 32px;
  }
}
@media (max-width:480px) {
  .btn.header_call_btn {
    font-size: 13px;
  }
  .back-to-top {
    height: 45px;
    width: 45px;
  }
  .back-to-top {
    right: 20px;
    bottom: 20px;
  }
  .login_btn {
    width: 100px !important;
  }
  .footer-bottom-wrap .footer-tagline {
    text-align:center;
}
}