
body { font-family:Arial; font-size:15px; color:#000; }
a { color:#00539d; }
a:hover, a:active, a:focus { color:#747474; text-decoration:none; }
a:focus, a:active, button:focus { outline:none; }
.bo { border:1px solid red; }
.b {  background:#ee9; }
.grey { color:#666; }
.bgGrey { background-color:#a6a9ab; }
.bgGrey:hover { background-color:#222; }
.red { color:#30468d; }
.red:hover { color:#30468d; }
li, .container, .relative, header { position:relative; }
.showI { display:none; }
.showII { display:none; }
.hide { display:none; }
.visibleBlock { display:block; }
.visibleInline { display:inline-block; }
.visible { visibility:visible; }
.nowrap { white-space:nowrap; }
#alert { position:relative; background:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.unstyle { list-style:none; padding:0; margin:0; }
.upper { text-transform:uppercase; }

/*-------------------- HEADER --------------------*/

header { background-color:#00539d; }
header nav { margin-top:63px; }
#logo { position:absolute; left:24px; top:27px; }
nav { text-align:right; padding-right:15px; background-color:#00539d; }
nav li { display:inline-block; font-size:14px; color:#fff; }
nav li a { display:block; font-size:14px; padding:14px 22px 12px 22px; color:#fff; }
nav li.active { background-color:#ff9e05; padding:14px 23px 12px 23px; }
nav li a:hover { color:#fff; background-color:#666; }

/*nav { margin-top:40px; }*/

/*------------------ ^ HEADER ^ ------------------*/

/*-------------------- 1. page --------------------*/

.block { background-color:#666; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#bg1 { background-image:url('/img/bg1.jpg'); }
#header { background-color:#fff; margin-top:18px; margin-bottom:18px; }
h1 { font-family:'Play'; margin-top:23px; margin-bottom:8px; font-size:41px; color:#023766; line-height:1; }
#header p.grey { font-family:'Play'; margin-top:0px; margin-bottom:0px; font-size:28px; line-height:1.1; margin-bottom:12px; }
.page { background-color:#fff; margin-bottom:18px; padding:44px 0; }
h3 { font-family:'Play'; font-size:25px; color:#00539d; line-height:1.1; margin-top:0; }
p { margin-bottom:14px; line-height:1.4; }
ul { padding-left:15px; margin-bottom:24px; }
.homepage .col-sm-5 { padding:0 60px; }
.homepage .col-sm-7 { border-left:1px solid #000; padding:0 60px; }
hr { border-top:1px solid #000; margin-top:50px; margin-bottom:40px; }

#bg2 { background-image:url('/img/bg2.jpg'); }
#programmpage { margin-top:18px; margin-bottom:18px; background-color:#fff; padding-bottom:44px; }
/*#programmpage .col-sm-7 { padding:0 60px; border-right:1px solid #000; }
#programmpage .col-sm-5 { padding:0 60px; }*/
h2 { font-family:'Play'; font-size:24px; color:#fff; line-height:1.1; margin-top:0; background-color:#00539d; padding:12px 0 11px 60px; margin-bottom:20px; }
h4 { font-size:17px; font-weight:bold; }
#days { list-style:none; background-color:#666; }
#days li { display:inline-block; border-right:1px solid #666; }
#days li a { display:block; padding:14px 28px 13px 28px; background-color:#ff9e05; font-family:'Play'; font-size:24px; color:#fff; }
#days li.active { background-color:#fff; padding:14px 28px 13px 28px; font-family:'Play'; font-size:24px; }
#days li a:hover { background-color:#fff; color:#000; }
#bg2 .sites { color:#000; display:inline-block; }
#bg2 .sites:hover p { color:#666; }
.bg1 { background-color:#f9fb82; }
.bg2 { background-color:#ffba60; }
.bg3 { background-color:#8efe5d; }
.bg4 { background-color:#60ffc9; }
.bg5 { background-color:#5cb8ff; }
.bg6 { background-color:#916bff; }
.bg7 { background-color:#fe8392; }
.bg8 { background-color:#ff5c5c; }
.bg9 { background-color:#e1ff39; }
.bg10 { background-color:#c75bff; }
.bg11 { background-color:#ffd800; }
#bg2 th { line-height:1.1; }
#bg2 h3 { margin-top:10px; margin-bottom:0; color:#888; }
#bg2 table hr { margin:11px 0; border-top:2px solid #000; }
#bg2 table td a { display:block; color:#000; }
#bg2 table td a:hover { color:#00539d; }
#bg2 table td a span { color:#00539d; font-size:16px; }

#bg3 { background:#658aa7; /*-image:url('/img/bg3.jpg');*/ }
#participantspage table { margin-top:70px; margin-bottom:50px; }
#participantspage table td { font-size:14px; }

#bg4 { background-image:url('/img/bg4.jpg'); }
#bg4 .container, #bg5 .container, #bg3 .container { padding-left:0; padding-right:0; }
#staypage, #regpage, #participantspage { margin-top:18px; margin-bottom:18px; background-color:#fff; padding:0 90px; }
#staypage h2, #regpage h2 { font-size:34px; color:#000; margin-top:36px; margin-bottom:0; padding:0; background-color:transparent; }
#staypage .col-xs-12 p { font-size:18px; line-height:1.1; }
#staypage hr { margin-top:0; }
#staypage a, #staypage h3 { color:#000; }
#staypage img { margin-bottom:18px; }
#staypage h3 { font-size:18px; color:#00539d; }
#staypage a { display:block; margin-bottom:40px; }
#staypage .col-sm-4 p { font-size:14px; line-height:1.1; }
#staypage a:hover { color:#00539d; }

#bg5 { background-image:url('/img/bg5.jpg'); }
#regpage { padding-bottom:60px; }
#regpage form { background-color:#00539d; margin:15px 0; padding-top:18px; padding-bottom:80px; }
#fee { font-size:20px; padding-bottom:20px; }
#regpage strong { font-size:16px; }
.firstCol { border-right:1px solid #fff; }
#regpage label { color:#fff; font-size:14px; }
#regpage input { font-size:16px; }
#fexpire1, #fexpire2 { padding-right:0px; }
#regpage .paddingTop { padding-top:20px; }
#cards { margin-top:5px; border-radius:4px; }
#warning { color:#ff9e05; text-align:center; }

#bg6 { background-image:url('/img/bg6.jpg'); }
#bg6 .container { padding-left:0; padding-right:0; }
#rigapage { margin-top:18px; margin-bottom:18px; background-color:#1c1b31; padding:44px 90px; }
#rigapage a, #rigapage h3 { color:#fff; }
#rigapage img { margin-bottom:18px; }
#rigapage h3 { font-size:20px; }
#rigapage a { display:block; margin-bottom:40px; }
#rigapage .col-sm-4 p { font-size:14px; line-height:1.1; }
#rigapage a:hover { color:#888; }


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

/*
#thumbs { background:#a6a9ab; text-align:center; padding-top:30px; margin-bottom:64px; }
#thumbs a { font-size:16px; color:#080808; font-weight:bold; }
#thumbs .active a { color:#fff; }
#thumbs a img { border:5px solid #fff; margin-top:6px; margin-bottom:28px; }
#thumbs .active a img { border:5px solid #080808; }
#level2 #thumbs a img { margin-top:7px; margin-bottom:19px; }
#thumbs a:hover > img { border-color:#222; }

#clients h2 { font-size:18px; color:#747474; font-weight:bold; margin-bottom:13px; }
#clients ul { list-style:none; padding:0; margin-left:-36px; margin-bottom:90px; text-align:center; }
#clients li { display:inline-block; margin-left:36px; vertical-align:middle; margin-bottom:15px; }
#clients img { max-width:150px; max-height:45px; }

/*------------------ ^ 1. page ^ ------------------*/

/*-------------------- footer --------------------*/

footer { background-color:#fff; padding-top:17px; }
footer img { margin-right:35px; margin-bottom:23px; }
footer a { color:#bbb; font-size:11px; display:block; margin-bottom:13px; text-transform:uppercase; }

/*------------------ ^ footer ^ ------------------*/




@media (max-width:1919px) {
}	/* 12 - for 1680 */

@media (max-width:1679px) {
}	/* 11 - for 1600 */

@media (max-width:1599px) {
}	/* 10 - for 1440 */

@media (max-width:1439px) {
}	/* 9 - for 1366 */
@media (min-width:1400px) {
}

@media (max-width:1365px) {
}	/* 8 - for 1280 */

@media (max-width:1199px) {
 #days li a { font-size:18px; }
 #days li.active { font-size:18px; }
 #bg2 th { font-size:12px; }
 #bg2 td { font-size:14px; line-height:1.1; }
 #bg2 h3 { font-size:24px; }
}	/* 7 - for 1024 */
@media (min-width: 1200px) {
 .container { width:970px; }
 .container2 { width:96%; }
}

@media (max-width:991px) {
 header nav { margin-top:110px; }
 #regpage .paddingTop { padding-top:0; }
 .firstCol { border-right:0; }
 #days li a, #days li.active { padding:7px 14px; font-size:18px; }
 #bg2 h3 { font-size:20px; }
}	/* 6 - for 980, 800 */
@media (min-width:992px) {
}

@media (max-width:767px) {
 nav li a, nav li.active { padding:7px 20px 5px 20px; }
 h1 { font-size:38px; }
 #header p.grey { font-size:24px; }
 #staypage, #rigapage, #regpage, #participantspage { padding:0 60px; }
 #regpage h2 { font-size:30px; }
 #days li a, #days li.active { padding:4px 12px; font-size:15px; }
 #bg2 .sites { margin-bottom:20px; }
 .table-responsive > .table > thead > tr > th,
 .table-responsive > .table > tbody > tr > th,
 .table-responsive > .table > tfoot > tr > th,
 .table-responsive > .table > thead > tr > td,
 .table-responsive > .table > tbody > tr > td,
 .table-responsive > .table > tfoot > tr > td { white-space:normal; }
}	/* 5 - for 640 */
@media (min-width:768px) {
}


@media (max-width:639px) {
 h1 { font-size:34px; }
 #header p.grey { font-size:19px; }
 #regpage p { font-size:17px; }
 #bg2 h3 { font-size:18px; }

 .hideII { display:none; }
 .showII { display:initial; }
}	/* 4 - for 480, 540 */


@media (max-width:479px) {
 #logo { top:15px; }
 h1 { font-size:29px; }
 #header p.grey { font-size:14px; }
 h3, h2 { font-size:20px; }

 .hideI { display:none; }
 .showI { display:initial; }
}	/* 3 - for 375, 412, 414 */


@media (max-width:374px) {

 h1 { font-size:25px; }
 #header p.grey { font-size:16px; }

 .homepage .col-sm-5, .homepage .col-sm-7, #programmpage .col-sm-7, #programmpage .col-sm-5, #staypage, #rigapage, #regpage, #participantspage { padding:0 30px; }
 #bg2 td { font-size:12px; }
 #bg2 h3 { font-size:16px; }

/* .showII { display:none; }
 #bottomLine .col-xs-7 { padding-right:0; }
 #bottomLine .col-xs-5 { padding-left:0; }
 article aside img { width:70%; }*/
}	/* 2 - for 360 */


@media (max-width:359px) {
/* nav li { margin-bottom:4px; }*/
 nav li a, nav li.active { padding:5px 14px 3px 14px; }
 #days li a, #days li.active { padding:4px 9px; font-size:14px; }

}	/* 1 - for 320 */

/*	Mobile:
1280 x 800					2%
720 x 1280					1%
640 x 360					4%
540 x 960					1%
480 x 800					2%
414 x 736					1%
412 x 732					1%
375 x 667 !					10%
360 x 640 !!				43%
320 x 568, 534, 480, 570 !	18%
*/
