@import url("../lightbox/css/lightbox.css");@import url("animate.css");@import url("bootstrap.css");@import url("superfish.css");@import url("slides.css");@import url("font.css");@import url("icomoon.css");@font-face{font-family:'icomoon';src:url("../fonts/icomoon/icomoon.eot?srf3rx");src:url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");font-weight:normal;font-style:normal}
:root{--main-body-color:#fff;--main-text-color:#363636;--main-bg-color:#FFF;--main-header-color:rgba(250,250,250,1);--main-bgfooter-color:#01274e;--main-a-color:#01274e;--main-menu-color:#000000;--main-menuhover-color:#000;--main-smenubg-color:#000000;--main-smenu-color:#fafafa;--main-smenuhover-color:#e0e0e0;--main-i-color:#024486;--main-h1-color:#000;--main-h2-color:#204496;--main-h3-color:#204496;--main-h4-color:#204496;--main-ahover-color:#024486;--main-soc-color:#e0e0e0}
.bg{animation:slide 10s ease-in-out infinite alternate;background-image:linear-gradient(90deg,rgba(120,120,120,.3) 50%,#FFF 50%);bottom:0;left:-50%;opacity:.25;position:absolute;right:-50%;top:0;z-index:-1}
.bg2{animation-direction:alternate-reverse;animation-duration:14s}
.bg3{animation-duration:15s}
@keyframes slide{0%{transform:translateX(-25%)}
100%{transform:translateX(25%)}
}.sbg{animation:sslide 10s ease-in-out infinite alternate;background-image:linear-gradient(10deg,rgba(120,120,120,.1) 50%,#FFF 50%);bottom:0;left:-50%;opacity:.3;position:absolute;right:-50%;top:0;z-index:-1}
.sbg2{animation-direction:alternate-reverse;animation-duration:14s}
.sbg3{animation-duration:15s}
@keyframes sslide{0%{transform:translateX(-25%)}
100%{transform:translateX(25%)}
}div[class^="square-"]{height:10px;width:10px;position:absolute;background-color:rgba(100,100,100,0.1);border-radius:0}
html {
  scroll-behavior: smooth;
}
.count_gal {
  font-size: 14px;
  font-weight: normal;
}
.squares{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0}
.square-1{bottom:-3px;left:76%;-webkit-animation:bubble-movement 9s infinite ease-in -0.2s;animation:bubble-movement 9s infinite ease-in -0.2s}
.square-2{bottom:-3px;left:14%;-webkit-animation:bubble-movement 9s infinite ease-in -2.31s;animation:bubble-movement 9s infinite ease-in -2.31s}
.square-3{bottom:-7px;left:67%;-webkit-animation:bubble-movement 9s infinite ease-in -1.35s;animation:bubble-movement 9s infinite ease-in -1.35s}
.square-4{bottom:-9px;left:18%;-webkit-animation:bubble-movement 9s infinite ease-in -0.61s;animation:bubble-movement 9s infinite ease-in -0.61s}
.square-5{bottom:-11px;left:38%;-webkit-animation:bubble-movement 9s infinite ease-in -0.21s;animation:bubble-movement 9s infinite ease-in -0.21s}
.square-6{bottom:-3px;left:79%;-webkit-animation:bubble-movement 9s infinite ease-in -0.04s;animation:bubble-movement 9s infinite ease-in -0.04s}
.square-7{bottom:-11px;left:61%;-webkit-animation:bubble-movement 9s infinite ease-in -2.22s;animation:bubble-movement 9s infinite ease-in -2.22s}
.square-8{bottom:-11px;left:25%;-webkit-animation:bubble-movement 9s infinite ease-in -0.62s;animation:bubble-movement 9s infinite ease-in -0.62s}
.square-9{bottom:-4px;left:95%;-webkit-animation:bubble-movement 9s infinite ease-in -0.6s;animation:bubble-movement 9s infinite ease-in -0.6s}
.square-10{bottom:-6px;left:33%;-webkit-animation:bubble-movement 9s infinite ease-in -2.49s;animation:bubble-movement 9s infinite ease-in -2.49s}
.square-11{bottom:-10px;left:53%;-webkit-animation:bubble-movement 14s infinite ease-in -2.85s;animation:bubble-movement 14s infinite ease-in -2.85s}
.square-12{bottom:-7px;left:57%;-webkit-animation:bubble-movement 14s infinite ease-in -2.78s;animation:bubble-movement 14s infinite ease-in -2.78s}
.square-13{bottom:-9px;left:35%;-webkit-animation:bubble-movement 14s infinite ease-in -2.53s;animation:bubble-movement 14s infinite ease-in -2.53s}
.square-14{bottom:-8px;left:44%;-webkit-animation:bubble-movement 14s infinite ease-in -1.21s;animation:bubble-movement 14s infinite ease-in -1.21s}
.square-15{bottom:-6px;left:94%;-webkit-animation:bubble-movement 14s infinite ease-in -1.7s;animation:bubble-movement 14s infinite ease-in -1.7s}
.square-16{bottom:-7px;left:77%;-webkit-animation:bubble-movement 14s infinite ease-in -0.78s;animation:bubble-movement 14s infinite ease-in -0.78s}
.square-17{bottom:-8px;left:98%;-webkit-animation:bubble-movement 14s infinite ease-in -1.29s;animation:bubble-movement 14s infinite ease-in -1.29s}
.square-18{bottom:-7px;left:11%;-webkit-animation:bubble-movement 14s infinite ease-in -0.21s;animation:bubble-movement 14s infinite ease-in -0.21s}
.square-19{bottom:-4px;left:74%;-webkit-animation:bubble-movement 14s infinite ease-in -2.16s;animation:bubble-movement 14s infinite ease-in -2.16s}
.square-20{bottom:-9px;left:40%;-webkit-animation:bubble-movement 14s infinite ease-in -0.27s;animation:bubble-movement 14s infinite ease-in -0.27s}
@-webkit-keyframes square-movement{0%{-webkit-transform:translate3d(-50%,0,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0deg);height:1px;width:1px}
100%{-webkit-transform:translate3d(-50%,-200px,0) rotate(270deg);transform:translate3d(-50%,-200px,0) rotate(270deg);height:175px;width:175px}
}@keyframes square-movement{0%{-webkit-transform:translate3d(-50%,0,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0deg);height:1px;width:1px}
100%{-webkit-transform:translate3d(-50%,-200px,0) rotate(270deg);transform:translate3d(-50%,-200px,0) rotate(270deg);height:175px;width:175px}
}div[class^="bubble-"]{height:10px;width:10px;position:absolute;background-color:rgba(100,100,100,0.1);border-radius:50%}
.bubbles{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0}
.bubble-1{bottom:-3px;left:76%;-webkit-animation:bubble-movement 9s infinite ease-in -0.2s;animation:bubble-movement 9s infinite ease-in -0.2s}
.bubble-2{bottom:-3px;left:14%;-webkit-animation:bubble-movement 9s infinite ease-in -2.31s;animation:bubble-movement 9s infinite ease-in -2.31s}
.bubble-3{bottom:-7px;left:67%;-webkit-animation:bubble-movement 9s infinite ease-in -1.35s;animation:bubble-movement 10s infinite ease-in -1.35s}
.bubble-4{bottom:-9px;left:18%;-webkit-animation:bubble-movement 9s infinite ease-in -0.61s;animation:bubble-movement 9s infinite ease-in -0.61s}
.bubble-5{bottom:-11px;left:38%;-webkit-animation:bubble-movement 9s infinite ease-in -0.21s;animation:bubble-movement 16s infinite ease-in -0.21s}
.bubble-6{bottom:-3px;left:79%;-webkit-animation:bubble-movement 9s infinite ease-in -0.04s;animation:bubble-movement 9s infinite ease-in -0.04s}
.bubble-7{bottom:-11px;left:61%;-webkit-animation:bubble-movement 9s infinite ease-in -2.22s;animation:bubble-movement 14s infinite ease-in -2.22s}
.bubble-8{bottom:-11px;left:25%;-webkit-animation:bubble-movement 9s infinite ease-in -0.62s;animation:bubble-movement 12s infinite ease-in -0.62s}
.bubble-9{bottom:-4px;left:95%;-webkit-animation:bubble-movement 9s infinite ease-in -0.6s;animation:bubble-movement 12s infinite ease-in -0.6s}
.bubble-10{bottom:-6px;left:33%;-webkit-animation:bubble-movement 9s infinite ease-in -2.49s;animation:bubble-movement 12s infinite ease-in -2.49s}
.bubble-11{bottom:-10px;left:53%;-webkit-animation:bubble-movement 14s infinite ease-in -2.85s;animation:bubble-movement 11s infinite ease-in -2.85s}
.bubble-12{bottom:-7px;left:57%;-webkit-animation:bubble-movement 14s infinite ease-in -2.78s;animation:bubble-movement 14s infinite ease-in -2.78s}
.bubble-13{bottom:-9px;left:35%;-webkit-animation:bubble-movement 14s infinite ease-in -2.53s;animation:bubble-movement 14s infinite ease-in -2.53s}
.bubble-14{bottom:-8px;left:44%;-webkit-animation:bubble-movement 14s infinite ease-in -1.21s;animation:bubble-movement 14s infinite ease-in -1.21s}
.bubble-15{bottom:-6px;left:94%;-webkit-animation:bubble-movement 14s infinite ease-in -1.7s;animation:bubble-movement 14s infinite ease-in -1.7s}
.bubble-16{bottom:-7px;left:77%;-webkit-animation:bubble-movement 14s infinite ease-in -0.78s;animation:bubble-movement 14s infinite ease-in -0.78s}
.bubble-17{bottom:-8px;left:98%;-webkit-animation:bubble-movement 14s infinite ease-in -1.29s;animation:bubble-movement 19s infinite ease-in -1.29s}
.bubble-18{bottom:-7px;left:11%;-webkit-animation:bubble-movement 14s infinite ease-in -0.21s;animation:bubble-movement 19s infinite ease-in -0.21s}
.bubble-19{bottom:-4px;left:74%;-webkit-animation:bubble-movement 14s infinite ease-in -2.16s;animation:bubble-movement 12s infinite ease-in -2.16s}
.bubble-20{bottom:-9px;left:40%;-webkit-animation:bubble-movement 14s infinite ease-in -0.27s;animation:bubble-movement 17s infinite ease-in -0.27s}
.color .bubble-1,.color .bubble-3,.color .bubble-13{background-color:rgba(240,0,0,0.1)!IMPORTANT}
.color .bubble-5,.color .bubble-11,.color .bubble-18{background-color:rgba(0,0,255,0.1)!IMPORTANT}
.color .bubble-7,.color .bubble-10,.color .bubble-15{background-color:rgba(255,255,0,0.1)!IMPORTANT}
.color .bubble-8,.color .bubble-16,.color .bubble-19{background-color:rgba(0,255,0,0.1)!IMPORTANT}
@-webkit-keyframes bubble-movement{0%{-webkit-transform:translate3d(-50%,0,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0deg);height:1px;width:1px}
100%{-webkit-transform:translate3d(-50%,-200px,0) rotate(270deg);transform:translate3d(-50%,-200px,0) rotate(270deg);height:175px;width:175px}
}@keyframes bubble-movement{0%{-webkit-transform:translate3d(-50%,0,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0deg);height:1px;width:1px}
100%{-webkit-transform:translate3d(-50%,-200px,0) rotate(270deg);transform:translate3d(-50%,-200px,0) rotate(270deg);height:175px;width:175px}
}.scrollToTop{width:60px;height:130px;position:fixed;top:75%;right:30px;background:url('images/arrow_up.png') no-repeat;opacity:.55;z-index:1001;filter:alpha(opacity=55);display:none;background-size:100% auto;z-index:1001!IMPORTANT}
.scrollToTop:hover{text-decoration:none}
#icon_nav a, #icon_nav a_hover{font-size:1em;color:#FFF !IMPORTANT;}
#icon_nav img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#icon_nav .current img, #icon_nav .icon:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
#icon_nav .current .icon .title{background:RGBA(63,104,0,0.8);}
#icon_nav .icon {text-align:center;border:3px solid #3F6800;padding-top: 49%;width:-webkit-fill-available;overflow:hidden;background: #619E00;position: relative;margin-bottom:10px}
#icon_nav .title {position:absolute;bottom:0px;width:inherit;z-index:1001;padding:4px;width:-webkit-fill-available;background:RGBA(97,158,0,0.8);}
#icon_nav .icon:hover .title {background:RGBA(97,158,0,0.4);}
#icon_nav .slider_00 {width:100%;height: 100%;overflow: hidden;margin-bottom:3px;position:absolute;top:0;left:0;}
.side h3{background: #007AA8;color:#FFF;padding:15px 0 15px 5px;width:100%;width: -moz-available;width: -webkit-fill-available;width: fill-available;min-width:auto;margin:0 0 15px 0;text-align: center;font-size:1em;}
.side{margin:0 }
.side ul{list-style: none;margin:0px;padding:0px;letter-spacing:0px;}
.side ul ul{background-color: none !IMPORTANT;}
.side li a{color:#FFF}
.side li{list-style: none;margin:0px;padding:0px;border-bottom:1px solid #FFFFFF;}
.side li li:hover{background:none !IMPORTANT;}
.side .image{text-align: center;margin: 10px auto;}
#left-fullmenu ul{list-style: none; padding:5px 0;width:100%;}                                                          
.side#left-fullmenu li div{padding-left:10px; }                                                          
.side#left-fullmenu li{list-style: none;padding:5px 0px 5px 7px; }
.side#left-fullmenu li li {padding:0px 0px 2px 10px; border:none;}
.side#left-fullmenu div{margin-right:0;}
.side#left-fullmenu .active {font-weight: 800;}
.side#left-fullmenu .active::before  {content:'►';float:left;margin-left:-7px}
#header{height:auto;padding:0px 0;position: relative;}
#header h1{text-transform:none; font-size:3em;margin:25px 0 0 0;padding:0px !IMPORTANT;color:#FFFFFF;font-weight: 800;text-shadow: 2px 2px 2px rgba(90,90,90,0.32);text-align: center;letter-spacing: 3px;}
#header h2{text-transform:none; font-size:1em;margin:5px 0 0 0;padding:0px !IMPORTANT;color:#FFFFFF;font-weight: 800;text-shadow: 2px 2px 2px rgba(90,90,90,0.32);text-align: center;width:100%}


.header__bg {position: relative;top: 100px;bottom: 0;right: 0;left: 0;width: 100%;height: 100px;background:#FFF;transform: skewY(-2deg);transform-origin: top left;}
@keyframes move_wave {0% {transform: translateX(0) translateZ(0) scaleY(1)}80% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {transform: translateX(-50%) translateZ(0) scaleY(1)}}
.waveWrapper {overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;top: -100px;height:100px;border-bottom:27px solid #FFF;}
.waveWrapperInner {position: absolute;bottom:0;width: 100%;overflow: hidden;height: 100%;}
.bgTop {z-index: 15;opacity: 0.5;}
.bgMiddle {z-index: 10;opacity: 0.75;}
.bgBottom {z-index: 5;}
.wave {position: absolute;left: 0;width: 200%;height: 100px;}
.waveTop {background-size: 50% 80px;background-image: url(image/wave/wave-top.png);background-position: bottom center;background-repeat:repeat-x;}
.waveAnimation .waveTop {animation: move-wave 8s;-webkit-animation: move-wave 8s;-webkit-animation-delay: 1s;animation-delay: 6s;}
.waveMiddle {background-size: 50% 100px;background-image: url(image/wave/wave-mid.png);background-position: bottom center;background-repeat:repeat-x}
.waveAnimation .waveMiddle {animation: move_wave 33s linear infinite;}
.waveBottom {background-size: 50% 100px;background-image: url(image/wave/wave-bot.png);background-position: bottom center;background-repeat: repeat-x}
.waveAnimation .waveBottom {animation: move_wave 29s linear infinite;}

#stat_win{background-color:#fff;border:1px solid #C0C0C0;border-radius:8px;padding:0 10px;overflow:hidden;margin:5% auto auto auto;position:absolute;top:0;left:0;bottom:0;right:0;max-width:560px;height:250px;z-index:1005;transition:opacity .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,visibility .8s ease-in-out;-o-transition:opacity .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,visibility .8s ease-in-out;-webkit-transition:opacity .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,visibility .8s ease-in-out;-webkit-box-shadow:0 0 47px 0 rgba(0,0,0,0.47);-moz-box-shadow:0 0 47px 0 rgba(0,0,0,0.47);box-shadow:0 0 47px 0 rgba(0,0,0,0.47)}
#stat_win .text{padding:6px;color:#585858;font-weight:500;letter-spacing:1px;text-align:center}
.cleaner{width:0;height:0;clear:both;display:block;overflow:hidden;visibility:hidden}
.backlist ul{margin:10px;padding:0;list-style:none}
.backlist ul li{list-style:none;float:left;padding:0 5px}
.backlist li:before{content:"›";padding-right:6px;font-size:120%;font-weight:800;}
.backlist li:first-child:before {content: none;}
.backlist{position:relative;z-index:0;padding:0 5px!IMPORTANT;font-size:.9em;min-height:2.5em;}
.backlist i{vertical-align: text-bottom;}
.backlist a{color:#000;}
.backlist a:hover{color:#000058;}
.second input,.second select,.footform input,.footform select,.footform textarea{background:#fff;color:#6f6f6f;border:1px solid #c0c0c0;padding:3px 14px;margin:1px;margin-bottom:2px;width:100%;max-width:480px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:border .5s ease-in-out;-o-transition:border .5s ease-in-out;-webkit-transition:border .5s ease-in-out}
.second input[type="checkbox"], .second input[type="radio"]{background:#fff;color:#6f6f6f;border:1px solid #c0c0c0;padding:3px 14px;margin:10px 0 0 5px;width:auto;}
.second select{padding:7px 14px}
.second input:focus,.second textarea:focus{background:#FFF0F0;color:#000;border:1px solid #acacac}
.second textarea{background:#fff;color:#6f6f6f;overflow:auto;border:1px solid #c0c0c0;padding:3px 14px 4px 14px;position:relative;margin:0;resize:none;width:100%;max-width:480px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:border .5s ease-in-out;-o-transition:border .5s ease-in-out;-webkit-transition:border .5s ease-in-out}
.second input[type=file]::file-selector-button{border:1px solid #969696;padding:0 5px;border-radius:2px;background-color:#585858;color:#fff;transition:1s}
.second input[type=file]::file-selector-button:hover{background-color:#f0f0f0;color:#585858;border:1px solid #808080}
.first{text-align:right;vertical-align:top;font-size:1em;line-height:2.2em!IMPORTANT}
.second{vertical-align:middle;text-align:left;background:none!IMPORTANT}

.subnav_styl {padding:0px !IMPORTANT;}
.subnav_styl .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: flex;gap: 15px;}
.subnav_styl li {display: flex;align-items: center;}
.subnav_styl .href {display: block;padding: 8px 15px;text-decoration: none;color: #333;background: #f2f2f2;border-radius: 6px;transition: 0.2s ease;cursor: pointer;}
.subnav_styl li.active .href {background: #0073e6;color: #fff;}
.subnav_styl .href:hover {background: #e0e0e0;color:#000}
.subnav_styl li.active .href:hover {background: #0066cc;color:#000;}

.subnav_styl1 {padding:0px !IMPORTANT;}
.subnav_styl1 .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: flex;gap: 15px;}
.subnav_styl1 li {display: flex;align-items: center;}
.subnav_styl1 .href {display: block;padding: 8px 35px;text-decoration: none;color: #333;background: #f2f2f2;cursor: pointer;}
.subnav_styl1 li.active .href {background: #0073e6;color: #fff;}
.subnav_styl1 .href:hover {background: #e0e0e0;color:#000}
.subnav_styl1 li.active .href:hover {background: #0066cc;color:#000;}

.subnav_styl2 {padding:0px !IMPORTANT;}
.subnav_styl2 .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: grid;gap: 15px;}
.subnav_styl2 li {display: flex;align-items: center;width:100%}
.subnav_styl2 .href {display: block;padding: 8px 35px;text-decoration: none;color: #333;background: #f2f2f2;cursor: pointer;width:100%;text-align: center;}
.subnav_styl2 li.active .href {background: #0073e6;color: #fff;}
.subnav_styl2 .href:hover {background: #e0e0e0;color:#000}
.subnav_styl2 li.active .href:hover {background: #0066cc;color:#000;}
@media screen and (max-width:768px){.subnav_styl2 .sub_line ul{grid-template-columns: repeat(2, 1fr) !IMPORTANT;}}

.subcat_styl {padding:0px !IMPORTANT;}
.subcat_styl .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: flex;gap: 15px;}
.subcat_styl li {display: flex;align-items: center;}
.subcat_styl .href {display: block;padding: 8px 15px;text-decoration: none;color: #333;background: #f2f2f2;border-radius: 6px;transition: 0.2s ease;cursor: pointer;}
.subcat_styl li.active .href {background: #0073e6;color: #fff;}
.subcat_styl .href:hover {background: #e0e0e0;color:#000}
.subcat_styl li.active .href:hover {background: #0066cc;color:#000;}

.subcat_styl1 {padding:0px !IMPORTANT;}
.subcat_styl1 .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: flex;gap: 15px;}
.subcat_styl1 li {display: flex;align-items: center;}
.subcat_styl1 .href {display: block;padding: 8px 35px;text-decoration: none;color: #333;background: #f2f2f2;cursor: pointer;}
.subcat_styl1 li.active .href {background: #0073e6;color: #fff;}
.subcat_styl1 .href:hover {background: #e0e0e0;color:#000}
.subcat_styl1 li.active .href:hover {background: #0066cc;color:#000;}

.subcat_styl2 {padding:0px !IMPORTANT;}
.subcat_styl2 .sub_line ul{list-style: none;padding: 0;margin-top: 0px;;margin-bottom: 0px;display: grid;gap: 15px;}
.subcat_styl2 li {display: flex;align-items: center;width:100%}
.subcat_styl2 .href {display: block;padding: 8px 35px;text-decoration: none;color: #333;background: #f2f2f2;cursor: pointer;width:100%;text-align: center;}
.subcat_styl2 li.active .href {background: #0073e6;color: #fff;}
.subcat_styl2 .href:hover {background: #e0e0e0;color:#000}
.subcat_styl2 li.active .href:hover {background: #0066cc;color:#000;}
@media screen and (max-width:768px){.subcat_styl2 .sub_line ul{grid-template-columns: repeat(2, 1fr) !IMPORTANT;}}

.sub-cat:nth-child(even) h3{padding:2px 5px;color:#FFF;}
.sub-cat{background-position:right center !IMPORTANT;overflow: hidden;background-repeat: no-repeat;background-size:50% auto;width:100%;padding-top: 25%;position: relative;}
.sub-cat a, .sub-cat a:hover {text-decoration: none;}
.sub-cat .text{color:#fff;width:50%;position: absolute;top:0;left:0;bottom:0;padding:20px 30px;margin:0px !IMPORTANT;background:RGBA(0,85,125,1);line-height:130%;overflow: auto;}
.sub-cat .image{width:50%;position: absolute;top:0;right:0;left:inherit;bottom:0;height:inherit;}
.sub-cat:hover .text{background:RGBA(0,85,125,.8)}

.sub-cat:nth-child(even) {background-position:left center !IMPORTANT;}
.sub-cat:nth-child(even) h3{padding:2px 0px;color:#FFF;}
.sub-cat:nth-child(even) .text {color:#FFF;background:RGBA(120,120,120,1);right:0px;left:inherit !IMPORTANT;}
.sub-cat:nth-child(even):hover .text{background:RGBA(120,120,120,.8);}
.sub-cat:nth-child(even) .image{width:50%;position: absolute;top:0;left:0;right:inherit;bottom:0;left:inherit !IMPORTANT;}
.sub-cat.small{padding:0;aspect-ratio: 16 / 5;position: relative;margin-bottom:15px;}
.sub-cat.small:nth-child(odd) .inner{width:100%;height:100%;}
.sub-cat.small:nth-child(odd) .inner .text{overflow: hidden;width:45% !IMPORTANT;margin-right:0% !IMPORTANT}
.sub-cat.small:nth-child(odd) .inner .image{overflow: hidden;width:50% !IMPORTANT;margin-right:5% !IMPORTANT;background-size:100% auto;}

.sub-cat.small:nth-child(even) .inner{width:100%;height:100%;background-size:50% auto;background-repeat: no-repeat;background-position: left;}
.sub-cat.small:nth-child(even) .inner .text{overflow: hidden;width:45% !IMPORTANT;margin-right:5% !IMPORTANT}
.sub-cat.small:nth-child(even) .inner .image{overflow: hidden;width:50% !IMPORTANT;margin-left:0% !IMPORTANT;background-size:100% auto;}

.news.title img{margin:15px 0;}
.advbanner{border:none;aspect-ratio:60/13;width:100%;height:100%;max-height:200px;margin:15px 0 0 0;overflow:hidden;}
.contact_descr{font-size:1em;color: inherit !IMPORTANT;padding:0 0 10px 4px;font-style:italic;}

@media screen and (max-width:768px){.first{text-align:center;vertical-align:top;font-size:1em}
.second{vertical-align:middle;text-align:center;background:none!IMPORTANT}
}#footer tr{border:0!IMPORTANT;background:none!IMPORTANT}
#footer table,#footer th,#footer td{border:0!IMPORTANT;background:none!IMPORTANT}
.styled_btn{margin:5px 0;padding:4px 8px;font-size:13px;border:0;background-color: #33475B;color:#FFF; border-radius: 5px;}
.styled_btn:hover{background-color: #000000;color:#FFF; border-radius: 5px;}
.foto{padding-bottom:5px}
.foto img{border:8px solid #fff;-webkit-box-shadow:0 2px 5px #cacaca;-moz-box-shadow:0 2px 5px #cacaca;box-shadow:0 2px 5px #cacaca}
#zpravodaj input{display:inline;background:#fff;color:#252525;border:1px solid #c0c0c0;padding:7px;margin-top:0}
#zpravodaj .submit{padding:0!IMPORTANT}
.date{text-align:right;font-size:1em;color:#000;padding-bottom:3px}
.class.title .text{width:100%;height:100%}
.class.title h3{position:relative;border:0;top:30%;font-size:1.5em;margin:5px 0 30px -15%;padding:5% 20% 15px 20%;width:130%;text-align:center;}
.class.title a:hover{text-decoration:none}
.file_title{width:100%;text-align:center}
.file_title img{height:32px}
.file_title table{margin:0 auto}
.file_title td{padding:0 10px 10px 10px;vertical-align:top;line-height:32px;text-align:left}
.topcontent {padding:10px;max-width:960px;margin:0px auto; }
.topcontent h3{margin:15px auto;padding:3px 0;font-size:1.6em;text-transform:uppercase;text-align: left !IMPORTANT;}
.topfoto{text-align:center;margin:5px 20%;width:60%;position: relative;overflow: hidden;-webkit-box-shadow:0 2px 5px #cacaca;-moz-box-shadow:0 2px 5px #cacaca;box-shadow:0 2px 5px #cacaca}
@media screen and (max-width:768px){.topfoto{text-align:center;margin:5px auto;width:100%;}}
.topfoto img{width:100%;object-fit: cover;}
.foto_title{text-align:center;font-size:.9em;font-style: italic;max-width:960px;margin:0px auto;}
.topcontent-text{max-width:960px;margin:0px auto;}
.alist_text{margin:0 auto 5px auto;width:95%;padding:0;position:relative;}
.alist_foto{text-align:left;max-height:60px;padding:5px 2px}
.alist_i{text-align:center;line-height:60px;font-size:1.5em}
.alist_foto img{max-height:50px;max-width:100%;object-fit: cover;aspect-ratio:1/1}
.alist_text .date{margin:0;padding:0;position:relative;font-size:12px}
.alist_text h3{font-size:14px;padding:0;margin:2px 4px}
.aktual .text{padding-bottom:20px}
.magazine .list{background:RGBA(120,120,120,.2);padding:5px 0}
.magazine .list .img{max-height:128px;width:auto;margin:5px auto}
.magazine .list .tnb{height:64px;margin:37px 25%}
.magazine .list:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.d_menu{margin:10px auto 20px auto;width:80%}
.d_menu th{color:#fff;padding:4px 5px;background-color:#7b5d50;text-align:center}
.d_menu td{padding:0 10px 0 10px}
#dennimenu{position:relative;background-color:#ceb38f;border:4px solid #705331;color:#242424;padding:10px;border-radius:5%;-webkit-box-shadow:0 5px 15px #141414;-moz-box-shadow:0 5px 15px #141414;box-shadow:0 5px 15px #141414;vertical-align:middle}
#dennimenu ol{margin-left:-20px;background-image:none}
#dennimenu hr{position:relative;width:200px;margin:5px auto;BORDER:2px solid #705331;background-color:#242424;height:0;border-radius:20% / 50%}
#dennimenu .food{font-family:'Courgette',cursive;font-size:1.0em}
.download{font-size:1.15em}
.download .file_icon{width:36px;margin:4px 8px;vertical-align:top;border:0;float:left}
.download .file_name{margin:4px 8px;vertical-align:top;border:0;float:left}
.download .file_size{font-size:.75em}
#calendar{margin:0;aspect-ratio:40/21}
#calendar_nav{margin-bottom:5px;font-size:.9em;text-transform:uppercase}
#calendar_nav .box{padding:3px 0}
#calendar table{padding-top:10px;width:100%;text-align:center;font-size:1.2em;line-height:1.8em;border-collapse:unset}
#calendar a{font-weight:800;text-decoration:underline!IMPORTANT;outline:0;transition:.7s ease;-o-transition:.7s ease;-webkit-transition:.7s ease}
#calendar th{font-size:.9em;padding:2px 0;width:14.28%;}
#calendar #prev{text-align:left}
#calendar #next{text-align:right}
#calendar tfoot a{text-decoration:none;font-weight:bold}
#calendar #today{background:#fff3a7;border:1px solid #ff7400;font-weight:bold;color:#ff7400}
#popBox{position:absolute;text-align:left;z-index:1000;border:1px solid black;margin-top:20px;color:white;opacity:.75;filter:alpha(opacity=75);background-color:#101010;font-size:11px;width:250px;padding:3px 9px;text-decoration:none;border:2px solid #808080;font-weight:100;line-height:17px}
#popBox ul{padding:2px;margin:2px 0 2px 10px}
.kalendar_detail{border-radius:0;border-bottom:1px solid #d0d0d0;border-left:1px solid #c0c0c0;position:relative;margin:5px 5px 25px 0px;padding:15px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.kalendar_detail:hover{background-image:linear-gradient(to bottom right,rgba(0,0,0,0.025),RGBA(0,0,0,0))}
.kalendar_detail .date{float:left;display:block}
.kalendar_detail h3{margin:5px 0 0 0!IMPORTANT;text-transform:uppercase;font-size:1.2rem}
.kalendar_title_area{display:table;position:relative;margin-top:15px !IMPORTANT;margin-bottom:15px !IMPORTANT}
.kalendar_title{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:100%;max-width:210px;height:100%;background:rgba(230,230,230,.95);padding:5px;color:#000;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;border:0 solid #e0e0e0;border-top:16px dotted #FFF}
.kalendar_title:before{content:"";position:absolute;bottom:0;right:0;border-width:0 0 16px 16px;border-style:solid;border-color:rgba(255,255,255,1) rgba(180,180,180,1);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.kalendar_title:hover{background:rgba(120,120,120,.05);transition:all 1s ease-in-out}
.kalendar_title:hover:before{content:"";position:absolute;bottom:0;right:0;border-width:0 0 48px 48px;border-style:solid;border-color:rgba(255,255,255,1) rgba(180,180,180,1)}
.kalendar_title .day{font-size:40px;font-weight:600;padding:5px;margin:15px auto;background:#FFF;line-height:65px;width:110px;border:2px solid #e43339;color:#e43339;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}
.kalendar_title .month{font-size:1.4em;font-weight:600;margin:15px 0;font-variant:small-caps}
.kalendar_title h3{background:none;padding:2px !IMPORTANT;margin:5px 0 0 0!IMPORTANT;font-variant:normal;color:#000!IMPORTANT;font-size:11pt!IMPORTANT;min-height:60px}
.foto_kalendar{margin:5px;width:90%;max-width:320px;border:1px solid #c0c0c0;padding:2px;position:relative;float:left}
.more{text-align:left;font-size:1.2em;color:#000!IMPORTANT;text-transform:uppercase;padding:6px 20px;border-bottom:3px solid #969696}
.anchor{display:none}
.form_news{font-size:.9em;line-height:1.2em;margin-bottom:25px}
.form_news .first{display:inline-table;margin:0;float:left;padding:0;width:50%;text-align:right}
.form_news .first input{text-align:right;padding:0 10px}
.form_news .second{display:inline-table;margin:0;float:left;padding:0;width:50%;text-align:left}
.form_news input{height:32px;margin:0 5px;font-size:1.4em;width:70%}
.form_news.side input{height:32px;margin:2px 5px;font-size:1em;width:90%}
.social{font-size:2em;}
.social i{margin:0;padding:5px;list-style:none;float:right;height:36px;font-size:2em;}

.social-buttons{min-height:40px;margin:0px;padding:0px;padding:10px 0 0 0; list-style:none;text-align: right;max-width: 960px;margin:0px auto 10px auto;}
.social-buttons i{margin:0;padding:8px;list-style:none;float:right;height:36px;font-size:1em;color:#FFF !IMPORTANT}
.social-buttons .fa{display:block; width:40px; height:40px; line-height:40px; font-size:24px; text-align:center;margin: 0px 4px;  border-radius: 50%;color:#FFFFFF !IMPORTANT; background-color:#FF0000;}
.social-buttons .fa-image{display:block; width:40px; height:40px; line-height:40px; font-size:24px; text-align:center;margin: 0px 4px;  border-radius: 50%;background-size:cover}
.social-buttons .fa:hover, .social-buttons .fa-contact:hover{-webkit-box-shadow: 0 2px 2px rgba(0, 0, 3, 0.3);-moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.6);-ms-box-shadow: 0px 0px 4px rgba(0,0,0, 0.6);-o-box-shadow: 0px 0px 4px rgba(0,0,0, 0.6);box-shadow: 0px 0px 4px rgba(0,0,0, 0.6)}
.social-buttons div{min-height:40px;min-width:40px;margin:0px;padding:0px;float:right;}
.social-buttons .fb-like{min-height:40px;min-width:40px;margin:0px;padding:0px;float:right;}
.social-buttons .fa-print{background-color:#2894FF;}
.social-buttons .fa-facebook{background-color:#3B5998;}
.social-buttons .fa-linkedin{background-color:#0E76A8;}
.social-buttons .fa-pinterest{background-color:#C8232C;}
.social-buttons .fa-rss{background-color:#EE802F;}
.social-buttons .fa-twitter{background-color:#00ACEE;}
.social-buttons .fa-instagram{background-color:#FF5604;}
.social-buttons .fa-autor{background-color:#C9242C;}
.social-buttons .fa-contact{background:none;color:#000;float:right;font-size:13px;line-height:15px;background:#FFF;border:1px solid #8D949E;padding:0;border-radius:3px}
.social-buttons .fa-contact .first_row{background-color:#FFF;color:#000;padding:2px 8px;margin:0;}
.social-buttons .fa-contact .second_row{background-color:#C9242C;color:#FFF !IMPORTANT;padding:2px 8px;margin:0;}
.social-buttons .fa-contact .second_row a{color:#FFF !IMPORTANT;}
.soc-print i{color:#2894FF;}
.soc-facebook i{color:#3B5998;}
.soc-linkedin i{color:#0E76A8;}
.soc-pinterest i{color:#C8232C;}
.soc-rss i{color:#EE802F;}
.soc-twitter i{color:#00ACEE;}
.soc-instagram i{color:#FF5604;}
.soc-google i{color:#F90000;}
.main_box{width: 1em;height: 1em;position: relative}  
#share_button{display: none}
.sharebtn,.sm_list a{position: absolute;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.sharebtn{background:#006FDD !IMPORTANT;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;cursor: pointer;/* border-radius: 30%; */}  
.sm_list{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}  
.sm_list a{border-radius: 50%;text-decoration: none;transition: all .1s;}
#share_button:checked ~ .sm_list a:nth-child(1){background-color: #3B5998;transition-delay: 0.1s;transform: translateY(-2em)}
#share_button:checked ~ .sm_list a:nth-child(2){background-color: #dd2553;transition-delay: 0.15s;transform: translateY(-4em);}
#share_button:checked ~ .sm_list a:nth-child(3){background-color: #000f94;transition-delay: 0.2s;transform: translateY(-6em)}
#share_button:checked ~ .sm_list a:nth-child(4){background-color: #1077ec;transition-delay: 0.25s;transform: translateY(-8em)}
#share_button:checked ~ .sm_list a:nth-child(5){background-color: #1077ec;transition-delay: 0.3s;transform: translateY(-10em)}
#share_button:checked ~ .sm_list a:nth-child(6){background-color: #1077ec;transition-delay: 0.35s;transform: translateY(-12em)}  

.linklist ul{padding:2px 5px}


.time_table_title {border-bottom:1px solid #F0F0F0;margin:10px 5px}
.time_table_title div{padding:0;}
.time_table_title H2{border:none;}
.time_table_title .box{border-left:2px solid gray;padding:1px 5px;margin:0;text-align:left;height:100%;background: linear-gradient(90deg, rgba(36,0,0,.1) 0%, rgba(102,0,0,0.1) 15%, rgba(255,255,255,0) 100%);}
.time_table_title .box .title{font-weight: 600;}
.time_table_title .box i{font-weight: 600;margin-left:4px;}
.time_table_title .box i{font-weight: 600;margin-left:4px;}
.time_table_title .box i{font-weight: 600;margin-left:4px;}
.time_table_title .box .icon-arrow-bold-up{color:#D50000}
.time_table_title .box .icon-arrow-bold-down{color:#00B300}

.time_table {border-bottom:1px solid #F0F0F0}
.time_table div{padding:0;}
.time_table .box{border-left:2px solid gray;padding:1px 5px;margin:0;text-align:left;height:100%;}
.time_table .box .title{font-weight: 600;}
.time_table .box i{font-weight: 600;margin-left:4px;}
.time_table .box i{font-weight: 600;margin-left:4px;}
.time_table .box i{font-weight: 600;margin-left:4px;}
.time_table .box .icon-arrow-bold-up{color:#D50000}
.time_table .box .icon-arrow-bold-down{color:#00B300}

.news_icon {margin:1px 0;font-size:90% !IMPORTANT;}
.news_icon:hover {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3)}
.news_icon .img{width:48px;height:48px;background-size:cover !IMPORTANT;float:left;margin:5px 15px 5px 0}
.news_icon h3{height:24px;line-height:24px;overflow:hidden;margin:5px 0px !IMPORTANT;display: flex;align-items: top;vertical-align: top;font-size:12px;color:black !IMPORTANT;font-style: italic;font-weight: 100 !IMPORTANT;}
.news_icon h4{height:24px;margin:5px 0px !IMPORTANT;display: flex;align-items: bottom;vertical-align: bottom; }
@media screen and (max-width:995px){
.news_icon {margin:1px 0px !IMPORTANT;font-size:75% !IMPORTANT}
.news_icon:hover {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3)}
.news_icon .img{width:36px;height:36px;background-size:cover !IMPORTANT;float:left;margin:5px 15px 5px 0}
.news_icon h3{height:18px;line-height:18px;font-size:11px;}
.news_icon h4{height:18px;font-size:12px;}
}
.autor_icon.firsticon {border-left:1px solid #E0E0E0;}
.autor_icon {margin:3px 0;padding:0 3px;font-size:90% !IMPORTANT;border-right:1px solid #E0E0E0;}
.autor_icon:hover {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3)}
.autor_icon .img{width:48px;height:48px;background-size:cover !IMPORTANT;float:left;margin:5px 15px 5px 0}
.autor_icon h4{font-size:13px;margin:5px 0px !IMPORTANT;display: unset;align-items: bottom;vertical-align: bottom; }
@media screen and (max-width:995px){
.autor_icon {margin:1px 0px !IMPORTANT;font-size:75% !IMPORTANT}
.autor_icon:hover {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);-o-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3)}
.autor_icon .img{width:36px;height:36px;background-size:cover !IMPORTANT;float:left;margin:5px 15px 5px 0}
.autor_icon h4{font-size:11px;}
}
.date_stamp{font-weight:100 !IMPORTANT}

.Insert{display:none !IMPORTANT}
#pup{position:absolute;min-width:275px;_width:275px;padding:5px;margin:25px auto auto 10px;font-size:12px;color:#fff;background:#000;text-align:left;border:4px solid #c0c0c0;z-index:200;opacity:.75;filter:alpha(opacity=75)}
#left-menu .openbtn{cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%;font-weight:800;position:relative;z-index:98}
#right-menu .openbtn{cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%;font-weight:800;background:0;position:relative;z-index:98;}
#right-menu,#left-menu{display:none;font-size:1.3em;}
#right-menu span,#left-menu span{display:none}
.top a{color:#585858}
.top{background:#FFFFFF;padding:4px 4px;border:0;border-bottom:1px solid #d0d0d0}
.top.active{background-color:#FFFFFF;font-weight:600}
.top:hover,.top:hover,.top.active:hover{background-color:none!IMPORTANT;color:#580000}
.top:hover a,.top:hover a,.top.active:hover a{color:#580000}
.box-content{text-align:center}
.col-1,.col-sm-1,.col-md-1,.col-lg-1{padding:0 2px!IMPORTANT}
#print{min-height:400px}

figure{margin-bottom:2em}
#fh5co-header{position:relative;margin-bottom:0;z-index:1001}
#small_menu{padding:10px;margin:2px 0;list-style:none;position:relative;text-align:-webkit-right;font-size:.9em;line-height:16px;display:table;float:right}
#small_menu li{float:right;padding:2px 6px!IMPORTANT;line-height:36px}
#small_menu li:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#small_menu li a:hover{text-decoration:none}
#small_menu li img{height:36px !IMPORTANT;padding:0px;}
.header-top{padding:0!IMPORTANT;}
.header-top .fh5co-lang,.header-top .fh5co-link,.header-top{position:relative;z-index:101;padding:0 5px 0 15px;display:flex;align-items:center}
.header-top .fh5co-lang a{margin-left:10px;font-size:13px;color:rgba(255,255,255,0.7)}
.header-top .fh5co-lang a:first-child{margin-left:0}
.header-top .fh5co-lang img{max-height:40px}
.header-top .fh5co-link a{padding:4px .75em;line-height:40px;text-decoration:none;height:100%;display:flex;flex-direction:row;align-items:center;color:var(--main-headermenu-color)}
@media screen and (max-width:768px){.header-top .fh5co-link{font-size:smaller!IMPORTANT}
.header-top .fh5co-link a{line-height:16px!IMPORTANT}
}.header-top .fh5co-link div{float:left}
.header-top .fh5co-link img{max-height:40px}
.header-top .fh5co-link a:first-child{margin-left:0}
@media screen and (max-width:768px){.header-top .fh5co-link{text-align:center}
}.header-top .fh5co-lang{margin:8px 0 5px 0}
.fh5co-social{display:inline-flex;align-items:center;margin-left:-5px;}
.fh5co-social a{padding:.4em 0;font-size:28px;line-height:28px;margin-right:10px;position:relative;-webkit-transition:.5s,ease-in-out;-o-transition:.5s,ease-in-out;transition:.5s,ease-in-out}
.fh5co-social a:last-child{margin-right:0}
.fh5co-social a:hover,.fh5co-social a:focus,.fh5co-social a:active{text-decoration:none}
.fh5co-social a:hover i,.fh5co-social a:focus i,.fh5co-social a:active i{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
@media screen and (max-width:978px){.fh5co-social,.fh5co-lang{text-align:center!important}
}.fh5co-cover,.fh5co-hero{position:relative;height:inherit;}
@media screen and (max-width:978px){
.f-nav{position:relative!IMPORTANT}
.top-nav,.top-menu,.top-sidemenu{position:relative!IMPORTANT}
}
.fh5co-cover.fh5co-hero-2,.fh5co-hero.fh5co-hero-2{height:600px}
.fh5co-cover.fh5co-hero-2 .fh5co-overlay,.fh5co-hero.fh5co-hero-2 .fh5co-overlay{position:absolute!important;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,0.2)}
.fh5co-overlay{position:absolute!important;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,00);-webkit-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;transition:background .5s ease-in-out}
.fh5co-overlay:hover{position:absolute!important;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(255,255,255,0.05)}
.fh5co-cover{background-size:cover;position:relative;background-position:center center!IMPORTANT;width:100%;}
.fh5co-cover .btn{padding:1em 2em;opacity:.9}
.fh5co-cover.fh5co-cover_2{height:600px}
@media screen and (max-width:1280px){
#icon_nav .title {font-size:.9em;line-height:1.1em ;}
#header h1{font-size:2.5em;}
#header h2{font-size:.9em;}
.fh5co-cover .desc{padding-left:15px;padding-right:15px;top:15%px}
.fh5co-cover .desc .slide-title{font-size:1.5rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-subtitle{font-size:1rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-desc{font-size:.9rem;margin:3px;padding:0}
.fh5co-cover .desc .button{font-size:.9rem;margin:3px}
}@media screen and (max-width:978px){
#icon_nav .title {font-size:.8em;line-height:1em ;}
#icon_nav .icon {padding-top: 56.25%;}
#header h1{font-size:2em;}
#header h2{font-size:.8em;}
.fh5co-cover .desc{font-size:100%}
}
.fh5co-cover .desc span{display:block;margin:0;font-size:28px;letter-spacing:1px}
.fh5co-cover .desc span a{color:#fff}
.fh5co-cover .desc span a:hover,.fh5co-cover .desc span a:focus{color:#fff!important}
.fh5co-cover .desc span a:hover.btn,.fh5co-cover .desc span a:focus.btn{border:2px solid #fff!important;background:transparent!important}
.fh5co-cover .desc span a.fh5co-site-name{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.7)}
@media screen and (max-width:768px){.fh5co-cover.fh5co-cover_2{padding:3em 0}
.fh5co-cover .desc{top:5%;padding:2px!IMPORTANT;width:-webkit-fill-available !IMPORTANT;}
.fh5co-cover .desc .slide-title{font-size:1rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-subtitle{font-size:.8rem;margin:3px;padding:0}
.fh5co-cover .desc .slide-desc{font-size:.7rem;margin:3px;padding:0}
.fh5co-cover .desc .button{font-size:.7rem;margin:3px}
}.fh5co-nav-toggle{display:none}
.left{text-align:left}
.right{text-align:right}
#footer .txt{float:left;padding:20px 15px;width:100%}
.linklist li{list-style:none;padding:2px 15px}
.black, .black a{color:#282828!IMPORTANT}
.white, .white a{color:#fff!IMPORTANT}
.substyl1 .sf-menu li{border-left:2px solid #FFF}
.substyl1 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl2 .sf-menu li{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.substyl2 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl3 .sf-menu li{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.substyl3 .sf-menu>:last-child{border-right:2px solid #FFF}
.substyl1 #fullmenu ul li{border-left:2px solid #FFF}
.substyl1 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.substyl2 #fullmenu ul li{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.substyl2 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.substyl3 #fullmenu ul li{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.substyl3 #fullmenu ul>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl1 .mitem{border-left:2px solid #FFF}
.fh5co-link .substyl1>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl2 .mitem{border-left:2px solid #FFF;-webkit-transform:skew(5deg);-moz-transform:skew(5deg);-ms-transform:skew(5deg);-o-transform:skew(5deg);transform:skew(5deg);font-style:italic}
.fh5co-link .substyl2>:last-child{border-right:2px solid #FFF}
.fh5co-link .substyl3 .mitem{border-left:2px solid #FFF;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);transform:skew(-10deg)}
.fh5co-link .substyl3>:last-child{border-right:2px solid #FFF}
.form{padding:3px;border:1px solid #e0e0e0}
.form.mo{background-color: #FFC0C0;padding:40px 0;}
.form.vo{background-color: #F0F0F0;padding:40px 0;}
.form td{padding:2px 10px;vertical-align:middle}
.dropdown,.dropdown_sm{position:relative;display:inline-block}
.dropdown-content,.dropdown-content_sm{width:fit-content;display:none;position:absolute;z-index:1001;left:70px;top:0;background-color:#f9f9f9;padding:2px;border:1px solid #c0c0c0;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.dropdown-content i,.dropdown-content_sm i{font-size:14px}
.dropdown-content a,.dropdown-content_sm a{color:black;padding:2px 6px!IMPORTANT;text-decoration:none;display:block}
.dropdown-content a:hover,.dropdown-content_sm a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content,.dropdown_sm:hover .dropdown-content_sm{display:flex}
.sf-menu{height:100%;display:contents}
.sf-menu ul{box-shadow:none;border:transparent}
.sf-menu li{height:100%}
.sf-menu li li{border-right:0!IMPORTANT;border-left:0!IMPORTANT;min-height:auto}
.sf-menu .href{cursor:pointer;border:0;text-decoration:none;zoom:1;font-size:16px;min-height:100%;display:flex;flex-direction:row;align-items:center}
.sf-menu ul .href{min-height:auto}
.href:hover,.href:focus{background:rgba(120,120,120,.05)!IMPORTANT}
.sf-menu li.active .href{border-bottom:0 solid var(--main-smenubg-color);}
.sf-menu li.active.under .href{border-bottom:6px solid var(--main-smenubg-color);background:0}
.sf-menu li.active.under a{padding-top:3px!IMPORTANT}
.sf-menu ul li .href,.sf-menu ul ul li .href,.sf-menu .active li .href{text-transform:none;padding:.1em 1em!important;letter-spacing:1px;font-size:.9em !IMPORTANT;border-bottom:0!IMPORTANT;background:none!IMPORTANT}
.sf-menu li,.sf-menu ul li,.sf-menu ul ul li,.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu li:hover .href,.sf-menu li.sfHover .href,.sf-menu ul li:hover .href,.sf-menu ul li.sfHover .href,.sf-menu ul li:hover,.sf-menu ul li.sfHover{}
#fullmenu{margin:0 auto;display:table;font-size:120%}
#fullmenu{font-size:1.1em;position:relative;bottom:0;width:100%;padding:0;z-index:9999!IMPORTANT;height:65px}
#fullmenu span{font-size:12px}
#fullmenu .btn{height:80%;margin:auto 10px;padding:0}
#fullmenu ul .sub{position:absolute;padding:5px 15px 25px 15px;min-width:320px;text-transform:none;top:65px;z-index:111;border-top:7px solid rgba(0,0,0,0);display:inline-block;-webkit-box-shadow:0 2px 8px rgba(120,120,120,.5);-moz-box-shadow:0 2px 8px rgba(120,120,120,.5);box-shadow:0 2px 8px rgba(120,120,120,.5)}
#fullmenu ul .sub.two{column-count:2}
#fullmenu ul .sub a,#fullmenu li:hover .href{color:#fff}
#fullmenu li{border-left:1px solid rgba(0,0,0,.2);float:left;position:relative;margin:0;padding:0;font-size:1em;border-bottom:7px;list-style:none!IMPORTANT}
#fullmenu li a{transition:border .3s ease-in-out,background .3s ease-in-out;-o-transition:border .3s ease-in-out,background .3s ease-in-out;-webkit-transition:border .3s ease-in-out,background .3s ease-in-out}
#fullmenu li:first-child{border-left:0 solid #000}
#fullmenu li li{white-space:nowrap;border:0!IMPORTANT;padding:5px 0 10px 5px;margin:0 0 0 5px;width:100%;height:auto;line-height:1.5em;border:0;display:inline;font-weight:600;font-size:.9em;break-inside:avoid-column;-webkit-column-break-inside:avoid}
#fullmenu li li ul{font-variant:normal;padding:5px 0 10px 0}
#fullmenu li li li{padding:2px 0 2px 5px;margin:0 0 0 5px;font-size:.9em;border-left:1px solid rgba(240,240,240,.5)}
#fullmenu li .href{text-align:center;padding:10px;color:#FFF;line-height:1.2em;height:65px;margin:0;display:table-cell;vertical-align:middle;width:inherit;-webkit-text-shadow:0 2px 3px rgba(0,0,0,.7);-moz-text-shadow:0 2px 3px rgba(0,0,0,.7);text-shadow:0 2px 3px rgba(0,0,0,.7)}
#fullmenu li li .href{margin:0;padding:0;height:auto;text-align:left}
#fullmenu ul .sub{visibility:hidden;opacity:0}
#fullmenu ul li:hover>.sub{visibility:visible;opacity:1}
#fullmenu li a:hover{text-decoration:none;background:rgba(0,0,0,0)}
#fullmenu li li a:hover{text-decoration:underline}
#fullmenu .active{border-bottom:0 solid var(--main-smenubg-color);background:var(--main-smenubg-color)}
#fullmenu li li .active,.sidepanel .active,.sidepanel2 .active{border-bottom:0 solid var(--main-smenubg-color);background:var(--main-smenubg-color)}
#fullmenu li.active.under{border-bottom:6px solid var(--main-smenubg-color);background:0;margin-bottom:-6px}
#fullmenu li.active.under a{padding-top:3px!IMPORTANT}
.href.white,.white:hover .href{color:#FFF!IMPORTANT}
.white:hover a:hover{color:#eaeaea!IMPORTANT}
.sf-arrows .sf-with-ul{padding-right:2.5em;padding-right:1em;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#ccc}
.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after{border-top-color:#ccc}
.sf-arrows ul .sf-with-ul:after{margin-top:0;margin-right:-3px;border-color:transparent;border-left-color:#ccc}
.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after{border-left-color:#ccc}
#fh5co-header-section{padding:0;position:relative;left:0;width:100%;z-index:99;box-shadow:0 4px 4px rgba(0,0,0,.2)}
.nav-header{position:relative;padding-top:0;min-height:5px;height:100%}
#fh5co-logo{position:relative;z-index:2;font-size:22px;font-weight:700;float:left;margin:0;display:block;display:flex;flex-direction:row;align-items:center}
#fh5co-logo img{max-width:100%!IMPORTANT}
#fh5co-logo h1{padding:0!IMPORTANT;margin:4px 0!IMPORTANT}
.fh5co-menu-wrap .sf-menu .href{padding:0 .75em;letter-spacing:0;min-height:100%;line-height:125%;}
.fh5co-menu-wrap .sf-menu li li .href{padding:0 2px;letter-spacing:1px;min-height:20px;line-height:175%}
@media screen and (max-width:1560px){.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0;font-size:.9em!IMPORTANT}
.fh5co-link a{padding-left:.4em!IMPORTANT;padding-right:.4em!IMPORTANT;font-size:90%!IMPORTANT;letter-spacing:0!IMPORTANT}
}@media screen and (max-width:1096px){
.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0}
.fh5co-link a{font-size:80%!IMPORTANT}
#fh5co-logo{margin-right:35px;font-size:1.3em}
}@media screen and (max-width:768px){
.fh5co-menu-wrap .sf-menu .href{padding:0 .4em;letter-spacing:0;font-size:100%!IMPORTANT;min-height:45px}
.fh5co-link a{font-size:70%!IMPORTANT}
#fh5co-logo{font-size:1.3em;margin:0 auto;display:contents}
#fh5co-logo div{height:auto!IMPORTANT}
}#fh5co-logo span{font-weight:700}
.fh5co-menu-wrap{position:relative;z-index:98;float:left;margin:0;display:flex;align-items:flex-end;height:100%;min-height:5px}
#fh5co-primary-menu>li{min-height:60px;white-space: nowrap;display: inline-table;}
#fh5co-primary-menu>li>.sf-with-ul:after{border:none!important;font-family:'icomoon';speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;font-size:12px;left:47%;top:65%;margin:0;content:"\e922"}
#fh5co-primary-menu>li>ul li{position:relative;white-space: normal;}
#fh5co-primary-menu>li>ul li>.sf-with-ul:after{border:none!important;font-family:'icomoon';speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;float:right;margin-right:10px;top:10px;font-size:12px;content:"\e924"}
#fh5co-primary-menu .fh5co-sub-menu.toleft, #fh5co-primary-menu .fh5co-sub-menu.toright{padding:10px 7px 10px;background:#2d2734;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.15);-ms-box-shadow:0 5px 15px rgba(0,0,0,0.15);-o-box-shadow:0 5px 15px rgba(0,0,0,0.15);box-shadow:0 5px 15px rgba(0,0,0,0.15)}
#fh5co-primary-menu .fh5co-sub-menu.toright{right:0;}
#fh5co-primary-menu .fh5co-sub-menu.toright ul{position:absolute;left: -100% !IMPORTANT;width:max-content !IMPORTANT;}
#fh5co-primary-menu .fh5co-sub-menu.toleft{left:0;}
#fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu{left:100%}
#fh5co-primary-menu .fh5co-sub-menu a,#fh5co-primary-menu .fh5co-sub-menu a:visited{letter-spacing:0;padding:0 15px;font-size:18px;line-height:34px;text-transform:none;background:0}
#fh5co-primary-menu .fh5co-sub-menu .active{color:#fff!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont a{color:#000!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont a:hover{color:#585858!IMPORTANT}
#fh5co-primary-menu .fh5co-sub-menu.darkfont .active{color:#585858!IMPORTANT}
.fh5co-sub-menu{overflow: inherit !IMPORTANT;}
.site-header.has-image #primary-menu .sub-menu{border-color:#ebebeb;-webkit-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-moz-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-ms-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);-o-box-shadow:0 5px 15px 4px rgba(0,0,0,0.09);box-shadow:0 5px 15px 4px rgba(0,0,0,0.09)}

#fh5co-secondary-menu>li{min-height:60px;white-space: nowrap;display: inline-table;}
#fh5co-secondary-menu>li>.sf-with-ul:after{border:none!important;font-family:'icomoon';speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;font-size:12px;left:47%;top:65%;margin:0;content:"\e922"}
#fh5co-secondary-menu>li>ul li{position:relative;white-space: normal;}
#fh5co-secondary-menu>li>ul li>.sf-with-ul:after{border:none!important;font-family:'icomoon';speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;float:right;margin-right:10px;top:10px;font-size:12px;content:"\e924"}
#fh5co-secondary-menu .fh5co-sub-menu.toleft, #fh5co-secondary-menu .fh5co-sub-menu.toright{padding:10px 7px 10px;background:#2d2734;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.15);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.15);-ms-box-shadow:0 5px 15px rgba(0,0,0,0.15);-o-box-shadow:0 5px 15px rgba(0,0,0,0.15);box-shadow:0 5px 15px rgba(0,0,0,0.15)}
#fh5co-secondary-menu .fh5co-sub-menu.toright{right:0;}
#fh5co-secondary-menu .fh5co-sub-menu.toleft{left:0;}
#fh5co-secondary-menu .fh5co-sub-menu>li>.fh5co-sub-menu{left:100%}
#fh5co-secondary-menu .fh5co-sub-menu a,#fh5co-secondary-menu .fh5co-sub-menu a:visited{letter-spacing:0;padding:0 15px;font-size:18px;line-height:34px;text-transform:none;background:0}
#fh5co-secondary-menu .fh5co-sub-menu .active{color:#fff!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont a{color:#000!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont a:hover{color:#585858!IMPORTANT}
#fh5co-secondary-menu .fh5co-sub-menu.darkfont .active{color:#585858!IMPORTANT}

#fh5co-contact {padding-bottom:0px !IMPORTANT;width:100%}
#fh5co-contact .container{padding:3px 0}
.container img{max-width:100%!IMPORTANT}
#fh5co-work-section,#fh5co-services-section,#fh5co-content-section,#fh5co-work-section_2,#fh5co-blog-section,#fh5co-features{padding:7em 0}
@media screen and (max-width:768px){#fh5co-work-section,#fh5co-services-section,#fh5co-content-section,#fh5co-work-section_2,#fh5co-blog-section,#fh5co-features{padding:4em 0}
}.fh5co-section-gray{background:rgba(0,0,0,0.1)}
.heading-section{background-size:cover;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;text-shadow:-1px -1px 4px rgba(0,0,0,.1),1px 1px 4px rgba(0,0,0,.1)}
.fh5co-section-gray h1{color:#292929!IMPORTANT;font-size:40px}
.fh5co-section .container{position:relative;z-index:95;margin-top:auto;padding-bottom:5px;text-align:left}
.fh5co-section H2{padding:0;margin:0;text-align:center;letter-spacing:2px;margin-bottom:5px;font-size:2.3em}
.fh5co-section {min-height:75px;}
@media screen and (max-width:768px){.fh5co-section H2{font-size:1.5em}
}.fh5co-section h3{font-size:40px;font-weight:300;position:relative}
.fh5co-section p{font-size:20px}
@media screen and (max-width:1024px){.heading-section_gray{padding:1em 0}
.heading-section h1{font-size:25px}
}.feature-text h3{text-transform:uppercase;font-size:14px;margin-bottom:10px;font-weight:700;color:#000;letter-spacing:.2em}
.feature-text h3 .number{margin-right:5px;color:var(--main-h3-color);display:-moz-inline-stack;display:inline-block;zoom:1;display:inline;}
.feature-text p{font-size:16px}
.services{margin:20px 0;aspect-ratio:16/9;padding:40px 20px 20px 20px!IMPORTANT;border:1px solid rgba(0,0,0,0.18);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden}
.services .in{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;z-index:100;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;padding:1em .5em;background-size:cover}
.services:hover .in{height:100%;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.services .span{margin-bottom:30px;display:block;width:100%}
.services .span i{font-size:30px}
.services h3{font-size:20px;font-weight:600;color:#FFF !IMPORTANT;overflow:hidden;padding:15px 0;background:rgba(0,0,0,.7);position:absolute;top:15px;left:0;right:0;}
.services_a{min-height:180px;background-size:auto 100%;background-repeat:no-repeat;padding:5px!IMPORTANT;border:1px solid rgba(0,0,0,0.18);-webkit-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden}
.services_a .in0{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden}
.services_a .in{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;z-index:100;-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;padding:1em .5em;background-size:cover}
.services_a:hover .in{height:100%;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.services_a span{margin-bottom:30px;display:block;width:100%}
.services_a span i{font-size:30px}
.services_a h3{color:var(--main-i-color);overflow:hidden;background:RGBA(255,255,255,.6);box-shadow:-1px -1px 4px rgba(0,0,0,.1),1px 1px 4px rgba(0,0,0,.1)}
.bgimage{background-size:100% auto;
    background-repeat: no-repeat;}
.feature-left{float:left;width:100%;margin-bottom:30px;position:relative}
.feature-left .icon{float:left;text-align:center;width:15%}
@media screen and (max-width:992px){.feature-left .icon{width:10%}
}@media screen and (max-width:768px){.feature-left .icon{width:15%}
}.feature-left .icon i{display:table-cell;vertical-align:middle;font-size:40px;color:var(--main-i-color)}
.feature-left .feature-copy{float:right;width:80%}
@media screen and (max-width:992px){.feature-left .feature-copy{width:90%}
}@media screen and (max-width:768px){.feature-left .feature-copy{width:85%}
}@media screen and (max-width:480px){.feature-left .feature-copy{width:80%}
}.feature-left .feature-copy h3{font-size:18px;color:#1a1a1a;margin-bottom:10px}
.feature-left .feature-copy p{font-size:16px;line-height:1.8}
#fh5co-portfolio{padding:7em 0;min-height:500px}
@media screen and (max-width:768px){#fh5co-portfolio{padding:3em 0}
}#fh5co-portfolio-list{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;float:left;padding:0;margin:0;width:100%}
#fh5co-portfolio-list li{display:block;padding:0;margin:0 0 10px 1%;list-style:none;min-height:400px;background-position:center center;background-size:cover;background-repeat:no-repeat;float:left;clear:left;position:relative}
@media screen and (max-width:480px){#fh5co-portfolio-list li{margin-left:0}
}#fh5co-portfolio-list li a{min-height:400px;padding:2em;position:relative;width:100%;display:block}
#fh5co-portfolio-list li a:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";z-index:80;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:transparent}
#fh5co-portfolio-list li a:hover:before{background:rgba(0,0,0,0.5)}
#fh5co-portfolio-list li a .case-studies-summary{width:auto;bottom:2em;left:2em;right:2em;position:absolute;z-index:100}
@media screen and (max-width:768px){#fh5co-portfolio-list li a .case-studies-summary{bottom:1em;left:1em;right:1em}
}#fh5co-portfolio-list li a .case-studies-summary span{text-transform:uppercase;letter-spacing:2px;font-size:13px;color:rgba(255,255,255,0.7)}
#fh5co-portfolio-list li a .case-studies-summary h2{color:#fff;margin-bottom:0}
@media screen and (max-width:768px){#fh5co-portfolio-list li a .case-studies-summary h2{font-size:20px}
}#fh5co-portfolio-list li.two-third{width:65.6%}
@media screen and (max-width:768px){#fh5co-portfolio-list li.two-third{width:49%}
}@media screen and (max-width:480px){#fh5co-portfolio-list li.two-third{width:100%}
}#fh5co-portfolio-list li.one-third{width:32.3%}
@media screen and (max-width:768px){#fh5co-portfolio-list li.one-third{width:49%}
}@media screen and (max-width:480px){#fh5co-portfolio-list li.one-third{width:100%}
}#fh5co-portfolio-list li.one-half{width:49%}
@media screen and (max-width:480px){#fh5co-portfolio-list li.one-half{width:100%}
}#fh5co-features{padding:4em 0 3em 0}
#fh5co-features .feature-left{margin-bottom:0}
@media screen and (max-width:992px){#fh5co-features .feature-left{margin-bottom:30px}
}#fh5co-features .feature-left .icon i{color:#d9d9d9!important}
#fh5co-features .feature-left .icon{float:left;text-align:center;width:15%}
@media screen and (max-width:992px){#fh5co-features .feature-left .icon{width:10%}
}@media screen and (max-width:768px){#fh5co-features .feature-left .icon{width:15%}
}#fh5co-features .feature-left .feature-copy{float:right;width:80%}
@media screen and (max-width:992px){#fh5co-features .feature-left .feature-copy{width:90%}
}@media screen and (max-width:768px){#fh5co-features .feature-left .feature-copy{width:85%}
}@media screen and (max-width:480px){#fh5co-features .feature-left .feature-copy{width:80%}
}@media screen and (max-width:480px){#fh5co-features .feature-left .feature-copy{width:80%}
}#fh5co-features .feature-left h3{text-transform:uppercase;font-size:14px;font-weight:700}
#fh5co-features .feature-left p{font-size:15px}
#fh5co-features .feature-left p:last-child{margin-bottom:0}
#fh5co-feature-product{padding:1em 0}
#fh5co-services,#fh5co-about,#fh5co-contact{padding:0}
#fh5co-services .fh5co-number{font-size:30px;color:var(--main-i-color);position:relative;padding-top:10px;display:-moz-inline-stack;display:inline-block;zoom:1;display:inline}
#fh5co-services .fh5co-number:before{position:absolute;content:"";width:100%;height:3px;top:0;left:0;background:var(--main-i-color)}
#fh5co-services .fh5co-icon{margin-bottom:30px;margin-top:50px;position:relative;display:-moz-inline-stack;display:inline-block;zoom:1;display:inline}
@media screen and (max-width:768px){#fh5co-services .fh5co-icon{margin-top:0;float:none}
}#fh5co-services .fh5co-icon i{font-size:200px;color:var(--main-i-color)}
@media screen and (max-width:768px){#fh5co-services .fh5co-icon i{font-size:100px}
}#fh5co-contact img{max-width:100%;height:auto }
@media screen and (max-width:768px){.fh5co-blog, .fh5co-tblog{width:100%}
}
.side{margin-bottom:15px}
.header_a{float:right;text-align: right;font-size:75%;text-transform: none;}
.fh5co-blog {position: relative;margin-bottom:.85rem;margin-top: 10px;}
.fh5co-blog .sponsored{font-size:9px;font-weight:100;padding-left:4px;float:right;}
.fh5co-blog.notext  {aspect-ratio: 3/2;}
.fh5co-blog:hover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.47);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.47);box-shadow:0 0 4px 0 rgba(0,0,0,0.47);}
.fh5co-blog  .read_more{position: absolute;bottom:0px;right:0px;margin:0 .5rem 10px 0 !IMPORTANT;}
.fh5co-blog H2 {position: absolute;bottom:0px;left:0px;right:0px;background-image:none;margin-bottom:0;border:none;}
.fh5co-blog .topnews_h {color:#FFF;background-color:#D70000;}
.fh5co-blog .news {line-height:1.4em;min-height:3.2em;padding:40px 8px 16px 8px;color:#FFF !IMPORTANT;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 75%, rgba(255,255,255,0) 100%);margin-bottom:0}
.fh5co-blog .news_red, .fh5co-blog .news_yellow, .fh5co-blog .news_black  {padding:16px;margin:0px 20px;bottom:30px;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.47);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.47);box-shadow:0 0 8px 0 rgba(0,0,0,0.47)}
.fh5co-blog .news_red {color:#FFF !IMPORTANT;background-color:#C9242C !IMPORTANT}
.fh5co-blog .news_yellow {color:#000 !IMPORTANT;background-color:#FFFF00 !IMPORTANT;}
.fh5co-blog .news_black {color:#FFF !IMPORTANT;background-color:#000000 !IMPORTANT;}
.premium {color:#000 !IMPORTANT;background-color:#FED95A !IMPORTANT;padding:1px 6px;margin:0;position:absolute;height:28px;top:10px;left:0px;font-weight: 600;font-size:14px;line-height: 28px;}
.sponsored {color:#000 !IMPORTANT;background-color:#FFA448 !IMPORTANT;padding:1px 6px;margin:0;position:absolute;top:10px;left:0px;font-weight: 800;font-size:14px;line-height: 14px;}
.expired {text-decoration:line-through;}
.to_end {position: absolute;top:-2px;right:-2px;margin:0;background-color:#FED95A !IMPORTANT;font-size:12px;height:15px; line-height:11px;color:black !IMPORTANT;padding:3px 6px;border-radius:4px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.47);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.47);box-shadow:0 0 2px 0 rgba(0,0,0,0.47);filter: opacity(0.65);transition: filter .8s }
.to_end:hover {filter: opacity(1); }
.arrow-right {position: absolute;right:-14px;top:0px;
  width: 0px;          
  height: 0px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #FED95A;
} 

.fh5co-blog H3 {line-height: 1.2em;height:2.6em;overflow: hidden;font-weight: 600;padding-top:.2em !IMPORTANT;}
.fh5co-blog .datestamp {position: absolute;right:0px;top:10px;border:1px solid #969696;padding:0px 6px !IMPORTANT;font-weight: 600;font-size: .8em !IMPORTANT;color:#585858 !IMPORTANT;background:#FFF !IMPORTANT}
.topnews {position:absolute;z-index:98;top:10px;left:0px;border:1px solid #969696;background:#D70000;color:white;padding:2px 8px;font-size: .9em;font-weight: 600;}
.topnews i{color:white !IMPORTANT;}
.fh5co-blog p{font-weight: 600;}
.fh5co-blog  .image{padding:0px !IMPORTANT;position: relative;aspect-ratio: 3/2;overflow: hidden;background-size: cover !IMPORTANT;}
.fh5co-blog a .image img {width: 100%;z-index:-1;}
@media screen and (max-width: 768px) {.fh5co-blog {width: 100%;}}

.blog-header {position: absolute;bottom:0px;left:0px;right:0px;padding:2px 5px;}
.blog-text span{display:inline-block;margin-bottom:20px}
.blog-titletext div{line-height:1.75em;height:8.75em;overflow: hidden;}
.blog-text div{line-height:1.75em;padding-bottom:35px !IMPORTANT}


#fh5co-start-project-section{padding:7em 0;background:#f64e8b}
#fh5co-start-project-section h2{color:white;font-size:60px;text-transform:uppercase;font-weight:300}
@media screen and (max-width:768px){#fh5co-start-project-section h2{font-size:30px}
}#fh5co-start-project-section a:hover,#fh5co-start-project-section a:focus,#fh5co-start-project-section a:active{color:white!important}
#map{width:100%;height:500px;position:relative}
.mobile{display:none!IMPORTANT}
@media screen and (max-width:768px){#map{height:200px}
.mobile{display:block!IMPORTANT}
.no-mobile{display:none!IMPORTANT}
.fh5co-menu-wrap{display:none}
.fh5co-menu-wrap.all{display:block;width:100%}
#right-fullmenu,#left-fullmenu{display:none}
#left-fullmenu{float:left;}
#right-fullmenu{float:right;}
#left-fullmenu.side{width:100%}
#right-fullmenu.side{width:100%}
#left-fullmenu li{border-right:1px solid #E43339;}
#right-fullmenu li{border-left:1px solid #E43339;}
#left-fullmenu .sub{left:0;}
#right-fullmenu .sub{right:0;}
#right-menu,#left-menu{display:block;width:100%}
#right-menu ul,#left-menu ul{margin:0;list-style:none}
#right-menu .active,#left-menu .active,#right-menu .active a,#left-menu .active a{background-color:none!IMPORTANT;background:none!IMPORTANT;font-weight:800!IMPORTANT}
}.fh5co-social-icons>a{padding:4px 10px;color:var(--main-soc-color)}
.fh5co-social-icons>a i{font-size:26px}
.fh5co-social-icons>a:hover,.fh5co-social-icons>a:focus,.fh5co-social-icons>a:active{text-decoration:none;color:#5a5a5a}
.btn{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn{text-transform:uppercase;letter-spacing:2px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.btn.btn-primary{background:var(--main-a-color);color:#fff;border:none!important;border:2px solid transparent!important}
.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{box-shadow:none;background:var(--main-ahover-color);color:#fff!important}
.btn:hover,.btn:active,.btn:focus{background:#393e46!important;color:#fff;outline:none!important}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active{border-color:transparent}
.js .animate-box{opacity:0}
#fh5co-wrapper{position:relative}
.fh5co-offcanvas{overflow:hidden}
.fh5co-offcanvas #fh5co-wrapper{overflow:hidden!important}
#fh5co-page{padding:0!IMPORTANT;osition:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:#fff}
#fh5co-contact,.fh5co-hero{min-height:440px}
.fh5co-offcanvas #fh5co-page{-moz-transform:translateX(-240px);-webkit-transform:translateX(-240px);-ms-transform:translateX(-240px);-o-transform:translateX(-240px);transform:translateX(-240px)}
#offcanvas-menu{position:absolute;top:0;bottom:0;z-index:99;background:var(--main-smenubg-color);right:-280px;width:280px;padding:20px 0;overflow-y:scroll!important;display:none}
@media screen and (max-width:768px){.fh5co-nav-toggle{display:block;top:12px}
.container{width:100%!IMPORTANT;max-width:100%!IMPORTANT}
.container table{max-width:100%!IMPORTANT}
#stat_win{font-size:75%}
.basket_table{width:100%!IMPORTANT}
.basket_table img{display:none}
}@media screen and (max-width:480px){.col-xxs-12{float:none;width:100%}
}.row-bottom-padded-lg{padding-bottom:7em}
@media screen and (max-width:768px){.row-bottom-padded-lg{padding-bottom:2em}
}.row-top-padded-lg{padding-top:7em}
@media screen and (max-width:768px){.row-top-padded-lg{padding-top:2em}
}.row-bottom-padded-md{padding-bottom:4em}
@media screen and (max-width:768px){.row-bottom-padded-md{padding-bottom:2em}
}.row-top-padded-md{padding-top:4em}
@media screen and (max-width:768px){.row-top-padded-md{padding-top:2em}
}.row-bottom-padded-sm{padding-bottom:2em}
@media screen and (max-width:768px){.row-bottom-padded-sm{padding-bottom:2em}
}.row-top-padded-sm{padding-top:2em}
@media screen and (max-width:768px){.row-top-padded-sm{padding-top:2em}
}.border-bottom{border-bottom:1px solid rgba(0,0,0,0.06)}
.lead{line-height:1.8}
.no-js #loader{display:none}
.js #loader{display:block;position:absolute;left:100px;top:0}
.fh5co-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/hourglass.svg) center no-repeat #222}
.sidepanel{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:0;position:absolute;z-index:1001;min-height:200px;overflow-x:hidden;padding:0px !IMPORTANT;-webkit-box-shadow:0 2px 8px #141414;-moz-box-shadow:0 2px 8px #141414;box-shadow:0 2px 8px #141414;left:0;text-align:left!IMPORTANT}
.sidepanel img{max-height:40px}
.sidepanel ul{padding:0px}
.sidepanel li{text-decoration:none;font-size:16px;width:100%;white-space:nowrap;padding:3px 0 0 10px}
.sidepanel .closebtn{position:absolute;top:5px;right:5px;font-size:36px;z-index:inherit}
.sidepanel .active,.sidepanel .active .active{font-weight:600}
.sidepanel .active li{text-decoration:none!IMPORTANT}
.openbtn{font-size:20px;cursor:pointer;padding:3px 15px 5px 15px;border:0;float:left;width:100%}
.openbtn:hover{background-color:#e0e0e0}
.padding-30{padding:10px 0}
.margin{margin:10px 30px}
@media screen and (max-width:978px){.padding-30{padding:10px 0}
.margin{margin:10px 0}    
}