@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@-webkit-keyframes pull-down {
    0%   {top:-150px;}
    20%   {top:10px;}
    98%   {top:10px;}
    100%   {top:-150px;}
}
@keyframes pull-down {
    0%   {top:-150px;}
    20%   {top:10px;}
    90%   {top:10px;}
    100%   {top:-150px;}
}
html * {
	margin:0;
	padding:0;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
    background:#f6f4f0;
    
}
header, nav, article, section, footer, figure, aside, address {
	display:block;
	font-style:normal;
}
a:hover,
a {
	font-size:14px;
	color:#333;
	text-decoration:none;
    font-family:'Montserrat', sans-serif;
}
textarea,
select,
input,
button {
	outline:none;
	resize:none;
	overflow:hidden;
	font-family:'Montserrat', sans-serif;
}
button {
    cursor:pointer;
}
img {
	border:0;
    width:100%;
    height:auto;
}
ol,
ul {
	list-style-type:none;
}
*::-webkit-input-placeholder {
    color:#666;
    font-size:14px;
    font-family:'Montserrat', sans-serif;
}
*:-moz-placeholder {
    color:#666;
    font-size:14px;
}
*::-moz-placeholder {
    color:#666;
    font-size:14px;
}
*:-ms-input-placeholder {
    color:#666;
    font-size:14px;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px white inset;
}
.clear {
	clear:both;
}
.table-color {
    background:rgba(255,255,255,.6);
    background:#fff;
}
#error-page {
    width:100%;
    height:100%;
    position:absolute;
    background:#f8f8f8;
    display:table;
}
#error-page figure {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:10px;
}
#error-page figure img {
    width:100%;
    max-width:400px;
    height:auto;
}
#error-zone-permission.success,
#error-zone-permission.warning {
    margin-bottom:10px;
    font-weight:600;
    text-align:center;
    color:#c91f1f;
}
#error-zone-permission.success {
    color:#0b99aa;
}
#popup-overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.5s ease;
}
#popup-overlay.show {
    opacity:1;
    visibility:visible;
}
#popup-content {
    position:relative;
    max-width:600px;
    max-height:90vh;
}
#popup-content .popup-container {
    position:relative;
    margin:30px;
}
#popup-content .popup-container p {
    position:absolute;
    left:20px;
    bottom:20px;
    font-size:16px;
    color:#fff;
    background:#f8ac00;
    padding:10px;
}
#popup-content .popup-container img {
    width:100%;
    height:auto;
    max-height:80vh;
    border-radius:8px;
    object-fit:contain;
    display:block;
}
#popup-close {
    position:absolute;
    top:-15px;
    right:-15px;
    background:white;
    color:black;
    font-size:24px;
    font-weight:bold;
    width:35px;
    height:35px;
    border-radius:50%;
    text-align:center;
    line-height:35px;
    cursor:pointer;
    box-shadow:0 0 8px rgba(0,0,0,0.5);
    z-index:10;
    transition:all 0.3s ease;
}
#page {
}
#login {
    position:absolute;
    width:100%;
    height:100%;
    display:table;
    top:0;
    left:0;
    background:#0d3b86;
    background:url(/Images/a-bg.png) no-repeat bottom right -180px #0d3b86;
    background-size:auto 70%;
}
#login .shell {
    display:table-cell;
    vertical-align:middle;
}
#login .panel {
    width:1000px;
    border-radius:10px;
    margin:40px auto;
    box-shadow:rgba(0, 0, 0, 0.1) 0px 10px 50px;
    display:flex;
    font-family:'Montserrat', sans-serif;
    background:#fcfcfc;
}
#login .panel .form {
    width:480px;
    display:table-cell;
    padding:60px;
}
#login .panel .form ul li {
    margin-bottom:25px;
}
#login .panel .form ul li:last-child {
    margin-bottom:0;
}
#login .panel .form ul li figure {
    width:120px;
    height:120px;
    background-color:rgba(0, 0, 0, 0.2);
    border-radius:50%;
    margin:auto;
    overflow:hidden;
}
#login .panel .form ul li figure img {
    width:100%;
    height:auto;
}
#login .panel .form ul li figure > P {
    font-size:40px;
    line-height:120px;
    text-align:center;
    color:#17314c;
    font-weight:700;
}
#login .panel .form ul li p {
    display:block;
    margin-bottom:8px;
    font-weight:700;
    font-size:15px;
}
#login .panel .form ul li label.style-2 {
    display:inline-block;
    margin-left:40px;
}
#login .panel .form ul li i {
    font-style:normal;
    position:relative;
    font-size:12px;
    font-weight:500;
    position:absolute;
}
#login .panel .form ul li .checkbox {
    display:none;
}
#login .panel .form ul li .checkbox + span {
	background-color:#fff;
    background:url(/Images/checks.png) no-repeat top;
	display:block;
	position:relative;
	cursor:pointer;
	width:14px;
	height:14px;
    overflow:hidden;
    float:left;
    margin-right:6px;
}
#login .panel .form ul li .checkbox:checked + span,
#login .panel .form ul li .checkbox + span:active,
#login .panel .form ul li .checkbox:checked + span:active {
    background-position:bottom;
}
#login .panel .form ul li .checkbox:checked + span a,
#login .panel .form ul li .checkbox + span:active a,
#login .panel .form ul li .checkbox:checked + span:active a,
#login .panel .form ul li .checkbox + span:hover a {
}
#login .panel .form ul li .checkbox:checked + span:after {
	position:absolute;
	top:0px;
	left:4px;
}
#login .panel .form ul li .input {
    border:none;
    width:100%;
    line-height:40px;
    background:#f0f0f0;
    padding:3px 15px;
    border-radius:3px;
    border:solid 2px #f0f0f0;
}
#login .panel .form ul li .input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px #f0f0f0 inset;
}
#login .panel .form ul li .input.warning {
    border-color:#c91f1f;
}
#login .panel .form ul li.value {
}
#login .panel .form ul li.links {
    margin:30px 0 40px 0;
}
#login .panel .form ul li.links .tab-1 {
    float:left;
}
#login .panel .form ul li.links .tab-1 i {
    font-style:normal;
    position:relative;
}
#login .panel .form ul li.links .tab-1 .checkbox {
    display:none;
}
#login .panel .form ul li.links .tab-1 .checkbox + span {
	background-color:#fff;
    background:url(/Images/checks.png) no-repeat top;
	display:block;
	position:relative;
	cursor:pointer;
	width:14px;
	height:14px;
    overflow:hidden;
    float:left;
    margin-right:6px;
}
#login .panel .form ul li.links .tab-1 .checkbox:checked + span,
#login .panel .form ul li.links .tab-1 .checkbox + span:active,
#login .panel .form ul li.links .tab-1 .checkbox:checked + span:active {
    background-position:bottom;
}
#login .panel .form ul li.links .tab-1 .checkbox:checked + span a,
#login .panel .form ul li.links .tab-1 .checkbox + span:active a,
#login .panel .form ul li.links .tab-1 .checkbox:checked + span:active a,
#login .panel .form ul li.links .tab-1 .checkbox + span:hover a {
}
#login .panel .form ul li.links .tab-1 .checkbox:checked + span:after {
	position:absolute;
	top:0px;
	left:4px;
}
#login .panel .form ul li.links .tab-2 {
    float:right;
}
#login .panel .form ul li.send {
    text-align:center;
}
#login .panel .form .mobile-member {
    text-align:center;
    margin-top:20px;
    display:none;
}
.button {
    border:none;
    padding:15px 50px;
    color:#fff;
    text-align:center;
    border-radius:3px;
    font-weight:600;
    background:#f8ac00;
    letter-spacing:0.05em;
    width:max-content;
}
#login .panel .member {
    width:calc(100% - 480px);
    min-height:600px;
    display:inline-block;    
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    position:relative;
    background:url(/Images/login-member-bg.jpg) no-repeat center;
    background-color:#ededed;
    background-size:contain;
}
/*#login .panel .member.bg-2 {
    background-image:url(/Images/login-member-bg-2.jpg);
}
#login .panel .member.bg-3 {
    background-image:url(/Images/login-member-bg-3.jpg);
    background-position-x:right;
}
#login .panel .member.bg-4 {
    background-image:url(/Images/login-member-bg-4.jpg);
}*/
#login .panel .member .website {
    position:absolute;
    top:20px;
    right:20px;
}
#login .panel .member .website a {
    display:block;
    width:max-content;
    padding:10px 36px 10px 20px;
    background:url(/Images/icon-arrow-2.png) no-repeat center right #fcfcfc;
    background-size:auto 14px;
    border-radius:20px;
}
#login .panel .member .note {
    position:absolute;
    bottom:30px;
    padding:0 50px;
}
#login .panel .member .note .links {
    text-align:center;
    margin-bottom:30px;
}
#login .panel .member .note .links a {
    border:solid 1px #111;
    padding:10px 30px;
    border-radius:20px;
}
#login .panel .member .note p {
    line-height:22px;
}
#login .panel .member .note span.line {
    width:70px;
    height:3px;
    background:#111;
    margin:auto;
    display:block;
    margin:20px auto 30px auto;
}
#login .footer-note {
    color:#fff;
    text-align:center;
    font-size:12px;
    padding:0 20px 20px 20px;
}
#login .footer-note a {
    color:#fff;
    font-weight:700;
    font-size:12px;
}
#page-content {
    display:flex;
    width:100%;
    padding:0 20px 20px 20px;
}
#header {
    font-family:'Montserrat', sans-serif;
    padding:20px;
}
#header .logo {
    width:150px;
    float:left;
}
#header .search {
    width:450px;
    float:right;
    margin:5px 30px 0 0;
    position:relative;
}
#header .search.mobile-show {
    display:none;
}
#header .search .input {
    width:100%;
    height:48px;
    border-radius:10px;
    border:none;
    padding:0 25px;
    background:url(/Images/icon-search.png) no-repeat center right 20px #fff;
    background-size:auto 55%;
}
#header .search .input::-webkit-input-placeholder {
    color:#999;
}
#header .search #search-popup {
    position:absolute;
    z-index:7;
    width:580px;
    background:#fafafa;
    top:55px;
    border:solid 2px #c92128;
    border-radius:10px;
    font-family:'Raleway', sans-serif;
    display:none;
}
#header .search #search-popup .search-popup-inner {
    position:relative;
    padding:20px 0 20px 20px;
}
#header .search #search-popup .search-popup-inner h5 {
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
    color:#666;
}
#header .search #search-popup .warning {
    color:#c92128;
    font-weight:bold;
}
#header .search #search-popup #search-tab {
    overflow-y:auto;
    min-height:100px;
    max-height:500px;
    padding-right:30px;
}
#header .search #search-popup #search-tab ul {
    margin-bottom:20px;
}
#header .search #search-popup #search-tab ul:last-child {
    margin-bottom:0;
}
#header .search #search-popup .tab ul li a {
    display:block;
    padding:10px 0;
}
#header .search #search-popup .all {
    float:right;
    margin-bottom:20px;
}
#header .search #search-popup .all a {
    font-size:13px;
    font-weight:600;
    color:#c91f1f;
}
#header .member-info {
    width:50px;
    float:right;
    margin:5px 30px 0 0;
}
#header .member-info a {
    width:50px;
    display:table-cell;
    vertical-align:middle;
    border-radius:50%;
    overflow:hidden;
}
#header .member-info figure > p {
    font-size:24px;
    line-height:50px;
    text-align:center;
    color:#17314c;
    font-weight:700;
    background:#fff;
}
#header .member-info figure > img {
    border-radius:50%;
}
#header .message {
    width:42px;
    float:right;
    margin:6px 30px 0 0;
    display:block;
    position:relative;
    padding:4px;
}
#header .message i {
    display:block;
    width:22px;
    height:22px;
    line-height:22px;
    background:#ed145b;
    border-radius:50%;
    position:absolute;
    top:-7px;
    right:-5px;
    color:#fff;
    text-align:center;
    font-style:normal;
    font-size:11px;
    letter-spacing:0.05em;
}
#header .exit {
    width:40px;
    float:right;
    margin-top:14px;
}
/*accordion menu*/
#menu {
    width:300px;
    margin-right:20px;
    display:table-cell;
    vertical-align:top;
}
#menu.style-3 {
    width:320px;
}
#menu .menu {
    width:100%;
    min-height:calc(100vh - 120px);
    height:max-content;
    background:#0d3b86;
    border-radius:10px;
    padding:20px;
}
#menu .menu ul.accordion {
    padding:0;
    list-style:none;
    color:#fff;
}
#menu .menu ul.accordion > li {
    margin-bottom:10px;
}
#menu .menu .accordion-panel a,
#menu .menu ul.accordion > li > a {
    display:block;
    color:#fff;
    font-weight:600;
    font-size:15px;
    cursor:pointer;
    padding:10px;
    position:relative;
    background:no-repeat left center;
    background-size:auto 18px;
    padding-left:34px;
}
#menu .menu .accordion-panel a {
    padding-left:28px;
}
#menu .menu ul.accordion > li.menu-1 > a {
    background-image:url(/Images/menu-icon-1.png);
}
#menu .menu ul.accordion > li.menu-2 > a {
    background-image:url(/Images/menu-icon-2.png);
}
#menu .menu ul.accordion > li.menu-3 > a {
    background-image:url(/Images/menu-icon-3.png);
}
#menu .menu ul.accordion > li.menu-4 > a {
    background-image:url(/Images/menu-icon-4.png);
}
#menu .menu ul.accordion > li.menu-5 > a {
    background-image:url(/Images/menu-icon-5.png);
}
#menu .menu ul.accordion > li.menu-6 > a {
    background-image:url(/Images/menu-icon-6.png);
}
#menu .menu ul.accordion > li.menu-7 > a {
    background-image:url(/Images/menu-icon-7.png);
}
#menu .menu ul.accordion > li.menu-8 > a {
    background-image:url(/Images/menu-icon-8.png);
}
#menu .menu ul.accordion > li.menu-9 > a {
    background-image:url(/Images/menu-icon-9.png);
}
#menu .menu ul.accordion > li.menu-10 > a {
    background-image:url(/Images/menu-icon-10.png);
}
#menu .menu ul.accordion > li.menu-11 > a {
    background-image:url(/Images/menu-icon-11.png);
}
#menu .menu ul.accordion > li.menu-12 {
    display:none;
}
#menu .menu ul.accordion > li.menu-12 > a {
    background-image:url(/Images/menu-icon-12.png);
}
#menu .menu ul.accordion > li.menu-13 > a {
    background-image:url(/Images/menu-icon-13.png);
}
#menu .menu ul.accordion > li.menu-14 > a {
    background-image:url(/Images/menu-icon-14.png);
}
#menu .menu ul.accordion > li.menu-15 > a {
    background-image:url(/Images/menu-icon-15.png);
}
#menu .menu ul.accordion > li.menu-16 > a {
    background-image:url(/Images/menu-icon-16.png);
}
#menu .menu .accordion-panel a {
    font-weight:500;
}
#menu .menu .accordion-item {
}
#menu .menu .accordion-thumb {
    cursor:pointer;
    font-weight:normal;
}
#menu .menu .accordion-panel {
    display:none;
    padding-left:10px;
}
#menu .menu .accordion-item > a::before {
    content:'';
    display:inline-block;
    height:7px;
    width:7px;
    vertical-align:middle;
    border-right:1px solid;
    border-bottom:1px solid;
    transform:rotate(-45deg);
    transition:transform 0.2s ease-out;
    position:absolute;
    margin-top:3px;
    right:10px;
}
#menu .menu .accordion-item.is-active > a::before {
    transform:rotate(45deg);
}
#menu .logo {
    width:170px;
    margin:50px auto 0 auto;
}
/*accordion menu*/
#content,
#index {
    font-family:'Montserrat', sans-serif;
    width:calc(100% - 320px);
    display:table-cell;
    vertical-align:top;
    background:rgba(255,255,255,.4);
    border-radius:10px;
    padding:20px;
    /*position:relative;*/
}
#content {
    position:relative;
}
#index .left-column {
    width:calc(100% - 480px);
    float:left;
    margin-right:30px;
}
#index .left-column .all {
    margin-top:30px;
    text-align:right;
}
#index .left-column .all a {
    padding:10px 30px;
    border:solid 2px #f8ac00;
    width:max-content;
    font-weight:600;
    display:inline-block;
}
#index .right-column .title,
#index .left-column .title {
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
}
#index .left-column .announcements {
    margin-bottom:50px;
}
#index .left-column .announcements ul li {
    margin-bottom:10px;
}
#index .left-column .announcements ul li:last-child {
    margin-bottom:0;
}
#index .left-column .announcements ul li a {
    padding:12px;
    background:#fff;
    display:block;
    border-radius:10px;
}
#index .left-column .announcements ul li a p:first-child {
    font-size:15px;
    font-weight:600;
    margin-bottom:10px;
}
#index .left-column .announcements ul li a figure {
    width:100px;
    margin-right:20px;
    float:left;
}
#index .left-column .announcements ul li a figure img {
    border-radius:5px;
}
#index .left-column .announcements ul li a .text {
    width:calc(100% - 120px);
    float:left;
}
#index .left-column .brand-collaborations {
    margin-bottom:100px;
}
#index .left-column .brand-collaborations ul li figure img {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
#index .left-column .brand-collaborations > ul li span {
    display:block;
    padding:0 5px;
}
#index .left-column .brand-collaborations > ul li p {
    padding:20px;
    background:#fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#index .left-column .event-calendar {
    margin-bottom:50px;
}
#index .left-column .event-calendar ul > li {
    width:calc(50% - 15px);
    float:left;
}
#index .left-column .event-calendar ul li:nth-child(odd) {
    margin-right:30px;
}
#index .left-column .event-calendar ul li:nth-child(-n+2) {
    margin-bottom:30px;
}
#index .left-column .event-calendar ul li figure img {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
#index .left-column .event-calendar > ul li span {
    display:block;
    padding:0 5px;
}
#index .left-column .event-calendar > ul li p {
    padding:20px;
    background:#fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#index .left-column .articles .left {
    width:calc(50% - 15px);
    float:left;
    margin-right:30px;
}
#index .left-column .articles .left ul li {
    background:no-repeat center;
    background-size:cover;
    height:550px;
    border-radius:5px;
    position:relative;
}
#index .left-column .articles .left ul li a {
    display:block;
    font-weight:600;
    color:#fff;
    width:100%;
    height:100%;
}
#index .left-column .articles .left ul li p {
    position:absolute;
    bottom:0;    
    padding:20px;
}
#index .left-column .articles .right {
    width:calc(50% - 15px);
    float:left;
}
#index .left-column .articles .right ul li {
    margin-bottom:30px;
}
#index .left-column .articles .right ul li:last-child {
    margin-bottom:0;
}
#index .left-column .articles .right ul li a {
    display:block;
    padding:15px;
    background:#fff;
    border-radius:5px;
    font-weight:600;
}
#index .left-column .articles .right ul li figure {
    margin-bottom:10px;
}
#index .left-column .articles .right ul li figure img {
    border-radius:5px;
}
#index .right-column {
    width:450px;
    float:left;
}
#index .right-column .now-date {
    display:table;
    width:100%;
    margin-bottom:30px;
    border-radius:5px;
    color:#fff;
    position:relative;
    font-size:14px;
}
#index .right-column .now-date figure {
    background:url(/Images/icon-calendar.png) no-repeat center #095c66;
    background-size:auto 55%;
    display:inline-block;
    vertical-align:top;
    width:130px;
    height:104px;
    border-radius:5px;
    position:relative;
    z-index:2;
}
#index .right-column .now-date p {
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 260px);
    height:104px;
    padding:14px 15px 0 25px;
    background:#0b99aa;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    position:relative;
    left:-5px;
}
#index .right-column .now-date p > i {
    font-style:normal;
    display:block;
}
#index .right-column .now-date p > i:nth-child(2) {
    font-size:55px;
    font-weight:500;
    margin-top:2px;
}
#index .right-column .now-date p > i:nth-child(2) label {
    font-size:14px;
    margin:32px 0 0 10px;
    position:absolute;
}
#index .right-column .now-date > #weather-container {
    display:inline-block;
    vertical-align:top;
    width:130px;
    height:104px;
    overflow:hidden;
    background:#f5f5f5;
    background:#778f91;
    border-radius:5px;
    position:relative;
    text-align:center;
}
#index .right-column .now-date > #weather-container img {
    width:90px;
    height:90px;
    margin-top:-12px;
}
#index .right-column .now-date > #weather-container span {
    display:block;
    font-size:26px;
    font-weight:500;
    margin-top:-17px;
}
#index .right-column .new-staff {
    background:#dddbcd;
    border-radius:5px;
    padding:20px;
    margin-bottom:30px;
}
#index .right-column .today {
    background:#dddbcd;
    border-radius:5px;
    margin-bottom:30px;
    padding:20px;
}
#index .right-column .tab ul {
    width:calc(100% - 50px);
    margin:auto;
}
#index .right-column .tab ul > li .warning {
    text-align:center;
    color:#777;
}
#index .right-column .tab ul > li:not(:last-child) {
    margin-bottom:30px;
    padding-bottom:30px;
    position:relative;
}
#index .right-column .tab ul > li:not(:last-child)::after {
    content:"";
    width:84%;
    height:1px;
    background:#f0f0f0;
    position:absolute;
    bottom:-1px;
    left:8%;
}
#index .right-column .tab ul li > a {
    font-size:22px;
    font-weight:700;
    display:block;
    margin-bottom:20px;
}
#index .right-column .tab ul li figure {
    width:70px;
    height:70px;
    margin-right:20px;
    background:#fff;
    float:left;
    border-radius:50%;
    overflow:hidden;
}
#index .right-column .tab ul li figure > p {
    font-size:24px;
    line-height:70px;
    text-align:center;
    color:#17314c;
    font-weight:700;
}
#index .right-column .tab ul li .text {
    width:calc(100% - 90px);
    float:left;
}
#index .right-column .tab ul li .text > p {
    margin-bottom:3px;
}
#index .right-column .tab ul li .text > p.name {
    font-weight:700;
}
#index .right-column .tab ul li .text > p.link a {
    font-size:11px;
    text-decoration:underline;
    color:#888;
}
#index .right-column .tab ul li .text > .message {
    padding:10px;
    background:rgba(255,255,255, .5);
    border-radius:5px;
    font-size:12px;
    margin-top:10px;
}
#index .right-column .tab .slick-prev,
#index .right-column .tab .slick-next {
	position:absolute;
	display:inline-block;
	padding:3px;
    top:calc(50% - 18px);
	cursor:pointer;
    border:solid black;
    border-width:0 3px 3px 0;
    text-indent:-2000px;
    width:18px;
    height:18px;
    background:none;
}
#index .right-column .tab .slick-prev {
    left:-42px;
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
}
#index .right-column .tab .slick-next {
    right:-42px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}
#index .right-column .message {
    margin-bottom:30px;
}
#index .right-column .message .messages-list > .title {
    color:#fff;
}
#index .right-column .download {
    background:#fff;
    padding:20px;
    border-radius:10px;
    margin-bottom:30px;
}
#index .right-column .download ul li {
    margin-bottom:30px;
}
#index .right-column .download ul li a {
    display:table;
    width:100%;
}
#index .right-column .download ul li:last-child {
    margin-bottom:0;
}
#index .right-column .download ul li figure {
    width:50px;
    display:inline-block;
    vertical-align:top;
}
#index .right-column .download ul li .text {
    width:calc(100% - 70px);
    display:inline-block;
    vertical-align:top;
    margin-left:20px;
}
#index .right-column .download ul li .text p:first-child {
    font-weight:700;
    margin-bottom:10px;
}
#index .right-column .suggestion {
    background:#ddebf1;
    padding:20px;
    border-radius:10px;
    margin-bottom:30px;
}
#index .right-column .suggestion ul li .textarea {
    width:100%;
    height:200px;
    border:none;
    padding:10px;
}
#index .right-column .suggestion ul li.send {
    margin-top:20px;
}
#index .right-column .live-banner {
    margin-bottom:20px;
}
#index .right-column .live-banner img {
    border-radius:10px;
}
#index .right-column .food-banner img {
    border-radius:10px;
    height:150px;
}
#message-text figure {
    height:70px;
}
#message-text figure.hide,
#message-text figure.error {
    display:none;
}
#message-text figure img {
    width:auto;
    height:70%;
}
#message-text p {
    font-size:14px;
    font-family:'Montserrat', sans-serif;
    letter-spacing:-0.03em;
    font-weight:bold;
    color:#ed145b;
}
#message-text {
    display:none;
    position:fixed;
    width:220px;
    min-height:105px;
    padding:5px;
    background:#0b99aa;
    top:-150px;
    left:calc(50% - 110px);
    z-index:5;
    color:#fff;
    font-size:24px;
    text-align:center;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-animation-name:pull-down;
    -webkit-animation-duration:5s;
    animation-name:pull-down;
    animation-duration:5s;
}
#message-text.style-2 {
    background:#ed145b;
}
#message-text.active {
    display:block;
}
#message-text p {
    color:#fff;
}
#content .note-warning {
    background:#c91f1f;
    margin-bottom:30px;
    padding:10px;
    width:max-content;
    color:#fff;
    border-radius:3px;
}
#content h1 {
    font-size:26px;
    font-weight:600;
    margin-bottom:30px;
}
#content h1.style-2 {
    display:inline-block;
}
#content .warning {
    color:#909090;
}
#meeting-rooms h5 {
    margin-bottom:20px;
    font-size:20px;
    font-weight:400;
    color:#666;
    display:inline-block;
}
.new-add {
    display:inline-block;
    width:20px;
    margin-left:30px;
}
.new-add a {
    cursor:pointer;
}
.new-add-2 {
    position:absolute;
    top:20px;
    right:20px;
    height:30px;
}
.new-add-2 a {
    display:block;
    max-width:max-content;
    padding:10px 15px 10px 35px;
    background:url(/Images/icon-add-plus.png) no-repeat left center #0b99aa;
    background-size:auto 16px;
    color:#fff;
    border-radius:3px;
    cursor:pointer;
}
#meeting-rooms .step-1 ul li {
    width:calc(33.33% - 30px);
    float:left;
    margin-right:40px;
}
#meeting-rooms .step-1 ul li:last-child {
    margin-right:0;
}
#meeting-rooms .step-1 ul li p {
    margin-top:10px;
}
#meeting-rooms .step-2 .hours {
    padding:20px;
    border-radius:15px;
}
#meeting-rooms .step-2 .hours .list {
    position:relative;
}
#meeting-rooms .step-2 .hours ul li {
    border-bottom:solid 1px #cfcfcf;
    display:flex;
    width:100%;
    height:50px;
    position:relative;
}
#meeting-rooms .step-2 .hours ul li span {
    /*display:inline-block;*/
    display:table-cell;
    padding:10px 0;
}
#meeting-rooms .step-2 .hours ul li span.tab-1 {
    border-right:solid 1px #cfcfcf;
    width:50px;
}
#meeting-rooms .step-2 .select {
    position:absolute;
    z-index:2;
    left:50px;
    width:calc(100% - 50px);
    height:50px;
    background:#0b99aa;
    padding:7px 30px 7px 20px;
    color:#fff;
}
#meeting-rooms .step-2 .select span {
    color:#f0f0f0;
    margin-right:10px;
    text-decoration:underline;
}
#meeting-rooms .step-2 .delete {
    position:absolute;
    z-index:3;
    right:2px;
    top:2px;
}
#meeting-rooms .step-2 .delete a {
    display:block;
    cursor:pointer;
    border-radius:50%;
    width:20px;
    height:20px;
    background:url(/Images/icon-delete.png) no-repeat center #f0f0f0;
    background-size:auto 11px;
}
.shadow {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    background:rgba(0,0,0,0.4);
    display:table;
    font-family:'Montserrat', sans-serif;
}
.shadow .shadow-box {
    display:table-cell;
    vertical-align:middle;
}
.shadow .shadow-box .box {
    width:450px;
    background:#fff;
    margin:auto;
    padding:20px;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.shadow.style-2 .shadow-box .box {
    width:450px;
}
.shadow .shadow-box .box .form > p {
    font-weight:700;
    margin-bottom:15px;
    font-size:18px;
}
.shadow .shadow-box .box .form ul li {
    margin-bottom:20px;
    width:100%;
    float:none;
}
.shadow.style-2 .shadow-box .box .form ul li:nth-child(-n+2) {
    width:calc(50% - 15px);
    float:left;
}
.shadow.style-2 .shadow-box .box .form ul li:nth-child(odd) {
    margin-right:30px;
}
.shadow .shadow-box .box .form ul li:last-child {
    text-align:center;
}
.shadow .shadow-box .box .form ul li p {
    font-weight:600;
    margin-bottom:10px;
    font-size:14px;
}
.shadow .shadow-box .box .form ul li p i {
    font-style:normal;
    font-size:11px;
    font-weight:400;
}
.shadow .shadow-box .box .form ul li .shell {
    display:table;
    width:100%;
}
.shadow .shadow-box .box .form ul li .shell .custom-select {
    width:calc(50% - 5px);
    display:inline-block;
}
.shadow .shadow-box .box .form ul li .shell .custom-select.first {
    margin-right:10px;
}
.shadow .shadow-box .box .form ul li .shell .select-items {
    border-radius:0;
    padding:0;
}
.shadow .shadow-box .box .form ul li .input {
    border-radius:3px;
    line-height:40px;
    background:#f0f0f0;
    border:none;
    width:100%;
    padding:0 10px;
}
.shadow .shadow-box .box .form ul li .input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px #f0f0f0 inset;
}
.shadow .shadow-box .box .form ul li .button {
    border:none;
    padding:15px 30px;
    color:#fff;
    text-align:center;
    border-radius:3px;
    font-weight:600;
    background:#f8ac00;
    letter-spacing:0.05em;
    width:max-content;
}
.shadow .shadow-box .box .form ul li .button.exit {
    background:none;
    color:#333;
    border:solid 1px #ccc;
    margin-left:20px;
    cursor:pointer;
}
#announcements .list > ul > li {
    width:calc(33.33% - 20px);
    float:left;
    margin:0 30px 50px 0;
}
#announcements .list > ul > li:nth-child(3n) {
    margin-right:0;
}
#announcements .list > ul > li a {
    display:block;
}
#announcements .list > ul > li figure {
}
#announcements .list > ul > li p {
    padding:20px 0;
    min-height:80px;
}
#announcement-detail figure.big-photo {
    margin-bottom:30px;
}
#announcement-detail article {
    line-height:22px;
}
#announcement-detail article p:not(:last-child) {
    margin-bottom:20px;
}
#announcement-detail article h6 {
    font-size:18px;
}
#announcement-detail .summary {
    margin-bottom:20px;
    font-size:16px;
}
#announcement-detail .date {
    font-size:16px;
    color:#333;
    font-weight:500;
    margin-bottom:20px;
}
#announcement-detail .date span {
    font-weight:700;
}
#announcement-detail .gallery {
    margin-top:50px;
}
#announcement-detail .gallery h2 {
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}
#announcement-detail .gallery ul li {
    width:calc(25% - 15px);
    float:left;
    margin:0 20px 20px 0;
}
#announcement-detail .gallery ul li:nth-child(4n) {
    margin-right:0;
}
#announcement-detail .button {
    margin-top:50px;
}
#announcement-detail .join a {
    background:#f8ac00;
    padding:20px 30px;
    width:max-content;
    display:block;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
#announcement-detail .join a.select {
    background:#c91f1f;
}
#announcement-detail .join a.no-click {
    pointer-events:none;
}
#announcement-detail .list {
    margin-top:30px;
}
#announcement-detail .list h2 {
    margin-bottom:10px;
}
#announcement-detail .list ul li {
    margin-bottom:10px;
}
#announcement-detail .list ul li span {
    display:inline-block;
}
#announcement-detail .list ul li span:first-child {
    font-weight:700;
    width:20px;
}
#downloads .list ul li {
    width:calc(25% - 15px);
    height:220px;
    float:left;
    margin:0 20px 30px 0;
}
#downloads .list ul li:nth-child(4n) {
    margin-right:0;
}
#downloads .list ul li a {
    display:block;
    padding:20px;
    width:100%;
    height:100%;
    background:#fff;
    border-radius:10px;
}
#downloads .list ul li a figure {
    width:70px;
    margin-bottom:10px;
}
#downloads .list ul li a .text p:first-child {
    font-weight:600;
    margin-bottom:10px;
}
#downloads .list ul li a .text p:nth-child(2) {
    font-size:12px;
}
#requests .write {
    width:500px;
    float:left;
    background:#282b35;
    border-radius:10px;
    padding:20px;
    color:#fff;
    margin-right:50px;
}
#requests .list h3,
#requests .write h3 {
    font-size:18px;
    font-weight:600;
    margin-bottom:20px;
}
#requests .write ul li:not(:last-child) {
    margin-bottom:20px;
}
#requests .write ul li p {
    margin-bottom:10px;
}
#requests .write ul li p i {
    font-style:normal;
    font-size:11px;
}
#requests .write ul li:first-child {
    width:200px;
}
#requests .write ul li .select-selected:after {
    top:22px;
}
#requests .write ul li .select-selected.select-arrow-active:after {
    top:16px;
}
#requests .write ul li .select-items {
    border-radius:0;
    padding:0;
    border-radius:3px;
}
#requests .write ul li .select-items div,
#requests .write ul li .select-selected {
}
#requests .write ul li .select-selected {
    border-radius:3px;
    border:solid 2px #fff;
    background:#fff;
    color:#333;
}
#requests .write ul li .select-items div:hover,
#requests .write ul li same-as-selected {
    border-radius:0;
}
#requests .write ul li .input {
    width:100%;
    padding:15px 20px;
    border-radius:3px;
    border:none;
}
#requests .write ul li .textarea {
    width:100%;
    height:150px;
    padding:20px;
    border-radius:3px;
}
#requests .write ul li.send {
    margin-top:20px;
    text-align:center;
}
#requests .list {
    width:calc(100% - 550px);
    float:left;
}
#requests.style-2 .list {
    float:none;
}
#requests.style-2 .list:not(:last-child) {
    margin-bottom:40px;
}
#requests .list .warning {
    margin:20px auto;
    text-align:center;
}
#requests .list ul li {
    display:table;
    width:100%;
}
#requests .list ul li.click {
    cursor:pointer;
}
#requests .list ul li.click:hover {
    background:#f0f0f0;
}
#requests .list ul li:first-child {
    background:#666;
    color:#fff;
    font-weight:700;
    padding:7px 0;
}
#requests .list ul li span {
    display:inline-block;
    display:table-cell;
    padding:7px;
    vertical-align:middle;
}
#requests .list ul li span.Id {
    font-weight:600;
    width:100px;
    text-align:center;
}
#requests .list ul li span.Id em {
    font-style:normal;
    color:#c91f1f;
}
#requests .list ul li:not(:first-child) span {
    border-bottom:solid 1px #e3e4e6;
    border-right:solid 1px #e3e4e6;
}
#requests .list ul li span.piece {
    width:100px;
    text-align:center;
}
#requests .list ul li span.between-dates {
    width:200px;
    text-align:center;    
}
#requests .list ul li span.date {
    width:calc(100% - 100px);
    border-right:0;
    border-right:solid 1px #e3e4e6;
}
#requests .list ul li span.date i {
    font-size:12px;
    margin-top:5px;
    display:block;
    font-style:normal;
    color:#888;
}
#requests .list ul li span.date.style-2 {
    width:calc(100% - 200px);
}
#requests .list ul li span.date.style-3 {
    width:calc(100% - 300px);
}
#requests .list ul li:first-child span {
    border-right:0;
}
#requests .list ul li:last-child span {
    border-bottom:0;
}
#work-plans .list ul li {
    width:100%;
    display:flex;
}
#work-plans .list ul li:first-child {
    background:#0d3b86;
    color:#fff;
    font-weight:bold;
}
#work-plans .list ul li:not(:first-child):nth-child(odd) {
    background:#fdfdfd;
}
#work-plans .list ul li:not(:first-child):nth-child(odd):hover {
    background:#f8f1e2;
}
#work-plans .list ul li span {
    display:inline-block;
    border-left:solid 1px #cfcfcf;
    border-bottom:solid 1px #cfcfcf;
    padding:10px;
}
#work-plans .list ul li span.Id {
    width:100px;
    text-align:center;
}
#work-plans .list ul li span.name {
    width:300px;
}
#work-plans .list ul li span.title {
    width:500px;
}
#work-plans .list ul li span.summary {
    width:calc(100% - 1020px);
}
#work-plans .list ul li span.summary.style-2 {
    width:calc(100% - 720px);
}
#work-plans .list ul li span.transactions {
    width:120px;
    text-align:center;
}
#work-plans .list ul li span.transactions a {
    width:24px;
    height:24px;
    display:inline-block;
    background:#e7e7e7;
    border-radius:3px;
    padding:4px;
    margin:0 2px;
    cursor:pointer;
}
#work-plans .list ul li span:last-child {
    border-right:solid 1px #cfcfcf;
}
#work-plan h2 {
    font-weight:700;
    font-size:16px;
    margin-bottom:30px;
}
#work-plan article {
    font-size:15px;
    margin-bottom:30px;
}
#work-plan .interesteds p {
    margin-bottom:5px;
    font-weight:600;
    font-size:16px;
}
#work-plan .interesteds .list {
    background:#f0f0f0;
    padding:10px;
}
#member .form,
#work-plan .form {
    max-width:800px;
}
#member .form ul li:last-child,
#work-plan .form ul li:last-child {
    text-align:center;
}
#member .form ul li p,
#work-plan .form ul li p {
    font-weight:600;
    margin-bottom:10px;
    font-size:14px;
}
#member .form ul li p label.style-2 {
    display:inline-block;
    margin-left:40px;
}
#member .form ul li p i {
    font-style:normal;
    position:relative;
    font-size:12px;
    font-weight:500;
    position:absolute;
    margin-top:1px;
}
#member .form ul li p .checkbox {
    display:none;
}
#member .form ul li p .checkbox + span {
	background-color:#fff;
    background:url(/Images/checks.png) no-repeat top;
	display:block;
	position:relative;
	cursor:pointer;
	width:14px;
	height:14px;
    overflow:hidden;
    float:left;
    margin-right:6px;
}
#member .form ul li p .checkbox:checked + span,
#member .form ul li p .checkbox + span:active,
#member .form ul li p .checkbox:checked + span:active {
    background-position:bottom;
}
#member .form ul li p .checkbox:checked + span a,
#member .form ul li p .checkbox + span:active a,
#member .form ul li p .checkbox:checked + span:active a,
#member .form ul li p .checkbox + span:hover a {
}
#member .form ul li p .checkbox:checked + span:after {
	position:absolute;
	top:0px;
	left:4px;
}
#member .form ul li p i,
#work-plan .form ul li p i {
    font-style:normal;
    font-size:11px;
    font-weight:400;
}
#member .form ul li,
#work-plan .form ul li {
    margin-bottom:20px;
}
#member .form ul li .input,
#work-plan .form ul li .input {
    border-radius:3px;
    line-height:40px;
    background:#f0f0f0;
    border:none;
    width:100%;
    padding:0 10px;
}
#member .form ul li .textarea,
#work-plan .form ul li .textarea {
    border-radius:3px;
    line-height:40px;
    background:#f0f0f0;
    border:none;
    width:100%;
    height:200px;
    padding:0 10px;
}
#member .form ul li .input:-webkit-autofill,
#work-plan .form ul li .input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 30px #f0f0f0 inset;
}
#member .form ul li .button,
#work-plan .form ul li .button {
    border:none;
    padding:15px 30px;
    color:#fff;
    text-align:center;
    border-radius:3px;
    font-weight:600;
    background:#f8ac00;
    letter-spacing:0.05em;
    width:max-content;
}
#member-info .right-column,
#member-info .left-column {
    width:calc(50% - 25px);
    float:left;
    background:#fff;
    border-radius:10px;
    padding:20px;
}
#member-info .left-column {
    margin-right:50px;
}
#member-info ul li {
    background:no-repeat left 10px center;
    background-color:#f0f0f0;
    border-radius:10px;
    padding:15px 15px 15px 40px;
    margin-bottom:20px;
}
#member-info .right-column ul li:first-child {
    margin-right:20px;
}
#member-info .right-column ul li:nth-child(-n+2) {
    width:calc(50% - 10px);
    float:left;
}
#member-info ul li:last-child {
    margin-bottom:0;
}
#member-info ul li.photo {
    width:200px;
    margin:0 auto 20px auto;
    padding:15px;
}
#member-info ul li.photo img {
    border-radius:10px;
}
#member-info ul li.photo figure p {
    width:100px;
    height:100px;
    line-height:100px;
    border-radius:50%;
    text-align:center;
    font-size:32px;
    font-weight:700;
    background:#fff;
    margin:auto;
}
#member-info ul li.name {
    font-size:22px;
    font-weight:700;
    text-align:center;
    padding:15px;
}
#member-info ul li.name p {
    font-size:15px;
    font-weight:400;
    margin-top:5px;
}
#member-info ul li.mobile-phone {
    background-image:url(/Images/mobile-phone-icon.png);
}
#member-info ul li.landline-phone {
    background-image:url(/Images/phone-icon.png);
}
#member-info ul li.email {
    background-image:url(/Images/email-icon.png);
}
#member-info ul li.website {
    background-image:url(/Images/website-icon.png);
}
#member-info ul li.address {
    background-image:url(/Images/address-icon.png);
}
#member-info ul li.qr {
    width:200px;
    font-size:11px;
    text-align:center;
    padding:15px;
    margin:0 auto 20px auto;
}
#member-info ul li.qr p {
    margin-bottom:10px;
}
#work-plan .form ul li .button.exit {
    background:none;
    color:#333;
    border:solid 1px #ccc;
    margin-left:20px;
    cursor:pointer;
}
#work-plan .form ul li a.smile-write {
    width:40px;
    height:40px;
    background:url(/Images/icon-smile-write.png) no-repeat center #dbdc84;
    background-size:auto 50%;
    cursor:pointer;
    display:block;
    border-radius:3px;
}
#messages {
    width:100%;
    display:flex;
}
#messages .list {
    width:350px;
    display:table-cell;
    vertical-align:top;
    position:relative;
}
#index .right-column .download .warning,
#index .right-column .message .warning,
#messages .list .warning {
    color:#f0f0f0;
    text-align:center;
}
#index .right-column .download .warning {
    color:#777;
}
#messages .list .search {
    height:90px;
    background:#e1e1e1;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    display:table;
    width:100%;
    padding:10px;
}
#messages .list .search .filtre {
    width:calc(100% - 60px);
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
}
#messages .list .search .filtre .input {
    width:100%;
    height:40px;
    border-radius:5px;
    background:rgba(255,255,255,.5);
    border:none;
    padding:0 10px;
}
#messages .list .search .add {
    width:40px;
    display:inline-block;
}
#messages .list .search .add i {
    display:block;
    height:40px;
    background:url(/Images/icon-message-write.png) no-repeat center;
    background-size:auto 65%;
    border-radius:5px;
    cursor:pointer;  
    z-index:2;
    position:relative;
}
#messages .list .search .popup {
    width:340px;
    max-height:400px;
    background:#fcfcfc;
    border-radius:5px;
    position:absolute;
    z-index:1;
    margin:-40px 0 0 -342px;
    -webkit-box-shadow:1px 1px 36px -20px rgba(0,0,0,0.75);
    -moz-box-shadow:1px 1px 36px -20px rgba(0,0,0,0.75);
    box-shadow:1px 1px 36px -20px rgba(0,0,0,0.75);
    padding:10px;
    display:none;
}
#messages .list .search .popup.show {
    display:block;
}
#messages .list .search .popup .input {
    border:none;
    border-radius:5px;
    width:100%;
    line-height:40px;
    background:#f0f0f0;
    padding:3px 15px;
}
#messages .list .search .popup .member-list {
    width:100%;
    height:calc(100% - 70px);
    padding:0 5px;
    overflow-y:auto;
}
#messages .list .search .popup .member-list .warning {
    margin-top:10px;
    color:#c91f1f;
    font-weight:500;
    font-size:12px;
}
#messages .list .search .popup .member-list ul {
    margin-top:10px;
}
#messages .list .search .popup .member-list ul li a {
    display:block;
    padding:10px 0;
}
#index .right-column .message .messages-list,
#messages .list .messages-list {
    height:calc(100vh - 300px);
    padding:10px;
    background:#263d45;
    border-radius:10px;
    margin-top:-10px;
}
#index .right-column .message .messages-list {
    height:max-content;
    padding:20px;
    margin-top:0;
}
#index .right-column .message .messages-list ul li,
#messages .list .messages-list ul li {
    margin-bottom:10px;
}
#index .right-column .message .messages-list ul li a,
#messages .list .messages-list ul li a {
    color:#fff;
    padding:10px;
    display:block;
    border-radius:10px;
}
#index .right-column .message .messages-list ul li.select a,
#messages .list .messages-list ul li.select a {
    background:#51575d;
}
#index .right-column .message .messages-list ul li figure,
#messages .list .messages-list ul li figure {
    width:70px;
    height:70px;
    margin-right:20px;
    background:#fff;
    float:left;
    border-radius:50%;
    overflow:hidden;
}
#index .right-column .message .messages-list ul li figure > p,
#messages .list .messages-list ul li figure > p {
    font-size:24px;
    line-height:70px;
    text-align:center;
    color:#17314c;
    font-weight:700;
}
#index .right-column .message .messages-list ul li .text,
#messages .list .messages-list ul li .text {
    width:calc(100% - 90px);
    float:left;
    padding:10px 0;
}
#index .right-column .message .messages-list ul li .text .name,
#messages .list .messages-list ul li .text .name {
    font-weight:700;
}
#index .right-column .message .messages-list ul li .text .name i,
#messages .list .messages-list ul li .text .name i {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0adeeb;
    display:inline-block;
    margin-left:10px;
    position:relative;
    top:-2px;
}
#index .right-column .message .messages-list ul li .text .title,
#messages .list .messages-list ul li .text .title {
    font-size:14px;
    font-weight:400;
}
#index .right-column .message .messages-list ul li .text .title span,
#messages .list .messages-list ul li .text .title span {
    color:#888;
}
#messages .read {
    width:calc(100% - 350px);
    display:table-cell;
    vertical-align:top;
    position:relative;
}
#messages .read .warning {
    text-align:center;
    margin-top:50px;
}
#messages .read .chat {
    width:100%;
    height:calc(100vh - 220px);
    position:absolute;
}
#messages .read .chat .chat-list {
    width:100%;
    height:calc(100% - 100px);
    overflow-y:auto;
    padding:0 20px 20px 20px;
}
#messages .list .search .popup .member-list::-webkit-scrollbar,
#messages .read .chat .chat-list::-webkit-scrollbar {
    width:12px;
    background:#ccc;
}
#messages .list .search .popup .member-list::-webkit-scrollbar-track,
#messages .read .chat .chat-list::-webkit-scrollbar-track {
	background:#ccc;
}
#messages .list .search .popup .member-list::-webkit-scrollbar-thumb,
#messages .read .chat .chat-list::-webkit-scrollbar-thumb {
	background:#555;
}
#messages .read .chat .chat-list .shell {
    display:table;
    width:100%;
    height:100%;
}
#messages .read .chat .chat-list ul {
    display:table-cell;
    vertical-align:bottom;
}
#messages .read .chat .chat-list ul li {
    padding:20px;
    width:calc(100% - 150px);
    border-radius:10px;
    margin-bottom:20px;
}
#messages .read .chat .chat-list ul li:last-child {
    margin-bottom:0;
}
#messages .read .chat .chat-list ul li.myself {
    background:rgb(82,78,162);
    background:linear-gradient(270deg, rgba(82,78,162,1) 0%, rgba(102,46,145,1) 100%);
    border-bottom-right-radius:0;
    margin-left:150px;
    color:#fff;
}
#messages .read .chat .chat-list ul li.opposite {
    background:#fff;
    border-bottom-left-radius:0;
}
#messages .read .chat .write {
    position:absolute;
    left:0;
    width:100%;
    height:100px;
    background:#f0f0f0;
    padding:20px;
}
#messages .read .chat .write a.smile-write {
    width:40px;
    height:40px;
    background:url(/Images/icon-smile-write.png) no-repeat center #dbdc84;
    background-size:auto 50%;
    cursor:pointer;
    display:block;
    border-radius:3px;
    float:left;
    margin:10px 20px 0 0;
}
#messages .read .chat .write .textarea {
    border:none;
    width:calc(100% - 140px);
    height:60px;
    float:left;
    border-radius:5px;
    margin-right:20px;
    padding:5px;
}
#messages .read .chat .write .button {
    border:none;
    width:60px;
    height:60px;
    float:left;
    background:url(/Images/icon-send.png) no-repeat center;
    background-size:auto 65%;
    padding:0;
}
#brand-collaborations .list ul li {
    width:calc(50% - 15px);
    float:left;
    margin-bottom:50px;
}
#brand-collaborations .list ul li:nth-child(odd) {
    margin-right:30px;
}
#brand-collaborations .list ul li a {
    display:block;
}
#brand-collaborations .list ul li p {
    padding:20px 0;
}
#press .filter {
    height:100px;
}
#press .list {
    font-weight:600;
}
#press .list  > ul > li {
    padding:20px 30px;
    border-bottom:solid 1px #f0f0f0;
}
#press .list  > ul > li:first-child {
    background:#f8ac00;
    font-weight:700;
    color:#fff;
}
#press .list  > ul > li span {
    display:table-cell;
    vertical-align:middle;
}
#press .list  > ul > li span.date {
    width:200px;
}
#press .list  > ul > li span.name {
    width:300px;
}
#press .list  > ul > li span.title {
    width:calc(100% - 500px);
}
#press .block-list > ul > li {
    width:calc(25% - 30px);
    float:left;
    margin:0 40px 60px 0;
}
#press .block-list > ul > li:nth-child(4n) {
    margin-right:0;
}
#press .block-list > ul > li figure {
    width:100%;
    height:160px;
    overflow:hidden;
    margin-bottom:20px;
}
#press .block-list > ul > li .text {
    height:80px;
}
#press .commercials  > ul > li {
    width:calc(25% - 30px);
    float:left;
    margin:0 40px 60px 0;
    position:relative;
}
#press .commercials  > ul > li:nth-child(4n) {
    margin:0 0 60px 0;
}
#press .commercials  > ul > li a {
    display:block;
}
#press .commercials  > ul > li a .null {
    border:solid 1px #f0f0f0;
    padding:10px;
}
#press .commercials  > ul > li a:hover .null {
    border-color:#ccc;
}
#press .commercials  > ul > li a p.title {
    font-size:18px;
    padding:10px 20px;
    text-align:center;
    transition:all 0.2s ease;
    min-height:70px;
    position:relative;
    overflow:hidden;
}
#press .commercials  > ul > li a:hover p.title {
    color:#555;
}
#press .commercials  > ul > li a figure {
    position:relative;
    overflow:hidden;
}
#press .commercials  > ul > li a figure i {
    background:no-repeat center;
    background-size:cover;
    display:block;
}
#press .commercials  > ul > li a figure i {
    transition:all 0.3s ease;
}
#press .commercials  > ul > li a:hover figure i {
    transform:scale(1.1);
}
#press-detail {
    margin-top:40px;
}
#press-detail figure {
    width:1000px;
    margin:0 auto 50px auto;
}
#press-detail article {
    line-height:22px;
    text-align:justify;
}
#press-detail article p:not(:last-child) {
    margin-bottom:20px;
}
#press-detail article h3 {
    font-size:22px;
    margin-bottom:20px;
}
#press-detail article h6 {
    font-size:16px;
    margin-bottom:20px;
}
#press-detail .gallery {
    margin-top:50px;
}
#press-detail .gallery ul li {
    width:calc(25% - 30px);
    float:left;
    margin:0 40px 20px 0;
}
#press-detail .gallery ul li:nth-child(4n) {
    margin-right:0;
}
#journal > .recess > ul > li {
    width:calc(33.33% - 20px);
    height:140px;
    float:left;
    margin:80px 30px 80px 0;
    background:#f8f8f8;
    border-radius:3px;
    position:relative;
}
#journal > .recess > ul > li:nth-child(3n) {
    margin-right:0;
}
#journal > .recess > ul > li figure {
    width:140px;
    height:auto;
    position:absolute;
    left:30px;
    top:-80px;
}
#journal > .recess > ul > li figure img {
    box-shadow:2px 2px 8px rgba(0,0,0,.2);
}
#journal > .recess > ul > li .title {
    margin:25px 0 0 200px;
    display:block;
}
#journal > .recess > ul > li .title p:first-child {
    margin-bottom:8px;
}
#journal > .recess > ul > li .title p:nth-child(2) {
    margin-bottom:20px;
}
#journal > .recess > ul > li .links {
    margin:0 0 0 0;
}
#journal > .recess > ul > li .title a {
    display:block;
    width:max-content;
    padding:8px 20px;
    border:solid 1px #f8ac00;
    font-size:13px;
    font-weight:700;
}
#projects .list h5 {
    font-size:26px;
    margin-bottom:30px;
}
#projects .list .loop:not(:last-child) {
    margin-bottom:50px;
}
#projects .list .loop ul li {
    width:calc(33.33% - 20px);
    float:left;
    margin:0 30px 40px 0;
    position:relative;
}
#projects .list .loop ul li:nth-child(3n) {
    margin-right:0;
}
#projects .list .loop ul li a {
    display:block;
}
#projects .list .loop ul li a .null {
    border:solid 1px #f0f0f0;
    padding:10px;
    transition:all 0.2s;
}
#projects .list .loop ul li a:hover .null {
    border-color:#ccc;
}
#projects .list .loop ul li a .name {
    padding:10px 20px;
    text-align:center;
    font-weight:800;
    font-size:24px;
    letter-spacing:1px;
    transition:all 0.5s;
    position:absolute;
    z-index:2;
    color:#fff;
    width:calc(100% - 40px);
    top:calc(50% - 50px);
    left:20px;
}
#projects .list .loop ul li a:hover .name {
    top:70px;
}
#projects .list .loop ul li a figure {
    position:relative;
    overflow:hidden;
}
#projects .list .loop ul li a figure i {
    background:no-repeat center;
    background-size:cover;
    display:block;
}
#projects .list .loop ul li a span,
#projects .list .loop ul li a p,
#projects .list .loop ul li a figure i {
    transition:all 0.3s ease;
}
#projects .list .loop ul li a:hover figure i {
    transform:scale(1.1);
}
#projects .list .loop ul li a figure .hide-button {
    position:absolute;
    z-index:2;
    width:150px;
    bottom:-50px;
    transition:all 0.5s;
    color:#fff;
    padding:15px 40px 15px 20px;
    border-radius:30px;
    background:url(/Images/arrow-white.png) right center no-repeat #0d3b86;
    left:calc(50% - 75px);
    font-weight:600;
}
#projects .list .loop ul li a:hover figure .hide-button {
    bottom:50px;
}
#project-detail h4 {
    font-size:20px;
    margin-bottom:15px;
    color:#212a3c;
}
#project-detail .web-tv {
    width:100%;
    height:calc(100% - 150px);
    position:relative;
}
#project-detail .web-tv.style-2 {
    height:400px;
    background:#212a3c;
}
#project-detail .web-tv p {
    position:absolute;
    width:100%;
    height:300px;
    background:url(/Images/project-web-tv-shadow-bg.png) repeat-x;
}
#project-detail .web-tv .text {
    position:absolute;
    z-index:2;
    top:calc(50% - 100px);
    left:calc(50% - 500px);
    width:1000px;
    color:#fff;
}
#project-detail .web-tv.style-2 .text {
    top:calc(50% - 50px);
}
#project-detail .web-tv .text h1 {
    max-width:400px;
    font-size:54px;
    line-height:62px;
    font-weight:700;
    text-shadow:0 0 10px rgba(0,0,0,.7);
    letter-spacing:3px;
}
#project-detail .web-tv figure {
    margin-bottom:20px;
}
#project-detail .web-tv figure img {
    border-radius:10px;
}
#project-detail .tab-1 {
    padding:30px 0;
    background:#212a3c;
    text-align:center;
}
#project-detail .tab-1 a {
    color:#fff;
    display:block;
    width:max-content;
    padding:0 20px;
    margin:auto;
    font-size:13px;
}
#project-detail .tab-1 ul li {
    display:inline-block;
    text-align:center;
    width:230px;
    vertical-align:top;
}
#project-detail .tab-1 ul li:not(.logo) {
    top:-10px;
}
#project-detail .tab-1 ul li a figure {
    width:80px;
    height:80px;
    background:no-repeat left;
    transition:all 0.3s ease;
    margin:0 auto 10px auto;
}
#project-detail .tab-1 ul li.logo figure {
    width:120px;
    height:100px;
    position:relative;
    display:table;
    vertical-align:middle;
    margin:2px 0 0 0;
}
#project-detail .tab-1 ul li.logo figure p {
    display:table-cell;
    vertical-align:middle;
}
#project-detail .tab-1 ul li a:hover figure {
    background:no-repeat right;
}
#project-detail .tab-1 ul li.sales-office-phone {
    padding-top:20px;
}
#project-detail .tab-1 ul li.sales-office-phone span {
    display:block;
    font-weight:600;
    font-size:16px;
}
#project-detail .tab-1 ul li.sales-office-phone span:last-child {
    color:#f8ac00;
    font-size:34px;
    font-weight:800;
    margin-top:3px;
    letter-spacing:1px;
}
#project-detail .tab-1 ul li.website a figure {
    background-image:url(/Images/icon-project-website.png);
}
#project-detail .tab-1 ul li.catalog a figure {
    background-image:url(/Images/icon-project-catalog.png);
}
#project-detail .tab-1 ul li.info-form a figure {
    background-image:url(/Images/icon-project-info-form.png);
}
#project-detail .tab-1 ul li.video a figure {
    background-image:url(/Images/icon-project-video.png);
}
#project-detail .recess.style-2 {
    text-align:center;
}
#project-detail .summary {
    width:100%;
    max-width:800px;
    text-align:center;
    margin:60px auto;
    font-size:14px;
    line-height:26px;
    font-weight:600;
}
#project-detail .summary.style-2 {
    width:400px;
    display:inline-block;
    font-size:20px;
    font-weight:600;
    color:#bc0512;
}
#project-detail .summary h1 {
    font-size:32px;
    font-weight:700;
    margin-bottom:30px;
}
#project-detail .summary .yellow {
    color:#f8ac00;
}
#project-detail .summary p {
    margin-bottom:20px;
}
#project-detail .summary p:last-child {
    margin-bottom:0;
}
#project-detail .summary .logo {
    width:150px;
    margin:0 auto 30px auto;
}
#project-detail .summary a.video {
    display:block;
    width:max-content;
    padding:10px 50px 10px 30px;
    background:url(/Images/icon-play.png) no-repeat right center #83dce4;
    margin:40px auto;
    border-radius:30px;
}
#project-detail .summary i {
    font-style:normal;
    font-weight:900;
}
#project-detail .tag {
    width:100%;
    max-width:900px;
    margin:0 auto 120px auto;
    vertical-align:top;
    font-size:14px;
}
#project-detail .tag.style-2 {
    width:400px;
    margin:60px auto;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}
#project-detail .tag ul li {
    width:calc(50% - 3px);
    float:left;
    padding:16px 10px;
    background:#fff;
    margin-bottom:6px;
    border-radius:2px;
}
#project-detail .tag.style-2 ul li {
    width:100%;
}
#project-detail .tag ul li:nth-child(odd) {
    margin-right:6px;
}
#project-detail .tag.style-2 ul li:nth-child(odd) {
    margin-right:0;
}
#project-detail .tag ul li span {
    display:block;
    padding:0 2px;
}
#project-detail .tag ul li span:first-child {
    font-weight:700;
    margin-bottom:8px;
    border-bottom:solid 2px #f8ac00;
    width:max-content;
}
#project-detail .gallery {
    margin:0 auto 60px auto;
    position:relative;
}
#project-detail .gallery ul li {
    width:calc(33.33% - 20px);
    float:left;
    margin:0 30px 30px 0;
}
#project-detail .gallery ul li:nth-child(3n) {
    margin-right:0;
}
#project-detail .gallery ul.limit li:not(:nth-child(-n+6)) {
    display:none;
}
#project-detail .gallery .all {
    text-align:center;
}
#project-detail .gallery .all a {
    display:inline-block;
    padding:15px 30px;
    width:max-content;
    border:solid 2px #f8ac00;
    cursor:pointer;
    font-weight:600;
}
#project-detail #map {
    width:100%;
    height:700px;
}
#gallery .list ul > li {
    width:calc(50% - 15px);
    float:left;
    margin-bottom:30px;
}
#gallery .list ul > li:nth-child(odd) {
    margin-right:30px;
}
#gallery .list ul > li img {
    border-radius:5px;
}
#gallery .list ul > li .shell {
    width:100%;
    display:table;
}
#gallery .list ul > li .text,
#gallery .list ul > li figure {
    width:60%;
    display:table-cell;
    vertical-align:middle;
}
#gallery .list ul > li .text {
    width:40%;
    background:#f0f0f0;
    padding:20px;
    text-align:center;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
#gallery .list ul > li figure {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background:center no-repeat;
    background-size:cover;
}
#gallery .list ul > li .text a {
    display:block;
    width:min-content;
    padding:10px 20px;
    border:solid 2px #333;
    font-weight:600;
    margin:20px auto 0 auto;
    border-radius:20px;
    cursor:pointer;
}
#gallery .list ul > li .gallery {
    display:none;
}
#phone-guide .list ul > li {
    display:table;
    width:100%;
}
#phone-guide .list ul > li span {
    display:inline-block;
    width:calc(100% - 840px);
    padding:10px;
}
#phone-guide .list ul > li:not(.title) span {
    margin-right:-4px;
}
#phone-guide .list ul > li span:not(:first-child) {
    text-align:center;
}
#phone-guide .list ul > li span:nth-child(2),
#phone-guide .list ul > li span:nth-child(3) {
    width:170px;
}
#phone-guide .list ul > li span:nth-child(4) {
    width:150px;
}
#phone-guide .list ul > li span:nth-child(5) {
    width:350px;
}
#phone-guide .list ul > li.title {
    background:#0b99aa;
    color:#fff;
    font-weight:700;
    position:sticky;
    top:0;
    font-size:16px;
    z-index:9;
    margin-bottom:20px;
    margin-left:40px;
    border-radius:3px;
    width:calc(100% - 40px);
}
#phone-guide .list ul > li.title span {
    padding:15px 10px;
}
#phone-guide .list ul > li .character {
    position:sticky;
    top:50px;
    font-size:26px;
    font-weight:700;
    margin-bottom:10px;
}
#phone-guide .list ul > li .alphabet {
    margin-top:-40px;
    margin-bottom:30px;
    margin-left:40px;
    z-index:2;
    position:relative;
}
#phone-guide .list ul > li .alphabet ul li:nth-child(odd) {
    background:#f0f0f0;
}
#phone-guide .list ul > li .alphabet ul li a {
    display:block;
}
#phone-guide-detail {
    font-size:14px;
}
#phone-guide-detail ul li {
    margin-bottom:10px;
}
#phone-guide-detail ul li strong {
    width:120px;
    display:inline-block;
}
#phone-guide-detail ul li.qr {
    margin-top:50px;
    width:200px;
    text-align:center;
    font-size:12px;
}
#phone-guide-detail ul li.qr p {
    margin-bottom:10px;
    color:#555;
}
#event-calendar .list > ul > li {
    width:calc(50% - 15px);
    float:left;
    margin-bottom:30px;
}
#event-calendar .list > ul > li:nth-child(odd) {
    margin-right:30px;
}
#event-calendar .list > ul > li .shell {
    width:100%;
    display:table;
}
#event-calendar .list > ul > li .text,
#event-calendar .list > ul > li figure {
    width:60%;
    display:table-cell;
    vertical-align:middle;
}
#event-calendar .list > ul > li .text {
    width:40%;
    background:#f0f0f0;
    padding:20px;
    text-align:center;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
#event-calendar .list > ul > li figure img {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
#event-calendar .list > ul > li .text p.warning {
    color:#c91f1f;
    font-weight:700;
    margin-top:10px;
}
#event-calendar .list > ul > li .text a {
    display:block;
    width:min-content;
    padding:10px 20px;
    border:solid 2px #333;
    font-weight:600;
    margin:20px auto 0 auto;
    border-radius:20px;
    cursor:pointer;
}
#footer {
    margin:20px auto;
}
#footer .shell {
    width:max-content;
    margin:auto;
}
#footer .logo {
    float:left;
    width:50px;
}
#footer .link {
    float:left;
    margin:10px 0 0 10px;
    padding-left:10px;
    border-left:solid 1px #f8ac00;
}
#footer .link a {
    padding:8px 0;
    display:inline-block;
}
#footer .link span {
    display:inline-block;
}
#footer .link span i {
    margin:0 10px;
    font-style:normal;
    color:#f8ac00;
}
#management .member-list > ul > li {
    display:table;
    width:100%;
    border-radius:3px;
}
#management .member-list > ul > li:first-child {
    font-weight:700;
    background:#0b99aa;
    color:#fff;
}
#management .member-list > ul > li:not(:first-child):nth-child(odd) {
    background:#fcfcfc;
}
#management .member-list > ul > li:not(:first-child):hover {
    background:#fff;
}
#management .member-list > ul > li span {
    display:inline-block;
    width:200px;
    padding:12px 10px;
}
#management .member-list > ul > li span.name-surname {
    width:calc(100% - 200px);
}
#management .member-list > ul > li span.transactions {
    text-align:center;
}
#management .member-list > ul > li span.transactions a {
    margin:0 10px;
    cursor:pointer;
}
#food-list figure.big-photo {
    text-align:center;
}
#food-list figure.big-photo img {
    max-width:1000px;
}
#shadow {
    visibility:hidden;
}
#feedback-icon {
    position:absolute;
    z-index:10;
    top:calc(50% + 50px);
    right:0;
    width:50px;
    height:50px;
    background:#f8ac00;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    padding:10px;
    color:#fff;
    cursor:pointer;
    text-align:center;
    display:none;
    font-family:'Montserrat', sans-serif;
}
#feedback-icon.click {
    right:400px;
}
#press-detail .video {
    max-width:700px;
}
#press-detail .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}
#press-detail .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#press-detail .summary,
#press-detail .info {
    margin-bottom:20px;
}
#press-detail .info span {
    font-weight:700;
}




/*modal*/
.modal {
    display:none;
    position:fixed;
    z-index:9999;
    inset:0;
    background-color:rgba(0, 0, 0, .4);
    justify-content:center;
    align-items:center;
}
.modal .modal-content {
    position:relative;
    background:linear-gradient(135deg, #ffffff, #f9f9f9);
    padding:30px 25px;
    width:90%;
    max-width:400px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 25px 60px rgba(0, 0, 0, 0.3);
    border:1px solid #eee;
    animation:slideUp 0.3s ease;
}
.modal .modal-content p {
    font-size:18px;
    color:#333;
    margin-bottom:25px;
}
.modal .modal-buttons {
    display:flex;
    justify-content:center;
    gap:15px;
}
.modal .modal-buttons button {
    padding:10px 20px;
    border:none;
    border-radius:8px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background-color 0.2s ease-in-out, transform 0.2s;
}
.modal #evetBtn {
    background-color:#198754;
    color:white;
}
.modal #evetBtn:hover {
    background-color:#157347;
    transform:scale(1.05);
}
.modal #hayirBtn {
    background-color:#dc3545;
    color:white;
}
.modal #hayirBtn:hover {
    background-color:#bb2d3b;
    transform:scale(1.05);
}
.modal .close-btn {
    position:absolute;
    top:-10px;
    right:-10px;
    width:32px;
    height:32px;
    font-size:26px;
    background-color:#fff;
    border-radius:50%;
    border:none;
    color:#555;
    cursor:pointer;
    font-weight:bold;
    transition:all 0.2s ease;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);
    line-height:0;
    padding:0;
}
.modal .close-btn:hover {
    color:#000;
    border-color:#999;
    background-color:#f1f1f1;
}

@keyframes slideUp {
    from {
        transform:translateY(50px);
        opacity:0;
    }
    to {
        transform:translateY(0);
        opacity:1;
    }
}
/*modal*/
/*menu style*/
.mobile-menu {
    float:right;
    display:none;
}
.overlay-menu {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(29, 59, 130, 0.99);
    top:0px;
    left:0px;
    z-index:99;
    display:none;
}
.full-container {
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
}
body.mmactive {
  overflow:hidden;
}
.sm-menu-outer {
    width:280px;
    overflow-y:scroll;
    overflow-x:hidden;
    position:absolute;
    right:0;
    top:60px;
    z-index:-9;
    opacity:0;
    -webkit-transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    transition:opacity 0.2s;
    display:none;
}
.sm-menu-outer.active {
    opacity:1;
    z-index:999;
}
.sm-menu-outer .menu-mobile ul li {
    list-style-type:none;
    border-bottom:0.5px solid rgba(0, 0, 0, 0);
    border-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #53676e 20%, #53676e 50%, #53676e 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
    color:#fff;
}
.sm-menu-outer .menu-mobile ul li.back {
    border:none;
}
.sm-menu-outer .menu-mobile ul li.back a {
    padding:20px 5px 20px 55px;
    background:url("/Images/back.png") no-repeat scroll 15px center / 5% #eee;
    background-size:24px;
    color:#333;
}
.sm-menu-outer .menu-mobile ul a {
    color:#fff;
    display:block;
    letter-spacing:1px;
    padding:15px;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
}
.sm-menu-outer.slide .menu-mobile ul li.hasChild > a {
    background:url("/Images/next.png") no-repeat scroll 95% center / 5%;
    background-size:20px;
}
.sm-menu-outer.slide .menu-mobile ul .submenu {
    background-color:#263c46;
    height:calc(100vh - 60px);
    position:absolute;
    right:-100%;
    top:0;
    transition:all 0.5s ease 0s;
    width:100%;
    z-index:999;
}
.sm-menu-outer.slide .menu-mobile ul li.active > .submenu {
    right:0;
}
#sm-menu-ham {
    cursor:pointer;
    float:right;
    width:34px;
    height:28px;
    position:absolute;
    right:5px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
    top:26px;
    right:15px;
    z-index:9999;
    display:none;
}
#sm-menu-ham span {
    background-color:#333;
    border-radius:5px;
    display:block;
    height:2px;
    left:0;
    opacity:1;
    position:absolute;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:all 0.25s ease-in-out 0s;
    -moz-transition:all 0.25s ease-in-out 0s;
    -o-transition:all 0.25s ease-in-out 0s;
    transition:all 0.25s ease-in-out 0s;
    width:30px;
}
#sm-menu-ham span:nth-child(1) {
    top:0;
}
#sm-menu-ham span:nth-child(2),
#sm-menu-ham span:nth-child(3) {
    top:10px;
}
#sm-menu-ham span:nth-child(4) {
    top:20px;
}
#sm-menu-ham.open span:nth-child(1) {
    left:50%;
    top:18px;
    width:0;
}
#sm-menu-ham.open span:nth-child(2) {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
#sm-menu-ham.open span:nth-child(3) {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
#sm-menu-ham.open span:nth-child(4) {
    left:50%;
    top:18px;
    width:0;
}
/*menu style*/
/*chechbox style*/
.switch {
    display:none;
}
#login-panel .login ul li.tab-3 .switch:checked ~ .switch-bar,
.switch:checked ~ .switch-bar {
    background:#0b99aa;
    transition:200ms all ease;
}
.switch:checked ~ .switch-bar .switch-label {
    left:22px;
}
.switch-bar,
.switch-label {
    border-radius:50px;
    transition:200ms all ease;
}
.switch-bar {
    height:22px;
    width:50px;
    background:#fff;
    position:relative;
    display:block;
}
.switch-label {
    height:30px;
    width:30px;
    background:#fff;
    border:solid 1px #f9f9f9;
    box-shadow:0px 1px 1px rgba(0,0,0,0.2);
    position:absolute;
    top:-4px;
    left:0;
    cursor:pointer;
}
.switch-label::before {
    content:'';
    height:16px;
    width:2px;
    position:absolute;
    top:calc(50% - 8px);
    left:calc(50% - 1px);
    transform:rotate(45deg);
}
.switch-label::after {
    content:'';
    height:2px;
    width:16px;
    position:absolute;
    top:calc(50% - 1px);
    left:calc(50% - 8px);
    transform:rotate(45deg);
}
.switch-label::before,
.switch-label::after {
    background:#576e75;
    border-radius:2px;
}
.switch:checked ~  .switch-bar .switch-label::before {
    height:18px;
    top:calc(55% - 9px);
    left:calc(60% - 1px);
    background:#0b99aa;
}
.switch:checked ~  .switch-bar .switch-label::after {
    width:8px;
    top:calc(95% - 9px);
    left:calc(22.5% - 2px);
    background:#0b99aa;
}
/*chechbox style*/
/*begin calendar*/
.ui-datepicker {
    background:#fff;
    padding:5px;
    border:solid 1px #f0f0f0;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-top:5px;
    position:absolute;
    display:none;
}
.ui-datepicker.click {
    display:block;
}
.ui-datepicker-header {
    padding:5px 0;
    margin-bottom:10px;
    line-height:26px;
}
.ui-datepicker-title {
    text-align:center;
    font-size:15px;
    font-weight:bold;
}
.ui-datepicker-next,
.ui-datepicker-prev {
    width:40px;
    height:26px;
    border:solid 1px #eee;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-indent:-5000px;
    cursor:pointer;
}
.ui-datepicker-prev {
    float:left;
    background:url(../Images/arrow-calendar-prev.png) no-repeat center;
}
.ui-datepicker-next {
    float:right;
    background:url(../Images/arrow-calendar-next.png) no-repeat center;
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
    border:solid 1px #d0d0d1;
}
.ui-datepicker thead {
}
.ui-datepicker th {
    font-size:12px;
    padding-bottom:10px;
    color:#555;
}
.ui-datepicker tbody td {
    padding:0;
}
.ui-datepicker tbody td:last-child {
    border-right:0px;
}
.ui-datepicker tbody tr {
    border:0;
}
.ui-datepicker tbody tr:last-child {
    border-bottom:0px;
}
.ui-datepicker a {
    text-decoration:none;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display:inline-block;
    text-align:center;
    width:33px;
    height:33px;
    line-height:33px;
    color:#fff;
}
.ui-datepicker-calendar .ui-state-default {
    background:linear-gradient(#999999, #737373);
    color:#fff;
    border:0;
}
.ui-datepicker-calendar .ui-state-hover {
    background:#d9116a;
}
.ui-datepicker-calendar .ui-state-active {
    background:#d9116a;
}
.ui-datepicker-unselectable .ui-state-default {
    background:#f0f0f0;
    color:#000;
    text-decoration:line-through;
}
/*end calendar*/
/*paged-list*/
.paged-list {
    display:block;
    margin:30px auto 0 auto;
    width:100%;
    text-align:center;
}
.paged-list .total-page {
    margin:30px auto 0 auto;
    text-align:center;
}
.paged-list ul li {
    display:inline-block;
    padding:0 3px;
}
.paged-list ul li span,
.paged-list ul li a {
    font-size:16px;
    display:block;
    border:solid 1px #f0f0f0;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-weight:600;
}
.paged-list ul li a:hover {
    color:#ed145b;
}
.paged-list ul li.active span {
    color:#ed145b;
    border:0;
}
.paged-list ul li.disabled a:hover {
    background:none;
    color:unset;
}
/*paged-list*/
/*sort*/
.radio-list {
    padding:0 40px 0 20px;
    width:220px;
    outline:none;
    cursor:pointer;
    position:relative;
    border-radius:3px;
    background:#f8f8f8;
    font-size:15px;
    font-weight:600;
    float:left;
    margin-right:20px;
}
.radio-list:after {
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:14px;
    top:50%;
    margin-top:-6px;
    border-width:6px 0 6px 6px;
    border-style:solid;
    border-color:transparent #333;    
}
.radio-list span {
    width:100%;
    display:block;
	line-height:42px;
	color:#666;
}
.radio-list .dropdown {
    position:absolute;
    z-index:2;
    top:calc(100% + 1px);
    left:-1px;
    right:0;
    background:#ccc;
    list-style:none;
    font-weight:normal;
    opacity:0;
    pointer-events:none;
    width:100%;
    border-radius:3px;
    max-height:200px;
    overflow-x:auto;
}
.radio-list .dropdown::-webkit-scrollbar {
    width:10px;
}
.radio-list .dropdown::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px grey; 
    border-radius:10px;
}
.radio-list .dropdown::-webkit-scrollbar-thumb {
    background:#0f3e83; 
    border-radius:10px;
}
.radio-list .dropdown::-webkit-scrollbar-thumb:hover {
    background:#212a3c; 
}
.radio-list .dropdown li.month {
    display:none;
}
.radio-list .dropdown li.month.show {
    display:block;
}
.radio-list .dropdown li span {
    margin:0;
    padding:0;
    cursor:pointer;
    display:block;
    text-decoration:none;
    width:100%;
	padding:0 10px;
	border-radius:3px;
	color:#333;
}
.radio-list .dropdown li span:hover {
    background:#f0f0f0;
}
.radio-list .dropdown li .checkbox {
    display:none;
}
.radio-list.active .dropdown {
    opacity:1;
    pointer-events:auto;
}
.radio-list.active:after {
    border-color:#ccc transparent;
    border-width:6px 6px 0 6px ;
    margin-top:-3px;
}
.radio-list.active {
    background:#ccc;
    background:-moz-linear-gradient(left, #ccc 0%, #ccc calc(100% - 40px), #f0f0f0 calc(100% - 40px), #f0f0f0 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ccc), color-stop(calc(100% - 40px),#ccc), color-stop(calc(100% - 40px),#f0f0f0), color-stop (100%,#f0f0f0));
    background:-webkit-linear-gradient(left, #ccc 0%,#ccc calc(100% - 40px),#f0f0f0 calc(100% - 40px),#f0f0f0 100%);
    background:-o-linear-gradient(left, #ccc 0%,#ccc calc(100% - 40px),#f0f0f0 calc(100% - 40px),#f0f0f0 100%);
    background:linear-gradient(to right, #ccc 0%,#ccc calc(100% - 40px),#f0f0f0 calc(100% - 40px),#f0f0f0 100%);
    color:#333;
}
/*sort*/
/*gallery slider*/
.slick-slider {
    position:relative;
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -webkit-tap-highlight-color:transparent;
}
.slick-list {
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0;
}
.slick-list:focus {
	outline:none;
}
.slick-loading .slick-list {
	background:white url(ajax-loader.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor:pointer;
}
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.slick-track {
	position:relative;
	left:0;
	top:0;
	display:block;
	zoom:1;
}
.slick-track:before,
.slick-track:after {
	content:"";
	display:table;
}
.slick-track:after {
	clear:both;
}
.slick-loading .slick-track {
	visibility:hidden;
}
.slick-slide {
	float:left;
	height:100%;
	min-height:1px;
	display:none;
}
.slick-slide.dragging img {
	pointer-events:none;
}
.slick-initialized .slick-slide {
	display:block;
}
.slick-loading .slick-slide {
	visibility:hidden;
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent;
}
/*.slick-prev,
.slick-next {
	position:absolute;
	display:block;
	height:50px;
	width:50px;
	line-height:0;
	font-size:0;
	cursor:pointer;
	color:transparent;
	bottom:-70px;
	margin-top:-10px;
	padding:0;
	border:none;
	outline:none;
    border:solid 2px #555;
    border-radius:50%;
    background:none;
}
.slick-prev:hover,
.slick-next:hover {
    border:solid 2px #f8ad00;
}
.slick-prev:focus,
.slick-next:focus {
	outline:none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity:0.25;
}
.slick-prev:before,
.slick-next:before {
	font-family:"slick";
	font-size:20px;
	line-height:1;
	color:white;
	opacity:0.85;
	-webkit-font-smoothing:antialiased;
}*/
/*.slick-prev {
	right:120px;
    background:url(/Images/prev-arrow.png) no-repeat center;
}
.slick-next {
	right:50px;
    background:url(/Images/next-arrow.png) no-repeat center;
}*/
.slick-next:before {
}
.slick-slider {
	margin-bottom:30px;
}
.slick-slider div img {
	width:100%;
}
.slick-slider div span {
	margin:0 10px;
    display:block;
}
.slick-dots {
	position:absolute;
	bottom:-45px;
	list-style:none;
	display:block;
	text-align:center;
	padding:0px;
	width:100%;
}
.slick-dots li {
	position:relative;
	display:inline-block;
	height:14px;
	width:14px;
	margin:0px 3px;
	padding:0px;
	cursor:pointer;
	background-color:#f0f0f0;
    border-radius:50%;
}
.slick-dots li button {
	border:0;
	background:transparent;
	display:block;
	height:20px;
	width:20px;
	outline:none;
	line-height:0;
	font-size:0;
	color:transparent;
	padding:5px;
	cursor:pointer;
	outline:none;
}
.slick-dots li button:focus {
	outline:none;
}
.slick-dots li button:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	opacity:0;
    background:#ff4220;
    border-radius:50%;
}
.slick-dots li.slick-active button:before {
	opacity:1;
}
/*gallery slider*/
/*photo-upload style*/
.image-upload-hidden-window {
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    top:0;
    left:0;
    z-index:4;
    visibility:hidden;
}
.image-crop {
    display:table;
    position:fixed;
    z-index:5;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    visibility:hidden;
}
.image-crop.show,
.image-upload-hidden-window.show {
    display:table;
    visibility:visible;
}
.image-crop .image-window {
    display:table-cell;
    vertical-align:middle;
}
.image-crop .image-window .imagebox {
    margin:auto;
    background:#fff;
    zoom:0.8;
}
.image-crop .image-window .imagebox .thumbbox {
    width:100%;
    height:100%;
}
.image-crop .image-window .buttons {
    margin:20px auto 0 auto;
}
.image-crop .image-window .buttons input {
    display:inline-block;
    margin:0 3px;
    border:0;
    background:#ed145b;
    color:#fff;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:17px;
    font-family:'Montserrat', sans-serif;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    cursor:pointer;
}
.image-crop .image-window .buttons input:first-child {
    width:auto;
    font-size:14px;
    padding:0 15px;
}
.image-crop .image-window .buttons input:hover {
    background:#222;
}
.image-file-mask {
    overflow:hidden;
    position:relative;
    width:150px;
    display:block;
}
.image-file-mask [type=file] {
    cursor:inherit;
    filter:alpha(opacity=0);
    opacity:0;
    display:none;
}
.image-file-mask > span {
    width:150px;
    height:150px;
    display:table;
    background-image:url("/Images/icon-photo-add.png");
    background-repeat:no-repeat;
    background-position:left center;
    background-color:#fff;
    cursor:pointer;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:relative;
    text-align:center;
    padding:10px;
    border:dashed 2px #cfcfcf;
}
.image-file-mask > span.change {
    width:150px;
    height:auto;
    background:none;
}
.image-file-mask > span:hover {
    background-color:#f0f0f0;
    color:#000;
}
.image-file-mask > span:hover.change {
    background:none;
}
.image-file-mask > span img {
    width:100%;
    height:auto;
}
.image-file-mask > span.change i {
    display:none;
}
.image-file-mask > span i {
    color:#333;
    font-style:normal;
    font-family:'Montserrat', sans-serif;
    font-weight:600;
    font-size:15px;
    line-height:20px;
    display:table-cell;
    vertical-align:middle;
}
ul li.photo-add .image-close {
    display:none;
    text-align:center;
    position:absolute;
    top:15px;
    left:15px;
    width:36px;
    height:36px;
}
ul li.photo-add .image-close.close2 {
    margin-top:3px;
}
ul li.photo-add .image-close.change {
    display:block;
}
ul li.photo-add .image-close a {
    background:url(/Manager/Images/icon-litter-basket.png) no-repeat center #ed145b;
    color:#fff;
    display:block;
    cursor:pointer;
    padding:5px 10px;
    text-indent:-2000px;
    border-radius:50%;
    width:100%;
    height:100%;
    box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
ul li.photo-add .image-close a:hover {
    background-color:#222;
}
/*photo-upload style*/
/*index slider*/
#web-tv {
    width:100%;
    height:auto;
    margin-bottom:50px;
}
#web-tv .swiper-container {
    width:100%;
    height:100%;
}
#web-tv .swiper-slide {
    text-align:center;
    font-size:18px;
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    cursor:pointer;
}
#web-tv .swiper-slide img {
    width:100%;
    height:auto;
}
#web-tv .swiper-slide .text {
    position:absolute;
    width:700px;
    top:250px;
    left:70px;
    z-index:9;
    color:#fff;
    text-align:left;
    font-family:'Raleway', sans-serif;
}
#web-tv .swiper-slide .text h4 {
    font-weight:900;
    font-size:52px;
    letter-spacing:-0.5px;
    margin-bottom:20px;
}
#web-tv .swiper-slide .text h4 i {
    font-style:normal;
    display:block;
}
#web-tv .swiper-slide .text p {
    font-size:16px;
    margin:15px 0 25px 0;
    width:470px;
}
#web-tv .swiper-slide .text a {
    display:block;
    border:1px solid #fff;
    padding:8px 20px;
    font-size:15px;
    font-family:'Raleway', sans-serif;
    color:#fff;
    float:left;
}
#web-tv .swiper-slide .text a:hover {
    background:#fff;
    color:#0f3e83;
}
/*index slider*/
/*swal style*/
.swal-modal {
    width:350px;
    font-family:'Montserrat', sans-serif;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.swal-icon:first-child {
    margin:-38px auto 0 auto;
    background:#fff;
}
.swal-footer {
    text-align:center;
}
.swal-button-container {
    margin:5px 8px;
}
.swal-button {
    border:solid 2px #0b99aa;
    padding:9px 24px;
}
.swal-button--cancel {
    background-color:#fff;
}
.swal-button:active,
.swal-button--cancel:active {
    border:solid 2px #037785;
}
/*swal style*/
/*select style*/
.custom-select {
    position:relative;
}
.custom-select .select {
    display:none;
}
.select-selected {
}
.select-selected:after {
    position:absolute;
    content:"";
    top:20px;
    right:15px;
    width:0;
    height:0;
    border:solid 6px transparent;
    border-color:#333 transparent transparent transparent;
}
.shadow .shadow-box .box .form ul li .shell .select-selected:after  {
    top:8px;
    right:10px;
}
.select-selected.select-arrow-active:after {
    border-color:transparent transparent #333 transparent;
    top:12px;
}
.shadow .shadow-box .box .form ul li .shell .select-selected.select-arrow-active:after  {
    top:11px;
}
.select-items {
    max-height:300px;
    overflow:auto;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:9;
    color:#333;
    margin-top:3px;
    background:#f7f6f6;
    border-radius:3px;
    padding:10px;
}
.select-items div,
.select-selected {
    border:none;
    width:100%;
    line-height:34px;
    padding:3px 10px;
    cursor:pointer;
}
.shadow .shadow-box .box .form ul li .shell .select-items div,
.shadow .shadow-box .box .form ul li .shell .select-selected {
    line-height:30px;
    padding:3px 10px;
}
.select-selected {
    border-radius:3px;
    border:solid 2px #f0f0f0;
    background:#f0f0f0;
}
.shadow .shadow-box .box .form ul li .shell .select-selected {
}
.select-selected.warning {
    border-color:#c91f1f;
}
.select-items div {
}
.shadow .shadow-box .box .form ul li .shell .select-items div {
    border-radius:0;
    background:#fcfcfc;
    margin-bottom:0;
}
.select-items div:first-child {
}
.select-items div:last-child {
}
.select-items {
    
}
.select-hide {
    display:none;
}
.select-items div:hover,
.same-as-selected {
    background-color:#f0f0f0;
    border-radius:3px;
}
/*select style*/
/*alert style*/
#ui_notifIt{
    position:fixed;
    z-index:10;
    padding:5px;
    cursor:pointer;
    border-radius:6px;
    text-align:center;
}
#ui_notifIt.success{
    background:url(/Images/icon-confirmation.png) no-repeat top center #0b99aa;
}
#ui_notifIt.error{
    background:url(/Images/icon-error.png) no-repeat top center #ed145b;
}
#ui_notifIt p {
    font-size:14px;
    line-height:16px;
    font-family:'Montserrat', sans-serif;
    letter-spacing:-0.03em;
    font-weight:bold;
    color:#fff;
    padding-top:62px;
}
/*alert style*/


@media only screen and (max-width:1700px) {
    #web-tv .swiper-slide .text {
        top:200px;
    }
    #web-tv .swiper-slide .text h4 {
        font-size:42px;
    }
}
@media only screen and (max-width:1500px) {
    #project-detail .web-tv .text {
        left:100px;
        width:calc(100% - 200px);
        top:calc(50% - 80px);
    }
    #phone-guide .list ul > li span {
        width:calc(100% - 520px);
    }
    #phone-guide .list ul > li span:nth-child(3),
    #phone-guide .list ul > li span:nth-child(4) {
        display:none;
    }
}
@media only screen and (max-width:1400px) {
    #web-tv .swiper-slide .text {
        width:700px;
        top:150px;
        left:50px;
    }
    #web-tv .swiper-slide .text h4 {
        font-size:38px;
    }
    #index .left-column {
        width:100%;
        float:none;
        margin-right:0;
    }
    #index .right-column {
        width:400px;
        float:none;
        position:absolute;
        top:80px;
        right:0;
        z-index:9;
        background:#fcfcfc;
        padding:20px;
        border-radius:10px;
        /*display:none;*/
        visibility:hidden;
    }
    #index .right-column.click {
        visibility:visible;
    }
    #index .right-column .now-date figure {
        width:100px;
    }
    #index .right-column .now-date p {
        width:calc(100% - 230px);
        padding:10px 5px 0 15px;
    }
    #index .right-column .now-date p > i:nth-child(2) {
        font-size:48px;
    }
    #index .right-column .now-date p > i:nth-child(2) label {
        margin-top:25px;
    }
    #shadow {
        position:fixed;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.3);
        z-index:8;
        top:0;
        left:0;
        visibility:hidden;
    }
    #shadow.click {
        visibility:visible;
    }
    #press-detail figure {
        width:100%;
    }
    #press .commercials  > ul > li {
        width:calc(33.33% - 20px);
        margin-right:30px;
    }
    #press .commercials  > ul > li:nth-child(4n) {
        margin-right:30px;
    }
    #press .commercials  > ul > li:nth-child(3n) {
        margin-right:0;
    }
    #requests .write {
        width:400px;
    }
    #requests .list {
        width:calc(100% - 450px);
    }
    #downloads .list ul li {
        width:calc(33.33% - 20px);
        margin:0 30px 30px 0;
    }
    #downloads .list ul li:nth-child(4n) {
        margin-right:30px;
    }
    #downloads .list ul li:nth-child(3n) {
        margin-right:0;
    }
    #project-detail .tab-1 ul li {
        width:calc(16% - 4px);
    }
    #project-detail .web-tv .text h1 {
        font-size:50px;
        line-height:60px;
    }
    #project-detail .gallery ul li {
        width:calc(33.33% - 10px);
        margin:0 15px 15px 0;
    }
    #feedback-icon {
        display:block;
    }
}
@media only screen and (max-width:1350px) {
    #project-detail .map-form {
        margin:0 100px;
    }
}
@media only screen and (max-width:1250px) {
    #web-tv .swiper-slide .text {
        width:calc(100% - 200px);
        top:auto;
        bottom:50px;
    }
    #menu {
        width:240px;
    }
    #content,
    #index {
        width:calc(100% - 260px);
    }
    #press-detail .gallery ul li,
    #announcement-detail .gallery ul li {
        width:calc(33.33% - 20px);
        float:left;
        margin:0 30px 30px 0;
    }
    #press-detail .gallery ul li:nth-child(4n),
    #announcement-detail .gallery ul li:nth-child(4n) {
        margin-right:30px;
    }
    #press-detail .gallery ul li:nth-child(3n),
    #announcement-detail .gallery ul li:nth-child(3n) {
        margin-right:0;
    }
    #press .list  > ul > li span.date {
        width:120px;
    }
    #press .list  > ul > li span.name {
        width:200px;
    }
    #press .list  > ul > li span.title {
        width:calc(100% - 320px);
    }
    #press .block-list > ul > li {
        width:calc(33.33% - 20px);
        margin:0 30px 50px 0;
    }
    #press .block-list > ul > li:nth-child(4n) {
        margin-right:30px;
    }
    #press .block-list > ul > li:nth-child(3n) {
        margin-right:0;
    }
    #journal > .recess > ul > li {
        width:calc(50% - 15px);
        margin:80px 30px 80px 0;
    }
    #journal > .recess > ul > li:nth-child(3n) {
        margin-right:30px;
    }
    #journal > .recess > ul > li:nth-child(even) {
        margin-right:0;
    }
    #meeting-rooms .step-1 ul li {
        width:calc(50% - 20px);
        margin-bottom:40px;
    }
    #meeting-rooms .step-1 ul li:nth-child(2n){
        margin-right:0;
    }
    #requests .write {
        width:300px;
    }
    #requests .list {
        width:calc(100% - 350px);
    }
    #work-plans .list ul li span.title {
        width:calc(100% - 220px);
    }
    #project-detail .map-form {
        margin:0;
    }
    #project-detail .map-form #map {
        width:calc(100% - 400px);
    }
    #project-detail .map-form .form {
        width:400px;
    }
    #projects .list .loop ul li {
        width:calc(50% - 10px);
        margin:0 0 20px 0;
    }
    #projects .list .loop ul li:nth-child(3n),
    #projects .list .loop ul li:nth-child(odd) {
        margin-right:20px;
    }
    #project-detail .web-tv .text h1 {
        font-size:44px;
        line-height:50px;
    }
    #member-info .right-column,
    #member-info .left-column {
        width:100%;
        float:none;
        margin:0;
    }
    #member-info ul li.qr {
        text-align:center;
    }
    #phone-guide .list ul > li span {
        width:calc(100% - 170px);
    }
    #phone-guide .list ul > li span:nth-child(5),
    #work-plans .list ul li span.summary {
        display:none;
    }
}
@media only screen and (max-width:1100px) {
    #login .panel {
        width:calc(100% - 60px);
        margin:30px;
    }
    #announcements .list > ul > li {
        width:calc(50% - 15px);
        margin:0 30px 50px 0;
    }
    #announcements .list > ul > li:nth-child(3n) {
        margin-right:30px;
    }
    #announcements .list > ul > li:nth-child(even) {
        margin-right:0;
    }
    #project-detail .tab-1 ul li.sales-office-phone span:last-child {
        font-size:30px;
    }
    #web-tv .swiper-slide .text p {
        display:none;
    }
}
@media only screen and (max-width:1020px) {
    #web-tv {
        margin-bottom:30px;
    }
    #web-tv .swiper-slide .text h4 {
        font-size:34px;
    }
    #content,
    #index {
        padding:15px;
    }
    #header {
        padding:15px;
    }
    #header .member-info {
        margin-top:0;
    }
    #header .message {
        margin-top:4px;
    }
    #header .exit {
        margin-top:8px;
    }
    #press .commercials  > ul > li a:hover .null {
        border-color:#f0f0f0;
    }
    #press .commercials  > ul > li a:hover figure i {
        transform:scale(1);
    }
    #press .commercials  > ul > li a:hover p.title {
        color:#333;
    }
    #requests .write {
        width:100%;
        max-width:500px;
        float:none;
        margin:0 0 50px 0;
    }
    #requests .list {
        width:100%;
        float:none;
    }
    #project-detail .web-tv .text {
        left:50px;
        width:calc(100% - 100px);
        top:calc(50% - 50px);
    }
    #project-detail .web-tv .text h1 {
        font-size:40px;
        line-height:46px;
    }
}
@media only screen and (max-width:980px) {
    #content,
    #index {
        width:100%;
        display:block;
    }
    .mobile-menu,
    #sm-menu-ham,
    .sm-menu-outer {
        display:block;
    }
    .overlay-menu {
        position:absolute;
        width:0%;
        height:0;
        top:-100%;
        left:-100%;
    }
    #header .member-info {
        margin-top:2px;
        margin-right:60px;
        width:40px;
    }
    #header .member-info a {
        width:40px;
    }
    #header .member-info figure > p {
        font-size:20px;
        line-height:40px;
    }
    #project-detail .tag {
        width:100%;
        margin-bottom:90px;
    }
    #project-detail .tab-1 ul li {
        width:calc(33% - 4px);
    }
    #project-detail .tab-1 ul li:nth-child(3) {
        margin-bottom:20px;
    }
    #menu .menu ul.accordion > li.menu-12 {
        display:block;
    }
    #header .exit,
    #menu.style-2 {
        display:none;
    }
}
@media only screen and (max-width:920px) {
    /*#login .shell {
        display:block;
    }*/
    #login .panel {
        width:calc(100% - 60px);
        max-width:500px;
        margin:30px auto;
        display:block;
    }
    #login .panel .form {
        width:100%;
        display:block;
        padding:30px;
    }
    #login .panel .form .mobile-member {
        display:block;
    }
    #header .search.mobile-show {
        display:block;
        float:none;
        margin:10px auto 0 auto;
    }
    #press .block-list > ul > li {
        width:calc(50% - 15px);
        margin:0 0 40px 0;
    }
    #press .block-list > ul > li:nth-child(4n) {
        margin-right:0;
    }
    #press .block-list > ul > li:nth-child(odd) {
        margin-right:30px;
    }
    .new-add-2 {
        position:static;
        top:0;
        right:0;
        margin-bottom:20px;
    }
    #header .search.pc-show,
    #login .panel .member {
        display:none;
    }
}
@media only screen and (max-width:840px) {
    #press .commercials  > ul > li {
        width:calc(50% - 15px);
    }
    #press .commercials  > ul > li:nth-child(3n) {
        margin-right:30px;
    }
    #press .commercials  > ul > li:nth-child(4n),
    #press .commercials  > ul > li:nth-child(even) {
        margin-right:0;
    }
    #downloads .list ul li {
        width:calc(50% - 15px);
        margin:0 0 30px 0;
    }
    #downloads .list ul li:nth-child(4n) {
        margin-right:0;
    }
    #downloads .list ul li:nth-child(odd) {
        margin-right:30px;
    }
    #project-detail .summary {
        width:100%;
    }
    #project-detail .map-form #map {
        width:100%;
        height:500px;
        float:none;
    }
    #project-detail .map-form .form {
        width:100%;
        height:auto;
        float:none;
    }
    #project-detail .web-tv .text {
        left:20px;
        width:calc(100% - 40px);
    }
    #project-detail .web-tv .text h1 {
        font-size:30px;
        line-height:34px;
    }
}
@media only screen and (max-width:720px) {
    #web-tv .swiper-slide .text h4 {
        font-size:28px;
    }
    #login .panel {
        width:calc(100% - 40px);
        margin:20px auto;
    }
    #login .panel .form {
        padding:20px;
    }
    #index .left-column .articles .left {
        width:100%;
        float:none;
        margin:0 0 30px 0;
    }
    #index .left-column .articles .left ul li {
        height:460px;
    }
    #index .left-column .articles .right {
        width:100%;
        float:none;
    }
    #index .left-column .articles .right ul li a {
        padding:0;
        background:none;
    }
    #press-detail .gallery ul li,
    #announcement-detail .gallery ul li {
        width:calc(50% - 15px);
        float:left;
        margin:0 30px 30px 0;
    }
    #press-detail .gallery ul li:nth-child(4n),
    #announcement-detail .gallery ul li:nth-child(4n) {
        margin-right:0;
    }
    #press-detail .gallery ul li:nth-child(3n),
    #announcement-detail .gallery ul li:nth-child(3n) {
        margin-right:30px;
    }
    #press-detail .gallery ul li:nth-child(even),
    #announcement-detail .gallery ul li:nth-child(even) {
        margin-right:0;
    }
    #press .list  > ul > li span.date {
        width:120px;
    }
    #press .list  > ul > li span.title {
        width:calc(100% - 120px);
    }
    #work-plans .list ul li span.title {
        width:calc(100% - 120px);
    }
    #event-calendar .list ul > li,
    #gallery .list ul > li {
        width:100%;
        max-width:400px;
        float:none;
        margin:0 auto 20px auto;
    }
    #event-calendar .list ul > li:nth-child(odd),
    #gallery .list ul > li:nth-child(odd) {
        margin-right:auto;
    }
    #phone-guide .list ul > li span {
        width:100%;
    }
    #phone-guide .list ul > li span:nth-child(2),
    #work-plans .list ul li span.Id,
    #press .list  > ul > li span.name,
    #web-tv .swiper-slide .text p  {
        display:none;
    }
}
@media only screen and (max-width:620px) {
    #web-tv .swiper-slide .text {
        width:calc(100% - 60px);
        left:20px;
        bottom:20px;
    }
    #web-tv .swiper-slide .text h4 {
        font-size:26px;
    }
    #index .left-column .event-calendar ul > li {
        width:100%;
        float:none;
    }
    #index .left-column .event-calendar ul li:nth-child(odd) {
        margin-right:0;
    }
    #index .left-column .event-calendar ul li:nth-child(-n+3) {
        margin-bottom:30px;
    }
    #header .search {
        width:calc(100% - 50px);
    }
    #announcements .list > ul > li {
        width:100%;
        margin:0 0 30px 0;
        float:none;
    }
    #announcements .list > ul > li:nth-child(3n) {
        margin-right:0;
    }
    #announcements .list > ul > li:last-child {
        margin-bottom:0;
    }
    #journal > .recess > ul > li {
        width:100%;
        margin:140px 0 140px 0;
        float:none;
    }
    #journal > .recess > ul > li:nth-child(3n) {
        margin-right:0;
    }
    #journal > .recess > ul > li .title {
        padding-top:20px;
    }
    #press .commercials  > ul > li {
        width:100%;
        max-width:400px;
        float:none;
        margin:0 auto 20px auto;
    }
    #press .commercials  > ul > li:nth-child(4n),
    #press .commercials  > ul > li:nth-child(even),
    #press .commercials  > ul > li:nth-child(3n) {
        margin:0 auto 20px auto;
    }
    #projects .list .loop ul li {
        width:100%;
        max-width:400px;
        float:none;
        margin:0 auto 30px auto;
    }
    #projects .list .loop ul li:nth-child(odd),
    #projects .list .loop ul li:nth-child(3n) {
        margin-right:auto;
    }
    #project-detail .tab-1 ul li {
        width:calc(50% - 4px);
    }
    #project-detail .tab-1 ul li:first-child {
        margin-bottom:20px;
    }
    #project-detail .gallery ul li {
        width:calc(50% - 10px);
        margin:0 0 20px 0;
    }
    #project-detail .gallery ul li:nth-child(3n),
    #project-detail .gallery ul li:nth-child(odd) {
        margin-right:20px;
    }
    #brand-collaborations .list ul li {
        width:100%;
        float:none;
        margin-bottom:30px;
    }
    #brand-collaborations .list ul li:nth-child(odd) {
        margin-right:0;
    }
    #member-info .right-column ul li:first-child {
        margin-right:0;
    }
    #member-info .right-column ul li:nth-child(-n+2) {
        width:100%;
        float:none;
    }
}
@media only screen and (max-width:570px) {
    #project-detail .tag ul li {
        width:100%;
        float:none;
    }
    #index .left-column .announcements ul li a figure {
        width:100%;
        margin:0 0 20px 0;
        float:none;
    }
    #index .left-column .announcements ul li a .text {
        width:100%;
        float:none;
    }
}
@media only screen and (max-width:550px) {
    #meeting-rooms .step-1 ul li {
        width:100%;
        float:none;
        margin:0 0 30px 0;
    }
    #meeting-rooms .step-1 ul li:last-child {
        margin:0;
    }
    #requests .list ul li span.piece {
        width:60px;
    }
    #requests .list ul li span.date {
        width:calc(100% - 60px);
    }
    #requests .list ul li span.Id {
        display:none;
    }
    #index .right-column {
        width:100%;
    }
    #feedback-icon.click {
        right:0;
    }
}
@media only screen and (max-height:690px) {
    #login .panel .form {
        padding:40px;
    }
	#login .panel .form ul li.photo {
        display:none;
    }
}
@media only screen and (max-height:550px) {
	#popup .window {
        width:300px;
        height:300px;
    }
}
@media only screen and (max-width:490px) {
    #web-tv .swiper-slide .text h4 {
        font-size:20px;
    }
    #press .list  > ul > li span.title {
        width:100%;
    }
    #press .block-list > ul > li {
        width:100%;
        margin:0 0 30px 0;
        float:none;
    }
    #press .block-list > ul > li:nth-child(odd) {
        margin-right:0;
    }
    #press .list  > ul > li span.date {
        display:none;
    }
}
@media only screen and (max-width:390px) {
}
@media only screen and (max-width:320px) {
    #project-detail .tag.style-2 {
        width:100%;
        margin:30px auto;
    }
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height:0;
    width:0;
}
.scroll-element {
    display:none;
}
.scroll-element, .scroll-element div {
    box-sizing:content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display:block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor:default;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10;
}
.scrollbar-inner > .scroll-element div {
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
    bottom:2px;
    height:8px;
    left:0;
    width:100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height:calc(100% - 10px);
    right:5px;
    top:5px;
    width:8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow:hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter:alpha(opacity=40);
    opacity:0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color:#e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color:#c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color:#919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color:#919191;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left:-12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top:-12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left:-12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top:-12px;
}
.group:after {
	 content:"";
	 display:table;
	 clear:both;
}
 .calendar-wrapper {
	 width:100%;
	 max-width:660px;
	 padding:20px;
	 border:1px solid #dcdcff;
	 border-radius:15px;
	 font-family:'Montserrat', sans-serif;
}
 .calendar-wrapper table {
	 clear:both;
	 width:100%;
	 border:1px solid #dcdcff;
	 border-radius:3px;
	 border-collapse:collapse;
	 color:#444;
}
.calendar-wrapper table tr td {
	height:48px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #dcdcff;
	border-top:1px solid #dcdcff;
	width:14.285714285714%;
	font-size:16px;
	color:#28283b;
}
.calendar-wrapper table tr td.title-month {
	 font-weight:700;
	 font-size:16px;
}
.calendar-wrapper table tr td a {
	line-height:48px;
	display:block;
	font-size:16px;
}
.calendar-wrapper table tr td a:hover {
	font-size:16px;
}
 .calendar-wrapper table tr td.not-current {
	 color:#c0c0c0;
}
 .calendar-wrapper table tr td.today {
	 font-weight:700;
}
 .calendar-wrapper table tr thead td {
	 border:none;
	 text-transform:uppercase;
}
 .calendar-wrapper #btnPrev {
	 float:left;
	 margin-bottom:20px;
	 padding-left:14px;
	 background:url(/Images/calendar-prev.png) no-repeat center left;
}
.calendar-wrapper #btnPrev:before {
}
.calendar-wrapper #btnNext {
	float:right;
	margin-bottom:20px;
	padding-right:14px;
	background:url(/Images/calendar-next.png) no-repeat center right;
}
.calendar-wrapper #btnNext:after {
}
.calendar-wrapper #btnPrev,
.calendar-wrapper #btnNext {
	border:none;
	outline:none;
	font-size:1em;
	color:#c0c0c0;
	cursor:pointer;
	transition:all 0.3s ease;
	background-size:auto 10px;
}
.calendar-wrapper #btnPrev:hover,
.calendar-wrapper #btnNext:hover {
	color:#28283b;
}
.swiper-container {
    margin:0 auto;
    position:relative;
    z-index:1;
}
.swiper-container-no-flexbox .swiper-slide {
    float:left
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide {
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height:auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-transition-property:-webkit-transform,height;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform,height
}
.swiper-container .swiper-notification {
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-next, .swiper-button-prev {
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    -moz-background-size:27px 44px;
    -webkit-background-size:27px 44px;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left:10px;
    right:auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right:10px;
    left:auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
    position:absolute;
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom:30px;
    left:0;
    width:100%
}
.swiper-pagination-bullet {
    width:40px;
    height:3px;
    display:inline-block;
    border-radius:3px;
    background:rgba(248,172,0,0.8);
    opacity:.2
}
button.swiper-pagination-bullet {
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
    background:#f8ac00
}
.swiper-pagination-bullet-active {
    opacity:1;
    background:#f8ac00
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background:#000
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    -moz-transform:translate3d(0,-50%,0);
    -o-transform:translate(0,-50%);
    -ms-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:5px 0;
    display:block
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 5px
}
.swiper-pagination-progress {
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background:#007aff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -o-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    -o-transform-origin:right top;
    transform-origin:right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-vertical > .swiper-pagination-progress {
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-progress.swiper-pagination-white {
    background:rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background:#fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background:#000
}
.swiper-container-3d {
    -webkit-perspective:1200px;
    -moz-perspective:1200px;
    -o-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective:1200px
}
.swiper-container-cube, .swiper-container-flip {
    overflow:visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events:none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index:0;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-slide {
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-cube-shadow {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events:none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}
.swiper-scrollbar {
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical > .swiper-scrollbar {
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag {
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag {
    cursor:move
}
.swiper-lazy-preloader {
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -moz-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
    display:block;
    content:"";
    width:100%;
    height:100%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    -webkit-background-size:100%;
    background-size:100%;
    background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform:rotate(360deg)
    }
}
@media only screen and (max-width:760px) {
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom:20px;
    }
}
@media only screen and (max-width:660px) {
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom:10px;
    }
}
@media only screen and (max-width:570px) {
    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom:10px;
    }
    .swiper-pagination-bullet {
        width:30px;
    }
}
body.compensate-for-scrollbar {
	overflow:hidden;
}
.fancybox-active {
	height:auto;
}
.fancybox-is-hidden {
	left:-9999px;
	margin:0;
	position:absolute!important;
	top:-9999px;
	visibility:hidden;
}
.fancybox-container {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
	height:100%;
	left:0;
	position:fixed;
	-webkit-tap-highlight-color:transparent;
	top:0;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	width:100%;
	z-index:99992;
}
.fancybox-container * {
	box-sizing:border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
.fancybox-outer {
	-webkit-overflow-scrolling:touch;
	overflow-y:auto;
}
.fancybox-bg {
    background:#f0f0f0;
	opacity:0;
	transition-duration:inherit;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(.47,0,.74,.71);
}
.fancybox-is-open .fancybox-bg {
	opacity:1;
	transition-timing-function:cubic-bezier(.22,.61,.36,1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	direction:ltr;
	opacity:0;
	position:absolute;
	transition:opacity .25s,visibility 0s linear .25s;
	visibility:hidden;
	z-index:99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity:1;
	transition:opacity .25s,visibility 0s;
	visibility:visible;
}
.fancybox-infobar {
	color:#ccc;
	font-size:13px;
	-webkit-font-smoothing:subpixel-antialiased;
	height:44px;
	left:0;
	line-height:44px;
	min-width:44px;
	padding:0 10px;
	pointer-events:none;
	text-align:center;
	top:0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.fancybox-toolbar {
	right:0;
	top:0;
}
.fancybox-stage {
	direction:ltr;
	overflow:visible;
	-webkit-transform:translateZ(0);
	z-index:99994;
}
.fancybox-is-open .fancybox-stage {
	overflow:hidden;
}
.fancybox-slide {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	display:none;
	height:100%;
	left:0;
	outline:none;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	padding:44px;
	position:absolute;
	text-align:center;
	top:0;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	white-space:normal;
	width:100%;
	z-index:99994;
}
.fancybox-slide:before {
	content:"";
	display:inline-block;
	height:100%;
	margin-right:-.25em;
	vertical-align:middle;
	width:0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display:block;
}
.fancybox-slide--next {
	z-index:99995;
}
.fancybox-slide--image {
	overflow:visible;
	padding:44px 0;
}
.fancybox-slide--image:before {
	display:none;
}
.fancybox-slide--html {
	padding:6px 6px 0;
}
.fancybox-slide--iframe {
	padding:44px 44px 0;
}
.fancybox-content {
	background:#fff;
	display:inline-block;
	margin:0 0 6px;
	max-width:100%;
	overflow:auto;
	padding:0;
	padding:24px;
	position:relative;
	text-align:left;
	vertical-align:middle;
}
.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);
	animation-timing-function:cubic-bezier(.5,0,.14,1);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background:transparent;
	background-repeat:no-repeat;
	background-size:100% 100%;
	left:0;
	margin:0;
	max-width:none;
	overflow:visible;
	padding:0;
	position:absolute;
	top:0;
	-webkit-transform-origin:top left;
	transform-origin:top left;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	z-index:99995;
}
.fancybox-can-zoomOut .fancybox-content {
	cursor:zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
	cursor:zoom-in;
}
.fancybox-can-drag .fancybox-content {
	cursor:-webkit-grab;
	cursor:grab;
}
.fancybox-is-dragging .fancybox-content {
	cursor:-webkit-grabbing;
	cursor:grabbing;
}
.fancybox-container [data-selectable=true] {
	cursor:text;
}
.fancybox-image,.fancybox-spaceball {
	background:transparent;
	border:0;
	height:100%;
	left:0;
	margin:0;
	max-height:none;
	max-width:none;
	padding:0;
	position:absolute;
	top:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:100%;
}
.fancybox-spaceball {
	z-index:1;
}
.fancybox-slide--html .fancybox-content {
	margin-bottom:6px;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
	height:100%;
	margin:0;
	overflow:visible;
	padding:0;
	width:100%;
}
.fancybox-slide--video .fancybox-content {
	background:#000;
}
.fancybox-slide--map .fancybox-content {
	background:#e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
	background:#fff;
	height:calc(100% - 44px);
	margin-bottom:44px;
}
.fancybox-iframe,.fancybox-video {
	background:transparent;
	border:0;
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.fancybox-iframe {
	vertical-align:top;
}
.fancybox-error {
	background:#fff;
	cursor:default;
	max-width:400px;
	padding:40px;
	width:100%;
}
.fancybox-error p {
	color:#444;
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
}
.fancybox-button {
	background:rgba(30,30,30,.6);
	border:0;
	border-radius:0;
	cursor:pointer;
	display:inline-block;
	height:44px;
	margin:0;
	outline:none;
	padding:10px;
	transition:color .2s;
	vertical-align:top;
	width:44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color:#ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
	color:#fff;
}
.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color:#888;
	cursor:default;
}
.fancybox-button svg {
	display:block;
	overflow:visible;
	position:relative;
	shape-rendering:geometricPrecision;
}
.fancybox-button svg path {
	fill:transparent;
	stroke:currentColor;
	stroke-linejoin:round;
	stroke-width:3;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
	display:none;
}
.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
	fill:currentColor;
}
.fancybox-button--share svg path {
	stroke-width:1;
}
.fancybox-navigation .fancybox-button {
	height:38px;
	opacity:0;
	padding:6px;
	position:absolute;
	top:50%;
	width:38px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
	transition:opacity .25s,visibility 0s,color .25s;
}
.fancybox-navigation .fancybox-button:after {
	content:"";
	left:-25px;
	padding:50px;
	position:absolute;
	top:-25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
	left:6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right:6px;
}
.fancybox-close-small {
	background:transparent;
	border:0;
	border-radius:0;
	color:#555;
	cursor:pointer;
	height:44px;
	margin:0;
	padding:6px;
	position:absolute;
	right:0;
	top:0;
	width:44px;
	z-index:10;
}
.fancybox-close-small svg {
	fill:transparent;
	opacity:.8;
	stroke:currentColor;
	transition:stroke .1s;
}
.fancybox-close-small:focus {
	outline:none;
}
.fancybox-close-small:hover svg {
	opacity:1;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
	color:#ccc;
	padding:5px;
	right:-12px;
	top:-44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
	background:transparent;
	color:#fff;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display:none;
}
.fancybox-caption {
	bottom:0;
	color:#fff;
	font-size:14px;
	font-weight:400;
	left:0;
	line-height:1.5;
	padding:25px 44px;
	right:0;
}
.fancybox-caption:before {
	background-repeat:repeat-x;
	background-size:contain;
	bottom:0;
	content:"";
	display:block;
	left:0;
	pointer-events:none;
	position:absolute;
	right:0;
	top:-25px;
	z-index:-1;
}
.fancybox-caption:after {
	border-bottom:1px solid hsla(0,0%,100%,.3);
	content:"";
	display:block;
	left:44px;
	position:absolute;
	right:44px;
	top:0;
}
.fancybox-caption a,.fancybox-caption a:link,
.fancybox-caption a:visited {
	color:#ccc;
	text-decoration:none;
}
.fancybox-caption a:hover {
	color:#fff;
	text-decoration:underline;
}
.fancybox-loading {
	-webkit-animation:a .8s infinite linear;
	animation:a .8s infinite linear;
	background:transparent;
	border:6px solid hsla(0,0%,39%,.5);
	border-radius:100%;
	border-top-color:#fff;
	height:60px;
	left:50%;
	margin:-30px 0 0 -30px;
	opacity:.6;
	padding:0;
	position:absolute;
	top:50%;
	width:60px;
	z-index:99999;
}
@-webkit-keyframes a {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
@keyframes a {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
.fancybox-animated {
	transition-timing-function:cubic-bezier(0,0,.25,1);
}
.fancybox-fx-slide.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--next {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--current {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity:0;
	transition-timing-function:cubic-bezier(.19,1,.22,1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity:1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:scale3d(1.5,1.5,1.5);
	transform:scale3d(1.5,1.5,1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity:0;
	-webkit-transform:scale3d(.5,.5,.5);
	transform:scale3d(.5,.5,.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:rotate(-1turn);
	transform:rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
	opacity:0;
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
	opacity:1;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
	opacity:0;
	-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);
	transform:scale3d(0,0,0) translate3d(-100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--next {
	opacity:0;
	-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);
	transform:scale3d(0,0,0) translate3d(100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--current {
	opacity:1;
	-webkit-transform:scaleX(1) translateZ(0);
	transform:scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);
	transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);
	transform:translate3d(100%,0,0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform:translateZ(0) scale(1);
	transform:translateZ(0) scale(1);
}
.fancybox-share {
	background:#f4f4f4;
	border-radius:3px;
	max-width:90%;
	padding:30px;
	text-align:center;
}
.fancybox-share h1 {
	color:#222;
	font-size:35px;
	font-weight:700;
	margin:0 0 20px;
}
.fancybox-share p {
	margin:0;
	padding:0;
}
.fancybox-share__button {
	border:0;
	border-radius:3px;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	line-height:40px;
	margin:0 5px 10px;
	min-width:130px;
	padding:0 15px;
	text-decoration:none;
	transition:all .2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	white-space:nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
	color:#fff;
}
.fancybox-share__button:hover {
	text-decoration:none;
}
.fancybox-share__button--fb {
	background:#3b5998;
}
.fancybox-share__button--fb:hover {
	background:#344e86;
}
.fancybox-share__button--pt {
	background:#bd081d;
}
.fancybox-share__button--pt:hover {
	background:#aa0719;
}
.fancybox-share__button--tw {
	background:#1da1f2;
}
.fancybox-share__button--tw:hover {
	background:#0d95e8;
}
.fancybox-share__button svg {
	height:25px;
	margin-right:7px;
	position:relative;
	top:-1px;
	vertical-align:middle;
	width:25px;
}
.fancybox-share__button svg path {
	fill:#fff;
}
.fancybox-share__input {
	background:transparent;
	border:0;
	border-bottom:1px solid #d7d7d7;
	border-radius:0;
	color:#5d5b5b;
	font-size:14px;
	margin:10px 0 0;
	outline:none;
	padding:10px 15px;
	width:100%;
}
.fancybox-thumbs {
	background:#f6f6f6;
	bottom:0;
	display:none;
	margin:0;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	padding:10px;
	position:absolute;
	right:0;
	-webkit-tap-highlight-color:transparent;
	top:0;
	width:212px;
	z-index:99995;
}
.fancybox-thumbs-x {
	overflow-x:auto;
	overflow-y:hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
	display:block;
}
.fancybox-show-thumbs .fancybox-inner {
	right:212px;
}
.fancybox-thumbs > ul {
	font-size:0;
	height:100%;
	list-style:none;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0;
	position:absolute;
	position:relative;
	white-space:nowrap;
	width:100%;
}
.fancybox-thumbs-x > ul {
	overflow:hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
	width:7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
	background:#fff;
	border-radius:10px;
	box-shadow:inset 0 0 6px rgba(0,0,0,.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
	background:#2a2a2a;
	border-radius:10px;
}
.fancybox-thumbs > ul > li {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	cursor:pointer;
	float:left;
	height:75px;
	margin:2px;
	max-height:calc(100% - 8px);
	max-width:calc(50% - 4px);
	outline:none;
	overflow:hidden;
	padding:0;
	position:relative;
	-webkit-tap-highlight-color:transparent;
	width:100px;
}
.fancybox-thumbs-loading {
	background:rgba(0,0,0,.1);
}
.fancybox-thumbs > ul > li {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.fancybox-thumbs > ul > li:before {
	border:4px solid #ee7514;
	bottom:0;
	content:"";
	left:0;
	opacity:0;
	position:absolute;
	right:0;
	top:0;
	transition:all .2s cubic-bezier(.25,.46,.45,.94);
	z-index:99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
	opacity:1;
}
.fancybox-custom-layout .fancybox-outer {
    top:50px;
    left:50px;
    bottom:50px;
    right:50px;
    margin:auto;
    overflow:visible;
    background:#f0f0f0;
    box-shadow:1px 5px 15px rgba(0,0,0,0.1);
    transition:opacity .3s;
}
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
    opacity:0;
}
.fancybox-custom-layout .fancybox-bg {
    background:#f6f6f6;
}
.fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity:1;
}
.fancybox-custom-layout .fancybox-button,
.fancybox-custom-layout .fancybox-navigation button:before {
    background:transparent;
    background:#333;
    border-radius:50%;
    width:33px;
    height:33px;
    padding:6px;
    margin:5px 5px 0 ;
}
.fancybox-custom-layout .fancybox-navigation button {
    color:#333 !important;
    padding:5px;
}
.fancybox-custom-layout .fancybox-button--arrow_left {
    left:20px;
}
.fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right:20px;
}
.fancybox-custom-layout-image .fancybox-outer {
    top:50px;
    left:50px;
    bottom:50px;
    right:50px;
    margin:auto;
    overflow:visible;
    background:#fff;
    box-shadow:1px 5px 15px rgba(0,0,0,0.1);
    transition:opacity .3s;
}
.fancybox-custom-layout-image.fancybox-is-closing .fancybox-outer {
    opacity:0;
}
.fancybox-custom-layout-image .fancybox-bg {
    background:#f6f6f6;
}
.fancybox-custom-layout-image.fancybox-is-open .fancybox-bg {
    opacity:1;
}
.fancybox-custom-layout-image .fancybox-button,
.fancybox-custom-layout-image .fancybox-navigation button:before {
    background:transparent;
    background:#333;
    border-radius:50%;
    width:33px;
    height:33px;
    padding:6px;
    margin:5px 5px 0;
}
.fancybox-custom-layout-image .fancybox-navigation {
    display:none;
}
.fancybox-custom-layout-image .fancybox-navigation button {
    color:#333 !important;
    padding:5px;
}
.fancybox-custom-layout-image .fancybox-button--arrow_left {
    left:20px;
}
.fancybox-custom-layout-image.fancybox-show-thumbs .fancybox-button--arrow_right {
    right:20px;
}
.fancybox-custom-layout-video .fancybox-outer {
    top:50px;
    left:50px;
    bottom:50px;
    right:50px;
    margin:auto;
    overflow:visible;
    background:#fff;
    box-shadow:1px 5px 15px rgba(0,0,0,0.1);
    transition:opacity .3s;
}
.fancybox-custom-layout-video.fancybox-is-closing .fancybox-outer {
    opacity:0;
}
.fancybox-custom-layout-video .fancybox-bg {
    background:#f6f6f6;
}
.fancybox-custom-layout-video.fancybox-is-open .fancybox-bg {
    opacity:1;
}
.fancybox-custom-layout-video .fancybox-button,
.fancybox-custom-layout-video .fancybox-navigation button:before {
    background:transparent;
    background:#333;
    border-radius:50%;
    width:33px;
    height:33px;
    padding:6px;
    margin:5px 5px 0;
}
.fancybox-custom-layout-video .fancybox-navigation {
    display:none;
}
.fancybox-custom-layout-video .fancybox-navigation button {
    color:#333 !important;
    padding:5px;
}
.fancybox-custom-layout-video .fancybox-button--arrow_left {
    left:20px;
}
.fancybox-custom-layout-video.fancybox-show-thumbs .fancybox-button--arrow_right {
    right:20px;
}

@media (max-width:800px) {
	.fancybox-thumbs {
		width:0;
        visibility:hidden;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right:0;
	}
	.fancybox-thumbs > ul > li {
		max-width:calc(100% - 10px);
	}

    .fancybox-custom-layout-video .fancybox-outer,
    .fancybox-custom-layout .fancybox-outer {
        top:10px;
        left:10px;
        bottom:10px;
        right:10px;
        width:auto;
        height:auto;
    }
    .fancybox-slide {
        padding:0;
    }
}
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
    overflow:visible
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility:visible !important;
    background:#f2f2f2 !important;
    background:rgba(0,0,0,.06) !important;
    border:0 none !important;
    box-shadow:inset 0 0 12px 4px #fff
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content:"!";
    visibility:hidden
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
    position:relative;
    padding:10px 8px;
    border-bottom:1px solid #d0d0d0;
    background:#f8f8f8;
    border-radius:3px 3px 0 0
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
    position:absolute;
    right:8px;
    top:50%;
    color:#303030;
    opacity:.4;
    margin-top:-12px;
    line-height:20px;
    font-size:20px !important;
    text-decoration:none
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
    color:#000
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
    display:flex
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right:1px solid #f2f2f2;
    border-top:0 none;
    flex-grow:1;
    flex-basis:0;
    min-width:0
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right:0 none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display:none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top:0 none
}
.selectize-control.plugin-remove_button .item {
    display:inline-flex;
    align-items:center;
    padding-right:0 !important
}
.selectize-control.plugin-remove_button .item .remove {
    color:inherit;
    text-decoration:none;
    vertical-align:middle;
    display:inline-block;
    padding:2px 6px;
    border-left:1px solid #d0d0d0;
    border-radius:0 2px 2px 0;
    box-sizing:border-box;
    margin-left:6px
}
.selectize-control.plugin-remove_button .item .remove:hover {
    background:rgba(0,0,0,.05)
}

.selectize-control.plugin-remove_button .item.active .remove {
    border-left-color:#cacaca
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
    background:0
}
.selectize-control.plugin-remove_button .disabled .item .remove {
    border-left-color:#fff
}
.selectize-control.plugin-clear_button .clear {
    text-decoration:none;
    display:flex;
    position:absolute;
    height:100%;
    width:25px;
    top:0;
    right:calc(8px - 6px);
    color:#000;
    opacity:.4;
    font-weight:700;
    border:0;
    cursor:pointer;
    z-index:1;
    font-size:21px;
    justify-content:center;
    align-items:center
}
.selectize-control.plugin-clear_button .clear:hover {
    opacity:1
}
.selectize-control.plugin-clear_button.single .clear {
    right:calc(8px - 6px + 1.5rem)
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
    border-top:1px solid #d0d0d0;
    border-bottom:0 none;
    border-radius:3px 3px 0 0;
    box-shadow:0 -6px 12px rgba(0,0,0,.18)
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
    border-radius:0 0 3px 3px;
    border-top:0 none
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
    top:0;
    bottom:unset
}
.selectize-control {
    position:relative
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    color:#303030;
    font-family:inherit;
    font-size:13px;
    line-height:18px;
}
.selectize-control.single .selectize-input.input-active, .selectize-input {
    background:#fff;
    cursor:text;
    display:inline-block
}
.selectize-input {
    /*border:1px solid #d0d0d0;
    padding:8px 8px;
    display:inline-block;
    width:100%;
    position:relative;
    z-index:1;
    box-sizing:border-box;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
    border-radius:3px*/
    border-radius:3px;
    line-height:40px;
    background:#f0f0f0;
    border:none;
    width:100%;
    padding:0 10px;
}
.selectize-control.multi .selectize-input.has-items {
}
.selectize-input.full {
    background-color:#fff
}
.selectize-input.disabled,
.selectize-input.disabled * {
    cursor:default !important
}
.selectize-input.focus {
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15)
}
.selectize-input.dropdown-active {
    border-radius:3px 3px 0 0
}
.selectize-input > * {
    vertical-align:baseline;
    display:inline-block;
    zoom:1
}
.selectize-control.multi .selectize-input > div {
    cursor:pointer;
    background:#f8ac00;
    color:#303030;
    border-radius:3px;
    height:26px;
    line-height:26px;
    padding:0 10px;
    margin:0 3px 0 0;
}
.selectize-control.multi .selectize-input > div.active {
    background:#e8e8e8;
    color:#303030;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color:#7d7d7d;
    background:#fff;
    border:0 solid #fff
}
.selectize-input > input {
    display:inline-block !important;
    padding:0 !important;
    min-height:0 !important;
    max-height:none !important;
    max-width:100% !important;
    margin:0 !important;
    text-indent:0 !important;
    border:0 none !important;
    background:0 0 !important;
    line-height:inherit !important;
    user-select:auto !important;
    box-shadow:none !important
}
.selectize-input > input::-ms-clear {
    display:none
}
.selectize-input > input:focus {
    outline:0 !important
}
.selectize-input > input[placeholder] {
    box-sizing:initial
}
.selectize-input.has-items > input {
    margin:0 0 !important
}
.selectize-input::after {
    content:" ";
    display:block;
    clear:left
}
.selectize-input.dropdown-active::before {
    content:" ";
    display:block;
    position:absolute;
    background:#f0f0f0;
    height:1px;
    bottom:0;
    left:0;
    right:0
}
.selectize-dropdown {
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    z-index:10;
    border:1px solid #d0d0d0;
    background:#fff;
    margin:-1px 0 0 0;
    border-top:0 none;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
    border-radius:0 0 3px 3px
}
.selectize-dropdown [data-selectable] {
    cursor:pointer;
    overflow:hidden
}
.selectize-dropdown [data-selectable] .highlight {
    background:rgba(125,168,208,.2);
    border-radius:1px
}
.selectize-dropdown .create,
.selectize-dropdown .no-results,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .option {
    padding:10px 8px
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor:inherit;
    opacity:.5
}
.selectize-dropdown [data-selectable].option {
    opacity:1;
    cursor:pointer
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top:0 none
}
.selectize-dropdown .optgroup-header {
    color:#303030;
    background:#fff;
    cursor:default
}
.selectize-dropdown .active {
    background-color:#e8e8e8;
    color:#303030
}
.selectize-dropdown .active.create {
    color:#495c68
}
.selectize-dropdown .selected {
    background-color:#e8e8e8;
    color:#303030
}
.selectize-dropdown .create {
    color:rgba(48,48,48,.5)
}
.selectize-dropdown .active:not(.selected) {
    background:#f5fafd;
    color:#495c68
}
.selectize-dropdown-content {
    overflow-y:auto;
    overflow-x:hidden;
    max-height:200px;
}
.selectize-dropdown-emptyoptionlabel {
    text-align:center
}
.selectize-dropdown .spinner {
    display:inline-block;
    width:30px;
    height:30px;
    margin:5px 8px
}
.selectize-dropdown .spinner:after {
    content:" ";
    display:block;
    width:24px;
    height:24px;
    margin:3px;
    border-radius:50%;
    border:5px solid #d0d0d0;
    border-color:#d0d0d0 transparent #d0d0d0 transparent;
    animation:lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
    0% {
        transform:rotate(0)
    }

    100% {
        transform:rotate(360deg)
    }
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor:pointer
}
.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input:not(:read-only) {
    cursor:text
}
.selectize-control.single .selectize-input:after {
    content:" ";
    display:block;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-3px;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:grey transparent transparent transparent
}
.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top:-4px;
    border-width:0 5px 5px 5px;
    border-color:transparent transparent grey transparent
}
.selectize-control.rtl {
    text-align:right
}
.selectize-control.rtl.single .selectize-input:after {
    left:15px;
    right:auto
}
.selectize-control.rtl .selectize-input > input {
    margin:0 4px 0 -2px !important
}
.selectize-control .selectize-input.disabled {
    opacity:.5;
    background-color:#fafafa
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
    border-top:1px solid #d0d0d0;
    border-bottom:0 none;
    border-radius:3px 3px 0 0;
    box-shadow:0 -6px 12px rgba(0,0,0,.18)
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
    border-radius:0 0 3px 3px;
    border-top:0 none
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
    top:0;
    bottom:unset
}
.selectize-control.plugin-clear_button .clear {
    text-decoration:none;
    display:flex;
    position:absolute;
    height:100%;
    width:25px;
    top:0;
    right:calc(8px - 6px);
    color:#000;
    opacity:.4;
    font-weight:700;
    border:0;
    cursor:pointer;
    z-index:1;
    font-size:21px;
    justify-content:center;
    align-items:center
}
.selectize-control.plugin-clear_button .clear:hover {
    opacity:1
}
.selectize-control.plugin-clear_button.single .clear {
    right:calc(8px - 6px + 1.5rem)
}
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
    overflow:visible
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility:visible !important;
    background:#f2f2f2 !important;
    background:rgba(0,0,0,.06) !important;
    border:0 none !important;
    box-shadow:inset 0 0 12px 4px #fff
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content:"!";
    visibility:hidden
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
    position:relative;
    padding:10px 8px;
    border-bottom:1px solid #d0d0d0;
    background:#f8f8f8;
    border-radius:3px 3px 0 0
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
    position:absolute;
    right:8px;
    top:50%;
    color:#303030;
    opacity:.4;
    margin-top:-12px;
    line-height:20px;
    font-size:20px !important;
    text-decoration:none
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
    color:#000
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
    display:flex
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right:1px solid #f2f2f2;
    border-top:0 none;
    flex-grow:1;
    flex-basis:0;
    min-width:0
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right:0 none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display:none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top:0 none
}
.selectize-control.plugin-remove_button .item {
    display:inline-flex;
    align-items:center;
    padding-right:0 !important
}
.selectize-control.plugin-remove_button .item .remove {
    color:inherit;
    text-decoration:none;
    vertical-align:middle;
    display:inline-block;
    padding:2px 6px;
    border-left:1px solid #d0d0d0;
    border-radius:0 2px 2px 0;
    box-sizing:border-box;
    margin-left:6px
}
.selectize-control.plugin-remove_button .item .remove:hover {
    background:rgba(0,0,0,.05)
}
.selectize-control.plugin-remove_button .item.active .remove {
    border-left-color:#cacaca
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
    background:0
}
.selectize-control.plugin-remove_button .disabled .item .remove {
    border-left-color:#fff
}
.jqte {
	border:solid 1px #e0e0e0;
	overflow:hidden;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/* toolbar */
.jqte_toolbar {
	overflow:auto;
	padding:3px 4px;
	background:#eee;
	border-bottom:#bbb 1px solid;
}
.jqte_tool {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}
.jqte_tool,
.jqte_tool_icon,
.jqte_tool_label {
	border:#eee 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.jqte_hiddenField {
	display:none
}
.jqte_tool_icon {
	display:block;
	width:22px;
	height:22px;
	background:url(../Images/textarea-jquery-te.png) no-repeat
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
	position:relative;
	display:block;
	padding:3px;
	width:70px;
	height:22px;
	overflow:hidden;
}
.jqte_tool.jqte_tool_1 .jqte_tool_text {
	font:bold 13px Arial,sans-serif;
	color:#222;
}
.jqte_tool.jqte_tool_1 .jqte_tool_icon {
	position:absolute;
	top:10px;
	right:2px;
	width:6px;
	height:4px;
	background-position:-19px -23px;
	border:none;
	border-radius:none;
	-webkit-border-radius:none;
	-moz-border-radius:none
}
.jqte_tool.jqte_tool_2 .jqte_tool_icon {
	background-position:0 0
}
.jqte_tool.jqte_tool_3 .jqte_tool_icon {
	background-position:-22px 0
}
.jqte_tool.jqte_tool_4 .jqte_tool_icon {
	background-position:-44px 0
}
.jqte_tool.jqte_tool_5 .jqte_tool_icon {
	background-position:-66px 0
}
.jqte_tool.jqte_tool_6 .jqte_tool_icon {
	background-position:-88px 0
}
.jqte_tool.jqte_tool_7 .jqte_tool_icon {
	background-position:-110px 0
}
.jqte_tool.jqte_tool_8 .jqte_tool_icon {
	background-position:-132px 0
}
.jqte_tool.jqte_tool_9 .jqte_tool_icon {
	background-position:-154px 0
}
.jqte_tool.jqte_tool_10 .jqte_tool_icon {
	background-position:-176px 0
}
.jqte_tool.jqte_tool_11 .jqte_tool_icon {
	background-position:-198px 0
}
.jqte_tool.jqte_tool_12 .jqte_tool_icon {
	background-position:-220px 0
}
.jqte_tool.jqte_tool_13 .jqte_tool_icon {
	background-position:-242px 0
}
.jqte_tool.jqte_tool_14 .jqte_tool_icon {
	background-position:-264px 0
}
.jqte_tool.jqte_tool_15 .jqte_tool_icon {
	background-position:-286px 0
}
.jqte_tool.jqte_tool_16 .jqte_tool_icon {
	background-position:-308px 0
}
.jqte_tool.jqte_tool_17 .jqte_tool_icon {
	background-position:-330px 0
}
.jqte_tool.jqte_tool_18 .jqte_tool_icon {
	background-position:-352px 0
}
.jqte_tool.jqte_tool_19 .jqte_tool_icon {
	background-position:-374px 0
}
.jqte_tool.jqte_tool_20 .jqte_tool_icon {
	background-position:-396px 0
}
.jqte_tool.jqte_tool_21 .jqte_tool_icon {
	background-position:-418px 0
}
.jqte_tool:hover {
	background-color:#fff;
	border-color:#fff
}
.jqte_tool:hover .jqte_tool_icon,
.jqte_tool:hover .jqte_tool_label {
	border:#aaa 1px solid
}
.jqte_tool:active .jqte_tool_icon,
.jqte_tool:active .jqte_tool_label {
	border:#777 1px solid
}
.jqte_tool.jqte_tool_1:hover .jqte_tool_icon,
.jqte_tool.jqte_tool_1:active .jqte_tool_icon {
	border:none
}
.jqte_tool_depressed {
	background-color:#ddd;
	border-color:#ccc
}
.jqte_tool_depressed .jqte_tool_icon {
	border-color:#aaa
}
.jqte_tool_depressed:hover {
	background-color:#eee
}
/* link form area */
.jqte_linkform {
	padding:5px 10px;
	background:#ddd;
	border-bottom:#bbb 1px solid;
}
.jqte_linktypeselect {
	position:relative;
	float:left;
	width:130px;
	background:#eee;
	cursor:pointer
}
.jqte_linktypeselect:Active {
	background:#fff
}
.jqte_linktypeview {
	padding:3px 5px;
	border:#333 1px solid;
	color:#777;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	outline:none
}
.jqte_linktypetext {
	font-size:12px;
}
.jqte_linktypearrow {
	position:absolute;
	bottom:8px; right:6px;
	width:7px;
	height:6px;
	margin:0 auto;
	background:url(jquery-te.png) -7px -23px no-repeat;
}
.jqte_linktypes {
	display:none;
	position:absolute;
	top:22px; left:1px;
	width:125px;
	background:#fff;
	border:#333 1px solid;
	box-shadow:0 1px 4px #aaa;
	-webkit-box-shadow:0 1px 4px #aaa;
	-moz-box-shadow:0 1px 4px #aaa
}
.jqte_linktypes a {
	display:block;
	padding:4px 5px;
	font-size:12px;
}
.jqte_linktypes a:hover {
	background:#ddd
}
.jqte_linkinput {
	float:left;
	margin:0 5px;
	padding:3px 5px;
	width:300px;
	background:#eee;
	border:#333 1px solid;
	color:#777;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	outline:none;
}
.jqte_linkinput:focus,
.jqte_linkinput:hover {
	background:#fff;
	border-color:#000;
}
.jqte_linkbutton {
	float:left;
	padding:3px 12px;
	background:#aaa;
	border:#333 1px solid;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:inset 0 1px #eee;
	-webkit-box-shadow:inset 0 1px #eee;
	-moz-box-shadow:inset 0 1px #eee;
}
.jqte_linkbutton:hover {
	background:#a1a1a1
}
.jqte_linkbutton:active {
	box-shadow:inset 0 1px #ccc;
	-webkit-box-shadow:inset 0 1px #ccc;
	-moz-box-shadow:inset 0 1px #ccc;
	background:#888;
}

/* text format menu */
.jqte_formats {
	display:none;
	position:absolute;
	width:180px;
	oveflow-x:hidden;
	overflow-y:auto;
	background:#fff;
	border:#aaa 1px solid;
	box-shadow:0 0 5px #aaa;
	-webkit-box-shadow:0 0 5px #aaa;
	-moz-box-shadow:0 0 5px #aaa;
	z-index:100;
}
.jqte_format {
	display:block;
	padding:4px 7px;
	font-size:13px
}
.jqte_format:hover {
	background:#ddd
}
.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 {
	font-weight:bold
}
.jqte_format_1 {
	font-size:22px
}
.jqte_format_2 {
	font-size:20px
}
.jqte_format_3 {
	font-size:18px
}
.jqte_format_4 {
	font-size:16px
}
.jqte_format_5 {
	font-size:14px
}
.jqte_format_6 {
	font-size:12px
}
.jqte_format_7 {
	font-family:"Courier New", Courier, monospace
}

/* font size menu */
.jqte_fontsizes {
	display:none;
	position:absolute;
	width:180px;
	height:198px;
	oveflow-x:hidden;
	overflow-y:auto;
	background:#fff;
	border:#aaa 1px solid;
	box-shadow:0 0 5px #aaa;
	-webkit-box-shadow:0 0 5px #aaa;
	-moz-box-shadow:0 0 5px #aaa
}
.jqte_fontsize {
	display:block;
	padding:3px 7px;
}
.jqte_fontsize:hover {
	background:#ddd
}

/* color pallette */
.jqte_cpalette {
	display:none;
	position:absolute;
	padding:6px;
	width:144px;
	background:#fff;
	border:#aaa 1px solid;
	box-shadow:0 0 5px #aaa;
	-webkit-box-shadow:0 0 5px #aaa;
	-moz-box-shadow:0 0 5px #aaa
}
.jqte_color {
	display:block;
	float:left;
	width:16px;
	height:16px;
	border:#fff 1px solid;
}
.jqte_color:hover {
	border-color:#000
}
.jqte_colorSeperator {
    float:none;
    clear:both;
    height:7px;
}

/* editor area */
.jqte_editor,
.jqte_source {
	padding:10px;
	background:#fff;
	min-height:230px;
	max-height:230px;
	overflow:auto;
	outline:none;
	word-wrap:break-word;
	-ms-word-wrap:break-word;
}
.jqte_editor div, .jqte_editor p {
	margin:0 0 7px
}
.jqte_editor a:link, .jqte_editor a:link * {
	color:#0066FF !important;
	text-decoration:underline;
}
.jqte_editor blockquote {
	margin-top:0;
	margin-bottom:7px
}
.jqte_editor img {
    float:left;
	margin:0 10px 5px 0
}
.jqte_editor a[jqte-setlink],
.jqte_editor a[jqte-setlink] * {
	background:#3297fd !important;
	color:#fff !important
}
.jqte_editor h1,
.jqte_editor h2,
.jqte_editor h3,
.jqte_editor h4,
.jqte_editor h5,
.jqte_editor h6,
.jqte_editor pre {
	display:block;
	margin:0 0 3px;
}
.jqte_editor h1,
.jqte_editor h1 * {
	font-size:26px
}
.jqte_editor h2,
.jqte_editor h2 * {
	font-size:24px
}
.jqte_editor h3,
.jqte_editor h3 * {
	font-size:22px
}
.jqte_editor h4,
.jqte_editor h4 * {
	font-size:20px
}
.jqte_editor h5,
.jqte_editor h5 * {
	font-size:18px
}
.jqte_editor h6,
.jqte_editor h6 * {
	font-size:15px
}
.jqte_editor pre,
.jqte_editor pre * {
	font-family:"Courier New", Courier, monospace
}

/* source area */
.jqte_source,
.jqte_source textarea {
	background:#fff1e8;
}
.jqte_source textarea {
	margin:0 !important;
	padding:0 !important;
	display:block !important;
	width:100% !important;
	min-height:100px;
	font-family:Courier, Arial, sans-serif !important;
	font-weight:normal;
	font-size:15px;
	overflow:hidden !important;
	outline:none;
	resize:none;
}
.jqte_source textarea,
.jqte_source textarea:focus {
	css_shadow:none !important;
	background:none !important;
	border:none !important;
}

/* title box */
.jqte_title {
	display:none;
	position:absolute;
	z-index:9999;
}
.jqte_titleArrow {
	position:relative;
}
.jqte_titleArrowIcon {
	width:7px;
	height:6px;
	margin:0 auto;
	background:url(../images/textarea-jquery-te.png) 0 -23px no-repeat;
}
.jqte_titleText {
	padding:5px 7px;
	margin-top:0;
	min-width:5px;
	min-height:1px;
	max-width:400px;
	background:#000;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	word-wrap:break-word;
	-ms-word-wrap:break-word
}
.jqte_titleText,
.jqte_titleText * {
	color:#fff;
	font-size:11px
}

/* placeholder */
.jqte_placeholder {
	position:relative;
	display:none;
}
.jqte_placeholder_text {
	position:absolute;
	top:43px;
	left:10px;
	font-size:14px;
	color:#ccc;
}