/* Minification failed. Returning unminified contents.
(192,33): run-time error CSS1034: Expected closing parenthesis, found ','
(192,33): run-time error CSS1042: Expected function, found ','
(192,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(806,33): run-time error CSS1034: Expected closing parenthesis, found ','
(806,33): run-time error CSS1042: Expected function, found ','
(806,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1420,33): run-time error CSS1034: Expected closing parenthesis, found ','
(1420,33): run-time error CSS1042: Expected function, found ','
(1420,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2070,33): run-time error CSS1034: Expected closing parenthesis, found ','
(2070,33): run-time error CSS1042: Expected function, found ','
(2070,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5202,22): run-time error CSS1039: Token not allowed after unary operator: '-color2'
(5224,21): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(5230,25): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(5234,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5235,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5260,29): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(5264,38): run-time error CSS1039: Token not allowed after unary operator: '-color1'
(5265,33): run-time error CSS1039: Token not allowed after unary operator: '-color2'
(5279,24): run-time error CSS1039: Token not allowed after unary operator: '-color3'
*/
@media (max-width:320px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 190px;
background-size: 190px;
height: 75px;
margin: 0px 0 0 5px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 190px;
background-size: 190px;
height: 75px;
margin: 0px 0 0 5px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 190px;
background-size: 190px;
height: 75px;
margin: 0px 0 0 5px;
display: block;
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: none;
}
.float-rightmb {
float: none;
}
.float-leftmbb {
float: left;
}
.header-bg {
height: 75px;
background: #fff;
}
.menubar {
margin: 20px 15px 20px 10px;
}
.searchbutton {
font-size: 25px;
margin: 15px 3px 15px 3px;
padding: 5px;
border-radius: 4px;
}
.header-top {
background: #082443;
position: relative;
z-index: 90;
}
.lang-link {
color: #fff;
}
.blue-link {
color: #fff;
display: inline-block;
background: #051a32;
margin-right: -5px;
}
.blue-link:hover {
color: #fff;
background: #f3bf46;
}
.tp-rightarrow {
float: left;
width: 20px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/righthover.png) no-repeat center;
background-size: 20px;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
right: 1%;
opacity: 0.2;
}
.tp-leftarrow {
float: left;
width: 20px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/lefthover.png) no-repeat center;
background-size: 20px;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
left: 1%;
opacity: 0.2;
}
.slogan1 {
color: #FFF;
font-size: 10px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 13px;
width: 280px;
display: inline-block !important;
white-space: normal;
line-height: 20px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 5px 5px 5px 5px;
border-radius: 10px;
color: #ffc742;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 11px;
margin: 15px 0 0 0;
}
.detail-btn:hover {
border: solid 1px #ffc742;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.home-btn-bg {
background: rgb(15,26,38,0.8);
width: 100%;
height: 100%;
text-align: center;
padding-top: 50px;
font-size: 14px;
color: #FFF;
}
.dropup-content {
display: none;
position: absolute;
min-width: 160px;
bottom: 0px;
z-index: 3;
border-radius: 5px 5px 0px 0px;
background: rgb(30,107,173);
background: linear-gradient(193deg, rgba(68,68,68,0.85) 0%, rgba(31,71,105,0.95) 100%);
padding: 15px !important;
}
.dropup-content a:hover {
background: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.dropup-content a {
color: #fff;
font-size: 11.5px;
font-family: 'PT Sans';
padding: 0px;
display: block;
}
.nav-tabs .nav-link {
background-color: #e2e6ec;
color: #0e1d4e;
border-color: none;
border: 0px;
font-weight: 600;
border-radius: 0px;
padding: 12px;
font-size: 13px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #fff;
color: #0e1d4e;
font-weight: 600;
border-color: none;
border: 0px;
}
.news-pd {
padding: 30px 0 0 0;
}
.fs50mb {
font-size: 30px;
}
.fs25mb {
font-size: 15px;
}
.footer-menu li a {
background: #fff;
margin: 5px;
height: 60px;
box-shadow: 2px 2px 15px #CCC;
border-left: solid 3px #000;
color: #000;
font-size: 13px;
padding: 10px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
display: block;
}
.footer-menu-pd {
margin: 30px 0 30px 0;
}
.header-f .logo {
background: url(/images/logo.png) no-repeat center center;
width: 160px;
background-size: 160px;
height: 110px;
margin: -15px 0 0 5px;
display: block;
}
.header-f .logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 160px;
background-size: 160px;
height: 110px;
margin: -15px 0 0 5px;
display: block;
}
.header-f .logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 160px;
background-size: 160px;
height: 110px;
margin: -15px 0 0 5px;
display: block;
}
.content-top {
margin: 75px 0 0 0;
}
.h-90 {
height: auto;
}
.mb-5mb {
margin-bottom: 0px;
}
.etitle {
background: #ffc742;
padding: 20px;
font-size: 15px;
}
.atitle {
background: #e2e6ec;
padding: 20px;
font-size: 15px;
}
.p-5mb {
padding: 10px;
}
.circle-text {
color: #0e1d4e;
font-size: 20px;
text-align: center;
text-shadow: 2px 2px 122px #666;
opacity: 1;
margin: 20px 0 20px 0;
display: inline-block
}
.circle-1 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-1-1 {
font-size: 30px;
font-weight: 700;
}
.circle-1-2 {
font-size: 15px;
}
.circle-2 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-2-1 {
font-size: 30px;
font-weight: 700;
}
.circle-2-2 {
font-size: 15px;
}
.circle-3 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-3-1 {
font-size: 30px;
font-weight: 700;
}
.circle-3-2 {
font-size: 15px;
}
.circle-4 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-4-1 {
font-size: 30px;
font-weight: 700;
}
.circle-4-2 {
font-size: 15px;
}
.circle-5 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-5-1 {
font-size: 30px;
font-weight: 700;
}
.circle-5-2 {
font-size: 15px;
}
.circle-6 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-6-1 {
font-size: 30px;
font-weight: 700;
}
.circle-6-2 {
font-size: 15px;
}
.circle-7 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-7-1 {
font-size: 30px;
font-weight: 700;
}
.circle-7-2 {
font-size: 15px;
}
.circle-8 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-8-1 {
font-size: 30px;
font-weight: 700;
}
.circle-8-2 {
font-size: 15px;
}
.circle-9 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-9-1 {
font-size: 30px;
font-weight: 700;
}
.circle-9-2 {
font-size: 15px;
}
.circle-10 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-10-1 {
font-size: 30px;
font-weight: 700;
}
.circle-10-2 {
font-size: 15px;
}
.circle-11 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-11-1 {
font-size: 30px;
font-weight: 700;
}
.circle-11-2 {
font-size: 15px;
}
.circle-12 {
width: 50%;
height: 110px;
padding: 8px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-12-1 {
font-size: 18px;
font-weight: 700;
}
.circle-12-2 {
font-size: 15px;
}
}
@media (min-width:321px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 240px;
background-size: 240px;
height: 85px;
margin: 0px 0 0 5px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 240px;
background-size: 240px;
height: 85px;
margin: 0px 0 0 5px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 240px;
background-size: 240px;
height: 85px;
margin: 0px 0 0 5px;
display: block;
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: none;
}
.float-rightmb {
float: none;
}
.float-leftmbb {
float: left;
}
.header-bg {
height: 75px;
background: #fff;
}
.menubar {
margin: 20px 15px 20px 10px;
}
.searchbutton {
font-size: 25px;
margin: 15px 3px 15px 3px;
padding: 5px;
border-radius: 4px;
}
.header-top {
background: #082443;
position: relative;
z-index: 90;
}
.lang-link {
color: #fff;
}
.blue-link {
color: #fff;
display: inline-block;
background: #051a32;
margin-right: -5px;
}
.blue-link:hover {
color: #fff;
background: #f3bf46;
}
.tp-rightarrow {
float: left;
width: 20px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/righthover.png) no-repeat center;
background-size: 20px;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
right: 1%;
opacity: 0.2;
}
.tp-leftarrow {
float: left;
width: 20px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/lefthover.png) no-repeat center;
background-size: 20px;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
left: 1%;
opacity: 0.2;
}
.slogan1 {
color: #FFF;
font-size: 12px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 15px;
width: 300px;
display: inline-block !important;
white-space: normal;
line-height: 20px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 5px 5px 5px 5px;
border-radius: 10px;
color: #ffc742;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 11px;
/*margin: 15px 0 0 0;*/
margin: 0px 0 0 0;
}
.detail-btn:hover {
border: solid 1px #ffc742;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.home-btn-bg {
background: rgb(15,26,38,0.8);
width: 100%;
height: 100%;
text-align: center;
padding-top: 50px;
font-size: 14px;
color: #FFF;
}
.dropup-content {
display: none;
position: absolute;
min-width: 160px;
bottom: 0px;
z-index: 3;
border-radius: 5px 5px 0px 0px;
background: rgb(30,107,173);
background: linear-gradient(193deg, rgba(68,68,68,0.85) 0%, rgba(31,71,105,0.95) 100%);
padding: 15px !important;
}
.dropup-content a:hover {
background: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.dropup-content a {
color: #fff;
font-size: 12.5px;
font-family: 'PT Sans';
padding: 1.6px;
display: block;
}
.nav-tabs .nav-link {
background-color: #e2e6ec;
color: #0e1d4e;
border-color: none;
border: 0px;
font-weight: 600;
border-radius: 0px;
padding: 14px;
font-size: 14px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #fff;
color: #0e1d4e;
font-weight: 600;
border-color: none;
border: 0px;
}
.news-pd {
padding: 30px 0 0 0;
}
.fs50mb {
font-size: 30px;
}
.fs25mb {
font-size: 15px;
}
.footer-menu li a {
background: #fff;
margin: 5px;
height: 60px;
box-shadow: 2px 2px 15px #CCC;
border-left: solid 3px #000;
color: #000;
font-size: 13px;
padding: 10px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
display: block;
}
.footer-menu-pd {
margin: 30px 0 30px 0;
}
.header-f .logo {
background: url(/images/logo.png) no-repeat center center;
width: 200px;
background-size: 200px;
height: 120px;
margin: -20px 0 0 5px;
display: block;
}
.header-f .logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 200px;
background-size: 200px;
height: 120px;
margin: -20px 0 0 5px;
display: block;
}
.header-f .logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 200px;
background-size: 200px;
height: 120px;
margin: -20px 0 0 5px;
display: block;
}
.content-top {
margin: 75px 0 0 0;
}
.h-90 {
height: auto;
}
.mb-5mb {
margin-bottom: 0px;
}
.etitle {
background: #ffc742;
padding: 20px;
font-size: 20px;
}
.atitle {
background: #e2e6ec;
padding: 20px;
font-size: 20px;
}
.circle-text {
color: #0e1d4e;
font-size: 25px;
text-align: center;
text-shadow: 2px 2px 122px #666;
opacity: 1;
margin: 10px 0 40px 0;
display: inline-block;
}
.circle-1 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-1-1 {
font-size: 30px;
font-weight: 700;
}
.circle-1-2 {
font-size: 15px;
}
.circle-2 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-2-1 {
font-size: 30px;
font-weight: 700;
}
.circle-2-2 {
font-size: 15px;
}
.circle-3 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-3-1 {
font-size: 30px;
font-weight: 700;
}
.circle-3-2 {
font-size: 15px;
}
.circle-4 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-4-1 {
font-size: 30px;
font-weight: 700;
}
.circle-4-2 {
font-size: 15px;
}
.circle-5 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-5-1 {
font-size: 30px;
font-weight: 700;
}
.circle-5-2 {
font-size: 15px;
}
.circle-6 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-6-1 {
font-size: 30px;
font-weight: 700;
}
.circle-6-2 {
font-size: 15px;
}
.circle-7 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-7-1 {
font-size: 30px;
font-weight: 700;
}
.circle-7-2 {
font-size: 15px;
}
.circle-8 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-8-1 {
font-size: 30px;
font-weight: 700;
}
.circle-8-2 {
font-size: 15px;
}
.circle-9 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-9-1 {
font-size: 30px;
font-weight: 700;
}
.circle-9-2 {
font-size: 15px;
}
.circle-10 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-10-1 {
font-size: 30px;
font-weight: 700;
}
.circle-10-2 {
font-size: 15px;
}
.circle-11 {
width: 50%;
height: 110px;
padding: 20px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-11-1 {
font-size: 30px;
font-weight: 700;
}
.circle-11-2 {
font-size: 15px;
}
.circle-12 {
width: 50%;
height: 110px;
padding: 5px 0 0 0;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-12-1 {
font-size: 20px;
font-weight: 700;
}
.circle-12-2 {
font-size: 12px;
}
.p-5mb {
padding: 20px;
}
}
@media(min-width:768px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 140px;
margin: -30px 0 0 30px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 140px;
margin: -30px 0 0 30px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 140px;
margin: -30px 0 0 30px;
display: block;
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: left;
}
.float-leftmbb {
float: right;
}
.float-rightmb {
float: right;
}
.header-bg {
height: 80px;
background: #fff;
}
.menubar {
margin: 24px 20px 40px 10px;
}
.searchbutton {
font-size: 25px;
margin: 20px 10px 20px 10px;
padding: 5px 10px 5px 10px;
border-radius: 4px;
}
.header-top {
/*background: #c4c4c4;*/
background: #082443;
position: relative;
z-index: 90;
}
.lang-link {
color: #fff;
}
.blue-link {
color: #fff;
display: inline-block;
background: #051a32;
margin-right: -5px;
}
.blue-link:hover {
color: #fff;
background: #f3bf46;
}
.tp-rightarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/righthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
right: 1%;
opacity: 0.2;
}
.tp-leftarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/lefthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
left: 1%;
opacity: 0.2;
}
.slogan1 {
color: #FFF;
font-size: 15px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 20px;
width: 400px;
display: inline-block !important;
white-space: normal;
line-height: 25px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 5px 5px 5px 5px;
border-radius: 10px;
color: #ffc742;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 11px;
margin: 15px 0 0 0;
}
.detail-btn:hover {
border: solid 1px #ffc742;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.home-btn-bg {
background: rgb(15,26,38,0.8);
width: 100%;
height: 100%;
text-align: center;
padding-top: 45px;
font-size: 20px;
color: #FFF;
}
.dropup-content {
display: none;
position: absolute;
min-width: 160px;
bottom: 120px;
z-index: 9999999;
border-radius: 5px 5px 0px 0px;
background: rgb(30,107,173);
background: linear-gradient(193deg, rgba(68,68,68,0.85) 0%, rgba(31,71,105,0.95) 100%);
padding: 15px !important;
}
.dropup-content a:hover {
background: #193554;
color: #fff !important;
border-radius: 4px;
padding-left: 10px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.dropup-content a {
color: #fff;
font-size: 14px;
font-family: 'PT Sans';
padding: 4px;
display: block;
}
.nav-tabs .nav-link {
background-color: #e2e6ec;
color: #0e1d4e;
border-color: none;
border: 0px;
font-weight: 200;
border-radius: 0px;
padding: 25px;
font-size: 23px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #fff;
color: #0e1d4e;
font-weight: 600;
border-color: none;
border: 0px;
}
.news-pd {
padding: 100px 0 0 0;
}
.fs50mb {
font-size: 50px;
}
.fs25mb {
font-size: 25px;
}
.footer-menu li a {
background: none;
margin: auto;
height: auto;
box-shadow: 0px 0px 0px #fff;
border-left: solid 0px #000;
color: #000;
font-size: 16px;
padding: 8px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
display: inline-block;
}
.footer-menu-pd {
margin: 110px 0 160px 0;
}
.header-f .logo {
background: url(/images/logo.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -30px 0 0 30px;
display: block;
}
.header-f .logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -30px 0 0 30px;
display: block;
}
.header-f .logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -30px 0 0 30px;
display: block;
}
.content-top {
margin: 80px 0 0 0;
}
.h-90 {
height: auto;
}
.mb-5mb {
margin-bottom: 50px;
}
.etitle {
background: #ffc742;
padding: 20px;
font-size: 25px;
}
.atitle {
background: #e2e6ec;
padding: 20px;
font-size: 25px;
}
.circle-text {
color: #0e1d4e;
font-size: 35px;
text-align: center;
text-shadow: 2px 2px 122px #666;
opacity: 1;
margin: 0px 0 40px 0;
display: inline-block;
}
.circle-1 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-1-1 {
font-size: 30px;
font-weight: 700;
}
.circle-1-2 {
font-size: 15px;
}
.circle-2 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-2-1 {
font-size: 30px;
font-weight: 700;
}
.circle-2-2 {
font-size: 15px;
}
.circle-3 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
border-radius: 5%;
float: left;
}
.circle-3-1 {
font-size: 30px;
font-weight: 700;
}
.circle-3-2 {
font-size: 15px;
}
.circle-4 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-4-1 {
font-size: 30px;
font-weight: 700;
}
.circle-4-2 {
font-size: 15px;
}
.circle-5 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-5-1 {
font-size: 30px;
font-weight: 700;
}
.circle-5-2 {
font-size: 15px;
}
.circle-6 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-6-1 {
font-size: 30px;
font-weight: 700;
}
.circle-6-2 {
font-size: 15px;
}
.circle-7 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-7-1 {
font-size: 30px;
font-weight: 700;
}
.circle-7-2 {
font-size: 15px;
}
.circle-8 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-8-1 {
font-size: 30px;
font-weight: 700;
}
.circle-8-2 {
font-size: 15px;
}
.circle-9 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-9-1 {
font-size: 30px;
font-weight: 700;
}
.circle-9-2 {
font-size: 15px;
}
.circle-10 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-10-1 {
font-size: 30px;
font-weight: 700;
}
.circle-10-2 {
font-size: 15px;
}
.circle-11 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #0e1d4e;
color: #fff;
border-radius: 5%;
float: left;
}
.circle-11-1 {
font-size: 30px;
font-weight: 700;
}
.circle-11-2 {
font-size: 15px;
}
.circle-12 {
width: 50%;
height: 110px;
padding: 0px;
text-align: center;
position: relative;
left: auto;
top: auto;
background: #fff;
border-radius: 5%;
float: left;
}
.circle-12-1 {
font-size: 25px;
font-weight: 700;
}
.circle-12-2 {
font-size: 15px;
}
.p-5mb {
padding: 30px;
}
}
@media(min-width:992px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 280px;
background-size: 280px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.navbar {
padding: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin: 5px 2px 0 2px;
background: none;
text-align: center;
height: 105px;
line-height: 85px;
display: block;
font-family: 'PT Sans';
font-size: 14px;
color: #001c3b;
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
color: #000;
background: #fff;
}
.dropdown-item {
padding: 8px 20px 8px 20px;
min-width: 215px;
font-size: 14px;
color: #000;
font-family: 'PT Sans';
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: left;
}
.float-leftmbb {
float: right;
}
.float-rightmb {
float: right;
}
.header-bg {
height: 110px;
background: #fff;
}
.menubar {
margin: 40px 20px 40px 10px;
}
.searchbutton {
font-size: 25px;
margin: 30px 10px 35px 10px;
padding: 5px 10px 5px 10px;
border-radius: 4px;
}
.header-top {
/*background: #c4c4c4;*/
background: #082443;
position: relative;
z-index: 90;
}
.lang-link {
color: #fff;
}
.blue-link {
color: #fff;
display: inline-block;
background: #051a32;
margin-right: -5px;
}
.blue-link:hover {
color: #fff;
background: #f3bf46;
}
.tp-rightarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/righthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
right: 2%;
opacity: 0.2;
}
.tp-leftarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/lefthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
left: 2%;
opacity: 0.2;
}
.slogan1 {
color: #FFF;
font-size: 20px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 25px;
width: 600px;
display: inline-block !important;
white-space: normal;
line-height: 35px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
color: #ffc742;
border-radius: 30px;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 13px;
margin: 30px 0 0 0;
}
.detail-btn:hover {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.home-btn-bg {
background: rgb(15,26,38,0.8);
width: 100%;
height: 100%;
text-align: center;
padding-top: 45px;
font-size: 20px;
color: #FFF;
}
.dropup-content {
display: none;
position: absolute;
min-width: 160px;
bottom: 120px;
z-index: 0;
border-radius: 5px 5px 0px 0px;
background: rgb(30,107,173);
background: linear-gradient(193deg, rgba(68,68,68,0.85) 0%, rgba(31,71,105,0.95) 100%);
padding: 15px !important;
color: #FFF;
}
.dropup-content a:hover {
background: #193554;
color: #fff !important;
border-radius: 4px;
padding-left: 10px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.dropup-content a {
color: #fff;
font-size: 14px;
font-family: 'PT Sans';
padding: 4px;
display: block;
}
.nav-tabs .nav-link {
background-color: #e2e6ec;
color: #0e1d4e;
border-color: none;
border: 0px;
font-weight: 200;
border-radius: 0px;
padding: 30px 50px 30px 50px;
font-size: 23px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #fff;
color: #0e1d4e;
font-weight: 600;
border-color: none;
border: 0px;
}
.fs50mb {
font-size: 50px;
}
.fs25mb {
font-size: 25px;
}
.footer-menu li a {
color: #000;
font-size: 16px;
font-weight: 100;
padding: 5px;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
display: inline-block;
}
.footer-menu-pd {
margin: 110px 0 160px 0;
}
.header-f .logo {
background: url(/images/logo.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.header-f .logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.header-f .logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 242px;
background-size: 242px;
height: 156px;
margin: -20px 0 0 30px;
display: block;
}
.content-top {
margin: 110px 0 0 0;
}
.h-90 {
height: 82%;
}
.mb-5mb {
margin-bottom: 50px;
}
.circle-text {
color: #0e1d4e;
font-size: 35px;
text-align: center;
text-shadow: 2px 2px 122px #666;
opacity: 1;
margin: 10px 0 40px 0;
display: inline-block;
}
.circle-1 {
width: 110px;
height: 110px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 2%;
top: 10px;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-1-1 {
font-size: 30px;
font-weight: 700;
}
.circle-1-2 {
font-size: 15px;
}
.circle-2 {
width: 140px;
height: 140px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 8%;
top: 27%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-2-1 {
font-size: 40px;
font-weight: 700;
}
.circle-2-2 {
font-size: 15px;
}
.circle-3 {
width: 110px;
height: 110px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 18%;
top: 5%;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-3-1 {
font-size: 30px;
font-weight: 700;
}
.circle-3-2 {
font-size: 15px;
}
.circle-4 {
width: 110px;
height: 110px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 23%;
top: 37%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-4-1 {
font-size: 30px;
font-weight: 700;
}
.circle-4-2 {
font-size: 15px;
}
.circle-5 {
width: 120px;
height: 120px;
padding: 10px 0 0 0;
text-align: center;
position: absolute;
left: 32%;
top: 5%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-5-1 {
font-size: 30px;
font-weight: 700;
}
.circle-5-2 {
font-size: 15px;
}
.circle-6 {
width: 150px;
height: 150px;
padding: 30px 0 0 0;
text-align: center;
position: absolute;
left: 37%;
top: 35%;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-6-1 {
font-size: 40px;
font-weight: 700;
}
.circle-6-2 {
font-size: 15px;
}
.circle-7 {
width: 150px;
height: 150px;
padding: 30px 0 0 0;
text-align: center;
position: absolute;
left: 47%;
top: 8%;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-7-1 {
font-size: 40px;
font-weight: 700;
}
.circle-7-2 {
font-size: 15px;
}
.circle-8 {
width: 120px;
height: 120px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 55%;
top: 47%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-8-1 {
font-size: 30px;
font-weight: 700;
}
.circle-8-2 {
font-size: 15px;
}
.circle-9 {
width: 160px;
height: 160px;
padding: 35px 0 0 0;
text-align: center;
position: absolute;
left: 64%;
top: 18%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-9-1 {
font-size: 40px;
font-weight: 700;
}
.circle-9-2 {
font-size: 15px;
}
.circle-10 {
width: 110px;
height: 110px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 77%;
top: 47%;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-10-1 {
font-size: 30px;
font-weight: 700;
}
.circle-10-2 {
font-size: 15px;
}
.circle-11 {
width: 120px;
height: 120px;
padding: 25px 0 0 0;
text-align: center;
position: absolute;
left: 80%;
top: 8%;
background: #0e1d4e;
color: #fff;
border-radius: 50%;
}
.circle-11-1 {
font-size: 30px;
font-weight: 700;
}
.circle-11-2 {
font-size: 15px;
}
.circle-12 {
width: 150px;
height: 150px;
padding: 20px 0 0 0;
text-align: center;
position: absolute;
right: 0%;
top: 35%;
background: #fff;
color: #5e5e5e;
border-radius: 50%;
}
.circle-12-1 {
font-size: 25px;
font-weight: 700;
}
.circle-12-2 {
font-size: 15px;
}
.p-5mb {
padding: 50px;
}
}
@media(min-width:1200px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 400px;
background-size: 400px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 400px;
background-size: 400px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 400px;
background-size: 400px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.container {
min-width: 1180px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar {
padding: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin: 5px 5px 0 5px;
background: none;
text-align: center;
height: 105px;
line-height: 85px;
display: block;
font-family: 'PT Sans';
font-size: 15px;
color: #001c3b;
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
color: #000;
background: #fff;
}
.dropdown-item {
padding: 8px 20px 8px 20px;
min-width: 215px;
font-size: 14px;
color: #000;
font-family: 'PT Sans';
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: left;
}
.float-rightmb {
float: right;
}
.tp-rightarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/righthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
right: 2%;
opacity: 0.2;
}
.tp-leftarrow {
float: left;
width: 48px;
height: 48px;
font-size: 14px;
text-align: center;
line-height: 48px;
color: #fff;
position: absolute;
background: url(../images/lefthover.png) no-repeat center;
z-index: 80;
cursor: pointer;
top: 50%;
margin-top: -24px;
-webkit-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
-ms-transition: all linear .2s;
transition: all linear .2s;
left: 2%;
opacity: 0.2;
}
.slogan1 {
color: #FFF;
font-size: 25px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 30px;
width: 600px;
display: inline-block !important;
white-space: normal;
line-height: 40px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
color: #ffc742;
border-radius: 30px;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 13px;
margin: 20px 0 0 0;
}
.detail-btn:hover {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.header-f .logo {
background: url(/images/logo.png) no-repeat center center;
width: 342px;
background-size: 342px;
height: 156px;
margin: -15px 0 0 30px;
display: block;
}
.header-f .logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 342px;
background-size: 342px;
height: 156px;
margin: -15px 0 0 30px;
display: block;
}
.header-f .logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 342px;
background-size: 342px;
height: 156px;
margin: -15px 0 0 30px;
display: block;
}
.h-90 {
height: 80%;
}
.circle-text {
color: #0e1d4e;
font-size: 30px;
text-align: center;
text-shadow: 2px 2px 122px #666;
opacity: 1;
margin: 0px 0 40px 0;
display: inline-block;
}
.dropup:hover .dropup-content,
.dropup:active .dropup-content,
.dropup:focus .dropup-content {
display: block;
}
}
@media(min-width:1550px) {
.logo {
background: url(/images/logo.png) no-repeat center center;
width: 442px;
background-size: 442px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.logo_tr {
background: url(/images/logo.png) no-repeat center center;
width: 442px;
background-size: 442px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.logo_en {
background: url(/images/logo_en.png) no-repeat center center;
width: 442px;
background-size: 442px;
height: 156px;
margin: -23px 0 0 30px;
display: block;
}
.container {
min-width: 1500px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.navbar {
padding: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
margin: 5px 10px 0 10px;
background: none;
text-align: center;
height: 105px;
line-height: 85px;
display: block;
font-family: 'PT Sans';
font-weight: 700;
font-size: 17px;
color: #001c3b;
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
color: #000;
background: #fff;
}
.dropdown-item {
padding: 8px 20px 8px 20px;
min-width: 215px;
font-size: 14px;
color: #000;
font-family: 'PT Sans';
}
.sosyalhover {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0 5px 0 5px;
display: inline-block;
color: #082443 !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.float-leftmb {
float: left;
}
.float-rightmb {
float: right;
}
.slogan1 {
color: #FFF;
font-size: 30px;
margin: 0px;
}
.slogan2 {
color: #FFF;
font-size: 35px;
width: 600px;
display: inline-block !important;
white-space: normal;
line-height: 40px;
font-family: 'PT Sans';
font-weight: 700;
margin: 0px;
}
.detail-btn {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
color: #ffc742;
border-radius: 30px;
font-family: 'PT Sans';
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
display: inline-block;
font-size: 13px;
margin: 0px;
}
.detail-btn:hover {
border: solid 1px #ffc742;
padding: 15px 35px 15px 35px;
background: #ffc742;
color: #000;
border-radius: 30px;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.h-90 {
height: 90%;
}
.circle-text {
color: #0e1d4e;
font-size: 35px;
text-align: center;
margin: 0px 0 50px 0;
display: inline-block;
}
}
.content-detail b {
font-weight: bold !important;
}
.content-detail a {
font-weight: bold !important;
color: #987b07;
}
#content-detail > ul {
padding: 5px 10px !important;
}
#content-detail, li {
list-style: none;
}
.dropdown-item:hover {
background: #082443;
color: #fff;
}
.dropdown-item:focus {
background: #082443;
color: #fff;
}
body {
margin: 0px;
font-family: 'PT Sans';
background: #ffffff;
font-weight: 400;
font-size: 13px;
color: #5e5e5e;
height: 100%;
outline: none;
}
a {
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
a:hover {
text-decoration: none;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.w-120 {
width: 120px;
display: inline-block;
}
.home-icon-box {
background: #eeeeee;
padding: 25px;
border-radius: 10%;
width: 120px;
height: 120px;
text-align: center;
line-height: 60px;
font-size: 30px;
color: #041c38;
display: block;
display: inline-block;
}
.loading {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: #fff;
}
.page-link {
color: #666;
}
.page-item.active .page-link {
background-color: #082443;
border-color: #082443;
}
.detail-title {
background: url(../images/header.jpg) no-repeat center center;
background-size: cover;
height: 300px;
padding: 100px 0 0 0;
color: #FFF;
font-size: 40px;
font-weight: 100;
text-align: center;
}
.detail-title-2 {
background: #082443;
height: 150px;
padding: 35px 0 0 0;
color: #FFF;
font-size: 40px;
font-weight: 100;
text-align: center;
}
.detail-title-border {
border-bottom: solid 4px #fff;
font-weight: 700;
}
.filter-top {
margin: -100px 0 0 0;
border-radius: 10px;
padding: 15px 30px 15px 30px;
}
.menumobilalt li a {
color: #cadaeb;
padding: 2px 10px 2px 30px;
margin-bottom: 1px;
background: none;
font-size: 14px;
font-family: 'PT Sans';
font-weight: 100;
}
.menumobilalt li a:hover {
color: #fff;
background: #082443;
}
.menumobilaltMENU li a {
color: #393f53;
padding: 2px 10px 2px 30px;
margin-bottom: 1px;
background: none;
font-size: 14px;
font-family: 'PT Sans';
font-weight: 100;
}
.menumobilaltMENU li a:hover {
color: #393f53;
background: #FFF;
}
.mobilm-w {
height: 100%;
display: block;
width: 270px !important;
}
.btn-sonraki {
-webkit-appearance: none;
background: linear-gradient(to right, #617891 0%, #395471 50%, #1760b1 100%);
background-size: 500%;
border: none;
border-radius: 5rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
color: #fff;
cursor: pointer;
padding: 10px;
font-size: 18px;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 25rem;
color: #FFFFFF;
display: inline-block;
}
.btn-sonraki:hover {
animation-name: gradient;
-webkit-animation-name: gradient;
animation-duration: 2s;
-webkit-animation-duration: s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
color: #FFFFFF;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100%;
}
}
.megamenu-bg {
background: url(../images/menubg.jpg);
}
.resimefect {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.7;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
.resimefect:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
.footer-menu li {
width: 50%;
float: left;
}
.footer-menu li a:hover {
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.carousel_ileri_geri {
position: absolute;
right: 10px;
top: -58px;
}
.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-] {
color: #000;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border: solid 1px #000;
}
.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-]:hover {
background: #000;
color: #f8cb20;
text-decoration: none;
}
.w33 {
width: 33%;
}
.w34 {
width: 34%;
}
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 999;
padding: 10px 15px 10px 15px;
font-size: 14px;
}
.tab-content > .tab-pane {
display: block;
height: 0;
}
.tab-content > .active {
height: auto;
}
.z-99 {
z-index: 99;
}
.prm-film {
background: url(../images/tfilm_bg.jpg);
background-size: cover;
padding: 50px 10px 50px 10px
}
.video-rd {
border-radius: 15px;
padding: 25px;
}
.footer-bg {
background: url(/images/footer_bg.jpg) #082443;
}
.hover-top {
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
}
.hover-top:hover {
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.hover-top-icon .icons {
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
z-index: 999;
}
.hover-top-icon:hover .icons {
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.cursor-pointer {
cursor: pointer;
}
.buttonEmpty {
height: 120px;
}
.button-1 {
background: url(/images/buton1.jpg);
height: 120px;
}
.button-2 {
background: url(/images/buton2.jpg);
height: 120px;
}
.button-3 {
background: url(/images/buton3.jpg);
height: 120px;
}
.button-4 {
background: url(/images/buton4.jpg);
height: 120px;
}
.button-5 {
background: url(/images/buton5.jpg);
height: 120px;
}
.button-6 {
background: url(/images/buton6.jpg);
height: 120px;
}
.grey-bg {
min-height: 1000px;
background: rgba(222,225,231,1);
background: -moz-linear-gradient(top, rgba(222,225,231,1) 0%, rgba(222,225,231,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,225,231,1)), color-stop(47%, rgba(222,225,231,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(222,225,231,1) 0%, rgba(222,225,231,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(222,225,231,1) 0%, rgba(222,225,231,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(222,225,231,1) 0%, rgba(222,225,231,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(222,225,231,1) 0%, rgba(222,225,231,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1e7', endColorstr='#ffffff', GradientType=0 );
}
.nav-tabs {
background: #e2e6ec;
}
.blue {
color: #102c4b;
}
.fw1 {
font-weight: 100;
}
.fw2 {
font-weight: 200;
}
.fw3 {
font-weight: 300;
}
.fw4 {
font-weight: 400;
}
.fw5 {
font-weight: 500;
}
.fw6 {
font-weight: 600;
}
.fw7 {
font-weight: 700;
}
.fs11 {
font-size: 11px;
}
.fs12 {
font-size: 12px;
}
.fs13 {
font-size: 13px;
}
.fs14 {
font-size: 14px;
}
.fs15 {
font-size: 15px;
}
.fs16 {
font-size: 16px;
}
.fs17 {
font-size: 17px;
}
.fs18 {
font-size: 18px;
}
.fs19 {
font-size: 19px;
}
.fs20 {
font-size: 20px;
}
.fs25 {
font-size: 25px;
}
.fs30 {
font-size: 30px;
}
.fs36 {
font-size: 36px;
}
.fs40 {
font-size: 40px;
}
.fs50 {
font-size: 50px;
}
@font-face {
font-family: Ataturk;
src: url(/css/ataturk.ttf) format("truetype");
font-style: normal
}
/* pt-sans-regular - latin-ext_latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: url('/fonts/pt-sans-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
src: local('PT Sans'), local('PTSans-Regular'), url('/fonts/pt-sans-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/pt-sans-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/pt-sans-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
url('/fonts/pt-sans-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/pt-sans-v11-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin-ext_latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: url('/fonts/pt-sans-v11-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
src: local('PT Sans Bold'), local('PTSans-Bold'), url('/fonts/pt-sans-v11-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/pt-sans-v11-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/pt-sans-v11-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
url('/fonts/pt-sans-v11-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/pt-sans-v11-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
.fontataturk {
font-family: Ataturk;
}
.pt-sans {
font-family: 'PT Sans';
}
.lang-en {
background: url(/images/en.jpg) center center no-repeat;
width: 19px;
height: 35px;
display: block;
}
.lang-tr {
background: url(/images/tr.jpg) center center no-repeat;
width: 19px;
height: 35px;
display: block;
}
.menu-line li {
position: relative;
display: inline-block;
}
.menu-line li:before,
.menu-line li:after {
position: absolute;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.menu-line li:before {
bottom: 0;
display: block;
height: 3px;
width: 0%;
content: "";
background-color: #ffcc01;
}
.menu-line li:after {
left: -20px;
top: 0;
padding: 0.5em 0;
position: absolute;
content: attr(data-hover);
color: #ffffff;
white-space: nowrap;
max-width: 0%;
overflow: hidden;
}
.menu-line li:hover:before,
.menu-line .current li:before {
opacity: 1;
width: 100%;
}
.scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15,.41,.69,.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
}
.dropdown {
position: relative;
display: inline-block;
z-index: 99;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
padding: 5px 7px;
z-index: 1;
margin-left: -5px;
width: 50px;
}
.dropdown:hover .dropdown-content {
display: block;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.imgeffect_ic {
filter: brightness(100%);
opacity: 1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.header-r {
position: absolute;
top: 35px;
z-index: 99;
width: 100%;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
.header-f {
position: fixed !important;
z-index: 1000;
top: -5px;
width: 100%;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
.mh-400 {
min-height: 400px;
}
.ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.breadcrumb {
margin: 0;
background: #FFFFFF;
float: right;
width: 100%;
padding: 0;
border-radius: 0;
position: relative;
display: inline-block;
text-align: right;
color: #000;
font-size: 12px;
font-weight: 100;
padding: 25px 15px 25px 0;
}
.breadcrumb ul {
float: right;
width: auto;
display: inline-block;
text-align: right;
}
.breadcrumb ul li {
float: left;
position: relative;
}
.breadcrumb ul li:nth-child(1) a {
padding-left: 0;
}
.breadcrumb ul li:last-child i {
display: none;
}
.breadcrumb ul li a {
display: block;
color: #888;
padding: 0 12px;
}
.breadcrumb ul li a:hover {
display: inline-block;
color: #000;
}
.breadcrumb ul li i {
color: #888;
position: absolute;
right: 0;
top: 0px;
font-size: 12px;
right: -1px;
}
a {
text-decoration: none;
color: #5e5e5e;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
a:hover {
text-decoration: none;
color: #000000;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-transition: all 0.2s ease-out;
}
html {
overflow-x: hidden;
height: 100%;
overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
border: 0;
font-size: 100%;
margin: 0;
padding: 0;
font-weight: normal;
}
.bar3 {
width: 50px;
height: 3px;
background-color: #000;
margin: 5px 0px 8px 0px;
transition: 0.4s;
border-radius: 8px;
}
.bar2 {
width: 50px;
height: 3px;
background-color: #000;
margin: 5px 0px 8px 0px;
transition: 0.4s;
border-radius: 8px;
}
.bar1 {
width: 50px;
height: 3px;
background-color: #000;
margin: 5px 0px 8px 0px;
transition: 0.4s;
border-radius: 8px;
}
.w-200 {
width: 270px !important;
display: block;
}
.overlaymenu {
position: absolute;
background: #000;
opacity: 0.6;
z-index: 1200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
.sidenavMENU {
height: 100%;
width: 0;
position: fixed;
z-index: 999999;
top: 0;
right: 0;
background: #eeeeee;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
font-family: 'PT Sans';
font-weight: 700;
}
.sidenavMENU a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 15px;
color: #0e1d4e;
display: block;
transition: 0.3s;
}
.sidenavMENU a:hover {
color: #000;
}
.sidenavMENU .closebtn {
position: absolute;
top: 0;
right: 5px;
font-size: 36px;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999999;
top: 0;
right: 0;
background: #0e2a49;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
font-family: 'PT Sans';
font-weight: 700;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 15px;
color: #fff;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #FC0;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 5px;
font-size: 36px;
}
#main {
transition: margin-left .5s;
padding: 16px;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
z-index: 99999;
}
.sidenav a {
font-size: 18px;
}
}
#slidingLine {
position: absolute;
top: 0;
width: 3px;
padding: 0 !important;
background-color: #ef9000;
}
.sosyalhover-news {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 0px;
display: inline-block;
color: #fff !important;
text-align: center;
background: #8492a1;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.sosyalhover-news:hover {
background: #fff;
color: #000 !important;
display: inline-block;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.sosyalhover:hover {
background: #fff;
color: #fff;
display: inline-block;
box-shadow: 0 11px 27px 1px rgba(41,53,108,.25);
transform: translateY(-3px);
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.whatsapp {
background: #5FC861;
display: inline-block;
color: #FFFFFF;
margin: 5px;
font-size: 16px;
}
.facebook {
background: #507cbe;
display: inline-block;
color: #FFFFFF;
}
.twitter {
background: #63cdf1;
display: inline-block;
color: #FFFFFF;
}
.linkedin {
background: #90cadd;
display: inline-block;
color: #FFFFFF;
margin: 5px;
}
.gplus {
background: #db4b40;
display: inline-block;
color: #FFFFFF;
margin: 5px;
}
.instagram {
background: #c7c5b3;
display: inline-block;
color: #FFFFFF;
margin: 5px;
}
.pinterest {
background: #bd081c;
display: inline-block;
color: #FFFFFF;
margin: 5px;
}
.youtube {
background: #e52c27;
display: inline-block;
color: #FFFFFF;
margin: 5px;
}
/*search */
.searchbtn {
font-size: 25px !important;
color: #fff;
}
#searchbox {
background-color: #15304e;
left: 0;
top: 0;
height: 145px;
padding: 33px 0;
position: absolute;
width: 100%;
z-index: 9999999;
display: none;
}
#searchbox #searchcnt {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
#searchbox #searchcnt form {
position: relative;
}
#searchbox #searchcnt form input {
background-color: #124378;
border: none;
height: 60px;
padding: 15px 20px;
color: #ffffff;
outline: none;
width: 90%;
border-radius: 0px;
font-size: 16px;
}
#searchbox #searchcnt form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ffffff;
}
#searchbox #searchcnt form ::-moz-placeholder {
/* Firefox 19+ */
color: #ffffff;
}
#searchbox #searchcnt form :-ms-input-placeholder {
/* IE 10+ */
color: #ffffff;
}
#searchbox #searchcnt form :-moz-placeholder {
/* Firefox 18- */
color: #ffffff;
}
#searchbox #searchcnt form button {
background-color: #0d3664;
border: none;
outline: none;
color: #ffffff;
height: 60px;
padding: 0 20px;
margin: 0 4px;
}
#searchbox #searchcnt form #overlay-close {
float: right;
background-color: #124378;
width: 45px;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
outline: none;
height: 60px;
}
#searchbox #searchcnt form #overlay-close .icon-bar {
width: 40px;
height: 2px;
background: #ffffff;
display: block;
margin: 0 auto;
position: relative;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
#searchbox #searchcnt form #overlay-close .icon-bar + .icon-bar {
margin-top: 4px;
}
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(2) {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px;
}
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -6px;
}
#searchbox #searchcnt form #overlay-close:hover {
background: #ffffff;
}
#searchbox #searchcnt form #overlay-close:hover .icon-bar {
background: #124378;
}
#searchbox #searchcnt form .buttons {
position: absolute;
top: 0;
right: 0;
}
/*search */
/* menu css*/
.screen-overlay {
width: 0%;
height: 100%;
z-index: 30;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
background-color: rgba(34,34,34,.6);
-webkit-transition: opacity .2s linear,visibility .1s,width 1s ease-in;
transition: opacity .2s linear,visibility .1s,width 1s ease-in
}
.screen-overlay.show {
-webkit-transition: opacity .5s ease,width 0s;
transition: opacity .5s ease,width 0s;
opacity: 1;
width: 100%;
visibility: visible
}
.modal .modal-dialog-aside {
width: 350px;
max-width: 80%;
height: 100%;
margin: 0;
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s
}
.dropdown-large, .megamenu, .megasubmenu {
padding: 20px
}
.dropdown-menu .dropdown-menu {
margin-left: 0;
margin-right: 0
}
.dropdown-menu .dropdown-toggle:after {
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.navbar .icon-arrow:after {
content: "\276F";
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-left: 7px;
margin-top: -2px;
opacity: .3;
font-size: 80%
}
.dropdown.has-dimmer:after {
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
opacity: 0;
visibility: hidden;
background-color: rgba(0,0,0,.5);
pointer-events: none
}
.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:hover .nav-link {
position: relative;
z-index: 12
}
.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:after {
z-index: 10;
opacity: 1;
visibility: visible;
position: fixed
}
@media all and (min-width:992px) {
.navbar {
padding-top: 0;
padding-bottom: 0
}
.navbar .has-megamenu {
position: static !important
}
.navbar .dropdown-menu {
margin-top: 0
}
.navbar .megamenu {
left: 0;
right: 0;
width: 100%;
padding: 20px
}
.navbar .megasubmenu {
left: 100%;
top: 0;
min-height: 100%;
min-width: 500px
}
.navbar .dropdown-large {
min-width: 500px
}
.navbar .nav-link {
padding-top: 0.5rem;
padding-bottom: 1rem
}
.dropdown-menu .dropdown-menu, .submenu {
display: none;
position: absolute;
left: 100%;
top: -7px
}
.dropdown-menu .dropdown-menu.submenu-left, .submenu.submenu-left {
right: 100%;
left: auto
}
.navbar-hover .dropdown.has-dimmer:hover .nav-link {
position: relative;
z-index: 12
}
.navbar-hover .dropdown.has-dimmer:hover:after {
z-index: 10;
opacity: 1;
visibility: visible;
position: fixed
}
.navbar-hover.navbar-dark .nav-item:hover .nav-link {
color: #cc2d2d;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color: #0d3664 !important;
}
.navbar-hover.navbar-light .nav-item:hover .nav-link {
color: #000
}
.navbar-hover .dropdown-menu:not(.animate) {
display: none
}
.navbar-hover .animate {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: .1s;
transition: .1s;
margin-top: 0
}
.navbar-hover .dropdown-menu .animate {
-webkit-transition: .1s;
transition: .1s
}
.navbar-hover .fade-down {
top: 90%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.navbar-hover .fade-up {
top: 100px
}
.navbar-hover .dropdown-menu .fade-down {
top: 0
}
.navbar-hover .dropdown:hover > .dropdown-menu, .navbar-hover .nav-item:hover > .dropdown-menu {
display: block;
-webkit-transition: .4s;
transition: .4s;
opacity: 1;
visibility: visible;
top: 100%;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.dropdown-menu > li:hover {
background-color: #f1f1f1
}
.dropdown-menu li {
position: relative
}
.dropdown-menu li.has-megasubmenu {
position: static
}
.dropdown-menu li:hover > .dropdown-menu, .dropdown-menu li:hover > .submenu {
display: block;
-webkit-transition: .4s;
transition: .4s;
opacity: 1;
visibility: visible;
top: 0;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.dropdown-menu li:hover > .megasubmenu {
display: block;
-webkit-transition: .4s;
transition: .4s;
opacity: 1;
visibility: visible;
top: 0;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
}
@media all and (max-width:991px) {
.offcanvas-header {
display: block
}
.mobile-offcanvas {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
border-radius: 0;
display: block;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 1200;
width: 80%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-transition: visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
transition: visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
transition: visibility .2s ease-in-out,transform .2s ease-in-out;
transition: visibility .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
}
.navbar-toggler {
color: rgba(0,0,0,.5);
border-color: rgba(0,0,0,.1)
}
.navbar-soft .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-soft .navbar-brand {
color: #111;
font-weight: 600;
font-size: 18px
}
.navbar-soft .navbar-nav .nav-item {
margin-left: 5px;
margin-right: 5px
}
.navbar-soft .navbar-nav .nav-link {
padding: 1.4rem .5rem;
font-weight: 600;
text-transform: uppercase;
color: #888;
border: 2px solid transparent
}
.navbar-soft .navbar-nav .nav-item.show .nav-link, .navbar-soft .navbar-nav .nav-item:hover .nav-link {
border-bottom: 2px solid orange;
color: #111
}
.navbar-soft .dropdown-menu {
border: 0;
background-clip: initial;
border-radius: 0;
-webkit-box-shadow: 0 1px 5px rgba(70,70,70,.2);
box-shadow: 0 1px 5px rgba(70,70,70,.2)
}
.navbar-soft .dropdown-menu .dropdown-item {
padding: .6rem 1.5rem;
border-bottom: 1px solid #f1f1f1
}
@media all and (max-width:991px) {
.navbar-soft .navbar-nav {
margin-bottom: 10px;
margin-top: 10px
}
.navbar-soft .navbar-nav .nav-link {
padding: .6rem 0
}
}
.list-unstyled li a {
padding: 8px 20px 8px 20px;
font-size: 13px;
color: #000;
font-family: 'PT Sans';
font-size: 14px;
padding: 4px;
display: block;
}
.list-unstyled a:hover {
background: none;
color: #cc2d2d;
display: block;
}
/*menu css*/
.scrollbar {
height: 300px;
width: 100%;
background: none;
overflow-y: auto;
margin-bottom: 5px;
}
.d-title {
background: #0e1d4e;
padding: 10px;
font-size: 18px;
color: #fff;
border-radius: 3px;
}
.date-bg {
background: #ffc742;
padding: 10px;
text-align: center;
color: #000;
border-radius: 8px;
}
.br10 {
border-radius: 10px;
}
.area {
padding: 1rem;
background: white;
height: 300px;
overflow: auto;
}
.bg-blue {
background: #082443;
}
.d-solm li {
padding: 5px;
}
.d-solm li a {
color: #CCC;
font-size: 14px;
}
.d-solm li a:hover {
color: #fff;
}
.d-solmalt {
background: #0e2f53;
padding: 10px;
border-radius: 10px;
}
.d-solmalt li {
padding: 2px 2px 2px 15px;
}
.d-solmalt li a {
color: #CCC;
font-size: 14px;
}
.d-solmalt li a:hover {
color: #fff;
}
.left-news-title {
position: absolute;
bottom: 0px;
left: 0px;
background: #082443a9;
color: #FFF;
width: 100%;
}
.left-news-date {
top: 10px;
right: 10px;
position: absolute;
font-size: 12px;
font-weight: 100;
background: #e0a800a4;
}
#content-size, table, td {
padding: 2px 6px;
list-style: none;
line-height: 1.3rem;
}
.cookiealert {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0 !important;
z-index: 99999;
opacity: 0;
visibility: hidden;
border-radius: 0;
transform: translateY(100%);
transition: all 500ms ease-out;
color: #ecf0f1;
background: rgb(46,64,84);
background: linear-gradient(90deg, rgba(46,64,84,1) 0%, rgba(154,154,154,1) 100%);
}
.cookiealert.show {
opacity: 1;
visibility: visible;
transform: translateY(0%);
transition-delay: 1000ms;
}
.cookiealert a {
text-decoration: underline
}
.cookiealert .acceptcookies {
margin-left: 10px;
vertical-align: baseline;
}
.upMenuActive {
display: block;
}
/** {
padding: 0;
margin: 0;
list-style: none;
border: 0;
text-decoration: none;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
font-family: 'Mulish',sans-serif
}
:focus {
outline: 0
}
body {
background: #f7f8fc
}*/
#slider-block{height:670px;background:#062241;}
.container-slider{width:100% !important;position:relative;padding:0;max-height:670px;overflow:hidden;margin-bottom:0px;}
.tp-rightarrow:hover,.tp-leftarrow:hover{opacity:1;}
.tp-hide-revslider, .tp-caption.tp-hidden-caption{visibility:hidden !important;display:none !important}
.tp-caption{z-index:1}
.tp-caption-demo .tp-caption{position:relative !important;display:inline-block;margin-bottom:10px;margin-right:20px !important}
.tp-caption.medium_grey{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;padding:2px 4px;margin:0;border-width:0;border-style:none;background-color:#888;white-space:nowrap}
.tp-caption.small_text{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:14px;line-height:20px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.medium_text{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:20px;line-height:20px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.large_bold_white_25{font-size:55px;line-height:65px;font-weight:700;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;text-align:center;text-shadow:#000 0 5px 10px;border-width:0;border-color:#fff;border-style:none}
.tp-caption.medium_text_shadow{font-size:25px;line-height:25px;font-weight:600;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;text-align:center;text-shadow:#000 0 5px 10px;border-width:0;border-color:#fff;border-style:none}
.tp-caption.large_text{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:40px;line-height:40px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.very_large_text{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0, 0, 0, 0.5);font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap;letter-spacing:-2px}
.tp-caption.very_big_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:60px;line-height:60px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap;padding:0 4px;padding-top:1px;background-color:#000}
.tp-caption.very_big_black{position:absolute;color:#000;text-shadow:none;font-weight:700;font-size:60px;line-height:60px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap;padding:0 4px;padding-top:1px;background-color:#fff}
.tp-caption.modern_medium_fat{position:absolute;color:#000;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.modern_medium_fat_white{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.modern_medium_light{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:24px;line-height:20px;font-family:"Open Sans", sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.modern_big_bluebg{position:absolute;color:#fff;text-shadow:none;font-weight:800;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;margin:0;border-width:0;border-style:none;background-color:#4e5b6c;letter-spacing:0}
.tp-caption.modern_big_redbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:30px;line-height:36px;font-family:"Open Sans", sans-serif;padding:3px 10px;padding-top:1px;margin:0;border-width:0;border-style:none;background-color:#de543e;letter-spacing:0}
.tp-caption.modern_small_text_dark{position:absolute;color:#555;text-shadow:none;font-size:14px;line-height:22px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}
.tp-caption.boxshadow{-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);box-shadow:0 0 20px rgba(0, 0, 0, 0.5)}
.tp-caption.black{color:#000;text-shadow:none}
.tp-caption.noshadow{text-shadow:none}
.tp-caption.thinheadline_dark{position:absolute;color:rgba(0, 0, 0, 0.85);text-shadow:none;font-weight:300;font-size:30px;line-height:30px;font-family:"Open Sans";background-color:transparent}
.tp-caption.thintext_dark{position:absolute;color:rgba(0, 0, 0, 0.85);text-shadow:none;font-weight:300;font-size:16px;line-height:26px;font-family:"Open Sans";background-color:transparent}
.tp-caption.medium_bg_red a{color:#fff;text-decoration:none}
.tp-caption.medium_bg_red a:hover{color:#fff;text-decoration:underline}
.tp-caption.smoothcircle{font-size:30px;line-height:75px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#000;background-color:rgba(0, 0, 0, 0.498039);padding:50px 25px;text-align:center;border-radius:500px 500px 500px 500px;border-width:0;border-color:#000;border-style:none}
.tp-caption.largeblackbg{font-size:50px;line-height:70px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#000;padding:0 20px 5px;text-shadow:none;border-width:0;border-color:#fff;border-style:none}
.tp-caption.largepinkbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#db4360;padding:0 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.tp-caption.largewhitebg{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#fff;padding:0 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.tp-caption.largegreenbg{position:absolute;color:#fff;text-shadow:none;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";background-color:#67ae73;padding:0 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.tp-caption.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#fff;text-decoration:none;background-color:rgba(0, 0, 0, 1);text-shadow:none;margin:0;letter-spacing:-1.5px;padding:1px 4px 0 4px;width:150px;white-space:normal !important;height:auto;border-width:0;border-color:#fff;border-style:none}
.tp-caption.large_bold_grey{font-size:60px;line-height:60px;font-weight:800;font-family:"Open Sans";color:#666;text-decoration:none;background-color:transparent;text-shadow:none;margin:0;padding:1px 4px 0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_thin_grey{font-size:34px;line-height:30px;font-weight:300;font-family:"Open Sans";color:#666;text-decoration:none;background-color:transparent;padding:1px 4px 0;text-shadow:none;margin:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.small_thin_grey{font-size:18px;line-height:26px;font-weight:300;font-family:"Open Sans";color:#757575;text-decoration:none;background-color:transparent;padding:1px 4px 0;text-shadow:none;margin:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.lightgrey_divider{text-decoration:none;background-color:rgba(235, 235, 235, 1);width:370px;height:3px;background-position:initial initial;background-repeat:initial initial;border-width:0;border-color:#222;border-style:none}
.tp-caption.large_bold_darkblue{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:#34495e;text-decoration:none;background-color:transparent;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bg_darkblue{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#34495e;padding:10px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bold_red{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:#e33a0c;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_light_red{font-size:21px;line-height:26px;font-weight:300;font-family:"Open Sans";color:#e33a0c;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bg_red{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#e33a0c;padding:10px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bold_orange{font-size:24px;line-height:30px;font-weight:800;font-family:"Open Sans";color:#f39c12;text-decoration:none;background-color:transparent;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bg_orange{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#f39c12;padding:10px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.grassfloor{text-decoration:none;background-color:rgba(160, 179, 151, 1);width:4000px;height:150px;border-width:0;border-color:#222;border-style:none}
.tp-caption.large_bold_white{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_light_white{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.mediumlarge_light_white{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.mediumlarge_light_white_center{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;padding:0;text-align:center;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_bg_asbestos{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#7f8c8d;padding:10px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.medium_light_black{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:#000;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.large_bold_black{font-size:58px;line-height:60px;font-weight:800;font-family:"Open Sans";color:#000;text-decoration:none;background-color:transparent;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.mediumlarge_light_darkblue{font-size:34px;line-height:40px;font-weight:300;font-family:"Open Sans";color:#34495e;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.small_light_white{font-size:17px;line-height:28px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.roundedimage{border-width:0;border-color:#222;border-style:none}
.tp-caption.large_bg_black{font-size:40px;line-height:40px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#000;padding:10px 20px 15px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.mediumwhitebg{font-size:30px;line-height:30px;font-weight:300;font-family:"Open Sans";color:#000;text-decoration:none;background-color:#fff;padding:5px 15px 10px;text-shadow:none;border-width:0;border-color:#000;border-style:none}
.tp-caption.medium_bg_orange_new1{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#f39c12;padding:10px;border-width:0;border-color:#ffd658;border-style:none}
.tp-caption.boxshadow{-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);box-shadow:0 0 20px rgba(0, 0, 0, 0.5)}
.tp-caption.black{color:#000;text-shadow:none;font-weight:300;font-size:19px;line-height:19px;font-family:'Open Sans', sans}
.tp-caption.noshadow{text-shadow:none}
.tp_inner_padding{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-height:none !important}
.tp-caption .frontcorner{width:0;height:0;border-left:40px solid transparent;border-right:0 solid transparent;border-top:40px solid #00a8ff;position:absolute;left:-40px;top:0}
.tp-caption .backcorner{width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00a8ff;position:absolute;right:0;top:0}
.tp-caption .frontcornertop{width:0;height:0;border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00a8ff;position:absolute;left:-40px;top:0}
.tp-caption .backcornertop{width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-top:40px solid #00a8ff;position:absolute;right:0;top:0}
.tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover{background-position:bottom, 15px 11px}
@media only screen and (min-width:480px) and (max-width:767px){.tp-simpleresponsive .button{padding:4px 8px 3px;line-height:25px !important;font-size:11px !important;font-weight:normal}
.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}
}
@media only screen and (min-width:0) and (max-width:479px){.tp-simpleresponsive .button{padding:2px 5px 2px;line-height:20px !important;font-size:10px !important}
.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}
}
.fullscreen-container{width:100%;position:relative;padding:0}
.fullwidthbanner-container{width:100%;position:relative;padding:0;overflow:hidden}
.fullwidthbanner-container .fullwidthbanner{width:100%;position:relative}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{position:absolute;visibility:hidden;-webkit-font-smoothing:antialiased !important}
.tp-simpleresponsive img{max-width:none}
.noFilterClass{filter:none !important}
.tp-bannershadow{position:absolute;margin-left:auto;margin-right:auto;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}
.tp-bannershadow.tp-shadow1{background:url(../assets/shadow1.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow2{background:url(../assets/shadow2.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3{background:url(../assets/shadow3.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}
.caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video{width:100% !important;height:100% !important;display:none}
.tp-caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%}
.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video{width:100% !important;height:100% !important;display:none}
.fullscreenvideo .vjs-loading-spinner{visibility:none;display:none !important;width:0;height:0}
.fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing{visibility:hidden !important;opacity:0 !important;display:none !important;width:0;height:0;overflow:hidden}
.fullcoveredvideo.video-js, .fullcoveredvideo video{background:transparent !important}
.fullcoveredvideo .vjs-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}
.tp-dottedoverlay{background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.tp-dottedoverlay.twoxtwo{background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite{background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree{background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite{background:url(../assets/gridtile_3x3_white.png)}
.tpclear{clear:both}
.tp-bullets{z-index:1000;position:absolute;-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-webkit-transform:translateZ(5px)}
.tp-bullets.hidebullets{-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}
.tp-bullets.simplebullets.navbar{border:1px solid #666;border-bottom:1px solid #444;background:url(../assets/boxed_bgtile.png);height:40px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.tp-bullets.simplebullets.navbar-old{background:url(../assets/navigdots_bgtile.png);height:35px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.tp-bullets.simplebullets.round .bullet{cursor:pointer;position:relative;background:url(../assets/bullet.png) no-Repeat top left;width:20px;height:20px;margin-right:0;float:left;margin-top:0;margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last{margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet{cursor:pointer;position:relative;background:url(../assets/bullets.png) no-Repeat bottom left;width:23px;height:23px;margin-right:0;float:left;margin-top:0}
.tp-bullets.simplebullets.round-old .bullet.last{margin-right:0}
.tp-bullets.simplebullets.square .bullet{cursor:pointer;position:relative;background:url(../assets/bullets2.png) no-Repeat bottom left;width:19px;height:19px;margin-right:0;float:left;margin-top:0}
.tp-bullets.simplebullets.square .bullet.last{margin-right:0}
.tp-bullets.simplebullets.square-old .bullet{cursor:pointer;position:relative;background:url(../assets/bullets2.png) no-Repeat bottom left;width:19px;height:19px;margin-right:0;float:left;margin-top:0}
.tp-bullets.simplebullets.square-old .bullet.last{margin-right:0}
.tp-bullets.simplebullets.navbar .bullet{cursor:pointer;position:relative;background:url(../assets/bullet_boxed.png) no-Repeat top left;width:18px;height:19px;margin-right:5px;float:left;margin-top:0}
.tp-bullets.simplebullets.navbar .bullet.first{margin-left:0 !important}
.tp-bullets.simplebullets.navbar .bullet.last{margin-right:0 !important}
.tp-bullets.simplebullets.navbar-old .bullet{cursor:pointer;position:relative;background:url(../assets/navigdots.png) no-Repeat bottom left;width:15px;height:15px;margin-left:5px !important;margin-right:5px !important;float:left;margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first{margin-left:0 !important}
.tp-bullets.simplebullets.navbar-old .bullet.last{margin-right:0 !important}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{background-position:top left}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected{background-position:bottom left}
.tp-bullets.tp-thumbs{z-index:1000;position:absolute;padding:3px;background-color:#fff;width:500px;height:50px;margin-top:-50px}
.fullwidthbanner-container .tp-thumbs{padding:3px}
.tp-bullets.tp-thumbs .tp-mask{width:500px;height:50px;overflow:hidden;position:relative}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer{width:5000px;position:absolute}
.tp-bullets.tp-thumbs .bullet{width:100px;height:50px;cursor:pointer;overflow:hidden;background:0;margin:0;float:left;-ms-filter:"alpha(opacity=50)";-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected{-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1}
.tp-thumbs img{width:100%}
.tp-bannertimer{width:100%;height:10px;position:absolute;z-index:200;top:0}
.tp-bannertimer.tp-bottom{bottom:0;height:5px;top:auto}
@media only screen and (min-width:0) and (max-width:479px){.responsive .tp-bullets{display:none}
.responsive .tparrows{display:none}
}
.vjs-tech{margin-top:1px}
.tp-caption .vjs-default-skin .vjs-big-play-button{left:50%;top:50%;margin-left:-20px;margin-top:-20px;width:40px;height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0;box-shadow:none;text-shadow:none;line-height:30px;vertical-align:top;padding:0}
.tp-caption .vjs-default-skin .vjs-big-play-button:before{position:absolute;top:0;left:0;line-height:40px;text-shadow:none !important;color:#fff;font-size:18px}
.tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus{box-shadow:none;-webkit-box-shadow:none}
.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}
.tp-simpleresponsive a{text-decoration:none}
.tp-simpleresponsive ul{list-style:none;padding:0;margin:0}
.tp-simpleresponsive>ul>li{list-stye:none;position:absolute;visibility:hidden}
.caption.slidelink a div, .tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../assets/coloredbg.png) repeat}
.tp-loader{background-color:none;margin:-22px -22px;top:50%;left:50%;z-index:10000;position:absolute;width:44px;height:44px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.tp-transparentimg{content:"url(../assets/transparent.png)"}
.tp-3d{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 50%}
.tp-caption img{background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}
@font-face{font-family:'revicons';src:url('../font/revicons.eot?5510888');src:url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg');font-weight:normal;font-style:normal}
[class^="revicon-"]:before, [class*=" revicon-"]:before{font-family:"revicons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}
.revicon-search-1:before{content:'\e802'}
.revicon-pencil-1:before{content:'\e831'}
.revicon-picture-1:before{content:'\e803'}
.revicon-cancel:before{content:'\e80a'}
.revicon-info-circled:before{content:'\e80f'}
.revicon-trash:before{content:'\e801'}
.revicon-left-dir:before{content:'\e817'}
.revicon-right-dir:before{content:'\e818'}
.revicon-down-open:before{content:'\e83b'}
.revicon-left-open:before{content:'\e819'}
.revicon-right-open:before{content:'\e81a'}
.revicon-angle-left:before{content:'\e820'}
.revicon-angle-right:before{content:'\e81d'}
.revicon-left-big:before{content:'\e81f'}
.revicon-right-big:before{content:'\e81e'}
.revicon-magic:before{content:'\e807'}
.revicon-picture:before{content:'\e800'}
.revicon-export:before{content:'\e80b'}
.revicon-cog:before{content:'\e832'}
.revicon-login:before{content:'\e833'}
.revicon-logout:before{content:'\e834'}
.revicon-video:before{content:'\e805'}
.revicon-arrow-combo:before{content:'\e827'}
.revicon-left-open-1:before{content:'\e82a'}
.revicon-right-open-1:before{content:'\e82b'}
.revicon-left-open-mini:before{content:'\e822'}
.revicon-right-open-mini:before{content:'\e823'}
.revicon-left-open-big:before{content:'\e824'}
.revicon-right-open-big:before{content:'\e825'}
.revicon-left:before{content:'\e836'}
.revicon-right:before{content:'\e826'}
.revicon-ccw:before{content:'\e808'}
.revicon-arrows-ccw:before{content:'\e806'}
.revicon-palette:before{content:'\e829'}
.revicon-list-add:before{content:'\e80c'}
.revicon-doc:before{content:'\e809'}
.revicon-left-open-outline:before{content:'\e82e'}
.revicon-left-open-2:before{content:'\e82c'}
.revicon-right-open-outline:before{content:'\e82f'}
.revicon-right-open-2:before{content:'\e82d'}
.revicon-equalizer:before{content:'\e83a'}
.revicon-layers-alt:before{content:'\e804'}
.revicon-popup:before{content:'\e828'}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{margin-top:0px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:5px 5px;background:#123a2d;display:inline-block;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#DDDDDD;color:#123a2d;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{border-radius:15px;width:30px;height:5px;margin:25px 5px 5px 5px;background:#DDDDDD; border-radius:15px; display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#1d3652;}
.ImageWrapper{-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-ms-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);display:block;overflow:hidden;position:relative;}
.ImageWrapper2{display:block;overflow:hidden;position:relative;}
.WhiteRounded{background-color:#ffffff;border:medium none;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.WhiteRounded > a{color:#222222;display:block;font-weight:normal;}
.RedRounded{background-color:#D8322B;border:medium none;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.RedRounded > a{color:#FFFFFF;display:block;font-weight:normal;}
.BlackRounded{background-color:#222222;border:medium none;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.BlackRounded > a{color:#ffffff;display:block;font-weight:normal;}
.WhiteHollowRounded{border:1px solid #ffffff;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.WhiteHollowRounded > a{color:#ffffff;display:block;font-weight:normal;}
.BlackHollowRounded{border:1px solid #222222;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.BlackHollowRounded > a{color:#222222;display:block;font-weight:normal;}
.WhiteSquare{background-color:#ffffff;border:medium none;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:4px 4px 4px;-moz-border-radius:4px 4px 4px;-ms-border-radius:4px 4px 4px;-o-border-radius:4px 4px 4px;border-radius:4px 4px 4px;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.WhiteSquare > a{color:#222222;display:block;font-weight:normal;}
.BlackSquare{background-color:#222222;border:medium none;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:4px 4px 4px;-moz-border-radius:4px 4px 4px;-ms-border-radius:4px 4px 4px;-o-border-radius:4px 4px 4px;border-radius:4px 4px 4px;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.BlackSquare > a{color:#ffffff;display:block;font-weight:normal;}
.WhiteHollowSquare{border:1px solid #ffffff;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:4px 4px 4px;-moz-border-radius:4px 4px 4px;-ms-border-radius:4px 4px 4px;-o-border-radius:4px 4px 4px;border-radius:4px 4px 4px;}
.WhiteHollowSquare > a{color:#ffffff;display:block;font-weight:normal;}
.BlackHollowSquare{border:1px solid #222222;display:inline-block !important;float:none !important;font-size:14px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px;-webkit-border-radius:4px 4px 4px;-moz-border-radius:4px 4px 4px;-ms-border-radius:4px 4px 4px;-o-border-radius:4px 4px 4px;border-radius:4px 4px 4px;}
.BlackHollowSquare > a{color:#222222;display:block;font-weight:normal;}
.VisibleButtons{margin:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;}
.VisibleImageOverlay{position:absolute;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);width:100%;height:100%;top:0;left:0;opacity:.6;visibility:visible;}
.ImageWrapper .ImageOverlayH{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom:0;display:block;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayH{opacity:1;}
.ImageWrapper .ImageOverlayHe{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:0;display:block;height:0;left:0;opacity:0;position:absolute;top:50%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayHe{height:100%;top:0;opacity:1;}
.ImageWrapper .ImageOverlayLi:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;left:0;opacity:0;position:absolute;top:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayLi:after{top:-50%;opacity:1;}
.ImageWrapper .ImageOverlayLi:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom:-100%;height:100%;content:"";display:block;left:0;opacity:0;position:absolute;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayLi:before{bottom:-50%;opacity:1;}
.ImageWrapper .ImageOverlayBe:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;left:0;opacity:0;position:absolute;top:-100%;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayBe:after{top:50%;opacity:1;}
.ImageWrapper .ImageOverlayBe:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom:-100%;height:100%;content:"";display:block;left:0;opacity:0;position:absolute;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayBe:before{bottom:50%;opacity:1;}
.ImageWrapper .ImageOverlayB{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:50%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:0;}
.ImageWrapper:hover .ImageOverlayB{left:0;width:100%;opacity:1;}
.ImageWrapper .ImageOverlayC:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;right:-100%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayC:after{right:-50%;opacity:1;}
.ImageWrapper .ImageOverlayC:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;left:-100%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayC:before{left:-50%;opacity:1;}
.ImageWrapper .ImageOverlayN:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;right:-100%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayN:after{right:50%;opacity:1;}
.ImageWrapper .ImageOverlayN:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;content:"";display:block;left:-100%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayN:before{left:50%;opacity:1;}
.ImageWrapper .ImageOverlayO{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:-100%;opacity:0;position:absolute;top:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayO{left:0;top:0;opacity:1;}
.ImageWrapper .ImageOverlayF{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;right:-100%;opacity:0;position:absolute;top:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayF{right:0;top:0;opacity:1;}
.ImageWrapper .ImageOverlayNe{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:-100%;opacity:0;position:absolute;bottom:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayNe{bottom:0;left:0;opacity:1;}
.ImageWrapper .ImageOverlayNa{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;right:-100%;opacity:0;position:absolute;bottom:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayNa{bottom:0;right:0;opacity:1;}
.ImageWrapper .ImageOverlayMg{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:0;opacity:0;position:absolute;top:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayMg{top:0;opacity:1;}
.ImageWrapper .ImageOverlayAl{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:0;opacity:0;position:absolute;bottom:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayAl{bottom:0;opacity:1;}
.ImageWrapper .ImageOverlaySi{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;top:0;opacity:0;position:absolute;right:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlaySi{right:0;opacity:1;}
.ImageWrapper .ImageOverlayP{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;top:0;opacity:0;position:absolute;left:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayP{left:0;opacity:1;}
.ImageWrapper .ImageOverlayS{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;top:0;opacity:0;position:absolute;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;-webkit-transform:rotate(180deg) scale(0);-moz-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);-o-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);}
.ImageWrapper:hover .ImageOverlayS{-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;}
.ImageWrapper .ImageOverlayCl{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;top:0;opacity:0;position:absolute;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;-webkit-transform:rotate(-180deg) scale(0);-moz-transform:rotate(-180deg) scale(0);-ms-transform:rotate(-180deg) scale(0);-o-transform:rotate(-180deg) scale(0);transform:rotate(-180deg) scale(0);}
.ImageWrapper:hover .ImageOverlayCl{-webkit-transform:rotate(0deg) scale(1);-moz-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;}
.ImageWrapper .ImageOverlayArLeft:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;content:"";display:block;position:absolute;top:-50%;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;left:-100%;overflow:hidden;}
.ImageWrapper .ImageOverlayArLeft:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;content:"";display:block;position:absolute;top:50%;-webkit-transition:all 0.2s ease .2s;-moz-transition:all 0.2s ease .2s;-ms-transition:all 0.2s ease .2s;-o-transition:all 0.2s ease .2s;transition:all 0.2s ease .2s;width:100%;height:100%;left:-100%;overflow:hidden;}
.ImageWrapper .ImageOverlayArRight:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;content:"";display:block;position:absolute;top:-50%;-webkit-transition:all 0.2s ease .3s;-moz-transition:all 0.2s ease .3s;-ms-transition:all 0.2s ease .3s;-o-transition:all 0.2s ease .3s;transition:all 0.2s ease .3s;width:100%;height:100%;right:-100%;overflow:hidden;}
.ImageWrapper .ImageOverlayArRight:after{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;content:"";display:block;position:absolute;top:50%;-webkit-transition:all 0.2s ease .5s;-moz-transition:all 0.2s ease .5s;-ms-transition:all 0.2s ease .5s;-o-transition:all 0.2s ease .5s;transition:all 0.2s ease .5s;width:100%;height:100%;right:-100%;overflow:hidden;}
.ImageWrapper:hover .ImageOverlayArLeft:before, .ImageWrapper:hover .ImageOverlayArLeft:after{opacity:1;left:50%;}
.ImageWrapper:hover .ImageOverlayArRight:before, .ImageWrapper:hover .ImageOverlayArRight:after{opacity:1;right:50%;}
.ImageWrapper .ImageOverlayK{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;position:absolute;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayK{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1;}
.ImageWrapper .ImageOverlayCa{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;position:absolute;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayCa{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1;}
.ImageWrapper .ImageOverlaySc{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;position:absolute;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlaySc{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1;}
.ImageWrapper .ImageOverlayTi{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity:0;position:absolute;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;-o-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .ImageOverlayTi{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1;}
.GrayScale{-webkit-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");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");filter:gray;-webkit-filter:grayscale(100%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:.6;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.GrayScale:hover{-webkit-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");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%);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.BackgroundS img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundS:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.BackgroundS2 img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundS2:hover img{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.1);transform:scale(0.9);}
.BackgroundRR img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundRR:hover img{-webkit-transform:rotate(-10deg) scale(1.4);-moz-transform:rotate(-10deg) scale(1.4);-ms-transform:rotate(-10deg) scale(1.4);-o-transform:rotate(-10deg) scale(1.4);transform:rotate(-10deg) scale(1.4);}
.BackgroundR img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundR:hover img{-webkit-transform:rotate(10deg) scale(1.4);-moz-transform:rotate(10deg) scale(1.4);-ms-transform:rotate(10deg) scale(1.4);-o-transform:rotate(10deg) scale(1.4);transform:rotate(10deg) scale(1.4);}
.BackgroundRS img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundRS:hover img{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
.BackgroundF img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundF:hover img{opacity:0;}
.BackgroundFS img{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundFS:hover img{-webkit-transform:scale(10);-moz-transform:scale(10);-ms-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:0;}
.BackgroundFRS img{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.BackgroundFRS:hover img{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}
.SquareCircle{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.SquareCircle:hover{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.CircleSquare{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.CircleSquare:hover{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
.ImageWrapper .CStyleH{margin:0;opacity:0;position:absolute;text-align:center;top:0;visibility:hidden;width:100%;-webkit-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleH{margin-top:-20px;opacity:1;top:50%;visibility:visible;}
.ImageWrapper .CStyleHe{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;bottom:0;width:100%;-webkit-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleHe{margin-bottom:-20px;opacity:1;bottom:50%;visibility:visible;}
.ImageWrapper .CStyleLi{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:right;right:0;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleLi{margin-right:-42px;opacity:1;right:50%;visibility:visible;}
.ImageWrapper .CStyleBe{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:left;left:0;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleBe{margin-left:-42px;opacity:1;left:50%;visibility:visible;}
.ImageWrapper .CStyleB{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition:all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
.ImageWrapper:hover .CStyleB{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.ImageWrapper .CStyleC span{position:absolute;}
.ImageWrapper .CStyleC span:nth-of-type(1){bottom:50%;top:50%;left:0;margin:-20px 0 0 -68px;visibility:hidden;opacity:0;-webkit-transition:all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
.ImageWrapper .CStyleC span:nth-of-type(2){bottom:50%;top:50%;left:50%;right:50%;margin:-20px 0 0 -20px;visibility:hidden;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .CStyleC span:nth-of-type(3){bottom:50%;top:50%;right:0;margin:-20px -68px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition:all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
.ImageWrapper:hover .CStyleC span:nth-of-type(1){left:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .CStyleC span:nth-of-type(2){visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.ImageWrapper:hover .CStyleC span:nth-of-type(3){right:50%;visibility:visible;opacity:1;}
.ImageWrapper .StyleH{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleH{opacity:1;visibility:visible;}
.ImageWrapper .StyleHe{margin:0;opacity:0;position:absolute;text-align:center;top:0;visibility:hidden;width:100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleHe{margin-top:-20px;opacity:1;top:50%;visibility:visible;}
.ImageWrapper .StyleLi{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;bottom:0;width:100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleLi{margin-bottom:-20px;opacity:1;bottom:50%;visibility:visible;}
.ImageWrapper .StyleBe{visibility:hidden;opacity:0;position:absolute;text-align:right;right:0;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleBe{margin-right:-42px;opacity:1;right:50%;visibility:visible;}
.ImageWrapper .StyleB{visibility:hidden;opacity:0;position:absolute;text-align:left;left:0;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleB{margin-left:-42px;opacity:1;left:50%;visibility:visible;}
.ImageWrapper .StyleC{visibility:hidden;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleC{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.ImageWrapper .StyleN{visibility:hidden;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;visibility:visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleN{opacity:1;visibility:visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper .StyleO span{position:absolute;}
.ImageWrapper .StyleO span:nth-of-type(1){bottom:50%;top:50%;left:50%;margin:-20px 0 0 -42px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleO span:nth-of-type(2){bottom:50%;top:50%;right:50%;margin:-20px -42px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleO span:nth-of-type(1){opacity:1;visibility:visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper:hover .StyleO span:nth-of-type(2){opacity:1;visibility:visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.ImageWrapper .StyleF{visibility:hidden;-webkit-transform:scale(0.5) rotateX(360deg);-moz-transform:scale(0.5) rotateX(360deg);-ms-transform:scale(0.5) rotateX(360deg);-o-transform:scale(0.5) rotateX(360deg);transform:scale(0.5) rotateX(360deg);margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleF{opacity:1;-webkit-transform:scale(1) rotateX(0deg);-moz-transform:scale(1) rotateX(0deg);-ms-transform:scale(1) rotateX(0deg);-o-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg);visibility:visible;}
.ImageWrapper .StyleNe{visibility:hidden;margin:0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleNe{opacity:1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);visibility:visible;}
.ImageWrapper .StyleNa{visibility:hidden;-webkit-transform:scale(0.2) rotateY(360deg);-moz-transform:scale(0.2) rotateY(360deg);-ms-transform:scale(0.2) rotateY(360deg);-o-transform:scale(0.2) rotateY(360deg);transform:scale(0.2) rotateY(360deg);margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleNa{opacity:1;-webkit-transform:scale(1) rotateY(0deg);-moz-transform:scale(1) rotateY(0deg);-ms-transform:scale(1) rotateY(0deg);-o-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg);visibility:visible;}
.ImageWrapper .StyleMg span{position:absolute;}
.ImageWrapper .StyleMg span:nth-of-type(1){bottom:50%;top:50%;left:50%;margin:-20px 0 0 -82px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleMg span:nth-of-type(2){bottom:50%;top:50%;right:50%;margin:-20px -82px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleMg span:nth-of-type(1){margin:-20px 0 0 -42px;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleMg span:nth-of-type(2){margin:-20px -42px 0 0;visibility:visible;opacity:1;}
.ImageWrapper .StyleAl span{position:absolute;}
.ImageWrapper .StyleAl span:nth-of-type(1){top:0;left:50%;margin:-20px 0 0 -42px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleAl span:nth-of-type(2){bottom:0;right:50%;margin:0 -42px -20px 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleAl span:nth-of-type(1){top:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleAl span:nth-of-type(2){bottom:50%;visibility:visible;opacity:1;}
.ImageWrapper .StyleSi span{position:absolute;}
.ImageWrapper .StyleSi span:nth-of-type(1){bottom:0;left:50%;margin:0 0 -20px -42px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleSi span:nth-of-type(2){top:0;right:50%;margin:-20px -42px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleSi span:nth-of-type(1){bottom:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleSi span:nth-of-type(2){top:50%;visibility:visible;opacity:1;}
.ImageWrapper .StyleP span{position:absolute;}
.ImageWrapper .StyleP span:nth-of-type(1){top:0;left:0;margin:-40px 0 0 -40px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleP span:nth-of-type(2){bottom:0;right:0;margin:0 -40px -40px 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleP span:nth-of-type(1){top:50%;left:50%;margin:-20px 0 0 -42px;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleP span:nth-of-type(2){bottom:50%;right:50%;margin:0 -42px -20px 0;visibility:visible;opacity:1;}
.ImageWrapper .StyleS span{position:absolute;}
.ImageWrapper .StyleS span:nth-of-type(1){bottom:0;left:0;margin:-40px 0 0 -40px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleS span:nth-of-type(2){top:0;right:0;margin:0 -40px -40px 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleS span:nth-of-type(1){bottom:50%;left:50%;margin:0 0 -20px -42px;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleS span:nth-of-type(2){top:50%;right:50%;margin:-20px -42px 0 0;visibility:visible;opacity:1;}
.ImageWrapper .StyleCl{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;visibility:visible;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleCl{opacity:1;visibility:visible;-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-ms-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg);}
.ImageWrapper .StyleAr span{position:absolute;}
.ImageWrapper .StyleAr span:nth-of-type(1){top:50%;bottom:50%;left:50%;margin:-20px 0 0 -42px;visibility:hidden;opacity:0;-webkit-transform:scale(0.2) rotate(0deg);-moz-transform:scale(0.2) rotate(0deg);-ms-transform:scale(0.2) rotate(0deg);-o-transform:scale(0.2) rotate(0deg);transform:scale(0.2) rotate(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleAr span:nth-of-type(2){top:50%;bottom:50%;right:50%;margin:-20px -42px -0 0;visibility:hidden;opacity:0;-webkit-transform:scale(0.2) rotate(0deg);-moz-transform:scale(0.2) rotate(0deg);-ms-transform:scale(0.2) rotate(0deg);-o-transform:scale(0.2) rotate(0deg);transform:scale(0.2) rotate(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleAr span:nth-of-type(1){visibility:visible;opacity:1;-webkit-transform:scale(1) rotate(360deg);-moz-transform:scale(1) rotate(360deg);-ms-transform:scale(1) rotate(360deg);-o-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg);}
.ImageWrapper:hover .StyleAr span:nth-of-type(2){visibility:visible;opacity:1;-webkit-transform:scale(1) rotate(360deg);-moz-transform:scale(1) rotate(360deg);-ms-transform:scale(1) rotate(360deg);-o-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg);}
.ImageWrapper .StyleK span{position:absolute;}
.ImageWrapper .StyleK span:nth-of-type(1){top:50%;bottom:50%;left:50%;margin:-20px 0 0 -42px;visibility:hidden;opacity:0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleK span:nth-of-type(2){top:50%;bottom:50%;right:50%;margin:-20px -42px -0 0;visibility:hidden;opacity:0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleK span:nth-of-type(1){visibility:visible;opacity:1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.ImageWrapper:hover .StyleK span:nth-of-type(2){visibility:visible;opacity:1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.ImageWrapper .StyleCa span{position:absolute;}
.ImageWrapper .StyleCa span:nth-of-type(1){top:50%;bottom:50%;left:50%;margin:-20px 0 0 -42px;visibility:hidden;opacity:0;-webkit-transform:scale(0.2) rotateY(0deg);-moz-transform:scale(0.2) rotateY(0deg);-ms-transform:scale(0.2) rotateY(0deg);-o-transform:scale(0.2) rotateY(0deg);transform:scale(0.2) rotateY(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleCa span:nth-of-type(2){top:50%;bottom:50%;right:50%;margin:-20px -42px -0 0;visibility:hidden;opacity:0;-webkit-transform:scale(0.2) rotateY(0deg);-moz-transform:scale(0.2) rotateY(0deg);-ms-transform:scale(0.2) rotateY(0deg);-o-transform:scale(0.2) rotateY(0deg);transform:scale(0.2) rotateY(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleCa span:nth-of-type(1){visibility:visible;opacity:1;-webkit-transform:scale(1) rotateY(360deg);-moz-transform:scale(1) rotateY(360deg);-ms-transform:scale(1) rotateY(360deg);-o-transform:scale(1) rotateY(360deg);transform:scale(1) rotateY(360deg);}
.ImageWrapper:hover .StyleCa span:nth-of-type(2){visibility:visible;opacity:1;-webkit-transform:scale(1) rotateY(360deg);-moz-transform:scale(1) rotateY(360deg);-ms-transform:scale(1) rotateY(360deg);-o-transform:scale(1) rotateY(360deg);transform:scale(1) rotateY(360deg);}
.ImageWrapper .StyleSc span{position:absolute;}
.ImageWrapper .StyleSc span:nth-of-type(1){bottom:50%;top:50%;left:0;margin:-20px 0 0 -68px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleSc span:nth-of-type(2){top:0;right:50%;left:50%;margin:-20px 0 0 -20px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleSc span:nth-of-type(3){bottom:50%;top:50%;right:0;margin:-20px -68px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleSc span:nth-of-type(1){left:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleSc span:nth-of-type(2){top:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleSc span:nth-of-type(3){right:50%;visibility:visible;opacity:1;}
.ImageWrapper .StyleTi span{position:absolute;}
.ImageWrapper .StyleTi span:nth-of-type(1){bottom:50%;top:50%;left:0;margin:-20px 0 0 -68px;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleTi span:nth-of-type(2){bottom:50%;top:50%;left:50%;right:50%;margin:-20px 0 0 -20px;visibility:hidden;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper .StyleTi span:nth-of-type(3){bottom:50%;top:50%;right:0;margin:-20px -68px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleTi span:nth-of-type(1){left:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleTi span:nth-of-type(2){visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.ImageWrapper:hover .StyleTi span:nth-of-type(3){right:50%;visibility:visible;opacity:1;}
.ImageWrapper .StyleV span{position:absolute;}
.ImageWrapper .StyleV span:nth-of-type(1){top:0;left:50%;margin:-20px 0 0 -68px;visibility:hidden;opacity:0;-webkit-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-moz-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-ms-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-o-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;}
.ImageWrapper .StyleV span:nth-of-type(2){top:0;left:50%;margin:-20px 0 0 -20px;visibility:hidden;opacity:0;-webkit-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-moz-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-ms-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-o-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;}
.ImageWrapper .StyleV span:nth-of-type(3){top:0;right:50%;margin:-20px -68px 0 0;visibility:hidden;opacity:0;-webkit-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-moz-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-ms-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-o-transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;transition:all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;}
.ImageWrapper:hover .StyleV span:nth-of-type(1){top:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleV span:nth-of-type(2){top:50%;visibility:visible;opacity:1;}
.ImageWrapper:hover .StyleV span:nth-of-type(3){top:50%;visibility:visible;opacity:1;}
.ImageWrapper .PStyleH{background:url(../images/plus.png) no-repeat scroll center center/60px 60px #222222;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;z-index:9999;}
.ImageWrapper:hover .PStyleH{opacity:.6;visibility:visible;}
.ImageWrapper .PStyleHe{position:absolute;background:url(../images/plus.png) no-repeat scroll center center/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:center center;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleHe{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;}
.ImageWrapper .PStyleLi{-webkit-transform:scale(0.5) rotateY(180deg);-moz-transform:scale(0.5) rotateY(180deg);-ms-transform:scale(0.5) rotateY(180deg);-o-transform:scale(0.5) rotateY(180deg);transform:scale(0.5) rotateY(180deg);background:url(../assets/images/plus.png) no-repeat scroll center center/60px 60px #222222;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;z-index:9999;}
.ImageWrapper:hover .PStyleLi{opacity:.6;-webkit-transform:scale(1) rotateY(0deg);-moz-transform:scale(1) rotateY(0deg);-ms-transform:scale(1) rotateY(0deg);-o-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg);visibility:visible;}
.ImageWrapper .PStyleBe{-webkit-transform:scale(0.5) rotateX(180deg);-moz-transform:scale(0.5) rotateX(180deg);-ms-transform:scale(0.5) rotateX(180deg);-o-transform:scale(0.5) rotateX(180deg);transform:scale(0.5) rotateX(180deg);background:url(../assets/images/plus.png) no-repeat scroll center center/60px 60px #222222;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;z-index:9999;}
.ImageWrapper:hover .PStyleBe{opacity:.6;-webkit-transform:scale(1) rotateX(0deg);-moz-transform:scale(1) rotateX(0deg);-ms-transform:scale(1) rotateX(0deg);-o-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg);visibility:visible;}
.ImageWrapper .PStyleB{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:top left;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleB{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ImageWrapper .PStyleC{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:top right;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleC{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ImageWrapper .PStyleN{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:bottom right;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleN{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ImageWrapper .PStyleO{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:bottom left;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleO{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ImageWrapper .PStyleF{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:top center;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleF{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ImageWrapper .PStyleNe{position:absolute;background:url(../assets/images/plus.png) no-repeat scroll top left/100% 100% #222222;width:100%;height:100%;z-index:199;-webkit-background-origin:padding-box, padding-box;-moz-background-origin:padding-box, padding-box;-ms-background-origin:padding-box, padding-box;-o-background-origin:padding-box, padding-box;background-origin:padding-box, padding-box;background-position:bottom center;background-repeat:no-repeat;-webkit-background-size:10px 10px, 100% 100%;-moz-background-size:10px 10px, 100% 100%;-ms-background-size:10px 10px, 100% 100%;-o-background-size:10px 10px, 100% 100%;background-size:10px 10px, 100% 100%;opacity:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .PStyleNe{opacity:.6;-webkit-background-size:60px 60px, 100% 100%;-moz-background-size:60px 60px, 100% 100%;-ms-background-size:60px 60px, 100% 100%;-o-background-size:60px 60px, 100% 100%;background-size:60px 60px, 100% 100%;visibility:visible;background-position:center center;}
.ContentWrapperH .ContentH{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperH:hover .ContentH{opacity:1;visibility:visible;}
.ContentWrapperH .ContentH .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperH .ContentH .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperH .ContentH .Content p{color:#666666;}
.ContentWrapperH .ContentH .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperH .ContentH .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperHe .ContentHe{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:scale(0.0);-moz-transform:scale(0.0);-ms-transform:scale(0.0);-o-transform:scale(0.0);transform:scale(0.0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperHe:hover .ContentHe{opacity:1;visibility:visible;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
.ContentWrapperHe .ContentHe .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperHe .ContentHe .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperHe .ContentHe .Content p{color:#666666;}
.ContentWrapperHe .ContentHe .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperHe .ContentHe .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperLi img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperLi:hover img{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
.ContentWrapperLi .ContentLi{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperLi:hover .ContentLi{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.ContentWrapperLi .ContentLi .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperLi .ContentLi .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperLi .ContentLi .Content p{color:#666666;}
.ContentWrapperLi .ContentLi .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperLi .ContentLi .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperBe img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;opacity:1;}
.ContentWrapperBe:hover img{-webkit-transform:scale(10);-moz-transform:scale(10);-ms-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:0;}
.ContentWrapperBe .ContentBe{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperBe:hover .ContentBe{opacity:1;visibility:visible;}
.ContentWrapperBe .ContentBe .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperBe .ContentBe .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperBe .ContentBe .Content p{color:#666666;}
.ContentWrapperBe .ContentBe .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperBe .ContentBe .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperB img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperB:hover img{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.ContentWrapperB .ContentB{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:-100%;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperB:hover .ContentB{opacity:1;visibility:visible;top:0;}
.ContentWrapperB .ContentB .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperB .ContentB .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperB .ContentB .Content p{color:#666666;}
.ContentWrapperB .ContentB .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperB .ContentB .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperC img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperC:hover img{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}
.ContentWrapperC .ContentC{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;bottom:-100%;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperC:hover .ContentC{opacity:1;visibility:visible;bottom:0;}
.ContentWrapperC .ContentC .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperC .ContentC .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperC .ContentC .Content p{color:#666666;}
.ContentWrapperC .ContentC .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperC .ContentC .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperN img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperN:hover img{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
.ContentWrapperN .ContentN{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;right:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperN:hover .ContentN{opacity:1;visibility:visible;right:0;}
.ContentWrapperN .ContentN .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperN .ContentN .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperN .ContentN .Content p{color:#666666;}
.ContentWrapperN .ContentN .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperN .ContentN .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperO img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperO:hover img{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.ContentWrapperO .ContentO{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperO:hover .ContentO{opacity:1;visibility:visible;left:0;}
.ContentWrapperO .ContentO .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperO .ContentO .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperO .ContentO .Content p{color:#666666;}
.ContentWrapperO .ContentO .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperO .ContentO .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperF img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperF:hover img{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%);}
.ContentWrapperF .ContentF{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:50%;height:100%;display:block;top:0;left:0;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);-ms-transform:perspective(600px) rotateY(90deg);-o-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg);-webkit-transform-origin:left center 0;-moz-transform-origin:left center 0;-ms-transform-origin:left center 0;-o-transform-origin:left center 0;transform-origin:left center 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperF:hover .ContentF{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);-o-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
.ContentWrapperF .ContentF .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperF .ContentF .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperF .ContentF .Content p{color:#666666;}
.ContentWrapperNe img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperNe:hover img{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}
.ContentWrapperNe .ContentNe{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:50%;display:block;top:0;left:0;-webkit-transform:perspective(600px) rotateX(-90deg);-moz-transform:perspective(600px) rotateX(-90deg);-ms-transform:perspective(600px) rotateX(-90deg);-o-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:center top 0;-moz-transform-origin:center top 0;-ms-transform-origin:center top 0;-o-transform-origin:center top 0;transform-origin:center top 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperNe:hover .ContentNe{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateX(0deg);-moz-transform:perspective(600px) rotateX(0deg);-ms-transform:perspective(600px) rotateX(0deg);-o-transform:perspective(600px) rotateX(0deg);transform:perspective(600px) rotateX(0deg);}
.ContentWrapperNe .ContentNe .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperNe .ContentNe .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperNe .ContentNe .Content p{color:#666666;}
.ContentWrapperNa img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperNa:hover img{-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%);transform:translateX(-20%);}
.ContentWrapperNa .ContentNa{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:50%;height:100%;display:block;top:0;right:0;-webkit-transform:perspective(600px) rotateY(-90deg);-moz-transform:perspective(600px) rotateY(-90deg);-ms-transform:perspective(600px) rotateY(-90deg);-o-transform:perspective(600px) rotateY(-90deg);transform:perspective(600px) rotateY(-90deg);-webkit-transform-origin:right center 0;-moz-transform-origin:right center 0;-ms-transform-origin:right center 0;-o-transform-origin:right center 0;transform-origin:right center 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperNa:hover .ContentNa{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);-o-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
.ContentWrapperNa .ContentNa .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperNa .ContentNa .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperNa .ContentNa .Content p{color:#666666;}
.ContentWrapperMg img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperMg:hover img{-webkit-transform:translateY(-20%);-moz-transform:translateY(-20%);-ms-transform:translateY(-20%);-o-transform:translateY(-20%);transform:translateY(-20%);}
.ContentWrapperMg .ContentMg{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:50%;display:block;bottom:0;left:0;-webkit-transform:perspective(600px) rotateX(90deg);-moz-transform:perspective(600px) rotateX(90deg);-ms-transform:perspective(600px) rotateX(90deg);-o-transform:perspective(600px) rotateX(90deg);transform:perspective(600px) rotateX(90deg);-webkit-transform-origin:center bottom 0;-moz-transform-origin:center bottom 0;-ms-transform-origin:center bottom 0;-o-transform-origin:center bottom 0;transform-origin:center bottom 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperMg:hover .ContentMg{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);-o-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
.ContentWrapperMg .ContentMg .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperMg .ContentMg .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperMg .ContentMg .Content p{color:#666666;}
.ContentWrapperAl .ContentAl{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateY(0deg) scale(0.0);-moz-transform:rotateY(0deg) scale(0.0);-ms-transform:rotateY(0deg) scale(0.0);-o-transform:rotateY(0deg) scale(0.0);transform:rotateY(0deg) scale(0.0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperAl:hover .ContentAl{opacity:1;visibility:visible;-webkit-transform:rotateY(360deg) scale(.9);-moz-transform:rotateY(360deg) scale(.9);-ms-transform:rotateY(360deg) scale(.9);-o-transform:rotateY(360deg) scale(.9);transform:rotateY(360deg) scale(.9);}
.ContentWrapperAl .ContentAl .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperAl .ContentAl .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperAl .ContentAl .Content p{color:#666666;}
.ContentWrapperAl .ContentAl .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperAl .ContentAl .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperSi .ContentSi{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateX(0deg) scale(0.0);-moz-transform:rotateX(0deg) scale(0.0);-ms-transform:rotateX(0deg) scale(0.0);-o-transform:rotateX(0deg) scale(0.0);transform:rotateX(0deg) scale(0.0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperSi:hover .ContentSi{opacity:1;visibility:visible;-webkit-transform:rotateX(360deg) scale(.9);-moz-transform:rotateX(360deg) scale(.9);-ms-transform:rotateX(360deg) scale(.9);-o-transform:rotateX(360deg) scale(.9);transform:rotateX(360deg) scale(.9);}
.ContentWrapperSi .ContentSi .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperSi .ContentSi .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperSi .ContentSi .Content p{color:#666666;}
.ContentWrapperSi .ContentSi .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperSi .ContentSi .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperP .ContentP{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateY(0deg) scale(.9);-moz-transform:rotateY(0deg) scale(.9);-ms-transform:rotateY(0deg) scale(.9);-o-transform:rotateY(0deg) scale(.9);transform:rotateY(0deg) scale(.9);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperP:hover .ContentP{opacity:1;visibility:visible;-webkit-transform:rotateY(360deg) scale(.9);-moz-transform:rotateY(360deg) scale(.9);-ms-transform:rotateY(360deg) scale(.9);-o-transform:rotateY(360deg) scale(.9);transform:rotateY(360deg) scale(.9);}
.ContentWrapperP .ContentP .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperP .ContentP .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperP .ContentP .Content p{color:#666666;}
.ContentWrapperP .ContentP .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperP .ContentP .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperS .ContentS{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateX(0deg) scale(.9);-moz-transform:rotateX(0deg) scale(.9);-ms-transform:rotateX(0deg) scale(.9);-o-transform:rotateX(0deg) scale(.9);transform:rotateX(0deg) scale(.9);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperS:hover .ContentS{opacity:1;visibility:visible;-webkit-transform:rotateX(360deg) scale(.9);-moz-transform:rotateX(360deg) scale(.9);-ms-transform:rotateX(360deg) scale(.9);-o-transform:rotateX(360deg) scale(.9);transform:rotateX(360deg) scale(.9);}
.ContentWrapperS .ContentS .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperS .ContentS .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperS .ContentS .Content p{color:#666666;}
.ContentWrapperS .ContentS .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperS .ContentS .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperCl{overflow:visible !important;}
.ContentWrapperCl img{position:relative;z-index:455;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCl:hover img{-webkit-transform:translateY(-40%);-moz-transform:translateY(-40%);-ms-transform:translateY(-40%);-o-transform:translateY(-40%);transform:translateY(-40%);}
.ContentWrapperCl .ContentCl{position:absolute;background:#ffffff;opacity:1;visibility:hidden;width:100%;height:100%;display:block;bottom:0;left:0;z-index:200;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCl:hover .ContentCl{visibility:visible;}
.ContentWrapperCl .ContentCl .Content{position:absolute;top:65%;display:block;width:100%;}
.ContentWrapperCl .ContentCl .Content h2{font:bold 16px'Source Sans Pro', Arial, sans-serif;color:#8CA757;padding:0 0 2px;text-align:center;}
.ContentWrapperCl .ContentCl .Content .ReadMore{margin:8px auto;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display:block;width:80px;}
.ContentWrapperCl .ContentCl .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperAr{overflow:visible !important;}
.ContentWrapperAr img{position:relative;z-index:455;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperAr:hover img{-webkit-transform:translateY(40%);-moz-transform:translateY(40%);-ms-transform:translateY(40%);-o-transform:translateY(40%);transform:translateY(40%);}
.ContentWrapperAr .ContentAr{position:absolute;background:#ffffff;opacity:1;visibility:hidden;width:100%;height:100%;display:block;bottom:0;left:0;z-index:200;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperAr:hover .ContentAr{visibility:visible;}
.ContentWrapperAr .ContentAr .Content{position:absolute;top:5%;display:block;width:100%;}
.ContentWrapperAr .ContentAr .Content h2{font:bold 16px'Source Sans Pro', Arial, sans-serif;color:#8CA757;padding:0 0 2px;text-align:center;}
.ContentWrapperAr .ContentAr .Content .ReadMore{margin:8px auto;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display:block;width:80px;}
.ContentWrapperAr .ContentAr .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperK{overflow:visible !important;}
.ContentWrapperK img{position:relative;z-index:455;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperK:hover img{-webkit-transform:translateX(-20%);-moz-transform:translateX(-20%);-ms-transform:translateX(-20%);-o-transform:translateX(-20%);transform:translateX(-20%);}
.ContentWrapperK .ContentK{position:absolute;background:#ffffff;opacity:1;visibility:hidden;width:100%;height:100%;display:block;bottom:0;left:0;z-index:200;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperK:hover .ContentK{visibility:visible;}
.ContentWrapperK .ContentK .Content{display:block;width:100%;position:relative;}
.ContentWrapperK .ContentK .Content ul{position:absolute;top:0;right:0;}
.ContentWrapperK .ContentK .Content ul li{margin:14px 16px;}
.ContentWrapperK .ContentK .Content ul li a{font-size:21px;color:#a9a9a9;}
.ContentWrapperCa{overflow:visible !important;}
.ContentWrapperCa img{position:relative;z-index:455;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCa:hover img{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%);}
.ContentWrapperCa .ContentCa{position:absolute;background:#ffffff;opacity:1;visibility:hidden;width:100%;height:100%;display:block;bottom:0;left:0;z-index:200;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCa:hover .ContentCa{visibility:visible;}
.ContentWrapperCa .ContentCa .Content{display:block;width:100%;position:relative;}
.ContentWrapperCa .ContentCa .Content ul{position:absolute;top:0;left:0;}
.ContentWrapperCa .ContentCa .Content ul li{margin:14px 16px;}
.ContentWrapperCa .ContentCa .Content ul li a{font-size:21px;color:#a9a9a9;}
.ContentWrapperSc .ContentSc{position:absolute;background:#ffffff;visibility:hidden;width:100%;height:100%;display:block;top:-100%;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperSc:hover .ContentSc{visibility:visible;top:0;}
.ContentWrapperSc .ContentSc .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperSc .ContentSc .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperSc .ContentSc .Content p{color:#666666;}
.ContentWrapperSc .ContentSc .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperSc .ContentSc .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperTi .ContentTi{position:absolute;background:#ffffff;visibility:hidden;width:100%;height:100%;display:block;top:0;left:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperTi:hover .ContentTi{visibility:visible;left:0;}
.ContentWrapperTi .ContentTi .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperTi .ContentTi .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperTi .ContentTi .Content p{color:#666666;}
.ContentWrapperTi .ContentTi .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperTi .ContentTi .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperV .ContentV{position:absolute;background:#ffffff;visibility:hidden;width:100%;height:100%;display:block;top:0;right:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperV:hover .ContentV{visibility:visible;right:0;}
.ContentWrapperV .ContentV .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperV .ContentV .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperV .ContentV .Content p{color:#666666;}
.ContentWrapperV .ContentV .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperV .ContentV .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperCr .ContentCr{position:absolute;background:#ffffff;visibility:hidden;width:100%;height:0;display:block;bottom:-100%;left:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCr:hover .ContentCr{visibility:visible;height:100%;bottom:0;}
.ContentWrapperCr .ContentCr .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperCr .ContentCr .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperCr .ContentCr .Content p{color:#666666;}
.ContentWrapperCr .ContentCr .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCr .ContentCr .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperMn .ContentMn{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperMn:hover .ContentMn{opacity:1;visibility:visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.ContentWrapperMn .ContentMn .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperMn .ContentMn .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperMn .ContentMn .Content p{color:#666666;}
.ContentWrapperMn .ContentMn .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperMn .ContentMn .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperFe .ContentFe{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;right:0;-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperFe:hover .ContentFe{opacity:1;visibility:visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.ContentWrapperFe .ContentFe .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperFe .ContentFe .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperFe .ContentFe .Content p{color:#666666;}
.ContentWrapperFe .ContentFe .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperFe .ContentFe .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperCo .ContentCo{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCo:hover .ContentCo{opacity:1;visibility:visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.ContentWrapperCo .ContentCo .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperCo .ContentCo .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperCo .ContentCo .Content p{color:#666666;}
.ContentWrapperCo .ContentCo .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCo .ContentCo .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperNi .ContentNi{position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;right:0;-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;-o-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform-style:preserve-3D;-moz-transform-style:preserve-3D;-ms-transform-style:preserve-3D;-o-transform-style:preserve-3D;transform-style:preserve-3D;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperNi:hover .ContentNi{opacity:1;visibility:visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.ContentWrapperNi .ContentNi .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperNi .ContentNi .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperNi .ContentNi .Content p{color:#666666;}
.ContentWrapperNi .ContentNi .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperNi .ContentNi .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperCu img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCu:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.ContentWrapperCu .ContentCu{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperCu:hover .ContentCu{opacity:1;visibility:visible;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.ContentWrapperCu .ContentCu .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperCu .ContentCu .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperCu .ContentCu .Content p{color:#666666;}
.ContentWrapperCu .ContentCu .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperCu .ContentCu .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ContentWrapperZn img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperZn:hover img{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}
.ContentWrapperZn .ContentZn{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;background:#ffffff;opacity:0;visibility:hidden;width:100%;height:100%;display:block;top:0;left:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ContentWrapperZn:hover .ContentZn{opacity:1;visibility:visible;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);}
.ContentWrapperZn .ContentZn .Content{position:absolute;top:10%;padding:0 10px;}
.ContentWrapperZn .ContentZn .Content h2{color:#8CA757;padding:0 0 6px;}
.ContentWrapperZn .ContentZn .Content p{color:#666666;}
.ContentWrapperZn .ContentZn .Content .ReadMore{float:right;margin:16px 0 0;background:#D1CDC3;background:-moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background:-webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:-ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background:linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-ms-border-radius:2px 2px 2px 2px;-o-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
.ContentWrapperZn .ContentZn .Content .ReadMore a{color:#757167;padding:6px 16px;display:block;}
.ImageWrapper .RibbonCTL .Triangle:after{border-right:35px solid rgba(0, 0, 0, 0);border-top:35px solid #FFFFFF;content:" ";display:block;height:0;position:absolute;width:0;top:0;left:0;z-index:99;}
.ImageWrapper .RibbonCTL .Sign{top:2px;left:2px;position:absolute;z-index:999;}
.ImageWrapper .RibbonCTL .Sign a{color:#666666;}
.ImageWrapper .RibbonCTL{opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCTL{opacity:1;visibility:visible;}
.ImageWrapper .RibbonCTR .Triangle:after{border-left:35px solid rgba(0, 0, 0, 0);border-top:35px solid #FFFFFF;content:" ";display:block;height:0;position:absolute;width:0;top:0;right:0;z-index:99;}
.ImageWrapper .RibbonCTR .Sign{top:2px;right:2px;position:absolute;z-index:999;}
.ImageWrapper .RibbonCTR .Sign a{color:#666666;}
.ImageWrapper .RibbonCTR{opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCTR{opacity:1;visibility:visible;}
.ImageWrapper .RibbonCBL .Triangle:after{border-right:35px solid rgba(0, 0, 0, 0);border-bottom:35px solid #FFFFFF;content:" ";display:block;height:0;position:absolute;width:0;bottom:0;left:0;z-index:99;}
.ImageWrapper .RibbonCBL .Sign{bottom:1px;left:1px;position:absolute;z-index:999;}
.ImageWrapper .RibbonCBL .Sign a{color:#666666;}
.ImageWrapper .RibbonCBL{opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCBL{opacity:1;visibility:visible;}
.ImageWrapper .RibbonCBR .Triangle:after{border-left:35px solid rgba(0, 0, 0, 0);border-bottom:35px solid #FFFFFF;content:" ";display:block;height:0;position:absolute;width:0;bottom:0;right:0;z-index:99;}
.ImageWrapper .RibbonCBR .Sign{bottom:1px;right:1px;position:absolute;z-index:999;}
.ImageWrapper .RibbonCBR .Sign a{color:#666666;}
.ImageWrapper .RibbonCBR{opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .RibbonCBR{opacity:1;visibility:visible;}
.TBlack{background:none repeat scroll 0 0 rgba(0,0,0,.8) !important;}
.TWhite{background:none repeat scroll 0 0 rgba(255,255,255,.8) !important;}
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.cookie-banner {
--color1: #10182F;
--color2: #fff;
--color3: #306BF3;
box-shadow: 0 15px 45px -12px rgba(0,29,147,.15);
border-radius: 5px;
background: var(--color2);
opacity: 0;
visibility: hidden;
transform: scale(.8);
transition: 500ms all;
z-index: 9999;
font-family: 'PT Sans';
}
.cookie-banner.active {
opacity: 1;
visibility: visible;
transform: scale(1)
}
.cookie-banner.active.position-bc, .cookie-banner.active.position-tc {
transform: translateX(-50%) scale(1) !important
}
.cookie-banner p {
font-size: 16px;
line-height: 25px;
color: var(--color1)
}
.cookie-banner p a {
display: block;
text-decoration: underline;
color: var(--color1)
}
.cookie-banner.dark {
--color1: #fff;
--color2: #10182F;
--color3: #fff
}
.cookie-banner.style1 {
width: 410px;
height: 196px;
padding: 35px 35px 25px
}
.cookie-banner.style1 .actions {
display: flex;
justify-content: flex-end;
margin-top: 25px
}
.cookie-banner.style1 .actions a {
height: 36px;
display: flex;
align-items: center;
padding: 0 20px;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
width: 132px;
color: var(--color1)
}
.cookie-banner.style1 .actions a.btn, .cookie-banner.style2 .actions a {
background: var(--color1);
color: var(--color2)
}
.cookie-banner.style2 {
width: 510px;
height: 304px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 39px 40px 35px
}
.cookie-banner.style2 .icon {
text-align: center;
fill: var(--color3)
}
.cookie-banner.style2 .actions, .cookie-banner.style2 p {
text-align: center
}
.cookie-banner.style2 .actions a {
display: inline-block;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
width: 110px;
height: 50px;
line-height: 50px
}
.cookie-banner.style2.vertical {
flex-direction: row;
width: 931px;
height: 145px;
align-items: center;
padding: 0 35px;
justify-content: normal
}
.cookie-banner.style2.vertical .icon {
margin-left: 5px;
margin-right: 45px;
text-align: center
}
.cookie-banner.style2.vertical p {
max-width: 620px;
text-align: left
}
.cookie-banner.style2.vertical .actions {
margin-left: auto
}
.cookie-banner.position-tr {
position: fixed;
top: 20px;
right: 20px
}
.cookie-banner.position-tl {
position: fixed;
top: 20px;
left: 20px
}
.cookie-banner.position-tc {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%) scale(.8)
}
.cookie-banner.position-br {
position: fixed;
bottom: 20px;
right: 20px
}
.cookie-banner.position-bl {
position: fixed;
bottom: 20px;
left: 20px
}
.cookie-banner.position-bc {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%) scale(.8)
}
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/*background-color: #fff;
background-color: rgba(255,255,255,0.75);*/
background-color: #ffc107;
background-color: rgba(255, 193, 7, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #b28600;
background-color: rgba(194, 146, 0, 0.75);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(/images/mCSB_buttons.png); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; /* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
/* ---------------------------------------- */
#cd-nav ul {
/* mobile first */
position: fixed;
width: 90%;
max-width: 250px;
right: 20px;
bottom: 120px;
border-radius: 0.25em;
box-shadow: 1px 1px 22px #CCC;
background: white;
visibility: hidden;
/* remove overflow:hidden if you want to create a drop-down menu - but then remember to fix/eliminate the list items animation */
overflow: hidden;
z-index: 1100;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
transition: transform 0.3s, visibility 0s 0.3s;
}
#cd-nav ul li {
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#cd-nav ul.is-visible {
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;
-moz-transition: -moz-transform 0.3s, visibility 0s 0s;
transition: transform 0.3s, visibility 0s 0s;
}
#cd-nav ul.is-visible li:nth-child(1) {
/* list items animation */
-webkit-animation: cd-slide-in 0.2s;
-moz-animation: cd-slide-in 0.2s;
animation: cd-slide-in 0.2s;
}
#cd-nav ul.is-visible li:nth-child(2) {
-webkit-animation: cd-slide-in 0.3s;
-moz-animation: cd-slide-in 0.3s;
animation: cd-slide-in 0.3s;
}
#cd-nav ul.is-visible li:nth-child(3) {
-webkit-animation: cd-slide-in 0.4s;
-moz-animation: cd-slide-in 0.4s;
animation: cd-slide-in 0.4s;
}
#cd-nav ul.is-visible li:nth-child(4) {
-webkit-animation: cd-slide-in 0.5s;
-moz-animation: cd-slide-in 0.5s;
animation: cd-slide-in 0.5s;
}
#cd-nav ul.is-visible li:nth-child(5) {
-webkit-animation: cd-slide-in 0.6s;
-moz-animation: cd-slide-in 0.6s;
animation: cd-slide-in 0.6s;
}
#cd-nav li a {
display: block;
padding: 10px 20px 10px 20px;
border-bottom: 2px solid #eff2f6;
}
#cd-nav li:last-child a {
border-bottom: none;
}
.cd-nav-trigger {
position: fixed;
bottom: 85px;
right: 20px;
width: 44px;
height: 44px;
background: white;
border-radius: 0.25em;
box-shadow: 1px 1px 22px #CCC;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
z-index: 1101;
}
.cd-nav-trigger span {
/* the span element is used to create the menu icon */
position: absolute;
display: block;
width: 20px;
height: 2px;
background: #041e3c;
top: 50%;
margin-top: -1px;
left: 50%;
margin-left: -10px;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
content: '';
position: absolute;
left: 0;
background: inherit;
width: 100%;
height: 100%;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, background 0s;
-moz-transition: -moz-transform 0.3s, background 0s;
transition: transform 0.3s, background 0s;
}
.cd-nav-trigger span::before {
top: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.cd-nav-trigger span::after {
bottom: -6px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.cd-nav-trigger.menu-is-open {
box-shadow: none;
}
.cd-nav-trigger.menu-is-open span {
background: rgba(232, 74, 100, 0);
}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
background: #041e3c;
}
.cd-nav-trigger.menu-is-open span::before {
top: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-nav-trigger.menu-is-open span::after {
bottom: 0;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
#cd-gallery-items li {
margin-bottom: 1.5em;
box-shadow: 1px 1px 22px #CCC;
border-radius: 0.25em;
}
b, u, i, center,
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
}