@charset "UTF-8";
/* CSS Document */




@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
  --primColor : #bb0118;
  --primColorRGB : 187,1,24;
  --secColor : #000;
}



html{ height: 100%;}
body{ margin:0; font-family:'pt_sansregular', sans-serif; font-size: 17px; line-height: 30px; text-align: justify; color: #000; height: 100%; min-height: 100%; position: relative;
}
header, section, footer, article, aside{ display:block;}
a{ color: inherit; text-decoration: none;
    transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}
a.link{ color: var(--primColor); }
h1, h2, h3, h4, h5{ font-weight: normal; font-family: 'pt_sansbold';}
*{ box-sizing: border-box; }


.wrapper{ width: 100%; height: 100%; margin: auto; padding-top: 60px}
.wrapper.homePage{ padding-top:0; }
.container{ width: 96%; max-width: 1280px; margin: auto; overflow: hidden;}
.max1000{ width: 100%; max-width: 1000px; margin: auto; }
.text_wrapper{ max-width: 750px; margin: auto; }
.text_footer{
  font-family: 'pt_sansbold'; font-size: 25px; margin-top: 20px;
}

header{
  width: 100%; height: 60px; z-index: 1000; position: absolute; top: 0; left: 0;
  background: var(--secColor);
  
}
.homePage header{ background:transparent; }
header .container{ overflow: inherit; }
header .logo{ 
  display: flex; float: left; height: 60px;
  align-items: center;
}
header .logo img.webLogo{ display:block; border:0; height:35px }
.homePage header .logo img.webLogo, header .logo img.homeLogo{ display: none; }

header .rightHeader{ float: right; display:flex; }




header nav{
    font-family: 'pt_sansregular'; font-size: 17px; color: #FFF; 
    margin-top: 10px; text-align: right;
}
.homePage header nav{ margin-bottom:20px }
header nav .container{ overflow: visible; }
header nav ul{ list-style-type: none; margin: 0; padding: 0;}
header nav ul li{ float: left; position: relative;}
header nav ul li+li{ margin-left: 30px; }
header nav ul li a{
    display: block; height: 40px; line-height: 40px;
    padding: 0 10px; position: relative;
}
header nav ul li a:after{
  display: block; content: ""; width: 0%; height: 1px;
  position: absolute; bottom: 0; left: 0; right: 0;
  margin: auto; opacity: 0;
  background: var(--primColor);
  transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}
header nav ul li a:hover:after, header nav ul li.current-menu-item a:after{
   opacity: 1; width: 100%;
}
header nav ul li a img{ display: block; border: none; height: 30px; margin-top: 5px; }
header nav ul li.contactNavItem a{
  background: var(--primColor);
  border-radius: 20px; padding: 0 20px;
}
header nav ul li.contactNavItem a:after{ display: none; }


header nav ul.subMenu{
    width: 180px; position: absolute; left: 0; top: 40px; margin: 0;
    font-size: 15px; z-index: 1000; text-transform: none;
    border-bottom: solid 2px var(--secColor); background: rgba(0,93,212,0.9); display: none;
    border-radius: 0 0 15px 15px;
}
header nav ul.subMenu li{
    display: block; float: none; margin: 0;
    overflow: hidden;
    -webkit-transition: 200ms ease-in;
    -moz-transition: 200ms ease-in;
    -o-transition: 200ms ease-in;
    transition: 200ms ease-in;
}
header nav ul.subMenu li+li{ border-top: solid 1px rgba(255,255,255,0.2); }
header nav ul.subMenu li a{ display: block; width: 250px; height: 35px; line-height: 35px; padding: 0 10px; text-align: left; border-bottom: none; color: #FFF;}
header nav ul.subMenu li a:after{ display: none; }
header nav ul.subMenu a:hover{ color:  var(--secColor); }
header nav ul li:hover > ul.subMenu{ display: block; }

header .showMenu{ display: none;}

header.sticky{
    position: fixed; background: var(--secColor);
    z-index: 2000; height: 50px;
}

header.sticky .logo img.webLogo{ display:block; height:30px; width:inherit;}
header.sticky .rightHeader{ padding-top: 5px; }
header.sticky nav{
    margin: 0;
}


/*slider*/
.slider{
  width: 100%; height: 100%; margin: auto; position: relative;

}
.slider .banner{position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.slider .banner .item{
  width: 100%; height: 100%;
  position: absolute; top: 0; left: 0;
}
.slider .banner .item+.item{ display: none;}
.back_img{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; overflow: hidden;
}
.back_img img{
  display: block; width: 100%; height: 100%;
  margin: auto; object-fit: cover;
}
.back_img:after{
  display: block; width: 100%; height: 100%;
  content: ""; position: absolute; bottom: 0; left: 0;
  background-image: linear-gradient(to bottom, rgba(var(--primColorRGB),0.2) , rgba(var(--primColorRGB),0));
}
.slider .layers{
  width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}
.slider .layers .banner_title{
  position: absolute; top: 300px; text-align: center;
  width: 100%;
}
.slider .layers .banner_title .img img{ display:block; width:300px; }
.slider .layers .box{
  text-align: left; position: absolute; bottom: 50px; left: 0; width: 100%;
  z-index: 1000;
}
.slider .layers .banner_content{ float: right; color: white; font-size: 24px;}
.slider .layers .banner_content h2{ color:white; margin:0 0 10px 0; font-size:19px; }
.slider .layers .slide_title{
  font-size: 65px; line-height: 70px; font-family: 'pt_sansbold';
  color: #FFF; margin: 0;
}
.slider .layers h1{font-size: 43px; line-height: 60px; margin: 0 0 10px 0; font-family: 'pt_sansbold'; color: #FFF; }
.slider .layers:after{
  display: block; width: 100%; height: 100%;
  content: ""; position: absolute; bottom: 0; left: 0;
  background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0, 0, 0, 0.1), rgba(0,0,0,0));
},
/*End of slider*/


/*page_header*/
.page_header{ position: relative; width: 100%; height: auto; text-align: center;}
.page_header img{ display: block; width: 100%;}
/*End of page_header*/



.buttons a, .buttons input{
  display: inline-block; padding: 0 35px; margin: 20px 0; text-transform: uppercase;
  height: 55px; line-height: 55px; border-radius: 30px;
  font-size: 15px; font-family: 'pt_sansregular'; border: solid 1px; position: relative;
}
.buttons a+a{ margin-left: 20px; }
.buttons .primButton{ background: var(--primColor); color: #FFF; border-color: var(--primColor);}
.buttons .primButton:hover{ background: #FFF; color: var(--primColor); }
.buttons .secButton{ background: var(--secColor); color: #FFF; border-color: var(--secColor); }
.buttons .secButton:hover{ background: #FFF; color: var(--secColor); }
.buttons .thirdButton{ background: var(--thirdColor); color: var(--primColor); border-color: var(--thirdColor); }
.buttons .thirdButton:hover{ background: var(--primColor); color: var(--thirdColor); }
.buttons .tranparentButton{  color: #FFF; border-color: #FFF; }
.buttons .tranparentButton:hover{ background: #FFF; color: var(--secColor); }
.buttons a.icon_button{ padding: 0 60px 0 20px;}

section{ }
section.pageSection{ padding-top: 150px !important;}

.block{ padding: 50px 0; }

article{ padding: 0 20px; }
article p{ margin: 0 0 20px;}
article+article{ margin-top: 35px;}

.center_text{ text-align: center; width: 900px; max-width: 100%; margin: auto; }


.section_title{  }
.section_title{
  font-family: 'pt_sansbold'; font-size: 35px; line-height: 55px;
  text-align: center; margin-bottom: 20px; color: var(--primColor);
}
.section_title h2{ font-size: 21px; line-height: 31px; color: #000; margin: 0; }

.big_title{ font-size: 29px; line-height: 56px; text-align: left; font-family: 'pt_sansbold'; }
.big_title h2{ margin: 0; padding: 0; }
.big_title.right_title{ text-align: right; }
.big_title span{ font-size: 21px; display: block; line-height: 20px; text-transform: uppercase; font-family: 'pt_sansbold'; }
.title_center{ text-align: center; }
.big_title.title_primColor{ color:var(--primColor); }

.blue_block{ background: var(--primColor); color: #FFF;}
.gradient_block{
  background-image: linear-gradient(45deg, var(--primColor) 10%, var(--secColor));
  color: #FFF;
}
.gradient_block .section_title, .gradient_block .section_title h2, .blue_block .section_title, .blue_block h2{ color: #FFF; }


.page_title{ width: 100%; height: auto; overflow: hidden; position: relative; padding-bottom: 30px; }
.page_title_content{ margin-top: 200px; position: relative; }
.page_title .back_img{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.page_title .back_img img{ display: block; width: 100%; height: 100%; object-fit: cover; }

.page_title h1, .page_title h2{
  font-size: 25px; line-height: 33px; text-transform: uppercase;
  text-align: center; font-family: 'pt_sansbold'; color: #FFF;
}
.page_title h1:after, .page_title h2:after{
  display: block; content: ""; width: 75px; height: 1px;
  background: var(--secColor); margin: auto;
}


.pageSection article h2{ font-size: 21px; line-height: 25px; color: #000; margin: 10px 0 20px 0; padding: 0; position: relative;}
.pageSection article h2:after{
    content: ''; display: block;
    width: 80px; height: 1px;
    background: #feb607; margin-top: 10px;
}
h2.aside_title{ color: #000; font-size: 19px; text-transform: uppercase; }
.pageSection h1{ text-align: left;}

article h3{ font-size: 21px; color: #063348; margin: 20px 0 5px 0; text-align: left;}
article h4{ font-size: 17px; color: #000; margin: 20px 0 5px 0;}


.breadcrumb{
  text-align: right; padding: 5px 0; border-bottom: solid 1px #feb607;
}
.breadcrumb ol{
  list-style-type: none; margin: 0; padding: 0 20px;
  font-size: 13px;
}
.breadcrumb li{
  display: inline-block;
}
.breadcrumb li+li:before{
    padding: 0 8px;
    font-size: 12px; color: var(--primColor);
    content: ""; font-family: 'FontAwesome';
}
.breadcrumb a{ color: var(--primColor); }
.breadcrumb a:hover{ color: #063348; }


.text_section{ padding: 80px 0; position: relative; height: auto; overflow: hidden;}
.img_section{
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
}
.img_section img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.text_section .container{ position: relative; z-index: 1000; }

.white_section:after{
  display: block; content: ""; position: absolute; top: 0; right: 0;
  width: 70%; height: 100%;
  background-image: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,1) , rgba(255,255,255,0));
}
.right_section .text_section_box{ float: right; }
.text_section_box{ width: 50%; padding: 0 20px; }

.title_section{ font-size: 19px; color: #000; text-transform: uppercase; font-family: 'pt_sansbold'; text-align: left; margin: 0 0 10px 0; }
.title_section:after{ display: block; content: ""; width: 75px; height: 1px; background: var(--secColor);}
.text_section_box h2{ font-size: 23px; color: var(--primColor); text-transform: uppercase; margin: 0 0 15px 0; text-align: left; }

/*stream*/
.stream .carousel{ flex-wrap:wrap; }
.stream_item{ display: block; text-align: center; margin: 0 25px}
.stream_item_img{
  position: relative; height: auto; overflow: hidden;
  border-radius: 20px; margin-bottom: 10px;
}
.stream_item_img .img{
  display: block; width: 100%; height: 100%; object-fit: cover;
  position: absolute; top: 0; left: 0; transition: 0.3s;
}
.stream_title{ font-family:'pt_sansbold'; font-size:19px }
.stream_button{ text-transform:uppercase; }
.stream_button .icon{ display:inline-block; margin-right:3px; }
.stream_item:hover .stream_item_img .img{ transform:scale(1.1); }


.stream .is-horizontal .f-carousel__nav .f-button.is-next{ right:-20px; top:40%; }
.stream .is-horizontal .f-carousel__nav .f-button.is-prev{ left:-20px; top:40%; }
.is-horizontal .f-carousel__nav .f-button:hover{ color:var(--primColor); }
/*End of stream*/

/*videos*/
.videos .carousel{ flex-wrap:wrap; }
.video_item{margin: 0 50px; display: block;}
.video_item_content{ position:relative; width: 100%; height:auto; overflow:hidden; border-radius:10px; }
.video_item .img{
  display: block; width: 100%; height: 100%; object-fit: cover;
  position: absolute; top: 0; left: 0; transition: 0.3s;
}
.video_time{
  display: inline-block; padding: 5px 10px; background: rgba(0, 0, 0, 0.5);
  color: white; font-size: 15px; line-height: 15px; border-radius: 5px;
  position: absolute; right: 0; bottom: 0;
}
.videos .is-horizontal .f-carousel__nav .f-button.is-next{ right:-10px; }
.videos .is-horizontal .f-carousel__nav .f-button.is-prev{ left:-10px; }
/*End of videos*/

/*news*/
.news .news_title{ margin-bottom:20px; }
.news .news_title h2{
  display:inline-block; background:var(--primColor); color:white;
  font-size: 19px; font-family: 'pt_sansregular'; padding: 8px 15px;
  border-radius: 20px;
}
.news_list{ gap:80px; }
.news_list.home_news_list{ gap:0; }
.news_item{  width: calc((100% - 160px) / 3);}
.news_list.home_news_list .news_item{ width: 33.33%; padding:10px 40px;  }
.news_item a{
  display: flex; flex-direction: column; height: 100%; border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.09); overflow: hidden;
}
.news_item_content{ padding:0 20px 20px 20px; font-size: 15px; line-height: 25px}
.news_item .news_item_header{ display: flex; padding: 0 20px; align-items: center; justify-content: space-between; }
.news_item .news_date{ font-size: 13px; padding:10px 0; }
.news_item h2{ text-align: left; font-size: 19px; font-family:'pt_sansbold'; margin:0 0 10px 0; }
.news_item .news_button{ margin-top: auto; padding: 0 20px 20px 20px;}
.news_item .news_button span{
  background:var(--primColor); color: white; font-size: 12px; line-height: 30px;
  text-transform: uppercase; padding: 4px 15px; display: inline-block; border-radius: 20px;
}
.news_item .news_img{ width: 100%; height: auto; overflow: hidden; position:relative; }
.news_item .news_img img.backImg{transition: 0.3s;}
.news_item:hover .news_img img.backImg{ transform: scale(1.05); }

.no_news{ text-align: center; font-size: 23px; font-family: 'pt_sansbold'; color: #000; padding: 120px 0; }
.no_news_socials a{
    display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center;
    border-radius: 100%; border: solid 1px var(--primColor); color: var(--primColor);
    font-size: 30px; margin: 10px;
}
.no_news_socials a:hover{ background: var(--primColor); color: #FFF; }

.news_list .is-horizontal .f-carousel__nav .f-button.is-next{ right:-20px; }
.news_list .is-horizontal .f-carousel__nav .f-button.is-prev{ left:-20px; }
/*End of news*/


/*new_clip_block*/
.new_clip_block{
    width: 100%; height: auto; padding: 130px 0; position: relative;
    color: #FFF; text-align: center; font-size: 19px; line-height: 30px; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.new_clip_block .new_clip_bg{
  width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}
.new_clip_block .new_clip_bg img{ display:block; width:100%; height:100%; object-fit:cover; }
.new_clip_block .new_clip_bg::after{
  display: block; content: ""; width: 100%; height: 100%;
  background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0;
}
.new_clip_content{ position:relative; width:100%; }
.new_clip_play_btn{
  font-size:22px; display: flex; width: 50px; height: 50px;
  align-items: center; justify-content: center; margin: auto;
  background: var(--primColor); border-radius: 100%;
}
/*End of new_clip_block*/

/*store*/
.cloud_words{ color:var(--primColor); font-size:24px; }
.cloud_words ul{ list-style-type:none; margin:0; padding:0; }
.cloud_words li+li{ margin-top:15px; }
.store{ margin-top:50px; }
.store_list{ gap:30px; }
.store_item{ width: calc((100% - 90px) / 3);}
.store_item a{ display: flex; flex-direction: column; height: 100%;}
.store_item_content{
  padding:0 20px 20px 20px; font-size: 15px; line-height: 25px; text-align: center;
  display: flex; flex-direction: column; flex: 1;
}
.store_item h2{ font-size: 19px; font-family:'pt_sansbold'; margin:0; }
.store_item .price{ margin-bottom:10px; }
.store_item .store_button{ margin-top: auto; text-align: center;}
.store_item .store_button span{
  display: inline-block; border-radius: 20px; text-transform: uppercase; padding: 4px 15px;
  background:var(--primColor); color: white; font-size: 12px; line-height: 30px;
}
.store_item .store_img{ width: 100%; height: auto; overflow: hidden; position:relative; margin-bottom:10px; border-radius:20px }
.store_item .news_img img.backImg{transition: 0.3s;}
.store_item:hover .news_img img.backImg{ transform: scale(1.05); }

.store_article .store_article_box{ margin-bottom:30px; }
.store_article .product-image img{ vertical-align: bottom; }
.store_article .product-image img.small_img{ width:100%; }
.store_article .product-details h1{ font-size:25px; }
.store_article .single_add_to_cart_button{
  display: inline-block; padding: 13px 30px; border: none;
  background: var(--primColor); color: white; text-transform: uppercase;
  border-radius: 30px;
}
.store_article .product-price{ font-size:22px; margin-bottom:20px; }
.store_article .woocommerce-Price-amount.amount{ font-family:'pt_sansbold'; }

.woocommerce-variation-add-to-cart label{ font-family:'pt_sansbold' }
.store_article .quantity{ display: inline-block; }
.store_article .quantity .quantity{ margin-bottom:0; }
.store_article .quantity label{ display:block; margin-right:15px }
.store_article .quantity input{
  display: inline-block; width: 60px; text-align: center; margin-left: 15px;
}
.product-description{ margin-bottom:50px; }

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained
{
  background: var(--primColor); color: white; border-radius: 8px; text-transform: uppercase;
  border: none;
}

.variations .reset_variations{ display:none; }
.variations select{
  display: inline-block; margin-left: 10px; padding: 5px;
}
.store_article .single_add_to_cart_button.button.alt{ display:block; margin-top:20px; }

.store_article p.stock.out-of-stock{
  display:inline-block; padding:2px 10px; border-radius: 8px;
  background: var(--primColor); color: white; font-size: 12px;
}
/*End of store*/


/*woocommerce*/

.woocommerce-message{ border-top-color: var(--primColor); }
header .header-cart{ margin-left:20px; }
header .cart-link{ display:block; position:relative; padding-top:15px; width:40px; }
header .cart-icon{ font-size:22px; color:white; }
header .cart-count{
  display: flex; width: 25px; height: 25px; border-radius: 100%;
  justify-content: center; align-items: center; font-size: 10px;
  background: var(--primColor); color: white;
  position: absolute; top: 0; right: 0;
}
/*End of woocommerce*/

.pagination{ margin: 20px; text-align: center;}
.pagination a{
  display: inline-block; font-size: 15px; height: 35px; line-height: 35px; padding: 0 10px;
  background: #FFF; color: #063348; border:solid 1px #063348;
}
.pagination a:hover, .pagination a.activ{background: #FFF; color: #c1c1c1;}

.pagination a:hover, .pagination a.activ{background: #063348; color: #FFF;}

.images_banner{ width: 100%; overflow: hidden; }
.images_banner .imgFull{ margin: 0; }


.tables{ display: table; width: 100%; }
.tables .row + .row{ margin-top: 30px; }
.tables .cell{ display: table-cell;}
.tables .title_cell{width: 30%;}
.tables .text_cell{ padding: 20px;}
.tables .title_cell .imgFull{ margin-top: 0; }
.tables .title_cell h2{
  text-transform: uppercase; text-align: left;
  color: #FFF; font-size: 20px; padding: 20px;
}
.tables .title_cell h2 span{ display: block; font-size: 30px; margin-bottom: 20px; }

.tables .pink_cell{ background: #fe0047; }
.tables .orange_cell{ background: #fca145; }
.tables .green_cell{ background: #5386E4; }



/*contact*/
.contact .contact_box{
  background: var(--secColor); color: white; border-radius: 40px;
  padding: 40px; width: 1000px; max-width: 100%; margin: auto;
}
.contact .contact_box h2, .contact .contact_box h3{ font-family:'pt_sansregular'; text-align:left; }
.contact .contact_box h2{ font-size:35px; line-height:40px; }
.contact .contact_box h3{ color:var(--primColor); display:flex; align-items:center; }
.contact .contact_box h3 span{ font-size:40px; margin-left:10px; display:inline-block; }
.contact .map{ width: 100%; height: 450px; margin-bottom: 30px; }
.contact .map iframe, .contact .map #map{ width: 100%; height: 100%; }
.contact label{ display: block; float: left; padding: 10px 5px;}
.contact select{ border:solid #dfdfdf 1px; width:100%; padding:8px 15px; box-sizing: border-box;}
.contact input[type="file"]{ width: auto;}
.contact .buttons{ float: right;}
.contact .buttons a.formLink{ display: inline-block; color: #b5cf2f; padding: 0 10px;}

.dateSelector{ position: relative;}
.dateSelector a{ display: block; position: absolute; top: 10px; right: 10px;}
.contact .g-recaptcha{ margin-bottom: 50px; }

.input+.input{ margin-top: 20px; }
.input input, .input textarea, .input select{
  display: block; width:100%; height: 50px; line-height: 50px; border: none; border-radius: 20px;
  border-bottom:solid #000 1px; padding:0 15px; box-sizing: border-box; outline: none;
}
.input input::placeholder, .input textarea::placeholder{ font-family: 'pt_sansregular'; font-size: 15px; color:var(--primColor); }
.input textarea{ height: 200px; margin-top:20px; }
.input input[type="submit"], .input button{
  background: var(--primColor); color: #FFF; width: 150px; margin: auto; position: relative;
  font-size: 21px; border: none; height: 40px; line-height: 40px; padding:0 30px; font-family: 'pt_sansbold';
  border-radius: 20px; display: block; text-transform: uppercase;
}
/*End of contact*/


/*modal*/
.modal{
  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);
  position: fixed; top: 0; left: 0; display: none; z-index: 2000;
}
.modal .modal_content{width: 80%; max-width: 700px; margin: auto;}
.modal.show{ display:flex; align-items:center; justify-content:center; }
.modal .newsletter_box{
  background: var(--secColor); border-radius: 40px; position: relative;
  border: solid 1px white; overflow: hidden; color: white;
}
.modal .close{
  display: block; width: 30px; height: 30px; line-height: 27px;
  text-align: center; border-radius: 100%; box-shadow: 0 0 5px rgba(255,255,255,0.5);
  position: absolute; top: 15px; left: 15px; font-size: 19px;
}
.modal .newsletter_form{ padding:30px; border-bottom:solid 1px white; }
.modal .newsletter_form h2{ font-size:34px; margin:0 0 10px 0; }
.modal .newsletter_form h3{ font-size:22px; margin:0; color:var(--primColor); }
.newsletter_form .input input{ height:40px; line-height:40px; }
.newsletter_form .input input[type="submit"]{
  background: var(--primColor); color: #FFF; width: 140px; position: relative;
  font-size: 19px; border: none; height: 40px; line-height: 40px; padding:0 30px; font-family: 'pt_sansregular';
  border-radius: 20px; display: inline-block;
}
.newsletter_form .response{ margin-left:20px }
.newsletter_form .response.success{ color:#28a745 }
.newsletter_form .response.error{ color:var(--primColor); }
.newsletter_form .response .icon{ font-size:24px; }
.modal .news_block{ padding:30px; }
.modal .news_block_wrapper{ width: 80%; max-width: 500px; margin: auto;}
.modal .news_block_title_block{ display:flex; flex-direction:row-reverse; }
.modal .news_block h2{ text-align:left; font-size: 35px; margin: 0 0 15px 0; padding-left: 20px}
.modal .news_block h3{ text-align:left; font-size: 25px; margin: 0 0 10px 0;}
.modal .news_block_img{ max-width:200px; }

.modal .product_box{
  background: var(--secColor); border-radius: 40px; position: relative;
  border: solid 1px white; overflow: hidden; color: white;
}
.product_box .product_wrapper{ padding:30px 50px; }
.modal .product_box_title{ text-align:center; text-transform:uppercase; margin-bottom:15px; }
.product_box .input{ padding:5px; }
.product_box .input button{ width:auto; }
.product_box .input textarea{  margin-top:0; }
.product_box .form_response{ text-align:center; }
.product_box .form_response.success{ color:#3c763d; }
.product_box .form_response.fail{ color:#a94442; }
/*End of modal*/

/*errorPage*/
.errorPage{text-align: center;}
.errorPage h1{  text-align: center; font-size: 45px; line-height: 55px; padding-top: 50px; margin: 0;}
.errorPage h2{ font-size: 50px; line-height: 50px;}
/*end of errorPage*/

.construction_page{
  text-align: center; margin: 100px 0; color: #000; text-transform: uppercase;
  font-size: 30px; line-height: 35px; font-family: 'pt_sansbold';
}

/*simpleList*/
.simpleList, .description_bdd ul{ list-style-type: none; overflow:hidden; margin: 0;}
.simpleList li, .description_bdd ul li{ position: relative; padding: 5px 0 5px 10px;}
.simpleList li:before, .description_bdd ul li:before{
  content: ''; font-family: 'FontAwesome';
  position: absolute; left: -7px; top: 6px; font-size: 15px;
  color: var(--primColor);
}
/*end of simpleList*/

/*simpleTable*/
.simpleTable{ margin: 20px 0; width: 100%;}
.simpleTable th{ border: none; background: #feb607; color: #FFF; font-weight: normal; padding: 15px 10px; text-align: center; color: #FFF;}

.simpleTable tr:nth-child(2n+2){background: #dcdddd;}
.simpleTable td{ padding: 10px; font-size: 15px;}
/*end of simpleTable*/


/*Accordeon*/
ul.accordeon{ list-style-type:none; margin: 0 auto; padding:0; margin-top: 30px; margin-bottom: 30px;}
ul.accordeon .accordeonLi{
  margin:0; padding: 0 0 0 20px; border-left: solid 5px #BBB;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
ul.accordeon .accordeonLi.current{ border-color: var(--primColor); }
ul.accordeon .accordeonLi+.accordeonLi{ margin-top: 8px;}
ul.accordeon .accordeonLi a.accordeonLink{
  display: block; padding: 10px 20px 10px 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
ul.accordeon a.accordeonLink h2{
  margin: 0; padding: 0; font-size: 21px; color: #BBB; text-align: left;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
ul.accordeon .accordeonLi a.accordeonLink:hover i, ul.accordeon .accordeonLi.current i, ul.accordeon .accordeonLi a.accordeonLink:hover h3, ul.accordeon .accordeonLi.current h2{ color: var(--primColor);}
ul.accordeon .accordeonItem{ display:none; margin: 1px 0 5px 0;}
ul.accordeon .accordeonLi.current .accordeonItem{ display: block; }
/*End of Accordeon*/




.msg_ok, .msg_ko{ margin-bottom: 10px; flex-wrap: nowrap !important;}
.msg_ok .icon{
    width: 50px; display: flex;
    background: #3c763d; color: #FFF; font-size: 25px; 
}
.msg_ok .msg_txt{
  background: #dff0d8; padding: 20px; font-size: 15px; line-height: 20px;
  border: solid 1px #3c763d; color: #3c763d; 
}

.msg_ko .icon{ 
  width: 50px; display: flex;
  background: #a94442; color: #FFF; font-size: 25px;
}
.msg_ko .msg_txt{
  background: #f2dede; padding: 20px; font-size: 15px; line-height: 20px;
  border: solid 1px #a94442; color: #a94442;
}

.requiredField{ color:#7d0000;}
.input input.requiredField, .input textarea.requiredField, .input select.requiredField{ background:#dd7171;}
.requiredFieldTxt{ color:#cf0000; font-size: 11px; font-weight: bold; display: none;}

.imgFull{ display: block; margin: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%;}
.imgFullMax{ max-width:300px }
.imgCenter{ display: block; margin: 10px auto; max-width: 100%;}
.imgLeft{ display: block; float: left; margin: 0 20px 20px 0}
.borderImg{ position: relative; }
.borderImg:after{
  display: block; content: ""; width: 100%; height: 100%;
  position: absolute; top: 0; left: 0; box-sizing: border-box;
  border: solid 8px rgba(97,76,134,0.5);
}

.imgBorder{ position: relative; margin: 0 50px;}
.imgBorder img{
  position: relative;  z-index: 2; overflow: hidden;
  border-radius: 10px;
}
.imgBorder:before{
  display: block; content: ""; width: 150px; height: 150px; background: var(--secColor);
  position: absolute; top: -10px; left: -10px; z-index: 1;
  border-radius: 10px;
}
.imgBorder:after{
  display: block; content: ""; width: 150px; height: 150px; background: var(--primColor);
  position: absolute; bottom: -10px; right: -10px;  z-index: 1;
  border-radius: 10px;
}
.placeholder{ display: block; width: 100%; visibility: hidden;}
.borderSep{ margin: auto; width: 150px; border-bottom: solid 2px var(--primColor);}
.backImg{
  display:block; width: 100%; height: 100%; object-fit: cover;
  position: absolute; top: 0; left: 0;
}


.row:after{ display: block; content: ""; clear: both; }
.row_flex{ display: flex;}
.row_flex:after{ display: block; content: ""; clear: both; }
.flex_wrap{ flex-wrap: wrap; }
.vcenter{
  -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.hcenter{
  justify-content: center;
}
.hcenter{justify-content: center;}
.space_between{ justify-content: space-between; }
.one_half{ width: 50%; float: left;}
.one_third{ width: 33.33%; float: left;}
.one_fourth{ width: 25%; float: left;}
.two_third{ width: 66.66%; float: left;}
.three_fourth{ width: 75%; float: left; }
.one_fifth{ width: 20%; float: left;}
.one_sixth{ width: 16.66%; float: left; }
.space{ margin: 20px 0; }


.padding5{ padding: 5px;}
.padding10{ padding: 10px;}
.padding20{ padding: 20px;}
.paddingLeft{ padding-left: 50px;}
.paddingRight{ padding-right: 50px;}
.clear{ clear: both;}
.clearRight{ clear: right;}




/*partners*/
.partners_list{ list-style-type: none; margin: 0; padding: 0; }
.partners_list li{ padding: 10px; }
.partners li a{ display: block; }
.partners li img{ max-height: 90px; display: block; border: none; }
/*end of partners*/


/*static_social*/
.static_social{
  position: fixed; left: 0; top: 40%; z-index: 900;
}
.static_social ul{ list-style-type:none; margin:0; padding:0; }
.static_social ul li+li{ margin-top:3px }
.static_social ul a{
  display: flex; width: 50px; height: 50px; background: var(--secColor); color: white;
  justify-content: center; align-items: center; border-radius: 0 25px 25px 0;
}
/*End of static_social*/


footer{
  width: 100%; position: relative; font-size: 15px; line-height: 21px;
  background:  var(--secColor); color: #FFF;
  text-align: left; padding: 10px 0;
}
footer .copyright{ }

footer .contacts{ text-align: left; line-height: 15px; margin-bottom: 30px;}
footer .contacts .contact_item+.contact_item{ margin-top: 10px; }
footer .contacts .contacts_property{
    display: inline-block; margin-bottom: 10px;
    font-family: 'pt_sansbold';
}
footer .contacts .contacts_value{ padding-left: 2px; margin-bottom: 10px;}
footer .contacts p{ margin-top: 8px;}
footer .contacts a{ display: inline-block;}
footer .contacts a:hover{ color: var(--secColor); }

footer .social{ margin-left: auto; }
footer .social ul{
    list-style-type: none; margin: 0; padding: 0;
}
footer .social ul li{ display: inline-block;}
footer .social ul li+li{ margin-left: 5px;}
footer .social ul a{
    display: block; width: 50px; height: 50px; line-height: 50px;
    background: rgba(255,255,255,0.1); color: #FFF;
    text-align: center; font-size: 18px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
}

.social a.facebook:hover{ background: #1877f2; color: #FFF;}
.social a.twitter:hover{ background: #1da1f2; color: #FFF;}
.social a.linkedin:hover{ background: #0a66c2; color: #FFF;}
.social a.youtube:hover{ background: #ff0000; color: #FFF;}
.social a.viadeo:hover{ background: #f6876d; color: #FFF;}
.social a.instagram:hover{ background: #c32aa3; color: #FFF;}
.social a.pinterest:hover{ background: #bd081c; color: #FFF;}
.social a.soundcloud:hover{ background: #ff5500; color: #FFF;}
.social a.spotify:hover{ background: #1ed760; color: #FFF;}
.social a.wechat:hover{ background: #7bb32e; color: #FFF;}
.social a.tiktok:hover{ background: #010101; color: #69c9d0;}

.social_images{
  max-width: 90%; margin: 30px auto;
  background: var(--secColor); padding: 0 40px;
}
.social_images a.social_images_link{ display:block; position: relative;}
.social_images_link img{ display:block; width:100% }
.social_images .social_images_link span{
  display: flex; align-items: center; justify-content: center;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  color: white; font-family: 'pt_sansbold'; font-size: 36px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}



/*animations*/
@keyframes blinker {
  100% {
    opacity: 0; transform: scale(3);
  }
}


.animation-element{
    opacity: 0; position: relative;
    transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
}
.animation-element.in-view{ opacity: 1;}

.animation-element.slide-left {
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right {
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-bottom {
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0, 30px, 0px);
  -webkit-transform: translate3d(0, 30px, 0px);
  -o-transform: translate(0, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 30px, 0px);
}


.animation-element.slide-scale {
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  transform: scale(0.9);
}


.animation-element.slide-left.in-view, .animation-element.slide-right.in-view, .animation-element.slide-bottom.in-view{
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-scale.in-view{ transform: scale(1); }


/*end of animations*/