﻿﻿﻿/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------NEXT CSS - CONTENTS-------------------------------------------------*/
/*
Filename:style.css
Site:Atcom Next
version:1.00
Created:30/04/2015
Last Change:30/04/2015
Author: Eystratios Axarlis
Description: Default styles for all site pages

## Font Glossary

UbuntuBlack ,UbuntuBlackItalic, UbuntuBold, UbuntuBoldItalic, UbuntuItalic, UbuntuLight, UbuntuLightItalic, UbuntuMedium, UbuntuMediumItalic,
Ubuntu, UbuntuThin, UbuntuThinItalic, Ubuntubold_condensed, Ubuntubold_condensed_italic, Ubuntucondensed_italic, Ubuntucondensed
## Colour Glossary

#000000 = black
#151a2d = header bg
#2d364f = links hover
#138e9b = Blue bg
#e5e5e5 = icon menu Bg color
#f9f9f9 = Elements
#AECD78 = icons corporate
#ffffff = white

*/
/* 1. HTML , BODY   */
/* 2. GENERAL PURPOSE CLASSES */
/* 3. HEADER PART */
/* 4. Main Website PART */
/* 5. Horizontal menu */
/* 6. Home content Part */
/* 7. Footer Part  */


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------General Purpose Classes {2. GENERAL PURPOSE CLASSES}---------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*
Fluid Baseline Grid v1.0.0
Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/
/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}
/* BASE */
html { font-size: 100%;  -webkit-text-size-adjust: 100%;width:100%!important;margin:0;float:left;padding:0;font-family: 'cf_asty_stdregular'; } /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {float:left;margin: 0; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;width:100%;overflow-x:hidden; font-size:12px;color:#777777;position:relative;height:100%;} /* Improve default text rendering, handling of kerning pairs and ligatures */
/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5; *font-size: 1em; color: #333} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 ; padding: 0}
/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {color:#777777;/*text-shadow:1px 1px 1px rgba(0,0,0,.10)*/}
h1 {margin: 0; font-size: 3.75em; line-height: 1.0em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0; font-size: 3em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h3 {margin: 0; font-size: 2.25em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em} /* 36px / 48px */
h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; } /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}
/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {/*padding-right: 1.5em;*/ }
/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle;outline:none;} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
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-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input[type="text"] {letter-spacing:1px;}
input , textarea, select { -webkit-appearance: none;    border-radius: 0;}

* { -webkit-tap-highlight-color:transparent; }
div, a, section, article, span, img, h1, h2, h3, h4, h5 ,h6 {/* -webkit-user-select:none; -moz-user-select:none;*/ }
/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc;}
blockquote > p {padding: 0;}
/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em;}
ul li , ol li {list-style-type:none;}
dl dd {margin-left: 1.5em}
dt {}
/* HYPERLINKS */
a {text-decoration: none; color:#777777;outline:none; -o-transition:color .2s ease-out, background .1s ease-in;  -ms-transition:color .2s ease-out, background .1s ease-in;  -moz-transition:color .2s ease-out, background .1s ease-in;  -webkit-transition:color .2s ease-out, background .1s ease-in;}
a:hover {text-decoration: none;color:#000000;}
a:focus {outline:none;}
a:hover, a:active {outline:none} /* Better CSS Outline Suppression */
/* MEDIA */
figure {margin: 0}
/*img, object, embed, video {max-width: 100%;	_width: 100%}*/ /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */
/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}
/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {}
ins {}
del {text-decoration: line-through}/*
::-moz-selection { color: #000000; text-shadow: none}*/ /* selected text */
/*::selection { color: #000000; text-shadow: none}*/ /* selected text */
/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */
/* DEFAULT MOBILE STYLE */
.OuterWrap {width: 98%; margin: 0 auto}
/* Center page without wrapper */
/* column grid */
.g1,.g2,.g3, .g4, .g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{display:block; position: relative; margin-left: 1%; margin-right: 1%;float:left;}
/* 1 column grid */
.g12 {width:98.0%}
.g11 {width:89.667%;}
.g10 {width:81.333%;}
.g9 {width:73%;}
.g8 {width:64.667%;}
.g7 {width:56.333%;}
.g6 {width:48%;}
.g5 {width:39.667%;}
.g4 {width:31.333%;}
.g3 {width:23.0%;}
.g2 {width:14.667%;}
.g1 {width:6.333%;}
.FullOuterWrap {position:relative;float:left;}
.g12Full, .FullOuterWrap  {width:100%;}
.HiddenHalved {display:none;}
.rightAligned {text-align:right}
.hidden, .HideDesktop , .HideDesktop.hide480{display:none;}
.HasSprite {background-image:url(../media/AKtorSprite.png);}
/*floation*/
.rightFloated {float:right!important;}
.leftFloated {float:left!important;}
/*borders*/
.Noborder  {border:0!important;}
.NoborderBtm {border-bottom:none!important;}
/*paddings*/
.NoPadding {padding:0!important;}
.PB20 {padding-bottom:20px!important;}
.PB30 {padding-bottom:30px!important;}
/*margins*/
.NOmargin {margin:0!important;}
.MT50 {margin-top:50px!important;}
.MT10 {margin-top:10px!important;}
.MT15 {margin-top:15px!important;}
.MT20 {margin-top:20px!important;}
.MT30 {margin-top:30px!important;}
.MT40 {margin-top:40px!important;}
.MB20 {margin-bottom:20px!important;}
.NomarginTop {margin-top:0!important;}
.NomarginBtm {margin-bottom:0!important;}
/*widths*/
.FullWidth {width:100%}
.centre {text-align:center!important;}
/*Tables*/

/*dropdowns*/
.chosen-container {background-color:#fff;}
.chosen-container-single .chosen-single div {width:30px;}
.chosen-container-single .chosen-single div b  {background-image:url(../media/chosen-sprite.png);background-position:3px 8px;}
.chosen-container-active.chosen-with-drop .chosen-single div b  {background-position:-28px 8px}
.chosen-container {font-size:13px;}
.chosen-container-active.chosen-with-drop .chosen-single { background-color:#fff;background-image:none;box-shadow:none}
.chosen-results {max-height:200px;/*overflow-x:hidden;overflow-y:auto*/overflow:hidden;}
.chosen-container-single .chosen-single {line-height:56px!important;height:56px;background-color:#fff;background-image:none;colo#565656;font-size:20px;border-radius:0}
.chosen-container .chosen-results {max-height:200px;}
.chosen-container-single .chosen-drop {border-radius:0;border:none;}
.chosen-container .chosen-results li{font-size:18px;border-bottom:1px solid #cfcfcf;padding-top:15px;padding-bottom:15px;padding-left:8px;padding-right:8px;}
.chosen-container .chosen-results li:hover {color:#fff;background-color:#5cc7cc;}
.chosen-container .chosen-results li:last-child {border-bottom:1px solid #fff}
.chosen-container .chosen-results {padding:0!important; box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);border:none!important;width:99.7%}
.chosen-container-single .chosen-single {border:none;}
.chosen-results {width:100%;}
.sp-viewport {width:100%;padding-right:0!important;}
.sp-scrollbar {width:10px;}
.scrolled {/*max-height:100%;overflow-x:hidden;overflow-y:auto;*/}
body .scrollpanel {  float: left;  width: 100%;  height: 200px;}
body .scrollpanel .sp-scrollbar {  width: 10px;  background-color: #ccc;  cursor: pointer;}
body .scrollpanel .sp-scrollbar .sp-thumb {  background-color: #aaa;  transition: height 0.2s ease-in-out;}
body .scrollpanel .sp-scrollbar.active .sp-thumb {  background-color: #999;}
body .no2 .sp-scrollbar,body .no4 .sp-scrollbar {  margin: 4px;}
body .no3,body .no4 {  border-radius: 9px;}
body .no3 .sp-scrollbar,body .no4 .sp-scrollbar {  border-radius: 5px;}
body .no3 .sp-scrollbar .sp-thumb,body .no4 .sp-scrollbar .sp-thumb {  border-radius: 5px;}
/*headers*/
.H4 {margin:0;text-align:center;float:left;width:100%;font-weight:normal;color:#fff;font-size:20px;line-height:100%;    font-family: 'cf_asty_stdregular';padding:28px 0;}
.H1 {color:#fff;font-size:50px;line-height:100%;margin:0;width:100%;text-align:center; font-family: 'cf_asty_stdbold_italic';font-weight:normal;}
/*owl extras*/

/*buttons*/
.Btn {display:inline-block;color:#8c3752;font-family:'cf_asty_stdmedium';font-size:16px;transition:all ease 0.2s;cursor:pointer;text-align:center;padding:14px 18px;border:none;background-color:#f1ef58;}
.FormExpression {margin-top:15px;}
.FormExpression:hover {background-color:#f7f57f}
/*error form*/
.formSuccessWrapper {float:left;width:100%;display:none;}
.Default {float:left;width:100%;position:relative;display:block;}
.socialsWrap {display:block;margin-top:15px;position: relative;}
.formSuccessWrapper label {margin-top:0px!important;}
.formErrorWrapper {float:left;width:100%;display:none;}
.formSuccessWrapper {float:left;width:100%;text-align:center;}
.formSuccessWrapper label {color:#707786;font-size:18px;font-family: 'cf_asty_stdlight';display:inline-block;width:100%;margin-top:25px;}
.formErrorWrapper h2 , .formSuccessWrapper h2{color:#fff}
.formErrorWrapper {display:;float:left;width:100%;text-align:center;}
.formErrorWrapper img , .formSuccessWrapper img{display:inline-block;font-size:0;line-height:100%;margin-bottom:30px;margin-top:85px;}
.formErrorWrapper .Btn {padding-left:30px;padding-right:30px;}
.formErrorWrapper .Btn:hover {background-color:#2d364f}
.FbPop {display:inline-block;width:41px;height:41px;background-position:-7px -344px;margin-right:3px;}
.FbPop:hover {background-position:-7px -400px;}
.TwitPop {display:inline-block;width:41px;height:41px;background-position:-57px -344px;margin-left:3px;}
.TwitPop:hover {background-position:-57px -400px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------3.  HEADER PART--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
header {float:left;width:100%;position:fixed;height:80px;background-color:#151a2d;left:0;top:0;text-align:center;z-index:12;box-sizing:border-box;box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.2);/*overflow:hidden;*/}
.LogoWrapper {float:left;margin-top:22px;margin-left:12px;}
.headerFormWrapper {float:right;}
/*menu*/
.mainNavigation {display:inline-block;max-width:77%;height:80px;}
.mainNavigation ul {float:left;padding:0;margin:0;display:table;height:80px;width:100%;box-sizing:border-box}
.mainNavigation ul li {float:none;line-height:100%;display:table-cell;vertical-align:middle;box-sizing:border-box;border-bottom:7px solid #151a2d;border-top:7px solid #151a2d}
.mainNavigation ul li a {color:#46b1b1;font-family:'cf_asty_stdmedium';font-size:16px;transition:all ease 0.2s;margin:0 20px;float:none;white-space: nowrap;box-sizing:border-box}
.mainNavigation ul li a:hover {color:#fff;}
/*menu*/
.mainNavigation ul li.ActiveMenu a {color:#ffffff!important;}
.mainNavigation ul li.ActiveMenu {border-bottom:7px solid #fff;box-sizing:border-box}
.mainNavigation ul li.website {display: none;}
/* MEGA DROP DOWN */
.nav > li > div {position: absolute;top: 51px;	display: none;	background-color:rgba(226,0,26, 0.6);	padding: 20px 15px;	box-shadow: 0 2px 3px rgba(0,0,0,0.1);	overflow: hidden;z-index:1000}
.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }
/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding: 0;}
/* 1 Column */
.container-1 { width: auto; }
.container-1 .col1 { width: 100%; }
/* 2 Column */
.container-2 { width: 270px; }
.container-2 .col1 { width: 50% }
.container-2 .col2 { width: 100% }
/* 3 Column */
.container-3 { width: 600px;}
.container-3 .col1 { width: 33.33% }
.container-3 .col2 { width: 66.66% }
.container-3 .col3 { width: 100% }
/* 4 Column */
.container-4 { width: 500px; }
.container-4 .col1 { width: 25%; }
.container-4 .col2 { width: 50% }
.container-4 .col3 { width: 75% }
.container-4 .col4 { width: 100% }
/* 5 Column */
.container-5 { width: 600px; }
.container-5 .col1 { width: 20%; }
.container-5 .col2 { width: 40% }
.container-5 .col3 { width: 60% }
.container-5 .col4 { width: 80% }
.container-5 .col5 { width: 100% }
/* HIGHLIGHTS */
.container-3 .highlighted { width: 500px;margin-left: -10px; padding: 20px; background: #e4fbff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.clearfix:after {  content: ".";  display: none;  height: 0;  clear: both;  visibility: hidden;}
/*extra col*/
.col1 {margin:0;padding-bottom:10px;position:relative;margin-left:3%!important;width:30.33%!important;}
.col1:before {width:11px;height:10px;background-position:-79px -21px;background-image:url(../Files/AKtorSprite.png);display:inline-block;position:absolute;content:"";left:-15px;top:3px;}
.col1 ul {margin-top:5px;}
.col1 ul li a {font-size:14px;line-height:30px;}
.col1 ul li:before {position:relative;content:"-";color:#fff;margin-right:5px;}
.col1 h4 {margin-bottom:0;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------4.  MAIN PART--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.GenericSection {float:left;width:100%;position:relative;background-color: #1a3b84;margin-top:-1px;}
.GenericSection.deepPurple{background-color: #261d32;}
.GenericSection.PurpleBlueGrad{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#471b29+1,1a274d+100 */
background: rgb(71,27,41); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(71,27,41,1) 1%, rgba(26,39,77,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(71,27,41,1) 1%,rgba(26,39,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(71,27,41,1) 1%,rgba(26,39,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#471b29', endColorstr='#1a274d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.Centre {text-align:center;}
.MobileAppsWrapper {display:inline-block;text-align:center;padding-bottom: 30px;}
.MobileAppsWrapper ul {float:left;display:inline-block;padding:0;margin:0;text-align:Center}
.MobileAppsWrapper ul li {float:none;display:inline-block;}
.MobLeft , .MobRight {float:left;width:36px;height:29px;position:relative;background-image:url(../Files/btns_Mobile.jpg);margin-top:0;position:relative;top:-15px;}
.MobLeft {margin-right:44px;}
.MobRight {margin-left:44px;transform:rotate(180deg);-webkit-transform: rotate(180deg); }
.MobileAppsWrapper img {float:left;margin-left:20px;}
/*items nav*/

.hasSprite {background-image:url(../Files/SpriteNext.png)}
.NExtItem:hover {background-position:-82px 0;box-shadow:16px 28px 30px 0px rgba(0, 0, 0, 0.25)}
/*popup*/
#fade { /*--Transparent background layer--*/display: none; /*--hidden by default--*/background-color:#151a2d;position: fixed; left: 0; top: 0;	width: 100%; height: 100%;z-index: 9999;}
.popup_block  {display:none;background:#fff;border-radius:0px;background-color: transparent;-moz-background-clip: padding;-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */ background-clip: padding-box;float: left;
font-size: 1.0em;position:absolute;top:0; /*fixed;top:50%;*/left:50%;z-index: 99999;padding-top:85px;}
.closeMe {    border: none;left:50%;margin-left:-34px;top:55px;display:block;width:68px;height:68px;position:absolute;cursor:pointer;z-index:2;text-indent:-9000px;}
.popup_block h1 {margin-top:60px;padding-bottom:60px;background-image:URL(../MEDIA/darkBlueHeader.png);background-repeat:no-repeat;background-position:bottom center;   font-family: 'cf_asty_stdbold_italic';font-size:50px;color:#fff;width:100%;text-align:center;}
.popup_block article {color:#fff;font-size:18px;line-height:30px;margin-top:10px;float:left;width:98%;margin-left:1%;text-align:center;margin-bottom:30px;}
.formWrapper {float:left;width:100%;position:relative;margin-bottom:30px;}
.formWrapper input[type="text"], .formWrapper input[type="email"] {float:left;width:100%;box-sizing:border-box;padding:10px 15px;color:#565656;font-size:20px;border:none;border:2px solid #fff; font-family: 'cf_asty_stdregular';}
.formWrapper label {float:left;color:#707786;font-size:14px;padding-bottom:12px; /*  font-family: 'cf_asty_stdlight';*/}
.form-field {float:left;position:relative;margin-bottom:30px;}
.form-field em {display:none;}
.form-field.error .field-validation-error {display:block;color:#ff0000;font-size:15px;float:left;width:100%;position:absolute;bottom:-20px;padding:0px 0px 0px 15px;box-sizing:border-box}
.form-field.error input[type="text"], .form-field.error input[type="email"] {border-color:#FF0000;}
.errorsList {float:left;width:98%;box-sizing:border-box;border:2px solid #ff0000;padding:20px;color:#fff;font-size:18px;}
.errorsList span {float:left;width:100%;box-sizing:border-box;padding-left:40px;background-image:url(../Files/SpriteNext.png);background-position:-22px -230px;background-repeat:no-repeat;padding-top:3px;font-family:'cf_asty_stdregular';font-size:16px;padding-bottom:3px;}
.compulsuryLabel {color:#707786;font-size:18px!important;  font-family: 'cf_asty_stdlight_oblique'!important;margin-top:35px;}
.BTNSubmit {float:right;color:#fff;border:none;padding:15px 30px;cursor:pointer;margin-top:20px;background-color:#93387e;transition:all ease 0.2s;height:60px;font-size:22px; font-family: 'cf_asty_stdbold';line-height:33px;}
.BTNSubmit:disabled {background-color:#aeb2b5}
.BTNSubmit:hover {background-color:#8a2272;}
.hideDesktop {display:none;}
.mobileMenuButton {float:right;display: inline-block;  position: relative;  height: 50px;  width: 50px;  cursor: pointer;  vertical-align: middle; background: #fff;margin-top:16px;margin-left:20px;}
.mobileMenuButton .line {position: absolute; width: 28px;height: 4px;background: #14192d;  border-radius: 0px; left: 50%; margin-left: -14px; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mobileMenuButton .line:nth-child(1) {  top: 14px;}
.mobileMenuButton .line:nth-child(2) {  top: 24px;}
.mobileMenuButton .line:nth-child(3) {  top: 34px;}
.mobileMenuButton.open { }
.mobileMenuButton.open .line:nth-child(1) {  top: 23px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  width: 37px;  margin-left: -17px;}
.mobileMenuButton.open .line:nth-child(2) {  background: transparent;}
.mobileMenuButton.open .line:nth-child(3) {  top: 23px;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  width: 37px;  margin-left: -18px;}
.form-field .g10 {width:79%}
.SkeletonWrapper {overflow:hidden;}
li.hideDesktop{display:none!important;}
.BackgroundImage {display:none;}
.LogoWrapper img {height: 36px;width: 161px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------6.  HOME PART--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*top Section*/

.MainBgImage {float:none;margin:0 auto;}
.FullOuterWrap .OuterWrap {position:static;text-align:center;height:100%;}
.MainBgImage  img {float:left;max-width:100%;border:none;}
.BackgroundImage {position:absolute;width:100%;height:100%;left:0;top:0;}
.MainFXWrapper {position:absolute;top:0;width:100%;height:100%;left:0;z-index:3;}
.MainFXWrapper .OuterWrap {height:100%;}
.MainFXWrapper .OuterWrap .g12 {height:100%;}
.TopGoogleIco {width:146px;height:55px;background-image:url(../Files/btns_Google.jpg);display:inline-block;float:left;margin-left:0px;background-repeat:no-repeat;margin-left:0;margin-right:10px;}
.TopAppleIco {width:146px;height:55px;background-image:url(../Files/btns_Apple.jpg);display:inline-block;float:left;margin-left:0px;background-repeat:no-repeat;margin-left:10px;}
.TopAppleIco:hover , .TopGoogleIco:hover {background-position:center bottom;}
/*blue section*/
.LightBlueBg {  background-color:#332646;  padding:80px 0 210px 0;  position: relative;}
.LightBlueBg:after{content:"";width:50%;height:100%;background-color:#392b4e;position: absolute;top:0;left:50%;}
.LightBlueBg .OuterWrap{position: relative;z-index: 1}
.LightBlueBg .H1 {margin-top:60px;padding-bottom:25px;background-image:URL(../MEDIA/BlueHeader.png);background-repeat:no-repeat;background-position:bottom center}
.H1 span{font-family: "cf_asty_stdlight_oblique"}
.GenericSection.LightBlueBg .g10 {margin-left:9.333%;}
.LightBlueBg .H3 {margin:0;color:#46b1b1;font-weight:normal;font-family:'cf_asty_stdmedium';font-size:34px;margin-top:30px;line-height: 1.2;}
.LightBlueBg article {color:#fff;font-size:18px;line-height:30px;margin-top:45px;float:left;width:100%;font-family: "cf_asty_stdregular"}

/*speakerpop*/
.SpeakerPop {position:fixed;width:100%;z-index:10;height:100%;top:0;left:0;display:block;padding-top:80px;box-sizing:border-box;cursor:default;transition:all ease 0.2s;left:-100%;display:none;}
.SpeakerPop.active {background-color:rgba(0,0,0,0.8);left:0;}
.SpeakerPop .g6 {background-color:#1a3b84;position:relative;height:100%;padding-top: 0px;box-sizing:border-box;}
.SpeakerPop .g6:before {content:"";background-color:#1a3b84;top:0;left:-100%;width:100%;position:absolute;display:block;height:100%}
.SpeakerPop .OuterWrap {height:100%}
.SpeakerPop .closeMe {position:absolute;top:50px;right:/*8.666%*/0;left:auto;z-index: 2000;text-indent: 0;}
.SpeakerPop .closeMe .default_btn{  width:40px;  height:40px;  position: absolute;border:none;  display: block; -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);box-shadow:-13px 22px 30px 0px rgba(0, 0, 0, 0.25)}
.SpeakerPop .closeMe .default_btn:hover		{box-shadow: -15px 26px 30px 8px  rgba(0, 0, 0, 0.25)}
.SpeakerPop .closeMe .default_btn:before{display: none;}
.SpeakerPop .closeMe .default_btn .icon{vertical-align: initial;position: relative;display: block;z-index: 1000;top:-1px;}
.SpeakerPop .closeMe .default_btn .icon:before {content: '\e907';font-family: 'icomoon';    color: #923c42; font-size: 18px; display: inline-block; vertical-align: middle;} 
.desktop .SpeakerPop .closeMe .default_btn:hover{width:45px;height:45px;}
.SpeakerPopinnerWrapper {float:left;width:100%;text-align:center;}
.mCSB_inside {max-height:100%!important;}
.SpeakerPopinnerWrapper {max-height:100%!important;/*overflow-x:hidden;overflow-y:auto;*/ overflow:hidden;height:100%; -webkit-transform: translateZ(0);transform: translateZ(0);}
.mCustomScrollBox {}
.SpeakerPopImgWrapper {margin-top:40px;position: relative;width:80px;height:80px;border-radius:80px;overflow:hidden;display:inline-block;box-shadow:-13px 22px 30px 0px rgba(0, 0, 0, 0.25)}
.SpeakerPopImgWrapper img {float:left;width:100%;height:80px;}
.SpeakerPopinnerWrapper .MainScheduleWrapper.Centre.Presenter {    margin-bottom: 40px;margin-top:0!important;width:100%!important;padding-top:0!important}
.popJob {font-family: 'cf_asty_stdregular';display:inline-block;width:100%;color:#fff;font-size:20px;margin-top:10px;}
.representativeCOmpany {display:inline-block;width:100%;color:#707786;font-size:16px;margin-top:2px;font-family: 'cf_asty_stdlight';}
.SpeakerPopinnerWrapper article {font-family: "cf_asty_stdregular";float:left;width:100%;position:relative;color:#fff;font-size:16px;line-height:30px;margin-top:30px;padding-top:40px;padding-left:5%;box-sizing:border-box;padding-right:5%}
.SpeakerPopinnerWrapper .liner {display:none;}
/*darkblue*/
.DarkBlue {overflow: hidden;  padding:40px 0px;  padding-bottom:200px;background: rgba(23,21,39,1);background: -moz-linear-gradient(-45deg, rgba(23,21,39,1) 0%, rgba(71,27,41,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(23,21,39,1)), color-stop(100%, rgba(71,27,41,1)));
background: -webkit-linear-gradient(-45deg, rgba(23,21,39,1) 0%, rgba(71,27,41,1) 100%);
background: -o-linear-gradient(-45deg, rgba(23,21,39,1) 0%, rgba(71,27,41,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(23,21,39,1) 0%, rgba(71,27,41,1) 100%);
background: linear-gradient(135deg, rgba(23,21,39,1) 0%, rgba(71,27,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171527', endColorstr='#471b29', GradientType=1 );}
.DarkBlue:before{  content:"";  background-image:url(../files/half_circles.png);  background-position:right center;  background-repeat:no-repeat; background-size:1642px 1571px;  position: absolute;  margin-top: -40px;  width:1642px;  height:1571px;}
.DarkBlue:after{  content: "";  width:1642px;  height:1571px;  position: absolute;  border:2px solid #3b6427;    left: 1220px;    top: -10px;  opacity: 0.3;  -webkit-transform: rotate(46deg);     -moz-transform: rotate(46deg);      -ms-transform: rotate(46deg);       -o-transform: rotate(46deg);          transform: rotate(46deg);}
.DarkBlue .H1 {margin-top:60px;padding-bottom:25px;background-image:URL(../MEDIA/darkBlueHeader.png);background-repeat:no-repeat;background-position:bottom center}
.DarkBlueSpeakerWrapper{float:left;width:102%;position:relative;text-align:center;margin-left:-1%;}
.DarkBlueSpeakerWrapper ul {float:left;width:100%;padding:0;margin:0;text-align:center;}
.DarkBlueSpeakerWrapper li {display:inline-block;width:25%;margin-top:30px;cursor:pointer;float:left;}
.DarkBlueSpeakerWrapper li:nth-child(4n+1) {clear:left;}
.SpeakerImageWrapper {box-shadow: -13px 22px 30px 0px rgba(0, 0, 0, 0.25);float:none;width:256px;overflow:hidden;height:256px;border-radius:50%;z-index:2;margin: 0 auto;position:relative;box-sizing:border-box;transition:all ease 0.2s;display:inline-block;}
.SpeakerWrapper:after, .SpeakerWrapper:before{  content:"";  width:296px;  height:296px;  position: absolute;  top:-20px;  background:url(../Files/hover.svg) no-repeat;  background-size: 100%;  -webkit-transform: translateX(-50%) scale(0.5);     -moz-transform: translateX(-50%) scale(0.5);      -ms-transform: translateX(-50%) scale(0.5);       -o-transform: translateX(-50%) scale(0.5);          transform: translateX(-50%) scale(0.5);  left:50%;
  z-index: 1;
}
.SpeakerWrapper:after{ width:336px;  height:336px; top:-40px;}
.desktop .SpeakerWrapper:after, .desktop .SpeakerWrapper:before{
  -webkit-transition: transform .5s ease-in-out;
     -moz-transition: transform .5s ease-in-out;
      -ms-transition: transform .5s ease-in-out;
       -o-transition: transform .5s ease-in-out;
          transition: transform .5s ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.540, 0.135, 0.000, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.540, 0.135, 0.000, 1.015);
   -moz-transition-timing-function: cubic-bezier(0.540, 0.135, 0.000, 1.015);
     -o-transition-timing-function: cubic-bezier(0.540, 0.135, 0.000, 1.015);
        transition-timing-function: cubic-bezier(0.540, 0.135, 0.000, 1.015); /* custom */
}
.desktop .SpeakerWrapper:after{ -webkit-transition-delay: .1s; transition-delay: .1s;}
.desktop .SpeakerWrapper:hover:after, .desktop .SpeakerWrapper:hover:before{
  -webkit-transform: translateX(-50%) scale(1);
     -moz-transform: translateX(-50%) scale(1);
      -ms-transform: translateX(-50%) scale(1);
       -o-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}
.SpeakerPopImgWrapper:after, .PresenterImgWrapper:after{content: ""}
.SpeakerMask , .SpeakerPopImgWrapper:after, .PresenterImgWrapper:after , .authors  .dualSpeakers  .PresenterImgWrapper:after{
  left:0;
  top:0;
  width:100%;height:100%;position:absolute;z-index:2;box-sizing:border-box;
  background: rgba(140,55,82,0.6);
background: -moz-linear-gradient(-45deg, rgba(140,55,82,0.6) 0%, rgba(241,238,88,0.6) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(140,55,82,0.6)), color-stop(100%, rgba(241,238,88,0.6)));
background: -webkit-linear-gradient(-45deg, rgba(140,55,82,0.6) 0%, rgba(241,238,88,0.6) 100%);
background: -o-linear-gradient(-45deg, rgba(140,55,82,0.6) 0%, rgba(241,238,88,0.6) 100%);
background: -ms-linear-gradient(-45deg, rgba(140,55,82,0.6) 0%, rgba(241,238,88,0.6) 100%);
background: linear-gradient(135deg, rgba(140,55,82,0.6) 0%, rgba(241,238,88,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3752', endColorstr='#f1ee58', GradientType=1 );
opacity:1;
}
.SpeakerImageWrapper img {float:left;height:100%;position:relative;z-index:1;}
.SpeakerWrapper h5{z-index:2;position: relative;margin-bottom:0;margin-top:15px;   font-family: 'cf_asty_stdbold';color:#f1ef58;font-weight:normal;font-size:23px;line-height:26px;background-image:url(../media/SpeakerHeader.png);background-position:bottom center;background-repeat:no-repeat;padding-bottom:13px;}
.SpeakerTitle {float:left;margin-top:10px;color:#fff;font-size:20px;line-height:100%;text-align:center;width:100%;font-family: 'cf_asty_stdregular';}
.CompanyTitle {color:#7d6b79;font-size:16px;line-height:100%;text-align:center;float:left;width:100%;margin-top:10px;position:relative;z-index:9}
.desktop .DarkBlueSpeakerWrapper li .SpeakerMask{
  -webkit-transition: opacity .25s linear;
   -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
     -o-transition: opacity .25s linear;
        transition: opacity .25s linear;}
.DarkBlueSpeakerWrapper li:hover .SpeakerMask {opacity:0;}
.DarkBlueSpeakerWrapper li:hover .SpeakerWrapper h5{color:#fff}
.DarkBlueSpeakerWrapper li:focus .SpeakerMask,.DarkBlueSpeakerWrapper li:visited .SpeakerMask , .DarkBlueSpeakerWrapper li:active .SpeakerMask{opacity:1;}
.LightBlueBg.ImgBg {background-color:#138e9b;background-image:url(../media/darkbluebg.jpg);background-position:top center;background-size:cover;overflow:hidden}
.clock {display:inline-block;font-size:16px;font-family: 'cf_asty_stdregular';color:#486cbc;}
.PresenterImgWrapper {display:inline-block;width:90px;height:87px;overflow:hidden;border-radius:87px;position: relative;display: block;margin:0 auto;margin-top: 25px;box-shadow: -13px 22px 30px 0px rgba(0, 0, 0, 0.25);}
.PresenterImgWrapper img {float:left;max-width:100%;}
.PresenterImgWrapper.dual {left:44%}
.PresenterImgWrapper.dualLast {left:56%}
.ScheduleListinner li .MainScheduleWrapper.Presenter {border-radius: 50%;padding:0;    background-color: rgba(35,52,93,0.6);border: 2px solid #486cbc;width:239px;height:239px;}
.schedule .MainScheduleWrapper.Presenter h5{color:#f1ef58;text-align: right;font-size: 24px;}
.schedule .MainScheduleWrapper.Presenter .PresenterName{
  top:50%;
  width:300px;
  left:40px;
  position: absolute;
  -webkit-transform: translate(-100%, -50%);
     -moz-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
       -o-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.schedule .MainScheduleWrapper.Presenter .PresenterName span{
  position: absolute;
  right:0;
  font-size: 120px;
  opacity:0.2;
  color:#fff;
  font-family: 'cf_asty_stdbold';
  line-height: 1;
  top: 50%;
  margin-top: 8px;
  margin-right:-3px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.MainScheduleWrapper.Presenter .subject{
  position: absolute;
  text-align: left;
  top:50%;
  left:100%;
  margin-left:15px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.MainScheduleWrapper.Presenter .subject article{font-family: 'cf_asty_stdregular';font-size: 24px;padding: 0px 0px 15px;position: relative;width:310px;line-height: 1}
.MainScheduleWrapper.Presenter .subject a{font-size: 16px;}
.MainScheduleWrapper.Presenter .PresenterImgWrapper{margin-top: calc(50% - 43.5px);}
.MainScheduleWrapper.Presenter .clock{
  position: absolute;
  top:33px;
  left:50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
/*schedule list*/

.schedule .g12{padding-bottom:200px;}
.schedule .NExtItem{position: absolute;
}
.schedule .H1{margin-bottom:40px;z-index: 1;position: relative;}
.schedule .MainScheduleWrapper h5{color:#fff;font-size: 20px;margin-top: 2px;}
.ScheduleList {float:left;width:100%;position:relative;z-index:0;margin-top:45px;}
.ScheduleListinner {width:100%;padding:0;margin:0;position:relative;z-index:2;}
.ScheduleListinner li {display:inline-block;float:left;width:100%;text-align:center;margin-bottom:20px;margin-top:40px;}
.ScheduleListinner li .MainScheduleWrapper {box-sizing:border-box;display:inline-block;background-color:rgba(21,26,45,0.8);color:#fff;padding:20px;position:relative;}
.ScheduleListinner li .MainScheduleWrapper.keypoint{background: none;padding-top:0px;}
.ScheduleListinner li .MainScheduleWrapper.keypoint:before{content:"";background-color: #0e2353;border-radius: 50%;width:128px;height:128px;position: absolute;-webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  left:50%;
  top:50%;
  z-index: -1;
  box-shadow: -10px 22px 30px 0px rgba(0, 0, 0, 0.25);
}
.ScheduleListinner li .MainScheduleWrapper.sectional:after{
  content:"";
  background: url(../Files/circles_even.png) no-repeat;
  background-size: 1454px 1462px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left:49%;
  top:44%;
  width: 1454px;
  height: 1462px;
  z-index: -2;
}
.ScheduleListinner li .MainScheduleWrapper.sectional.odd:after{background: url(../Files/circles_odd.png) no-repeat;background-size: 1454px 1454px; width: 1454px;height: 1462px;}
.ScheduleListinner li .MainScheduleWrapper.break{background: transparent;}
.arrow {margin-left:-10px;position:absolute;left:50%;bottom:-8px;z-index:1;width:20px;height:20px;/*background-color:rgba(21,26,45,0.8);*/display:block;transform:rotate(0deg);-webkit-transform: rotate(0deg); background-image:url(../media/arrow-down.png);background-position:bottom center;background-repeat:no-repeat;}
.MainScheduleWrapper h5 {color:#5cc7cc;font-weight:normal;margin:0;font-size:24px;font-family: 'cf_asty_stdbold';margin-top:10px;}
.MainScheduleWrapper article {display:inline-block;padding-top:25px;margin-top:0px;padding-bottom:20px;}
.liner {opacity:0.5;position:absolute;width:1px;left:50%;margin-left:-0.5px;bottom:-128px;height:118px;background-color: #fff;}
.imagesAnimatedWrapper {position:absolute;z-index:1;left:0;top:0;height:100%;width:81.333%;margin-left:9.666%;}
.imagesAnimatedWrapper ul {float:left;position:absolute;width:100%;padding:0;margin:0;height:100%}
.imagesAnimatedWrapper ul li {position:absolute;z-index:1;display:block;float:left;width:auto;}
.imagesAnimatedWrapper.Repeated {top:2000px;}
.imagesAnimatedWrapper.RepeatedTwice {top:4000px;}
.ScheduleListinner  li:last-child {margin-bottom:0;}
.GenericSection.LightBlueBg.ImgBg .NExtItem {bottom:-140px;}
.MainScheduleWrapper  h5 {color:#f1ef58;}
.MainScheduleWrapper.Category h5 {font-size:30px;line-height:30px;color:#1e2a47!important;}
.MainScheduleWrapper.Category .clock  {background-image:none;padding-left:0;}
.MainScheduleWrapper.Category {background-color:rgba(92,199,186,0.8)!important;width:50%!important}
.MainScheduleWrapper.Category .arrow {background-image:url(../Media/arrow_category.png)}
.animated1 {top:150px;right:33%;}
.animated2 {top:185px;left:33%;}
.animated3 {top:460px;right:33%;}
.animated4 {top:490px;left:8%;}
.animated5 {top:555px;right:12%;}
.animated6 {top:775px;right:4%;}
.animated7 {top:840px;left:34%;}
.animated8 {top:1024px;left:8%;}
.animated9 {top:1078px;right:34%;}
.animated10 {top:1285px;right:8%;}
.animated11 {top:1388px;left:23%;}
.animated12 {top:1424px;left:8%;}
.animated13 {top:1586px;right:43%;}
.animated14 {top:1837px;left:8%;}
.animated15 {top:1869px;right:8%;}

/*map*/
.DarkBlue.ImgBg {background-image:url(../media/bottomMap.jpg);background-size:cover;padding-bottom:47px;background-position:top center;background-color:#151b2d}
.Venue {float:left;width:100%;text-align:center;padding:50px 0;line-height:100%;font-size:0;position:absolute;z-index:2;}
.Venue h2, .Venue div {float:left;margin:0;color:#f1ef58;font-size:58px;font-weight:normal;font-family: 'cf_asty_stdbold';line-height:100%;position:relative;z-index:3;}
.locationInfo {float:left;margin-top:216px;margin-left:105px;position:relative;z-index:2;}
.locationInfo h4 {color:#fff;font-size:36px;margin:0;font-family: 'cf_asty_stdbold';position:relative;}
.locationInfo article {color:#fff;font-size:22px;line-height:1.5;text-align:left;margin-top:25px;font-family: 'cf_asty_stdregular';}
.locationInfo article span{margin-top:15px;display: block;}
.fullBottomTxt {text-align:center;font-size:18px;line-height:43px;color:#fff;width:100%;margin: 15px 0px;}
.Venue .line{height:52px;width:1.5px;opacity:0.3;display: block;position: relative;margin-top: 80px;left: 120px;}
.infoSection {    padding: 100px 0px 120px;overflow:hidden;}
.infoSection:before{
  content: "";
  width:1500px;
  height:1500px;
  position: absolute;
  top:55%;
  left:30%;
  border:2px solid #f1ef58;
  opacity:0.3;
  z-index: 1;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
     -moz-transform: translate(-100%, -50%) rotate(45deg);
      -ms-transform: translate(-100%, -50%) rotate(45deg);
       -o-transform: translate(-100%, -50%) rotate(45deg);
          transform: translate(-100%, -50%) rotate(45deg);
}
.infoSection .g12{float:none;}
.infoSection .H1{    padding-bottom: 40px;}
.infoSection .deco_dots{position: absolute;left: -20%;top: 210px;}
.infoSection .content{position: relative;margin-top:50px;}
.MapOuterWrapper{
  position:absolute;
  left:50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.MapOuterWrapper .imgHolder{border-radius: 50%;overflow: hidden;  width: 650px; height: 650px;}
.MapOuterWrapper:before{  content:"";  background:url(../Files/map_circle.svg) no-repeat;  background-size:690px 690px;  width:690px;  height:690px;  position: absolute;  top:-20px;  left:-20px;}
.fullBottomTxt .spacer {display:inline-block;background-color:#5cc7cc;height:1px;width:40px;margin-left:40%;margin-right:40%;border:none;}
.fullBottomTxt span {width:100%;display:inline-block;}
.DarkBlue.ImgBg .NExtItem {transform:rotate(180deg);-webkit-transform:rotate(180deg);bottom:-121px;}
/*Google Map*/
.GoogleApiMap {background-color:#d7d7d7;max-height:680px;overflow:hidden;height:680px;}
#visualization {float:left;width:100%;top:-350px;opacity:1;height:1188px;position:absolute;left:0;}
path:not([fill^="#f3f3f3"]):hover {cursor:pointer;fill:#e01f25;stroke:#e01f25;}
.GoogleApiMap h1 {z-index:10;position:relative;width:auto;}
.GoogleApiMap .dropDownWrapper {z-index:10;position:relative;text-align:left}
.GoogleApiMap.RedBordered {border-top:2px solid #e1001a;margin-top:-2px;}
.GmapWrapper {position:relative;width:609px;height:400px;background-color:black;display:inline-block;z-index:2;margin-bottom:40px;margin-top:130px;box-shadow: -13px 22px 30px 0px rgba(0, 0, 0, 0.25);}

/*purple*/
.SponsorSection{font-size: 0;display: table;padding:40px 0 60px 0;}
.sponsorArea .titlaki{color:#fff;font-size: 15px;font-family: 'cf_asty_stdregular';margin-bottom:20px;}
.sponsorArea .area{padding: 40px 20px;display: inline-block;vertical-align: top;}
.sponsorArea{display: table-cell;height100%;vertical-align: top;}
.sponsorArea.basicSponsor{width:61%;background-color: #332646;}
.sponsorArea.basicSponsor .area{float:right;}
.sponsorArea.basicSponsor .area .contents{width:100%;max-width:820px;}
.sponsorArea.others{width:39%;font-size: 0;}
.sponsorArea .logos{margin-top:30px;}
.sponsorArea .logoWrapper{margin: 12px 0px;display: block;}
.sponsorArea .logoWrapper img{max-width: 100%;}
.sponsorArea .patronage .logos{margin-top:0px;}
.sponsorArea.others .area{width:100%;height:65%;}
.sponsorArea.others .area .contents{float:left;margin-left: 10%;}
.sponsorArea.others .sponsors{background-color:#392b4e }
.sponsorArea.others .patronage{background-color: #3f3155;height:36%;}
.microsoftLogWrapper img {font-size:0;width: 181px;}
.Purple {float:left;width:100%;background-color:#332646;text-align:center;/* padding:30px 0 80px; */}
.Purple article {font-family: 'cf_asty_stdregular';float:none;text-align:center;color:#fff;font-size:18px;line-height:30px;width:100%;display:inline-block;box-sizing:border-box;padding:0 20px;padding-top:28px!important;}
/* Copyright 2012 Google Inc. All Rights Reserved. */
.google-visualization-tooltip {border: solid 1px #c4c4c4!important;background-color:rgba(0,0,0,0.6)!important;color:#fff!important;}
.google-visualization-tooltip-item {color:#fff!important;font-size:14px!important; text-align:center;}
.google-visualization-tooltip-item-list  , .google-visualization-tooltip-square , .google-visualization-tooltip-separator {color:#fff!important}
/*tip*/
.MapTip {display:block;position:relative;width:70px;text-align:center!important;}
.MapTip:after{position:absolute;width:18px;height:17px;right:-47px;display:inline-block;bottom:0;content:"";z-index:1;background-image:url(../media/AKtorSprite.png);background-position:-353px -6px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------7. FOOTER PART--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer {padding:0px;text-align:center;float:left;width:100%;padding-bottom:0px;position:relative;background-color:#151a2d}
footer .topFooter{background-image:url(../Files/footer_bg.jpg);background-size:cover;background-position:center center;padding-top: 120px;}
footer .OuterWrap, footer .g12{float:none;}
footer ul {padding:0;margin:0;width:100%;text-align:center;}
footer ul li {width:100%;display:inline-block;font-size:20px;color:#fff;margin-bottom:15px;}
footer ul li:last-child{margin-bottom:30px;}
footer ul li h4 {margin:0;color:#fff;font-weight:normal;font-size:20px; font-family:"cf_asty_stdregular";}
.copyright {float:left;color:#444857;font-size:14px;font-family: 'cf_asty_stdregular';text-align: left;}
.Atcom {float:right;opacity:0.7;transition:all ease 0.2s;}
.Atcom:hover {opacity:1.0;}
.icoGoogle {width:130px;display:inline-block;height:40px;background-image:url(../Files/footer_google.png);background-position:top center;margin-right:5px;}
.IcoApple {width:130px;display:inline-block;height:40px;background-image:url(../Files/footer_apple.png);background-position:top center;margin-left:5px;}
footer .Btn {height:60px;padding-left:30px;padding-right:30px;}
footer .Btn:hover {background-color:#1e2a47}
.icoGoogle:hover , .IcoApple:hover {background-position:bottom center;}
.bottomFooter{background-color: #151a2d;position: relative;width: 100%; padding: 20px 0px;}
.bottomFooter .g12{font-size: 0}
.bottomFooter .g12 > div{display:inline-block;vertical-align: middle;width:50%;}
footer .FormExpression:hover{background-color: transparent;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------8. Add-Ons PART--------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.headerFormWrapper .chosen-container  {background-color:#810a53;border:none!important;margin-top:10px;}
.headerFormWrapper .chosen-container-active.chosen-with-drop .chosen-single {border:none!important;color:#fff;background-color:#a1146b;box-shadow:none}
.headerFormWrapper .chosen-container-single .chosen-single {background-color:#810a53;color:#fff;box-shadow:none}
.headerFormWrapper .chosen-container-single .chosen-single div b {background-image:url(../Media/chosen-sprite2.png)}
.headerFormWrapper .chosen-container .chosen-results ul  {background-color:#810a53;padding-bottom:0;margin-bottom:0!important;}
.headerFormWrapper .chosen-container .chosen-results ul li {background-color:#810a53;border:none!important;}
.headerFormWrapper .chosen-drop {background-color:#810a53;color:#fff;margin-top:1px;}
.headerFormWrapper .chosen-container .chosen-results li {border:none}
.headerFormWrapper  .chosen-container .chosen-results {margin-bottom:0;}
.headerFormWrapper .chosen-container .chosen-results li.result-selected , .headerFormWrapper .chosen-container .chosen-results li.active-result.highlighted{background-color:#a1146b;color:#fff}

.thumbs,.gallery,.links,.slider {}
.thumbs {text-align: center;}
.thumbs:after {content: " ";display: block;clear: both;}
.thumbs a {display: inline-block;margin: 20px 20px 0 0;}
.thumbs img {width: 130px;height: 130px;}
.thumbs img,
.gallery img {}
.thumbs a:hover img {border-color: #999;}
.gallery {height: 145px;}
.hidden {display: none;}
.slick-next.slick-arrow {width:23px;height:40px;background-image:url(../Media/arrowss.png);transform:rotate(180deg);-webkit-transform:rotate(180deg);text-indent:-9000px;right:-50px;}
.slick-prev.slick-arrow {width:23px;height:40px;background-image:url(../Media/arrowss.png);text-indent:-9000px;left:-50px;}
.slick-arrow:hover {background-position:bottom center}
.slick-slide {margin-left:0px;margin-right:0px;}
#example-1 {padding:0 10px;margin:0;float:left;width:102%;position:relative;left:-1%}
.item.slick-slide a{float:left;width:100%;}
.item.slick-slide a img {width:100%;float:left;}
.item.slick-slide {margin:10px}

.fancybox-image {max-width:950px}
.fancybox-lock .fancybox-overlay {background-color:rgba(21,26,45,0.95)}
.fancybox-nav {background-image:url(../Media/arrows2.png);background-repeat:no-repeat;background-position:center left;transition:none}
.fancybox-nav.fancybox-next {right:-60px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.fancybox-nav.fancybox-prev {left:-60px;}
.fancybox-nav span {display:none;}
.fancybox-nav.fancybox-prev:hover {background-position:-57px center;background-color:transparent}
.fancybox-nav.fancybox-next:hover {background-position:-57px center;background-color:transparent}
.fancybox-item.fancybox-close {background-image:url(../Files/SpriteNext.png);width:68px;height:68px;background-position:-82px -94px;transition:none;left:50%;right:auto;top:-120px;margin-left:-34px;}
.fancybox-item.fancybox-close:hover {background-position:0 -94px;}
.fancybox-title-outside-wrap {display:inline-block;width:100%;text-align:center;}
.fancybox-title-outside-wrap label {width:100%;font-size:18px;font-family: 'cf_asty_stdlight';margin-top:10px;}

.btnPReview , .btnpreview, a.btnPReview, a.btnPReview:visited, a.btnpreview, a.btnpreview:visited{color:#f1ef58;font-family: 'cf_asty_stdbold';display:inline-block;white-space: nowrap;position: relative;}
.btnPReview:hover, .btnpreview:hover {color:#f7f57f;}
.desktop .btnpreview:hover:after, .desktop .btnPReview:hover:after{margin-left: 25px;}
.desktop .btnpreview:after, .desktop .btnPReview:after{
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
}
.btnpreview:after, .btnPReview:after{content: "\e902";font-family: 'icomoon';display: inline-block;position: relative;margin-left:10px;}
.footerBtnsWrapper .cases {color:#fff;font-weight:bold;font-size:22px;background-color:#810a53;display:inline-block;padding:20px 20px;margin:0 5px;}
.footerBtnsWrapper .cases:hover {background-color:#a1146b}

.header_btn {  position: relative;  border: 0;  width: 204px;  cursor: pointer;  display: inline-block;  float:right;  white-space: nowrap;  width:auto;  margin-top: 40px;  -webkit-transform: translateY(-50%);     -moz-transform: translateY(-50%);      -ms-transform: translateY(-50%);       -o-transform: translateY(-50%);          transform: translateY(-50%);}
.header_btn a {    -webkit-transition: all 200ms ease-out;    -moz-transition: all 200ms ease-out;    -ms-transition: all 200ms ease-out;    -o-transition: all 200ms ease-out;    transition: all 200ms ease-out;    background-color: #f1ef58;    padding: 0;    display: inline-block;    position: relative;    text-align: center;}
.header_btn .iconArrow {  background: url(../Files/SpriteNext.png);  background-position: -159px -420px;  width: 18px;  height: 10px;  display: block;  position: absolute;  right: 40px;  top:50%;  margin-top: -5px;  -webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;  display: none;}
.header_btn:hover .iconArrow {  -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.header_btn > a:before {    background: #f7f57f;    color: #8c3752;    content: 'REQUEST YOUR INVITATION';    font-family: 'cf_asty_stdmedium';    font-size: 16px;    padding: 12px 25px;}
.header_btn a:before {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    line-height: 28px;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    padding-left: 18px;
}

.header_btn a {    -webkit-transform-style: preserve-3d;    -moz-transform-style: preserve-3d;    transform-style: preserve-3d;}
.header_btn:hover > a {
  -webkit-transform-origin: 50% 0%;
  -webkit-transform: rotateX(90deg) translateY(-100%);
  -moz-transform-origin: 50% 0%;
  -moz-transform: rotateX(90deg) translateY(-100%);
  -ms-transform-origin: 50% 0%;
  -ms-transform: rotateX(90deg) translateY(-100%);
  transform-origin: 50% 0%;
  transform: rotateX(90deg) translateY(-100%);
}

.header_btn button {    position: relative;    width: 100%;    text-align: left;    padding:14px 18px;}
.hoverWrapper {
  position: absolute;
  font-family: 'CFAstyStd-Medium';
  right:0;
  visibility:hidden;
  opacity: 0;
  transition: opacity 0.1s 0.15s ease-out;
  -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.05); -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.05); box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.05);
  left: auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin-top: 1px;
}

.header_btn:hover .hoverWrapper {  visibility: visible;  opacity: 1;}
.hoverWrapper .hoverItem {  font-size: 14px;  background-color: #ffffff;}
.hoverWrapper .hoverItem a {  padding:13px 11px;  background-color: #a1146b;  color:#ffffff;  text-align: right;  margin: 0;}
.hoverWrapper .hoverItem a:hover {  color:#ffffff;  background-color: #810a53;}
.hoverWrapper .hoverItem:last-child a {  border-bottom: 0;}
/* |||| LOADER ||||||*/


.loader{
    background: rgba(26,39,77,1);
    background: -moz-linear-gradient(-45deg, rgba(26,39,77,1) 0%, rgba(142,55,83,1) 88%, rgba(142,55,83,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(26,39,77,1)), color-stop(88%, rgba(142,55,83,1)), color-stop(100%, rgba(142,55,83,1)));
    background: -webkit-linear-gradient(-45deg, rgba(26,39,77,1) 0%, rgba(142,55,83,1) 88%, rgba(142,55,83,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(26,39,77,1) 0%, rgba(142,55,83,1) 88%, rgba(142,55,83,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(26,39,77,1) 0%, rgba(142,55,83,1) 88%, rgba(142,55,83,1) 100%);
    background: linear-gradient(135deg, rgba(26,39,77,1) 0%, rgba(142,55,83,1) 88%, rgba(142,55,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a274d', endColorstr='#8e3753', GradientType=1 );
    left:0;
    position: fixed;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 91;
}

.loader .dot{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 21px;
    -webkit-transform: translate3d(146px, 55px, 0);
    -moz-transform: translate3d(146px, 55px, 0);
    -ms-transform: translate3d(146px, 55px, 0);
    -o-transform: translate3d(146px, 55px, 0);
    transform: translate3d(146px, 55px, 0);
}

.loader .dot:before{    background-color: #fff;    border-radius: 50%;    content: '';    display: block;    width: 100%;    height: 100%;}
.loader .text{
    color:#fff;
    font-size: 18px;
    font-family: 'cf_asty_stdlight_oblique';
    line-height: 1;
    letter-spacing: 0.8em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 255px;
    -webkit-transform: translate3d(-123px, 54px, 0);
    -moz-transform: translate3d(-123px, 54px, 0);
    -ms-transform: translate3d(-123px, 54px, 0);
    -o-transform: translate3d(-123px, 54px, 0);
    transform: translate3d(-123px, 54px, 0);
}

.loader .dotWrap span{    background-color: #fff;    border-radius: 50%;    display: inline-block;    opacity: 0.2;    vertical-align: top;    width: 6px;    height: 6px;}
.loader .text > span{    display: inline-block;    vertical-align: middle;}
.loader .text .dotWrap:after{
    background-color: #fff;
    content: '';
    opacity: 0.2;
    position: absolute;
    right: 0;
    top:50%;
    width: 45px;
    height: 1px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.loader .dotWrap{    display: inline-block;    margin:-1px 0 0 15px;    padding-right: 51px;    position: relative;    vertical-align: top;    width: 6px;    height: 6px;}
/****** LOADER END ******/

/**************************************/
/************* GENERIC RING CSS ************/
/**************************************/
.radialCanvas{    position: absolute;    top: 0;    left: 0;    width:100%;    height:100%;}
.ringImage{    position:absolute;}
.grad {    position:absolute;
    width:100%;
    height:100%;
    background: #1a274d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-45deg, #8e3752 12%, #1a274d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg, #8e3752 12%, #1a274d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg, #8e3752 12%, #1a274d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg, #8e3752 12%, #1a274d); /* Standard syntax */
}
.canvasContainer{    overflow: hidden;}
.ringImagesContainer{    position:absolute;    width: 100%;    height: 100%;}
.disable-select {    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.bgImage{    position: absolute;}

.logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 586px;
    height: 224px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.logo-container > div{    left:0;    position: absolute;    width: 100%;}
.logo-container .btm{    top:155px;}
.logo-container .top{    top:0;}
.logo-container img{
    left:0;
    top:0;
    position: absolute;
    width: 100%;
    height: auto;
}

.canvasContainer {
    overflow: hidden;
}

.event-date {
    position: relative;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
    width: 270px;
    top: 0;
    padding-top: 7vh;
}

.event-date .col {
    display: inline-block;
    vertical-align: top;
}

.event-date .col.m_y{
    width: 70px;
}

.date{
    background: url(../Files/date_shadow.png) no-repeat scroll right bottom;
    background-size: 100% auto;
    height: 160px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.event-date .col > span {
    display: inline-block;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.3;
    font-family: 'cf_asty_stdbold', sans-serif;
}

.event-date .col .day {
    font-family: 'cf_asty_stdlight';
    font-size: 82px;
    line-height: 0.8;
    margin-right:5px;
}

.event-date .col .year {
    color: #46b1b1;
}

.event-date .month {
    margin-top: -7px;
    position: relative;
}

.event-date .month:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #f8f8f8;
    background: rgba(255,255,255,.3);
    position: absolute;
    left: 0;
    top: 96%;
}

.MainBgImage .ringImage{float:none;max-width:none;}

/* DEFAULT BUTTON */

.default_btn {
    cursor: pointer;
    line-height: 50px;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    border-radius: 50%;
    background: #f1ef58;
    display: inline-block;
    position: relative;
	text-align:center;
    -webkit-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
 /*   -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;*/
    -webkit-transform: translate(-50%, 50%);
       -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
         -o-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
}
.default_btn:before {content:"";width:0;height:100%;display: inline-block;vertical-align: middle;}
.desktop .default_btn:hover{
  background-color: #f7f57f;
  width:64px;
  height:64px;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.default_btn .icon{color:#923c42;font-size: 18px;display: inline-block;vertical-align: middle;}

.separator{position: relative;display: inline-block;z-index: 1}
.separator:before, .separator:after{margin:0px 3px;content:"";height:2px;background-color: #fff;opacity: 0.5;display: inline-block;vertical-align: middle;}
.separator:before{width:16px;}
.separator:after{width:80px;}
span.separator.small {
  height: auto;
  margin:0 auto;
  width: 14px;
}
.separator.small:before{
  width:23px;
  left:-26px;
  margin:0;
}
.separator.small:after{  width: 26px;  right: -26px;  left:auto;  margin:0;}
.separator.small:before, .separator.small:after{  margin-top: -3px;  background-color: #928b94;  opacity: 0.5;  top: 50%;}
.separator.small .circle{width:10px;height:10px;border:2px solid #928b94;border-radius:50%;display: inline-block;margin:0;padding:0;opacity: 0.5}
.buttonWrap {    text-align: center;    margin: 0 auto;    margin-bottom: 80px;}
.buttonWrap button{    background: transparent;    border:none;}
.buttonWrap .inner{    display: inline-block;    position: relative;    vertical-align: top;}
.buttonWrap .cont, .buttonWrap, .buttonWrap .inner{    width: 360px;    height: 45px;}
.buttonWrap .inner{    /*background: url(../Files/shade.png) no-repeat scroll center bottom;  */  height: 100px;    width: 410px;text-align:Center;}
.btn {
    font-family: 'cf_asty_stdbold', sans-serif;
    font-size: 22px;
    padding: 12px 22px 12px 17px;
    text-align: left;
    text-decoration: none;
    outline: 0;
    border: 0;
    background: none;
    position: relative;
    color: #8c3752;
    cursor: pointer;
    width: 100%;
}
.btn.interest-btn {text-align:Center;}
.page {    position: relative;    overflow: hidden;    height: calc(100vh - 249px);    min-height: 750px;}
.page.form-open:before {    background-color: #000;
    content: '';
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;}
main {    float: left;    width: 100%;    height: 100%;}
.interest-btn{    left:0;    position: absolute;    top:4px;}
.intro .interest-btn {  line-height: 1.3;}
.btn span {    position: relative;    z-index: 2;}
.btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f1ef58;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
}

.btn:after{    content: "\e903";    display: inline-block;    font-family: 'icomoon';    font-size: 16px;    position: relative;    vertical-align: middle;}
.btn .text {    display: inline-block;    letter-spacing: -0.04em;    padding: 0 10px;    vertical-align: middle;}
.btn-deactivated .btn {    color: #b2b2b2;}
button.btn-deactivated .btn,button.btn-deactivated{    cursor: default;}
.btn-deactivated .btn:before {    background: #747474;}
.buttonWrap .cont{
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 250ms ease-out;
       -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
         -o-transition: all 250ms ease-out;
            transition: all 250ms ease-out;
}

.btn.back{
    left:-8px;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    width: 100%;
}

.btn.back:before{
    background-color: #f7f57f;
}


.btnMove{
    display: inline-block;
    position: relative;
}

.buttonWrap:not(.IEOnly) .inner:not(.btn-deactivated) .cont .btn {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.buttonWrap:not(.IEOnly) .inner:not(.btn-deactivated):hover .cont .btn.front {
    -webkit-transform-origin: 50% 0;
    -webkit-transform: rotateX(90deg) translateY(-100%);
    -moz-transform-origin: 50% 0;
    -moz-transform: rotateX(90deg) translateY(-100%);
    -ms-transform-origin: 50% 0;
    -ms-transform: rotateX(90deg) translateY(-100%);
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -o-transform: rotateX(90deg) translateY(-100%);
    transform: rotateX(90deg) translateY(-100%);
}

.buttonWrap .inner:hover .cont .btn.back {
    -webkit-transform-origin: 50% 0%;
    -webkit-transform: rotateX(0deg) translateY(-100%);
    -moz-transform-origin: 50% 0%;
    -moz-transform: rotateX(0deg) translateY(-100%);
    -ms-transform-origin: 50% 0%;
    -ms-transform: rotateX(0deg) translateY(-100%);
    transform-origin: 50% 0%;
    transform: rotateX(0deg) translateY(-100%);
}
.form .buttonWrap:hover  .btn-deactivated .btn.interest-btn.back{display:none;}
.voula{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: inline-block;
  background-color: #fff;
}
.hollowBefore:before, .fullAfter:after{
  content:"";
  border-radius: 50%;
  position: absolute;
  width:7px;
  height:7px;
}
.hollowBefore:before{
  border:1.5px solid white;
  top:-9px;
  background-color: transparent;
  left:-4px;
}

.fullAfter:after{
  bottom:-7px;
  background-color: white;
  left:-3px;
}

.break:before, .break .bottom_deco:before, .break .bottom_deco:after{
  content:"";
  position: absolute;
  width:90px;
  height:1px;
  background-color:white;
  opacity:0.4;
  left:50%;
  margin-left:-45px;
  display: inline-block;
  top:0;
}

.ScheduleListinner li .MainScheduleWrapper.break{padding:10px 20px 0px;}
.break .dotFull{bottom:auto;top:-3.5px;left:50%;margin-left:-3.5px;}
.bottom_deco{
  border-radius: 50%;
  position: relative;
  width:7px;
  height:7px;
  border:1.5px solid white;
  margin:13.5px auto 0px;
  display:inline-block;
}
.break .bottom_deco:before, .break .bottom_deco:after{
  width:40.5px;
  top:50%;
  margin-top:-0.5px;
}
.break .bottom_deco:before{
  left:-41px;
  margin-left: 0;
}
.break .bottom_deco:after{
  left:51px;
}
.dotFull{
  border-radius: 50%;
  display: inline-block;
  background-color: white;
  width:7px;
  height:7px;
  position: absolute;
}
.keypoint .dotFull{
  top:0px;
  margin-left:-3.5px;
  left:50%;
}
.keypoint .bottom_deco{
  margin:0 auto;
  position: absolute;
  top: 76px;
  left: 50%;
  margin-left: -4.5px;
}
.Presenter .liner{
  opacity:0.4;
  bottom: auto;
  top: 0;
  height: calc(100% + 64px);
  margin-top: -40px;
}
li.keypoint{position: relative;}



/*nota*/
/*
.modalwrp * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.modalwrp {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index:-1;
  min-height: 100%;
  padding:85px 0;
  opacity:0;
  margin: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
  -webkit-transition: transform 0.5s ease, opacity 0.5s ease;
  -moz-transition: transform 0.5s ease, opacity 0.5s ease;
  -ms-transition: transform 0.5s ease, opacity 0.5s ease;
  -o-transition: transform 0.5s ease, opacity 0.5s ease;
}
.modalwrp.opened {
  z-index:30;
  opacity:1;
}
.overlay {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background: #0e121f;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transition: transform 350ms ease-out;
  -moz-transition: transform 350ms ease-out;
  -ms-transition: transform 350ms ease-out;
  -o-transition: transform 350ms ease-out;
  transition: transform 350ms ease-out;
}
.modalwrp.opened .overlay {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.modal {
  position: relative;
  z-index: 5;
  max-width: 820px;
  margin: 60px auto 0 auto;
  text-align: left;
  width: 94%;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transition: transform 550ms ease-out 0.1s;
  -moz-transition: transform 550ms ease-out 0.1s;
  -ms-transition: transform 550ms ease-out 0.1s;
  -o-transition: transform 550ms ease-out 0.1s;
  transition: transform 550ms ease-out 0.1s;
}
.modalwrp.opened .modal {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.SkeletonWrapper.modOpened {
    height: 100vh;
    overflow: hidden;
}
.form .field {
  float:left;
  width: calc(50% - 10px);
  margin-bottom: 26px;
}
.form .field:nth-child(even) {
  float:right;
}
.form .row:after {
  content:"";
  clear:both;
  display:block;
}
.form .input {
  position: relative;
}
.form input, .form textarea, .form select {
  font-size: 18px;
  color: #000000;
  padding: 20px 20px 8px 8px;
  width: 100%;
  border: 2px solid transparent;
  font-family: 'cf_asty_book';
}
.form label {
  font-family: 'cf_asty_stdlight', sans-serif;
  font-size: 14px;
  color: #747474;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

.form-container h2 {
  font-family: 'cf_asty_stdlight_oblique', sans-serif;
  color: #5cc7cb;
  font-size: 50px;
  font-weight: normal;
  position: relative;
  margin: 70px 0 10px 0;
}
.closeWrap {
  margin-top: 10px;
  position: relative;
}
.form-container {
  text-align: center;
}

.form-container .close {
  cursor: pointer;
  line-height: 50px;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  border-radius: 50%;
  background: #f1ef58;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
  -webkit-transform: scale(0.91);
  -moz-transform: scale(0.91);
  -ms-transform: scale(0.91);
  -o-transform: scale(0.91);
  transform: scale(0.91);
}
.form-container .icon-x_close {
  color: #8c3752;
  font-size: 18px;
  line-height: 42px;
}
.form-container .desc {
  font-family: 'cf_asty_book';
  font-size: 18px;
  line-height: 1.6;
  color: #ffffff;
  max-width: 90%;
  margin: 10px auto 32px;
  position: relative;
}


.form-container .close:hover {
  background-color: #f7f57f;
  -webkit-box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
*/
.form-container .closeWrap:before, .form-container .closeWrap:after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.form-container .closeWrap:after {
    width: 6px;
    height: 6px;
    background: #4c4552;
    border-radius: 50%;
    top: calc(200% + 12px);
}
.form-container .closeWrap:before {
  width: 1px;
  height: 45px;
  background: #4c4552;
  top: calc(100% + 10px);
}
.form input:focus, .form textarea:focus, .form select:focus {
  outline: 0;
  border: 2px solid #f1ef58;
  box-shadow: 0 0 12px 3px rgba(241, 239, 88, .35);
}
.form input:focus + label, .input.focus label {
  font-size: 11px;
  top: 24%;
}
.warning {
  font-family: 'cf_asty_stdregular', sans-serif;
  font-size: 18px;
  color: #ffffff;
  padding: 15px 20px;
  position: relative;
}
.warning.error {
  border: 2px solid #ff0000;
}
.form .warning.error {
  margin-bottom: 20px;
}
.warning-icon {
  color: #ff0000;
  font-size: 25px;
  vertical-align: middle;
}
.warning-text {
  margin-left: 15px;
  display: inline-block;
  line-height: 1.2;
  width: calc(100% - 50px);
  text-align: left;
  vertical-align: middle;
}
.compulsory {
  font-family: 'cf_asty_stdlight_oblique', sans-serif;
  font-size: 16px;
  color: #b1b1b1;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin: 28px 0;
  position: relative;
}
.form .buttonWrap {
  float: right;
  text-align: center;
  width: auto;
}
.form .buttonWrap .cont, .form .buttonWrap .inner {
  width: 172px;
  height: 54px;
}
.error input,.fielad.error input, .error textarea, .error select, .error input:focus, .error textarea:focus, .error select:focus {
  border-color: #ff0000;
  box-shadow: 0 0 12px 3px rgba(255, 0, 0, .35);
  color: #ff0000;
}
.multiple .col_6 {
  float:left;
  width: calc(50% - 10px);
}
.multiple .col_6:nth-child(even) {
  float:right;
}
.form .field.grd9 {
  width: calc(70% - 10px);
}
.form .field.grd3 {
  width: calc(30% - 10px);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mask *,
.intro * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.intro {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}
.intro .buttonWrap {
    position: absolute;
    top: calc(50% + 110px);
    left: 50%;
    width: 479px;
    height: 108px;
    margin:0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.btn.back {
    left: -9px;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    width: 100%;
    height: 100%;
}
.intro .buttonWrap .cont {
    width: 400px;
    height: 54px;
}
.intro .buttonWrap .inner {
    background: url(../Media/shade.png) no-repeat scroll center bottom;
    margin-left: 37px;
    width: 442px;
    height: 54px;
}
.mask {
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: 0;
    height: 0;
    -webkit-transform: translate3d(156px, 62px, 0);
    -moz-transform: translate3d(156px, 62px, 0);
    -ms-transform: translate3d(156px, 62px, 0);
    -o-transform: translate3d(156px, 62px, 0);
    transform: translate3d(156px, 62px, 0);
}
.form-container {
    text-align: center;
    width: 820px;
    height: 730px;
    left: calc(50% - 155px);
    position: absolute;
    top: calc(50% - 60px);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.form-container .wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.closeWrap {
    margin-top: 10px;
    position: relative;
}
.form-container .close {
    cursor: pointer;
    line-height: 50px;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    border-radius: 50%;
    background: #f1ef58;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 13px 22px 30px 0px rgba(0, 0, 0, 0.25);
   /* -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;*/
    -webkit-transform: scale(0.91);
    -moz-transform: scale(0.91);
    -ms-transform: scale(0.91);
    -o-transform: scale(0.91);
    transform: scale(0.91);
}
.form-container .close:hover {
    background-color: #f7f57f;
    -webkit-box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 15px 26px 30px 8px rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.form-container .icon-x_close {
    color: #8c3752;
    font-size: 18px;
    line-height: 44px;
}
.form-container h2 {
    font-family: 'cf_asty_stdlight_oblique', sans-serif;
    color: #5cc7cb;
    font-size: 50px;
    font-weight: normal;
    position: relative;
    margin-top: 70px;
}
.form-container h2 b {
    font-family: 'cf_asty_stdbold', sans-serif;
    font-style: italic;
}
.separator {
    display: block;
    width: 100px;
    margin: 10px auto 15px;
    height: 2px;
    position: relative;
}
.separator:before {
    width: 15px;
    left: 0;
}
.separator:after {
    width: 80px;
    left: 20px;
}
.separator:before, .separator:after {
    content: '';
    background: #928b93;
    height: 2px;
    display: inline-block;
    position: absolute;
    top: 0;
    opacity:1;
}
.desc {
    font-family: 'cf_asty_stdregular', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #ffffff;
    max-width: 665px;
    margin: 0 auto 32px;
    position: relative;
}
.form-status {
    font-family: 'cf_asty_stdregular', sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin-top: 100px;
}
.form .row {
    display: inline-block;
    font-size: 0;
    margin-bottom: 26px;
    vertical-align: top;
    width: 100%;
}
.form .field {
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 10px;
}
.form .row .field:nth-child(2) {
    margin-left: 10px;
    margin-right: 0;
}
.form .input {
    position: relative;
}
.form input, .form textarea, .form select {
    font-family: 'cf_asty_stdregular', sans-serif;
    font-size: 18px;
    color: #000000;
    padding: 20px 20px 8px 8px;
    height:50px;
    width: 100%;
    border: 2px solid transparent;
    -webkit-transition: border .2s ease, box-shadow .25s ease-in;
    -moz-transition: border .2s ease, box-shadow .25s ease-in;
    -ms-transition: border .2s ease, box-shadow .25s ease-in;
    -o-transition: border .2s ease, box-shadow .25s ease-in;
    transition: border .2s ease, box-shadow .25s ease-in;
}
input {
    border-radius: 0;
    -webkit-appearance: none;
}
.form label {
    font-family: 'cf_asty_stdlight', sans-serif;
    font-size: 14px;
    color: #747474;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.page.form-open .intro,
.topSection.formOpened .NExtItem.default_btn {
    opacity: 0;
    -webkit-transition: all 350ms ease-out 0ms;
    -moz-transition: all 350ms ease-out 0ms;
    -ms-transition: all 350ms ease-out 0ms;
    -o-transition: all 350ms ease-out 0ms;
    transition: all 350ms ease-out 0ms;
}
.NExtItem.default_btn{
  position:absolute;
  left:50%;
  bottom:90px;
  cursor:pointer;
  border:none;
  z-index:5;
 
}
.intro .NExtItem.default_btn {
  bottom:50px;
}
.LightBlueBg .NExtItem {bottom:-100px;}
.LightBlueBg .NExtItem .icon{margin-left:-3px;}
.NExtItem.default_btn .icon{
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.topSection {
  float:left;
  position:relative;
  width:100%;
  font-size:0;
  z-index:1;
  background-color:#152437;
  margin-top:80px;
  height:calc(100vh - 249px);
  min-height:710px;
}
.Purple .NExtItem {bottom: -30px;transform: rotate(180deg) translateX(50%);-webkit-transform:rotate(180deg) translateX(50%);    box-shadow: 13px -22px 30px 0px rgba(0, 0, 0, 0.25);}
.DarkBlue .NExtItem {bottom:-100px;}
.field select {font-family: 'cf_asty_stdlight', sans-serif;font-size: 14px;color: #747474;}
.schedule{padding:145px 0px 100px;overflow: hidden;}
li.break {margin:0;}

.scList .sect {
  position:relative;
  z-index:2;
}
.scList {
    padding: 100px 0;
    text-align: center;
    position:relative;
}
.schedule .H1,.schedule .separator  {
    z-index: 4;
}
.scList .sect.point:before {
  content:"";
  width:128px;
  height:128px;
  border-radius:50%;
  background: #0e2353;
  position:absolute;
  top:50%;
  left:50%;
  z-index:0;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.scList .sect.point:after {
  content:"";
  width:1454px;
  height:1486px;
  background: url(../Media/point1.png) no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  z-index:-2;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.scList .sect.point.yellow:after {
  height: 1505px;
  background: url(../Media/point2.png) no-repeat;

}
.sect.point.yellow {
    z-index: 1;
}
.scList .sect.point.nobg:after {
    content: "";
    background: url(../Media/nobg.png) no-repeat;
    width: 89px;
    height: 60px;
    top: auto;
    bottom: -82px;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    z-index: 1;
    margin-left: -43.5px;
}
.scList .sect.point.nobg {
    z-index: 7;
}

.scList h5 {
    color: #fff;
    font-size: 20px;
    margin-top: 2px;
    max-width: 410px;
    margin: 0 auto;
}
.sect.authors {
  padding:85px 0 80px 0;
  position:relative;
  z-index: 8;
}

.authors .PresenterImgWrapper {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  margin:0;
}
.authors .PresenterName {
    top: 50%;
    width: 300px;
    left: 40px;
    position: absolute;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.authors .artWrp h5 {
    color: #f1ef58;
    text-align: right;
    font-size: 24px;
}
.authors .numb {
    position: absolute;
    right: 0;
    font-size: 120px;
    opacity: 0.2;
    color: #fff;
    font-family: 'cf_asty_stdbold';
    line-height: 1;
    top: 50%;
    margin-top: 8px;
    margin-right: -3px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.authors .subject {
  font-family: 'cf_asty_stdregular';
    font-size: 24px;
    padding: 0px 0px 0px;
    position: relative;
    width:250px;
    line-height: 1;
    color:#fff;
    position: absolute;
    text-align: left;
    top: 50%;
    margin-left:15px;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.authors .subject p {
  font-size: 24px;
   line-height: 1;
   margin:10px 0;
}
.authors .clock {
  position:absolute;
  top:37px;
  left:0;
  width:100%;
}
.authors .btnPReview {
  font-size: 16px;
}
.authors .artWrp {
    border-radius: 50%;
    padding: 0;
    background-color: rgba(35,52,93,0.6);
    border: 2px solid #486cbc;
    width: 239px;
    height: 239px;
    display:inline-block;
    position:relative;
    margin-bottom:40px;

}
.authors article {
  z-index: 1;
  position:relative;
}
.authors article:after {
  content:"";
  width:1px;
  left:50%;
  z-index:-1;
  background:#fff;
  opacity:0.4;
  position:absolute;
  top:0;
  height:100%;
}
.authors article:first-child:after {
  top: -50px;
  height:calc(100% + 50px);
}
.authors article:first-child:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -58px;
    width: 7px;
    height: 7px;
    border: 1.5px solid rgba(255,255,255,0.5);
    margin: 0 0 0 -4.5px;
    display: inline-block;
}
.authors .break {
  padding:15px 0;
  position:relative;
}
.authors .break:after {
  content:"";
  background:url(../Media/break.png) no-repeat;
  width:89px;
  height:68px;
  top: 100%;
  position:absolute;
  left:50%;
  margin-left: -43.5px;
}
.authors .break .clock {
  position:relative;
  top:0;
}
.authors .break .dot {
  border-radius:50%;
  background:#fff;
  opacity:0.4;
  top:0;
  left:50%;
  width:7px;
  position:absolute;
  height:7px;
  margin:-3.5px 0 0 -3.5px;
}
.PresenterImgWrapper  {height:90px;border-radius:90px;}
.PresenterImgWrapper img {border-radius:90px;top:-1px;position:relative;float:left;max-width:104%;left:-1px;border-radius:90px;}
.authors  .dualSpeakers  .PresenterImgWrapper {width:68px;height:68px;border-radius:68px;}
.authors  .dualSpeakers  .PresenterImgWrapper:first-child {top:41%;z-index:2;} 
.authors  .dualSpeakers  .PresenterImgWrapper:last-child {top:66%;z-index:1;} 

.overl {
  background:#18274a;
  opacity:0.3;
  position:absolute;
  top:125px;
  left:0;
  width:100%;
  height:840px;
  transition: transform 1s ease-out 0.5s;
  -webkit-transition: transform 1s ease-out 0.5s;
  -moz-transition: transform 1s ease-out 0.5s;
  -ms-transition: transform 1s ease-out 0.5s;
  -o-transition: transform 1s ease-out 0.5s;
}
.overl.trans {
  transform:translateY(100%);
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
  -ms-transform:translateY(100%);
  -o-transform:translateY(100%);
}
.overl.trans.trans2 {
  transform:translateY(200%);
  -webkit-transform:translateY(200%);
  -moz-transform:translateY(200%);
  -ms-transform:translateY(200%);
  -o-transform:translateY(200%);
}
.authors a.artWrp:hover {
    background-color: rgba(14,35,83,0.8);
}
.PresenterImgWrapper:after {
  opacity: 1.0;
}
.icnDot {
  position:absolute;
  width:245px;
  height:245px;
  top:50%;
  left:50%;
  margin:-122.5px 0 0 -122.5px;
  background:url(../Media/circle1.png) no-repeat;
  animation: rotate 5s ease infinite;
  -webkit-animation: rotate 5s ease infinite;
  -moz-animation: rotate 5s ease infinite;
  -ms-animation: rotate 5s ease infinite;
  -o-animation: rotate 5s ease infinite;
}
.icnDot.blue {
  background:url(../Media/circle2.png) no-repeat;
}
.icnDot.red {
  background:url(../Media/circle3.png) no-repeat;
}
.icnDot.green {
  background:url(../Media/circle4.png) no-repeat;
}
.topFooter .btn.back {
  height:21px;
}
a.yelBtn {
    display: inline-block;
    text-align: center;
    color: #8c3752;
    font-family: 'cf_asty_stdmedium';
    font-size: 16px;
    background-color: #f1ef58;
}
a.yelBtn .txt {
  padding: 18px;
  background-color: #f1ef58;
  position: relative;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/*a.yelBtn .txt:before {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    line-height: 1;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    width: 100%; 
    height: 100%;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    background: #f7f57f;
    color: #8c3752;
    content: '';
    font-family: 'cf_asty_stdmedium';
    font-size: 16px;
    padding: 17px 10px;
}*/

a.yelBtn .txt2 {
  -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    line-height: 1;
    top: 100%;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0% 0%;
    transform: rotateX(-90deg);
    width: 100%; 
    height: 100%;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    background: #f7f57f;
    color: #8c3752;
    content: '';
    font-family: 'cf_asty_stdmedium';
    font-size: 16px;
    padding: 18px 10px;
}

a.yelBtn:hover .txt {
  -webkit-transform-origin: 50% 0%;
  -webkit-transform: rotateX(90deg) translateY(-100%);
  -moz-transform-origin: 50% 0%;
  -moz-transform: rotateX(90deg) translateY(-100%);
  -ms-transform-origin: 50% 0%;
  -ms-transform: rotateX(90deg) translateY(-100%);
  transform-origin: 50% 0%;
  transform: rotateX(90deg) translateY(-100%);
}
/*a.yelBtn:hover .txt:before {
  -ms-transform-origin: 0% 0%;
  -ms-transform: rotateX(0) translateY(0);
}*/
a.yelBtn:hover .txt2 {
  -webkit-transform-origin: 50% 0%;
  -webkit-transform: rotateX(0deg) translateY(-100%);
  -moz-transform-origin: 50% 0%;
  -moz-transform: rotateX(0deg) translateY(-100%);
  -ms-transform-origin: 50% 0%;
  -ms-transform: rotateX(0deg) translateY(-100%);
  transform-origin: 50% 0%;
  transform: rotateX(0deg) translateY(-100%);
}
.topBtn {
  position: relative;
  float: right;
  width: auto;
  margin-top: 17px;
}

.sponsLInks li {
  display:inline-block;
  margin:15px 20px;
}
.sponsorsDrop {
  max-width:900px;
  margin:0 auto;
}
ul.sponsLInks {
  display: inline-block;
  vertical-align: middle;
}
.SponsorSection h6 {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  margin:4px 20px 0;
  letter-spacing: 1px;
  font-weight:normal;
  line-height: 1;
  font-family: 'cf_asty_stdmedium';
}
img {
  max-width:100%;
}
/*style without app*/
.topSection,
.page {
  height: calc(100vh - 80px);
}
/*style without app*/

/*vk*/
.mainNavigation.show li .topBtn {display: none;}
.form-status .title {
    font-family: 'cf_asty_stdbold', sans-serif;
    font-size: 35px;
    position: relative;
	line-height:1.6;
    margin-bottom: 40px;
}
.form-status.success .title {
    margin-bottom: 10px;
}
.form-status .title:before {
    display: inline-block;
    margin-right: 17px;
    font-family: 'icomoon';
    font-size: 25px;
    vertical-align: top;
    position: relative;
    top: 8px;
}
.form-status.success .title:before {
    content: "\e901";
    color: #13c871;
}
.form-status p:not(.title) {
    line-height: 2;
    position: relative;
}
.form-status .share {
    margin-top: 50px;
    position: relative;
}
.share > span {
    font-family: 'cf_asty_stdlight', sans-serif;
    font-size: 16px;
    color: #635964;
    display: block;
    margin-bottom: 16px;
}

.share span {
    color: #b1b1b1;
}
.share li {
    font-size: 20px;
    display: inline-block;
    list-style-type: none;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
}
.share li a {
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    line-height: 40px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.share span {
    color: #b1b1b1;
}
.share .icon-social_fb, .share .icon-social_tw {
    color: #fff;
}
.icon-social_fb:before {
    content: "\e905";
}
.share li a .icon-social_fb {
    margin-top: 4px;
}
.share li .icon-social_tw {
    font-size: 17px;
}
.icon-social_tw:before {
    content: "\e906";
}  
.sect.authors { padding: 83px 0 0 0; } 
.sect.authors + .sect.authors { padding: 0; } 
.sect.authors + .sect.authors article:first-child:before { content:none; } 
.sect.authors + .sect.authors article:first-child:after { top: 0; height: 100%; } 
.break .dot { 
border-radius: 50%; 
background: #7689b5; 
opacity: 1.0; 
top: 0; 
left: 50%; 
width: 7px; 
position: absolute; 
height: 7px; 
margin: -3.5px 0 0 -2.5px; 
} 
.scList .sect.break { padding: 15px 0 95px 0; position: relative;z-index: 10; margin-bottom:10px;} 
.authors article:first-child:before { 
content: ""; 
/*border-radius: 7px; */
position: absolute; 
left: 50%; 
top: -59px; 
width: 9px; 
height: 9px; 
border:none;/* 1.5px solid rgba(255,255,255,0.5); */
margin: 0 0 0 -3.8px; 
display: inline-block; 
background-image:url(../../files/breafinal.png)
} 

.sect.point + .sect.break { 
margin-top: 82px; 
} 
.break:after { 
content: ""; 
background: url(../Media/break.png) no-repeat; 
width: 89px; 
height: 68px; 
bottom: 15px; 
position: absolute; 
left: 50%; 
margin-left: -43.5px; 
} 

.sect.break + .sect.authors {
    padding-top: 35px;
}
.sect.point .liner{content:"";background-color:#7689b5;height:1px;width:100%;display:block;left:0;position:absolute;bottom:17px;z-index:-2;}
.sect.point h5 {z-index:2;position:relative;top:-7px;}
.sect.point  .clock {position:relative;top:-9px;}
.schedule  .NExtItem.default_btn {bottom:75px;}
.notouched {opacity:1!important}
.incap_page-tooltip.incap_from-right.incap_bottom { z-index: 999 }





/*new post event styles*/
.postEvent .atcomText {font-size: 62px;color:#ffffff;font-family: 'cf_asty_stdregular';line-height: 88%;float: left;}
.postEvent h4 {font-size: 25px;padding-bottom: 10px;}
.postEvent .nextYear {font-size: 18px;color:#46b1b1;margin-top: 15px;}
.postEvent .MobLeft, .postEvent .MobRight {top:-41px;}
.postEvent .MobileAppsWrapper {padding-bottom: 17px;}
/*post about section*/
.postAbout.LightBlueBg {padding: 59px 0 210px 0;}
.postAbout.LightBlueBg .H1 {margin-top: 0;}
.postAbout.LightBlueBg .H3 {font-family: 'cf_asty_stdmedium';font-size: 24px;color:#46b1b1;margin-top: 50px; line-height: 33px;}
.postAbout.LightBlueBg h4 {font-family: 'cf_asty_stdlight';font-size: 30px;color:#f1ef58;font-weight: normal;margin-top: 32px;letter-spacing: 6px;line-height: 100%;}
.slideWrapper {float: left;width: 100%;margin-top: 25px;}
.slideWrapper .slideRow {margin-bottom: 10px;float: left;width: 100%;}
.slideWrapper .slideRow .imageWrapper {float: left;border: 10px solid transparent; box-sizing: border-box;}
.slideWrapper .slideRow .imageWrapper > a {height: 304px;width: 100%;float: left;background-repeat: no-repeat;background-size: cover;cursor: pointer;display: block;position: relative;}
.slideWrapper .slideRow .imageWrapper > a:after {content:'';position: absolute;left:0;top:0;bottom:0;right:0;opacity: 0;visibility: hidden;transition:all 0.3s;background-color: rgba(21,26,45,0.5);}
.slideWrapper .slideRow .imageWrapper > a:hover:after, .slideWrapper .slideRow .imageWrapper > a:focus:after {opacity: 1;visibility: visible;}
.slideWrapper .half {width: 100%;}
/*.slideWrapper .half ~ .quarter {margin-top: 10px;}*/
.slideWrapper .quarter {width: 50%;}
/*.slideWrapper .quarter + .half {margin-top: 10px;}*/
.slideWrapper .slick-arrow {background-image: url(../Media/slickButtons.png);width: 20px;height: 35px;background-color: transparent;border:0;display: block;position: absolute;top:50%;margin-top:-17.5px;}
.slideWrapper .slick-prev {background-position: -57px 0;left:0;}
.slideWrapper .slick-next {background-position: 0 0;right:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.slideWrapper .slick-next.slick-arrow {right: -60px;}
.slideWrapper .slick-prev.slick-arrow {left:-60px;}
.fancybox-image {max-width: 100%;}
.postEventFancy .fancybox-skin {margin-top: 80px;}
.postEventFancy .fancybox-item.fancybox-close {display: block;top:-82px;background-image: url(../Media/closeButton.png);background-position: 0 0 ;background-size: cover;}
.postEventFancy .fancybox-item.fancybox-close:hover {background-position:-69px 0;}
.postEventFancy .altFancyText {font-size: 18px;background-color: #ffffff;color:#2d364f;line-height: 26px;padding: 20px 10px;}
.postEventFancy.fancybox-opened .fancybox-title {margin-top: 0;}
.topFooter.postEvent .buttonWrap .cont, .topFooter.postEvent .buttonWrap, .topFooter.postEvent .buttonWrap .inner {width: 203px;margin-bottom: 0;}
.topFooter.postEvent ul li:nth-child(2) {width: auto;margin-right: 57px;}
.topFooter.postEvent ul li:nth-child(3) {width: auto;}
.topFooter.postEvent ul li:nth-child(4) {margin-top: 53px; font-size: 20px; margin-bottom: 87px;}
.topFooter.postEvent ul li:nth-child(4) strong {display: block;font-size: 24px;margin-top: 10px;}
a.yelBtn {display: block;}
a.yelBtn:hover .hoverWrapper {opacity: 1;visibility: visible;}
.hoverWrapper {border: 0;margin-top: -1px;width: 415px;}
.hoverWrapper .hoverItem a { padding: 18px 11px; background-color: #f1ef58; color: #8c3752; text-align: right; margin: 0;display: block;font-family: 'cf_asty_stdbold';font-size: 18px;}
.hoverWrapper .hoverItem a:hover {background-color: #d9d739;color: #8c3752;}
.hoverWrapper .hoverItem {background-color: #f1ef58;}
.menuWithArrow {position: relative;}
.menuWithArrow ul {display: none;position: absolute;width: 100%;right:0;left:0;padding-top: 20px;}
.menuWithArrow ul li {display: block;border:0;background-color:#151a2d;line-height: 100%;}
.menuWithArrow ul li a {display: block;width: 100%;line-height: 100%;line-height: 35px;margin-left: 0;}
/*.menuWithArrow i {background-image: url('../media/arrow.png');display: inline-block;width: 13px;height: 7px;vertical-align: middle;margin-left: 10px;transition:all 0.3s;margin-top: -1px;}
.menuWithArrow:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.menuWithArrow:hover ul, .menuWithArrow:focus ul {display: block;}*/
.mainNavigation ul li.website {display: inline;}
a.yelBtn {position: relative;}
a.yelBtn .txt {color:#8c3752;font-family: 'cf_asty_stdbold';padding: 17px 10px;}
a.yelBtn .txt2 {font-family: 'cf_asty_stdbold';padding: 17px 10px;background-color: #f1ef58;}
.mainNavigation.show li .topBtn {display: block;}
.blue a.yelBtn {background:#54b8cf;}
.blue a.yelBtn .txt {background:#54b8cf;color: #fff;}
.blue a.yelBtn .txt2 {background:#50b1c7;color: #fff;}
.blue .hoverWrapper { width: 300px;}
.blue .hoverWrapper .hoverItem a {background:#4ba4b9;color: #fff;font-size: 16px;}
.mainNavigation.show .blue .hoverWrapper .hoverItem a {background:#4ba4b9;color:#fff;}