/* Move down content because we have a fixed navbar that is 50px tall */
/*เมนู*/

 .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #3d8abb;
    color:white;
}

/*ข่าวกิจกรรม*/
.tagImg{
    background: rgba(0,0,0,.4) !important;
    color: #FFF;
    /* display: none; */
       margin: 0.5rem 0 0 0.4rem;
    padding: .3rem 0.5rem 0.3rem 0;
    /* font-size: 14px; */
    /* height: 32px; */
    /* line-height: 32px; */
    /* box-sizing: border-box; */
    /* border-radius: 4px; */
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 0.8em;
    padding-left: 15px;
    /* border-top-right-radius: 3px; */
    /* border-bottom-left-radius: 4px; */
    /* border-radius: 0px; */
    /* border-bottom-left-radius: 5px; */
    cursor: pointer;
}
.tagImg > a{
     color: #fff;
    text-decoration: none;
}
.tagImg > a:hover, a:focus {
    color: #fe9720;
    text-decoration: none;
    outline: none;
}
/*ข่าวประชาสัมพันธ์*/
.titlenew{
background: rgba(0,0,0,.08) !important;
    /* color: #FFF; */
    /* display: none; */
        margin: 0px 0px 0px 0px;
    /* padding: 0px 0px 0px 5px; */
    /* font-size: 14px; */
    /* height: 32px; */
    /* line-height: 32px; */
    /* box-sizing: border-box; */
    border-radius: 2px;
    padding: 0px 8px 0px;
    /* white-space: nowrap; */
    overflow: hidden;
     text-overflow: ellipsis; 
}
   
.titlenew > h4 >a {
   
    color: #1d1c1ce3;
    text-decoration: none;

}
.titlenew p {
    min-height: 5px;
    padding: 10px!important;
}
.news-item {
    background: #FFF;
    /* border: 1px solid #cdcfd1; */
    overflow: hidden;
    min-height: 278px;
    max-width: 320px;
    margin: 0 auto;
}
.news-item .news-img {
    height: 110px;
    width: 250px;
    background-color: rgba(203,203,203,1.00);
    margin: 15px auto;
    filter: drop-shadow(8px -7px 0px rgba(203,203,203,.80));
}
.overlay-container {
    display: block;
    overflow: hidden;
    position: relative;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    right: -1px;
    /* background-color: rgba(59, 231, 176, 0.9); */
    background-color: rgba(102, 107, 113, 0.75);
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

/*ปฎิทิน    */
.agenda{
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active { background-color:rgba(251, 210, 51, 0.15); }

/* Dates */
.agenda .agenda-date  {  width: 250px; }
.agenda .agenda-date .dayofmonth {
  width: 40px;
  font-size: 3em;
  line-height: 42px;
  float: left;
  text-align: right;
  margin-right: 18px; 
}
.agenda .agenda-date .shortdate {
  font-size: 1.25em; 
}


/* Times */
.agenda .agenda-time { width:200px; } 


/* Events */
.agenda .agenda-events { border-left: 1px solid rgba(200, 197, 200, 1); } 
.agenda .agenda-events .agenda-event { } 
body #footer {
    border-top-color: #81994d;
    position: relative;
    /*margin-top: 20px;*/
}
.inner {
    padding: 5px 0;
    background: url(../img/bg_noise-5.png) left top repeat;
}
.subfooter {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 1em;
    padding-top: 1em;
}
.bottomfooter{
    text-align:right;
}
#footer {
  background-position: 0% 0%;
	background-repeat: repeat-x;
	min-height: 100px;
	color: #CFCFCF;
	border-top: 2px solid #377ca8;
	background-image: linear-gradient(to bottom, #313131 0%, #242424 100%);
	background-color: #242424;
	background-attachment: scroll;
}
#footer .visible-lg {
  display: inline-block !important;
}
#footer .inner {
  padding: 30px 0;
  background: url(../img/bg_noise-5.png) left top repeat;
}
#footer h3 {
  font-size: 1.2em;
  color: rgba(255, 255, 255, 0.8);
}
#footer a {
  color: #CFCFCF;
}
#footer .social-media a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  margin-bottom: 0.4em;
  line-height: 30px;
}
#footer .social-media a i {
  font-size: 24px;
  background: #CFCFCF;
  background: rgba(255, 255, 255, 0.6);
  color: #000;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 0.2em;
  display: inline-block;
}
#footer .social-media a:hover {
  text-decoration: none;
  color: #ffffff;
}
#footer .social-media a:hover i {
  background: #ffffff;
}
#footer .social-media a.last {
  padding-bottom: 0;
  border-bottom: 0;
}
#footer .contact-block p {
  margin-bottom: 0.5em;
}
#footer .subfooter {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 1em;
  padding-top: 1em;
}
body .navbar-inner {
    color:#ffffff;
    min-height: 100px;
    background-repeat: repeat-x;
    border-top-color: #81994d;
    border-bottom-color: #81994d;
    background-image: linear-gradient(to bottom, #81994d 0%, #64773c 100%);
}
body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}
/*****************************************************************************/

/********************************************************************************/
.content
{
   height: 100%;
    background: #81994d;
    font-size: 1em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.logo{
    margin-top: 15px;
    /*overflow: hidden;*/
    /*zoom: 1;*/
}
.logo-left,.logo-body,.logo-right{
display: table-cell;
    vertical-align: top;
}
.logo-left, .logo>.pull-left{
    padding-right: 10px;
}
.logo-right,.logo>.pull-right{
    padding-left: 10px;
}
.logo-heading{
    margin-top: 0;
    margin-bottom: 5px;
}
@media (max-width: 768px) {

    .logo h3{
   font-size:17px;
   white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    /*zoom: 1;*/
}
}
.MenuLeft-inner {
    padding: 5px 0;
    /*background: url(../img/bg_noise-5.png) left top repeat;*/
}
.menu_item {
    padding: 5px 0;
    display:inline-block;
    
    /*background: url(../img/bg_noise-5.png) left top repeat;*/
}

.dropdown-menu {
    position: absolute;
    /* top: 100%; */
    /* left: 0; */
    /* z-index: 999999; */
     display: inline-block; 
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    /* font-size: 14px; */
    /* text-align: left; */
    list-style: none;
    background-color: #fff;
    /* -webkit-background-clip: padding-box; */
    /* background-clip: padding-box; */
    /* border: 1px solid #ccc; */
    /* border: 1px solid rgba(0, 0, 0, .15); */
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
}

@media (max-width: 1000px){
    .menu_item {
        padding: 5px 0;
        display: initial !important;
        /*background: url(../img/bg_noise-5.png) left top repeat;*/
       
    }

    .dropdown-menu {
        position: relative;
        top: 100%;
        left: -18px;
        z-index: 999999;
        display: inherit;
        min-width: 100%;
        padding: 6px 0;
        margin: 0px auto 0px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: rgba(0, 0, 0, .0001);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 0px solid rgba(0, 0, 0, .15);
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
    }
}
/*-------------------------------------------blockheaderTemplate*/

.blockheaderTemplate .titleheaderTemplate {
  line-height: 1.0;
  margin: 1em 0 0.5em 0;
  color: #37aa56;
  
}
.blockheaderTemplate .blockheaderTemplate-title {
  margin: 0 0 0 0;
 /*min-width: auto;*/
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid rgba(44, 113, 2, 0.30);
}
.blockheaderTemplate .blockheaderTemplate-title span {
  border-bottom: 3px solid #81994d;
  
  padding-bottom: 4px;
}
.blockheaderTemplate {
  /*overflow: hidden;*/ 
    background: url(../img/bg-Head/vichakarn-bg.png) left top repeat;
   
}

/*******************************************************
 *
 * Custom theme code styles
 * Written by Themelize.me (http://themelize.me)
 * 
 *******************************************************/
h1,
h2,
h3 {
  line-height: 40px;
}
/*h1,
h2,
h3,
h4,
h5,
h6 {
  color: #032d49;
}*/
h3 small {
  font-size: 14px;
}

abbr[title],
abbr[data-original-title] {
  /* border-bottom: none; /**/
}
.text-muted {
  color: rgba(36, 36, 36, 0.6);
}
label {
  font-weight: normal;
}
legend {
  line-height: 40px;
}
ul,
ol {
  margin: 0 0 10px 25px;
  padding: 0;
}
.list-unstyled {
  margin-left: 0;
}
.nav-list {
  margin-left: 0;
}
.nav-list li.nav-header {
  color: rgba(36, 36, 36, 0.6);
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  padding: 3px 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-top: 9px;
}
.nav-list li a {
  padding: 3px 15px;
}
.nav-tabs {
  margin-left: 0;
  margin-bottom: 20px;
}
.nav-pills {
  margin-left: 0;
}
.nav-pills li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
a {
  color: #377ca8;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #032d49;
  text-decoration: underline;
  outline: none;
}

.btn-warning {
  background-color: #FE9216;
  background-image: linear-gradient(to bottom, #fe9720, #fe8b07);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-default {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #ffffff 0%, #e2edee 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #e2edee;
	border-right-color: #e2edee;
	border-top-color: #e2edee;
	border-bottom-color: #b2cfd2;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
  color: #333333;
  background-color: #e2edee;
  *background-color: #d2e3e5;
  background-image: none;
}
.btn-default:active,
.btn-default.active {
  background-color: #c2d9db \9;
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #377ca8 0%, #2a6082 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #2a6082;
	border-right-color: #2a6082;
	border-top-color: #2a6082;
	border-bottom-color: #183548;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #2a6082;
  *background-color: #24516e;
  background-image: none;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #1e435b \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #fe9720 0%, #fe8b07 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #fe8b07;
	border-right-color: #fe8b07;
	border-top-color: #fe8b07;
	border-bottom-color: #b86301;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #fe8b07;
  *background-color: #eb7e01;
  background-image: none;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #d17001 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #ee5f5b 0%, #bd362f 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #bd362f;
	border-right-color: #bd362f;
	border-top-color: #bd362f;
	border-bottom-color: #802420;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
  background-image: none;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #7fbf4d 0%, #63a62f 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #63a62f;
	border-right-color: #63a62f;
	border-top-color: #63a62f;
	border-bottom-color: #3f6a1e;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #63a62f;
  *background-color: #579229;
  background-image: none;
}
.btn-success:active,
.btn-success.active {
  background-color: #4b7e24 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #5bc0de 0%, #2f96b4 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #2f96b4;
	border-right-color: #2f96b4;
	border-top-color: #2f96b4;
	border-bottom-color: #1f6377;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
  background-image: none;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	background-image: linear-gradient(to bottom, #242424 0%, #575757 100%);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  	border-left-color: #575757;
	border-right-color: #575757;
	border-top-color: #575757;
	border-bottom-color: #313131;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #575757;
  *background-color: #4a4a4a;
  background-image: none;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #3e3e3e \9;
}
.btn-xs {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 10.5px;
  padding: 3px 6px;
}
.btn-lg {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #EEE;
}
dd {
  margin-left: 10px;
}
.popover {
  white-space: nowrap;
}
.badge-important,
.label-important {
  background-color: #d9534f;
}
.badge-important[href],
.label-important[href] {
  background-color: #c9302c;
}
.badge-warning,
.label-warning {
  background-color: #f0ad4e;
}
.badge-warning[href],
.label-warning[href] {
  background-color: #ec971f;
}
.badge-success,
.label-success {
  background-color: #5cb85c;
}
.badge-success[href],
.label-success[href] {
  background-color: #449d44;
}
.badge-info,
.label-info {
  background-color: #5bc0de;
}
.badge-info[href],
.label-info[href] {
  background-color: #31b0d5;
}
.badge-inverse,
.label-inverse {
  background-color: #242424;
}
.badge-inverse[href],
.label-inverse[href] {
  background-color: #0a0a0a;
}
.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}
.carousel-inner ul{
    margin: 0 0 0 0;
}
.thumbnails {
  list-style: none;
  display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
  *zoom: 1;
}
.thumbnails p{
    min-height:60px;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails:after {
  clear: both;
}
.row-fluid .thumbnails {
  margin-left: 0;
}
.thumbnails > li {
  margin-bottom: 20px;
}
.thumbnails > li.left {
  float: left;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #377ca8;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #242424;
}
/* Navbar collapse */
.navbar-collapse {
  margin: 10px -30px 0 0px !important;
}
@media (max-width: 1000px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 0;
    max-height: 800px !important;
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .navbar-collapse {
    margin: 0 !important;
  }
}
.navbar-collapse {
    padding-right: 5px;
    padding-left: 5px;
}
html {
  background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);
}
body {
  margin: 0;
  font-family: 'Prompt',"Monda", Arial, serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
  position: relative;
}
.post-site{
    /*margin-bottom:10px;*/
    margin: 25px 0 20px 0px;
}

.post span.date {
    margin: 5px 0 20px;
    display: block;
    float:right;
}
.date {
    color: rgba(52, 100, 183, 1);
    font-size: .9em;
}
.page-title {
 margin-top:10px;
    /* line-height: .9em; */
    padding-bottom: 9px;
    /* margin: 40px 0 20px; */
    border-bottom: 1px solid #eee;
}
.page-title small {
  color: rgba(51, 51, 51, 0.5);
}
.brand-centered {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.brand-centered .navbar-brand {
  display: flex;
  align-items: center;
}
.navbar-toggle {
    z-index: 1;
}




/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
.navbar-alignit .navbar-header {
	  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 50px;
}
.navbar-alignit .navbar-brand {
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0,-50%);
	margin-right: 15px;
  margin-left: 15px;
}

/* --------------------------------------------------
 * Zones & Regions
 *-------------------------------------------------- */
#navigation:before,
#navigation:after {
  content: " ";
  display: table;
}
#navigation:after {
  clear: both;
}
#navigation .navbar {
  color: #ffffff;
  margin: 0;
}
#navigation .navbar-inner {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
#navigation .navbar-inner .inner {
  min-height: 80px;
}
#navigation .navbar-inner .container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  #navigation .navbar-inner .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#navigation .navbar-brand {
  text-shadow: 1px 1px 40px rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 10px 0;
  display: block;
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  line-height: 1;
}
#navigation .navbar-brand img {
  padding-right: 1em;
}
#navigation .navbar-brand h1 {
  font-size: 41px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #ffffff;
}
#navigation .navbar-brand span {
  font-size: 10px;
  font-weight: normal;
  color: #ffffff;
}
#navigation .navbar-brand:hover {
  text-decoration: none;
  cursor: pointer;
  text-shadow: 1px 1px 20px rgba(255, 255, 255, 0.5);
}
#navigation .btn-navbar {
  margin: 10px 0;
  font-size: 0.8em;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #377ca8;
}
#navigation .btn-navbar [class^="icon-"],
#navigation .btn-navbar [class^="icon-"],
#navigation .btn-navbar [class*=" icon-"],
#navigation .btn-navbar [class*=" icon-"] {
  vertical-align: inherit;
  margin-top: 2px;
  padding-top: 1px;
  margin-bottom: 2px;
  padding-bottom: 1px;
  line-height: .9em;
}
#highlighted {
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  /*border-bottom: 1px solid #e1e1e1;*/
  background: #f2f2f2 url(../img/bg_noise-5.png) left top repeat;
  color: #377ca8;
  text-shadow: 1px 1px 1px #ffffff;
}
#highlighted .inner {
  padding: 30px 0;
}
.page-index #highlighted {
  background-image: -webkit-radial-gradient(circle, #ffffff, #e6e6e6);
  background-image: radial-gradient(circle, #ffffff, #e6e6e6);
  background-repeat: no-repeat;
}
.has-navbar-fixed-top #content {
  margin-top: 82px;
}
.has-navbar-fixed-top.has-highlighted #highlighted,
.has-navbar-fixed-top.page-index #highlighted,
.has-navbar-fixed-top.page-index-carousel #highlighted,
.has-navbar-fixed-top.page-starter #highlighted {
  margin-top: 80px;
}
.has-navbar-fixed-top.has-highlighted #content,
.has-navbar-fixed-top.page-index #content,
.has-navbar-fixed-top.page-index-carousel #content,
.has-navbar-fixed-top.page-starter #content {
  margin-top: 0;
}
#content {
  padding: 40px 0;
  background-color: #ffffff;
}
#content-below {
  padding: 20px 0;
  background-color: #ffffff;
}

/* --------------------------------------------------
 * Main Menu (mobile first)
 *-------------------------------------------------- */
ul#main-menu {
  margin: 0;
  padding: 0;
}
ul#main-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(42, 96, 130, 0.2);
}
ul#main-menu li:first-child {
  border-top: none;
}
ul#main-menu li:last-child {
  border-bottom: none;
}
ul#main-menu li a,
ul#main-menu li a:link {
  text-shadow: none;
  display: block;
  font-weight: normal;
  padding: 10px 1em;
  border-radius: 0;
  margin: 0;
  text-transform: uppercase;
  border: 1px solid transparent;
  color: #d5e2ea;
}
ul#main-menu li a .caret,
ul#main-menu li a:link .caret {
  margin-top: 25px;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
}
ul#main-menu li a:hover,
ul#main-menu li a.active,
ul#main-menu li.over > a,
ul#main-menu li.active > a,
ul#main-menu li.active > a:hover,
ul#main-menu li.active > a:focus {
  background: rgba(42, 96, 130, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
ul#main-menu li.dropdown .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
ul#main-menu li.dropdown.open a.dropdown-toggle {
  color: #ffffff;
  background-color: #2a6082;
}
ul#main-menu .dropdown-menu {
  margin: 0;
  padding: 0;
  position: static;
  float: none;
  background-color: #2d6589;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
ul#main-menu .dropdown-menu li {
  float: none;
  border: none;
}
ul#main-menu .dropdown-menu li a,
ul#main-menu .dropdown-menu li a:link {
  padding: 6px 1em;
  font-size: smaller;
  border: 0;
  margin: 0;
  min-height: 10px;
  line-height: normal;
}

/* --------------------------------------------------
 * Page specific
 *-------------------------------------------------- */
.colour-switcher.tool {
  position: fixed;
  right: 2%;
  top: auto;
  bottom: 0;
  padding: 5px;
  text-align: center;
  background: #2a6082;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  z-index: 1032;
}
.colour-switcher.tool:before,
.colour-switcher.tool:after {
  content: " ";
  display: table;
}
.colour-switcher.tool:after {
  clear: both;
}
.colour-switcher.tool a {
  height: 20px;
  width: 20px;
  display: inline-block;
  float: left;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  text-indent: -100000px;
}
.colour-switcher.page:before,
.colour-switcher.page:after {
  content: " ";
  display: table;
}
.colour-switcher.page:after {
  clear: both;
}
.colour-switcher.page a {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.colour-switcher.page a:hover,
.colour-switcher.page a.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.colour-switcher a {
  display: block;
  border: 1px solid transparent;
  margin: 8px 0;
}
.colour-switcher a.active {
  border: 1px solid #ffffff;
}
.colour-switcher a span {
  display: block;
  padding: 2px 0;
  color: #ffffff;
  text-align: center;
  font-size: 10px;
}
.colour-switcher a.default span {
  padding: 12px 0;
  font-size: 12px;
}
.colour-switcher .blue {
  background: #377ca8;
}
.colour-switcher .red {
  background: #980000;
}
.colour-switcher .green {
  background: #81994d;
}
.colour-switcher .grey {
  background: #515257;
}
.colour-switcher .purple {
  background: #7f0046;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-color: #3d8abb;
}
.img-polaroid {
   border-radius: 1px;
    /*min-height:50px;

 
   padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
}
.clients a {
  display: block;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.clients a img {
  margin: auto;
  text-align: center;
}
.clients a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.clients .thumbnails {
  margin-bottom: 0;
}
.headerBarNews {
    display: block;
    color: #333;
    /*border-bottom: 2px solid #3d8abb;
    background-color: #c7c7c742 !important;*/
    padding: 5px 5px 5px 5px;
    border-bottom-width: 2px;
    margin-bottom: 15px;
    margin-top: 0px;
    font-weight: 500;
    line-height: 1.1;
    font-size: 20px;
}
.color999 {
    color: #999;
}
.MblockActivity {
    padding: 0px 30px 0px 30px;
}
@media (max-width: 768px) {
    .MblockActivity {
        padding: 0 0 0 0 ;
    }
}
    .Mblock {
        margin: .5em 0 .1em 0;
    }

    .block .block-title {
        margin: 0 0 1em 0;
        font-size: 20px;
        border-bottom: 1px solid #e1e1e1;
        border-bottom: 1px solid rgba(55, 124, 168, 0.3);
    }

    .block hgmain {
        padding: 0.3rem 1.1rem !important;
        background-color: #3d8abb !important;
        /* font-weight: 800; */
        color: #fff;
    }

    .block .block-title.sub-title {
        font-size: 16px;
    }

        .block .block-title.sub-title span {
            padding-bottom: 8px;
        }

    .block .block-title span {
        border-bottom: 3px solid #3d8abb;
        padding-bottom: 4px;
    }

        .block .block-title span.label {
            border-bottom: 0;
            padding-bottom: 2px;
            text-transform: none;
        }

            .block .block-title span.label.pull-right {
                margin-top: 10px;
            }

    .block .block-title small {
        font-size: 14px;
        padding-left: 0.5em;
        margin-left: 0.5em;
        border-left: 1px solid #e1e1e1;
        border-left: 1px solid rgba(55, 124, 168, 0.3);
        text-transform: none;
    }

    .header {
        margin-bottom: 0;
        /* @media-query */
    }


    @media (min-width: 992px) {
        .sidebar.sidebar-right .inner {
            padding: 0 20px 20px 20px;
            border-left: 1px dotted rgba(55, 124, 168, 0.2);
        }

        .sidebar.sidebar-left .block {
            padding-right: 20px;
            border-right: 1px dotted rgba(55, 124, 168, 0.2);
        }
    }

    /* --------------------------------------------------
 * Services
 *-------------------------------------------------- */
    /* --------------------------------------------------
 * Portfolio
*-------------------------------------------------- */
    .muted {
        min-height: 50px;
        margin: 10px 0 10px;
        margin: 10px 0 10px;
        /* background: rgba(0,0,0,.08) !important; */
        /* color: #FFF; */
        /* display: none; */
        /* margin: 5px 0px 5px 0px; */
        /* padding: 0px 0px 0px 5px; */
        /* font-size: 14px; */
        /* min-height: 50px; */
        /* line-height: 32px; */
        /* box-sizing: border-box; */
        border-radius: 2px;
        padding: 0px 8px 0px;
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .projects li .project {
        border-bottom: 4px solid #3d8abb;
        /*padding-bottom: 1em;*/
        /*min-height:330px;*/
    }

        .projects li .project:hover {
            border-bottom: 4px solid #2a6082;
        }

        .projects li .project a:hover img {
            border-color: #3d8abb;
        }

    .page-portfolio #highlighted .container,
    .page-portfolio2 #highlighted .container,
    .page-portfolio4 #highlighted .container {
        padding-bottom: 0;
    }

    .carousel#carousel-project {
        border: 1px solid #ccc;
        background: #ffffff;
        padding: 2px;
    }

        .carousel#carousel-project .carousel-control {
            left: 10px;
            opacity: 1;
            filter: alpha(opacity=100);
        }

            .carousel#carousel-project .carousel-control.right {
                right: 10px;
                left: auto;
            }

        .carousel#carousel-project:hover .carousel-control {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

    /* --------------------------------------------------
 * Contact
 *-------------------------------------------------- */
    #contact-form {
        margin-bottom: 2em;
        /* @media-query */
    }

    @media (min-width: 992px) {
        #contact-form {
            padding-right: 2em;
        }
    }
    /* --------------------------------------------------
 * Misc.
 *-------------------------------------------------- */
    .demos .title-divider {
        margin-top: 2em;
    }

    .demos .demo-block {
        background: #eeeeee;
        min-height: 300px;
        padding: 10px 15px;
    }
    /* Utilities */


    ._icon-mini {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
    }

    ._icon-small {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
    }

    ._icon-medium {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }

    ._icon-large {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 50px;
    }

    ._icon-xlarge {
        width: 100px;
        height: 100px;
        line-height: 90px;
        font-size: 80px;
    }

    ._icon-circle {
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
        padding-right: 0;
        margin-right: 0.2em;
    }

    ._icon-circle-double {
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
        border: 3px solid #e7f1f7;
        box-shadow: 0 0 0 2px #377ca8;
        padding-right: 0;
        margin-right: 0.2em;
    }

    ._icon-success {
        background: #7fbf4d;
    }

    body .icon-mini,
    li .icon-mini {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
    }

    body .icon-small,
    li .icon-small {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
    }

    body .icon-medium,
    li .icon-medium {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }

    body .icon-large,
    li .icon-large {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 50px;
    }

    body .icon-xlarge,
    li .icon-xlarge {
        width: 100px;
        height: 100px;
        line-height: 90px;
        font-size: 80px;
    }

    body .icon-rounded,
    li .icon-rounded {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    body .icon-inverse,
    li .icon-inverse {
        background-color: #377ca8;
        color: #ffffff;
        text-align: center;
    }

    body .icon-inverse-50,
    li .icon-inverse-50 {
        background-color: #377ca8;
        background: rgba(55, 124, 168, 0.5);
        color: #ffffff;
        text-align: center;
    }

    body .icon-inverse-80,
    li .icon-inverse-80 {
        background-color: #377ca8;
        background: rgba(55, 124, 168, 0.8);
        color: #ffffff;
        text-align: center;
    }

    body .icon-success,
    li .icon-success {
        background: #7fbf4d;
    }


    /*หน้าแสดงรายละเอียดข่าว*/
    .wrapper-top {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .entry-content {
        max-width: fit-content;
        margin: 0 auto;
        color: #676e77;
        padding-bottom: 30px;
    }

    article img, figure, img, img.wp-post-image {
        max-width: 100%;
        height: auto;
    }

    .Article-posted {
        /*height:auto;
         max-height: 600px;*/
        overflow: hidden;
    }

        .Article-posted .h1 {
            font-size: 30px;
            margin-top: 5px;
        }

        .Article-posted .Article-date {
            float: right;
            position: relative;
            /* padding: 5px 3px 20px 3px; */
            bottom: 45px;
            right: 20px;
        }

        .Article-posted .Article-detail {
            max-height: 900px;
            overflow: auto;
            text-indent: 2.5em;
            position: relative;
            background-color: #f2f4f8 !important;
            border: #d2d2d457 1px solid;
            padding: 1.2em 4.0em 4.2em 0.0em;
            bottom: 10px;
            top: 5px;
            /*background-color: #a7cdd259 !important;
    padding-bottom: 30px;*/
        }

    .posted .posted-detail-content {
        text-indent: 2.5em;
        background-color: #f2f4f8 !important;
        border: #d2d2d457 1px solid;
        padding: 1.2em 0.5em 0.5em 1.2em;
        /*background-color: #a7cdd259 !important;
    padding-bottom: 30px;*/
    }

    .posted {
        height: auto;
    }

        .posted .date {
            float: right;
            padding: 5px 3px 20px 3px;
        }

    #list-item-load.list {
        margin: 0;
        padding: 0;
    }

        #list-item-load.list li {
            list-style: none;
            /*display: none;*/
        }

            #list-item-load.list li:nth-child(n+5) {
                display: none;
            }

    .news-item-list {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    /*หัวเว็บ*/
    .wrapper-top-navbar {
        min-height: 77px;
        position: relative;
    }


    /*.wrapper-top-navbar{min-height:103px; background:#0e4701 url(../Img/bg-Head/head-bg.png) no-repeat  top -120px  center;}*/
    .topbar2.wrapper-top-navbar { /*background:#4cc92e url(../Img/bg-Head/head-bg.png) no-repeat 50px top;*/
        float: none;
    }

.language-top {
    /*position: absolute; top: 0px; right: 28px;*/
    padding: 15px 0;
    float: right;
    /*position: inherit;
    top: 20px;*/
    position: sticky;
    right: 50px;
}

    .logo-img {
        width: 100px;
        margin: -3px 0 0 0;
    }
    /* Loading screen */
    .ui-loading .ui-loader {
        display: block;
    }

    .ui-loader {
        display: none;
        z-index: 9999999;
        position: fixed;
        top: 50%;
        left: 50%;
        border: 0;
    }

    .ui-loader-default {
        background: none;
        filter: Alpha(Opacity=18);
        opacity: .18;
        width: 2.875em;
        height: 2.875em;
        margin-left: -1.4375em;
        margin-top: -1.4375em;
    }

    .ui-loader-verbose {
        width: 12.5em;
        filter: Alpha(Opacity=88);
        opacity: .88;
        box-shadow: 0 1px 1px -1px #fff;
        height: auto;
        margin-left: -6.875em;
        margin-top: -2.6875em;
        padding: .625em;
    }

    .ui-loader-default h1 {
        font-size: 0;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .ui-loader-verbose h1 {
        font-size: 1em;
        margin: 0;
        text-align: center;
    }

    .ui-loader .ui-icon-loading {
        background-color: #000;
        display: block;
        margin: 0;
        width: 2.75em;
        height: 2.75em;
        padding: .0625em;
        -webkit-border-radius: 2.25em;
        border-radius: 2.25em;
    }

    .ui-loader-verbose .ui-icon-loading {
        margin: 0 auto .625em;
        filter: Alpha(Opacity=75);
        opacity: .75;
    }

    .ui-loader-textonly {
        padding: .9375em;
        margin-left: -7.1875em;
    }

        .ui-loader-textonly .ui-icon-loading {
            display: none;
        }

    .ui-loader-fakefix {
        position: absolute;
    }

    @media (max-width:1799px) {
        .wrapper-top-navbar {
            min-height: 77px;
            position: relative;
        }

        .topbar2.wrapper-top-navbar {
            background: #676e77 url(../Img/bg-Head/head-bg.png) no-repeat top center;
        }
    }

    .wrapper-top-navbar .navbar-right {
        margin-right: 0;
    }

        .wrapper-top-navbar .navbar-right ~ .navbar-right {
            margin-right: 0;
        }

    .wrapper-top-navbar .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

        .wrapper-top-navbar .nav > li {
            position: relative;
            display: inline-block;
        }

            .wrapper-top-navbar .nav > li > a {
                position: relative;
                display: inline-block;
                padding: 4px 6px;
            }

    .wrapper-top-navbar .navbar-nav {
        float: none;
        margin: 0;
    }

        .wrapper-top-navbar .navbar-nav > li {
            float: none;
        }

    .wrapper-top-navbar .navbar-brand {
        display: inline-block;
        margin: 0;
        padding-top: 9px;
    }

    .wrapper-top-navbar #header-menu.nav > li > a {
        position: relative;
        display: inline-block;
        padding: 0px 8px;
        border-left: 1px solid #ccc;
        line-height: 1;
    }

    .wrapper-top-navbar #header-menu.nav > li:first-child > a {
        border: none;
    }

    @media (min-width:768px) {
        .wrapper-top-navbar .navbar-right {
            float: right !important;
            margin-right: 0px;
            padding-top: 60px;
        }

        #wrapper-navbar .navbar-right {
            float: right !important;
            margin-right: 0px;
        }
    }

    @media (min-width:1000px) {
        .barmenu {
            min-height: 60px;
            background: #f6f6f6;
        }
    }

    @media (max-width:1000px) {
        .barmenu {
            min-height: 0px;
            background: #f6f6f6;
        }

        .topbar2 #header-menu.nav {
            display: none;
        }

        .topbar2.wrapper-top-navbar {
            background: #676e77;
        }

        .language-top {
            position: absolute;
            top: 5px;
            right: 28px;
        }

        .wrapper-top-navbar {
            min-height: 137px;
            position: relative;
        }

        .logo-img {
            width: 70px;
            margin: -6px 0 0 0;
        }

        .wrapper-top-navbar .navbar-brand {
            margin-left: 45px;
        }

        .wrapper-top-navbar { /*background:#0e4701 url(../Img/bg-Head/head-bg.png) no-repeat top -120px  center;*/
        }

        .topbar2.wrapper-top-navbar {
            background: #676e77 url(../Img/bg-Head/head-bg.png) no-repeat bottom left;
        }
    }

    @media (max-width:1199px) {

        .wrapper-top-navbar .navbar-right {
            max-width: 550px;
            padding-bottom: 10px;
        }

        .wrapper-top-navbar .navbar-nav > li {
            max-width: 600px;
            display: inline;
            float: none;
        }

        .wrapper-top-navbar .navbar-brand {
            max-width: 390px;
        }

        .language-top {
            position: relative;
        }

        @media (max-width:767px) {
            /*.menu-item.nav-select-lang{ display:none;}*/
            /*#wrapper-navbar .container{ padding-right:0; padding-left:0;}*/
            .wrapper-top-navbar {
                text-align: left;
            }

                .wrapper-top-navbar .navbar-nav {
                    float: none;
                    margin: 0;
                    margin-bottom: 5px;
                    display: none;
                }

                    .wrapper-top-navbar .navbar-nav > li {
                        float: none;
                    }

                .wrapper-top-navbar .navbar-brand {
                    float: none;
                    text-align: center;
                }

                .wrapper-top-navbar .navbar-brand {
                    margin-left: 55px;
                }

            .language-top {
                position: absolute;
                top: 120px;
            }

            .logo-img {
                width: 70px;
                margin: -5px 0 0 0;
            }

            .logo-left, .logo-body, .logo-right {
                display: block;
                vertical-align: top;
            }
        }

        @media (max-width:590px) {
            .wrapper-top-navbar {
                text-align: left;
            }

                .wrapper-top-navbar .navbar-nav {
                    float: none;
                    margin: 0;
                    margin-bottom: 5px;
                    display: none;
                }

                    .wrapper-top-navbar .navbar-nav > li {
                        float: none;
                    }

                .wrapper-top-navbar .navbar-brand {
                    float: none;
                    text-align: center;
                }

                .wrapper-top-navbar .navbar-brand {
                    margin-left: 55px;
                }

            .language-top {
                /*position: sticky;
            top: 120px;
            right:15px;*/
                display: contents;
            }

                .language-top p {
                    margin: 0px 0px 0px 10px;
                    padding: 4px 3px;
                }

            .logo-img {
                width: 60px;
                margin: -5px 0 0 0;
            }

            .logo-left, .logo-body, .logo-right {
                display: block;
                vertical-align: top;
            }
        }
    }
    /*main content Templete*/
    .Mcontent {
        margin-top: 0px;
    }

    .Mcontent-inner {
        margin: 15px 0 15px;
    }

    .Mcontent-shadow {
        position: relative;
        background-color: rgb(255, 255, 255);
        filter: drop-shadow(0px 25px 12px rgba(53, 52, 52, 0.53));
    }



    /*------------------------------------
  Position Spaces
------------------------------------*/
    /* Top */
    .g-top-auto {
        /* P */
        top: auto;
    }

    .g-parent:hover .g-top-auto--parent-hover {
        top: auto;
    }

    .g-top-0 {
        top: 0;
    }

    .g-top-0--hover:hover {
        top: 0;
    }

    .g-parent:hover .g-top-0--parent-hover {
        top: 0;
    }

    .g-top-1 {
        top: 0.07143rem;
    }

    .g-top-2 {
        top: 0.14286rem;
    }

    .g-top-3 {
        top: 0.21429rem;
    }

    .g-top-5 {
        top: 0.35714rem !important;
    }

    .g-top-7 {
        top: 0.5rem !important;
    }

    .g-top-10 {
        top: 0.71429rem !important;
    }

    .g-top-15 {
        top: 1.07143rem;
    }

    .g-top-20 {
        top: 1.42857rem;
    }

    .g-top-25 {
        top: 1.78571rem;
    }

    .g-top-30 {
        top: 2.14286rem;
    }

    .g-top-35 {
        top: 2.5rem;
    }

    .g-top-55 {
        top: 3.92857rem;
    }

    .g-top-65 {
        top: 4.64286rem;
    }

    .g-top-100 {
        top: 7.14286rem;
    }

    .g-top-15x {
        top: 15%;
    }

    .g-top-20x {
        top: 20%;
    }

    .g-top-25x {
        top: 25%;
    }

    .g-top-30x {
        top: 30%;
    }

    .g-top-35x {
        top: 35%;
    }

    .g-top-50x {
        top: 50%;
    }

    .g-top-100x {
        top: 100%;
    }

    /* Top Minis */
    .g-top-minus-1 {
        top: -0.07143rem;
    }

    .g-top-minus-2 {
        top: -0.14286rem;
    }

    .g-top-minus-3 {
        top: -0.21429rem !important;
    }

    .g-top-minus-4 {
        top: -0.28571rem;
    }

    .g-top-minus-5 {
        top: -0.35714rem;
    }

    .g-top-minus-6 {
        top: -0.42857rem;
    }

    .g-top-minus-8 {
        top: -0.57143rem;
    }

    .g-top-minus-10 {
        top: -0.71429rem;
    }

    .g-top-minus-15 {
        top: -1.07143rem;
    }

    .g-top-minus-20 {
        top: -1.42857rem;
    }

    .g-top-minus-30 {
        top: -2.14286rem;
    }

    .g-top-minus-35 {
        top: -2.5rem;
    }

    .g-top-minus-40 {
        top: -2.85714rem;
    }

    .g-top-minus-70 {
        top: -5rem;
    }

    .g-top-minus-120 {
        top: -8.57143rem;
    }

    .g-top-minus-25x {
        top: -25%;
    }

    .g-top-minus-80x {
        top: -80%;
    }

    /* Left */
    .g-left-auto {
        /* P */
        left: auto;
    }

    .g-left-0 {
        left: 0;
    }

    .g-left-0--hover:hover {
        left: 0;
    }

    .g-parent:hover .g-left-0--parent-hover {
        left: 0;
    }

    .g-left-2 {
        left: 0.14286rem;
    }

    .g-left-5 {
        left: 0.35714rem;
    }

    .g-left-10 {
        left: 0.71429rem;
    }

    .g-left-15 {
        left: 1.47143rem !important;
    }

    .g-left-20 {
        /*left: 1.42857rem;*/
        left: 0rem;
    }

    .g-left-30 {
        left: 2.14286rem;
    }

    .g-left-40 {
        left: 2.85714rem;
        /* O */
    }

    .g-left-45 {
        left: 3.21429rem;
        /* P */
    }

    .g-left-75 {
        left: 5.35714rem;
    }

    .g-left-110 {
        left: 7.85714rem;
    }

    .g-left-130 {
        left: 9.28571rem;
    }

    .g-left-200 {
        left: 14.28571rem;
    }

    .g-left-15x {
        left: 15%;
    }

    .g-left-35x {
        left: 35%;
    }

    .g-left-50x {
        left: 50%;
    }

    .g-left-100x {
        left: 100%;
    }

    /* Left Minus */
    .g-left-minus-3 {
        left: -0.21429rem;
    }

    .g-left-minus-6 {
        left: -0.42857rem;
    }

    .g-left-minus-7 {
        left: -0.5rem;
    }

    .g-left-minus-10 {
        left: -0.71429rem;
    }

    .g-left-minus-15 {
        left: -1.07143rem;
    }

    .g-left-minus-20 {
        left: -1.42857rem;
    }

    .g-left-minus-25 {
        left: -1.78571rem;
    }

    .g-left-minus-30 {
        left: -2.14286rem;
    }

    .g-left-minus-40 {
        left: -2.85714rem;
    }

    .g-left-minus-50 {
        left: -3.57143rem;
    }

    .g-parent:hover .g-left-minus-50--parent-hover {
        left: -3.57143rem;
    }

    /* Right */
    .g-right-auto {
        /* P */
        right: auto;
    }

    .g-right-0 {
        right: 0;
    }

    .g-right-0--hover:hover {
        right: 0;
    }

    .g-parent:hover .g-right-0--parent-hover {
        right: 0;
    }

    .g-right-5 {
        right: 0.35714rem !important;
    }

    .g-right-7 {
        right: 0.5rem !important;
    }

    .g-right-10 {
        right: 0.71429rem !important;
    }

    .g-right-15 {
        right: 1.47143rem !important;
    }

    .g-right-20 {
        /*right: 1.42857rem;*/
        right: 0rem;
    }

    .g-right-30 {
        right: 2.14286rem;
    }

    .g-right-40 {
        right: 2.85714rem;
    }

    .g-right-45 {
        right: 3.21429rem;
        /* P */
    }

    .g-right-55 {
        right: 3.92857rem;
        /* O */
    }

    .g-right-65 {
        right: 4.64286rem;
    }

    .g-right-100 {
        right: 7.14286rem;
    }

    .g-right-110 {
        right: 7.85714rem;
    }

    .g-right-130 {
        right: 9.28571rem;
    }

    .g-right-15x {
        right: 15%;
    }

    .g-right-35x {
        right: 35%;
    }

    .g-right-50x {
        right: 50%;
    }

    .g-right-100x {
        right: 100%;
    }

    /* Right Minus */
    .g-right-minus-3 {
        right: -0.21429rem !important;
    }

    .g-right-minus-6 {
        right: -0.42857rem;
    }

    .g-right-minus-5 {
        right: -0.35714rem;
    }

    .g-right-minus-10 {
        right: -0.71429rem;
    }

    .g-right-minus-13 {
        right: -0.92857rem;
    }

    .g-right-minus-15 {
        right: -1.07143rem;
    }

    .g-right-minus-20 {
        right: -1.42857rem;
    }

    .g-right-minus-25 {
        right: -1.78571rem;
    }

    .g-right-minus-40 {
        right: -2.85714rem;
    }

    .g-right-minus-50 {
        right: -3.57143rem;
    }

    /* Bottom */
    .g-bottom-auto {
        /* P */
        bottom: auto;
    }

    .g-bottom-0 {
        bottom: 0;
    }

    .g-bottom-0--hover:hover {
        bottom: 0;
    }

    .g-parent:hover .g-bottom-0--parent-hover {
        bottom: 0;
    }

    .g-bottom-6 {
        bottom: 0.42857rem;
    }

    .g-bottom-10 {
        /*bottom: 0.71429rem;*/
        bottom: 0rem;
    }

    .g-bottom-20 {
        bottom: 1.42857rem;
    }

    .g-bottom-30 {
        bottom: 2.14286rem;
    }

    .g-bottom-40 {
        bottom: 2.85714rem;
    }

    .g-bottom-50 {
        bottom: 3.57143rem;
    }

    .g-parent:hover .g-bottom-50--parent-hover {
        bottom: 3.57143rem;
    }

    .g-bottom-60 {
        bottom: 4.28571rem;
    }

    .g-bottom-80 {
        bottom: 5.71429rem;
    }

    .g-bottom-minus-20 {
        bottom: -1.42857rem;
    }

    .g-bottom-minus-30 {
        bottom: -2.14286rem;
    }

    .g-bottom-minus-40 {
        bottom: -2.85714rem;
    }

    .g-bottom-minus-70 {
        bottom: -5rem;
    }

    .g-bottom-minus-35x {
        bottom: -35%;
    }

    .g-bottom-15x {
        bottom: 15%;
    }

    .g-bottom-minus-25x {
        bottom: -25%;
    }

    .g-bottom-100x {
        bottom: 100%;
    }

    /* Z */
    @media (min-width: 576px) {
        .g-top-auto--sm {
            top: auto;
        }

        .g-left-auto--sm {
            left: auto;
        }

        .g-left-minus-20--sm {
            left: -20px;
        }

        .g-right-minus-20--sm {
            right: -20px;
        }
    }

    /* O */
    @media (min-width: 768px) {
        .g-right-0--md {
            right: 0;
        }

        .g-right-minus-15--md {
            right: -1.07143rem;
        }

        .g-left-minus-15--md {
            left: -1.07143rem;
        }

        .g-top-minus-20--md {
            top: -1.42857rem;
        }

        .g-right-minus-25--md {
            right: -1.78571rem;
        }

        .g-right-100--md {
            right: 7.14286rem;
        }

        .g-bottom-minus-50--md {
            bottom: -3.57143rem;
        }

        .g-left-auto--md {
            left: auto;
        }

        .g-left-minus-25--md {
            left: -1.78571rem;
        }

        .g-left-130--md {
            left: 9.28571rem;
        }

        .g-left-35x--md {
            left: 35%;
        }

        .g-left-50x--md {
            left: 50%;
        }

        .g-right-130--md {
            right: 9.28571rem;
        }

        .g-right-35x--md {
            right: 35%;
        }

        .g-right-50x--md {
            right: 50%;
        }
    }

    @media (min-width: 992px) {
        .g-top-0--lg {
            top: 0;
        }

        .g-right-0--lg {
            right: 0;
        }

        .g-left-minus-35--lg {
            left: -2.5rem;
        }

        .g-left-40--lg {
            left: 2.85714rem;
        }

        .g-right-minus-35--lg {
            right: -2.5rem;
        }

        .g-right-40--lg {
            right: 2.85714rem;
        }
    }


    /*// stylelint-disable selector-list-comma-newline-after
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)*/
    article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block;
    }

    .u-bg-overlay {
        /*position: relative;
        max-height: 200px;*/
        display: inline-flex;
        width: -webkit-fill-available;
    }

    figure {
        margin-bottom: 0;
    }

    figure {
        overflow: hidden;
        margin: 0 0 0rem;
    }

    .u-block-hover__main--zoom-v1, .u-block-hover__main--zoom-v2 {
        -webkit-transform: scale(1.01);
    }

    header .h3 {
        font-size: 1.0rem;
        /* line-height: 1; */
        margin-top: 0;
        margin-bottom: 6px;
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }

    header a {
        color: #000;
    }

    .prompt-500 {
        font-size: 1.2rem;
        font-family: "Prompt";
        /* line-height: 1.3; */
        font-weight: 500;
        font-style: normal;
        /* margin: 1rem; */
        /* margin-top: 0; */
        /*margin-bottom: 1.1rem;*/
        /* font-weight: bold; */
    }

    .u-bg-overlay::before, .u-bg-overlay::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    *, *::before, *::after {
        box-sizing: border-box;
    }

    @media (max-width: 500px) {
        header .h3 {
            font-size: 2.2rem;
            /* line-height: 1; */
            margin-top: 0;
            padding-bottom: 1vh;
        }
    }

    @media (min-width: 0) {
        .g-pl-5 {
            padding-left: 0.35714rem !important;
        }
    }

    @media (min-width: 0) {
        .g-pr-5 {
            padding-right: 0.35714rem !important;
        }
    }

    @media (min-width: 0) {
        .g-pt-5 {
            padding-top: 0.35714rem !important;
        }

        .g-bg-white-opacity-0_8 {
            background-color: rgba(255, 255, 255, 0.8) !important;
        }
    }

    /*------------------------------------
  Block Hovers
------------------------------------*/
    [class*="u-block-hover"] {
        position: relative;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

        [class*="u-block-hover"], [class*="u-block-hover"]::before, [class*="u-block-hover"]::after {
            transition: all .3s ease;
        }

    .u-block-hover--uncroped {
        overflow: visible;
    }

        .u-block-hover--uncroped:hover {
            z-index: 2;
        }

    .u-block-hover__img {
        max-width: 100%;
        vertical-align: top;
    }

    .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        max-width: 100%;
        height: auto;
    }

    .img-fluid {
        /*max-width: 100%;*/
        height: auto;
        width: -webkit-fill-available;
    }

    .u-block-hover__block {
        min-height: 100%;
    }

    [class*="u-block-hover__additional"] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    [class*="u-block-hover__additional--v1"] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 15px;
        opacity: 0;
    }

    .u-block-hover:hover .u-block-hover__additional--v1 {
        opacity: 1;
    }

    .u-block-hover--shadow:hover,
    .u-block-hover--shadow:hover .u-block-hover__additional-shadow {
        box-shadow: 0 0 10px #777;
    }

    .u-block-hover--shadow-v2:hover,
    .u-block-hover--shadow-v2:hover .u-block-hover__additional-shadow {
        box-shadow: 0 0 15px #ddd;
    }

    .u-block-hover--shadow-v3:hover,
    .u-block-hover--shadow-v3:hover .u-block-hover__additional-shadow {
        box-shadow: 0 0 3px #ddd;
    }

    .u-block-hover--scale:hover,
    .u-block-hover--scale-img:hover .u-block-hover__img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .u-block-hover__additional-scale {
        z-index: -1;
        max-width: initial;
    }

    .u-block-hover:hover .u-block-hover__additional-scale {
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
    }

    .u-block-hover--scale-down:hover,
    .u-block-hover--scale-down-img:hover .u-block-hover__img {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    .u-block-hover__additional-scale-down {
        z-index: -1;
        max-width: initial;
    }

    .u-block-hover:hover .u-block-hover__additional-scale-down {
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .u-block-hover__main--zoom-v1,
    .u-block-hover__main--zoom-v2 {
        -webkit-transform: scale(1.01);
    }

    .u-block-hover:hover .u-block-hover__main--zoom-v1 {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .u-block-hover:hover .u-block-hover__main--zoom-v2 {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }

    .u-block-hover [class*="icon-"] {
        padding: 1px;
    }

    .u-block-hover__main--grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        /* Firefox 10+, Firefox on Android */
        filter: gray;
        -webkit-filter: grayscale(100%);
    }

    .u-block-hover:hover .u-block-hover__main--grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
    }

    .u-block-hover__main--white {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .u-block-hover__additional--blur {
        opacity: 0;
    }

    .u-block-hover:hover .u-block-hover__additional--blur {
        opacity: 1;
        transition-delay: .11s;
    }

    .u-block-hover:hover .u-block-hover__main--blur {
        -webkit-filter: blur(30px);
        filter: blur(30px);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    [class*="u-block-hover-image-overlay"]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: all .35s ease;
    }

    .u-block-hover:hover .u-block-hover-image-overlay::after {
        opacity: 1;
    }

    .u-block-hover__additional--fade {
        opacity: 0;
    }

    .u-block-hover:hover .u-block-hover__additional--fade {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .u-block-hover__additional--fade-up {
        -webkit-transform: translate(0, 15%);
        -ms-transform: translate(0, 15%);
        transform: translate(0, 15%);
    }

    .u-block-hover__additional--fade-down {
        -webkit-transform: translate(0, -15%);
        -ms-transform: translate(0, -15%);
        transform: translate(0, -15%);
    }

    .u-block-hover__additional--fade-left {
        -webkit-transform: translate(-15%, 0);
        -ms-transform: translate(-15%, 0);
        transform: translate(-15%, 0);
    }

    .u-block-hover__additional--fade-right {
        -webkit-transform: translate(15%, 0);
        -ms-transform: translate(15%, 0);
        transform: translate(15%, 0);
    }

    .u-block-hover:hover [class*="u-block-hover__additional--push"] {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .u-block-hover:hover .u-block-hover__main--push-up {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .u-block-hover__additional--push-up {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    .u-block-hover:hover .u-block-hover__main--push-down {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    .u-block-hover__additional--push-down {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .u-block-hover:hover .u-block-hover__main--push-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .u-block-hover__additional--push-left {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .u-block-hover:hover .u-block-hover__main--push-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .u-block-hover__additional--push-right {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .u-block-hover:hover [class*="u-block-hover__additional--slide"],
    .u-block-hover:hover [class*="u-block-hover__additional--partially-slide"] {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .u-block-hover__additional--slide-up {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    .u-block-hover__additional--slide-down {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .u-block-hover__additional--slide-left {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .u-block-hover__additional--slide-right {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .u-block-hover__additional--slide-bottom-right {
        -webkit-transform: translate(-100%, -100%);
        -ms-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%);
    }

    .u-block-hover__additional--slide-bottom-left {
        -webkit-transform: translate(100%, -100%);
        -ms-transform: translate(100%, -100%);
        transform: translate(100%, -100%);
    }

    .u-block-hover__additional--slide-top-right {
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%);
    }

    .u-block-hover__additional--slide-top-left {
        -webkit-transform: translate(100%, 100%);
        -ms-transform: translate(100%, 100%);
        transform: translate(100%, 100%);
    }

    .u-block-hover__additional--partially-slide-up {
        top: auto;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        overflow: visible;
    }

        .u-block-hover__additional--partially-slide-up .u-block-hover__visible {
            position: absolute;
            bottom: 100%;
            margin-bottom: -1px;
            left: 0;
            right: 0;
            padding-left: inherit;
            padding-right: inherit;
            background: inherit;
        }

    .u-block-hover__additional--partially-slide-down {
        bottom: auto;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        overflow: visible;
    }

        .u-block-hover__additional--partially-slide-down .u-block-hover__visible {
            position: absolute;
            top: 100%;
            margin-top: -1px;
            left: 0;
            right: 0;
            padding-left: inherit;
            padding-right: inherit;
            background: inherit;
        }

    .u-block-hover--cot {
        -webkit-perspective: 50em;
        perspective: 50em;
    }

    [class*="u-block-hover__additional--cot"] {
        opacity: 0;
        z-index: 1;
    }

    .u-block-hover--cot:hover [class*="u-block-hover__main--cot"] {
        opacity: 0;
    }

    .u-block-hover--cot:hover [class*="u-block-hover__additional--cot"] {
        opacity: 1;
        transition-delay: 0.21s;
    }

    .u-block-hover__main--cot-up {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .u-block-hover__additional--cot-up {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .u-block-hover--cot:hover .u-block-hover__main--cot-up {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }

    .u-block-hover--cot:hover .u-block-hover__additional--cot-up {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .u-block-hover__main--cot-down {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .u-block-hover__additional--cot-down {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: 50% -50%;
        -ms-transform-origin: 50% -50%;
        transform-origin: 50% -50%;
    }

    .u-block-hover--cot:hover .u-block-hover__main--cot-down {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0;
    }

    .u-block-hover--cot:hover .u-block-hover__additional--cot-down {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .u-block-hover__main--cot-left {
        -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    .u-block-hover__additional--cot-left {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .u-block-hover--cot:hover .u-block-hover__main--cot-left {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    .u-block-hover--cot:hover .u-block-hover__additional--cot-left {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .u-block-hover__main--cot-right {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .u-block-hover__additional--cot-right {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .u-block-hover--cot:hover .u-block-hover__main--cot-right {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    .u-block-hover--cot:hover .u-block-hover__additional--cot-right {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .u-block-hover--flip {
        -webkit-perspective: 50em;
        perspective: 50em;
    }

    [class*="u-block-hover__main--flip"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    [class*="u-block-hover__additional--flip"] {
        opacity: 0;
    }

    .u-block-hover--flip:hover [class*="u-block-hover__main--flip"] {
        opacity: 0;
    }

    .u-block-hover--flip:hover [class*="u-block-hover__additional--flip"] {
        opacity: 1;
        transition-delay: 0.13999999999999999s;
    }

    .u-block-hover__additional--flip-horiz {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .u-block-hover--flip:hover .u-block-hover__main--flip-horiz {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    .u-block-hover--flip:hover .u-block-hover__additional--flip-horiz {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .u-block-hover__additional--flip-vert {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    .u-block-hover--flip:hover .u-block-hover__main--flip-vert {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .u-block-hover--flip:hover .u-block-hover__additional--flip-vert {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .u-block-hover__additional--flip-diag-1 {
        -webkit-transform: rotate3d(1, 1, 0, 100deg);
        transform: rotate3d(1, 1, 0, 100deg);
    }

    .u-block-hover--flip:hover .u-block-hover__main--flip-diag-1 {
        -webkit-transform: rotate3d(-1, -1, 0, 100deg);
        transform: rotate3d(-1, -1, 0, 100deg);
    }

    .u-block-hover--flip:hover .u-block-hover__additional--flip-diag-1 {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }

    .u-block-hover__additional--flip-diag-2 {
        -webkit-transform: rotate3d(1, -1, 0, 100deg);
        transform: rotate3d(1, -1, 0, 100deg);
    }

    .u-block-hover--flip:hover .u-block-hover__main--flip-diag-2 {
        -webkit-transform: rotate3d(-1, 1, 0, 100deg);
        transform: rotate3d(-1, 1, 0, 100deg);
    }

    .u-block-hover--flip:hover .u-block-hover__additional--flip-diag-2 {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }

    .u-block-hover--fold {
        -webkit-perspective: 50em;
        perspective: 50em;
    }

    [class*="u-block-hover__main--fold"] {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    [class*="u-block-hover__additional--fold"] {
        z-index: 1;
        opacity: 0;
    }

    .u-block-hover--fold:hover [class*="u-block-hover__main--fold"] {
        opacity: 0;
        transition-delay: 0;
    }

    .u-block-hover--fold:hover [class*="u-block-hover__additional--fold"] {
        -webkit-transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
        transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
        opacity: 1;
        transition-delay: .21s;
    }

    .u-block-hover__main--fold-up {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .u-block-hover__additional--fold-up {
        -webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
        transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .u-block-hover--fold:hover .u-block-hover__main--fold-up {
        -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
        transform: rotateX(90deg) scale(0.6) translateY(50%);
    }

    .u-block-hover__main--fold-down {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

    .u-block-hover__additional--fold-down {
        -webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
        transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    .u-block-hover--fold:hover .u-block-hover__main--fold-down {
        -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
        transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    }

    .u-block-hover__main--fold-left {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .u-block-hover__additional--fold-left {
        -webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
        transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .u-block-hover--fold:hover .u-block-hover__main--fold-left {
        -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
        transform: rotateY(-90deg) scale(0.6) translateX(50%);
    }

    .u-block-hover__main--fold-right {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .u-block-hover__additional--fold-right {
        -webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
        transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }

    .u-block-hover--fold:hover .u-block-hover__main--fold-right {
        -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
        transform: rotateY(90deg) scale(0.6) translateX(-50%);
    }

    .u-block-hover__additional--zoom-in {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }

    .u-block-hover:hover .u-block-hover__additional--zoom-in {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .u-block-hover__additional--zoom-out {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        opacity: 0;
    }

    .u-block-hover:hover .u-block-hover__main--zoom-out {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    .u-block-hover:hover .u-block-hover__additional--zoom-out {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        transition-delay: .35s;
    }

    [class*="u-block-hover--shutter-out"]::after {
        content: "";
        position: absolute;
        transition-delay: .105s;
        z-index: 1;
    }

    .u-block-hover__additional--shutter-out {
        opacity: 0;
        transition-delay: 0s;
        z-index: 2;
    }

    [class*="u-block-hover--shutter-out"]:hover::after {
        transition-delay: 0s;
    }

    [class*="u-block-hover--shutter-out"]:hover .u-block-hover__additional--shutter-out {
        opacity: 1;
        transition-delay: .105s;
    }

    .u-block-hover--shutter-out-horiz::after {
        left: 50%;
        right: 50%;
        top: 0;
        bottom: 0;
    }

    .u-block-hover--shutter-out-horiz:hover::after {
        left: 0;
        right: 0;
    }

    .u-block-hover--shutter-out-vert::after {
        top: 50%;
        bottom: 50%;
        left: 0;
        right: 0;
    }

    .u-block-hover--shutter-out-vert:hover::after {
        top: 0;
        bottom: 0;
    }

    .u-block-hover--shutter-out-diag-1::after {
        top: 50%;
        bottom: 50%;
        left: -35%;
        right: -35%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .u-block-hover--shutter-out-diag-1:hover::after {
        top: -35%;
        bottom: -35%;
    }

    .u-block-hover--shutter-out-diag-2::after {
        top: 50%;
        bottom: 50%;
        left: -35%;
        right: -35%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .u-block-hover--shutter-out-diag-2:hover::after {
        top: -35%;
        bottom: -35%;
    }

    [class*="u-block-hover--shutter-in"]::after,
    [class*="u-block-hover--shutter-in"]::before {
        content: "";
        position: absolute;
        z-index: 1;
    }

    [class*="u-block-hover--shutter-in"]::after {
        top: 0;
        left: 0;
    }

    [class*="u-block-hover--shutter-in"]::before {
        right: 0;
        bottom: 0;
    }

    .u-block-hover__additional--shutter-in {
        opacity: 0;
        z-index: 2;
    }

    [class*="u-block-hover--shutter-in"]:hover .u-block-hover__additional--shutter-in {
        opacity: 1;
        transition-delay: .21s;
    }

    .u-block-hover--shutter-in-horiz::after,
    .u-block-hover--shutter-in-horiz::before {
        width: 0;
        height: 100%;
    }

    .u-block-hover--shutter-in-horiz:hover::after,
    .u-block-hover--shutter-in-horiz:hover::before {
        width: 100%;
    }

    .u-block-hover--shutter-in-vert::after,
    .u-block-hover--shutter-in-vert::before {
        height: 0;
        width: 100%;
    }

    .u-block-hover--shutter-in-vert:hover::after,
    .u-block-hover--shutter-in-vert:hover::before {
        height: 100%;
    }

    .u-block-hover--shutter-in-diag-1::after,
    .u-block-hover--shutter-in-diag-1::before {
        width: 200%;
        height: 200%;
        transition: all .6s ease;
    }

    .u-block-hover--shutter-in-diag-1::after {
        -webkit-transform: skew(-45deg) translateX(-150%);
        -ms-transform: skew(-45deg) translateX(-150%);
        transform: skew(-45deg) translateX(-150%);
    }

    .u-block-hover--shutter-in-diag-1::before {
        -webkit-transform: skew(-45deg) translateX(150%);
        -ms-transform: skew(-45deg) translateX(150%);
        transform: skew(-45deg) translateX(150%);
    }

    .u-block-hover--shutter-in-diag-1:hover::after {
        -webkit-transform: skew(-45deg) translateX(-50%);
        -ms-transform: skew(-45deg) translateX(-50%);
        transform: skew(-45deg) translateX(-50%);
    }

    .u-block-hover--shutter-in-diag-1:hover::before {
        -webkit-transform: skew(-45deg) translateX(50%);
        -ms-transform: skew(-45deg) translateX(50%);
        transform: skew(-45deg) translateX(50%);
    }

    .u-block-hover--shutter-in-diag-2::after,
    .u-block-hover--shutter-in-diag-2::before {
        width: 200%;
        height: 200%;
        transition: all .6s ease;
    }

    .u-block-hover--shutter-in-diag-2::after {
        -webkit-transform: skew(45deg) translateX(-100%);
        -ms-transform: skew(45deg) translateX(-100%);
        transform: skew(45deg) translateX(-100%);
    }

    .u-block-hover--shutter-in-diag-2::before {
        -webkit-transform: skew(45deg) translateX(100%);
        -ms-transform: skew(45deg) translateX(100%);
        transform: skew(45deg) translateX(100%);
    }

    .u-block-hover--shutter-in-diag-2:hover::after {
        -webkit-transform: skew(45deg) translateX(0);
        -ms-transform: skew(45deg) translateX(0);
        transform: skew(45deg) translateX(0);
    }

    .u-block-hover--shutter-in-diag-2:hover::before {
        -webkit-transform: skew(45deg) translateX(0);
        -ms-transform: skew(45deg) translateX(0);
        transform: skew(45deg) translateX(0);
    }

    [class*="u-block-hover--shutter-in-out"]::after,
    [class*="u-block-hover--shutter-in-out"]::before {
        content: "";
        position: absolute;
        z-index: 1;
    }

    [class*="u-block-hover--shutter-in-out"]::after {
        top: 0;
        left: 0;
    }

    [class*="u-block-hover--shutter-in-out"]::before {
        right: 0;
        bottom: 0;
    }

    .u-block-hover__additional--shutter-in-out {
        opacity: 0;
        z-index: 2;
    }

    [class*="u-block-hover--shutter-in-out"]:hover .u-block-hover__additional--shutter-in-out {
        opacity: 1;
        transition-delay: .21s;
    }

    .u-block-hover--shutter-in-out-horiz::after,
    .u-block-hover--shutter-in-out-horiz::before {
        width: 0;
        height: 100%;
    }

    .u-block-hover--shutter-in-out-horiz:hover::after,
    .u-block-hover--shutter-in-out-horiz:hover::before {
        width: 100%;
        opacity: .75;
    }

    .u-block-hover--shutter-in-out-vert::after,
    .u-block-hover--shutter-in-out-vert::before {
        height: 0;
        width: 100%;
    }

    .u-block-hover--shutter-in-out-vert:hover::after,
    .u-block-hover--shutter-in-out-vert:hover::before {
        height: 100%;
        opacity: .75;
    }

    .u-block-hover--shutter-in-out-diag-1::after,
    .u-block-hover--shutter-in-out-diag-1::before {
        width: 200%;
        height: 200%;
        transition: all .6s ease;
        opacity: .75;
    }

    .u-block-hover--shutter-in-out-diag-1::after {
        -webkit-transform: skew(-45deg) translateX(-150%);
        -ms-transform: skew(-45deg) translateX(-150%);
        transform: skew(-45deg) translateX(-150%);
    }

    .u-block-hover--shutter-in-out-diag-1::before {
        -webkit-transform: skew(-45deg) translateX(150%);
        -ms-transform: skew(-45deg) translateX(150%);
        transform: skew(-45deg) translateX(150%);
    }

    .u-block-hover--shutter-in-out-diag-1:hover::after {
        -webkit-transform: skew(-45deg) translateX(-50%);
        -ms-transform: skew(-45deg) translateX(-50%);
        transform: skew(-45deg) translateX(-50%);
    }

    .u-block-hover--shutter-in-out-diag-1:hover::before {
        -webkit-transform: skew(-45deg) translateX(50%);
        -ms-transform: skew(-45deg) translateX(50%);
        transform: skew(-45deg) translateX(50%);
    }

    .u-block-hover--shutter-in-out-diag-2::after,
    .u-block-hover--shutter-in-out-diag-2::before {
        width: 200%;
        height: 200%;
        transition: all .6s ease;
        opacity: .75;
    }

    .u-block-hover--shutter-in-out-diag-2::after {
        -webkit-transform: skew(45deg) translateX(-100%);
        -ms-transform: skew(45deg) translateX(-100%);
        transform: skew(45deg) translateX(-100%);
    }

    .u-block-hover--shutter-in-out-diag-2::before {
        -webkit-transform: skew(45deg) translateX(100%);
        -ms-transform: skew(45deg) translateX(100%);
        transform: skew(45deg) translateX(100%);
    }

    .u-block-hover--shutter-in-out-diag-2:hover::after {
        -webkit-transform: skew(45deg) translateX(0);
        -ms-transform: skew(45deg) translateX(0);
        transform: skew(45deg) translateX(0);
    }

    .u-block-hover--shutter-in-out-diag-2:hover::before {
        -webkit-transform: skew(45deg) translateX(0);
        -ms-transform: skew(45deg) translateX(0);
        transform: skew(45deg) translateX(0);
    }

    .u-block-hover--strip-shutter::before,
    .u-block-hover--strip-shutter::after,
    .u-block-hover__additional--strip-shutter::before,
    .u-block-hover__additional--strip-shutter::after {
        content: "";
        position: absolute;
        top: 0;
        width: 25%;
        height: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
    }

    .u-block-hover--strip-shutter::before,
    .u-block-hover--strip-shutter::after {
        z-index: 1;
    }

    .u-block-hover--strip-shutter::before {
        left: 0;
        transition-delay: 0s;
    }

    .u-block-hover--strip-shutter::after {
        left: 25%;
        transition-delay: .105s;
    }

    .u-block-hover__additional--strip-shutter {
        z-index: 3;
    }

        .u-block-hover__additional--strip-shutter::before,
        .u-block-hover__additional--strip-shutter::after {
            z-index: -1;
        }

        .u-block-hover__additional--strip-shutter::before {
            left: 50%;
            transition-delay: .21s;
        }

        .u-block-hover__additional--strip-shutter::after {
            left: 75%;
            transition-delay: .35s;
        }

    .u-block-hover--strip-shutter:hover::before,
    .u-block-hover--strip-shutter:hover::after,
    .u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter::before,
    .u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .u-block-hover__additional--strip-shutter__inner {
        opacity: 0;
    }

    .u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter__inner {
        opacity: 1;
        transition-delay: .35s;
    }

    .u-block-hover--tile::before,
    .u-block-hover--tile::after,
    .u-block-hover__additional--tile::before,
    .u-block-hover__additional--tile::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 50%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    .u-block-hover--tile::before,
    .u-block-hover--tile::after {
        z-index: 1;
    }

    .u-block-hover--tile::before {
        top: 0;
        left: 0;
        transition-delay: 0s;
    }

    .u-block-hover--tile::after {
        top: 0;
        left: 50%;
        transition-delay: .105s;
    }

    .u-block-hover__additional--tile {
        z-index: 3;
    }

        .u-block-hover__additional--tile::before,
        .u-block-hover__additional--tile::after {
            z-index: -1;
        }

        .u-block-hover__additional--tile::before {
            top: 50%;
            left: 0;
            transition-delay: .21s;
        }

        .u-block-hover__additional--tile::after {
            top: 50%;
            left: 50%;
            transition-delay: .35s;
        }

    .u-block-hover--tile:hover::before,
    .u-block-hover--tile:hover::after,
    .u-block-hover--tile:hover .u-block-hover__additional--tile::before,
    .u-block-hover--tile:hover .u-block-hover__additional--tile::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .u-block-hover__additional--tile__inner {
        opacity: 0;
    }

    .u-block-hover--tile:hover .u-block-hover__additional--tile__inner {
        opacity: 1;
        transition-delay: .35s;
    }

    .u-block-hover--cube {
        overflow: visible;
        background-color: transparent;
        -webkit-perspective: 50em;
        perspective: 50em;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    [class*="u-block-hover__main--cube"] {
        transition-delay: .05s;
    }

    [class*="u-block-hover__additional--cube"] {
        opacity: 0;
        transition-delay: 0s;
    }

    .u-block-hover--cube:hover [class*="u-block-hover__main--cube"] {
        opacity: 0;
        transition-delay: 0s;
    }

    .u-block-hover--cube:hover [class*="u-block-hover__additional--cube"] {
        opacity: 1;
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        transition-delay: .05s;
    }

    .u-block-hover__additional--cube-up {
        -webkit-transform: translateY(50%) rotateX(-90deg);
        transform: translateY(50%) rotateX(-90deg);
    }

    .u-block-hover--cube:hover .u-block-hover__main--cube-up {
        -webkit-transform: translateY(-50%) rotateX(90deg);
        transform: translateY(-50%) rotateX(90deg);
    }

    .u-block-hover__additional--cube-down {
        -webkit-transform: translateY(-50%) rotateX(90deg);
        transform: translateY(-50%) rotateX(90deg);
    }

    .u-block-hover--cube:hover .u-block-hover__main--cube-down {
        -webkit-transform: translateY(50%) rotateX(-90deg);
        transform: translateY(50%) rotateX(-90deg);
    }

    .u-block-hover__additional--cube-left {
        -webkit-transform: translateX(-50%) rotateY(-90deg);
        transform: translateX(-50%) rotateY(-90deg);
    }

    .u-block-hover--cube:hover .u-block-hover__main--cube-left {
        -webkit-transform: translateX(50%) rotateY(90deg);
        transform: translateX(50%) rotateY(90deg);
    }

    .u-block-hover__additional--cube-right {
        -webkit-transform: translateX(50%) rotateY(90deg);
        transform: translateX(50%) rotateY(90deg);
    }

    .u-block-hover--cube:hover .u-block-hover__main--cube-right {
        -webkit-transform: translateX(-50%) rotateY(-90deg);
        transform: translateX(-50%) rotateY(-90deg);
    }

    .u-block-hover--border-reveal::before,
    .u-block-hover--border-reveal::after,
    .u-block-hover__additional--border-reveal::before,
    .u-block-hover__additional--border-reveal::after {
        content: "";
        position: absolute;
        background-color: #fff;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .u-block-hover--border-reveal::before,
    .u-block-hover--border-reveal::after {
        left: 5px;
        right: 5px;
        height: 4px;
        z-index: 1;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
    }

    .u-block-hover--border-reveal::before {
        top: 5px;
        transition-delay: .28s;
    }

    .u-block-hover--border-reveal:hover::before {
        transition-delay: 0s;
    }

    .u-block-hover--border-reveal::after {
        bottom: 5px;
        transition-delay: 0s;
    }

    .u-block-hover--border-reveal:hover::after {
        transition-delay: .28s;
    }

    .u-block-hover__additional--border-reveal {
        background-color: transparent;
        z-index: 3;
    }

    .u-block-hover__additional--border-reveal__inner {
        opacity: 0;
    }

    .u-block-hover__additional--border-reveal::before,
    .u-block-hover__additional--border-reveal::after {
        top: 5px;
        bottom: 5px;
        width: 4px;
        z-index: -1;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
    }

    .u-block-hover__additional--border-reveal::before {
        left: 5px;
        transition-delay: .28s;
    }

    .u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::before {
        transition-delay: 0s;
    }

    .u-block-hover__additional--border-reveal::after {
        right: 5px;
        transition-delay: 0s;
    }

    .u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::after {
        transition-delay: .28s;
    }

    .u-block-hover--border-reveal:hover .u-block-hover__main--border-reveal {
        opacity: 0;
    }

    .u-block-hover--border-reveal:hover::before,
    .u-block-hover--border-reveal:hover::after,
    .u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::before,
    .u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal__inner {
        opacity: 1;
        transition-delay: .35s;
    }

    .u-block-hover:hover img[class*="u-block-hover__main--mover-"],
    .u-block-hover:hover [class*="u-block-hover__additional--mover-"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    img[class*="u-block-hover__main--mover-"] {
        max-width: initial;
        width: calc(100% + 60px);
        transition-duration: 0.5s;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    [class*="u-block-hover__additional--mover-"] {
        opacity: 0;
        transition-duration: 0.5s;
    }

    img.u-block-hover__main--mover-left {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
    }

    .u-block-hover__additional--mover-left {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    img.u-block-hover__main--mover-right {
        -webkit-transform: translate3d(-60px, 0, 0);
        transform: translate3d(-60px, 0, 0);
    }

    .u-block-hover__additional--mover-right {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    img.u-block-hover__main--mover-up {
        -webkit-transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1);
        transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1);
    }

    .u-block-hover__additional--mover-up {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    img.u-block-hover__main--mover-down {
        -webkit-transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
        transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
    }

    .u-block-hover__additional--mover-down {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    .u-block-hover__additional--focuser-element {
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        opacity: .3;
        box-shadow: 0 0 0 31px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4);
        transition-duration: .5s;
    }

    .u-block-hover__additional--focuser-target {
        position: static;
        opacity: 0;
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4);
        transition-duration: .5s;
    }

    .u-block-hover:hover .u-block-hover__additional--focuser-target,
    .u-block-hover:hover .u-block-hover__additional--focuser-element {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        transition-duration: .3s;
    }

    img[class*="u-block-hover__main--magnifier"] {
        max-width: initial;
        width: calc(100% + 10px);
        margin: -10px 0;
    }

    [class*="u-block-hover__additional--magnifier-element"] {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        box-shadow: 0 0 0 4000px rgba(255, 255, 255, 0.3);
        z-index: 2;
        opacity: 0;
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .u-block-hover:hover [class*="u-block-hover__additional--magnifier-element"] {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    [class*="u-block-hover__additional--magnifier-description"] {
        max-width: 115px;
        z-index: 3;
        opacity: 0;
    }

    .u-block-hover:hover [class*="u-block-hover__additional--magnifier-description"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .u-block-hover__additional--magnifier-element-bottom-right {
        top: auto;
        left: auto;
        bottom: -180px;
        right: -180px;
    }

    .u-block-hover__additional--magnifier-description-bottom-right {
        top: auto;
        right: 30px;
        bottom: 30px;
        left: auto;
        -webkit-transform: translate3d(20px, 20px, 0);
        transform: translate3d(20px, 20px, 0);
    }

    .u-block-hover:hover img.u-block-hover__main--magnifier-bottom-right {
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0);
    }

    .u-block-hover__additional--magnifier-element-top-right {
        top: -180px;
        right: -180px;
        bottom: auto;
        left: auto;
    }

    .u-block-hover__additional--magnifier-description-top-right {
        top: 30px;
        right: 30px;
        bottom: auto;
        left: auto;
        -webkit-transform: translate3d(20px, -20px, 0);
        transform: translate3d(20px, -20px, 0);
    }

    .u-block-hover:hover img.u-block-hover__main--magnifier-top-right {
        -webkit-transform: translate3d(-10px, 10px, 0);
        transform: translate3d(-10px, 10px, 0);
    }

    img.u-block-hover__main--magnifier-bottom-left {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    .u-block-hover__additional--magnifier-element-bottom-left {
        top: auto;
        left: -180px;
        bottom: -180px;
        right: auto;
    }

    .u-block-hover__additional--magnifier-description-bottom-left {
        top: auto;
        right: auto;
        bottom: 30px;
        left: 30px;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0);
    }

    .u-block-hover:hover img.u-block-hover__main--magnifier-bottom-left {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    img.u-block-hover__main--magnifier-top-left {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    .u-block-hover__additional--magnifier-element-top-left {
        top: -180px;
        left: -180px;
        bottom: auto;
        right: auto;
    }

    .u-block-hover__additional--magnifier-description-top-left {
        top: 30px;
        right: auto;
        bottom: auto;
        left: 30px;
        -webkit-transform: translate3d(-20px, -20px, 0);
        transform: translate3d(-20px, -20px, 0);
    }

    .u-block-hover:hover img.u-block-hover__main--magnifier-top-left {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    [class*="u-block-hover__additional--pappercuter"] {
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .u-block-hover__additional--pappercuter-inner {
        width: 100%;
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    .u-block-hover__additional--pappercuter-front,
    .u-block-hover__additional--pappercuter-back {
        max-width: initial;
        width: 120%;
        top: -60px;
        bottom: -60px;
        left: -10%;
        z-index: 2;
        background-position: center;
        background-size: cover;
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    .u-block-hover__additional--pappercuter-front {
        clip: rect(0px, auto, 246px, 0px);
    }

    .u-block-hover__additional--pappercuter-back {
        top: -61px;
        clip: rect(246px, auto, auto, 0px);
    }

    .u-block-hover:hover .u-block-hover__additional--pappercuter-front {
        -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, -45%, 0);
        transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, -45%, 0);
    }

    .u-block-hover:hover .u-block-hover__additional--pappercuter-back {
        -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, 45%, 0);
        transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, 45%, 0);
    }

    [class*="u-block-hover__additional--outside"] {
        opacity: 0;
        visibility: hidden;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0.7, -1.2, 0.8, 1.2);
    }

    .u-block-hover:hover [class*="u-block-hover__additional--outside"] {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition-timing-function: cubic-bezier(0.25, 1.8, 0.8, 1);
    }

    .u-block-hover__additional--outside-down {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    .u-block-hover__additional--outside-up {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .u-block-hover__additional--outside-left {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .u-block-hover__additional--outside-right {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    [class*="u-block-hover__additional--lightspeed"] {
        visibility: hidden;
        opacity: 0;
        transition-duration: .7s;
        transition-timing-function: cubic-bezier(0.75, -1.2, 0.8, 2);
    }

    .u-block-hover:hover [class*="u-block-hover__additional--lightspeed"] {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) skew(0deg, 0deg);
        transition-timing-function: cubic-bezier(0.25, 2, 0.75, 1);
    }

    .u-block-hover__additional--lightspeed-left {
        -webkit-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: translate3d(150%, 0, 0) skew(-35deg, 0deg);
        transform: translate3d(150%, 0, 0) skew(-35deg, 0deg);
    }

    .u-block-hover__additional--lightspeed-right {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: translate3d(-150%, 0, 0) skew(35deg, 0deg);
        transform: translate3d(-150%, 0, 0) skew(35deg, 0deg);
    }

    .u-block-hover__additional--lightspeed-down {
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translate3d(0, -150%, 0) skew(0deg, -35deg);
        transform: translate3d(0, -150%, 0) skew(0deg, -35deg);
    }

    .u-block-hover__additional--lightspeed-up {
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: translate3d(0, 150%, 0) skew(0deg, -35deg);
        transform: translate3d(0, 150%, 0) skew(0deg, -35deg);
    }

    [class*="u-block-hover__additional--rotate"] {
        opacity: 0;
        visibility: hidden;
    }

    .u-block-hover:hover [class*="u-block-hover__additional--rotate"] {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
        transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
    }

    .u-block-hover__additional--rotate-in {
        opacity: 1;
        transition-property: opacity, visibility, -webkit-transform;
        transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility, -webkit-transform;
        transition-duration: .4s;
        -webkit-transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0);
        transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0);
    }

    .u-block-hover__additional--rotate-down-left {
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    .u-block-hover__additional--rotate-down-right {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .u-block-hover__additional--rotate-up-left {
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .u-block-hover__additional--rotate-up-right {
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

    .u-block-hover__additional--jump {
        position: static;
    }

    .u-block-hover:hover .u-block-hover__additional--jump,
    .u-block-hover.u-block-hover__additional--jump:hover {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    .bypostauthor, .gallery-caption, .sticky {
        font-size: inherit;
    }

        .sticky.is-sticky {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            z-index: 1000;
            width: 100%;
        }
    /*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
    .counts {
        padding: 30px 0 20px;
    }

        .counts .count-box {
            padding: 30px 30px 25px 30px;
            width: 100%;
            position: relative;
            text-align: center;
            background: #f1f6fe;
        }

            .counts .count-box i {
                position: absolute;
                top: -28px;
                left: 50%;
                transform: translateX(-50%);
                font-size: 24px;
                background: #106eea;
                padding: 12px;
                color: #fff;
                border-radius: 50px;
                border: 5px solid #fff;
            }

            .counts .count-box span {
                font-size: 36px;
                display: block;
                font-weight: 600;
                color: #062b5b;
            }

            .counts .count-box p {
                padding: 0;
                margin: 0;
                font-family: "Roboto", sans-serif;
                font-size: 14px;
            }