@charset "UTF-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0; background: #fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent; transition:linear .2s;}/*color:#069; */
a:active,a:hover{outline:0;}/* color:#06C;*/
abbr[title]{border-bottom:1px dotted}
/*b,strong{font-weight:bold}*/
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0; display: block;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,.button_in,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,.button_in{overflow:visible; cursor:pointer;}
button,select ,.button_in{text-transform:none}
button,html input , .button_in[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button , .button_in[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
.button_in::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-left:30px;}
p{margin:0;}
h1,h2,h3{font-weight:normal; padding:0px; margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

/* CSS Document 
@font-face {
  font-family: montserrat;
  src: url('includes/fonts/montserrat-FD.eot');
  src: url('includes/fonts/montserrat-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/montserrat-FD.woff2') format('woff2'),
       url('includes/fonts/montserrat-FD.woff') format('woff'),
       url('includes/fonts/montserrat-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: nunito;
  src: url('includes/fonts/montserrat-Bold-FD.eot');
  src: url('includes/fonts/montserrat-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/montserrat-Bold-FD.woff2') format('woff2'),
       url('includes/fonts/montserrat-Bold-FD.woff') format('woff'),
       url('includes/fonts/montserrat-Bold-FD.ttf') format('truetype');
}*/

@font-face {
  font-family: montserrat;
  src:  url('includes/fonts/montserrat.woff2') format('woff2');
  font-weight: normal;
}

@font-face {
  font-family: nunito;
  src: url('includes/fonts/nunito2.woff2') format('woff2');
}
  
::-moz-selection{background:rgba(0,0,0,0.1)}

/*** Default CSS ***/
.drtl{direction:rtl;}.dltr{direction:ltr;}.FloatR{float:right;}.FloatL{float:left;}
.clr,.clear{clear:both;}.Tright{text-align:right;}.Tleft{text-align:left}.Tjustify{text-align:justify;}.Tcenter{text-align:center;}
.red{color:#990e00;} .green{color:#0BA67A;} .orange{color:#f7941e;}
/*** End Default CSS ***/

html,body{ padding:0px; margin:0px; line-height:23px; font-family:'montserrat'; font-size:17px; color:#333; direction:ltr;}
*{ box-sizing:border-box; text-decoration:none;}
.main{ max-width: 1208px; margin:auto; padding: 0 20px;}
.flexbox, .flexbox2{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items: center; justify-content: center;}
.flexbox2{ align-items: stretch}
.flex_items{ align-items: flex-start;}
.just_items{ justify-content: flex-start;}
.en_font{ font-family:tahoma !important;}
.ltr{ direction: ltr; display: inline-block}
.more,.more2{ min-width: 150px; width: max-content; padding: 5px 10px; margin: 20px auto auto; background: transparent; font-family: "nunito"; font-size:17px; line-height: 30px; color:#fff; text-align:center; text-shadow: 1px 1px 0px rgba(99,99,99,0.8); border: 2px solid #fff; border-radius: 5px; display:block; transition:all linear .2s;}
.more:hover,.more2:hover{ background: #D8324B; border-color: #D8324B; color: #fff;}
.more i,.more2 i{ margin-left: 4px;}
.more2{ color: #D8324B; border-color: #D8324B; text-shadow: none;}
b,strong{ font-family:'nunito'; font-weight: bold;}
.title2{ margin: 0 0 25px; color: #333; font-family: "nunito" !important; font-size: 35px; font-weight: bold; line-height: 50px; text-align: center; display: block;}
.title2::before,.title2::after{ content: ""; width: 20px; height: 6px; margin-right: 15px; background: #D8324B; border-radius: 5px; display: inline-block;}
.title2::after{ margin: 0 0 0 15px;}
.title2.no_bef::before{ display: none;}
.title2 i{ padding-right: 5px; color: #D8324B;}

/*********************************** header ******************************/
header.one_page{ padding: 20px 64px; color: #333; position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
#left_head .slogon{ margin-bottom: 10px; font-family: "nunito"; font-size: 13px; line-height: 23px; color: #045282; text-align: right;}
#left_head a.b_tel{ margin-left: auto; font-size: 20px; display: inline-block; font-family: 'nunito'; font-weight: bold; position: relative; top: 0; color: #de1c4d;}
a.b_tel span{ padding-right: 28px; font-size: 12px; font-weight: normal; line-height: 17px; color: #666; font-family: 'montserrat'; position: relative; top: -4px; display: inline-block;}
a.b_tel span:before{ content: ""; width: 20px; height: 1px; border-top: 1px solid #666; position: absolute; right: 0; top: 9px; display: block;}

header .logo{ margin-left: auto;}
header .logo img{ max-width: 70px; margin-left: auto;}
header #menu{ width: 320px; height: 100vh; padding: 100px 25px 25px 60px; background: #D8324B; position: fixed; left: -320px; top: 0; bottom: 0; text-shadow: 1px 1px 1px #333; transition: all ease-in-out 0.3s; z-index: 1001; overflow: auto;}
header #menu.show{ left: 0;}
header #menu ul{ padding: 0; margin: 0;} 
header #menu ul li{ display: block;}
header #menu ul a{ padding: 8px 3px; color: #fff; font-family: "nunito"; font-size: 18px; font-weight: bold; border-bottom: 1px solid #bd002f; display: block;}
header #menu li:last-child a{ border: none;}
#contactbox{ margin-top: 35px; position: static; font-size: 20px; line-height: 30px;}
#contactbox a,#contactbox span{ padding: 2px 0; color: #fff; text-align: left; display: block; transition: all linear .2s;}
#contactbox a{ max-width: max-content; padding: 10px 20px; margin: 0 0 10px; border: 2px solid #fff; border-radius: 10px;}
#contactbox a:hover,#contactbox a:hover span{ color: #A7D0E4 !important; border-color: #A7D0E4;}

#contactbox i{ font-size: 18px;}
.other_lang{ width: calc(100% - 100px); text-align: right; display: block;}
.other_lang a{ width: 55px; height: 50px; line-height: 40px; padding: 5px 10px; background: #1f2b38; color: #fff; border-radius: 5px; text-align: center; text-shadow: 1px 1px 1px #333; display: inline-block;}
.other_lang a:hover{ background: #D8324B;}
#menu_bar{ width: 55px; height: 50px; padding: 5px 10px; margin-right: auto; background:#1f2b38; color: #fff; font-size: 40px; text-align: center; position: relative; border-radius: 5px; text-shadow: 1px 1px 1px #333; z-index: 1002; cursor: pointer;}
.res_cover{ margin: auto; background:rgba(0,0,0,.5); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; display: none;}

.sec_head{ height: 112px; padding: 10px 0 0; background: #b2e0f3;}/*margin-bottom: 60px;*/
.sec_head.pro_head{ margin-bottom: 0; background: #fff;}
.sec_head nav{ padding: 2px 5px; background: #f4f4f4; border: 5px solid #fff; border-radius: 10px; position: relative; z-index: 99;}
.sec_head ul{ padding: 0; margin: 0; font-size: 0;}
.sec_head ul li{ display: inline-block;}
.sec_head ul li a{ padding: 5px 15px; color: #333; font-family: "nunito"; font-weight: bold; font-size: 17px; display: inline-block;}
.sec_head ul li a:hover,.sec_head ul li a.active{ color: #D8324B;}
.sec_head .head_logo{ max-width: 150px; margin-right: auto; display: block;}
.head_logo img{ width: 100%; display: block;}
#menubar{ color: #045282; font-size: 35px; display: none; position: relative; z-index: 100;}
@media only screen and (min-width:1025px){
  header #menu a:hover{ opacity: 0.7;}
  #menu_bar:hover + nav,header #menu:hover{ left: 0;}
}
@media only screen and (min-width:769px){
  .sec_head nav{ display: block !important;}
}
@media only screen and (max-width:768px){
  header.one_page{ padding: 20px 25px;}
  header{ padding: 20px 25px;}
  header #menu{ width: 293px; padding: 100px 25px 100px; left: -293px;}
  header #menu ul a{ padding: 12px 3px; font-size: 20px; line-height: 32px;}
  #contactbox{ margin-top: 30px; position: static;}
  #menubar{ display: block;}
  .bg_gray{ padding-top: 25px !important;}
  #left_head,.sec_head nav{ display: none;}
  .sec_head{ height: auto; padding: 10px 0;}
  .sec_head .head_logo{ max-width: 100px; margin: 0 0 0 auto;}
  .sec_head nav li{ width: 100%; text-align: center; border-bottom: 1px solid #ddd; display: block;}
  .sec_head nav li:last-child{ border-bottom: none;}
  .sec_head nav li a{ padding: 10px 15px; font-size: 19px; line-height: 30px; display: block;}
  .newsbody{ padding-top: 0 !important;} 
}
/*404 and Error*/
.errorbg{background-color: #ecf1fd; background-image:url(images/background/404.png); background-size: contain; background-repeat: no-repeat; background-position: right;}
.errorblock{width:960px; margin:auto; padding-top:40px;}
.lefttxt{float:right; line-height:45px; color:#46261b; border-radius:10px; width:60%; background: #ffffffb5; padding:20px; font-size:25px; margin-top:20px;}
.lefttxt a{color:#333; transition:all 0.3s;}.lefttxt a:hover{color:#1D86AA;}
.lefttxt input{padding:6px; border:1px solid #3542bf; font-size:15px; border-radius:5px;}
.lefttxt input:last-child{background:#3542BF; color:#FFF; border:none; transition:all 0.2s;}
.lefttxt input:last-child:hover{background:#1D86AA; cursor:pointer;}
.lefttxt > div{font-size:30px; line-height:42px; color:#2b2b2b;}
.lefttxt > span{padding-left:20px; font-size:17px; line-height: 30px;}
.lefttxt .circlet{ border-radius:20px; background:#8093B8; width:40px; height:40px; line-height:43px;}
.lefttxt .circlet span{padding-top:20px;}
.lefttxt .circlet i{margin-top:8px; color: #fff;}
.rowt{display:table; padding-bottom:10px;}
.rowt div:last-child{display:table-cell; vertical-align:middle; padding-left:10px;}
.designed{color:#FFF; font-size:11px; padding:10px; border-radius:5px 0px 0px 5px; text-align:right; width:120px; background:#FFF; margin-top:10px;}
.designed a{color:#2E29B9;}

@media only screen and (min-width: 40px) and (max-width: 1024px) {
	.errorblock{width:90%; padding-top:0px; margin:auto;}
	.lefttxt{float:none; width:100%;}
}
@media only screen and  (max-width: 800px){
	.errorbg{ background-position: bottom;}
	.errorbg form{ width: 85%;}
	.errorbg input{width: 100%; margin-bottom: 3px;}
}


/******************** slide 1 *********************/
#slide1 h1{ margin-bottom: 20px; font-size: 45px; line-height: 60px; font-family: "nunito";}
#slide1 .inslide{ padding-top: 150px; display: table-cell; vertical-align: middle;}
.inslide{ display: table-cell; vertical-align: middle;}
#slide1 .inslide .into{ max-width: 410px;}
#slide1 .background{ background: url(images/1.webp); background-size: cover !important; background-position: 50% 75% !important;}

#logobox img{ width: 200px; margin: 0 auto 20px 0; display: block;}
#logobox .just_logo{ width: 100px; margin-right: 20px;}
.txt_abs{ max-width: 600px; position: absolute; bottom: 180px; right: 50px; z-index: 100;}
.txt_abs > b{ color: #D8324B; font-size: 17px; line-height: 30px; display: block}
.bgtxt{ padding: 5px 10px; background: #ffffffcf; color: #000; font-size: 13px; line-height: 20px; border-radius: 5px;}
.slogon{ padding-bottom: 10px; margin-bottom: 10px; font-family:"nunito"; border-bottom: 1px solid #444c53;}

@media only screen and (max-width:768px){
  #slide1 .inslide{ padding-top: 110px; vertical-align: top;}
  #slide1 .background{ background-position: 40% 35% !important; background-size: 600px !important; background-repeat: no-repeat !important;}
  #slide1.slide{ background: #18191c;}
  .slide .container{ height: auto !important;}
}

/** counter **/
.about_box{ max-width: 600px; width: 100%; margin: 80px 0 0; position: absolute; right: 48px; bottom: 50px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;direction: rtl;flex-direction: row-reverse;}
.inner_box{ padding: 20px 40px 20px 0;}
.kerem::after,.a_red::after{border: 47px solid transparent; border-right: 50px solid #A7D0E4; border-left: none;content: "";right: 100%;position: absolute;top: calc(50% - 46px);z-index: 111;}
.a_red::after{ border-right-color: #225A7A;}
.start_title{font-size: 14px; line-height: 10px;font-family: nunito;text-align: right;}
.start_num{ margin-bottom: 15px; font-family: nunito;font-size: 40px; text-align: right;}
.kerem .inner_box > .start_num { color: #D8324B !important;}
.kerem .inner_box > .start_title { color: #D8324B !important;}
.kerem > .inner_box,.a_blue > .inner_box{margin-right: 20px;}
.start_box{background-color:#A7D0E4; width: 33.3%; text-align: center; position: relative; transition: transform 0.3s , box-shadow 0.3s; z-index: 10;}
.start_box.a_red{background-color: #225A7A; color: #fff; z-index: 15;}
.start_box.a_blue{background-color: #D8324B; color: #fff; z-index: 1;}
@media only screen and (max-width: 1024px) {
  .about_box{ width: Calc(100% - 40px); margin: 0 20px 60px; position: static;}
  .txt_abs { margin: 40px 20px 40px; position: static;}
}
@media only screen and (max-width: 800px) {
    .start_box {width: 100%;}
    .kerem > .inner_box,.a_blue > .inner_box{margin-right: 0;}
    .a_red::after{content: "";right: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #225A7A; width: 0;height: 0;border-left: 3rem solid transparent;border-right: 3rem solid transparent;z-index: 1;}
    .kerem::after{content: "";right: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #A7D0E4; width: 0;height: 0;border-left: 3rem solid transparent;border-right: 3rem solid transparent;z-index: 1;}
    .kerem::before{content: "";right: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #29282d ; width: 0;height: 0;border-left: 3rem solid transparent;border-right: 3rem solid transparent;}
    .a_blue::before{content: "";right: 65.5% ;top: inherit; position: absolute;border-top: 3rem solid #17171c ; width: 0;height: 0;border-left: 3rem solid transparent;border-right: 3rem solid transparent;}
}

/****************************** slide2 ********************************/
#slide2 .background{ background-size: cover !important; background-position: 50% 50% !important;}
#newsbox{ align-items: stretch;}
#newsbox > div{ width: Calc(33.33% - 7px); padding: 20px 20px 80px; margin-right: 10px; background: #2a3d57; text-align: center; text-shadow: 1px 1px 1px #333; border-radius: 10px; position: relative;}
#newsbox > div:last-child{ margin-right: 0;}
#newsbox > div img{ width: 100%; height: 230px; object-fit: cover; border: 1px solid #fff; border-radius: 5px; display: block;}
#newsbox > div h3 a{ margin: 15px 0 10px 0; color: #fff; font-family: "nunito"; display: block;}
#newsbox > div h3 a:hover{ color: #D8324B;}
#newsbox .more{ margin: auto; position: absolute; left: 0; right: 0; bottom: 20px;}

.row_1, .row_1 p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.row_2,.row_3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.row_3{ -webkit-line-clamp: 3;}
@media only screen and (max-width: 768px){
  #newsbox{ margin: 70px 0}
  #newsbox > div{ width: 100%; max-width: 400px; margin: 0 0 10px !important;}
  #newsbox > div:last-child{ margin-bottom: 0 !important;}
  #newsbox > div > a,#newsbox > div .half{ width: 100%;}
}

/****************************** slide3 ********************************/
.row2 > a{ width: Calc(33.33% - 7px); margin: 0 10px 10px 0; color: #fff; background-size: cover !important; background-position: center !important; border-radius: 5px; position: relative; overflow: hidden; transition: all linear 0.2s;}
.row2 > a:hover{ border-color: #90CBE4;}
.row2 > a:hover h3{ width: 100%; background: #90CBE4;}
.row2 > a:last-child{ margin-right: 0;}
.row2 > a h3{ width: 200px; height: 180px; padding: 20px; background: #90CBE4; color: #004169; font-size: 20px; line-height: 28px; font-family: "nunito"; position: absolute; top: 0; left: 0; text-align: center; display: flex; flex-direction: column; justify-content: center; transition: all linear 0.2s;}
#pro_box .txt{ height: 135px; padding: 0 50px; background: #002e4b; color: #fff; position: static; font-size: 13px; line-height: 19px; display: flex; flex-direction: column; justify-content: center; transition: all linear 0.2s;}
#pro_box .view{ padding-top: 10px; margin-top: 10px; color: #90CBE4; font-family: "nunito"; text-align: right; border-top: 2px solid #90CBE4; display: block; transition: all linear 0.2s;}
#pro_box .view i{ font-size: 11px; padding-left: 15px; color: #90CBE4; transition: all linear 0.2s;}
.row2 > a:hover > .txt{ background: #90CBE4 !important; color: #004169 !important;}
.row2 > a:hover > .txt .view,.row2 > a:hover > .txt .view i{ color: #004169 !important; border-color: #004169 !important;}
.img_pro{ display: block;}
.img_pro img{ width: 100%; height: 180px; object-fit: cover; display: block;}
@media only screen and (max-width: 1024px) {
  .row2 > a{ width: Calc(50% - 5px);}
  .row2 > a:nth-child(2){ margin-right: 0;}

  /* #pro_box .txt{ padding: 0 40px;} */
}
@media only screen and (max-width: 650px) {
  .row2 > a{ width: 100% !important; height: auto; margin: 0 0 10px !important;}
  .row2 > a h3{ height: 200px;}
  .img_pro img{ height: 200px;}
  #pro_box .txt{ height: 115px;}
}

/****************************** slide4 ********************************/
/** movable album **/
#album{ overflow: hidden;}
#album #movable{ display: flex; flex-wrap: nowrap;}
#slide4.active #album #movable{ -webkit-animation: moveslide 200s linear infinite; animation: moveslide 200s linear infinite;}
#movable > div img{ width: 100%; max-width: 130px; height: 81px; object-fit: cover; margin: 0 auto 20px; display: block;}
#movable > div{ margin-right: 10px;} 
#movable > div > div{ width: 220px; padding: 0 10px; background: #fff; color: #333; text-align: center; border-radius: 5px; display: flex; flex-direction: column; justify-content: center;}
#movable .txt{ font-size: 14px; line-height: 20px; display: block;}
#movable .date_y{ max-width: max-content; margin: 8px auto 0; padding-top: 5px; font-size: 14px; border-top:#225a7a 2px solid; display: block;}
#movable > div:nth-child(odd) > div:first-child{ height: 270px; margin-bottom: 10px;}
#movable > div:nth-child(odd) > div:last-child{ height: 220px;}
#movable > div:nth-child(even) > div:first-child{ height: 220px; margin-bottom: 10px;}
#movable > div:nth-child(even) > div:last-child{ height: 270px;}
@-webkit-keyframes moveslide {
  0% {
	transform: translateX(0)
	}
  50% {
	transform: translateX(-4000px)
	}
  100% {
	transform: translateX(0)
	}
}

/****************************** slide5 ********************************/
#two_side{ align-items: stretch;}
#map{ width: 40%;}
#map iframe{ width: 100%; height: 100%; border-radius: 5px; display: block;}
#contact{ max-width: 600px; width: 50%; margin: 0 auto; color: #333;}
#contact > div{ margin-bottom: 10px;}
#contact > div:last-child{ margin-bottom: 0;}
#contact .tiny{ padding: 0 5px 3px; color: #fff; font-size: 14px; display: block;}
#contact .tiny b{ color: #D8324B;}
#contact input,#contact textarea{ width: 100%; height: 45px; padding: 5px 10px; background: #1a3b4e; color: #eee; border: 1px solid transparent; resize: none; transition: all linear 0.2s;}
#contact input:focus,#contact textarea:focus{ border-bottom-color: #fff; outline: none;}
#contact textarea{ height: 70px; display: block;}
#contact button{ height: 45px; width: 200px; margin: 20px auto auto; background: #0BA67A; color: #fff; font-family: "nunito"; border: none; border-radius: 5px; text-shadow: 1px 1px 1px #333; display: block; transition: all linear 0.2s;}
#contact button:hover{ background: #088461;}
.button_in { height: 45px; width: 200px; margin: 20px auto auto; background: #0BA67A; color: #fff; font-family: "nunito"; border: none; border-radius: 5px; text-shadow: 1px 1px 1px #333; display: block; transition: all linear 0.2s;}
.button_in:hover{ background: #088461;}
.logo_info{width: 100%;display: flex;justify-content: center;}
.logo_info > img{width: 8%;}
.message_box{margin-top: 160px;align-items: center; justify-content: center;}
.message_info{text-align: center;margin: 22px;font-size: 20px;}
.button_in > a{text-align: center;margin: auto;display: block;padding: 7px;}
.button_in > a:visited{color: white;}
@media only screen and (max-width: 768px) {
  #contact input,#contact button{ height: 55px; font-size: 19PX;}
  #contact textarea{ height: 100px;}
  #contact .tiny{ font-size: 16px;}
  #contact{ margin: 60px 0;}
  #map,#contact{ width: 100%; max-width: 600px; margin-bottom: 60px;}
  #map iframe{ height: 350px;}
  .logo_info > img{width: 24%;}
}

/****************************** slide6 ********************************/
#footer_co{ align-items: stretch;}
#footer_co > div{ width: Calc(33.33% - 10px); padding: 20px; margin: 0 15px 15px 0; background: #476a83; text-align: center; color: #dceff8; border-radius: 5px;}
#footer_co > div:last-child{ margin-right: 0;}
#footer_co > div span{ display: block;}
#footer_co > div a{ color: #dceff8; display: block;}
#footer_co > div i{ padding-bottom: 20px; margin: 0 0 20px; color: #dceff8; border-bottom: 1px solid #7092aa; font-size: 50px; display: block;}

#slide6 .copyright{ padding: 10px 0; margin-top: 10px; font-size:12px; text-align: center; clear: both; line-height:24px; position: absolute; bottom: 0; left: 20px; right: 20px; border-top: 1px solid #eee;}
#slide6 .copyright .left{ margin-left: auto; color:#fff; font-size:13px; line-height: 18px; direction:ltr;}
#slide6 .copyright .right{ color:#fff;}
#slide6 .copyright a{ color:#fff; font-size:13px; transition: all linear 0.3s;}
#slide6 .copyright a:hover{ color:#A7D0E4; text-shadow:none;}
@media only screen and (max-width: 768px) {
  #footer_co{ margin-bottom: 100px;}
  #footer_co > div{ width: 100%; margin: 0 0 15px !important;}
}

/****************************** slide7 ********************************/
#slide7 .inslide,#slide8 .inslide{ color: #ccc;}
.mar10{ margin-bottom: 10px;}

/****************************** slide8 ********************************/
.mem_box{ padding: 0; margin: 15px 0 0; align-items: stretch; gap: 5px;}
.mem_box li{ width: 13.9%; min-height: 125px; padding: 10px; background: #01253b; position: relative; font-size: 11px; line-height: 17px; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; text-align: center; transition: all linear 0.2s;}
.mem_box li img{ width: calc(100% - 50px); position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: auto; border-radius: 3px; display: block; transition: all linear 0.4s; z-index: 5;}
.mem_box li:hover{ background: #2b6787;}
.mem_box li:hover img{ width: 0; }
.mem_box li:hover span{ color: #ccc;}
.mem_box li span{ color: #01253b; position: relative; z-index: 4; transition: all linear 0.4s;}
.title2.whitecol{ color: #ccc;}
/*javayez*/
#slide11 .mem_box li{ background: #fff;} 
#slide11 .mem_box li span{ color: #fff;}
#slide11 .mem_box li:hover span{ color: #000}

@media only screen and (max-width: 1024px) {
  .mem_box li{ width: 32%;}
  .mem_box li{ font-size: 13px;}
  .mem_box li img{ width: 100px;}
}
  @media only screen and (max-width: 768px) {
    .slide .inslide{ padding: 60px 0;}
    .mem_box li{ width: 49%; min-height: 115px;}
}

/****************************** slide9 ********************************/
#download{ margin-top: 60px; text-align: center;}
#download i{ margin: 0 0 20px; color: #848992; font-size: 70px; text-align: center;}
#download .more{ min-width: 160px; margin: 20px 5px 0;}
#download .ir_bt, .red_more{ background: #D8324B; border-color: #D8324B;}
.red_more:hover{ opacity: 0.6;}

/****************************** slide10 ********************************/
.no_effect_1 .slick-track, .no_effect_3 .slick-track, .no_effect_5 .slick-track{ width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; display: flex; justify-content: center; direction: rtl;}
.no_effect_1 .slick-dots, .no_effect_3 .slick-dots, .no_effect_5 .slick-dots{ display: none;}
.no_effect_1 .slick-list, .no_effect_3 .slick-list, .no_effect_5 .slick-list{ padding: 0 !important;}

.carousel{ padding: 10px 0; direction: ltr; overflow: hidden;}
.slick-dots{ display: none !important;}
.team-members{
	margin-bottom: 0 !important;
	width: Calc(100% - 85px);
	display: flex;
	margin: 0 auto;
}
/************************ slide11 ***********************/
#slide11.active2{ z-index: 10001;}

.team-item{
	cursor: grab;
	/**min-height: 419px !important;**/
	width: 157px !important;
	text-align: center;
	margin: 5px !important;
	background-color: #fff;
	border: 1px solid #eee;
	transition: all linear 0.2s;
}
.team-item form{ width: 100%; display: block;} 
#team-top{
	display: flex;
	width: 37.5%;
	justify-content: center;
	margin: 10px auto 0 auto;
	color: #505050;
}
.team-top-item{
	width: 45%;
	height: 100%;
	margin: 15px auto;
}
.team-item-img{
	width: 100%;
	display: block;
	position: relative;
	transition: all linear .2s;
  direction: ltr;
}
.team-item-img img{ width: 100%; display: block; transition: all linear .2s;}
.team-item-bio{
	text-align: center;
	line-height: 1.5;
	margin: 0 15px;
	font-size: 14px;
}
#team-middle-top{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
}
#team-middle-bottom{
	display: flex;
	width: 95%;
	margin: 30px auto 0 auto;
	color: #3f3f3f;
	margin-bottom: 100px;
}
#team-bottom{
	display: flex;
	width: 37.5%;
	margin: 30px auto 60px auto;
	color: #3f3f3f;
}
.team-bottom-item{
	width: 19%;
	margin: 15px auto;
}
.team-bottom-bottom-item{
	width: 47%;
	margin: 0 auto 20px auto;
}
@media only screen and (max-width: 1300px){
	.team-members{
		width: 1080px;
	}
}
@media only screen and (max-width: 900px){
	.team-members{
		width: 495px;
	}
}
@media only screen and (max-width: 600px){
	.team-members{
		width: 270px;
	}
}
.team-members .slick-prev:before {
  content: "\f053" !important;
  font-family:"Font Awesome\ 5 Free"; 
  font-weight:900;
  font-size: 40px;
  color: #444;
}
.team-members .slick-next:before {
  content:"\f054";
  font-family:"Font Awesome\ 5 Free"; 
  font-weight:900;
  font-size: 40px;
  color: #444;
}
.slick-arrow{
	height: 200px;
}

/* festival */
#festival{ padding: 50px 0; margin: auto; background: #476a83; color: #fff; font-family: "montserrat"; line-height: 26px; border-radius: 10px;} 
#festival h2{ margin-bottom: 20px; color: #d5f1fe; font-family: "nunito"; font-size: 38px; line-height: 55px;}
#festival h2 span{ font-size: 20px; line-height: 30px; display: block;}
#festival .mark{ position: absolute; top: -60px; left: -20px; font-size: 65px; color: #b49044;}
#festival > .flexbox{ max-width: 1100px; padding: 0 20px; margin: auto; position: relative;}
#festival > .flexbox .txt{ width: Calc(100% - 300px); margin-left: auto; display: flex; flex-direction: column; justify-content: flex-end;}
#festival > .flexbox .txt i{ padding-right: 5px; color: #D8324B; font-size: 25px;position: relative; top: 2px;}
#festival > .flexbox .txt p{ padding: 5px 0;}
#festival > .flexbox img{ width: 100%; max-width: 250px; display: block;}
@media only screen and (max-width:1200px){
    #festival .mark{ left: 20px;}
}
@media only screen and (max-width:768px){
    #festival > .flexbox{ flex-direction: reverse;}
    #festival > .flexbox .txt{ width: 100%; text-align: center;}
    #festival > .flexbox img{ margin: 0 auto 30px;}
}

/*** testimonial ***/
#testimonial .carousel{  overflow: hidden;}
#testimonial .team-item{ width: 350px !important; min-height: 480px; padding: 20px 20px 40px; color: #333; border-radius: 10px; border-color: #ddd; position: relative;}
#testimonial .team-item-img{ font-size: 14px; line-height: 20px; text-align: left; position: static; display: block;}
#testimonial .w_info{ margin: 0 0 10px;}
#testimonial .w_info img{ width: 60px; height: 60px; margin: 0 20px 0 0; transform: scale(1); cursor: pointer; object-fit: contain; display: block;}
#testimonial .t_title{ width: Calc(100% - 80px); font-size: 15px; line-height: 20px; text-align: left !important;}
#testimonial .slick-arrow{ width: 35px; height: 100%; z-index: 100;}

.signer{ margin-top: 10px; color: gray; text-align: right; position: absolute; right: 20px; bottom: 10px;}
.signer.en{ right: inherit; left: 20px;}
.signer span{ font-size: 10px;}
.signer b{ font-size: 13px;}

#show_img{ padding: 0 15px 15px; background: #000000d8; position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 100000;}
#show_img > div{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 10;}
#show_img .for_close{ width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 15;}
#show_img .fa-times{ padding: 10px 0; color: #fff; position: absolute; left: 0; right: 0; top: 0; font-size: 40px; text-align: center; cursor: pointer; transition: all linear 0.2s; z-index: 16;}
#show_img .fa-times:hover{ color: #D8324B;}
#show_img img{ /*height: Calc(100vh - 110px);*/ max-width: 380px; width: 100%; margin: 60px auto 10px; display: block;}
#show_img b{ padding: 0 10px; color: #fff; font-size: 20px; line-height: 30px; text-align: center; display: block;}
@media only screen and (max-width: 850px){
	#testimonial .team-members{ width: 100% !important;}
	#testimonial .slick-prev{ left: 0;}
	#testimonial .slick-next{ right: 0;}
	#testimonial .team-item{ margin: 5px 10px !important; }
}
@media only screen and (max-width: 500px){
  #testimonial .team-item-img{ height: 320px; overflow: scroll;}
	#testimonial .team-item{ width: 290px !important; min-height: 410px;}
	#testimonial .slick-arrow{ width: 35px;}
}

/************************************* news ****************************************/
#navigate{ padding:10px 0 5px; color:#fff; font-size:13px; line-height: 25px; text-shadow: 1px 1px 1px #000;}
#navigate i{ padding:0 5px; color:#D8324B; vertical-align:middle; text-shadow:none;}
#navigate a{ color:#fff; transition:all linear 0.3s;}
#navigate a:hover{ color:#D8324B !important;}
#navigate.main{ background:transparent; box-shadow:none; border:none;}

#news #bg_less{ background:url(images/background/label.webp); background-size:cover !important; background-position:center !important;}
#news .slider2{ min-height:420px;} 
.slider2 { height:Calc(100vh - 200.4px); overflow:hidden; position:relative; background-repeat:no-repeat;}
.slider2 img{ width:100%;}

.coverinfo .infotr span.cap1, .coverinfo .infotr span.cap2{padding:7px 10px 7px; font-size:14px;}
.bg_gray { padding: 60px 15px 50px; background: #f7f7f7;}
.newsbody{ max-width:900px; padding: 0 30px 0; margin:auto; display:block; font-size:17px; line-height:30px; font-family: "montserrat";}
.text_body{ max-width:900px; margin: auto;}
#p_service #navigate{ padding-bottom: 20px;}
.newsbody #navigate a,#p_service #navigate a, #weblog #navigate a,#weblog #navigate{ color: #333; text-shadow: none;}
.newsbody .rotitr{ color: gray; font-size:14px; display:block;}
.newsbody .h1_style{ margin-bottom: 20px; display: block !important; font-size: 35px; line-height: 50px; font-family: 'nunito';}
.newsbody .example1,.text_body .example1{ color: #888888; position: relative; bottom: 20px; font-size: 13px; font-style: italic; text-align: center; display: block;} 
.newsbody img,.text_body img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
.newsbody h3,.text_body h3{ margin-top: 40px; margin-bottom:10px; line-height:33px; font-family:'nunito'; font-size:20px; border-bottom:3px solid #D8324B; display:inline-block;}
.newsbody h2,.text_body h2{ max-width: max-content; padding: 7px 20px; margin: 40px 0 10px; line-height: 35px; background: #f0efe4; font-family: 'nunito'; font-size:23px; border-left: 3px solid #D8324B;}
.newsbody .big_pic{ width: 100%; height: auto; margin: 10px 0 20px; display: block;}
.toptxt{font-size:13px; color:#939393; padding-bottom:10px;}
.toptxt i{font-size:13px; color:#D8324B;}
.newsbody ul, .newsbody ol,.text_body ul, .text_body ol{ padding-left:30px;}
.newsbody a,.text_body a{ color:#1152B5; transition:all linear 0.2s;}
.newsbody a:hover,.text_body a:hover{ color:#D8324B;}
.newsbody a.button{ color:#D8324B;}
.newsbody a.button:hover{ color:#fff;}
.newsbody table,.text_body table{ width:100%; margin:10px 0; text-align:center;}
.newsbody table tr td,.text_body table tr td{ padding:3px 5px; background:#F8F8F8; border:1px solid #fff; transition:all linear .2s;}
.newsbody table tr:nth-child(2n-1) td,.text_body table tr:nth-child(2n-1) td{ background:#eee; border-color:#fff;}
.newsbody .no_tdbg tr:nth-child(2n-1) td{ background: #f8f8f8;}
.newsbody table tr:first-child td,.text_body table tr:first-child td{ background:#2c3e50 !important; color:#fff; font-size:16px;}
.newsbody .related-tours{ margin-bottom: 15px; padding: 5px; font-size: 17px; line-height: 30px; font-family: "nunito"; border-bottom: 1px solid #D8324B; position: relative; display: block; cursor: pointer;}
.newsbody .related-tours::after{ content: "\f053" !important; position: absolute; right: 0; top: 5px; color: #D8324B; font-family:"Font Awesome\ 5 Free"; font-weight:900; display: block; transition: all linear 0.2s;}
.newsbody .related-tours.show::after{ transform: rotate(-90deg);}
.newsbody .hide{ padding: 0 0 20px 15px; color: #888; display: none;}

/***** responsive table code 1 , 2 *****/
@media only screen and (max-width: 550px) {
	.tb_scroll > div{ overflow-x: scroll; overflow-y: visible;}
	.tb_scroll > div table{ margin-bottom:0 !important;}
	.tb_scroll > div table td,.tb_scroll > div table th{ white-space:nowrap;}
	.tb_scroll::after{ content:url("images/symbols/swipe.webp"); text-align: right; display: block;}
}
/***** responsive table code 417  *****/

/*** fehreste blog ***/
.top_list{ margin: 20px 0;}
.top_list ul{ padding-left: 20px;}
.top_list ul li a{ color: #045c91;}
.top_list ul li a:hover,.top_list ul li::marker{ color: #D8324B !important;}
.padd50t{ position: relative; top: -100px;}

/** iframe **/
.h_iframe-aparat_embed_frame{position:relative;} 
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} 
.h_iframe-aparat_embed_frame iframe {padding:15px 0; position:absolute;top:0;right:0;width:100%; height:100%; border:none;}

.header2 {
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 3px;
  background: none ;
}

/* The progress bar (scroll indicator) */
.prog-bar {
  height: 4px;
  background: #D8324B;
  width: 0%;
} 

.v_news{ margin-bottom:0;}
.v_news .title2{visibility: visible;}
.v_news .vtours b{ text-align:center;}
.tagsin{font-size:0; text-align:left;}
.tagsin a{display:inline-block; font-size:13px; padding:5px 10px; margin:0 5px 5px 0; background:#2e3434; color:#FFFFFF;} 
.tagsin a:hover{opacity:.8; color:white;}

/***** comment ********/
.newsbody #matlab_comm .container{
	padding-top:60px;
}
.newsbody .comment{
    width: 95%;
    margin-bottom: 50px;
    line-height: 15px; 
    position: relative;
}
.newsbody #comment_header{
    margin-bottom: 30px;
	font-family:'nunito';
    font-size: 35px;
    line-height: 50px;
}
.newsbody .comm_img{
    margin-right: 10px;
    font-size: 32px;
    color: #D8324B;
    text-align: center;
    position: absolute;
}
.newsbody .comm_img i{
	width: 28px;
	background:#D8324B;
	line-height:28px;
	font-size:11px;
	color:#fff;
	position:relative;
	left: 10px;
	bottom: 5px;
	border-radius:50%;
}
.newsbody .comment_info{
    padding: 5px 0px;
    color: #aaaaaa;
    font-family: 'montserrat';
    font-size: 13px;
}
.newsbody .comment_info i{
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block;
}
.newsbody .comment_info div{
    display: inline-block;
}
.newsbody .comment_info div:first-child{
    padding-right: 3px;
}
.newsbody .comment .comm_box{
    padding-left: 50px;
}
.newsbody .comment_txt{
    padding: 5px 0px;
    font-family: 'montserrat';
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    text-justify: auto;
}
.newsbody .comment_ans{
    margin: 15px 60px 0px 0px;
}
.newsbody .comment_ans .comm_img{
	margin:0;
	background:none;
    font-size: 25px;
	text-align:right;
}
.newsbody .comment_ans .comm_img i{ color:#D8324B; background:none; font-size:12px; position:relative; left: 12px; bottom: 3px;}
.newsbody .comm_reply{
    color: #aaaaaa;
    line-height: 30px;
    font-size: 17px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear;
}
.newsbody .comm_reply i{
    margin-right: 2px;
}
.newsbody .comm_reply:hover{
    color: #D8324B;
}
/******* form ersale nazar **********/
.newsbody #comform_header{
    margin: 15px 0px 10px 0px;
    color: #444444;
    font-size: 18px;
    line-height: 30px;
}
.newsbody #comform_header span{ font-size: 12px; color: #9D9B9B; font-family: 'montserrat';}
.newsbody #cancel_reply{
    padding: 0px 0 0px 10px;
    color: #D8324B;
    cursor: pointer;
    font-size: 18px;
    display: none;
    transition: all .3s linear;
}
.newsbody #cancel_reply:hover{
    color: #D8324B;
}
.newsbody #comment_form label{
    line-height: 25px;
    padding: 0 3px 5px;
    font-size: 14px;
    color: #696969;
    display: block;
    font-family: 'montserrat';
}
.newsbody #comment_form label i{
    margin-left: 3px;
    font-size: 9px;
    color: #D8324B;
    position: relative;
    top: -3px;
}
.newsbody #comment_form textarea{
    min-width: 100%;
    max-width: 100%;
    min-height: 130px;
    max-height: 130px;
    line-height:30px;
    margin-bottom: 15px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e1e3e4;
    font-family: 'montserrat';
    font-size: 17px;
    border-radius:3px;
    transition: all .3s linear;
}
.newsbody #comment_form .comf_float{
    width: 50%;
    float: left;
}
.newsbody #comment_form .comf_float:first-child{
    padding: 0px 10px 0px 0;
}
.newsbody #comment_form .comf_float:nth-child(2){
    padding: 0px 0 0px 10px;
}
.newsbody #comment_form input[type="text"]{
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e1e3e4;
    font-family: 'montserrat';
    font-size:17px;
	border-radius:3px;
    transition: all .3s linear;
}
.newsbody #comment_form input[type="text"]:hover,.newsbody #comment_form textarea:hover,
.newsbody #comment_form input[type="text"]:focus,.newsbody #comment_form textarea:focus{
	box-shadow: 0 6px 8px -6px rgba(0,0,0,.4); 
	border-color:#ccc;
}
.newsbody #comment_form .ltext{
    font-family: montserrat !important;
}
.newsbody #matcom_sub{
    text-align: right;
    padding-bottom: 25px;
}
.newsbody #matcom_sub #pasokh_sub{
    display: none;
}
.newsbody #NatijeSubmit{ padding: 10px 0; color: #02a449;}
@media only screen and (max-width:700px){ /************ responsive matlab 700 px *****************/
    .newsbody #comment_form .comf_float{
        width: 100%;
        float: none;
    }
    .newsbody #comment_form .comf_float:first-child{
        padding: 0px;
        margin-bottom: 10px;
    }
    .newsbody #comment_form .comf_float:nth-child(2){
        padding: 0px;
    }
    .newsbody .comm_img{
        margin-top: -10px;
        font-size: 30px;
    }
	.newsbody .comm_img i{ width:30px; line-height:30px; left:0; bottom:-3px;}
    .newsbody .comment .comm_box{
        padding-left: 35px;
    }
    .newsbody .comment_ans{
        margin: 15px 0 0px 5px;
    }
    .newsbody .comment_ans .comm_img{
        font-size: 30px;
    }
	.newsbody .comment_ans .comm_img i{ left:0;}
}
@media only screen and (max-width:500px){ /************ responsive matlab 500 px *****************/
    .newsbody .comment_info{
        line-height: 25px;
    }
	.newsbody .comment_ans .comm_img i{ bottom:0;}
}

.vtours{ display:inline-block; width:48%; margin:1% 1% 0; color: #fff; position:relative;transition:linear .2s;}
.vtours img{display:block; width:100%; margin: 0;}
.vtours b{position:absolute; bottom:0; right: 0; left:0; padding:8px 10px 5px; background:rgba(0,0,0,.5);}
.vije p{font-size:15px; padding-left:15px;}
.vije .b_title{ padding-left: 10px; font-size: 20px; font-family: "nunito";}
.vtours b p{font-size:15px; font-family:'nunito'; color:white; display:inline-block; padding-right:3px;}
.vtours b span{font-size:12px; font-family:'montserrat'; color:#A3A3A3;}
.vtours b a.button{margin-top:0; z-index:3; right:10px; bottom:2px; position:absolute; font-size: 12px; padding:0 5px; font-family:'montserrat';}
.vtours:hover{opacity:.8;}
.tl_vije .vtours{ height:320px; background-size:cover !important; background-position:center !important; border: 5px solid white;}
.tl_vije .vtours b{ position:absolute; bottom: 0; left: 0; right: 0; border:none;}
#news .vtours:hover{ opacity:1;}
#news .vtours a:hover{ opacity:0.7;}
.shorttxt{ color: gray;}
.vtours a.over{position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
.vije{ font-size:0; padding-top:40px; padding-bottom:40px !important;}
@media only screen and (max-width:1210px){
	.coverinfo .infotl{ margin:auto 20px;}	
}
@media only screen and (max-width:900px){
	.vtours{ width:100%; margin:10px 0; display:block;}
	.vtours img{ border-bottom:none;}
}


/************************************* services ****************************************/
/*.navigator{font-size:13px; color:#a77826; padding-bottom:20px; line-height:20px;}
.navigator a{color:#fff; display:inline-block; padding-left:5px;}
.navigator a:hover{opacity:.5;}
.navigator i{color:#a77826; vertical-align:middle;}
.newstitle #navigator{ padding-top:20px; text-shadow:1px 1px 2px #000;}*/

.slider2{ min-height:420px; height:auto !important;}
/*.slider2 .infotr{ background: rgba(0,0,0,0.4);}*/
#servisePic{ height:350px;border-bottom: 5px solid #171717; background-size:cover !important; background-position:50% 50% !important; position:relative; text-align:center; text-shadow: 1px 1px 1px black;} 
#servisePic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
/***#servisePic #in_pic .explain{ padding-bottom:20px; line-height:25px; color:#fff; font-size:16px;}***/
#servisePic #in_pic{ background:rgba(64,56,54,0.7); position:absolute; left:0; right:0; bottom:0; }
#servisePic #in_pic h1{ padding:15px 10px 15px; line-height:40px; color:#F3F1E9; font-size:30px;}
.infotr .under{ text-shadow:1px 1px 1px black;}

.infotr .under div{ display:inline-block;}
.infotr .under div:after{ content:"/"; margin: 0 5px; color:#F3F1E9;}
.infotr .under div:last-child:after{display:none;}
.infotr .under div:first-child a{ padding-left: 0;}
.infotr .under a{ padding:5px 10px; font-size:16px; color:#fff; display:inline-block; transition:all linear 0.3s;}
.infotr .under a:hover{ color:#CBCBCB;}
.infotr .under a.active{opacity:.5; cursor:default;}
.infotr .under a.active:hover{ color:#fff !important;}
.tournav, .tournav a{ color:#fff !important; text-shadow:1px 1px 1px #000 !important;}
#weblog > h2{ padding:15px 0 10px; font-size:30px; line-height:40px; border-bottom: 5px solid rgba(224, 224, 222, 0.5);}
.main #RightBox{ width:68%; margin-right:2%; float:left; justify-content: flex-start;}
.main #RightBox .RightMain a{ display:block; transition:all linear 0.2s;}
.main #LeftBox{ width:30%; margin-top:20px; float:left;}
#RightBox .RightMain{ width: Calc(50% - 10px); margin: 0 20px 20px 0; background:#fff; text-align:center; position:relative; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow:hidden; transition:linear .3s;}
#RightBox .RightMain:nth-of-type(2n){ margin-right: 0;}
#RightBox .RightMain:hover .button{ background:#225A7A; border-color:#225A7A; color:#fff; text-shadow:1px 1px 1px #333;}
#RightBox .RightMain > div:first-child a{ height: 200px; position:relative; overflow: hidden;}
#RightBox .RightMain > div:first-child a:hover img{ transform: scale(1.3);}
#RightBox .RightMain > div:first-child img{ width:100%; height: 100%; object-fit: cover; display:block; transition: all linear 0.2s;}
#RightBox .RightMain > div:last-child{ padding:30px 20px 80px 20px; text-align:left;}
#RightBox .width100s > div:first-child a{ height: auto;}
#RightBox .width100s > div h2{ padding-left: 0 !important;}
#RightBox .RightMain > div:last-child h2{ margin:0 !important; padding:5px 0; font-size: 22px; line-height: 35px;font-family:'nunito'; position:relative;}
#RightBox .RightMain > div:last-child h2:before{ left:-10px;}
.suptitr{font-size:13px; color:gray; line-height:10px; display:inline-block;}
#RightBox .RightMain > div:last-child h2 a{ color:#333;}
#RightBox .RightMain > div:last-child h2 a:hover{ color:#D8324B;}
#RightBox .RightMain > div:last-child .matn{ padding-left:0;}
#RightBox .RightMain > div:last-child .more2{ height: auto; margin-top:10px; position:absolute; bottom: 20px; right:20px;}
#MaxChr{ width:20px; display:inline-block;}
#RightBox #paging{ width: 100%;}
#RightBox #paging ul{ margin: 20px 0 50px 0; padding:0; font-size: 0; text-align: right !important;}
#RightBox #paging ul li{ width: 45px; height: 45px; line-height: 45px; margin:0 3px 3px 0; background: #fff; font-size: 16px; text-align: center; transition: all 0.3s linear; display: inline-block; font-family:'montserrat'; vertical-align: middle;}
#RightBox #paging ul li:hover{ background:#D3D3D3;}
#RightBox #paging ul li a{ color:#2c3e50; display:block;}
#RightBox #paging ul li.active{ background:#225A7A; text-shadow:1px 1px 2px #000;}
#RightBox #paging ul li.active a{ color:#fff;}
#RightBox #paging ul li i{ font-size:13px; line-height:45px;}
#RightBox .paging{width: 100%; font-size:13px; text-align:right; margin-bottom:10px;}
#RightBox .paging i{ vertical-align:middle;}
#RightBox .paging span{ color:#ababab;}
#RightBox .paging a{ color:#225A7A; transition:all linear 0.2s;}
#RightBox .paging a:hover{ opacity:0.6;}
#label{ padding:10px; font-size:0;} 
#LeftBox .tags h3{ font-size: 35px; font-weight: bold; line-height: 50px; padding: 10px 10px 10px 5px; margin-top:0; font-family:'nunito';}
#LeftBox .tags > div{ font-size:0;}
#LeftBox .tags a, #label a{ display:inline-block; padding:5px 10px; margin:5px 5px 0 0; background:#fff; color: #2c3e50; font-size: 15px; text-align:center; transition: all linear 0.2s;}
#LeftBox .tags a:hover, #label a:hover{ background:#A7D0E4;}
#LeftBox .tags a.active{ background:#225A7A; color:#fff; text-shadow: 1px 1px 0px rgba(99,99,99,0.8);}
#LeftBox .tags a.active:hover{ color:#fff;}
#LeftBox .tags a.active span{ color:#fff;}
#LeftBox .tags a span{ color:#D8324B; font-size:12px;}
#LeftBox .tags h3 i{ color:#D8324B; font-size:22px;}
.RightMain::after{ content:""; clear:both; display:block;}

.coverinfo .infotr{ position:absolute; padding:20px 32px; line-height:30px; bottom:0; left:0; right:0; width:100%; margin:auto; z-index: 10;}
.coverinfo .infotr h1{ display:block !important; font-size:35px; line-height:50px; font-family:'nunito'; color:#FFFFFF; text-shadow: 1px 1px 1px #000; position:relative;}
.coverinfo .infotr span{color:#FFFFFF; display:block; font-size:14px; text-shadow: 1px 1px 1px #000;}
.coverinfo .infotr span.cap1, .coverinfo .infotr span.cap2{padding:7px 10px 7px; font-size:14px;}

@media only screen and (max-width: 1000px){
	.main #RightBox, .main #LeftBox{ width:100%; margin-bottom:30px; border-right:none; float:none;}
	#LeftBox .tags{ max-width:450px; margin:auto; text-align:center;}
	#LeftBox .tags h3{ padding:10px !important; border-bottom:2px solid #D8324B;}
	#LeftBox .tags a{ margin-right:0; display:block;}
	#LeftBox .tags a:last-child{ border-bottom:none;}
	#RightBox #paging ul{ text-align:center !important;}
}
@media only screen and (max-width: 780px){
	#weblog > h2{ text-align:center;}
	.tournav{text-align:left !important; padding-left:10px !important}
	#RightBox{ margin-right:0 !important;}
	#RightBox #paging ul{ margin-bottom:40px; text-align:center !important;}
	#RightBox .paging{text-align:center; background:#E5E4E4; padding:5px; margin-bottom:10px;}
}
@media only screen and (max-width: 700px){
	.coverinfo .infotr h1, .newsbody .h1_style{ font-size:27px; line-height:38px;}
	#RightBox .RightMain {width: 100%; margin: 0 0 20px !important;}
}

@media only screen and (max-width: 450px){
	#RightBox #paging ul li{ width:40px; height:40px; line-height:40px;}
}

/******************************************** langing pages *********************************************/
#heading{ min-height: 150px; padding: 30px 0; background: #222; color: #fff; text-shadow: 1px 1px 1px #000;}
#heading.theme{ padding-bottom: 70px; }
#heading.theme #navigate{ padding-top: 15px;} 
#heading.theme1{ background: #043351; /*background-image: linear-gradient(to right bottom, #8fcae3, #6aa0bc, #487896, #265271, #002f4d);*/}
/*
#heading.theme2{ background-image: linear-gradient(to left top, #164f6b, #1d6382, #23789a, #298eb2, #2fa4ca);}
#heading.theme3{ background-image: linear-gradient(to left top, #267c85, #2c8b95, #3299a5, #39a9b5, #3fb8c6);}
#heading.theme4{ background-image: linear-gradient(to left top, #4c9497, #53a1a5, #5aafb3, #61bdc1, #68cbd0);}
*/
#heading.theme .lan_txt{ width: 100%; margin-top: 20px; justify-content: left;}
#heading.theme .lan_txt p{ margin-top: 11px;}
#heading.theme .lan_txt .cost{ margin-left: auto; font-size: 25px !important; }
#heading.theme h1,#heading.theme .lan_txt .cost	{ font-family: 'nunito'; font-size: 35px; font-weight: bold; line-height: 50px;}
#heading h1{ margin-right: 20px; font-family: 'nunito'; font-size: 23px; line-height: 35px;}
/*
#heading.theme_2{ display: flex; align-items: flex-end;}
#heading.theme_2 > .main{ width: 100%;}
*/
@media only screen and (max-width:1024px){
	#heading.theme .lan_txt .cost{ width: 100%; margin: 15px 0 0; font-size: 28px; line-height: 42px;}
  #heading.theme h1{ font-size: 30px; line-height: 45px;}
} 
@media only screen and (max-width:450px){
	#heading img{ width: 100%; max-width: 100%;}
	#heading.theme .lan_txt{ width: 100%;}
}


/** album - pro **/
#album_box{ margin: 20px 0 0; position:relative; overflow: hidden; border-radius: 5px;}
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; transition: all .5s linear;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ width: Calc(25% - 2.5px); height: 150px; margin: 0 5px 5px 0; background-size:cover !important; background-position:top !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none; float: left;}
#galleryBox li:nth-child(odd){ margin-right: 0;}
#galleryBox li:first-child{ width: Calc(50% - 5px); margin: 0 5px 0 0; height: 305px;}
#galleryBox li:nth-child(4),#galleryBox li:nth-child(5){ margin-bottom: 0;}
#galleryBox li:nth-child(5):before{ content:""; height: 100%; background: rgba(0,0,0,.5); color:#fff; position:absolute; top:50%; right:0; left:0; transform: translateY(-50%); font-size:20px; display: none;}
#galleryBox li:nth-child(5):after{ content: ""; width: 100%; height: 100%; background: url(images/background/coloroful.webp); background-size: cover !important; display: none;}
#galleryBox li.showmore:before,#galleryBox li.showmore:after,#galleryBox li.showmore .other_pic{ display: block !important;}
#galleryBox li .other_pic{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); color: #fff; font-size: 25px; font-family: "nunito"; display: none;}
#galleryBox li .other_pic i{ font-size: 25px; vertical-align: middle;}
#galleryBox li.disnone{ display:none;}

#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
/* #galleryShowImg > span > span{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:13px; display:inline-block;} */
#galleryShowImg > span > span:empty,#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg > span > span{ position:absolute; top: 0; left:0; right: 0; margin:auto; padding:3px 15px; background:#f1f1f1c4; color: #333; text-shadow: none; font-size:14px; display:inline-block; z-index: 10;}
/* #galleryShowImg img{ max-width: 100%; max-height:450px; margin:auto; display: block;} */
#galleryShowImg img{ width: 100%; max-width: 1200px; max-height:Calc(100vh - 105px); margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ line-height: 30px; font-size: 18px; font-family:'nunito'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
a, #nex_mtlbkh, #pre_mtlbkh,#galleryBox li,#galleryShowImg i,#galleryShowClose{-webkit-tap-highlight-color: transparent;outline: none; background: none;}
@media only screen and  (min-width: 851px){
	#nex_mtlbkh,#pre_mtlbkh{ display: none;}
}
@media only screen and  (max-width: 850px){
	#galleryBox{ white-space:nowrap;}
	#galleryBox li{ height:250px !important; margin: 0 !important; float: none;}
	#galleryBox li.disnone{ display:inline-block;}
	/*#nex_mtlbkh,#pre_mtlbkh{ display:none !important;}*/
	#nex_mtlbkh,#pre_mtlbkh{ width:50px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
	#nex_mtlbkh i,#pre_mtlbkh i{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto;}
	#pre_mtlbkh{ padding-right:15px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
	#nex_mtlbkh{ padding-left:15px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
	#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4;}
	#galleryBox li.showmore .other_pic,#galleryBox li:nth-child(5):before,#galleryBox li:nth-child(5):after{ display: none !important;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
	#galleryShowImg i{ padding-top:35%;}
	#galleryShowClose{ padding: 80px 50px 10px; position: absolute; left: 0; right: 0; bottom: 0;}
	#galleryShowdetail{ font-size: 15px;}
}

@media only screen and  (max-width: 400px){
	#galleryShowImg i{ padding-top:40%;}
}


.headline{ padding: 0 0 5px 10px; margin-bottom: 10px; font-size: 16px; font-family: 'nunito'; border-bottom: 2px solid #ddd;}
.headline i{ padding: 10px 10px 10px 20px; margin-left: auto; font-size: 20px;}
.shadow{ width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; display: none;}
#mob_fix{ background: #fff; border: 1px solid #ddd; position: fixed; bottom: 10px; right: 10px; justify-content: flex-end; display: none; z-index: 998;}
#mob_fix i{ padding: 10px; font-size: 37px; color: #2294cd;}
.scroll{ width: 100%; overflow:hidden;}
#anchor{ display: none; transition: all linear .3s;}	
@media only screen and (max-width:768px){
	#mob_fix{ display: inline-block;}
	#anchor{ padding: 10px; background: #fff; position: fixed; left: 0; right: 0; bottom: -415px; top: inherit; font-size: 0; border-top: 1px solid #eee; display: block; z-index: 1000;}
	#anchor .anch_link{ max-height: 300px; padding-bottom: 10px; overflow-y:scroll; overflow-x: hidden;}
	#anchor .anch_link > a{ width: 100%; padding: 10px; background: transparent; color: #333; font-size: 15px; border-bottom: 1px solid #eee; line-height: 27px; display: block;}
	#anchor .anch_link > a i{ color: #2294cd; vertical-align: middle;}
	.shadow{ display: none;}
	/*#back_up.goto{ right: inherit; left: 53px;}*/
}

.h_style{ margin-bottom: 30px; line-height: 29px; font-family: 'nunito'; font-size: 19px; }
.h_style:before{content: ""; padding: 4px; display: inline-block; background-color: #0db54c; margin-right: 10px;}
.txtcolor{ background: linear-gradient(to left, #47c2c5, #2192cd); background-clip: border-box; -webkit-background-clip: text; color: transparent;}
.pad50top{ padding: 50px 0 0;}
.textbox{ max-width: 900px;}
.textbox p{ margin-bottom: 8px;}
.textbox table{ max-width: 100%;}
.textbox table tr td{ padding: 5px; font-size: 15px; border: 1px solid #eee;}
.textbox table tr:first-child{ background: #043351; color: #fff; font-family: "nunito";}

.subject1{ padding:5px;  background-image: linear-gradient(to left, #f4f4f4, #eeeeee, #e7e7e7, #e1e1e1, #dbdbdb); font-size: 19px; border-left: 3px solid #D8324B; display:inline-block;}
.subject2{ padding:2px 0; border-bottom: 3px solid #2294cd; display:inline-block;}
.subject1 + p .subject2{ margin-top: 15px;}
#top_text{ padding-bottom: 20px; position: relative; top: -45px;}
#top_text .main > .flexbox2{ padding: 30px; background: #fff; font-size: 16px; line-height: 28px; color: #000; border-radius: 5px;}
/*#top_text .right:after{content:""; border-radius: 5px; background-color:#ffcc00; width: 100px; height: 100px; position: absolute; right: 0; bottom:-95px;display: block; }*/
#top_text .right{  max-width: 100%; position: relative;}
.mode2 .new_call{ text-align: center;}
.mode2 .new_call .more{ min-width: 150px; margin-top: 20px; display: inline-block;}
.mode2 .new_call .more i{ margin: 0 5px 0 0;}
.mode2 .new_call .chat{ margin: 0 0 0 10px;}
.anchor{ position: relative; top: -20px;}
.bluebg{ background:#043351;}
/*
.bluebg2{ background:#164F6B;}
.bluebg3{ background:#267C85;}
.bluebg4{ background:#4C9497;}
*/
.half_bg{ /*background: rgb(244,244,244); background: linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,0.557936553527661) 100%); */
	background: linear-gradient(to right, #fff, #fff, #f4f4f4, #fff, #fff);
	background-size: 180% 100%;
	background-position: right;
	transition: background-position 0.5s ease;
}
#info_box{ position: relative; justify-content: flex-start;}
#info_box .right{ width: Calc(100% - 400px); padding: 80px 30px 0 0; background: #f4f4f4;}
#info_box .left{ width: 400px; padding: 80px 30px 30px 30px; background: #fff;}
#info_box .left h3{ margin-bottom: 15px; font-family: 'nunito'; font-size: 18px; line-height: 30px;}
#info_box .left h3 i{ margin-right: 4px; color: #2294cd; vertical-align: middle;}
#info_box .left > a{ color: #141414; display: block; border-bottom: 1px solid rgb(229, 229, 229); padding: 10px; font-size: 14px; line-height: 28px;}
#info_box .left > a:hover,#info_box .left > a i{ color: #2294cd; vertical-align: middle;}
#info_box .left > a i{ font-size: 12px;}
#info_box .left > a:last-child{ border-bottom: none;}

#join_us{ padding: 30px; background: #d8324b url(images/logo/logo_tak.webp); background-position: center; background-size: 350px; background-repeat: no-repeat;color: #fff; text-align: center;}
#join_us img{ width: 150px; margin: 30px auto 10px; display: block;}
.calling{ padding: 30px 5px 15px; font-size: 24px; text-align: center; font-family: "nunito";}
.call_box{ margin-bottom: 5px; color: #fff; font-family: nunito; font-size: 23px; padding: 10px; background: rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); display: block;}
.call_box i{ font-size: 18px;}

#goal{ margin: 60px 0;}
#goal > .flexbox2{ justify-content: flex-start;}
#goal .each{ width: Calc(20% - 8px); height: 100px; padding: 5px; margin: 0 10px 0 0; background: #d9d9d9; color: #333; font-family: 'nunito'; font-size: 15px; line-height: 25px; text-align: center; cursor: pointer; display: flex; flex-direction: column; justify-content: center; position: relative;  top: 10px; transition:  all linear .2s;}
#goal .each:hover,#goal .each.active{ background: #fff;}
#goal .each:last-child{ margin-right: 0;}
#goal .each i{ width: max-content; padding: 0 8px; margin: auto; font-size: 17px; position: absolute; top: 5px; left: 0; right: 0; display: inline-block; color:#2294cd; transition: all linear 0.2s;}
#goal .each.active{ top: 0;}
#goal .each.active i{ background: transparent; top: -20px;}
#goal .each_txt{ max-width: 900px; padding: 20px; margin: 0 0 30px 0; background: #fff; position: relative; display: none; z-index: 10;}
#goal .each_txt h3{ padding-top: 4px; margin-left: 10px; font-family: 'nunito'; font-size: 18px; line-height: 30px; }
#goal .top_icon{ margin-bottom: 15px;}
#goal .top_icon i{ width: 35px; height: 35px; line-height: 35px; background: linear-gradient(to left, #47c2c5, #2192cd); color: #fff; font-size: 20px; text-align: center; border-radius: 4px;}
#goal #first{ display: block;}
#goal .swipe{ width: 35px; float: right; position: relative; top: 10px; z-index: 12; display: none;}
@media only screen and (max-width:1024px){
	#info_box{ padding-bottom: 40px;}
	#info_box .right{ width: 100%; padding: 20px 0 0;}
	#top_text .right{ padding: 0;}
	#top_text .main > .flexbox2 { padding: 20px 30px;}
	#info_box .left{ width: 100%; margin-top: 20px;}
  #info_box .left{ padding-top: 30px; margin-top: 0;}
	.half_bg{ background: #f4f4f4;}
}
@media only screen and (max-width:450px){
	.mode2 .new_call .more{ min-width: inherit; max-width: 200px; width: 100%; margin: 20px 0 10px !important;}
	.mode2 .new_call .chat{ margin: 0 !important;}
}
@media only screen and (max-width:768px){
	#goal > .flexbox2{ padding-top: 20px; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start;}
	#goal > .flexbox2 .each{ min-width: 135px; max-width: 100px; width: 100%;}
	/* Hide scrollbar for Chrome, Safari and Opera */
	#goal > .flexbox2::-webkit-scrollbar,#country::-webkit-scrollbar{ display: none;}
	/* Hide scrollbar for IE, Edge and Firefox */
	#goal > .flexbox2,#country{ -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */ overflow-y: hidden;} 
	#goal .each:nth-child(5n){ margin-right: 20px;}
  #goal .swipe{ display: block;}
  #goal .each_txt{ padding: 40px 20px 20px;}
}

/*
.rowbox{ margin: 10px 0 40px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.rowbox > div{ padding: 10px 10px 1px;}
.rowbox > div:nth-child(odd){ background: #f4f4f4;}


#slogan{ background: url(images/background/bg-flower.png) no-repeat; background-size: 200px !important; background-position: 100% 86% !important;}
#slogan > div{ padding: 15px; margin: 50px 90px 50px 0; background: linear-gradient(to left, #47c2c5, #2192cd); color: white; font-family: 'nunito'; font-size: 22px; line-height: 35px; text-align: center; border-radius: 5px; text-shadow: 1px 1px 1px rgb(77, 76, 76); display: inline-block;}
@media only screen and (max-width:700px){
	#slogan{ background-position: 100% 100% !important;}
}
*/
.route{ padding-left: 30px; margin-left: 15px; border-left: 1px dashed #2294cd;}
.route > div{ position: relative;}
.circle{ width: 40px ; height: 40px; line-height: 40px; background: linear-gradient(to left, #47c2c5, #2192cd); color: #fff; position: absolute; top: -5px; left: -50px; text-align: center; border-radius: 100%; display: block;}

/*** Faq Ads ***/
#faq{ margin: 40px 0;}
#faq > .flexbox{ flex-direction: row-reverse; align-items: flex-start;}
#faq > div i{ margin-left:15px; color:#333; font-size:20px; transition: all linear .2s;}
#faq > div i.a_down{ transform: rotate(-90deg);}
#faq > div{ padding: 10px 0; color:#333; border-bottom: 1px solid #eee; transition: all linear .2s;}
#faq > div:last-of-type{ border-bottom: none;}
#faq .question{ padding-right: 15px; font-size: 16px; position: relative; cursor:pointer; transition: all linear .2s;}
#faq > div i{ font-size:16px; position: absolute; top:6px; right: 0;}
#faq .answer{ margin-top: 10px; color:#333; font-size: 14px; display:none; transition: none !important;}
#faq .txt_box{ width: 100%;}
#faq > .flexbox.active .question, #faq > .flexbox.active i,#faq .question:hover,#faq .question:hover i,#faq .answer a{ color: #2294cd;}
#faq .answer a:hover{ opacity:.7;}
#faq .answer ul{ padding-left: 30px;}

#support{ margin: 60px 0;}
#support > div{ width: Calc(33% - 11px); padding: 20px 10px; margin: 0 20px 0 0; border: 1px solid #e7e4e4; border-radius: 5px; text-align: center; position: relative;}
#support > div:last-child{ margin-right: 0;}
#support > div i{ width: max-content; padding: 0 8px; margin: 0 auto; background: #fff; color: #2294cd; font-size: 35px; position: absolute; top: -22px; right: 0; left: 0;}
#support > div h3{ margin: 10px 0; font-family: 'nunito'; font-size: 22px; line-height: 35px;}
@media only screen and (max-width:800px){
	#support > div{ width: 100%; margin: 0 0 20px !important;}
	#support > div:last-child{ margin-right: 0}
}

/*
@media only screen and (max-width:768px){**** font-size for mobile ***
	#goal .each_txt,.textbox, #faq .answer,.newsbody{ font-size: 17px; line-height: 30px;}
	.h_style,#goal .each_txt h3,.newsbody h3{ font-size: 21px; line-height: 33px;}
	#faq .question{ font-size: 18px; line-height: 35px;}
	#faq > div i{ font-size: 18px;}
}
*/

/********************************************* footer ******************************************/
footer{ padding-top: 30px; background: #f4f4f4; color: #333; font-size: 14px; line-height: 25px; border-top: 1px solid #ccc;}
.contact b{ margin-bottom: 10px; font-size: 19px; line-height: 33px; display: block;}
.contact a{ color: #333;}
.contact a:hover{ color: #D8324B;}
.contact i{ margin-right: 5px; color: #D8324B;}
footer .copyright{ padding: 10px 0; margin-top: 10px; font-size:12px; text-align: center; clear: both; line-height:24px; border-top: 1px solid #ddd;}
footer .copyright .left{ margin-left: auto; color:#333; font-size:13px; line-height: 18px; direction:ltr;}
footer .copyright .right{ color:#333;}
footer .copyright a{ color:#333; font-size:13px; transition: all linear 0.3s;}
footer .copyright a:hover{ color:#D8324B; text-shadow:none;}
#back_up{ width: 47px; height: 47px; line-height: 45px; text-align: center; background: #d8324b57; color: #fff; font-size: 20px; position: fixed; bottom:4px; right:4px; z-index: 999; cursor: pointer; transition: all .3s linear; display: none; }
#back_up:hover{ background:#D8324B;}
@media only screen and  (max-width: 870px){
	#back_up{ bottom:0; left:10px;}
}

@media only screen and (max-width: 768px){
	footer .copyright .left,footer .copyright .right{width: 100%;}
}

/******************************************/
.material-icons,.slides { -webkit-font-smoothing: antialiased;}
html.scrollable,
html.scrollable body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.content,.slide { overflow: hidden;}

.slides {
  color: #fff;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #111;
}

.content,.slide.active { -webkit-backface-visibility: hidden;}
.container,.content,.slide{  width: 100%;  height: 100%;}
.slide {
  position: fixed;
  background: #202020;
  color: #fff;
  z-index: 10;
}
.slide.active {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.content {
  position: absolute;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
.fade-6 .content {
  background: rgba(2, 23, 55, 0.6);
}
/* .fade-1 .content{ background: linear-gradient(279deg, rgb(2, 125, 159) 0%, rgba(0,0,0,0.1862380938703606) 65%);} */
.fade-1 .content{ background: linear-gradient(to bottom,#1C2A3D 0%,rgba(255,255,255,0.001) 75%);} 
.container {
  display: table;
  table-layout: fixed;
  position: relative;
}
.slide .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.progress-bar,.side {
  position: fixed;
  top: 0;
}
.popup,
.side {
  -webkit-transform: translate3d(0, 0, 0);
}
.progress-bar {
  left: 0;
  height: 4px;
  width: 0%;
  transition: width 1s, opacity 1s;
  z-index: 1000;
  opacity: 1;
}
.progress-bar.loaded {
  width: 100%;
  opacity: 0;
  transition: width 0s, opacity 0.25s 1s;
}
.side {
  left: 0;
  height: 100%;
  z-index: 100;
  padding: 70px 1%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 1380px) {
  .side {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.page-loaded .side {
  opacity: 1;
}
.side.large {
  padding: calc(5.56% + 50px) 5%;
}
.side.left {
  left: 0;
  right: inherit;
}
.side.right {
  right: 0;
  left: inherit;
}
.side.compact {
  padding: 30px 4%;
}
.side.compact .navigation li {
  width: 15px;
  height: 7px;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  opacity: 0.2;
  padding: 1px;
  cursor: pointer;
}
.side.compact .navigation li.selected,
.side.compact .navigation li:hover {
  opacity: 1;
}
.side.compact .navigation li:before {
  margin: 0 8px !important;
  top: -10px;
}
.whiteSlide .side.compact .navigation li {
  background: #202020;
}
.side.compact:not(.square) .navigation li:first-child {
  border-radius: 10px 10px 0 0;
}
.side.compact:not(.square) .navigation li:last-child {
  border-radius: 0 0 10px 10px;
}
.panel .side {
  position: relative;
  display: inline;
  height: auto;
  padding: 0;
}
.slides.whiteSlide .side svg:not([fill]) {
  fill: #202020;
}
.navigation {
  display: table;
  height: 100%;
}
.navigation ul {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.navigation * {
  pointer-events: all;
}
.navigation li {
  fill: #fff;
  display: block;
  background: 0 0;
  padding: 9px;
  margin: 0 -9px;
  position: relative;
  cursor: pointer;
  line-height: 23px;
}
.navigation li:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 7px;
  opacity: 0.5;
  background: #fff;
  box-shadow: 0 0 1px #303030;
  transition: 0.25s;
}
.navigation li.selected:after,
.navigation li:hover:after {
  opacity: 1;
}
.navigation li[data-title]:before {
  content: attr(data-title);
  position: absolute;
  right: 100%;
  top: 1px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  min-width: 50px;
  border-radius: 6px;
  padding: 7px 12px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  pointer-events: none;
  visibility: hidden;
}

.navigation li:hover:before {
  visibility: visible;
}
.pole .navigation li {
  margin: 0 1px 0 2px;
  padding: 2px 9px;
  text-align: right;
  font-size: 0;
  cursor: pointer;

}
.pole .navigation li:after {
  height: 10px;
  width: 10px;
  display: inline-block;
  transition: 0.5s;
  text-align: right;
  background: #D8324B;
  border-radius: 10px;
  border: none;
}
.pole .navigation li:before {
  margin-top: -3px;
}
.pole .navigation li.selected:after {
  height: 40px;
}
.pole .navigation li.selected:before {
  margin-top: 19px;
}
.pole.medium .navigation li {
  margin: 0 2px;
}
.pole.medium .navigation li:after {
  height: 15px;
  width: 3px;
}
.pole.medium .navigation li:before {
  margin-top: -5px;
}
.pole.medium .navigation li.selected:after {
  height: 45px;
}
.pole.medium .navigation li.selected:before {
  margin-top: 10px;
}
.pole.small .navigation li {
  margin: 0 2px;
}
.pole.small .navigation li:after {
  height: 10px;
  width: 3px;
}
.pole.small .navigation li:before {
  margin-top: -7px;
}
.pole.small .navigation li.selected:after {
  height: 30px;
}
.pole.small .navigation li.selected:before {
  margin-top: 2px;
}
.slide.before {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.slide.after,
.slide:first-child {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  will-change: transform;
}
.slide.after,
.slide.before {
  opacity: 0;
}
.slide.selected {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  z-index: 11;
}
.scroll .slide.selected {
  z-index: 10;
}
.page-loaded .slide.selected {
  opacity: 1 !important;
}
.horizontal .slide,
.horizontal .slide.before {
  -webkit-transform: translate3D(-50%, 0, 0);
  transform: translate3D(-50%, 0, 0);
}
.horizontal .slide.after {
  -webkit-transform: translate3D(50%, 0, 0);
  transform: translate3D(50%, 0, 0);
}

.chain .slide.before {
  -webkit-transform: translate3D(0, -100%, 0);
  transform: translate3D(0, -100%, 0);
  opacity: 1;
}
.chain .slide.after {
  -webkit-transform: translate3D(0, 100%, 0);
  transform: translate3D(0, 100%, 0);
  opacity: 1;
}
.chain.horizontal .slide.before {
  -webkit-transform: translate3D(-100%, 0, 0);
  transform: translate3D(-100%, 0, 0);
  opacity: 1;
}
.chain.horizontal .slide,
.chain.horizontal .slide.after {
  -webkit-transform: translate3D(100%, 0, 0);
  transform: translate3D(100%, 0, 0);
  opacity: 1;
}

.page-loaded .fast .slide.active,
.page-loaded .fast .slide.selected {
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: transform 0.7s, opacity 0.7s;
  transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s;
}
.page-loaded .slide.active,
.page-loaded .slide.selected {
  transition: opacity 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}
.page-loaded .slow .slide.active,
.page-loaded .slow .slide.selected {
  transition: opacity 1.4s, -webkit-transform 1.4s;
  transition: transform 1.4s, opacity 1.4s;
  transition: transform 1.4s, opacity 1.4s, -webkit-transform 1.4s;
}
.page-loaded .slide.active.entry,
.page-loaded .slide.selected.entry {
  transition: opacity 1s, -webkit-transform 0s;
  transition: transform 0s, opacity 1s;
  transition: transform 0s, opacity 1s, -webkit-transform 0s;
}
.slides.animateOnEvent .panel,
.slides.animated .panel {
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  transition-duration: 0.8s;
}
.slides.animateOnEvent.fast .panel,
.slides.animated.fast .panel {
  transition-duration: 0.6s;
}
.slides.animateOnEvent .panel,
.slides.animated.slow .panel {
  transition-duration: 1s;
}
.animated [class*="ae-"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
}
.animated.animate .fast [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"].fast:not(.done),
.animated.fast .animate [class*="ae-"]:not(.done),
.animated.fast.animate [class*="ae-"]:not(.done) {
  transition-duration: 0.7s;
}
.animated .animate [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"]:not(.done) {
  transition-duration: 0.8s;
}
.animated.animate .slow [class*="ae-"]:not(.done),
.animated.animate [class*="ae-"].slow:not(.done),
.animated.slow .animate [class*="ae-"]:not(.done),
.animated.slow.animate [class*="ae-"]:not(.done) {
  transition-duration: 1s;
}
.animated .animate .ae-1:not(.done),
.animated.animate .ae-1:not(.done) {
  transition-delay: 10ms;
}
.animated .animate .ae-2:not(.done),
.animated.animate .ae-2:not(.done) {
  transition-delay: 160ms;
}
.animated .animate .ae-3:not(.done),
.animated.animate .ae-3:not(.done) {
  transition-delay: 310ms;
}
.animated .animate .ae-4:not(.done),
.animated.animate .ae-4:not(.done) {
  transition-delay: 460ms;
}
.animated .animate .ae-5:not(.done),
.animated.animate .ae-5:not(.done) {
  transition-delay: 610ms;
}
.animated .animate .ae-6:not(.done),
.animated.animate .ae-6:not(.done) {
  transition-delay: 760ms;
}
.animated .animate .ae-7:not(.done),
.animated.animate .ae-7:not(.done) {
  transition-delay: 910ms;
}
.animated .animate .ae-8:not(.done),
.animated.animate .ae-8:not(.done) {
  transition-delay: 1.06s;
}
.animated .animate .ae-9:not(.done),
.animated.animate .ae-9:not(.done) {
  transition-delay: 1.21s;
}
.animated .animate .ae-10:not(.done),
.animated.animate .ae-10:not(.done) {
  transition-delay: 1.36s;
}
.animated.animate .ae-1.fast:not(.done),
.animated.animate .fast .ae-1:not(.done),
.animated.fast .animate .ae-1:not(.done),
.animated.fast.animate .ae-1:not(.done) {
  transition-delay: 10ms;
}
.animated.animate .ae-2.fast:not(.done),
.animated.animate .fast .ae-2:not(.done),
.animated.fast .animate .ae-2:not(.done),
.animated.fast.animate .ae-2:not(.done) {
  transition-delay: 110ms;
}
.animated.animate .ae-3.fast:not(.done),
.animated.animate .fast .ae-3:not(.done),
.animated.fast .animate .ae-3:not(.done),
.animated.fast.animate .ae-3:not(.done) {
  transition-delay: 210ms;
}
.animated.animate .ae-4.fast:not(.done),
.animated.animate .fast .ae-4:not(.done),
.animated.fast .animate .ae-4:not(.done),
.animated.fast.animate .ae-4:not(.done) {
  transition-delay: 310ms;
}
.animated.animate .ae-5.fast:not(.done),
.animated.animate .fast .ae-5:not(.done),
.animated.fast .animate .ae-5:not(.done),
.animated.fast.animate .ae-5:not(.done) {
  transition-delay: 410ms;
}
.animated.animate .ae-6.fast:not(.done),
.animated.animate .fast .ae-6:not(.done),
.animated.fast .animate .ae-6:not(.done),
.animated.fast.animate .ae-6:not(.done) {
  transition-delay: 510ms;
}
.animated.animate .ae-7.fast:not(.done),
.animated.animate .fast .ae-7:not(.done),
.animated.fast .animate .ae-7:not(.done),
.animated.fast.animate .ae-7:not(.done) {
  transition-delay: 610ms;
}
.animated.animate .ae-8.fast:not(.done),
.animated.animate .fast .ae-8:not(.done),
.animated.fast .animate .ae-8:not(.done),
.animated.fast.animate .ae-8:not(.done) {
  transition-delay: 710ms;
}
.animated.animate .ae-9.fast:not(.done),
.animated.animate .fast .ae-9:not(.done),
.animated.fast .animate .ae-9:not(.done),
.animated.fast.animate .ae-9:not(.done) {
  transition-delay: 810ms;
}
.animated.animate .ae-10.fast:not(.done),
.animated.animate .fast .ae-10:not(.done),
.animated.fast .animate .ae-10:not(.done),
.animated.fast.animate .ae-10:not(.done) {
  transition-delay: 910ms;
}
.animated.animate .ae-1.slow:not(.done),
.animated.animate .slow .ae-1:not(.done),
.animated.slow .animate .ae-1:not(.done),
.animated.slow.animate .ae-1:not(.done) {
  transition-delay: 10ms;
}
.animated.animate .ae-2.slow:not(.done),
.animated.animate .slow .ae-2:not(.done),
.animated.slow .animate .ae-2:not(.done),
.animated.slow.animate .ae-2:not(.done) {
  transition-delay: 210ms;
}
.animated.animate .ae-3.slow:not(.done),
.animated.animate .slow .ae-3:not(.done),
.animated.slow .animate .ae-3:not(.done),
.animated.slow.animate .ae-3:not(.done) {
  transition-delay: 410ms;
}
.animated.animate .ae-4.slow:not(.done),
.animated.animate .slow .ae-4:not(.done),
.animated.slow .animate .ae-4:not(.done),
.animated.slow.animate .ae-4:not(.done) {
  transition-delay: 610ms;
}
.animated.animate .ae-5.slow:not(.done),
.animated.animate .slow .ae-5:not(.done),
.animated.slow .animate .ae-5:not(.done),
.animated.slow.animate .ae-5:not(.done) {
  transition-delay: 810ms;
}
.animated.animate .ae-6.slow:not(.done),
.animated.animate .slow .ae-6:not(.done),
.animated.slow .animate .ae-6:not(.done),
.animated.slow.animate .ae-6:not(.done) {
  transition-delay: 1.01s;
}
.animated.animate .ae-7.slow:not(.done),
.animated.animate .slow .ae-7:not(.done),
.animated.slow .animate .ae-7:not(.done),
.animated.slow.animate .ae-7:not(.done) {
  transition-delay: 1.21s;
}
.animated.animate .ae-8.slow:not(.done),
.animated.animate .slow .ae-8:not(.done),
.animated.slow .animate .ae-8:not(.done),
.animated.slow.animate .ae-8:not(.done) {
  transition-delay: 1.41s;
}
.animated.animate .ae-9.slow:not(.done),
.animated.animate .slow .ae-9:not(.done),
.animated.slow .animate .ae-9:not(.done),
.animated.slow.animate .ae-9:not(.done) {
  transition-delay: 1.61s;
}
.animated.animate .ae-10.slow:not(.done),
.animated.animate .slow .ae-10:not(.done),
.animated.slow .animate .ae-10:not(.done),
.animated.slow.animate .ae-10:not(.done) {
  transition-delay: 1.81s;
}
.animated .fromBottom [class*="ae-"]:not(.done),
.animated [class*="ae-"]:not(.done),
.animated.fromBottom [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottom:not(.done) {
  visibility: hidden;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  opacity: 0;
}
.animated .fromTop [class*="ae-"]:not(.done),
.animated.fromTop [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTop:not(.done) {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
.animated .fromLeft [class*="ae-"]:not(.done),
.animated.fromLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromLeft:not(.done) {
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}
.animated .fromRight [class*="ae-"]:not(.done),
.animated.fromRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromRight:not(.done) {
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
}
.animated .fromCenter [class*="ae-"]:not(.done),
.animated.fromCenter [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromCenter:not(.done) {
  -webkit-transform: scale(0.9) translate3d(0, 0, 0);
  transform: scale(0.9) translate3d(0, 0, 0);
}
.animated .fromAbove [class*="ae-"]:not(.done),
.animated.fromAbove [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromAbove:not(.done) {
  -webkit-transform: scale(1.1) translate3d(0, 0, 0);
  transform: scale(1.1) translate3d(0, 0, 0);
}
.animated .fromBottomLeft [class*="ae-"]:not(.done),
.animated.fromBottomLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomLeft:not(.done) {
  -webkit-transform: translate3d(-50px, 50px, 0);
  transform: translate3d(-50px, 50px, 0);
}
.animated .fromTopLeft [class*="ae-"]:not(.done),
.animated.fromTopLeft [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopLeft:not(.done) {
  -webkit-transform: translate3d(-50px, -50px, 0);
  transform: translate3d(-50px, -50px, 0);
}
.animated .fromBottomRight [class*="ae-"]:not(.done),
.animated.fromBottomRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBottomRight:not(.done) {
  -webkit-transform: translate3d(50px, 50px, 0);
  transform: translate3d(50px, 50px, 0);
}
.animated .fromTopRight [class*="ae-"]:not(.done),
.animated.fromTopRight [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromTopRight:not(.done) {
  -webkit-transform: translate3d(50px, -50px, 0);
  transform: translate3d(50px, -50px, 0);
}
.animated .fadeIn [class*="ae-"]:not(.done),
.animated.fadeIn [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fadeIn:not(.done) {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
}
.animated .fromBlur [class*="ae-"]:not(.done),
.animated.fromBlur [class*="ae-"]:not(.done),
.slides.animated [class*="ae-"].fromBlur:not(.done) {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.slides .animated.animate.active [class*="ae-"]:not(.done),
.slides.animated .animate.active [class*="ae-"]:not(.done) {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-filter: none;
  filter: none;
}
.animateOnEvent{
  -webkit-backface-visibility: hidden;
}
.animateOnEvent {
  backface-visibility: hidden;
}
.animateOnEvent [class*="ae-"]:not(.done):not(.do) {
  opacity: 0;
  visibility: hidden;
}
.animateOnEvent [class*="ae-"].do {
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  visibility: visible;
}
.animateOnEvent .fast [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fast,
.animateOnEvent.fast [class*="ae-"].do {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.animateOnEvent .slow [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.slow,
.animateOnEvent.slow [class*="ae-"].do {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.animateOnEvent .fromBottom [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottom,
.animateOnEvent.fromBottom [class*="ae-"].do {
  -webkit-animation-name: fromBottom;
  animation-name: fromBottom;
}
.animateOnEvent .fromTop [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTop,
.animateOnEvent.fromTop [class*="ae-"].do {
  -webkit-animation-name: fromTop;
  animation-name: fromTop;
}
.animateOnEvent .fromLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromLeft,
.animateOnEvent.fromLeft [class*="ae-"].do {
  -webkit-animation-name: fromLeft;
  animation-name: fromLeft;
}
.animateOnEvent .fromRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromRight,
.animateOnEvent.fromRight [class*="ae-"].do {
  -webkit-animation-name: fromRight;
  animation-name: fromRight;
}
.animateOnEvent .fromCenter [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromCenter,
.animateOnEvent.fromCenter [class*="ae-"].do {
  -webkit-animation-name: fromCenter;
  animation-name: fromCenter;
}
.animateOnEvent .fromAbove [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromAbove,
.animateOnEvent.fromAbove [class*="ae-"].do {
  -webkit-animation-name: fromAbove;
  animation-name: fromAbove;
}
.animateOnEvent .fromBottomLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottomLeft,
.animateOnEvent.fromBottomLeft [class*="ae-"].do {
  -webkit-animation-name: fromBottomLeft;
  animation-name: fromBottomLeft;
}
.animateOnEvent .fromTopLeft [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTopLeft,
.animateOnEvent.fromTopLeft [class*="ae-"].do {
  -webkit-animation-name: fromTopLeft;
  animation-name: fromTopLeft;
}
.animateOnEvent .fromBottomRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBottomRight,
.animateOnEvent.fromBottomRight [class*="ae-"].do {
  -webkit-animation-name: fromBottomRight;
  animation-name: fromBottomRight;
}
.animateOnEvent .fromTopRight [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromTopRight,
.animateOnEvent.fromTopRight [class*="ae-"].do {
  -webkit-animation-name: fromTopRight;
  animation-name: fromTopRight;
}
.animateOnEvent .fadeIn [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fadeIn,
.animateOnEvent.fadeIn [class*="ae-"].do {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animateOnEvent .fromBlur [class*="ae-"].do,
.animateOnEvent [class*="ae-"].do.fromBlur,
.animateOnEvent.fromBlur [class*="ae-"].do {
  -webkit-animation-name: fromBlur;
  animation-name: fromBlur;
}
@-webkit-keyframes fromBottom {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
}
@keyframes fromBottom {
  from {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTop {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
}
@keyframes fromTop {
  from {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromLeft {
  from {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromLeft {
  from {
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromRight {
  from {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    opacity: 0;
  }
}
@keyframes fromRight {
  from {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromCenter {
  from {
    -webkit-transform: scale(0.9) translate3d(0, 0, 0);
    transform: scale(0.9) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromCenter {
  from {
    -webkit-transform: scale(0.9) translate3d(0, 0, 0);
    transform: scale(0.9) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromAbove {
  from {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fromAbove {
  from {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBottomLeft {
  from {
    -webkit-transform: translate3d(-50px, 50px, 0);
    transform: translate3d(-50px, 50px, 0);
    opacity: 0;
  }
}
@keyframes fromBottomLeft {
  from {
    -webkit-transform: translate3d(-50px, 50px, 0);
    transform: translate3d(-50px, 50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTopLeft {
  from {
    -webkit-transform: translate3d(-50px, -50px, 0);
    transform: translate3d(-50px, -50px, 0);
    opacity: 0;
  }
}
@keyframes fromTopLeft {
  from {
    -webkit-transform: translate3d(-50px, -50px, 0);
    transform: translate3d(-50px, -50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBottomRight {
  from {
    -webkit-transform: translate3d(50px, 50px, 0);
    transform: translate3d(50px, 50px, 0);
    opacity: 0;
  }
}
@keyframes fromBottomRight {
  from {
    -webkit-transform: translate3d(50px, 50px, 0);
    transform: translate3d(50px, 50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromTopRight {
  from {
    -webkit-transform: translate3d(50px, -50px, 0);
    transform: translate3d(50px, -50px, 0);
    opacity: 0;
  }
}
@keyframes fromTopRight {
  from {
    -webkit-transform: translate3d(50px, -50px, 0);
    transform: translate3d(50px, -50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fromBlur {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
  }
}
@keyframes fromBlur {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0;
  }
}
.animateOnEvent .ae-1,
.animateOnEvent .ae-1.fast,
.animateOnEvent .fast .ae-1.fast,
.animateOnEvent.fast .ae-1 {
  -webkit-animation-delay: 10ms;
  animation-delay: 10ms;
}
.animateOnEvent .ae-2,
.animateOnEvent .ae-2.fast,
.animateOnEvent .fast .ae-2.fast,
.animateOnEvent.fast .ae-2 {
  -webkit-animation-delay: 110ms;
  animation-delay: 110ms;
}
.animateOnEvent .ae-3,
.animateOnEvent .ae-3.fast,
.animateOnEvent .fast .ae-3.fast,
.animateOnEvent.fast .ae-3 {
  -webkit-animation-delay: 210ms;
  animation-delay: 210ms;
}
.animateOnEvent .ae-4,
.animateOnEvent .ae-4.fast,
.animateOnEvent .fast .ae-4.fast,
.animateOnEvent.fast .ae-4 {
  -webkit-animation-delay: 310ms;
  animation-delay: 310ms;
}
.animateOnEvent .ae-5,
.animateOnEvent .ae-5.fast,
.animateOnEvent .fast .ae-5.fast,
.animateOnEvent.fast .ae-5 {
  -webkit-animation-delay: 410ms;
  animation-delay: 410ms;
}
.animateOnEvent .ae-6,
.animateOnEvent .ae-6.fast,
.animateOnEvent .fast .ae-6.fast,
.animateOnEvent.fast .ae-6 {
  -webkit-animation-delay: 510ms;
  animation-delay: 510ms;
}
.animateOnEvent .ae-7,
.animateOnEvent .ae-7.fast,
.animateOnEvent .fast .ae-7.fast,
.animateOnEvent.fast .ae-7 {
  -webkit-animation-delay: 610ms;
  animation-delay: 610ms;
}
.animateOnEvent .ae-8,
.animateOnEvent .ae-8.fast,
.animateOnEvent .fast .ae-8.fast,
.animateOnEvent.fast .ae-8 {
  -webkit-animation-delay: 710ms;
  animation-delay: 710ms;
}
.animateOnEvent .ae-9,
.animateOnEvent .ae-9.fast,
.animateOnEvent .fast .ae-9.fast,
.animateOnEvent.fast .ae-9 {
  -webkit-animation-delay: 810ms;
  animation-delay: 810ms;
}
.animateOnEvent .ae-10,
.animateOnEvent .ae-10.fast,
.animateOnEvent .fast .ae-10.fast,
.animateOnEvent.fast .ae-10 {
  -webkit-animation-delay: 910ms;
  animation-delay: 910ms;
}
.animateOnEvent .ae-1.slow,
.animateOnEvent .slow .ae-1,
.animateOnEvent.slow .ae-1 {
  -webkit-animation-delay: 10ms;
  animation-delay: 10ms;
}
.animateOnEvent .ae-2.slow,
.animateOnEvent .slow .ae-2,
.animateOnEvent.slow .ae-2 {
  -webkit-animation-delay: 210ms;
  animation-delay: 210ms;
}
.animateOnEvent .ae-3.slow,
.animateOnEvent .slow .ae-3,
.animateOnEvent.slow .ae-3 {
  -webkit-animation-delay: 410ms;
  animation-delay: 410ms;
}
.animateOnEvent .ae-4.slow,
.animateOnEvent .slow .ae-4,
.animateOnEvent.slow .ae-4 {
  -webkit-animation-delay: 610ms;
  animation-delay: 610ms;
}
.animateOnEvent .ae-5.slow,
.animateOnEvent .slow .ae-5,
.animateOnEvent.slow .ae-5 {
  -webkit-animation-delay: 810ms;
  animation-delay: 810ms;
}
.animateOnEvent .ae-6.slow,
.animateOnEvent .slow .ae-6,
.animateOnEvent.slow .ae-6 {
  -webkit-animation-delay: 1.01s;
  animation-delay: 1.01s;
}
.animateOnEvent .ae-7.slow,
.animateOnEvent .slow .ae-7,
.animateOnEvent.slow .ae-7 {
  -webkit-animation-delay: 1.21s;
  animation-delay: 1.21s;
}
.animateOnEvent .ae-8.slow,
.animateOnEvent .slow .ae-8,
.animateOnEvent.slow .ae-8 {
  -webkit-animation-delay: 1.41s;
  animation-delay: 1.41s;
}
.animateOnEvent .ae-9.slow,
.animateOnEvent .slow .ae-9,
.animateOnEvent.slow .ae-9 {
  -webkit-animation-delay: 1.61s;
  animation-delay: 1.61s;
}
.animateOnEvent .ae-10.slow,
.animateOnEvent .slow .ae-10,
.animateOnEvent.slow .ae-10 {
  -webkit-animation-delay: 1.81s;
  animation-delay: 1.81s;
}
.slides:not(.scroll) .rolling-element {
  transition: 1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.slides:not(.scroll).fast .rolling-element {
  transition-duration: 0.7s;
}
.slides:not(.scroll).slow .rolling-element {
  transition-duration: 1.4s;
}
.slides:not(.scroll) .slide.before .rolling-element {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-10 {
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-20 {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-30 {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-40 {
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-50 {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-60 {
  -webkit-transform: translateY(60%);
  transform: translateY(60%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-70 {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-80 {
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
}
.slides:not(.scroll) .slide.before .rolling-element.pct-90 {
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-10 {
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-20 {
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-30 {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-40 {
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-50 {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-60 {
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-70 {
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-80 {
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
}
.slides:not(.scroll) .slide.before .rolling-element.inverse.pct-90 {
  -webkit-transform: translateY(-90%);
  transform: translateY(-90%);
}
.slides:not(.scroll) .slide.after .rolling-element {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-10 {
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-20 {
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-30 {
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-40 {
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-50 {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-60 {
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-70 {
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-80 {
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
}
.slides:not(.scroll) .slide.after .rolling-element.pct-90 {
  -webkit-transform: translateY(-90%);
  transform: translateY(-90%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-10 {
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-20 {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-30 {
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-40 {
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-50 {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-60 {
  -webkit-transform: translateY(60%);
  transform: translateY(60%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-70 {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-80 {
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
}
.slides:not(.scroll) .slide.after .rolling-element.inverse.pct-90 {
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
}
.slides.animateOnEvent .kenBurns .background,
.slides.animateOnEvent .kenBurns.zoomin .background,
.slides.animated .kenBurns .background,
.slides.animated .kenBurns.zoomin .background {
  -webkit-transform: scale(1.08) rotate(-0.02deg);
  transform: scale(1.08) rotate(-0.02deg);
  opacity: 0.2;
  z-index: 1;
}
.slides.animateOnEvent .kenBurns.zoomin:not(.video) .background,
.slides.animateOnEvent .kenBurns:not(.video) .background,
.slides.animated .kenBurns.zoomin:not(.video) .background,
.slides.animated .kenBurns:not(.video) .background {
  transition: opacity 1s ease, -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1);
  transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease;
  transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease,
    -webkit-transform 5s cubic-bezier(0.3, 0, 0.7, 1);
}
.animateOnEvent .active .kenBurns.zoomin:not(.video) .background,
.animateOnEvent .active.kenBurns.zoomin:not(.video) .background,
.animateOnEvent .active.kenBurns:not(.video) .background,
.animated .active .kenBurns.zoomin:not(.video) .background,
.animated .active.kenBurns.zoomin:not(.video) .background,
.animated .active.kenBurns:not(.video) .background {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slides.animateOnEvent .kenBurns.zoomin:not(.video) .background,
.slides.animated .kenBurns.zoomin:not(.video) .background {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.animateOnEvent .active.kenBurns.zoomin:not(.video) .background,
.animated .active.kenBurns.zoomin:not(.video) .background,
.windows .slides.animateOnEvent .active.kenBurns.zoomin:not(.video) .background,
.windows .slides.animated .active.kenBurns.zoomin:not(.video) .background {
  -webkit-transform: scale(1.08) rotate(-0.02deg);
  transform: scale(1.08) rotate(-0.02deg);
}
.mobile .kenBurns .background,
.mobile .kenBurns.zoomin .background {
  transition: 0s;
  -webkit-transform: none;
  transform: none;
}
.slides.animateOnEvent .parallax:not(.video) .background,
.slides.animated .parallax:not(.video) .background {
  -webkit-transform: translate3d(0, 0, 0) scale(1.25);
  transform: translate3d(0, 0, 0) scale(1.25);
  transition: -webkit-transform-origin 1s, -webkit-transform 1s;
  transition: transform-origin 1s, transform 1s;
  transition: transform-origin 1s, transform 1s, -webkit-transform-origin 1s,
    -webkit-transform 1s;
}
.slides.animateOnEvent.fast .parallax:not(.video) .background,
.slides.animated.fast .parallax:not(.video) .background {
  transition: -webkit-transform-origin 0.6s, -webkit-transform 0.6s;
  transition: transform-origin 0.6s, transform 0.6s;
  transition: transform-origin 0.6s, transform 0.6s,
    -webkit-transform-origin 0.6s, -webkit-transform 0.6s;
}
.slides.animateOnEvent.slow .parallax:not(.video) .background,
.slides.animated.slow .parallax:not(.video) .background {
  transition: -webkit-transform-origin 1.4s, -webkit-transform 1.4s;
  transition: transform-origin 1.4s, transform 1.4s;
  transition: transform-origin 1.4s, transform 1.4s,
    -webkit-transform-origin 1.4s, -webkit-transform 1.4s;
}
.slides.animateOnEvent .parallax.animate:not(.video) .background,
.slides.animated .parallax.animate:not(.video) .background {
  -webkit-transform-origin: center;
  transform-origin: center;
}
.slides.animateOnEvent .slide.after.parallax:not(.video) .background,
.slides.animated .slide.after.parallax:not(.video) .background {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.slides.animateOnEvent .slide.before.parallax:not(.video) .background,
.slides.animated .slide.before.parallax:not(.video) .background {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.slides.animateOnEvent.horizontal .slide.after.parallax:not(.video) .background,
.slides.animated.horizontal .slide.after.parallax:not(.video) .background {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.slides.animateOnEvent.horizontal
  .slide.before.parallax:not(.video)
  .background,
.slides.animated.horizontal .slide.before.parallax:not(.video) .background {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.slides.animateOnEvent.zoom .slide.after.parallax:not(.video) .background,
.slides.animated.zoom .slide.after.parallax:not(.video) .background {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.slides.animateOnEvent.zoom .slide.animate.parallax:not(.video) .background,
.slides.animated.zoom .slide.animate.parallax:not(.video) .background {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(0, 0, 0) scale(1.1);
  transform: translate3d(0, 0, 0) scale(1.1);
}
.slides.animateOnEvent.plain .slide.after.parallax:not(.video) .background,
.slides.animateOnEvent.plain .slide.animate.parallax:not(.video) .background,
.slides.animateOnEvent.plain .slide.before.parallax:not(.video) .background,
.slides.animateOnEvent.zoom .slide.before.parallax:not(.video) .background,
.slides.animated.plain .slide.after.parallax:not(.video) .background,
.slides.animated.plain .slide.animate.parallax:not(.video) .background,
.slides.animated.plain .slide.before.parallax:not(.video) .background,
.slides.animated.zoom .slide.before.parallax:not(.video) .background {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.slides.animateOnEvent .scenic:not(.video) .background,
.slides.animated .scenic:not(.video) .background {
  -webkit-animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite;
  animation: scenic 140s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}
@-webkit-keyframes scenic {
  50% {
    -webkit-transform: scale(1.5) rotate(-0.02deg);
    transform: scale(1.5) rotate(-0.02deg);
  }
}
@keyframes scenic {
  50% {
    -webkit-transform: scale(1.5) rotate(-0.02deg);
    transform: scale(1.5) rotate(-0.02deg);
  }
}
.mobile .simplifiedMobile,
.scroll {
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.scroll .content .mobile .simplifiedMobile .content {
  -webkit-overflow-scrolling: initial;
  overflow: hidden;
}
.scroll .wrap {
  overflow: hidden;
}
.mobile .simplifiedMobile .container,
.mobile .simplifiedMobile .content,
.mobile .simplifiedMobile .slide,
.scroll .container,
.scroll .slide,
.scroll .slide .content {
  position: relative !important;
  height: auto;
  opacity: 1;
}
.mobile .simplifiedMobile .popup .container,
.mobile .simplifiedMobile .popup .content {
  position: absolute !important;
  height: 100%;
}
.mobile .simplifiedMobile .container,
.scroll .container {
  height: 100vh;
}
.mobile .slide.autoHeight .simplifiedMobile .container,
.scroll .slide.autoHeight .container {
  height: auto;
}
.mobile .simplifiedMobile .slide .background,
.scroll .slide .background {
  position: absolute !important;
}
.mobile .simplifiedMobile .slide:not(.autoHeight) .background,
.scroll .slide:not(.autoHeight) .background {
  min-height: 100vh;
}
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before,
.scroll .slide,
.scroll .slide.after,
.scroll .slide.before {
  visibility: visible;
  -webkit-transform: none !important;
  transform: none !important;
}
.mobile .simplifiedMobile .slide,
.mobile .simplifiedMobile .slide.after,
.mobile .simplifiedMobile .slide.before {
  opacity: 1 !important;
}
.page-loaded.mobile.sidebarShown .simplifiedMobile .slide,
.page-loaded.sidebarShown .scroll .slide {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: none;
  opacity: 0.5 !important;
}
.page-loaded .scroll .slide {
  transition: opacity 0.5s, -webkit-transform 0.5s !important;
  transition: transform 0.5s, opacity 0.5s !important;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s !important;
}
.mobile .simplifiedMobile .navigation {
  display: none;
}
.mobile .simplifiedMobile [class*="ae-"] {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transform: none !important;
  transform: none !important;
}


.slider[data-slider-id="75-0"].animated.fromAbove [class*="ae-"]:not(.done) {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
}

/********************** print ***********************/
@media print {
  .noprint{ display: none !important;}
}