/*
Theme Name: EuroStar Windows Inc
Theme URI: https://wisdek.com/
Author: Wisdek Corp.
Author URI: https://wisdek.com/
Description: Wordpress theme designed for EuroStar Windows Inc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eurostarwindows
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#d42027;
  --primary-hov:#b81219;
  --warning:#ffd202;
  --warning-dark:#d0ab00;
  --black:#000;
  --white:#fff;
  --gyey:#f5f5f5;
  --dark-gyey:#666;
}
html, body {overflow-x:hidden;}
body {font-family: 'Open Sans', sans-serif; overflow-x:hidden; font-size: 16px; line-height: 1.5;}
a {color:#0c7ec7; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; text-decoration: none;}
a:hover {color:#999; text-decoration:none;}
a:focus, button:focus, .btn:focus {text-decoration: none; outline:0; border:0; box-shadow: none;}
img {max-width:100%; height:auto;}
section {padding:70px 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.container {max-width:1200px;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

.grey_bg {background: var(--gyey);}
.btn-danger {background-color:  var(--primary); border-color:  var(--primary); color: #fff;}
.btn-danger:hover, .btn-danger:focus {background-color:  var(--primary-hov); border-color:  var(--primary-hov); color: #fff;}

.text-danger{color:  var(--primary) !important;}
.btn-danger-dark {background-color:  var(--primary-hov); border-color:  var(--primary-hov); color: #fff;}
.btn-danger-dark:hover, .btn-danger-dark:focus {background-color:  var(--black); border-color:  var(--black); color: #fff;}

.btn-outline-danger { border-color:  var(--primary-hov); color:  var(--primary-hov)}
.btn-outline-danger:hover, .btn-outline-danger:focus {background-color:  var(--primary); border-color:  var(--primary); color: #fff;}

.btn-warning {background-color: var(--warning); border-color: var(--warning); color: #000;}
.btn-warning:hover {background-color: var(--warning-dark); border-color: var(--warning-dark); color: #fff;}
.btn_styled {padding: 10px 25px;  font-size: 16px; font-weight: 600; text-transform: uppercase;}
.btn_styled i {margin-left: 7px;}

header {position: absolute; left:0; right:0; top:0; z-index: 9;}

.top_header_bar {background:var(--primary); padding:10px 0; text-align: center; color: var(--white);}
.top_header_bar ul { margin: 0; padding: 0 ; display: block;}
.top_header_bar ul li {display: inline-block; position: relative; margin: 0 20px;}
.top_header_bar ul li:before { content: '\f111'; font-size: 5px; font-family:'FontAwesome'; margin-right:25px; position: relative; top: -2px; }
.top_header_bar ul li a{color: #fff;}
.top_header_bar ul li a:hover{color: #fff; text-decoration: underline;}
.header_bar {background:rgba(255,255,255,0.99);}


.home_header {background:rgba(255,255,255,0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.top_header_bar ul li:first-child { margin-left: 0;}
.top_header_bar ul li:first-child:before { display: none;}

.logo {position: relative; padding:12px 0;  }
.logo img {max-width: 145px;}

.top_menu {padding:0;}
.top_menu ul{list-style:none;margin:0;padding:0;text-align:right;}
.top_menu ul li{display:inline-block;position:relative; margin:0 4px;}
.top_menu ul li:last-child {margin-right:0; }
.top_menu ul li a{color:#000; padding:10px 5px; display:block;text-decoration:none;position:relative; font-size:16px; font-weight: 600;  }
.top_menu ul li a span {padding-right:0!important;}
.top_menu ul li a:hover,
.top_menu ul li.active a,
.top_menu ul li.current_page_item>a,
.top_menu ul li.current-menu-ancestor>a,
.top_menu ul li.current-menu-item>a,
.top_menu ul li.current-menu-parent>a{color: var(--primary);}

.top_menu ul li a img {width: 30px; height: 30px; padding-right: 2px !important;}


.menubar { padding: 15px 0;}
#menu {padding:0;}
#menu ul{list-style:none;margin:0;padding:0;text-align:center;}
#menu ul li{display:inline-block;position:relative; margin:0 4px;}
#menu ul li a{color: var(--dark-gyey); padding:2px 12px; display:block;text-decoration:none;position:relative;  border-right: #ddd 1px solid;  }
#menu ul li:last-child a {margin-right:0;  padding-right: 0; border: none; }
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover {color: var(--black);}

#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: var(--primary);}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background:var(--primary);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px;}
#menu li>ul li a:hover {background-color: var(--primary);}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:var(--primary);}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}




.normal_logo {}
.sticky_logo {display: none;}
header.sticky {  margin:0;  position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; }
.menubar.sticky {  margin:0;  position: fixed; top:119px; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; box-shadow: 0 7px 7px rgb(0 0 0 / 10%); display: block; background: #fff;border-top:#ddd 1px solid}
.quote_btn { display: none;}
.menubar.sticky .container, header.sticky .container {position: relative;}
.menubar.sticky .quote_btn { position: absolute; display: block;right: 0; bottom: -58px; border-radius: 0px 0px 12px 12px; padding: 7px 20px; font-size: 18px;}
header.sticky .quote_btn { position: absolute; display: block;right: 0; top:100%; border-radius: 0px 0px 12px 12px; padding: 7px 20px; font-size: 18px;}

.menubar.sticky .quote_btn:hover, header.sticky .quote_btn:hover {padding-top:15px;bottom: -66px;}

.menubar.sticky.menubar_product {top: 77px;}
.header_product.sticky .top_header_bar {display: none;}


/* .menubar.sticky {top: 77px;}
header.sticky .top_header_bar {display: none;}

.header_cat.sticky {display: block;}
 */



.hovered-image {display: none !important; }

header.sticky .menubar.sticky {display: none;}


.home_banner_wrapper{position:relative;overflow:hidden; margin-top: 0px;}

header.sticky .home_header .top_menu ul li a svg {fill: #fff; color: #fff;}

header.sticky .home_header .logo .normal_logo, header.sticky .home_header .menu-image {display: none !important; ;}
header.sticky .home_header .logo .sticky_logo, header.sticky .home_header .hovered-image {display: inline-block !important; opacity: 1;}

.menu-image-hover-wrapper img.hovered-image, .menu-item:hover .menu-image-hover-wrapper img.menu-image { opacity: 1;}


header.sticky .home_header .top_menu ul li a {color: #fff;}
header.sticky.dark .home_header .top_menu ul li a {color: #000!important;}
header.sticky.dark .home_header .logo .normal_logo,
header.sticky.dark .home_header .menu-image {display: inline-block !important; ;}
header.sticky.dark .home_header .logo .sticky_logo,
header.sticky.dark .home_header .hovered-image {display: none!important; opacity:0;}


header.header_cat.sticky .header_bar {display: none;}
.menubar.catbar.sticky {top: 43px;}






#hero_slider {position:relative;}
#hero_slider .item {position: relative; background-repeat:no-repeat; background-size:cover; background-position: center; padding:200px 0 0; height:92vh; overflow: hidden;}
#hero_slider .item:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.5);}
#hero_slider.owl-theme .owl-nav [class*="owl-"] { margin:0; opacity: 1; color:#fff; background: transparent; width: 60px; height: 50px; line-height: 60px; -webkit-border-radius:0; border-radius:0; }
#hero_slider.owl-theme .owl-nav {margin:0;}
#hero_slider.owl-theme .owl-prev,
#hero_slider.owl-theme .owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right:0; text-align:center; transition:all ease .3s; z-index:1000;}
#hero_slider.owl-theme .owl-nav i{font-size: 27px; }
#hero_slider.owl-theme .owl-prev { left:0;}
#hero_slider.owl-theme .owl-next {right:0;}
#hero_slider.owl-theme .owl-prev:hover,
#hero_slider.owl-theme .owl-next:hover { color:#ccc;}
#hero_slider.owl-theme .owl-dots {margin-top:0; position:absolute; left: 50%; transform:translateX(-50%); bottom:10px;}
#hero_slider.owl-theme .owl-dots .owl-dot span { width: 20px; height: 4px;}
#hero_slider.owl-theme .owl-dots .owl-dot.active span,
#hero_slider.owl-theme .owl-dots .owl-dot:hover span{background: #000;}

.hero_wrapper:before {content:""; position: absolute; left:0; right:0; top:0; bottom:0; background: rgb(60,60,60); background: linear-gradient(180deg, rgba(60,60,60,1) 0%, rgba(255,255,255,0) 50%);}
.hero_caption {text-align: center; display: block; position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.hero_caption h2 {font-size:66px;  color: #fff; display: block; text-shadow: rgba(0,0,0,0.5); margin:0; margin-bottom:15px;}

.hero_caption p {font-size:23px; color: #fff;  text-shadow: rgba(0,0,0,0.5); margin-bottom:15px;}
.hero_caption img.small_icon {width: 70px!important; max-width: 70px; margin-bottom:15px; display: inline-block!important; float: none;}
.hero_caption h4 {font-size:40px; color: #fff; text-transform: uppercase; font-weight: bold;}

#hero_slider .item .banner_title { font-size: 60px; color: #fff; position: relative; text-shadow: rgba(0,0,0,0.5); font-weight: 600; margin-bottom: 40px; }
#hero_slider .item .banner_title img {width: 80px; display: inline-block;right: 30px; position: relative;}




.home_banner_wrapper{position:relative;overflow:hidden; margin-top: 0px;}
.home_banner_wrapper:before {position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);content:""}
.home_banner_wrapper video{position:absolute;width:100%;height:120vh;top:-10%;z-index:-1;object-fit:cover}


/* .hero_banner{position:relative;display:block;height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50%;overflow:hidden;width:100%}
.hero_banner:before{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);content:""}
.hero_banner video{position:absolute;width:100%;height:120vh;top:-10%;z-index:-1;object-fit:cover}
.banner_contents{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:1300px;color:var(--white);text-align:center}
.banner_contents img{margin-bottom:10px}
.banner_contents h1{font-weight:700;font-size:50px;color:var(--white);margin-bottom:20px}
.banner_contents p{font-weight:500;font-size:17px;line-height:24px;margin-bottom:25px}
.hero_small_banner{background-color:var(--white);color:#1c2f40;text-decoration:none;position:relative;padding:50px;-webkit-box-shadow:rgba(0,0,0,.2)0 0 15px;box-shadow:rgba(0,0,0,.2)0 0 15px}
.hero_small_banner h3{font-size:24px;font-weight:700;text-decoration:none;margin-bottom:15px}
.hero_small_banner p{margin-bottom:0}
.hero_small_banner .btn{margin-top:15px;text-transform:uppercase;letter-spacing:.1em;padding:10px 25px;font-size:13px;display:inline-block}
.hero_small_banner .btn:focus{color:var(--white);outline:0;-webkit-box-shadow:none;box-shadow:none} */
.scroll-to{width:47px;margin:0 auto 40px}
.scroll-to img{opacity:.6}







@keyframes header-scroll {
  0% {
      transform: translateY(25%);
  }

  25% {
      transform: translateY(25%)
  }

  50% {
      transform: translateY(0%)
  }

  75% {
      transform: translateY(-25%)
  }

  100% {
      transform: translateY(-50%)
  }
}

@keyframes title-1-animation {
  0% {
      opacity: 1;
      text-shadow: 5px 5px 10px #00000066;
  }

  25% {
      opacity: 1;
      text-shadow: 5px 5px 10px #00000066;
  }

  50% {
      opacity: .3;
  }

  75% {
      opacity: .3;
  }

  100% {
      opacity: .3;
  }
}

@keyframes title-2-animation {
  0% {
      opacity: .3;
  }

  25% {
      opacity: .3;
  }

  50% {
      opacity: 1;
      text-shadow: 5px 5px 10px #00000066;
  }

  75% {
      opacity: .3;
  }

  100% {
      opacity: .3;
  }
}

@keyframes title-3-animation {
  0% {
      opacity: .3;
  }

  25% {
      opacity: .3;
  }

  50% {
      opacity: .3;
  }

  75% {
      opacity: 1;
      text-shadow: 5px 5px 10px #00000066;
  }

  100% {
      opacity: .3;
  }
}

@keyframes title-4-animation {
  0% {
      opacity: .3;
  }

  25% {
      opacity: .3;
  }

  50% {
      opacity: .3;
  }

  75% {
      opacity: .3;
  }

  100% {
      opacity: 1;
      text-shadow: 5px 5px 10px #00000066;
  }
}

@keyframes subtitle-animation {
  0% {
      opacity: 0;
  }

  25% {
      opacity: 0;
  }

  50% {
      opacity: 0;
  }

  75% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

#first {
  color: #fff;
  height: 100vh;
  width: 100vw; position: relative; overflow: hidden;
}

.landingVideo {
  position: absolute;
  user-select: none;
  filter: brightness(.7);
}

.justify-around {
  justify-content: space-around;
}

.direction-row {
  flex-direction: row;
}

.flex {
  display: flex;
}
#first div.scrolling-titles,
#first div.buttons,
#first div.btn-windows,
#first div.btn-doors,
#first span.subtitle, svg#chevron { z-index: 100;}
@keyframes chevron-bounce {
  0% {
      bottom: 20px;
  }
  10% {
      bottom: 30px
  }
  15% {
      bottom: 20px;
  }
  20% {
      bottom: 26px;
  }
  25% {
      bottom: 20px;
  }
  30% {
      bottom: 22px;
  }
  35% {
      bottom: 20px;
  }
  100% {
      bottom: 20px;
  }
}
svg#chevron { width: 18px; position: fixed;left: calc((100vw / 2) - 9px);bottom: 20px; animation: chevron-bounce; animation-duration: 3s; animation-direction: normal; animation-delay: 6s; animation-iteration-count: infinite; animation-timing-function: ease-in;}
#chevron-element { transition: opacity .5s;}
.chevGon {opacity: 0%;}
.chevrOn { opacity: 100%;}
#first div.scrolling-titles { padding-top: 8%; display: flex; flex-direction: row;    max-width: 800px; position: absolute;  left: 50%;  top: 50%; transform: translate(-50%, -50%); z-index: 1;}
#first div.scrolling-titles span { font-size: 2em;}
#first div.scrolling-titles span.fixed-title { transform: translateY(25%); text-shadow: 5px 5px 10px #00000066;}
#first span.moving-title { transform: translateY(25%); animation-name: header-scroll;}
#first div.scrolling-titles span,
#first div.scrolling-titles span p.title-1,
#first div.scrolling-titles span p.title-2,
#first div.scrolling-titles span p.title-3,
#first div.scrolling-titles span p.title-4 {animation-duration: 6s;  animation-direction: ease-in-out; animation-fill-mode: forwards;}
#first div.scrolling-titles span p.title-1 { animation-name: title-1-animation;}
#first div.scrolling-titles span p.title-2 { animation-name: title-2-animation;}
#first div.scrolling-titles span p.title-3 { animation-name: title-3-animation;}
#first div.scrolling-titles span p.title-4 { animation-name: title-4-animation;}
.caption_btn { text-align: center;   max-width: 800px; position: absolute;  left: 50%;  top: inherit; bottom: 80px; transform: translateX(-50%);}
.caption_btn  p{font-size: 16px;}
.caption_btn .btn{margin: 0 7px;}

#first div.buttons {transform: translateY(300%);}
#first div.btn-windows,
#first div.btn-doors { border-radius: 1000px; padding: 5px 15px; margin: 0 20px; width: 250px;border: 2px #D42027 solid; background: #D42027; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); cursor: pointer; user-select: none; -webkit-user-select: none;}
#first div.btn-doors a,
#first div.btn-windows a { text-decoration: none; color: inherit;}
#first div.btn-windows:hover,#first div.btn-doors:hover { background: none;}

#first span.subtitle { text-shadow: 5px 5px 10px #00000066; font-size: 1.25em; font-weight: 200; transform: translateY(100%); animation: subtitle-animation 6s;}



.mouse_scroll{display:block;margin:0 auto;width:24px;height:100px; position: absolute; bottom: -110px; left:50%; transform: translateX(-50%); z-index: 9;}
.m_scroll_arrows{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid white;border-bottom:2px solid white;margin:0 0 3px 4px;width:16px;height:16px;}
.unu{margin-top:1px;}
.unu,.doi,.trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;}
.unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate;}
.doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate;margin-top:-6px;}


@keyframes mouse-wheel{
  0%{top:1px}
  25%{top:2px}
  50%{top:3px}
  75%{top:2px}
  100%{top:1px}
}
@keyframes mouse-scroll{
  0%{opacity:0}
  50%{opacity:.5}
  100%{opacity:1}
}





















.content_wrapper {margin-bottom: 40px;font-size: 18px;}

.product_slide .item img{background-color: #000; object-fit: cover;height: 256px;}
.product_slide .item:hover img {opacity: 0.88;}
.product_slide .owl-nav [class*="owl-"] { margin:0;   background:rgba(0,0,0,0.66); color:#fff; height:45px;width:45px; line-height: 35px;  text-align:center; transition:all ease .3s;  position: absolute; top: calc(50% - 30px); right: 0; border-radius: 0;}

.product_slide .owl-nav .owl-prev { left:0px; border-radius: 0 3px 3px 0; }
.product_slide .owl-nav .owl-next {right:0px; border-radius: 3px 0 0 3px;}
.product_slide .owl-nav [class*="owl-"]:hover { background-color:var(--primary); opacity: 1;}

.right_link{color: var(--primary);  font-size: 14px; text-transform: uppercase; padding: 14px 50px 14px 40px; transition: color .1s; display: inline-block; cursor: pointer; outline: none; vertical-align: middle; text-align: center; position: relative; overflow: hidden; letter-spacing: .1em; border-radius: 30px; text-align: center; transition:color .1s; margin-top: 30px;}

.right_link span{display:inline-block;position:relative;transition:all 300ms ease-out;will-change:transform;}
.right_link:hover span{-webkit-transform:translate3d(-0.7rem,0,0);transform:translate3d(-0.7rem,0,0)}
.right_link i{position:relative;right:-10px;opacity:1;top:0px;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;will-change:right,opacity}
.right_link:hover i{opacity:1;right:-20px}

.section3 {background-color: #fff; color: #333;}
.heading {margin-bottom: 20px; font-weight: 700; font-size:2.5rem;}
.heading a { color:#212529;}
.heading a:hover { color:var(--primary);}

.cta-area { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 50px 0; z-index: 1; color: var(--white);}
.cta-area::before { content: ""; position: absolute; background: rgba(0,0,0,.8); width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}

.services_sec {}
.services_sec .row+.row{ margin-top: 70px;}
.ser_block {padding: 50px;}

@media (min-width:992px){
.services_sec .row:nth-child(even) [class*="col-"]:first-child{order: 2;}
.services_sec .row:nth-child(even) [class*="col-"]:last-child .ser_block{text-align: right;}
.euro_modal .modal-lg, .euro_modal .modal-xl { max-width: 1000px;}
}

.services_sec h2 { font-size:45px; font-weight:800;}
.s_thumb {border-radius: 10px;}
.services_sec h3 {  font-size:2.25rem}
.services_sec p { font-size:1.25rem}

.services_box { position: relative;}
.services_box img { margin-bottom:15px;}

.testimonial_item {text-align: center; margin-top: 20px; margin-bottom: 20px; background: #f5f5f5; border-radius: 10px; padding: 20px; position: relative; font-size: 18px; color: var(--black); }
.testimonial_item:before {  content: "";   position: absolute;  top: -10px;  left: 20px;  right: 20px;  height: 100%; background-color:var(--primary); border-radius: 10px; z-index: -1;}
.testimonial-quote-icon i { font-size: 50px;color:var(--primary);}
.des_name { font-size: 20px; font-weight: bold;}
.testimonial_item p{}
.home_contents h3 { font-size:30px;}

#testimonials.owl-theme .owl-dots .owl-dot span { border: 3px solid var(--primary);  margin: 5px;  border-radius: 5px;  width: 15px;  height: 15px;  display: inline-block; background-color: transparent;  transition: all .5s ease-in-out;}
#testimonials.owl-theme .owl-dots .owl-dot.active span, #testimonials.owl-theme .owl-dots .owl-dot:hover span {background-color: var(--primary);}

#promotion_slider {margin-top: 40px;}
#promotion_slider .item {display: block; text-align:center;}
#promotion_slider .item img {height:70px; width: inherit; display: inline-block;}

footer{background: var(--black);color:#9b9b8d;}

footer a{color: #9b9b8d;}
footer a:hover{color: #fff;}
.footer_top{ line-height:1.5; }

.footer_col { padding-top: 50px; padding-bottom: 50px;}
.footer_logo { margin-bottom: 20px;}
.footer_logo img {max-width: 250px;}
.footer_text{padding-right: 25px;}

.footer_last {border-left: rgba(255,255,255,0.25) 1px solid; padding-left: 15px;}
.footer-list { display: flex; flex-direction: column; gap: 1rem; list-style: none; padding: 0; margin: 0;}
.footer-list li {position: relative; padding-left: 20px;}
.footer-list li a {color: #fff; transition: all .5s ease-in-out;}
.footer-list li:before {content: '\f0da'; font-family:'FontAwesome'; position: absolute; left: 2px; top: 0;color: var(--white);transition: all .5s ease-in-out;}
.footer-list li a:hover { margin-left: 5px;color: var(--white); opacity: 0.8;}
.footer-list li:hover:before {left: 5px;}
.footer-list li.active a, .footer-list li.active:before{color: var(--white);}

footer h4 { font-size:27px; font-weight: 600; margin-bottom:20px;color:#fff;}
ul.footer_info_list { list-style:none; margin:0; padding:0; margin-bottom:20px;}
ul.footer_info_list li {  position:relative; margin-bottom:7px; font-size: 14px; position: relative; padding-left: 23px;}
ul.footer_info_list li i.fa {position: absolute; left: 0; top: 3px; font-size: 18px;}
ul.footer_info_list li a {word-wrap: break-word;}

.footer_hedding{position:relative;color:#fff;padding-bottom:15px;margin-bottom:25px;font-weight:bold;}
.footer_hedding:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,0.66)}
.footer_hedding:after{content:'';position:absolute;width:70px;height:3px;bottom:-1px;left:0;background-color:var(--black)}
ul.social{list-style:none;padding:0;margin:0; margin-top:20px; margin-bottom: 50px;}
ul.social li{margin:0 10px 0 0;display:inline-block; font-size: 22px;}
ul.social li a i.fa {text-align:center;  color:#727272}
ul.social li a i img {max-width: 22px; height: 22px;}
ul.social li a:hover { opacity: 0.6;}
.footer_bottom { text-align:center;  color:#fff; padding:15px 0 23px; font-size:14px; border-top: rgba(255,255,255,0.25) 1px solid;}
ul.footer_link { text-align:center; list-style:none; padding:0; margin:0;margin-top:7px;}
ul.footer_link li { display:inline-block; position:relative; }
ul.footer_link li a { color:#ccc; text-decoration: none;}
ul.footer_link > li + li::before { padding: 0 5px;color: #ccc;content: "/\00a0";}
ul.footer_link > .active { color: var(--primary);}
ul.footer_link li a:hover { color:#fff; text-decoration:underline;}
ul.footer_link li.current_page_item > a,
ul.footer_link li.current-menu-ancestor > a,
ul.footer_link li.current-menu-item > a,
ul.footer_link li.current-menu-parent > a { color:#fff;}

ul.footer_count_list {list-style: none; padding:0; margin:0; display:block; text-align:left;  column-count: 3; column-gap: 40px;}
ul.footer_count_list li {display: block; margin-bottom:6px;}
ul.footer_count_list li a {display: block; color: rgba(255,255,255,0.6); font-size:15px; text-decoration: none;}
ul.footer_count_list li a:hover {color: rgba(255,255,255,1);}

ul.footer_list {list-style: none; padding:0; margin:0; display:block; text-align:left; }
ul.footer_list li {display: block; margin-bottom:6px;}
ul.footer_list li a {display: block; color: rgba(255,255,255,0.6); font-size:15px; text-decoration: none;}
ul.footer_list li a:hover {color: rgba(255,255,255,1);}

.float_right {float: right; width:600px; margin-left:30px; margin-bottom:30px;}

.inner_banner {position: relative; background-repeat:no-repeat; background-size:cover; background-position: center; padding:100px 0 ; overflow: hidden; color: #fff;margin-top: 120px;  }
.inner_banner:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color: rgba(0,0,0,0.5);}

.inner_banner .banner_title { font-size: 60px; color: #fff; position: relative; text-shadow: rgba(0,0,0,0.5); font-weight: 600; margin-bottom: 0; text-align: center;}
.inner_banner .banner_title img {width: 80px; display: inline-block;right: 30px; position: relative;}
.inner_banner .container {position: relative; z-index: 1;}
.inner_banner p {font-size: 23px; color: #fff; text-shadow: rgba(0,0,0,0.5); margin-bottom: 15px;}

.team_section .nav-tabs {display: block; border-bottom:0; text-align: center; margin:0; overflow: hidden; float: none; border: 0; position: relative;}
.team_section .nav-tabs .nav-item {display: inline-block; margin: 0 5px;;border:0; }
.team_section .nav-tabs .nav-item .nav-link {border-radius: 0;color: #000; padding: 0px 40px; display: inline-block;border: 0; border-right: 1px solid #333;  position: relative;transition-property: color;transition-duration: 0.3s; margin: 5px 0; font-weight: 600;}
.team_section .nav-tabs .nav-item:last-child .nav-link {border-right: 0; padding-right: 0; margin-right: 0;}
.team_section .nav-tabs .nav-item .nav-link:hover {  color: var(--primary); }

.gallery_list ul {list-style: none; margin: 0; padding: 0;  -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;}
.gallery_list ul li { margin-bottom: 20px;}
.team_section .nav-tabs .nav-item .nav-link:hover {}
.team_section .nav-tabs .nav-item.show .nav-link,
.team_section .nav-tabs .nav-link.active { background:transparent; color: var(--primary); ;}
.right_text {text-align: right;}
.right_text a {color: var(--black);}
.right_text i.fa { margin-left: 5px; color: var(--primary);}
.right_text a:hover{text-decoration: underline;}

.team_top_bar {margin-bottom: 15px;}
.team_block {margin-top: 50px;}
.team_block h3 {font-size: 25px;}
.team_block h3 span {display: block;}

.border-lg-right {border-right: #ddd 1px solid;}
.team_top_bar ul {list-style: none; margin: 0; padding: 0;}
.team_top_bar ul li {display: inline-block; font-size: 25px; margin: 0 7px;}
.team_top_bar ul li a {color: #a1a1a1;}
.team_top_bar ul li a img {width: 25px; display: inline-block;}
.team_top_bar ul li a:hover{color:#a1a1a1}
.team_thumb img {border-radius: 15px;}
.slidePanel {display: none;}

.inner_section { min-height:500px;}

.prod_img img {object-fit: cover;height: 276px;}

.euro_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0;}
.euro_modal .modal-header .btn-close { position: absolute; right: -30px; top: -10px; background: var(--primary);color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.euro_modal h5.modal-title {font-size: 32px; color: var(--primary); font-weight: 700;}
.euro_modal h5.modal-title .icon_menu {width: 50px; margin: 0 auto; display: block;}
.euro_modal .modal-content {border: 3px solid var(--primary); padding: 30px 50px; border-radius: 15px;}
.modal_info h4 {font-size: 27px; font-weight: 700; margin-bottom: 20px; color: #333;}
ul.modal_info_list { list-style:none; margin:0; padding:0; margin-bottom:20px;}
ul.modal_info_list li {  position:relative; margin-bottom:7px; font-size: 20px; color: #9d9d9d;}
ul.modal_info_list li a{color: var(--primary);}
ul.modal_info_list li a:hover{color: #333;}
.mail_link {font-size: 18px;}
.mail_link a {color: #9d9d9d;}
.mail_link a:hover {color: var(--primary);}
.btn_modal {text-align: center; border-radius: 35px; padding: 12px 45px;}
.icon_modaltitle img{max-width: 25px; margin-right: 12px; position: relative; top: -5px;}
.estimate_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0; border-bottom: 0;}
.estimate_modal .modal-header .btn-close { position: absolute; right: 0; top: -10px; background: var(--primary);color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.estimate_modal h5.modal-title {font-size: 32px; color: var(--primary); font-weight: 700;}
.estimate_modal .modal-content {border: 3px solid var(--primary); padding: 30px 20px; border-radius: 15px;}
.modal_form .row {margin: 0 -7px;}
.modal_form .row> [class*="col-"] {padding: 0 7px;}
.modal_form .form-control { height: auto; padding: 10px 10px;}
.form-group { margin-bottom: 10px;}
.form-control { padding: 10px 10px;}
.estimate_modal .modal-footer {display: block;}
.modal_link { font-size:18px;}
.modal_link i { font-size:22px;}
.modal_link a {color: var(--primary);}
.thank_modal .modal-header {text-align: center; display: block; position: relative; padding-top: 0; border-bottom: 0;}
.thank_modal .modal-header .btn-close { position: absolute; left: 50%; transform: translateX(-50%); top: -43px; background: #0bbc00;color: var(--white); border-radius: 100%; opacity: 1; width: 25px; height: 25px; font-size: 25px; line-height: 22px;}
.thank_modal h5.modal-title {font-size: 32px; font-weight: 700;}
.thank_modal .modal-content {border: 3px solid #0bbc00; padding: 30px 20px; border-radius: 15px;}
.thank_modal .modal-body {font-size: 20px; text-align: center;}
.btn-success {background: #0bbc00; border-color: #0bbc00;}
.btn-success:hover, .btn-success:focus {background: #0c8f04; border-color: #0c8f04;}

.custom_pagination,.woocommerce-pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li:first-child>a,.page-numbers>li:first-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.page-numbers>li:last-child>a,.page-numbers>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:#d42027;background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#d42027;border-color:#d42027}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:#d42027;border-color:#d42027}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:8px 12px 10px 12px; border:none !important;}
.wpcf7 form.invalid .wpcf7-response-output { background:#ffc107; color:#fff;}
.wpcf7 form.sent .wpcf7-response-output { background:#28a745; color:#fff;}

.codedropz-btn-wrap a { color:var(--primary);}
.codedropz-btn-wrap a:hover { color:var(--primary);}

.team_section {position: relative;}
.team_tabs_box {position: absolute; position: absolute;left: 50%; top: 240px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%;}
.team_tabs_box.is-sticky {background: rgba(255,255,255,0.96);box-shadow:0  1px 0px rgba(0,0,0,0.33); border-top: #ddd 1px solid; z-index: 9;}

.extra_space {position: relative; height: 100px; display: block;}
header.header_about.about_sticky .header_bar {display: none;}
.team_tabs_box.is-sticky {border: 0!important; top: 44px!important; width: 100%!important; box-shadow: 0 7px 7px rgb(0 0 0 / 10%); background: #fff; left: 0 !important; right:0; transform: none!important;}
.team_tabs_box.is-sticky ul#myTab {margin: 10px 0 10px!important; }

.services_section ul li+li,.services_section ol li+li {margin-top: 7px;}

.header-phone .fa{position:relative; top: -4px; font-size: 25px; margin-left:20px; color: #666;}