.GenericSection.LightBlueBg.noclick em {letter-spacing:-1px;}

@keyframes rotate {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
  0% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);}
}

@-webkit-keyframes dot {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1);
    }
}
@-moz-keyframes dot {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1);
    }
}
@-o-keyframes dot {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1);
    }
}
@keyframes dot {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin:center center;
        transform-origin: center center;
        -webkit-transform: scale(1);
         -moz-transform: scale(1);
          -ms-transform: scale(1);
           -o-transform: scale(1);
              transform: scale(1);
    }
}

@keyframes fadeIn {
  from { opacity: 0; }
}

.loader .dot:before {
    /*webkit-animation: dot 1s infinite both alternate ease;
   -moz-animation: dot 51 infinite; both alternate ease;
   -o-animation: dot 51 infinite both alternate ease;
   animation: dot 1s infinite both alternate ease;*/
    -moz-animation: fadeIn 1s infinite alternate;
    -o-animation: fadeIn 1s infinite alternate;
    -webkit-animation: fadeIn 1s infinite alternate;
    animation: fadeIn 1s infinite alternate;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------4. Media Queries PART--------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px	    - 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/*desktop height media queries*/
@media only screen and (min-width: 767px) and (max-height:768px) {
  .logo-container {top:38%;}
  .intro .buttonWrap {top: calc(50% + 65px);}
  .page {min-height: 700px;}
  .topSection .NExtItem.default_btn {bottom:150px;}

  /*useful info*/
  .infoSection .content .g12 {margin-top: -100px;}
  .form-container {height: 680px;}

}

@media only screen and (min-width: 767px) and (max-height:820px) {
  /*useful info*/
  .infoSection .content .g12 {margin-top: -50px;}
}

.fancybox-lock .fancybox-overlay {/*background-color:transparent;background-image:url(../media/00_website_1280_04_03.png)*/}
/* WIDESCREEN */
/* Increased body size for legibility */


@media only screen and (min-width: 1280px) {

    .PresenterImgWrapper.dual {left:41%}
    .PresenterImgWrapper.dualLast {left:59%}
	/* DESKTOP */
    .OuterWrap {font-size:100.00%;  max-width:1280px;}
    .hideDesktop {display:none;}

}

@media only screen and (max-width:1625px) {
  .DarkBlue:before{
    left:50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .DarkBlue:after{
    left:50%;
    -webkit-transform: rotate(46deg) translateX(17%);
       -moz-transform: rotate(46deg) translateX(17%);
        -ms-transform: rotate(46deg) translateX(17%);
         -o-transform: rotate(46deg) translateX(17%);
            transform: rotate(46deg) translateX(17%);
  }
}

@media only screen and (max-width:1321px) {

      .thumbs img {height:180px}
	    /*post event*/
      .slideWrapper .slick-next.slick-arrow {right: 0;}
      .slideWrapper .slick-prev.slick-arrow {left: 0;}
      .slideWrapper {padding-left: 30px;padding-right: 30px;}
}

@media only screen and (max-width:1279px ){
    .mainNavigation {display:none;}
    .hideDesktop{display:block;}
    .mainNavigation.show ul {padding-top:10%;margin-top:0;}
    .mainNavigation.show {height:100%;position:fixed;top:80px;left:0;width:100%;display:block;transition:all ease 0.2s;max-width:100%;background-color:#1a3b84;}
    .mainNavigation.show li {width:100%;text-align:center;display:inline-block;border:none;line-height:30px;margin:20px 0 50px;position:relative}
    .mainNavigation.show li a {font-size:34px; font-family: 'cf_asty_stdmedium';}
    .mainNavigation.show li::after {width:40px;height:2px;background-color:rgba(174, 211, 215, 0.3);display:inline-block;content:"";position:absolute;bottom:-30px;left:50%;margin-left:-20px;}
    .mainNavigation.show li:last-child::after {display:none;}
    .LightBlueBg {padding-top:50px;}
    .DarkBlueSpeakerWrapper li {width:31.333%;margin-left:1%;margin-right:1%;float:left;}
    .DarkBlueSpeakerWrapper li:nth-child(4n+1){clear:none;}
    .DarkBlueSpeakerWrapper li:nth-child(3n+1){clear:left;}
    .SpeakerImageWrapper {width:220px;height:220px;display: block}
    .SpeakerWrapper:after, .SpeakerWrapper:before{width:260px; height:260px; }
    .SpeakerWrapper:after{ width:300px;  height:300px; top:-40px;}
    .SpeakerWrapper h5 {font-size:22px;line-height:20px;}
    .CompanyTitle {font-size:18px;margin-top:7px;}

    .MainScheduleWrapper.Category {width:80%!important}
    .DarkBlue.ImgBg .g7 {width:89%;text-align:left;}
    .Venue {text-align:center;text-indent:0;float:none;margin:0 auto;position: relative;padding: 20px 0 50px;}
    .Venue .line{left:50%;margin-top: 40px;}
    .Venue h2, .Venue div{float:none;margin:0 auto;}
    .infoSection .deco_dots{left:0px;}
    .GmapWrapper {position:relative;float:none;width:89%;margin:50px auto 0px;}
    .mapBg {width:100%;}
	  .mainNavigation.show li a:hover {color:#fff;}
	  .mainNavigation ul li.ActiveMenu {border:none;}
    .locationInfo{float:none;margin:0 auto;text-align: center;}
    .locationInfo article{text-align: center;}
    .PresenterImgWrapper.dual {left:44%}
    .PresenterImgWrapper.dualLast {left:56%}
    .headerFormWrapper {opacity:0;position:absolute;}
    .hideDesktop.display1200 {display:inline-block!important;}
    /*VK additions*/
    .header_btn a {
      background-color:transparent;
      text-align: center;
      display: inline-block;
    }

    .header_btn {
      font-size: 16px;
      position: relative;
      height: auto;
    }

    .hoverWrapper {
      position: relative;
      left:0;
      right:0;
      opacity: 1;
      visibility:visible;
      background:transparent;
      margin-top: 19px;
    }

    .hoverWrapper .hoverItem {
      background-color: transparent;
      margin-bottom: 19px;
    }

    .mainNavigation.show .hoverWrapper .hoverItem a {
      display: inline-block;
      padding: 11px 10px;
      text-align: left;
      font-size: 14px;
      background-color: #ffffff;
      color:#14192c;
      font-family: 'cf_asty_stdmedium';
    }

    .mainNavigation.show .hoverWrapper .hoverItem a:hover {
      color:#6acbd0;
    }

    .header_btn:hover > a {
      -webkit-transform-origin: 50% 0%;
      -webkit-transform: rotateX(0deg) translateY(0%);
      -moz-transform-origin: 50% 0%;
      -moz-transform: rotateX(0deg) translateY(0);
      -ms-transform-origin: 50% 0%;
      -ms-transform: rotateX(0deg) translateY(0);
      transform-origin: 50% 0%;
      transform: rotateX(0deg) translateY(0);
    }

    .header_btn > a:active {
      -webkit-transform-origin: 50% 0%;
      -webkit-transform: rotateX(0) translateY(0);
      -moz-transform-origin: 50% 0%;
      -moz-transform: rotateX(0) translateY(0);
      -ms-transform-origin: 50% 0%;
      -ms-transform: rotateX(0) translateY(0);
      transform-origin: 50% 0%;
      transform: rotateX(0) translateY(0);
    }

    .header_btn button {
      width: auto;
      display: inline-block;
    }

    .header_btn .iconArrow {
      display: none;
    }

    .header_btn:after {
      content: none;
      visibility: hidden;
    }
	
	 /*post event*/
    .mainNavigation ul li.website a.yelBtn .txt, .mainNavigation ul li.website a.yelBtn {background-color: transparent;}
    .mainNavigation ul li.website a.yelBtn .txt {color: #46b1b1;}
    .mainNavigation ul li.website .topBtn {float: none;margin-top: 0;}
    .hoverWrapper {float: none;display: inline-block;}
    a.yelBtn:hover .txt2, a.yelBtn:focus .txt2 { -webkit-transform-origin: 50% 0%; -webkit-transform: rotateX(0deg) translateY(0); -moz-transform-origin: 50% 0%; -moz-transform: rotateX(0deg) translateY(0); -ms-transform-origin: 50% 0%; -ms-transform: rotateX(0deg) translateY(0); transform-origin: 50% 0%; transform: rotateX(0deg) translateY(0);display: none;}
    a.yelBtn:hover .txt { -webkit-transform-origin: 50% 0%; -webkit-transform: rotateX(0) translateY(0); -moz-transform-origin: 50% 0%; -moz-transform: rotateX(0) translateY(0); -ms-transform-origin: 50% 0%; -ms-transform: rotateX(0) translateY(0); transform-origin: 50% 0%; transform: rotateX(0) translateY(0); }
    .menuWithArrow ul {position: relative;padding-top: 0!important;margin-top:0!important;}
    .menuWithArrow ul li{background-color: transparent;margin-bottom: 0!important;}
    .menuWithArrow ul li:after {content:none;display: none!important;}
    .menuWithArrow ul li a {display: inline-block;}
    .menuWithArrow i {display: none;}
    .slideWrapper .slick-next.slick-arrow {right: 0;}
    .slideWrapper .slick-prev.slick-arrow {left: 0;}
    .mainNavigation.show .hoverWrapper .hoverItem a {color: #8c3752;background-color: #f1ef58;padding: 11px 15px;width: 100%;text-align: center;}
    .mainNavigation.show .hoverWrapper .hoverItem a:hover {color:#1a3b84;}

}

@media only screen and (min-width: 1026px) and (max-width: 1280px) {

}

@media only screen and (min-width: 1126px) {
     .slick-next.slick-arrow {right:-30px;}
    .slick-prev.slick-arrow {left:-30px;}
    .MainScheduleWrapper.Presenter .subject article{width:250px;}
}

@media only screen and (max-width: 1023px){
	.Venue .line {display:none;}
  .form-container {max-width: 660px;width:95%; }
  .form-container h2 {font-size:40px;margin-top:50px;}
  .desc {font-size:15px;margin-bottom: 20px;    max-width: 80%;}
  .form-container .closeWrap:after {top: calc(200% + -9px);}
  .form-container .closeWrap:before {    height: 25px;}
  .warning {padding: 10px 15px;font-size: 15px;}
  .compulsory {margin-top:0;font-size:13px;}
  .form .field.grd9 {width: calc(60% - 10px);}
  .form .field.grd3 {width: calc(40% - 10px);}
  .topSection .NExtItem.default_btn {bottom: 45px;}
  .page,.topSection {min-height:600px;}
  .formOpened .page,.topSection.formOpened {min-height:800px;}
  .authors .PresenterName {
      position: relative;
      left: auto;
      width: auto;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      margin: 0 auto;
      text-align: center;
      margin-top: 195px;
      top: 0;
  }
 .authors .subject {
    position: relative;
    top: 0;
    left: auto;
    text-align: center;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    margin: 0 auto;
  }
  .authors .numb {width:100%;margin-right:0;}
  .authors .artWrp h5 {margin-bottom:10px;}
  .authors .subject p {font-size:20px;}
  .authors article {padding-bottom:40px;}
  .authors .artWrp h5 {text-align: center;}
  
  
  /*post event*/
  .postAbout.LightBlueBg h4 {letter-spacing: 2px;}
  /*.postAbout.LightBlueBg h4 span {display: block;visibility: hidden;line-height: 5px;}*/
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 901px) and (max-width: 1025px) {
	/* COLUMN GRID
	.g1,.g2,.g3, .g4, .g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{display:inline; float: left}*/
		/* 2 COLUMN GRID */
	/*.g1 {width:48.0%}
	.g2 {width:48.0%}
	.g3 {width:98.0%}
	.g4 {width:23.0%}*/
    /*main media queries for 1024*/
     /*home new*/
           .PresenterImgWrapper.dual {left:41%}
    .PresenterImgWrapper.dualLast {left:59%}
          .slick-next.slick-arrow {right:-30px;}
    .slick-prev.slick-arrow {left:-30px;}
.fancybox-nav.fancybox-next {right:-30px}
.fancybox-nav.fancybox-prev {left:-30px}

.LightBlueBg .NExtItem {bottom:-80px;}
.LightBlueBg .H1 {margin-top: 0;}

}
@media only screen and (max-width: 900px) {
    .PresenterImgWrapper.dual {left:41%}
    .PresenterImgWrapper.dualLast {left:59%}
	.fancybox-nav.fancybox-next {right:0}
	.fancybox-nav.fancybox-prev {left:0}
	.MainScheduleWrapper.Centre.Presenter {padding-bottom:20px;}
	.MainScheduleWrapper.Presenter .subject article{width:240px;}
	/*post event*/
	.slideWrapper .slideRow .imageWrapper > a {height: 191px;}
	.postAbout.LightBlueBg { padding: 59px 0 140px 0; }
	.postAbout.LightBlueBg .NExtItem {bottom:-60px;}
}

@media only screen and (max-width: 850px) {
   #popup_name {width:98%!important;left:0!important;margin-left:1%!important}
   .form-field .g10 {width:50%}
   .slick-next.slick-arrow {right:-25px;}
   .slick-prev.slick-arrow {left:-25px;}
    /*post event*/
   .postAbout.LightBlueBg h4 span {display: block;visibility: hidden;line-height: 5px;}
}


@media only screen and (max-width: 800px) {
  .intro .interest-btn {font-size: 18px;line-height: 1.6;}
  .intro .buttonWrap .inner {width: 390px;}
  .intro .buttonWrap .cont {width: 335px;}
/*  .intro .buttonWrap {top: calc(50% + 70px);}*/
  .SpeakerPop .g6 {width:100%}
  .PresenterImgWrapper.dual {left:39%}
  .PresenterImgWrapper.dualLast {left:61%}
  .Purple article {padding:0 10%}
	/*.logo-container {width: 320px;height: 122px;}*/

    .loader .dot{
        width: 12px;
        height: 12px;
        -webkit-transform: translate3d(80px, 30px, 0);
        -moz-transform: translate3d(80px, 30px, 0);
        -ms-transform: translate3d(80px, 30px, 0);
        -o-transform: translate3d(80px, 30px, 0);
        transform: translate3d(80px, 30px, 0);
    }

    .loader .text {
        -webkit-transform: translate3d(-185px, 25px, 0);
        -moz-transform: translate3d(-185px, 25px, 0);
        -ms-transform: translate3d(-185px, 25px, 0);
        -o-transform: translate3d(-185px, 25px, 0);
        transform: translate3d(-185px, 25px, 0);
    }

    .logo-container .btm {
       /* top: 85px;*/
    }

  .schedule .MainScheduleWrapper.Presenter .PresenterName{
      position: relative;
      left: auto;
      width: auto;
      -webkit-transform: translate(0%, 0%);
         -moz-transform: translate(0%, 0%);
          -ms-transform: translate(0%, 0%);
           -o-transform: translate(0%, 0%);
              transform: translate(0%, 0%);
      margin: 0 auto;
      text-align: center;
      margin-top: 20px;
      top:0;
    }

    .schedule .MainScheduleWrapper.Presenter h5{text-align: center;}
    .schedule .MainScheduleWrapper.Presenter .PresenterName span{
          right: auto;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
               -o-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
    }
    .MainScheduleWrapper.Presenter .subject{
        position: relative;
        top:0;
        left: auto;
        text-align: center;
        -webkit-transform: translateY(0%);
           -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
             -o-transform: translateY(0%);
                transform: translateY(0%);
        margin: 0 auto;
    }
    .MainScheduleWrapper.Presenter .subject article{margin: 0 auto; width: auto; font-size: 20px; margin-top: 10px;width: 120%; margin-left: -10%;}

    .SponsorSection{display: block;}
    .sponsorArea .area{padding:30px 10px;}
    .sponsorArea.basicSponsor{width:100%;display: block;float:none;}
    .sponsorArea.others{width:100%;display: table;}
    .sponsorArea.others .area{display: table-cell;}
    .sponsorArea.others .sponsors{width:60%;}
    .sponsorArea.others .patronage{width:40%;}
    .sponsorArea.others .area .contents{float: none;margin: 0 auto;}
    .sponsorArea .logoWrapper{display: inline-block;margin:10px;width:118px;}
    .sponsorArea.others .sponsors .logoWrapper{max-width:118px;width:30%;}

    .MapOuterWrapper .imgHolder{width:612px;height:612px;}
    .MapOuterWrapper:before{width:652px;height:652px;background-size:652px 652px;}
    .sponsLInks li {margin-left:10px;margin-right:10px;}
	.sponsLInks li   a img {width:130px;}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .event-date {
        padding-top: 45px;
    }

}

@media only screen and (max-width: 750px) {

    .DarkBlueSpeakerWrapper li {width:48%;}
    .DarkBlueSpeakerWrapper li:nth-child(3n+1){clear:none;}
    .DarkBlueSpeakerWrapper li:nth-child(odd){clear:both;}
	 .intro .buttonWrap {top: calc(50% + 70px);}
   .logo-container {width: 320px;height: 122px;}
    .logo-container .btm {
        top: 85px;
    }
	.topBtn {margin-top:5px;}
	.topSection {margin-top:60px;}
}


@media only screen and (max-width: 700px) {
    .PresenterImgWrapper.dual {left:39%}
    .PresenterImgWrapper.dualLast {left:61%}
	.mobileHead  span{width:100%;text-align:center;display:inline-block}
}

@media only screen and (max-width: 640px) {
	header{height:60px;}
	.LogoWrapper{margin-top:14.5px;}
	.LogoWrapper img{width:140px;height:31px;}
	.mobileMenuButton{margin-top:5px;margin-left:0;}
	.header_btn,
  .topBtn{
		position: absolute;
		float:none;
		margin:0 auto;
		top:90px;
		left:50%;
		text-align: center;
		display:none;
		-webkit-transform: translateY(0) translateX(-50%);
		   -moz-transform: translateY(0) translateX(-50%);
		    -ms-transform: translateY(0) translateX(-50%);
		     -o-transform: translateY(0) translateX(-50%);
		        transform: translateY(0) translateX(-50%);
	}
	.header_btn.show,.topBtn.show{display: inline-block;}
	.MainBgImage .ringImage{margin: 0 auto;}
  .SpeakerPop{padding-top:60px;}

	.form-field.g4 , .form-field.g2 {width:48%}
	.topSection {margin-top:60px;}

	.LightBlueBg .H1 , .H1, .popup_block h1{font-size:40px;}
  .LightBlueBg .H1{margin-top:45px;}
	.LightBlueBg .H3 {font-size:24px;}
	.Venue h2, .Venue div {font-size:42px;}
	.Venue {padding:30px 0 20px;}
	.MapOuterWrapper {top:0}
	.locationInfo {}
	.locationInfo h4:before {width:45px;left:-55px;height:5px;top:10px;}
	.locationInfo h4 {font-size:30px;}
	.locationInfo article {font-size:20px;line-height:30px;}
	.GmapWrapper {height:300px;}

	.mainNavigation.show{top:60px;}
	.mainNavigation.show ul{margin-top: 25px;padding: 0;}
	.mainNavigation.show li{line-height: 1;margin: 20px 0 20px;}
  .mainNavigation ul li.website {display: block;}
	.mainNavigation ul li.ActiveMenu {border:none;}
	.mainNavigation.show li a{font-size: 24px;}
	.mainNavigation.show li::after{bottom:-20px;}
  .topBtn, .topBtn.show {display: none;}
  .mainNavigation.show li .topBtn {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    right: auto;
    float: left;
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);}
    .mainNavigation.show li a.yelBtn {    color: #8c3752; font-family: 'cf_asty_stdmedium'; font-size: 16px;position:Relative!important}
    .PresenterImgWrapper.dual {left:39%}
    .PresenterImgWrapper.dualLast {left:61%}

	.event-date .col .day {margin-right:-5px;margin-left:10px;}

  .bottomFooter .g12 > div{width:100%;}
  .bottomFooter .g12 > div > span{float:none;}
  .bottomFooter .g12 > div:last-child{    padding-top: 6px;}
  .form .row.lastRow  .buttonWrap {float:none;display:inline-block}
  .row.lastRow  {text-align:center}
  .compulsory {text-align:center;display:inline-block;width:100%;}
  .bottomFooter {padding:10px 0;}
  .intro .buttonWrap {top: calc(50% + 70px);}
  .logo-container {width: 320px;height: 122px;}
  .logo-container .btm {
        top: 85px;
  }
	 /*post event*/
  .mainNavigation.show ul {margin-top: 30px;}
 }

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
		.GmapWrapper {height:400px;}
 

}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 481px) and (max-width: 900px)  {

 .mainNavigation ul li.ActiveMenu {border:none;}

}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.FormExpression.Btn.poplight {display:none;}
	.GmapWrapper {height:250px;}
	li.hideDesktop ,li.hideDesktop  .FormExpression.Btn.poplight{display:inline-block!important;margin-top:0;}
	.mainNavigation.show ul {margin-top:35px;}
    .SpeakerPop .g6 {width:100%}
    .PresenterImgWrapper.dual {left:35%}
    .PresenterImgWrapper.dualLast {left:66%}
	.Purple article {padding:0 9%}
	.MobRight {margin-left:0;}
	.MobLeft {margin-right:0;}
	.TopGoogleIco {margin-left:10px;}
	.TopAppleIco {margin-right:10px;}
}
@media only screen and (max-width: 767px) {
  .page,.topSection {min-height:400px;height:600px;}
  .formOpened .page,.formOpened {min-height:400px;height:auto;overflow: visible}
  .topSection .NExtItem.default_btn {display: none;}
  .form-container h2 {font-size: 35px;}
  .form .row {margin-bottom:0;}
  .form .field,.form .row .field:nth-child(2) {width: 100%; margin: 0 0 20px 0;}
  .warning {font-size:14px;}
  .multiple .col_6,.form .field.grd9,.form .field.grd3 {width:100%;}
  .break .dot {margin-left:-3.5px;}
	 /*post event*/
  .postAbout.LightBlueBg .H3 {font-size: 21px;}
  .postAbout.LightBlueBg h4 {font-size: 25px;}
  .topFooter.postEvent ul li:nth-child(2) {width: 100%;margin-right: 0;}
  .topFooter.postEvent ul li:nth-child(3) {width: 100%;position: relative;left: -9px;}
  .slideWrapper .slideRow .imageWrapper > a {height: 220px!important;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .form-container {top: calc(63% - 60px);left: calc(50% - 144px);max-width: 600px;}
}

@media only screen and (max-width: 640px) {
  ul.sponsLInks li {max-width:50%;}
  .form input, .form textarea, .form select {height:45px;}
  .form .field, .form .row .field:nth-child(2) {margin-bottom:15px;}
  .form-container {
    text-align: center;
    width: 100%;
    height: auto;
    left: 0;
    padding: 30px 20px;
    position: relative;
    top: 0;
    -webkit-transform: translate3d(0, 0 ,0);
    -moz-transform: translate3d(0, 0 ,0);
    -ms-transform: translate3d(0, 0 ,0);
    -o-transform: translate3d(0, 0 ,0);
    transform: translate3d(0, 0 ,0);
  }
  .form-open .intro {
    position: absolute;
  }
    .mask {
      position: fixed;
      margin-top:0;
      overflow: auto;
      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 );
      border-radius: 0;
      top: 0;
      left: 0;
      width: 100%!important;
      height: auto!important;
      -webkit-transition: all 550ms ease-out;
      -moz-transition: all 550ms ease-out;
      -ms-transition: all 550ms ease-out;
      -o-transition: all 550ms ease-out;
      transition: all 550ms ease-out;
      -webkit-transform: translate3d(0, -100% ,0)!important;
      -moz-transform: translate3d(0, -100% ,0)!important;
      -ms-transform: translate3d(0, -100% ,0)!important;
      -o-transform: translate3d(0, -100% ,0)!important;
      transform: translate3d(0, -100% ,0)!important;
  }
    .form-open .mask {
      position: fixed;
      -webkit-transform: translate3d(0, 0 ,0)!important;
      -moz-transform: translate3d(0, 0 ,0)!important;
      -ms-transform: translate3d(0, 0 ,0)!important;
      -o-transform: translate3d(0, 0 ,0)!important;
      transform: translate3d(0, 0 ,0)!important;
      margin-top: 60px;
      bottom:0;
      overflow: auto;
  }

  body.formOpened {overflow: hidden;position: fixed;}
   .authors  .dualSpeakers  .PresenterImgWrapper:first-child {top:50%;left:38%;} 
  .authors  .dualSpeakers  .PresenterImgWrapper:last-child {top:50%;left:63%;} 
     .sponsLInks li {margin-left:5px;margin-right:5px;}
	.sponsLInks li   a img {width:110px;}

}
@media only screen and (min-width: 0px) and (max-width: 480px){
    .MobRight , .MobLeft{display:none;}
	.form-field.g4 , .form-field.g2, .form-field.g6 {width:98%}
	#popup_name {width:94%!important;left:0!important;margin-left:3%!important}
	.form-field {margin-bottom:20px;}
	.form-field .g10 {width:100%;}
	.BTNSubmit {width:100%}
	.compulsuryLabel {margin-top:10px;}
	.FormExpression.Btn.poplight {display:none;}
	.GmapWrapper {height:200px;}
	.copyright {width:100%;text-align:center;margin-bottom:20px;}
	.Atcom {width:100%;text-align:center;}

  	li.hideDesktop  , li.hideDesktop  .FormExpression.Btn.poplight {display:inline-block!important;margin-top:0;}
	/* .mainNavigation.show ul {margin-top:20px;} */
	.LightBlueBg {padding-top:0px;padding-bottom:0px;}
	.DarkBlue {padding-top:25px;padding-bottom:140px;}
  .DarkBlue:before{margin-top: -25px;}
	.locationInfo {margin-top:40px;}
	.fullBottomTxt span {line-height:140%}
	/* .mainNavigation.show li {margin-bottom:0} */
	.mainNavigation.show li:first-child::after {display:none;}
	/* .mainNavigation.show li:after {bottom:-8px;} */
	.mainNavigation ul li.ActiveMenu {border:none;}
	.DarkBlue .H1, .popup_block h1 {background-image:url(../media/darkBlueHeaderS.png)}
	.GmapWrapper {width:91%;    margin-bottom: 20px;}
  .infoSection:before{top: 60%;left: -20%;}
  .infoSection{padding-bottom:40px;padding-top:60px;}
    .DarkBlueSpeakerWrapper li {width:98%;}
    .SpeakerPop {padding-top:60px;}
    .SpeakerPop .g6 {width:100%}
    .PresenterImgWrapper.dual {left:35%}
    .PresenterImgWrapper.dualLast {left:66%}
    .ScheduleListinner li .MainScheduleWrapper.small{    	padding-left:10px;    	padding-right: 10px;    }
    .ScheduleListinner li .MainScheduleWrapper.small h5{    	font-size: 26px;    }
    .Purple article {padding:0 9%}
	.MobRight {margin-left:0;}
	.MobLeft {margin-right:0;}
	.TopGoogleIco {margin-left:10px;}
	.TopAppleIco {margin-right:10px;}
  .hoverWrapper { margin-top: 7px; }
  .hoverWrapper .hoverItem { margin-top: 7px; margin-bottom: 14px; }

}

@media only screen and (max-width: 480px) {

	.loader .text {
        letter-spacing: 0.4em;
        -webkit-transform: translate3d(-137px, 25px, 0);
        -moz-transform: translate3d(-137px, 25px, 0);
        -ms-transform: translate3d(-137px, 25px, 0);
        -o-transform: translate3d(-137px, 25px, 0);
        transform: translate3d(-137px, 25px, 0);
    }

    .event-date .col > span{font-size: 17px;}
    .event-date .col .day{line-height: 0.65;margin-right:-10px;font-size: 52px;}
    .NExtItem.default_btn{bottom:70px;}
    .LightBlueBg .NExtItem{margin-top: 100px;}

    .DarkBlue .NExtItem.default_btn{bottom:-58px;}

    .buttonWrap .cont, .buttonWrap{width:270px;}
    .interest-btn{font-size: 16px;padding: 12px 0px 12px 8px;}

    .sponsorArea.others{width:100%;display: inline-block; height: auto;}
    .sponsorArea.others .area{display: inline-block;width:100%;height: auto;}
    .Purple .NExtItem{bottom:-30px;}
    .sponsorArea .area {padding: 40px 0px;}
    .intro .interest-btn {font-size: 16px;line-height: 1.3;}
  .authors .subject p {font-size: 16px;}
  .NExtItem.default_btn {display:none;}
  .DarkBlue {padding-bottom:30px;}
  .schedule {padding: 60px 0px;}
  .intro .buttonWrap .cont {display: inline-block;width: 282px;height: 44px; }
  .intro .buttonWrap .inner{margin-left:0;}
  ul.sponsLInks li,ul.sponsLInks {display: block;max-width:100%;}
  ul.sponsLInks li img {width: 162px;}
  .SponsorSection h6 {margin:0 0 10px 0;}
  .sponsLInks li {margin:30px 0;}
  .g12.SpeakerWrapper {margin-bottom:40px;}
  .g12.SpeakerWrapper:last-child {margin-bottom:0;} 
  .SponsorSection {padding:40px 0 10px 0;}
  /*post event*/
  .slideWrapper .slideRow .imageWrapper > a {height: 160px!important;background-position: center center}
  .hoverWrapper {width: 100%;}
  .slideWrapper .quarter {width: 100%;}
  .postAbout.LightBlueBg {padding-bottom: 50px;}
  .mainNavigation.show .hoverWrapper .hoverItem a {font-size: 12px;}
  .postEvent .atcomText {line-height: 88%;margin-top: 10px;}
  .postEvent h4 {padding-bottom: 0;}
}
@media only screen and (min-width: 0px) and (max-width: 360px) {
   .TopAppleIco {margin-left:5px;}
   .TopGoogleIco {margin:0;}
}

@media only screen and (min-width: 0px) and (max-width: 330px) {

}
/* MOBILE PORTRAIT */
@media only screen and (max-height: 360px) and (min-width: 480px) {
	.mainNavigation.show ul {margin-top:0;display:block;overflow:hidden;overflow-y:auto;max-height:216px;height:auto;}
}

@media only screen and (max-height: 380px) and (min-width: 550px) {
	header {height:60px;}
	.LogoWrapper img {width:140px;height:auto;text-align:left;float:left;}
	.LogoWrapper {margin-top:12px;margin-left:0;}
	.mobileMenuButton {margin-top:5px;}
	.mainNavigation.show {top:60px;}
	.mobileMenuButton {margin-top:5px;}
	.mainNavigation.show {top:60px;}
	.mainNavigation.show li a {font-size:24px;}
  	li.hideDesktop  , li.hideDesktop  .FormExpression.Btn.poplight {display:inline-block!important;margin-top:0;}
	.mainNavigation.show ul {margin-top:20px;}
	.LightBlueBg {padding-top:25px;padding-bottom:150px;}
	.DarkBlue {padding-top:25px;}
	.Venue h2 {text-align:left;text-indent:10px;}
	.locationInfo {margin-top:100px;}
	.fullBottomTxt span {line-height:140%}
	.mainNavigation.show li {margin-bottom:0}
	.mainNavigation.show li:first-child::after {display:none;}
	.mainNavigation.show li:after {bottom:-8px;}
	.mainNavigation ul li.ActiveMenu {border:none;}
	.DarkBlue .H1, .popup_block h1 {background-image:url(../media/darkBlueHeaderS.png)}
	.GmapWrapper {width:91%;}
}

@media only screen and (max-height: 970px) {
    .fancybox-item.fancybox-close {display:none}
}

@media only screen and (max-height:950px) and (max-width:1279px) {
    .mainNavigation.show  {height:100%}
    .mainNavigation ul {display:inline-block;height:100%;overflow-y:auto;margin-top:0;padding-top:10%}
}

@media only screen and (max-width:528px) and (orientation:landscape) and (max-height:247px){
	.logo-container,  .intro {z-index:100;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------7. Print PART---------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}
/*nota*/