﻿body{font-size: 16px; font-family: Roboto, Arial, sans-serif; line-height: 22px; font-weight: 400; padding: 0px; margin: 0px;}
img{position:relative; display:inline-block; vertical-align: top; max-width: 100%; height:auto; object-fit:cover; object-position: center center;}
video{object-fit:cover; object-position: center; pointer-events:none;}
p{margin: 8px 0px; text-align: justify;}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
*[tabindex]{outline: 0px;}
.no-padding{padding: 0px !important;}
.no-padding-left{padding-left: 0px !important;}
.no-padding-right{padding-right: 0px !important;}
.no-padding-top{padding-top: 0px !important;}
.no-padding-bottom{padding-bottom: 0px !important}

.no-margin{margin: 0px !important;}
.no-margin-left{margin-left: 0px !important;}
.no-margin-right{margin-right: 0px !important;}
.no-margin-top{margin-top: 0px !important;}
.no-margin-bottom{margin-bottom: 0px !important;}

.text-align-right{ text-align: right;}
.text-align-left{ text-align: left;}
.text-align-justify{ text-align: justify;}
.text-align-center{ text-align: center;}

.row {position: relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 0px; margin: 0px; overflow: auto;}
.row .col{display:block; width: 100% !important;}
.row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10,
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10,
.row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10,
.row .col-xs-1, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9, .row .col-xs-10{
    position:relative; top:0px; left: 0px; padding: 0px 15px; margin: 0px; display:inline-block; float:left;
}
.row .col-lg-1, .row .col-md-1, .row .col-sm-1, .row .col-xs-1{width: 10%; height:auto;}
.row .col-lg-2, .row .col-md-2, .row .col-sm-2, .row .col-xs-2{width: 20%; height:auto;}
.row .col-lg-3, .row .col-md-3, .row .col-sm-3, .row .col-xs-3{width: 30%; height:auto;}
.row .col-lg-4, .row .col-md-4, .row .col-sm-4, .row .col-xs-4{width: 40%; height:auto;}
.row .col-lg-5, .row .col-md-5, .row .col-sm-5, .row .col-xs-5{width: 50%; height:auto;}
.row .col-lg-6, .row .col-md-6, .row .col-sm-6, .row .col-xs-6{width: 60%; height:auto;}
.row .col-lg-7, .row .col-md-7, .row .col-sm-7, .row .col-xs-7{width: 70%; height:auto;}
.row .col-lg-8, .row .col-md-8, .row .col-sm-8, .row .col-xs-8{width: 80%; height:auto;}
.row .col-lg-9, .row .col-md-9, .row .col-sm-9, .row .col-xs-9{width: 90%; height:auto;}
.row .col-lg-10, .row .col-md-10, .row .col-sm-10, .row .col-xs-10{width: 100%; height:auto;}

.wrap{position:relative; top: 0px; left: 0px; width: 100%; max-width: 1380px; height:auto; padding-right: 24px; padding-left: 24px; margin-left: auto; margin-right:auto;}

.container{position:relative; top: 0px; left: 0px; width: unset; height: auto; padding-right: 15px; padding-left: 15px; margin-left: auto; margin-right:auto;}

.site-main-navigation{position:relative; top: 0px; left: 0px; width: 100%; height:auto; white-space:nowrap; z-index: 2;}
.site-main-navigation ul{position:relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 0px; margin: 0px; white-space: nowrap;list-style:none; background-color: inherit;}
.site-main-navigation ul li{position:relative; top: 0px; left: 0px; width: auto; height:auto; padding: 0px; margin: 0px; display: inline-block; vertical-align: middle; background-color: inherit;}
.site-main-navigation ul li a{position:relative; top: 0px; left: 0px; width: auto; height: auto; padding: 8px; margin: 0px; display:block; font-size: 13px; text-transform: uppercase; line-height: 22px; font-weight: 500;}
.site-main-navigation ul li a i{margin-right: 5px; margin-left: 5px;}
.site-main-navigation ul li ul{position:absolute; top: 100%; left: 0px; width:auto; height:auto; display: none; background-color: inherit;}
.site-main-navigation ul li ul li{display: block;}
.site-main-navigation ul li ul li a{text-transform:none;}
.site-main-navigation ul li ul li a i{margin-left: 0px;}
.site-main-navigation ul li:hover > ul{display: block;}

.site-main-navigation ul li a i.fa-caret-down{display: inline-block;}
.site-main-navigation ul li a i.fa-angle-right{display: none;}

.site-main-navigation .mobile-nav-control{position:fixed; top: 0px; left: 0px; height: 70px; border-bottom: 1px solid #ddd; box-shadow:1px 1px 10px rgba(0,0,0,0.15); display:none;}
.site-main-navigation .mobile-nav-control i{position:relative; top: 0px; left: 0px; margin-top: 20px; font-size: 30px;}

.slick-slider .slick-track, .slick-slider .slick-list{height: 100%; overflow:unset;}

.slide{position:relative; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
.slide .slide-item-list{position:relative; top:0px; left:0px; right: 0px; bottom: 0px; width:100%; height:100%; overflow: hidden; z-index: 1;}
.slide .slide-item-list > div, .slide .slide-item-list > img, .slide .slide-item-list .slide-item {position:relative; top:0px; left:0px; width: 100%; height: 100%; object-fit:cover; object-position: center center; background-size:cover; background-position:center; background-repeat:no-repeat;}
.slide .slide-item-list img{vertical-align: top;}
.slide .slide-item-list .slick-dots{bottom: 0px;}
.slide .slide-item-list .slick-dots li button:before{content: ''; top: 5px; left: 5px; width: 10px; height: 10px; background-color: #444; border-radius: 50%;}
.slide .item-comment{position:absolute; top:auto; left:65px; right: 65px; bottom:0px; width:auto; height:auto; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px; background-color: rgba(0, 0, 0, 0.3); color: #fff; text-align:justify; z-index: 1; display:none;}
.slide .next{position:absolute; top:100px; left:auto; right: 0px; bottom: 175px; width: 50px; border-top-left-radius:10px; border-bottom-left-radius:10px; height:auto; color:transparent; font-size: 24px; display: block; cursor:pointer; z-index:2;}
.slide .back{position:absolute; top:100px; left:0px; right: auto; bottom: 175px; width: 50px; border-top-right-radius:10px; border-bottom-right-radius:10px; height:auto; color:transparent; font-size: 24px; display: block; cursor:pointer; z-index:2;}
.slide .next, .slide .back{background-color:rgba(0,0,0,0.3); color: #fff; display:none;}
.slide:hover .next, .slide:hover .back{display: block;}
.slide .next i, .slide .back i{position:relative; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; pointer-events:none; font-size: 24px; display:block;}
.slide .slide-pager{position:absolute; top: auto; left: 0px; right: 0px; bottom: 10px; width: auto; height: 11px; text-align:center; z-index: 2}
.slide .slide-pager .slider-page-item{position:relative; top: 0px; left: 0px; width: 11px; height: 11px; display: inline-block; z-index: 2; border: 0px; background-color: #ababab; border-radius: 50%; margin: 0px 5px;}
.slide .slide-pager .slider-page-item.selected{background-color: #444;}

.visible-xs, .visible-sm, .visible-md, .visible-lg{display:none !important;}

.pager{position:relative; top:0px; left:0px; width:auto; height: 25px; line-height: 16px; text-align:right;}
.pager span{position:absolute; top: 50%; left: 5px; width:auto; max-width: 50%; height: auto; margin-top: -7.5px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-weight: normal; color: #ababab;}
.pager ul{position:relative; top:0px; left:0px; width:auto; height:100%; padding:0px; margin:0px; list-style:none; white-space:nowrap;}
.pager ul li{position:relative; width:auto; min-width: 25px; text-align:center; font-weight:bold; height: 100%; line-height: 19px; display:inline-block; padding: 3px; margin: 0px 0px 0px 5px; cursor:pointer; border: 1px solid #ababab;}
.pager ul li.disabled{cursor:default; font-weight: normal;}
.pager ul li:not(.disabled):hover{background-color: #ababab;}
.pager ul li.selected{background-color: #ababab; cursor:default; font-weight:normal;}

.contact-box{position:relative; top: 0px; left: 0px; width: 100%; height: auto;}
.contact-box .box-title{position:relative; top: 0px; left: 0px; width: 100%; height: auto;}
.contact-box .box-title h3{font-size: 16px; font-weight: bold; position:relative; top: 0px; left: 0px; width: auto; height: auto; display: inline-block;}
.contact-box .box-title .line{position:relative; top: 0px; left: 0px; width: 40%; height: 2px; background-color: #d71920; display: inline-block;}
.contact-box input, .contact-box textarea{width: 100%; height: 50px; padding: 10px 20px; font-size: 16px; background-color: #fff; border: 1px solid #ababab; outline: 0px; margin: 10px 0px; font-family:Arial;}
.contact-box textarea{height: 150px; resize: none;}
/*.contact-box button{border: 1px solid #f9f9f9; font-weight: normal; color: #fff; font-size: 14px; padding: 5px 20px; background-image: -moz-linear-gradient(0deg, #ffcccc 0%, #cc0000 100%); background-image: -webkit-linear-gradient(0deg, #ffcccc 0%, #cc0000 100%); background-image: -ms-linear-gradient(0deg, #ffcccc 0%, #cc0000 100%); background-image: -o-linear-gradient(0deg, #ffcccc 0%, #cc0000 100%);}*/
.contact-us .map{position:relative; top: 0px; left: 0px; width: 100%; height: 450px; padding: 0px; margin: 20px 0px 20px; border: 1px solid #ababab;}
.g-recaptcha{overflow:hidden;}

.like-share{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin: 12px 0px !important;}
.like-share button{position:relative; top: 0px; left: 0px; width: auto; height:auto; font-size: 13px; line-height: 13px; color: #fff; background-color: #1877f2; height: 28px; padding: 0px 8px; border-radius: 5px; border: 0px; font-weight: bold; cursor: pointer; margin-right: 5px; outline:0px;}
.like-share button:active{background-color: #135cbd; color: #b4bbc4; border: 0px;}
.like-share button:focus{border: 0px; outline:0px;}
.like-share button i{position:relative; top: 0px; left: 0px; margin-right: 8px;}

.tabs, .tabs .tab-header, .tabs .tab-pages{position:relative; top: 0px; left: 0px; width: 100%; height:auto; font-size: 0px; text-align: left;}
.tabs .tab-header .item{position:relative; top: 0px; left: 0px; width: auto; height:auto; padding: 5px; margin: 0px; font-size: 16px; display:inline-block; vertical-align:top; text-align:center; background-color:#ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; color: #999;}
.tabs .tab-header .item:hover{background-color: #bbb; color: #333;}
.tabs .tab-header .item.selected{background-color: #aaa; font-weight:bold; color: #000;}
.tabs .tab-header .item > *{pointer-events:none;}
.tabs .tab-pages .item{position:relative; top: 0px; left: 0px; width: 100%; height:auto; display:none; font-size: 16px;}
.tabs .tab-pages .item.selected{display:block;}

.popup{position:fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.popup .popup-main{position:absolute; top: 50%; left: 50%; width: 90%; height: 90%; max-width: 100%; max-height: 100%; transform:translate(-50%, -50%);}
.popup .popup-main .close{position:absolute; top: 0px; left: 0px; width: 100%; height:44px; text-align: right; padding: 6px;}
.popup .popup-main .close i{position:relative; top: 0px; left: 0px; width: 32px; height: 32px; font-size: 32px; display:inline-block; color: rgba(255, 255, 255, 0.65); cursor:pointer;}
.popup .popup-main .close i:hover{color: #fff;}
.popup .popup-main .content{position:absolute; top: 44px; left: 0px; right: 0px; bottom: 0px; width: 100%; height:auto; box-shadow: 0 0 8px rgba(0,0,0,.6); overflow:hidden;}

.gallery-play{position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; overflow:hidden;}
.gallery-play .item{position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.gallery-play .next, .gallery-play .back{position:absolute; top: 50%; width:48px; height:48px; font-size: 32px; color:rgba(255,255,255,0.7); padding: 8px; text-align:center; transform:translateY(-50%); cursor:pointer; cursor:pointer; display:none; background-color: rgba(0,0,0, 0.25); border-radius: 50%; z-index:2;}
.gallery-play .next{left:auto; right: 10px;}
.gallery-play .back{left: 10px; right:auto;}
.gallery-play:hover .next, .gallery-play:hover .back{display:block;}
.gallery-play .next:hover, .gallery-play .back:hover{background-color: rgba(0,0,0,0.45); color: #fff;}

.gallery-expand{position:fixed; top: 0px; left: 0px; width: auto; height: auto; max-height: 100%; max-width: 100%; overflow:hidden; background-color: rgba(0,0,0,0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.gallery-expand .close{position:absolute; top: 20px; left: auto; right: 20px; width: 32px; height: 32px; font-size: 32px; background-color: rgba(0,0,0,0.25); color: #fff; cursor:pointer; text-align: center; border-radius: 5px; z-index: 2;}
.gallery-expand .next{position:absolute; top: 50%; left:auto; right: 10px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0,0,0,0.45); color: #fff; cursor:pointer; font-size: 24px; z-index: 2;}
.gallery-expand .back{position:absolute; top: 50%; left:10px; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0,0,0,0.45); color: #fff; cursor:pointer; font-size: 24px; z-index: 2;}
.gallery-expand .next i, .gallery-expand .back i{position:absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform:translate(-50%, -50%); text-align:center; pointer-events: none;}
.gallery-expand .content{position:absolute; top: 0px; left: 0px; width:100%; height:100%; min-width: 100%; min-height: 100%; z-index: 1; opacity: 1 !important; background-repeat:no-repeat; background-size:cover; background-position:center; background-color: transparent;}

.checkbox{position: relative; width: max-content; height:auto; max-width: 100%; border: 1px dashed transparent; border-radius: 5px; border-collapse: collapse; outline: 0px; padding: 1px;}
.checkbox:focus{border-color: #ababab;}
.checkbox *{pointer-events:none;}
.checkbox input{display:none;}
.checkbox input:checked + span:before{content: "\f14a"; color: #0071c2; font-weight: 900;}
.checkbox span{position:relative; top: 0px; left: 0px; width:auto; height:auto; padding-left: 25px; cursor: default; display:inline-block;}
.checkbox span:before{content: "\f0c8"; position:absolute; top: 50%; left: 0px; width:auto; height:auto; transform:translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300;}

@media only screen and (max-width: 992px){
    .row .col-xs-1{width: 10% !important; height:auto;}
    .row .col-xs-2{width: 20% !important; height:auto;}
    .row .col-xs-3{width: 30% !important; height:auto;}
    .row .col-xs-4{width: 40% !important; height:auto;}
    .row .col-xs-5{width: 50% !important; height:auto;}
    .row .col-xs-6{width: 60% !important; height:auto;}
    .row .col-xs-7{width: 70% !important; height:auto;}
    .row .col-xs-8{width: 80% !important; height:auto;}
    .row .col-xs-9{width: 90% !important; height:auto;}
    .row .col-xs-10{width: 100% !important; height:auto;}

    .row .col-lg-1, .row .col-md-1, .row .col-sm-1,
    .row .col-lg-2, .row .col-md-2, .row .col-sm-2,
    .row .col-lg-3, .row .col-md-3, .row .col-sm-3,
    .row .col-lg-4, .row .col-md-4, .row .col-sm-4,
    .row .col-lg-5, .row .col-md-5, .row .col-sm-5,
    .row .col-lg-6, .row .col-md-6, .row .col-sm-6,
    .row .col-lg-7, .row .col-md-7, .row .col-sm-7,
    .row .col-lg-8, .row .col-md-8, .row .col-sm-8,
    .row .col-lg-9, .row .col-md-9, .row .col-sm-9{width: 100%; height:auto;}

    body{padding-top: 70px;}
    .site-main-navigation{position:fixed; top: 0px; left: 0px; right: 0px; bottom: auto; width: 100%; height: 70px !important;}
    .site-main-navigation .mobile-nav-control{display:block; z-index:1;}
    .site-main-navigation > ul{position:fixed; top: 70px; left: 0px; right: auto; bottom: 0px; width: 100%; height:auto; border: 0px; white-space:normal; display: none; z-index:0; text-align:left;}
    .menu-content .site-main-navigation > ul > li > a{line-height:22px !important;}
    .site-main-navigation > ul li a i:last-child{position:absolute; top: 50%; left:auto; right: 10px; transform:translate(0, -50%); font-size: 20px; margin: 0px;}
    .site-main-navigation ul li{display: block; width: 100%; height: auto; border-bottom: 1px solid #f1f1f1;}
    .site-main-navigation ul li > ul{border:0px;}
    .site-main-navigation > ul > li > ul{position:relative; top: 0px; left: 0px; width: 100%; height: auto; display:none;}
    .site-main-navigation > ul > li.selected > ul{display:block;}
    .site-main-navigation ul li a i.fa-caret-down{display: none;}
    .site-main-navigation ul li a i.fa-angle-right{display: inline-block;}
    .site-main-navigation ul li a i.fa-caret-down{display: none;}
    .site-main-navigation ul li a i.fa-angle-right{display: inline-block;}

    .no-padding-xs{padding: 0px !important;}
    .padding-top-xs{padding-top: 15px !important;}
    .hidden-xs{display:none !important;}
    .visible-xs{display:unset !important;}
    .visible-lg{display:none !important;}
    .hidden-lg{display:unset !important;}
}

@media only screen and (min-width: 993px){
    .container{width: 95%;}
    .site-main-navigation a{font-size: 10px !important; padding: 5px 3px !important;}
    
    .row .col-sm-1{width: 10% !important; height:auto;}
    .row .col-sm-2{width: 20% !important; height:auto;}
    .row .col-sm-3{width: 30% !important; height:auto;}
    .row .col-sm-4{width: 40% !important; height:auto;}
    .row .col-sm-5{width: 50% !important; height:auto;}
    .row .col-sm-6{width: 60% !important; height:auto;}
    .row .col-sm-7{width: 70% !important; height:auto;}
    .row .col-sm-8{width: 80% !important; height:auto;}
    .row .col-sm-9{width: 90% !important; height:auto;}
    .row .col-sm-10{width: 100% !important; height:auto;}

    .row .col-lg-1, .row .col-md-1,
    .row .col-lg-2, .row .col-md-2,
    .row .col-lg-3, .row .col-md-3,
    .row .col-lg-4, .row .col-md-4,
    .row .col-lg-5, .row .col-md-5,
    .row .col-lg-6, .row .col-md-6,
    .row .col-lg-7, .row .col-md-7,
    .row .col-lg-8, .row .col-md-8,
    .row .col-lg-9, .row .col-md-9{width: 100%; height:auto;}

    .hidden-sm{display:none !important;}
    .visible-sm{display:unset !important;}
    .visible-lg{display:none !important;}
    .hidden-lg{display:unset !important;}
}
@media only screen and (min-width: 1024px){
    .container{width: calc(100% - 30px);}
    .site-main-navigation a{font-size: 12px !important; padding: 5px 3px !important;}
    
    .row .col-md-1{width: 10% !important; height:auto;}
    .row .col-md-2{width: 20% !important; height:auto;}
    .row .col-md-3{width: 30% !important; height:auto;}
    .row .col-md-4{width: 40% !important; height:auto;}
    .row .col-md-5{width: 50% !important; height:auto;}
    .row .col-md-6{width: 60% !important; height:auto;}
    .row .col-md-7{width: 70% !important; height:auto;}
    .row .col-md-8{width: 80% !important; height:auto;}
    .row .col-md-9{width: 90% !important; height:auto;}

    .row .col-lg-1, .row .col-lg-2, .row .row .col-lg-3, .row .row .col-lg-4, .row .row .col-lg-5, .row .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9{width: 100%; height:auto;}

    .hidden-md{display:none !important;}
    .visible-md{display:unset !important;}
    .visible-lg{display:none !important;}
    .hidden-lg{display:unset !important;}
}
@media (min-width: 1200px){
    .container{width: 1170px;}
    .site-main-navigation a{font-size: 13px !important; padding: 8px !important;}

    .row .col-lg-1{width: 10% !important; height:auto;}
    .row .col-lg-2{width: 20% !important; height:auto;}
    .row .col-lg-3{width: 30% !important; height:auto;}
    .row .col-lg-4{width: 40% !important; height:auto;}
    .row .col-lg-5{width: 50% !important; height:auto;}
    .row .col-lg-6{width: 60% !important; height:auto;}
    .row .col-lg-7{width: 70% !important; height:auto;}
    .row .col-lg-8{width: 80% !important; height:auto;}
    .row .col-lg-9{width: 90% !important; height:auto;}
    .hidden-lg{display:none !important;}
    .visible-lg{display:unset !important;}
}

@media only screen and (min-width: 1400px) {
    .container{width: 1290px;}
}

