/** FONT INITIALIZATION **/
@font-face {
    font-family: 'Montserrat-Black';
    src: url('/fonts/montserrat-black-webfont.eot');
    src: url('/fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-black-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-black-webfont.woff') format('woff'),
        url('/fonts/montserrat-black-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-black-webfont.svg#Montserrat-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-bold-webfont.woff') format('woff'),
        url('/fonts/montserrat-bold-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-bold-webfont.svg#Montserrat-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

@font-face {
    font-family: 'Montserrat-Extra-Bold';
    src: url('/fonts/montserrat-extrabold-webfont.eot');
    src: url('/fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-extrabold-webfont.woff') format('woff'),
        url('/fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-extrabold-webfont.svg#Montserrat-Extra-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('/fonts/montserrat-light-webfont.eot');
    src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-light-webfont.woff') format('woff'),
        url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-regular-webfont.woff') format('woff'),
        url('/fonts/montserrat-regular-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-regular-webfont.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

@font-face {
    font-family: 'Montserrat-Semi-Bold';
    src: url('/fonts/montserrat-semibold-webfont.eot');
    src: url('/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
        url('/fonts/montserrat-semibold-webfont.woff') format('woff'),
        url('/fonts/montserrat-semibold-webfont.ttf') format('truetype'),
        url('/fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}
/** END FONT INITIALIZATION **/

/* DEFAULT */
*{ font-family: "Montserrat-Regular", Helvetica, Arial, sans-serif;margin:0;-webkit-text-size-adjust:100%;text-rendering: optimizeLegibility;text-rendering: geometricPrecision;font-smooth: always;font-smoothing: antialiased;-moz-font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased; margin:0; padding:0; text-decoration:none; font-size:13px; font-weight:normal; color: #231f21; line-height: 1em}
img{ border:0 }
a{ display:block;cursor:pointer;outline: none; }
input,select{ border:1px solid #dadada; outline:none;background-color:#FFF;height:20px;font-size:11px;color:#393939;margin:0;padding:0;padding-left:10px; }
input[type="radio"]{ border:none;background-color:transparent; }
body{}
ul{margin:0;padding:0}
ul li{list-style-type:none;margin:0;padding:0;}
.showToggleSpecificDivContent{display: none;}
.invisibleItemProp {display: none}
.pageWrapper{position: relative; }
.pageContent{min-height: 400px;margin: 0 auto;}
.pageListWrapper{margin: 0 auto 15px;max-width: 1180px;}
.normalListWrapper{margin: 0 auto;max-width: 1180px;}
.darkTheme{background: #02132b;}
.pageContent.pageRecentEvents {background: #02132b;}
.pageResultsWrapper{max-width: 1180px; margin: 0 auto;}
.pagePhotosWrapper{max-width: 1180px; margin: 0 auto;}
.woomarkContentArrange{position: relative;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .pageListWrapper{margin: 0 15px;}
}

/** footerCopyright **/
.footerCopyright{font-family: 'Montserrat-Light';color: #fff;background: #04a3a1; padding: 30px 0; text-align: center;line-height: 18px;}
.footerCopyright a{display: inline;font-family: 'Montserrat-Light';color: #fff;}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .footerCopyright a{display: inline-block;}
}
/** END footerCopyright **/

/** blockRaceStatusWrapper */
.blockRaceStatusWrapper{background: #06a5a3;}
.blockRaceStatusWrapper.closed{background: #ff2a3e;}
.blockRaceStatusWrapper .blockRaceStatus{max-width: 1180px; margin: 0 auto; padding: 10px 0; text-align: center; font-size: 21px; color: #FFF;font-family: 'Montserrat-Semi-Bold';}
/** END blockRaceStatusWrapper */

/** INNER CAROUSEL **/
/** Inner Carousel **/
.phpmlInnerCarousel {position: relative;width: 730px;height: 535px;overflow: hidden;margin: 0 auto;max-width: 730px;}
.phpmlInnerCarousel ul {width: 5000px;height: 536px;position: absolute;top: 0;left: 0;}
.phpmlInnerCarousel ul li {float: left;}
.phpmlInnerCarousel ul li img{ display: block;}
.phpmlInnerCarousel .nextButton {display: none;position: absolute;right: 0;z-index: 3;bottom: 5px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDRCMTc0QzA1RkM3MTFFNkE3QTE5NjNDRUM5RTY0ODQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDRCMTc0QkY1RkM3MTFFNkE3QTE5NjNDRUM5RTY0ODQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjQ5QzhFRjQwRUUxMUU1QTlFNTlDNzc4OTAxM0Y1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjQ5QzhGMDQwRUUxMUU1QTlFNTlDNzc4OTAxM0Y1MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm+MeH4AAACESURBVHjaYmRQs4tlgIBl/28e/MuABpiA+CkQzwTi+Yzq9swYCoC69gFpHyAOwaYIZAIDPkVMMAYuRYz///9HsRMo4QSktgDxGiBOxFAAVVQKpLqAOAubCfZAajsQrwfiOBZ8kqBwYcInCfcFLkmwHDCocUqCAMgNciDXAvFibHEBEGAAXilC9/N70qsAAAAASUVORK5CYII=') 16px center no-repeat rgba(255, 255, 255, 0.90);height: 60px;border-top-left-radius: 33px;border-bottom-left-radius: 33px;text-indent: -99999px;min-width: 35px;outline: none;}
.phpmlInnerCarousel .previousButton {display: none;position: absolute;left: 0;z-index: 3;bottom: 5px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEZCRjg2OUI1RkM3MTFFNkE0MjI4ODUyOTk1M0IwOEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEZCRjg2OUE1RkM3MTFFNkE0MjI4ODUyOTk1M0IwOEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTZCRDkyRDQwRUUxMUU1Qjg5MzkzRjJGMDAwMjI1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTZCRDkyRTQwRUUxMUU1Qjg5MzkzRjJGMDAwMjI1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoS14zMAAACOSURBVHjaYvz//z8DOmBUt1cHUvZAfJYRXQFQUgtIHQDia0DsyYJP8v/Ng9+ZkCR10SVB4kxIknvRJcFyDGp2OCVBgJlBWH4/kBYBYkug5Gd0H4GsiAZikK7VQKs4MRQAdV0A0m5ADLJqC7oisCPxKYJ7E5cibCFpAKR2AfFlIPZhxBEXoBC1AeJTAAEGALc5QlVAQPWIAAAAAElFTkSuQmCC') 10px center no-repeat rgba(255, 255, 255, 0.90);height: 60px;border-top-right-radius: 33px;border-bottom-right-radius: 33px;text-indent: -99999px;min-width: 35px;outline: none;}
@media (max-device-width: 320px) and (orientation:portrait),screen and (max-width: 479px) {
    .phpmlInnerCarousel {width: 320px;max-width: 100%;}
}
/** End Inner Carousel **/
/** END INNER CAROUSEL **/

/** Block Background **/
.blockBackgroundWrapper{min-height: 525px; position: relative; width: 100%; overflow: hidden;}
.blockBackground {position: absolute; z-index: 1;top: -50%; left: -50%; width: 200%; height: 200%;}
.blockBackground img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%;min-height: 50%;}
/** END Block Background **/

/** onlneMemberPage **/
.roagpopUpLoader .mfp-content{max-width: 1024px; margin: 0 auto;}
.onlineMemberPage{ background: #FFF;}
.onlineMemberPage .activeMembers{padding:45px; background: #07a4a2;font-family: 'Montserrat-Bold'; font-size: 36px; color: #FFF;text-transform: uppercase;text-align: center;}
.onlineMemberPage .allMembers{padding:30px; background: #FFF;font-family: 'Montserrat-Bold'; font-size: 20px; color: #07a4a2;text-transform: uppercase;text-align: center; line-height: 24px;}
.onlineMemberPage .allMembers span{color: #242e3d;font-family: 'Montserrat-Bold'; font-size: 18px; font-style: italic;}
@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .roagpopUpLoader .mfp-content{max-width: 768px; margin: 0 auto;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .onlineMemberPage .activeMenbers{font-size: 16px; padding: 30px;}
    .onlineMemberPage .activeMenbers img{max-width: 75px; height: auto;}
    .onlineMemberPage .allMembers{font-size: 14px; padding: 20px 10px; line-height: 18px;}
}
/** loginpopupPage **/
.loginpopupPage{ background: #FFF;}
.loginpopupPage .activeMembers{padding:45px; background: #07a4a2;font-family: 'Montserrat-Bold'; font-size: 30px; color: #FFF;text-transform: uppercase;text-align: center;}
.loginpopupPage .allMembers{padding:30px; background: #FFF;}
.loginpopupPage .allMembers .descriptiveText{color:#03132c; text-align: center; margin:  0 0 15px; font-size: 16px;}
.loginpopupPage .allMembers .loginpopupPageBlock{}
.loginpopupPage .allMembers .loginpopupPageBlock:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper{ float: left; max-width: 48%; width: 100%; margin: 0 2% 0 0; padding: 0 1% 0 0; border-right: 1px solid #07a4a2;}
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper:last-child{margin: 0; border: none; padding: 0}
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper .blockLoginLandingTitle{color:#03132c;font-size: 18px; }
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper:last-child .blockLoginLandingTitle{color:#04a3a1;}
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper:last-child .blockLoginLandingTitle span{color:#04a3a1;}
.loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper .blockLoginLandingTitle span{}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .loginpopupPage .activeMenbers{padding: 20px 10px; font-size: 22px;}
    .loginpopupPage .activeMenbers img{max-width: 50px; height: auto;}
}
@media screen and (max-device-width:320px), screen and (max-width:639px) {
    .loginpopupPage .activeMenbers{font-size: 14px;}
    .loginpopupPage .activeMenbers img{max-width: 35px; height: auto;}

    .loginpopupPage .allMembers{padding: 15px;}
    .loginpopupPage .allMembers .loginpopupPageBlock .loginBlockWrapper{float: none;width: auto; margin: 0 0 15px; padding: 0; max-width: none;border: none;border-bottom: 1px solid #07a4a2;}

}
/** Block Background **/
.blockImageSeparatorWrapper{}
.blockImageSeparatorWrapper.grey{background: #ffffff;}
.blockImageSeparator {min-height: 525px;}
/*.blockImageSeparator {padding: 15px;}*/
.blockImageSeparator img {max-width: 100%; height: auto; display: block;margin: 0 auto; width: 100%;}
@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockImageSeparator {min-height: 0;}
}
/** END Block Background **/

/** landing page **/
.landingPageWrap{position: relative; z-index: 2; max-width: 768px;margin: 20px auto 30px; background: #FFF; box-shadow: 0 0 3px #111;width:100%;}
.landingPageWrap .sitetitle .logoWrapper{margin: 0 0 0 0; background:#03132c; padding: 15px; }
.landingPageWrap .sitetitle .logoWrapper a{display: block;}
.landingPageWrap .sitetitle .logoWrapper a h1{text-indent: -99999px; display: block; width: 226px; height: 91px; background: url(/img/logo/roag-logo-full-white.png) center no-repeat; margin: 0 auto;}
.landingPageWrap .landingPageBlock{}
.landingPageWrap .landingPageBlock .landingPageBlockTitle{padding: 24px 15px;}
.landingPageWrap .landingPageBlock .landingPageBlockTitle h2{font-family: 'Montserrat-Bold'; font-size: 32px; color: #03132c; text-align: center;}
.landingPageWrap .landingPageBlock .landingPageBlockTitle .slogan{color: #03132c; text-align: center;}
.landingPageWrap .landingPageBlock .landingPageBlockContent{padding: 0 0 40px;}
.landingPageWrap .landingPageBlock .landingPageBlockContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.landingPageWrap .landingPageBlock .landingPageBlockContent .leftColumn{float:left;padding: 1%;width: 42%; margin: 0 0 0 5%;}
.landingPageWrap .landingPageBlock .landingPageBlockContent .rightColumn{float:left;padding: 1%;width: 43%; margin: 0 5% 0 0; border-left: 1px solid #03132c;}
.landingPageBackground {position: fixed; z-index: 1;top: -50%; left: -50%; width: 200%; height: 200%;}
.landingPageBackground img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%;min-height: 50%;}
@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .landingPageWrap{margin: 15px auto;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .landingPageWrap{margin: 15px;}
    .landingPageWrap .landingPageBlock .landingPageBlockContent .leftColumn{float: none; width: auto; margin: 0;}
    .landingPageWrap .landingPageBlock .landingPageBlockContent .rightColumn{float: none; margin: 15px 0 0; width: auto;}
    .landingPageBlock .blockSettings .blockSettingsContent{max-width: none;}

}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .landingPageBlock .blockSettingsWrapper{display: block;}
    .landingPageWrap .sitetitle .logoWrapper a h1{    width: 100px;height: 40px; background-size: 100%;}
    .landingPageWrap .landingPageBlock .landingPageBlockTitle{padding: 10px;}
    .landingPageWrap .landingPageBlock .landingPageBlockTitle h2{font-size: 24px;}
    .landingPageBlock .blockLoginLandingTitle{font-size: 16px;}
}
/** END landing page **/

/** Page Title Block **/
.blockPageTitle{background: #02132b;}
.pageRecentEvents .blockPageTitle{background: #04a3a1;}
.light .blockPageTitle{background: #04a3a1;}
.blockPageTitle h3{font-family: 'Montserrat-Bold'; font-size: 36px; padding: 25px 0; text-align: center; color: #fff;text-transform: uppercase;}
.small .blockPageTitle h3{padding: 15px 0; font-size: 18px;}
.arrowDown .blockPageTitle{padding: 0 0 15px; position: relative;}
.arrowDown .blockPageTitle:before{background: url(/img/sprite.png) -82px -298px no-repeat; width: 15px; height: 15px; content: '.'; text-indent: -99999px; color: transparent; position: absolute; left: 50%; bottom: 10px;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockPageTitle h3{padding: 15px 0; font-size: 24px;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockPageTitle h3{font-size: 24px; padding: 15px 0;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockPageTitle h3{font-size: 18px; padding: 15px 0;}
}
/** END Page Title Block **/

/** PRIMARY MENU BLOCK **/
.blockMainMenu{max-width: 1180px; margin: 0 auto;}
.blockMainMenu .columnWrapper{padding: 15px 0;}
.blockMainMenu .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockMainMenu .columnWrapper .leftColumn{float: left;}
.blockMainMenu .columnWrapper .leftColumn .logoWrapper{margin: 0 0 0 0;}
.blockMainMenu .columnWrapper .leftColumn .logoWrapper a{display: block;}
.blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{text-indent: -99999px; display: block; width: 200px; height: 100px; background: url(/img/logo/roag-logo-full.png) center no-repeat;}
.blockMainMenu .columnWrapper .rightColumn{float: right;margin: 28px 0 0;}
.blockMainMenu .columnWrapper .rightColumn .subColumnWrapper{}
.blockMainMenu .columnWrapper .rightColumn .subColumnWrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subLeftColumn{float: left; margin: 0 5px 0 0;}
.blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subRightColumn{float: right;}

.mobileMenuButton{display: none;}

.primaryMenu{}
.primaryMenu nav{}
.primaryMenu nav ul{}
.primaryMenu nav ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.primaryMenu nav ul li{float: left; position: relative;}
.primaryMenu nav ul li a{padding: 10px 10px; font-family: 'Montserrat-Bold'; text-transform: uppercase; color: #021323; font-size: 14px;}
.primaryMenu nav ul li:hover a{color: #47bcba;}
.primaryMenu nav ul li ul{display: none;position: absolute;z-index: 40; top: 100%; left: 10%; min-width: 200px; padding: 20px 7px; background:#02132b; }
.primaryMenu nav ul li.subMenuOpened ul{display: block;}
.primaryMenu nav ul li ul li{float: none;}
.primaryMenu nav ul li ul li a{color: #FFFFFF; font-family: 'Montserrat-Regular';font-size: 12px; text-transform: uppercase;}
.primaryMenu nav ul li:hover ul li a{color: #FFFFFF;}
.primaryMenu nav ul li:hover ul li:hover a{color: #04a3a1;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subRightColumn{display: none;}
    .blockMainMenu .columnWrapper .leftColumn .logoWrapper{margin: 0 0 0 10px;}
    .blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subLeftColumn{margin: 0 10px 0 0;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .mobileMenuButton{display: block; background: url(/img/sprite.png) left -324px no-repeat #06a5a3; width: 36px; height: 36px; text-indent: -9999px; margin: 0 15px 0 0;}
    .primaryMenu{display: none;}
    .mobileMenuWrap .mfp-content{position: relative; height: 100%;}
    .mobileMenuWrap .blockMainMenu {background: #02132b;max-width: 50%; width: 100%; padding: 30px 0;position: absolute; min-height: 100%; left: -100%;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
    .mobileMenuWrap.mfp-ready .blockMainMenu {left: -6px;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .leftColumn .logoWrapper{margin: 0 15px;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{width: auto; background: url(/img/logo/roag-logo-full-white-text.png) center no-repeat; padding: 15px 0;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .leftColumn{float: none;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .rightColumn {float: none; margin: 0;position: static;}
    .mobileMenuWrap .mobileMenuButton{display: none;}
    .mobileMenuWrap .primaryMenu{display: block;}
    .mobileMenuWrap .primaryMenu nav{display: block;}
    .mobileMenuWrap .primaryMenu nav ul li{float: none;}
    .mobileMenuWrap .primaryMenu nav ul li > a{position: relative;z-index: 2;}
    .mobileMenuWrap .primaryMenu nav ul li.menuParent:before{content: '.'; width: 36px; position: absolute; right: 0; top: 0; height: 36px; text-indent: -9999px; background: url(/img/sprite.png) -72px -288px no-repeat;}
    .mobileMenuWrap .primaryMenu nav ul li.menuParent.subMenuOpened:before{background-position: -72px -324px;}
    .mobileMenuWrap .primaryMenu nav ul li a{padding: 15px 15px; color: #FFF; border-bottom: 2px groove #4b5461;}
    .mobileMenuWrap .primaryMenu nav ul li ul{position: static; background: rgba(255, 255, 255, 0.21);}
    .mobileMenuWrap .primaryMenu nav ul li ul li a{border-bottom: 1px solid #526075;}
    .mobileMenuWrap .subColumnWrapper{}
    .mobileMenuWrap .blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subLeftColumn{float: none;  margin: 0 15px;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .rightColumn .subColumnWrapper .subRightColumn{float: none;display: block; padding: 15px 0 0; margin: 0 15px;}
}

@media screen and (max-device-width:480px), screen and (max-width:768px) {
    .blockMainMenu .columnWrapper {position: relative;}
    .blockMainMenu .columnWrapper .leftColumn{float: none;}
    .blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{margin: 0 auto;}
    .blockMainMenu .columnWrapper .rightColumn{position: absolute;right: 0;top: 0; z-index: 2;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .mobileMenuWrap .blockMainMenu{max-width: 75%;}
}


@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .mobileMenuWrap .blockMainMenu{max-width: 85%;}
    .blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{width: 135px; height: 60px; background-size: 100%;}
    .mobileMenuWrap .blockMainMenu .columnWrapper .leftColumn .logoWrapper a h1{width: 135px; height: 60px; background-size: 100%;}
}


/** END PRIMARY MENU BLOCK **/

/** FORM STYLING **/
form .formTitle {font-size: 14px;color: #1b3150;font-weight: normal;padding: 0;text-align: center;}
form .formRow {margin: 15px 0 0;}
form .formRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
form .formRow .formColumn{float: left;}
form .formRow.form3ColumnWrapper{margin: 15px 0 0;}
form .formRow.form3ColumnWrapper .formColumn{margin:0 2% 0 0; max-width: 32%; width: 100%;}
form .formRow.form3ColumnWrapper .formColumn .formColumn{margin:0 0; max-width: none; width: auto;}
form .formRow.form3ColumnWrapper .formColumn:last-child{float:right; margin: 0;}
form .formRow.form3ColumnWrapper .formColumn .formColumn:last-child {float:left; margin: 0;}
form .formRow.form2ColumnWrapper{margin: 15px 0 0;}
form .formRow.form2ColumnWrapper .formColumn{margin:0 2% 0 0; max-width: 60%; width: 100%;}
form .formRow.form2ColumnWrapper .formColumn .formColumn{margin:0 0; max-width: none; width: auto;}
form .formRow.form2ColumnWrapper .formColumn:last-child{float:right; margin: 0;}
form .formRow.form2ColumnWrapper .formColumn .formColumn:last-child {float:left; margin: 0;}
form .formRow.form2to3ColumnWrapper{margin: 15px 0 0;}
form .formRow.form2to3ColumnWrapper .formColumn{margin:0 2% 0 0; max-width: 66%; width: 100%;}
form .formRow.form2to3ColumnWrapper .formColumn .formColumn{margin:0 0; max-width: none; width: auto;}
form .formRow.form2to3ColumnWrapper .formColumn:last-child{float:right; margin: 0; max-width: 32%}
form .formRow.form2to3ColumnWrapper .formColumn .formColumn:last-child {float:left; margin: 0;}
form .formRow .fieldValue {}
form .fieldLabel.invisible {display:none;}
form .formRow .fieldLabel {margin: 0 0 8px;}
form .formTwoColumn:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
form .formTwoColumn .formRow {float: left;width: 49%;margin: 15px 2% 0 0;}
form .formTwoColumn .formRow:nth-child(even) {margin: 15px 0 0;}
form select {width: 100%;min-height: 36px;padding: 5px 0;border: 1px solid #DEDEDE;outline:none;    line-height: 30px;border-radius: 0;}
form select:focus {outline: 0;}
form select.error {border: 1px solid red;outline-color: red;}
form input {width: 95%;padding: 5px 2%;min-height: 24px;border: 1px solid #DEDEDE;outline: none; border-radius: 0;}
form input[type="radio"] {min-height: 18px;width: auto;}
form input[type="checkbox"] {min-height: 18px;min-height: 0;width: auto;}
form input.error {border: 1px solid red;outline-color: red;}
form textarea {width: 97%;padding: 5px 1%;min-height: 50px;border: 1px solid #DEDEDE;outline: none;border-radius: 0;}
form textarea.error {border: 1px solid red;outline-color: red;}
form button {margin: 15px 0 0;background: #04a3a1;border: none;display: block;padding: 12px 20px;width: 100%;color: #fff;border-radius: 0;}
form button:hover {background: #04a3a1;cursor: pointer;}
form input::-webkit-input-placeholder {color: #1b3150 !important;font-style: italic;}
form input:-moz-placeholder {color: #1b3150 !important;font-style: italic;}
form input::-moz-placeholder {color: #1b3150 !important;font-style: italic;}
form input:-ms-input-placeholder {color: #1b3150 !important;font-style: italic;}
form textarea::-webkit-input-placeholder {color: #1b3150 !important;font-style: italic;}
form textarea:-moz-placeholder {color: #1b3150 !important;font-style: italic;}
form textarea::-moz-placeholder {color: #1b3150 !important;font-style: italic;}
form textarea:-ms-input-placeholder {color: #1b3150 !important;font-style: italic;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    form select{width: 98%; padding: 5px 0 5px 2%;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockeventRating form .formRow.form3ColumnWrapper .formColumn{ max-width: 48%;}
    .blockeventRating form .formRow.form3ColumnWrapper .formColumn:last-child{max-width: 100%;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    form .formRow.form3ColumnWrapper .formColumn{max-width: none; float: none; margin: 0 0 10px}
    .blockeventRating form .formRow.form3ColumnWrapper .formColumn .formColumn{max-width: none; float: left;}
    form .formRow.form2ColumnWrapper .formColumn{max-width: none; float: none; margin: 0 0 10px;}
}
/** END FORM STYLING **/

/** FOOTER **/
#footer{background: #02132b; padding: 30px 0;}
.blockFooter{max-width: 1180px; margin: 0 auto;}
.blockFooter:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockFooter .footerColumn{float: left; width: 22%; margin: 0 4% 0 0; min-width: 200px;}
.blockFooter .footerColumn:last-child{margin: 0; float: right}
.blockFooter .footerColumn .footerAboutRoag{}
.blockFooter .footerColumn .footerAboutRoag .title{min-height: 68px; text-indent: -9999px; display: block; background: url(/img/logo/roag-logo.png) -10px center no-repeat;}
.blockFooter .footerColumn .footerAboutRoag .description{margin: 15px 0 0; color: #74767a; line-height: 18px;font-family: 'Montserrat-Light';}
.blockFooter .footerColumn .footersocialMediaWrapper{margin: 20px 0 0;}
.blockFooter .footerColumn .footerContactUs{}
.blockFooter .footerColumn .footerContactUs .title{font-size: 20px; color: #06a4a2; padding: 10px 0 0; font-family: 'Montserrat-Bold';}
.blockFooter .footerColumn .footerContactUs .officeItem{margin: 15px 0; }
.blockFooter .footerColumn .footerContactUs .officeItem span{line-height: 18px;font-family: 'Montserrat-Light';}
.blockFooter .footerColumn .footerContactUs .officeItem .officeCountry{color: #06a4a2; font-size: 14px;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeAddress{margin: 5px 0 0;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeAddress .itemLabel{color: #FFF; }
.blockFooter .footerColumn .footerContactUs .officeItem .officeAddress .itemValue{color: #74767a; display: block;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeTelephone{color: #74767a;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeTelephone .itemLabel{color: #FFF;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeTelephone .itemValue{color: #74767a;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeEmail{}
.blockFooter .footerColumn .footerContactUs .officeItem .officeEmail .itemLabel{color: #FFF;}
.blockFooter .footerColumn .footerContactUs .officeItem .officeEmail .itemValue{color: #74767a;}
.blockFooter .footerColumn .footerSiteMap{}
.blockFooter .footerColumn .footerSiteMap .title{font-size: 20px; color: #06a4a2; padding: 10px 0 0; font-family: 'Montserrat-Bold';}
.blockFooter .footerColumn .footerSiteMap .sitemapLinks{margin: 10px 0 0;}
.blockFooter .footerColumn .footerSiteMap .sitemapLinks ul{}
.blockFooter .footerColumn .footerSiteMap .sitemapLinks ul li{}
.blockFooter .footerColumn .footerSiteMap .sitemapLinks ul li a{color: #FFF; padding: 8px 0; text-transform: uppercase;}
.blockFooter .footerColumn .footerMembershipBlock{}
.blockFooter .footerColumn .footerMembershipBlock .blockLoginWidget{}
.blockFooter .footerColumn .footerMembershipBlock .blockLoginWidget .title{font-size: 20px; color: #06a4a2; padding: 10px 0 0; font-family: 'Montserrat-Bold';}
.blockFooter .footerColumn .footerMembershipBlock .blockLoginWidget .action{margin: 15px 0 0;}
.blockFooter .footerColumn .footerMembershipBlock .blockLoginWidget .action a{background: #06a4a2; text-transform: uppercase;padding: 15px; color: #FFF; text-align: center;}
.blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget{margin: 15px 0 0;}
.blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget .title{font-size: 20px; color: #06a4a2; padding: 10px 0; font-family: 'Montserrat-Bold';}
.blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget .slogan{font-size: 14px; color:#fff;}
.blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget .action{margin: 15px 0 0;}
.blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget .action a{background: #eeeeee; text-transform: uppercase;padding: 15px; color: #02132b; text-align: center;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockFooter {margin: 0 15px;}
}
@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockFooter .footerColumn {width: 23%; margin: 0 3% 15px 0; min-width: 0;}
    .blockFooter .footerColumn:nth-child(2n){margin: 0 0 15px;}
    .blockFooter .footerColumn:last-child {float: left;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockFooter .footerColumn{width:auto; float: none; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #1e242d;}
    .blockFooter .footerColumn .footerAboutRoag .description{font-size: 12px;line-height: 16px; text-align: justify;}
    .blockFooter .footerColumn .footerContactUs .title{font-size: 16px;}
    .blockFooter .footerColumn .footerSiteMap .title{font-size: 16px;}
    .blockFooter .footerColumn .footerSiteMap .sitemapLinks ul li a{font-size: 12px;}
    .blockFooter .footerColumn .footerMembershipBlock .blockLoginWidget .title{font-size: 16px;}
    .blockFooter .footerColumn .footerMembershipBlock .blockRegisterWidget .title{font-size: 16px;}
    .blockFooter .footerColumn .footerContactUs .officeItem .officeAddress .itemValue{font-size: 12px;}
}
/** END FOOTER **/


.blockAbout{width: 100%; position: relative; z-index: 2; max-width: 1180px; margin: 0 auto;}
.blockAbout:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockAbout .leftBlock{float: right; margin: 45px}
.blockAbout .rightBlock{position: absolute; padding: 45px 30px; left: 0; top: 25%; width: 40%; background: #FFF;}
.blockAbout .rightBlock .rightBlockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; color: #02132b; text-align: center;}
.blockAbout .rightBlock .rightBlockSlogan{text-align: center;font-family: 'Montserrat-Bold';color: #04a3a1; text-transform: uppercase; margin: 10px 0 0;}
.blockAbout .rightBlock .rightBlockText{margin: 30px 0 0;text-align: center; color: #02132b;}
.blockAbout .rightBlock .rightBlockLink{ margin: 30px 0 0; text-align: center;}
.blockAbout .rightBlock .rightBlockLink a{display: inline-block; padding: 12px 15px; color: #FFF; background: #04a3a1; text-transform:uppercase;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockAbout .leftBlock{margin: 20px 20px 0; float: none;}
    .blockAbout .rightBlock{position: static;; width: auto;margin: 0; padding: 15px;margin: 0px 20px 20px;}
    .blockAbout .rightBlock .rightBlockTitle{font-size: 24px;}
    .blockAbout ul li img{height: auto; max-width: 100%; display: block;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {

}
.blockAdvertissementWrapper{background: #eeeeee;}
.blockAdvertissement{max-width: 1180px; margin: 0 auto;padding: 0 0 30px;}
.blockAdvertissement .blockTitle{}
.blockAdvertissement .blockTitle h3{}
.blockAdvertissement .blockTitle h3 a{padding: 10px 0; text-align: center;color: #02132b;}
.blockAdvertissement .advertissementWrapper{}
.blockAdvertissement .advertissementWrapper ul{}
.blockAdvertissement .advertissementWrapper ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockAdvertissement .advertissementWrapper ul li{float: left; margin: 0 15px 0 0;}
.blockAdvertissement .advertissementWrapper ul li:last-child{margin: 0;}
.blockAdvertissement .advertissementWrapper ul li a{display: block;}
.blockAdvertissement .advertissementWrapper ul li a img{display: block; max-width: 100%; height: auto;}


@media (min-width: 591px) and (max-width:1176px){
    .blockAdvertissement .advertissementWrapper ul li:nth-child(1) {
        /* display: none */
        width: 49%;
        margin: 0 1% 2% 0 ;
        float: left;
    }
    .blockAdvertissement .advertissementWrapper ul li:nth-child(2) {
        /* display: none */
        width: 24%;
        margin: 0 1% 2% 0;
        float: left;
    }
    .blockAdvertissement .advertissementWrapper ul li:nth-child(3) {
        /* display: none */
        width: 24%;
        float: left;
    }

    .blockAdvertissement .advertissementWrapper ul li a { float: none; margin: 0 auto;
                                                          text-align: center;
                                                          width: 100%;}


}

@media screen and (max-width:590px){
    .blockAdvertissement .advertissementWrapper ul li:nth-child(1) {
        /* display: none */
        width: 100%;
        margin: 0 0 2% 0 ;
        float: left;
    }
    .blockAdvertissement .advertissementWrapper ul li:nth-child(2) {
        /* display: none */
        width: 49%;
        margin: 0 2% 2% 0;
        float: left;
    }
    .blockAdvertissement .advertissementWrapper ul li:nth-child(3) {
        /* display: none */
        width: 49%;
        float: left;
    }
    .blockAdvertissement .advertissementWrapper ul li a { float: none; margin: 0 auto;
                                                          text-align: center;
                                                          width: 100%;}
}


.slidingWidgetCarrouselController {margin: 15px auto 0}
.slidingWidgetCarrouselController:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper {float: right}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .nextButton {display: block;opacity: 0;visibility: hidden;float: left;min-height: 36px;width: 36px;text-indent: -9999px;cursor: pointer}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .previousButton {display: block;opacity: 0;visibility: hidden;float: left;min-height: 36px;width: 36px;text-indent: -9999px;cursor: pointer}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .nextButton.show {opacity: 1;visibility: visible}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .previousButton.show {opacity: 1;visibility: visible}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList {float: left}
.slidingWidgetCarrouselController .slidingWidgetCarrouselTickerListWrapper .slidingWidgetCarrouselTickerList span {float: left}
.slidingWidgetCarrousel .slidingWidgetCarrouselTickerList {display: none}
.slidingWidgetCarrousel .slidingWidgetCarrouselTickerList span {min-height: 36px;text-indent: -9999px;width: 36px;cursor: pointer;display: block}
.slidingWidgetCarrousel .slidingWidgetCarrouselTickerList span.active {background-position: center -2609px}
.slidingWidgetCarrousel .nextButton {display: none}
.slidingWidgetCarrousel .previousButton {display: none}
.slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList {position: relative; overflow: hidden; margin: 0 auto;width: 100%;}
.slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList ul {position: absolute;left: 0;top: 0;width: 10000px}


@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .slidingWidgetCarrouselController {margin:0;}
    .slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList{max-width: 480px}
    .slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList ul li{max-width: 480px}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList{max-width: 320px}
    .slidingWidgetCarrousel.slidingWidgetCarrouselActive .slidingWidgetCarrouselList ul li{max-width: 320px}
}

.memberRegistrationWrapper{background: #05a3a1;}
.memberRegistration{max-width: 768px; margin: 0 auto; padding: 60px 0;}
.memberRegistration .title{margin:  0 0 15px; color: #FFF;  font-size: 13px;font-family: 'Montserrat-Bold';text-align: center; text-transform: uppercase;}
.memberRegistration .textEmphasis{margin:  0 0 15px;font-family: 'Montserrat-Bold'; color: #FFF; font-size: 32px;text-align: center;}
.memberRegistration .textEmphasis.textEmphasisLess{font-size: 18px; margin: 0 0 30px;}
.memberRegistration .text{color: #02132b;text-align: center; line-height: 18px;}
.memberRegistration .text .condition{margin: 0 0 15px;max-width: 360px; margin: 0 auto}
.memberRegistration .text .condition:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.memberRegistration .text .condition input{float: left;}
.memberRegistration .text .condition span{color: #02132b;text-align: center; line-height: 20px;font-family: 'Montserrat-Bold'; float: left; display: block; margin: 0 0 0 8px;}
.memberRegistration .text .condition span a{color: #02132b;text-align: center; line-height: 20px;font-family: 'Montserrat-Bold'; text-decoration: underline; display: inline;}
.memberRegistration .mainButtoon{text-align: center; margin: 15px 0 0;}
.memberRegistration .mainButtoon button{ background: #FFF; border: 2px solid #03132b; font-size:20px;  color: #03132b;font-family: 'Montserrat-Bold'; padding: 10px 20px; display: inline-block; width: auto;}

.identificationSectionWrapper{background: #1a293f;}
.identificationSection{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.identificationSection .title{margin:  0 0 45px; color: #FFF;  font-size: 32px;font-family: 'Montserrat-Bold';text-align: left; padding: 0 0 15px; border-bottom: 2px solid #05a3a1;}
.identificationSection .contentColumnWrapper{}
.identificationSection .contentColumnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.identificationSection .contentColumnWrapper .leftColumn{float: left; max-width: 85%; width: 100%;}
.identificationSection .contentColumnWrapper .leftColumn input{}
.identificationSection .contentColumnWrapper .rightColumn{float: left;max-width: 13%; width: 100%; margin: 0 0 0 2%;}
.identificationSection .contentColumnWrapper .rightColumn .nextButton{ color: #FFF; padding: 10px 20px; cursor: pointer;background: #05a3a1; text-align: center;}

.personalInformationSectionWrapper{background: #eeeeee;}
.personalInformationSectionWrapper.passwordSectionWrapper{background: #dadada;}
.personalInformationSectionWrapper.marketing{background: #dadada;}
.personalInformationSectionWrapper.emergencyContacDetails{background: #03132b;}
.personalInformationSectionWrapper.medicalInformation{background: #1a293f;}
.personalInformationSection{max-width: 1180px; margin: 0 auto; padding: 60px 0 30px;}
.personalInformationSectionWrapper.passwordSectionWrapper .personalInformationSection{padding: 45px 0 30px;}
.personalInformationSection .title{margin:  0 0 30px; color: #02132b;  font-size: 32px;font-family: 'Montserrat-Bold';text-align: left; padding: 0 0 15px; border-bottom: 2px solid #05a3a1;}
.emergencyContacDetails .personalInformationSection .title{color: #FFF;}
.medicalInformation .personalInformationSection .title{color: #FFF;}
.personalInformationSection .description{color: #02132b; font-size: 12px;font-family: 'Montserrat-Bold'; margin: 0 0 30px;}
.personalInformationSection .socialMediaSignIn{margin:  0 0 30px;}
.personalInformationSection .socialMediaSignIn:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.personalInformationSection .socialMediaSignIn a{float: left;margin: 0 15px 0 0; color: #fff; padding: 10px 20px;}
.personalInformationSection .socialMediaSignIn a.facebookSignIn{background: #3b5998;}
.personalInformationSection .socialMediaSignIn a.googleSignIn{background: #dd4b39}

.personalInformationForm{}
.personalInformationForm .formRow{margin: 0 0 20px;}
.personalInformationForm .formRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.personalInformationForm .formRow.form2Column{}
.personalInformationForm .formRow.form3Column{}
.personalInformationForm .formRow .formRowColumn{float: left; margin: 0 2% 0 0; width: 100%;}
.personalInformationForm .formRow .formRowColumn input{width: 96%; padding: 5px 2%; margin: 0;}
.personalInformationForm .formRow.form2Column .formRowColumn{max-width: 49%}
.personalInformationForm .formRow.form3Column .formRowColumn{max-width: 32%;}
.personalInformationForm .formRow.formColumn .formRowColumn:last-child{margin: 0}
.personalInformationForm .formRow.form2Column .formRowColumn:last-child{margin: 0}
.personalInformationForm .formRow.form3Column .formRowColumn:last-child{margin: 0}
.personalInformationForm .formRow .formRowColumn .formFieldLabel{float: left; margin: 0 10px 0 0;}
.personalInformationForm .formRow .formRowColumn .formFieldLabel label{ color: #02132b; font-size: 16px;font-family: 'Montserrat-Bold'; line-height: 32px;}
.medicalInformation .personalInformationForm .formRow .formRowColumn .formFieldLabel label{ color: #FFF;}
.personalInformationForm .formRow .formRowColumn .formFieldLabel label sup{}
.personalInformationForm .formRow .formRowColumn .formFieldWrapper{float: left; width: 100%;}
.personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapperIn2{float: right; width: 70%;}
.personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapper3Fields:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapper3Fields .formfield{width: 100%;}
.personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapper3Fields .formfield{float: left;max-width: 32%; margin: 0 2% 0 0; }
.personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapper3Fields .formfield:last-child{margin: 00;}
.personalInformationForm .formRow .formRowColumn .formFieldCaption{color: #02132b; font-size: 12px;font-family: 'Montserrat-Bold'; float: left; width: 100%; padding: 10px 0 0;}
.personalInformationForm .formRow.formAction{text-align: right;}
.personalInformationForm .formRow.formAction .submitButton{color: #FFF; padding: 10px 20px; cursor: pointer;background: #05a3a1; text-align: center; display: inline-block;}

.disciplineSelectionFields .checkboxMask{}
.disciplineSelectionFields .checkboxMask:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap{float: left; margin: 0 10px 10px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap label{display: block; cursor: pointer;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap label input{display: none;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.checkboxoff{}

.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap span{text-indent: -99999px; display: block;width: 77px; height: 77px; background: url(/img/sprite/marketing-sprite.png) 0 0 no-repeat;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline1 span{background-position: -708px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline1 span.checkboxon{background-position: -708px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline1 span.checkboxon:hover{background-position: -708px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline1:hover span{background-position: -708px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline2 span{background-position: 0 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline2 span.checkboxon{background-position: 0 -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline2 span.checkboxon:hover{background-position: 0 -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline2:hover span{background-position: 0 -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline3 span{background-position: -1003px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline3 span.checkboxon{background-position: -1003px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline3 span.checkboxon:hover{background-position: -1003px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline3:hover span{background-position: -1003px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline4 span{background-position: -604px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline4 span.checkboxon{background-position: -604px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline4 span.checkboxon:hover{background-position: -604px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline4:hover span{background-position: -604px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline5 span{background-position: -501px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline5 span.checkboxon{background-position: -501px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline5 span.checkboxon:hover{background-position: -501px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline5:hover span{background-position: -501px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline6 span{background-position: -904px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline6 span.checkboxon{background-position: -904px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline6 span.checkboxon:hover{background-position: -904px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline6:hover span{background-position: -904px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline7 span{background-position: -300px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline7 span.checkboxon{background-position: -300px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline7 span.checkboxon:hover{background-position: -300px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline7:hover span{background-position: -300px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline8 span{background-position: -203px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline8 span.checkboxon{background-position: -203px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline8 span.checkboxon:hover{background-position: -203px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline8:hover span{background-position: -203px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline9 span{background-position: -399px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline9 span.checkboxon{background-position: -399px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline9 span.checkboxon:hover{background-position: -399px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline9:hover span{background-position: -399px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10 span{background-position: -1207px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10 span.checkboxon{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10 span.checkboxon:hover{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline10:hover span{background-position: -1207px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11 span{background-position: -1207px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11 span.checkboxon{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11 span.checkboxon:hover{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline11:hover span{background-position: -1207px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12 span{background-position: -1207px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12 span.checkboxon{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12 span.checkboxon:hover{background-position: -1207px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline12:hover span{background-position: -1207px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline13 span{background-position: -104px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline13 span.checkboxon{background-position: -104px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline13 span.checkboxon:hover{background-position: -104px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline13:hover span{background-position: -104px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline14 span{background-position: -300px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline14 span.checkboxon{background-position: -300px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline14 span.checkboxon:hover{background-position: -300px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline14:hover span{background-position: -300px -177px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline15 span{background-position: -807px 0;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline15 span.checkboxon{background-position: -807px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline15 span.checkboxon:hover{background-position: -807px -89px;}
.personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.discipline15:hover span{background-position: -807px -177px;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .personalInformationSection{margin: 0 15px;}
    .personalInformationForm .formRow .formRowColumn .formFieldLabel label{font-size: 14px;}
    .personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapperIn2{width: 58%;}
    .personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap{margin: 0 5px 10px 0}

    .memberRegistration{max-width: 738px;}
    .identificationSection{margin: 0 15px;}

}
@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .personalInformationSection .disciplineSelectionFields .checkboxMask .checkboxImageWrap{margin: 0 15px 15px 0}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .memberRegistration{padding: 30px 10px;}
    .memberRegistration .textEmphasis{font-size: 16px;}

    .identificationSection{padding: 30px 0;}
    .identificationSection .title{margin: 0 0 20px; font-size: 20px; padding: 0 0 5px;}
    .identificationSection .contentColumnWrapper .leftColumn{float: none; max-width: none;}
    .identificationSection .contentColumnWrapper .rightColumn{float: none;max-width: none; margin: 10px 0 0;}

    .personalInformationSection{padding: 30px 0;}
    .personalInformationSection .title{margin: 0 0 20px; font-size: 20px; padding: 0 0 5px;}

    .personalInformationSection .socialMediaSignIn a{float: none;margin: 0 0 8px;}
    .personalInformationForm .formRow.form2Column .formRowColumn{max-width: none;float: none; margin: 0 0 10px;}
    .personalInformationForm .formRow.form2Column .formRowColumn:last-child{}
    .personalInformationForm .formRow .formRowColumn .formFieldWrapper{float: none;}

    .personalInformationForm .formRow.form3Column .formRowColumn{max-width: none;float: none; margin: 0 0 10px;}
    .personalInformationForm .formRow.form3Column .formRowColumn:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .personalInformationForm .formRow.form2Column .formRowColumn:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapperIn2{width: 56%;}


    .personalInformationForm .formRow .formRowColumn .formFieldCaption{padding: 10px 0;}

    .personalInformationSectionWrapper.passwordSectionWrapper .personalInformationSection{padding: 30px 0 15px;}

    .memberRegistration .textEmphasis.textEmphasisLess{font-size: 14px;}

    .memberRegistration .text .condition span{max-width: 93%; text-align: left;}

    .memberRegistration .mainButtoon button{font-size: 16px;}
}

.cartBlockWrapper{}
.blockCart{position: relative;}
.blockCart .blockTitle a{cursor: pointer; color: #04a3a1; font-family: 'Montserrat-Bold'; line-height: 16px; padding: 15px 15px 15px 36px; position: relative; background: #1a293f;}
.blockCart .blockTitle a:hover{background: #2d3e57;}
.blockCart .blockTitle a:before{ position:absolute; left: 0; top: 5px; background: url(/img/sprite.png) -36px -36px no-repeat; width: 36px; height: 36px; content: "."; color: transparent; text-indent: -9999px;}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockCart{display: none;}
}
.nodeCharityWrapper{}
.nodeCharityWrapper.grey{ background: #f0efef;}

.nodeCharityTeaser{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.nodeCharityTeaser .image{ margin: 30px 0;}
.nodeCharityTeaser .image img{ display: inline-block;}
.nodeCharityTeaser .title{margin: 0 0 15px; color: #04a3a1; font-family: 'Montserrat-Bold'; font-size: 24px;}
.nodeCharityTeaser .text{margin: 0 0 30px;}
.nodeCharityTeaser .text p{margin: 0 0 15px; color: #02132b; line-height: 18px;}
.nodeCharityTeaser .text p.emphasis{margin: 0 0 15px; color: #02132b; line-height: 18px; font-size: 16px; font-family: 'Montserrat-Semi-Bold';}
.nodeCharityTeaser .text p.aqua{margin: 0 0 15px; color: #04a3a1; line-height: 18px; font-size: 14px;}
.nodeCharityTeaser .links{margin: 0 0 30px;}
.nodeCharityTeaser .links .linksTitle{margin: 0 0 15px;color: #02132b; line-height: 18px; font-size: 14px; font-family: 'Montserrat-Semi-Bold';}
.nodeCharityTeaser .links .linksContent{}
.nodeCharityTeaser .links .linksContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nodeCharityTeaser .links .linksContent a{ float: left; margin: 0 15px 0 0; padding: 12px 30px; background: #04a3a1; color: #FFF;}
.nodeCharityTeaser .links .linksContent a.twitter{background: #1ca8eb;}
.nodeCharityTeaser .links .linksContent a.facebook{ background: #1a3353;}
.nodeCharityTeaser .contactDetails{}
.nodeCharityTeaser .contactDetails p{color: #04a3a1; line-height: 18px; font-size: 14px; font-family: 'Montserrat-Semi-Bold';}

@media screen and (max-device-width:1024px) {
    .nodeCharityTeaser{margin: 0 20px; padding: 15px 0;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .nodeCharityTeaser .links .linksContent a{float: none; margin: 0;}
    .nodeCharityTeaser{margin: 0 15px;}
    .nodeCharityTeaser .title{font-size: 18px;}
}
.blockClubRoagBenefitsWrapper{background: #bfbfbf;}
.blockClubRoagBenefits{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.blockClubRoagBenefits .blockTitle{}
.blockClubRoagBenefits .blockTitle h3{text-align: center; color: #02132b;font-family: 'Montserrat-Bold'; font-size: 32px;}
.blockClubRoagBenefits .blockClubRoagBenefitsContent{ margin: 30px auto;     max-width: 1024px;}
.blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst{}
.blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul{}
.blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul li{float: left; margin: 0 15px 0 0}
.blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul li:last-child{margin: 0;}

.clubRoagBenefitWidget{max-width: 190px;}
.clubRoagBenefitWidget .benefitImage{margin: 0 0 15px;}
.clubRoagBenefitWidget .benefitImage img{}
.clubRoagBenefitWidget .benefitTitle{}
.clubRoagBenefitWidget .benefitTitle h4{color: #FFF; text-align: center; font-size: 16px; line-height: 21px;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .clubRoagBenefitWidget{min-height: 275px;}
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst{max-width: 660px; margin:0 auto;}
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul li{margin: 0 15px;}
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst ul li:last-child{margin: 0 15px;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst{max-width: 440px;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .clubRoagBenefitWidget .benefitImage{margin: 0;}
    .blockClubRoagBenefits .blockTitle h3{ font-size: 18px;}
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst{max-width: 220px;}
    .blockClubRoagBenefits .blockClubRoagBenefitsContent .benefitsLIst{max-width:220px; }
}
.blockClubRoagWrapper{max-width: 1180px; margin: 0 auto;}
.blockClubRoag{max-width: 768px; margin: 60px auto;}
.blockClubRoag .clubRoagTitle{text-align: center;}
.blockClubRoag .clubRoagTitle img{display: inline-block;}
.blockClubRoag .blockClubRoagContent{margin: 45px auto 30px; }
.blockClubRoag .blockClubRoagContent p{color: #02132b; font-size: 16px; text-align: center; line-height: 21px;}

@media screen and (max-device-width:768px), screen and (max-width:1024px) {
    .blockClubRoag .clubRoagTitle img{max-width: 250px; height: auto;}
}
.blockContactCRMWrapper{background:#04a3a1;}
.blockContactCRMWrapper.blue{background:#03132b;}
.blockContactCrm{ padding: 45px 0; max-width: 1180px; margin: 0 auto; }
.blockContactCrm .blockContactCrmText{text-align: center; font-family: 'Montserrat-Bold'; font-size: 18px;color: #FFF; line-height: 22px;}
.blockContactCrm .blockContactCrmContact{margin: 15px 0 15px}
.blockContactCrm .blockContactCrmContact ul{text-align: center;}
.blockContactCrm .blockContactCrmContact ul li{ display: inline-block;padding:10px 20px; }

.contactWidget{}
.contactWidget .contactIcon{}
.contactWidget .contactIcon img{}
.contactWidget .contactAction{}
.contactWidget .contactAction a{ color: #FFF; padding: 5px; line-height: 18px;font-size: 16px;}

@media screen and (max-device-width:320px), screen and (max-width:479px){
    .blockContactCrm .blockContactCrmText{font-size: 16px;}
}
.blockContactUsFormWrapper{background: url(/img/layout/block-contact-bg.jpg) top center no-repeat;  background-size: cover;}
.blockContactUsForm{ max-width: 768px; margin: 0 auto; padding: 75px 0;}
.blockContactUsForm h3{color: #fff;font-family: 'Montserrat-Semi-Bold'; font-size: 18px; text-align: center;line-height: 24px;}
.blockContactUsForm .blockContactUsFormContent{margin: 45px 0 0;}
.blockContactUsForm .blockContactUsFormContent textarea{width: 98%;}
.blockContactUsForm .blockContactUsFormContent .formAction{text-align: center;}
.blockContactUsForm .blockContactUsFormContent .formAction button{width: auto; display: inline-block; padding: 12px 45px; text-transform: uppercase; }


.blockContactUsFormWrapperSuccess{background: url(/img/layout/block-contact-success-bg.jpg) top center no-repeat; background-size: cover;}
.blockContactUsFormSuccess{ max-width: 768px; margin: 0 auto; padding: 150px 0;}
.blockContactUsFormSuccess .iconImage{ text-align: center; margin: 0 0 30px;}
.blockContactUsFormSuccess h3{color: #fff;font-family: 'Montserrat-Semi-Bold'; font-size: 18px; text-align: center;line-height: 24px; margin:  0 0 30px;}
.blockContactUsFormSuccess .blockText{ text-align: center; margin: 30px 0 0;}
.blockContactUsFormSuccess .blockText p{text-align: center;color: #FFF; line-height: 18px; font-size: 14px;}
.blockContactUsWrapper{background:#04a3a1; }
.blockContactUs{max-width: 1180px; padding: 60px 0; margin: 0 auto;}
.blockContactUs h3{font-family: 'Montserrat-Bold'; font-size: 32px; color: #FFF; text-align: center; margin: 0 0 15px;}
.blockContactUs .contactColumnWrapper {
    padding: 0 30px;
}
.blockContactUs .contactColumnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockContactUs .contactColumnWrapper .contactColumn{float: left; max-width: 32%; width: 100%; margin: 0 2% 15px 0;}
.blockContactUs .contactColumnWrapper .contactColumn:last-child{margin: 0 0 15px 0;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnIcon{text-align: left;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnIcon img{}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnTitle{margin: 15px 0 0;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnTitle h4{color: #FFF;font-family: 'Montserrat-Semi-Bold'; font-size: 22px;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription{margin: 15px 0 0;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p{color: #FFF;line-height: 18px; margin: 0 0 8px;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p strong{font-family: 'Montserrat-Semi-Bold';color: #FFF;}
.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p a{ display: inline-block; color: #FFFFFF}

.blockContactUsMauritiusWrapper.blockContactUsWrapper{background:#FFF; }
.blockContactUsMauritius.blockContactUs h3{color: #0c142b; }
.blockContactUsMauritius.blockContactUs .contactColumnWrapper .contactColumn .contactColumnTitle h4{color: #0c142b;}
.blockContactUsMauritius.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p{color: #0c142b;}
.blockContactUsMauritius.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p strong{color: #0c142b;}
.blockContactUsMauritius.blockContactUs .contactColumnWrapper .contactColumn .contactColumnDescription p a{color: #0c142b}
.blockEventIcons{max-width: 1180px; margin: 0 auto;}
.blockEventIcons .iconsWrapper{}
.blockEventIcons .iconsWrapper ul{}
.blockEventIcons .iconsWrapper ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventIcons .iconsWrapper ul li{float: left;}
.blockEventIcons .iconsWrapper ul li a{}
.blockEventIcons .iconsWrapper ul li a img{display: block;}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventIcons .iconsWrapper ul li{max-width: 50%;}
    .blockEventIcons .iconsWrapper ul li a img{max-width: 100%; height: auto;}

}
@media (min-width:320px) and (max-width:800px){
    .blockContactUs .contactColumnWrapper {
        padding: 0;
    }
    .blockContactUs .contactColumnWrapper .contactColumn {
        float: none;
        max-width: 80%;
        width: 80%;
        margin: 0 auto;
    }
    .blockContactUs .contactColumnWrapper .contactColumn:last-child {
        margin: 0 auto;
    }
}


img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
.blockEventRegistration{width: 100%; position: relative; z-index: 2; max-width: 1180px; margin: 0 auto;}
.blockEventRegistration:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventRegistration .leftBlock{float: left; margin: 45px}
.blockEventRegistration .rightBlock{position: absolute; padding: 45px 30px; right: 0; top: 25%; width: 40%; background: #02132b;}
.blockEventRegistration .rightBlock .rightBlockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; color: #fff; text-align: center;}
.blockEventRegistration .rightBlock .rightBlockSlogan{text-align: center;font-family: 'Montserrat-Bold';color: #04a3a1; text-transform: uppercase; margin: 10px 0 0;}
.blockEventRegistration .rightBlock .rightBlockText{margin: 30px 0 0;text-align: center; color: #FFF;}
.blockEventRegistration .rightBlock .rightBlockLink{ margin: 30px 0 0; text-align: center;}
.blockEventRegistration .rightBlock .rightBlockLink a{display: inline-block; padding: 12px 15px; color: #FFF; background: #04a3a1; text-transform:uppercase;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventRegistration .leftBlock{margin: 20px 20px 0; float: none;}
    .blockEventRegistration .rightBlock{position: static;; width: auto;margin: 0; padding: 15px;margin: 0px 20px 20px;}
    .blockEventRegistration .rightBlock .rightBlockTitle{font-size: 24px;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventRegistration .phpmlInnerCarousel{height: 323px; width: 440px;}
    .blockEventRegistration .phpmlInnerCarousel ul{height: 323px;}
    .blockEventRegistration .phpmlInnerCarousel ul li img{height: 323px; max-width: 440px;}
}
.blockEventServicesWrapper{background: #06a4a2;}
.blockEventServices{max-width: 1180px; margin: 0 auto;}
.blockEventServices .eventServicesText{font-size: 16px;padding: 45px 0; max-width: 640px; margin: 0 auto; color: #FFF; line-height: 20px; text-align: center;}
.blockEventServices .eventServicesList{max-width: 768px; margin: 0 auto;}
.blockEventServices .eventServicesList ul{}
.blockEventServices .eventServicesList ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventServices .eventServicesList ul li{float: left; margin: 0 2% 15px 0; border:2px solid #FFFFFF; max-width: 48%; min-height: 360px;}
.blockEventServices .eventServicesList ul li:nth-child(2n){margin: 0 0 15px;}
.blockEventServices .contactUs{padding: 30px 0; text-align: center;}
.blockEventServices .contactUs a{padding: 12px 20px; color: #02132b; display: inline-block; background: #FFF; font-size: 22px;    line-height: 24px; font-family: 'Montserrat-Bold'; border:2px solid #02132b; }

.eventServiceWidget{padding: 20px;}
.eventServiceWidget .eventServiceLogo{text-align: center;}
.eventServiceWidget .eventServiceLogo img{}
.eventServiceWidget .eventServiceTitle{text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; margin: 15px 0;}
.eventServiceWidget .eventServicesDescription{text-align: center; color: #FFF; line-height: 18px;}

@media screen and (max-device-width:768px), screen and (max-width:1023px){
    .blockEventServices .eventServicesList ul li{margin: 0 1% 15px; min-height: 368px;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px){
    .blockEventServices .eventServicesList ul li{float: none;max-width: none; min-height: 0;}
    .blockEventServices .eventServicesList ul li:nth-child(2n){margin: 0 1% 15px;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px){
    .blockEventServices .contactUs a{max-width: 200px;}
    .blockContactCrm .blockContactCrmText{margin: 0 10px;}
}
.blockEventTitleWrapper{background: #fcb830;}
.blockEventTitleWrapper.green{background: #72ab98;}
.blockEventTitle{padding: 60px 0; max-width: 1180px; margin: 0 auto;}
.blockEventTitle .eventTitle{}
.blockEventTitle .eventTitle h4{font-family: 'Montserrat-Bold'; font-size: 36px; color: #FFF; text-align: center;}
.blockEventTitle .eventSlogan{font-family: 'Montserrat-Semi-Bold'; font-size: 26px; color: #FFF; text-align: center; margin: 5px 0 0;}
.blockEventTitle .alternateLink{margin: 30px 0 15px; text-align: center;}
.blockEventTitle .alternateLink:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventTitle .alternateLink a{margin: 0 10px;padding: 12px 20px; font-size: 12px; display: inline-block; text-transform: uppercase;color: #02132b; background: #FFF;}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventTitle{padding: 30px 0;}
    .blockEventTitle .eventTitle h4{font-size: 24px;}
    .blockEventTitle .eventSlogan{font-size: 18px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventTitle{margin: 0 10px;}
    .blockEventTitle .eventTitle h4{font-size: 18px;}
    .blockEventTitle .eventSlogan{font-size: 14px;}
}

/*.blockEventsCalendarViewWrapper{}
.blockEventsCalendarView{ max-width: 1180px; margin: 0 auto; padding: 45px 0 60px;}
.blockEventsCalendarView .title{}
.blockEventsCalendarView .title:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventsCalendarView .leftColumn{float: left;}
.blockEventsCalendarView .leftColumn h4{font-size: 24px; font-family: 'Montserrat-Bold'; text-align: left; line-height: 36px; color: #03132b;}
.blockEventsCalendarView .rightColumn{float:right;}
.blockEventsCalendarView .rightColumn .viewDisplayStyle{float: right;}
.blockEventsCalendarView .rightColumn .viewDisplayStyle a{float: left;text-indent: -9999px; margin: 0 5px 0 0; color: transparent; width: 36px; height: 36px; background: url(/img/sprite.png) 0 -432px no-repeat;}
.blockEventsCalendarView .rightColumn .viewDisplayStyle a.listStyle{}
.blockEventsCalendarView .rightColumn .viewDisplayStyle a.calendartStyle{background-position: -36px -432px; margin: 0;}
.blockEventsCalendarView .eventsIcons{padding: 15px 0 ;}
.blockEventsCalendarView .eventsIcons ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventsCalendarView .eventsIcons ul li{float: left;margin: 0 17px 0 0;}
.blockEventsCalendarView .eventsIcons ul li:last-child{margin:  0 0;}
.blockEventsCalendarView .eventsCalendar{}
.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper{position: relative;}
.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a{position: absolute; height: 100%; width: 45px; top: 0; left: 0; display: block; text-indent: -9999px; color: transparent; background: url(../../images/sprite.png) -28px -245px no-repeat;}
.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a:hover{background-color: rgba(255,255,255,0.2);}
.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a.calendarRightArrow{left: auto;right: 0; background-position: 0 -245px;}
.blockEventsCalendarView .eventsCalendar .calendarTitle{background: #04a3a1; text-align: center;padding:15px 0; color: #FFF; font-size: 20px; text-transform: uppercase;}
.blockEventsCalendarView .eventsCalendar .calendarDaysLabel{}
.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul{ background: #03132b;}
.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul li{float: left;  max-width:14%; width: 100%; color: #FFF; padding: 10px 0; text-align: center;}
.blockEventsCalendarView .eventsCalendar .calendarDays{}
.blockEventsCalendarView .eventsCalendar .calendarDays ul{border-left: 1px solid #eeeeee;border-top: 1px solid #eeeeee;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li{ float: left;  max-width:14%; width: 100%; background: #f9f9f9;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li:nth-child(7n){max-width:15%;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li:nth-child(7n-1){max-width:15%;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day{ position: relative;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;min-height: 175px;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .date{color:#2a2a2a; line-height: 175px; font-size: 24px; text-align: center;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events{position: absolute; z-index: 2;top: 0; left: 0; width: 100%; height: 100%;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul{}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li{border: none; max-width: none; min-height:0; }
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li a{color: #fff; font-size: 11px; text-align: center; padding: 5px;}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.previousMonth{ line-height: 175px; color:#dadada; background:#f5f5f5;font-size: 24px; text-align: center;}
.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.nextMonth{ line-height: 175px; background: #f5f5f5; color:#dadada;font-size: 24px; text-align: center;}


@media screen and (max-device-width:320px), screen and (max-width:639px) {
        .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day{min-height: 100px;}
        .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .date{line-height: 100px;}
        .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li a{text-indent: -9999px;}
        .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.previousMonth{line-height: 100px;}
        .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.nextMonth {line-height: 100px;}
        .blockEventsCalendarView .eventsIcons ul li{margin: 5px 12px;}

        .tabMyCalendar .blockEventsCalendarView .eventsIcons ul li{margin: 5px 7px;}
}

*/

.blockEventsCalendarViewWrapper {}

.blockEventsCalendarView {
    max-width: 1180px;
    margin: 0 auto;
    padding: 45px 0 0; /*60px;*/
}

.blockEventsCalendarView .title {}

.blockEventsCalendarView .title:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blockEventsCalendarView .leftColumn {
    float: left;
}

.blockEventsCalendarView .leftColumn h4 {
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    text-align: left;
    line-height: 36px;
    color: #03132b;
}

.blockEventsCalendarView .rightColumn {
    float: right;
}

.blockEventsCalendarView .rightColumn .viewDisplayStyle {
    float: right;
}

.blockEventsCalendarView .rightColumn .viewDisplayStyle a {
    float: left;
    text-indent: -9999px;
    margin: 0 5px 0 0;
    color: transparent;
    width: 36px;
    height: 36px;
    background: url(/img/sprite.png) 0 -432px no-repeat;
}

.blockEventsCalendarView .rightColumn .viewDisplayStyle a.listStyle {
    background-position: -71px -432px;
    margin: 0;
}

.blockEventsCalendarView .rightColumn .viewDisplayStyle a.listStyleLink {}

.blockEventsCalendarView .rightColumn .viewDisplayStyle a.calendartStyle {
    background-position: -36px -432px;
    margin: 0;
}

.blockEventsCalendarView .rightColumn .viewDisplayStyle a.calendartStyleLink {
    background-position: -0px -468px; /* left  top */
    margin: 0;
}

.blockEventsCalendarView .eventsIcons {
    padding: 15px 0 ;
}

.blockEventsCalendarView .eventsIcons ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blockEventsCalendarView .eventsIcons ul li {
    float: left;
    margin: 0 17px 0 0;
}

.blockEventsCalendarView .eventsIcons ul li:last-child {
    margin: 0 0;
}

.blockEventsCalendarView .eventsCalendar {}

.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper {
    position: relative;
}

.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a {
    position: absolute;
    height: 100%;
    width: 45px;
    top: 0;
    left: 0;
    display: block;
    text-indent: -9999px;
    color: transparent;
    background: url(/img/sprite.png) -28px -245px no-repeat;
}

.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.blockEventsCalendarView .eventsCalendar .calendarTitleWrapper a.calendarRightArrow {
    left: auto;
    right: 0;
    background-position: 0 -245px;
}

.blockEventsCalendarView .eventsCalendar .calendarTitle {
    background: #04a3a1;
    text-align: center;
    padding: 15px 0;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
}

.blockEventsCalendarView .eventsCalendar .calendarDaysLabel {}

.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul {
    background: #03132b;
}

.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blockEventsCalendarView .eventsCalendar .calendarDaysLabel ul li {
    float: left;
    max-width: 14%;
    width: 100%;
    color: #FFF;
    padding: 10px 0;
    text-align: center;
}

.blockEventsCalendarView .eventsCalendar .calendarDays {}

.blockEventsCalendarView .eventsCalendar .calendarDays ul {
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li {
    float: left;
    max-width: 14%;
    width: 100%;
    background: #f9f9f9;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li:nth-child(7n) {
    max-width: 15%;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li:nth-child(7n-1) {
    max-width: 15%;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day {
    position: relative;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    min-height: 175px;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .date {
    color: #2a2a2a;
    line-height: 175px;
    font-size: 24px;
    text-align: center;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul {}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li {
    border: none;
    max-width: none;
    min-height: 0;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li a {
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 3px;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.previousMonth {
    line-height: 175px;
    color: #dadada;
    background: #f5f5f5;
    font-size: 24px;
    text-align: center;
}

.blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.nextMonth {
    line-height: 175px;
    background: #f5f5f5;
    color: #dadada;
    font-size: 24px;
    text-align: center;
}

@media screen and (max-device-width:320px), screen and (max-width:639px) {
    .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day {
        min-height: 100px;
    }

    .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .date {
        line-height: 100px;
    }

    .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day .events ul li a {
        text-indent: -9999px;
    }

    .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.previousMonth {
        line-height: 100px;
    }

    .blockEventsCalendarView .eventsCalendar .calendarDays ul li .day.nextMonth {
        line-height: 100px;
    }

    .blockEventsCalendarView .eventsIcons ul li {
        /* margin: 5px 12px; */
        margin: 0 5px 4px 0;
    }

    .tabMyCalendar .blockEventsCalendarView .eventsIcons ul li {
        margin: 5px 7px;
    }
}



.nodeNewsWidget{max-width: 289px; margin: 0 auto; padding: 0 0 30px;}
.nodeNewsWidget .imageWrapper{position: relative;}
.nodeNewsWidget .imageWrapper .newsDate{position: absolute; top: 0; left: 30px; background: #06a4a2; padding: 8px;}
.nodeNewsWidget .imageWrapper .newsDate span.date{display: block;}
.nodeNewsWidget .imageWrapper .newsDate span.date{color: #FFF;font-family: 'Montserrat-Bold';font-size: 22px;}
.nodeNewsWidget .imageWrapper .newsDate span.month{color: #FFF;font-family: 'Montserrat-Bold';    text-transform: uppercase;}
.nodeNewsWidget .imageWrapper .newsImage{text-align: center;}
.nodeNewsWidget .imageWrapper .newsImage img{max-width: 100%; height: auto;}
.nodeNewsWidget .newsDescription{padding: 15px 0;}
.nodeNewsWidget .newsDescription .newsTitle{color: #FFF; font-family: 'Montserrat-Semi-Bold';font-size: 18px; line-height: 22px; color: #FFF;}
.nodeNewsWidget .newsDescription .newsLink{}
.nodeNewsWidget .newsDescription .newsLink a{font-size: 14px; line-height: 22px; color: #FFF; text-transform: uppercase; padding: 8px 0 ;}

.block.blockLatestNews{max-width: 1180px; margin: 0 auto;}
.block.blockLatestNews .newsColumnWrapper{}
.block.blockLatestNews .newsColumnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.block.blockLatestNews .newsColumnWrapper .latextNewsColumn{float: left; width: 100%;max-width: 30%; margin: 0 0 0 0;background: #1a293f;}
.block.blockLatestNews .newsColumnWrapper .latextNewsColumn .columnTitle{font-family: 'Montserrat-Bold'; font-size: 28px;text-transform: uppercase; color: #FFF; padding: 45px 30px;}
.block.blockLatestNews .newsColumnWrapper .latextNewsColumn .nodeNewsWidgetWrapper{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn{float: left;width: 100%;max-width: 70%;}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .columnTitle{font-family: 'Montserrat-Bold'; font-size: 28px;text-transform: uppercase; color: #02132b; padding: 45px 30px;}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget{max-width: 222px; float: left; margin: 0 0 0 52px;}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper .newsDate{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper .newsDate span.date{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper .newsDate span.month{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper .newsImage{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper .newsImage img{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .newsDescription{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .newsDescription .newsTitle{color:#06a4a2;}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .newsDescription .newsLink{}
.block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .newsDescription .newsLink a{color:#06a4a2;}


@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget{float: none; max-width: none; margin: 0 0 0 30px;}
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .nodeNewsWidgetWrapper .nodeNewsWidget{float: none; max-width: none; margin: 0}
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget{margin: 0}
    .nodeNewsWidgetWrapper .nodeNewsWidget:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .nodeNewsWidget .imageWrapper{float: left; margin: 0 15px;}
    .moreNewsColumn .nodeNewsWidget .imageWrapper{float: left; margin: 0 0 0 30px;}
    .nodeNewsWidgetWrapper .nodeNewsWidget .newsDescription{float: left;margin: 0 0 0 15px}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .block.blockLatestNews .newsColumnWrapper .latextNewsColumn{float: none;max-width: none;}
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn{float: none;max-width: none; margin: 0}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .block.blockLatestNews .newsColumnWrapper .latextNewsColumn .columnTitle{padding: 20px 15px;}
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn .columnTitle{padding: 20px 15px;}
    .block.blockLatestNews .newsColumnWrapper .moreNewsColumn .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper{margin: 0 15px}
    .nodeNewsWidgetWrapper .nodeNewsWidget .imageWrapper{float: left; margin: 0 15px;}
}
.loginBlockWrapper{}
.blockLogin{position: relative;}
.blockLogin .blockTitle{cursor: pointer; color: #FFFFFF; font-family: 'Montserrat-Bold'; line-height: 16px; padding: 15px 15px 15px; position: relative; background: #06a5a3;}
.blockLogin .blockTitleLogout a {cursor: pointer; color: #FFFFFF; font-family: 'Montserrat-Bold'; line-height: 16px; padding: 15px 15px 15px; position: relative; background: #06a5a3;}
.blockLogin .blockTitle:hover{background: #06a5a3;}
.blockLogin .blockTitle.opened{background: #06a5a3;}
.blockLogin .blockLoginContent{background: #06a5a3; padding: 15px; position: absolute; right: 0; top:100%;min-width: 200px; box-shadow: 0 3px 5px #b3afaf; z-index: 3;}
.blockLogin .blockLoginContent form .formTitle{font-family: 'Montserrat-Bold'; color: #FFFFFF;}
.blockLogin .blockLoginContent form input{border: 2px solid #FFFFFF;background: #06a5a3; color: #FFF;}
.blockLogin .blockLoginContent form button{background:#FFFFFF; color: #06a5a3;}
.blockLogin .blockLoginContent form .formRow.fieldLink{margin: 10px 0 0;}
.blockLogin .blockLoginContent form .formRow.fieldLink a{font-size: 11px;}
.blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #ffffff !important;font-style: italic;}
.blockLogin .blockLoginContent form input:-moz-placeholder {color: #ffffff !important;font-style: italic;}
.blockLogin .blockLoginContent form input::-moz-placeholder {color: #ffffff !important;font-style: italic;}
.blockLogin .blockLoginContent form input:-ms-input-placeholder {color: #ffffff !important;font-style: italic;}

.blockLogin .blockLoginContent .openIDAccounts{margin: 15px 0 0;}
.blockLogin .blockLoginContent .openIDAccounts ul{}
.blockLogin .blockLoginContent .openIDAccounts ul li{margin: 8px 0 0;}
.blockLogin .blockLoginContent .openIDAccounts ul li a{text-align: center; padding: 12px 0; background: #02132b; color: #FFF; border-radius: 2px;}
.blockLogin .blockLoginContent .openIDAccounts ul li a.facebook{background: #3b5998;}
.blockLogin .blockLoginContent .openIDAccounts ul li a.google{background: #dd4b39;}

/** Landing Page **/
.landingPageBlock .blockLogin .blockTitle{display: none;}
.landingPageBlock .blockLoginLandingTitle{text-align: left; color: #03132c; font-size: 18px; line-height: 20px; font-family: 'Montserrat-Semi-Bold';  padding: 0 15px;}
.landingPageBlock .blockLoginLandingTitle span{text-align: left; color: #03132c; display: block;}
.landingPageBlock .blockLogin .blockLoginContent{display: block; position: static; background: none; box-shadow: none;}
.landingPageBlock .blockLogin .blockLoginContent form .formTitle{color: #03132c;display: none;}
.landingPageBlock .blockLogin .blockLoginContent form input{border: 2px solid #03132c;background: none; color: #03132c;}
.landingPageBlock .blockLogin .blockLoginContent form button{background:#03132c; color: #FFF;}

.landingPageBlock .blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #03132c !important;}
.landingPageBlock .blockLogin .blockLoginContent form input:-moz-placeholder {color: #03132c !important;}
.landingPageBlock .blockLogin .blockLoginContent form input::-moz-placeholder {color: #03132c !important;}
.landingPageBlock .blockLogin .blockLoginContent form input:-ms-input-placeholder {color: #03132c !important;}
/** END Landing Page **/

/** roagCardPageBlock Page **/
.roagCardPageBlock .loginBlockWrapper{margin: 30px 0 0; }
.roagCardPageBlock .blockLogin .blockTitle{display: none;}
.roagCardPageBlock .blockLoginLandingTitle{text-align: left; color: #04a2a0; font-size: 18px; line-height: 20px; font-family: 'Montserrat-Semi-Bold';  padding: 0 15px;}
.roagCardPageBlock .blockLoginLandingTitle span{text-align: left; color: #FFF; display: block; line-height: 18px;}
.roagCardPageBlock .blockLogin .blockLoginContent{display: block; position: static; background: none; box-shadow: none;}
.roagCardPageBlock .blockLogin .blockLoginContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.roagCardPageBlock .blockLogin .blockLoginContent form .formTitle{color: #03132c;display: none;}
.roagCardPageBlock .blockLogin .blockLoginContent form .formRow{float:left; margin: 0 15px 0 0;}
.roagCardPageBlock .blockLogin .blockLoginContent form input{border: 2px solid #04a2a0;background: none; color: #FFF; min-width: 150px;}
.roagCardPageBlock .blockLogin .blockLoginContent form button{background:#04a2a0; color: #FFF; margin: 0}
.roagCardPageBlock .blockLogin .blockLoginContent form .formRow.fieldLink{display: none;}

.roagCardPageBlock .blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #FFF !important;}
.roagCardPageBlock .blockLogin .blockLoginContent form input:-moz-placeholder {color: #FFF !important;}
.roagCardPageBlock .blockLogin .blockLoginContent form input::-moz-placeholder {color: #FFF !important;}
.roagCardPageBlock .blockLogin .blockLoginContent form input:-ms-input-placeholder {color: #FFF !important;}

.roagCardPageBlock .blockLogin .blockLoginContent .loginForm{float: left}
.roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts{float: left;margin:0 0 0 30px;}
.roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts ul li{float: left; margin:  0 15px 0 0;}
.roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts ul li a{padding: 12px 25px;}

.roagCardPageBlock.loginpopupPageBlock .blockLoginLandingTitle span{color: #03132c; display: block;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input{border: 2px solid #03132c;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form button{background:#03132c;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input:-moz-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input::-moz-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input:-ms-input-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form .formRow{float: none;margin: 0 0 10px;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent .loginForm{float: none;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent .openIDAccounts{float: none; margin: 30px 0 0;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent .openIDAccounts ul li{float: none;margin: 0 0 10px;}

.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input {color: #000;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input:-moz-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input::-webkit-input-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockLogin .blockLoginContent form input:-ms-input-placeholder {color: #000 !important;}

/** END roagCardPageBlock Page **/

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts{margin: 0;}
    .roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts ul li{margin: 15px 15px 0 0;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .roagCardPageBlock .blockLogin .blockLoginContent form .formRow{margin: 0 0 10px;float: none;}
    .roagCardPageBlock .blockLoginLandingTitle{font-size: 16px;}
    .roagCardPageBlock .blockLogin .blockLoginContent .loginForm{float: none;}
    .roagCardPageBlock .blockLogin .blockLoginContent .openIDAccounts ul li{margin: 10px 0 10px; float: none;}
}
.bloxkOnlinePurchasePopup{background: #FFF; max-width: 768px; margin: 0 auto;}
.bloxkOnlinePurchasePopup .titleWrap{background: #05a3a1; padding: 30px;}
.bloxkOnlinePurchasePopup .titleWrap:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .titleWrap .leftColumn{float: left; font-size: 18px; text-transform: uppercase; color: #fff; font-family: 'Montserrat-Semi-Bold';}
.bloxkOnlinePurchasePopup .titleWrap .rightColumn{float: right;font-size: 32px; text-transform: uppercase; color: #fff; font-family: 'Montserrat-Bold';}
.bloxkOnlinePurchasePopup .content{padding: 15px 30px;}
.bloxkOnlinePurchasePopup .content .columnWrap{}
.bloxkOnlinePurchasePopup .content .columnWrap:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .content .columnWrap .leftColumn{float: left;}
.bloxkOnlinePurchasePopup .content .columnWrap .leftColumn .personName{color: #02132b; font-family: 'Montserrat-Semi-Bold';}
.bloxkOnlinePurchasePopup .content .columnWrap .rightColumn{float: right;}
.bloxkOnlinePurchasePopup .content .columnWrap .rightColumn p{color: #02132b; line-height: 18px; text-align: right;}
.bloxkOnlinePurchasePopup .content .purchaseTable{margin: 30px 0 0;}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow{border-bottom:1px solid #eee; }
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn{float: left; line-height: 18px; padding: 8px 0; color: #02132b; border-right:1px solid #eee; text-transform: uppercase; text-align: center; width: 100%; max-width: 12%; }
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnDescription{max-width: 27%}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnQuantity{}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnUnitPrice{}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnVat{}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnAmount{}
.bloxkOnlinePurchasePopup .content .purchaseTable .tableRow .tableColumn.tableColumnTotal{ float: right;}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow{background: #05a3a1;}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn{color: #FFF; }
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnDescription{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnQuantity{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnUnitPrice{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnVat{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnAmount{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableHead .tableRow .tableColumn.tableColumnTotal{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn{text-transform: none; font-size: 12px; padding: 5px 0;}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnDescription{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnQuantity{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnUnitPrice{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnVat{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnAmount{}
.bloxkOnlinePurchasePopup .content .purchaseTable .purchaseTableBody .tableRow .tableColumn.tableColumnTotal{}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable{}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody{float: right; max-width: 320px;border-left:1px solid #eee; width: 100%;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow{border-bottom:1px solid #eee;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn{float: left; line-height: 18px; padding: 5px 0; border-right:1px solid #eee;text-align: center;color: #02132b;width: 100%; max-width: 49%;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnAmountLabel{background: #05a3a1; color: #FFF;text-transform: uppercase;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnAmountQuantity{float: right}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnVatLabel{background: #05a3a1; color: #FFF;text-transform: uppercase;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnVatQuantity{float: right}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnTotalLabel{background: #05a3a1; color: #FFF;text-transform: uppercase;}
.bloxkOnlinePurchasePopup .content .purchaseSumarryTable .purchaseSumarryTableBody .tableRow .tableColumn.tableColumnTotalQuantity{float: right}
.blockPageBigLinksWrapper{padding: 30px 0;}
.blockPageBigLinks{max-width: 1180px; margin: 0 auto;}
.blockPageBigLinks nav {}
.blockPageBigLinks nav ul {text-align: center;}
.blockPageBigLinks nav ul li {display: inline-block;margin: 0 15px;}
.blockPageBigLinks nav ul li a{padding: 12px 25px; border: 2px solid #06a4a2; background: #FFF; color: #02132b; font-family: 'Montserrat-Bold'; font-size: 24px;}
.blockPageBigLinks nav ul li a:hover{background:#eaeaea;}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockPageBigLinks nav ul li{margin: 10px;}
}
.blockInfoWrapper{background: #f3f3f3;}
.blockInfo{max-width: 1180px; margin: 0 auto;}
.blockInfo:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockInfo .pageTitle{float: left;}
.blockInfo .pageTitle h2{color: #02132b; font-size: 25px; font-family: 'Montserrat-Bold'; padding: 15px 0;}
.blockInfo .pageBreadcrumb{float: right;margin: 12px 0 0;}
.blockInfo .pageBreadcrumb nav{}
.blockInfo .pageBreadcrumb nav ul{}
.blockInfo .pageBreadcrumb nav ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockInfo .pageBreadcrumb nav ul li{float: left; color: #02132b;}
.blockInfo .pageBreadcrumb nav ul li a{padding: 10px 16px 10px 10px; position: relative;}
.blockInfo .pageBreadcrumb nav ul li a:before{position: absolute; content: "/"; top: 10px; left: -10px;}
.blockInfo .pageBreadcrumb nav ul li:first-child a:before{display: none;}
.blockInfo .pageBreadcrumb nav ul li:last-child a{padding: 10px;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockInfo {margin: 0 10px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockInfo .pageTitle{float: none;}
    .blockInfo .pageBreadcrumb{float: none;margin: 0;}
}
.blockPagePaginationWrapper{margin: 30px 0;}
.blockPagePagination{max-width: 1180px; margin: 0 auto;}
.blockPagePagination:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPagePagination ul{float: right;}
.blockPagePagination ul li{float: left;margin: 0 10px 0 0;}
.blockPagePagination ul li:last-child{margin: 0;}
.blockPagePagination ul li a{min-width: 36px; min-height: 36px;text-align: center; line-height: 36px; color: #1a293f;}
.blockPagePagination ul li.firstPage a{text-indent: -9999px; background: url(/img/sprite.png) -36px -180px no-repeat;}
.blockPagePagination ul li.previousPage a{text-indent: -9999px; background: url(/img/sprite.png) -36px -216px no-repeat;}
.blockPagePagination ul li.pageNumber a{background: #ebebeb;}
.blockPagePagination ul li.pageNumber.pageActive a{background: #04a3a1; color: #FFFFFF;}
.blockPagePagination ul li.nextPage a{text-indent: -9999px; background: url(/img/sprite.png) 0 -180px no-repeat;}
.blockPagePagination ul li.lastPage a{text-indent: -9999px; background: url(/img/sprite.png) 0 -216px no-repeat;}

/** Bar pagination */
.blockPagePaginationWrapper.barPagination{margin: 0;background: #04a3a1;}
.barPagination .blockPagePagination ul li{margin: 0 5px 0 0;}
.barPagination .blockPagePagination ul li.pageNumber a{background: none;color: #FFFFFF;}
.barPagination .blockPagePagination ul li.pageNumber.pageActive a{background: none;  margin: 5px; border: 1px solid #fff;min-width: 24px; min-height: 0; line-height: 24px;}
.barPagination .blockPagePagination ul li.previousPage a{text-indent: -9999px; background: url(/img/sprite.png) -36px -288px no-repeat;}
.barPagination .blockPagePagination ul li.firstPage a{text-indent: -9999px; background: url(/img/sprite.png) -36px -252px no-repeat;}
.barPagination .blockPagePagination ul li.nextPage a{text-indent: -9999px; background: url(/img/sprite.png) 0 -252px no-repeat;}
.barPagination .blockPagePagination ul li.lastPage a{text-indent: -9999px; background: url(/img/sprite.png) 0 -288px no-repeat;}

/** BLUE pagination */
.blue .blockPagePagination ul li.pageNumber.pageActive a{background: #1a293f;}
.blue .blockPagePagination ul li.firstPage a{background-position:  -36px -360px;}
.blue .blockPagePagination ul li.nextPage a{background-position: 0 -360px;}
.blue .blockPagePagination ul li.previousPage a{background-position:  -36px -396px;}
.blue .blockPagePagination ul li.lastPage a{background-position:  0 -396px;}
.participantEventsOverviewBlockWrapper{}
.participantEventsOverviewBlock{margin: 0 auto; max-width: 1180px; padding: 45px 0;}
.participantEventsOverviewBlock .eventsOverview{text-align: center; margin: 0 0 30px;}
.participantEventsOverviewBlock .eventsOverview .eventOverview{display: inline-block;margin: 0 25px 0 0;}
.participantEventsOverviewBlock .eventsOverview .eventOverview:last-child{margin:0;}
.participantEventsOverviewBlock .eventsOverview .eventOverview .number{text-align:center; color: #0c142b; font-family: 'Montserrat-Bold'; font-size: 28px; line-height:140px; width: 140px; height: 140px; background: url(/img/layout/race-result-time.png) center no-repeat;}
.participantEventsOverviewBlock .eventsOverview .eventOverview .label{ margin: 15px 0 0; text-transform: uppercase; color: #0c142b;}
.participantEventsOverviewBlock .eventsAndCalendar{}
.participantEventsOverviewBlock .eventsAndCalendar:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents{float: left; width: 100%; max-width: 760px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .descrptionRow{background: #06a5a3; padding: 15px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .descrptionRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .descrptionRow .leftColumn{float: left;color: #FFFFFF;font-family: 'Montserrat-Bold'; font-size: 18px; text-transform: uppercase; line-height: 22px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .descrptionRow .rightColumn{float:right;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .descrptionRow .rightColumn a{color: #FFFFFF; line-height: 22px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent{ background: #03132b; padding: 20px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget{ margin: 0 0 20px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper{float: left; margin:  0 20px 0 0;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget .imageWrapper img{}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent{float: left; width: 100%; max-width: 515px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn{float: left; max-width: 400px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .title{font-family: 'Montserrat-Bold'; font-size: 16px; color: #FFF;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content{ margin: 10px 0 0;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul{}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul li{line-height: 16px;color: #06a5a3; text-transform: uppercase; font-size: 12px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul li span{line-height: 16px;color: #FFF; text-transform: none; display: inline-block;margin: 0 0 0 8px; font-size: 12px;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul li span.interested{color: #ff9c00;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul li span.pending{color: #ff2a3e;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .leftCOlumn .content ul li span.entered{color:#03d968;}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .rightColumn{float: right}
.participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .rightColumn a{ color: #FFF; background: #06a5a3; padding: 10px 15px; }
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar{float: right; max-width: 400px; width: 100%; background: #06a5a3; min-height: 200px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar .descriptionRow{color: #FFFFFF;font-family: 'Montserrat-Bold'; background: #0c142b; font-size: 18px; text-transform: uppercase; line-height: 22px; padding: 15px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar .datepickerWrapper{ padding: 20px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker{width: 100%; padding: 0; border: none; background: none; color: #FFFFFF;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-widget-header{border: none;background: none; color: #FFF; line-height: 36px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-widget-header span{line-height: 36px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker span{color: #FFF;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-state-default{color: #FFF; background: none; border: 1px solid #06a5a3;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-state-active{color: #FFF; background: none; border: 1px solid #FFF;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-datepicker-prev{width: 30px; height: 30px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-datepicker-next{width: 30px; height: 30px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker .ui-datepicker-title{text-align: center; vertical-align: middle; line-height: 30px;}
.participantEventsOverviewBlock .eventsAndCalendar .myCalendar #datepicker .ui-datepicker td a {text-align: center; vertical-align: middle; line-height: 30px;}

.participantEventsOverviewBlock .myResults{ margin: 30px 0 30px}
.participantEventsOverviewBlock .myResults .descriptionRow{color: #FFFFFF;font-family: 'Montserrat-Bold'; font-size: 18px; text-transform: uppercase; line-height: 22px; padding: 15px 10px 15px;background: #03132b;}
.participantEventsOverviewBlock .myResults .descriptionRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myResults .descriptionRow .leftColumn{float: left;color: #FFFFFF;font-family: 'Montserrat-Bold'; font-size: 18px; text-transform: uppercase; line-height: 22px;}
.participantEventsOverviewBlock .myResults .descriptionRow .rightColumn{float:right;}
.participantEventsOverviewBlock .myResults .descriptionRow .rightColumn a{color: #FFFFFF; line-height: 22px; text-transform: none;}

.participantEventsOverviewBlock .myResults .myResultsContent{padding: 10px; background: #03132b;}
.participantEventsOverviewBlock .myResults .myResultsContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget{float: left; margin: 0 1% 0 0; padding: 10px 2%; width: 100%; background: #1a293f; max-width: 20.25%;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget:last-child{margin: 0;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .eventTitle{color: #FFF; font-size: 16px;line-height: 22px;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .eventDate{font-size: 14px; color: #FFF;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceDetails{margin: 15px 0 0;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceDetails:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceDetails .raceDetail{float: left;margin: 0 10px 10px 0; font-size: 9px; text-align: center; line-height: 15px; background: #06a4a2; color: #FFF; padding:10px 10px;max-width: 30px; width: 100%; border-radius: 30px; min-height: 30px;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceDetails .raceDetail.raceTime{line-height: 30px;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceDetails .raceDetail:last-child{margin: 0 0 10px;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceRatings{ margin: 10px 0 0;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceRatings:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceRatings a{ padding: 10px 15px; background: #03132b; color: #FFF; font-size: 12px; line-height: 16px; float: left; margin: 0 5px 0 0;}
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceRatings a.twitterIcon{width: 36px; height: 36px; text-indent: -9999px; padding: 0; color: transparent; background: url(/img/sprite.png) 0 -72px no-repeat #03132b;  }
.participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget .raceRatings a.facebookIcon{width: 36px; height: 36px; text-indent: -9999px; padding: 0; color: transparent; background: url(/img/sprite.png) -36px -72px no-repeat #03132b;  }

.profilePage .participantEventsOverviewBlock .myResults {margin: 30px 0 0;}
.profilePage .participantEventsOverviewBlock .myResults .descriptionRow{background: #06a5a3;}

.participantEventsOverviewBlock .myPhotosWrapper{ margin: 30px 0 30px}
.participantEventsOverviewBlock .myPhotosWrapper .descrptionRow{background: #0c142b; padding: 15px;}
.participantEventsOverviewBlock .myPhotosWrapper .descrptionRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myPhotosWrapper .descrptionRow .leftColumn{float: left;color: #FFFFFF;font-family: 'Montserrat-Bold'; font-size: 18px; text-transform: uppercase; line-height: 22px;}
.participantEventsOverviewBlock .myPhotosWrapper .descrptionRow .rightColumn{float:right;}
.participantEventsOverviewBlock .myPhotosWrapper .descrptionRow .rightColumn a{color: #FFFFFF; line-height: 22px;}

.participantEventsOverviewBlock .myStrava{margin: 30px 0 0;}
.participantEventsOverviewBlock .myStrava img{max-width: 100%; height: auto;}
.participantEventsOverviewBlock .myStrava .descriptionRow{background: #06a5a3; padding: 15px;}
.participantEventsOverviewBlock .myStrava .descriptionRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.participantEventsOverviewBlock .myStrava .descriptionRow .leftColumn{float: left;color: #FFFFFF;font-family: 'Montserrat-Bold'; font-size: 18px; text-transform: uppercase; line-height: 22px;}
.participantEventsOverviewBlock .myStrava .descriptionRow .rightColumn{float:right;}
.participantEventsOverviewBlock .myStrava .descriptionRow .rightColumn a{color: #FFFFFF; line-height: 22px;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents{float: none;margin: 0 auto;}
    .participantEventsOverviewBlock .eventsAndCalendar .myCalendar{float: none; max-width: 760px; margin: 30px auto 0;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget{max-width: 45%; margin: 0 2% 10px 0}
    .participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget:nth-child(2n){margin: 0 0 10px 0}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidget{padding: 0 0 20px; border-bottom: 1px solid #414a56;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .participantEventsOverviewBlock .eventsOverview .eventOverview{display: block;margin: 0 0 15px;}
    .participantEventsOverviewBlock .eventsOverview .eventOverview .number{margin: 0 auto;}
    .participantEventsOverviewBlock .eventsAndCalendar .upcomingEvents .upcomingEventsContent .upcomingEventsWidgetContent .rightColumn{margin: 10px 0 0;float: left;}
    .participantEventsOverviewBlock .myResults .myResultsContent .eventResultWidget{margin: 0 0 10px; max-width: 97%;}
}

.blockParticipantPastRaceResultsWrapper{ background: #05a3a1;}
.blockParticipantPastRaceResults{max-width: 1180px; margin: 0 auto; padding: 45px 0;}
.blockParticipantPastRaceResults .blockParticipantPastRaceResultsContent{display: none;}
.blockParticipantPastRaceResults .blockTitle{font-size: 32px; color: #FFF; text-align: center;font-family: 'Montserrat-Bold'; padding: 0 0 15px; position: relative;}
.blockParticipantPastRaceResults .blockTitle:before{background: url(/img/sprite.png) -82px -298px no-repeat;  width: 15px; height: 15px; content: '.'; text-indent: -99999px;  color: transparent;  position: absolute; left: 50%;  bottom: 0px;}

.blockParticipantPastRaceResults .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow{background: #FFF;}
.blockParticipantPastRaceResults .blockEventResultsList .resultsTable .resultsTableRow{background: #82d1d0}
.blockParticipantPastRaceResults .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn{color: #02132b;font-family: 'Montserrat-Bold';font-size: 12px;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockParticipantPastRaceResults{padding: 30px 15px;}

}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockParticipantPastRaceResults{padding: 15px 10px;}
    .blockParticipantPastRaceResults .blockTitle{font-size: 18px;}
}

.blockParticipantProfileWrapper{background: #02132b;}
.blockParticipantProfile{max-width: 1024px; margin: 0 auto; padding: 45px 0 0;}
.blockParticipantProfile .columnWrapper{}
.blockParticipantProfile .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockParticipantProfile .columnWrapper .leftColumn{float:left;}
.blockParticipantProfile .columnWrapper .leftColumn .participantImage{padding: 0 0 30px;}
.blockParticipantProfile .columnWrapper .leftColumn .participantImage .participantImageMask{}
.blockParticipantProfile .columnWrapper .leftColumn .participantImage img{ display: block;}
.blockParticipantProfile .columnWrapper .rightColumn{float:left; width: 100%; max-width: 768px;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult{display:none;margin: 30px 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .title{color: #FFF;font-size: 14px; text-align: right;line-height: 18px;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .slogan{color: #06a4a2;font-size: 12px; text-align: right;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails{margin: 10px 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails .raceDetail{float: left;margin: 0 10px 10px 0; font-size: 11px; text-align: center; line-height: 15px; background: #06a4a2; color: #FFF; padding:15px 10px;max-width: 40px; width: 100%; border-radius: 30px; min-height: 30px;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails .raceDetail.raceTime{line-height: 30px;}
.blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails .raceDetail:last-child{margin: 0 0 10px;}

.blockParticipantProfile .columnWrapper .rightColumn .profileInfo{margin: 30px 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft{float: left; margin-left: 30px;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantName{font-family: 'Montserrat-Bold'; font-size: 24px; color: #FFF; margin:  0 0 30px;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRanking{color: #FFF; font-size: 14px; line-height: 18px; text-transform: uppercase;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRaces{color: #FFF; font-size: 14px; line-height: 18px; text-transform: uppercase;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRoagNumber{color: #04a3a1; font-size: 14px; line-height: 18px; text-transform: uppercase;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight{float: right;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a{padding: 11px 20px; text-transform: uppercase; color: #fff; background: #04a3a1; margin: 0 0 10px; text-align: center;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a.sendMessage{background:#FFF; position: relative; color: #02132b; text-transform: none; padding: 11px 20px 11px 40px;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a.sendMessage:before{content: '.'; text-indent: -9999px; height: 36px; width: 36px; display: block; position: absolute;left: 0; top: 0;background: url(/img/sprite.png) -72px -360px no-repeat;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap{ margin: 70px 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo{float:right;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followers{float:left; padding: 8px 30px; background: #FFF;margin: 0 15px 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followers .number{color: #02132b;text-align: center;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followers .label{color: #02132b;text-align: center;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followAction{float:left; margin: 0 0 0 0;}
.blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followAction a{background:#04a3a1; color: #FFF; text-transform: uppercase; text-align: center; padding: 15px 45px 14px;}

.withoutSocial .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap{display: none;}

.viewingOwnProfile .invisibleInOwnProfile{display: none;}
.viewingOwnProfile .socialInfoWrap{display: none;}
.viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo{float:left; margin: 0;}
.viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .latestResult{display:block; float: right; min-width: 200px;margin: 15px 0 0 30px;}
.viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft{float:none;}
.viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight{float:none; margin: 15px 0 0 30px;}
.viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a.sendMessage{display: none;}
.blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantName{margin: 0 0 15px;}


.myResults {
    margin: 30px 0 0 0;
}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockParticipantProfile{margin: 0 15px;}

}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockParticipantProfile{margin: 0 15px;}
    .blockParticipantProfile .columnWrapper .rightColumn{max-width: 515px;}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo{float: none;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap{float: none; margin: 0 0 45px 30px;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo{float: left;}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .latestResult{float: none;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .title{text-align: left;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .slogan{float: left;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails{margin: 25px 0 0;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a{display: inline-block;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft{float: none;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight{float: none; margin: 15px 0 15px 30px;}

}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockParticipantProfile .columnWrapper .leftColumn{float: none;}
    .blockParticipantProfile .columnWrapper .leftColumn .participantImage{text-align: left;padding: 0 0 15px;}
    .blockParticipantProfile .columnWrapper .leftColumn .participantImage img{}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo{margin: 15px 0 0;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantName{margin:  0 0 10px;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap{margin: 5px 10px 10px;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo{float: none;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followers{float: none; margin: 0 0 10px;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap .socialInfo .followAction{float: none; margin: 0 0 10px;}

    /* Added by Pixelis */
    .blockParticipantProfile {
        margin: 0 15px;
        text-align: center;
        padding-bottom: 50px;
    }

    .blockParticipantProfile .columnWrapper {
        text-align: center !important;
    }

    .blockParticipantProfile .columnWrapper .leftColumn {
        /* float: left; */
        margin: 0 auto;
        text-align: center;
    }

    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft {
        float: left;
        margin-left: 0;
    }

    .blockParticipantProfile .columnWrapper .leftColumn .participantImage img { /* display: block;*/ margin: 0 auto; }

    .blockParticipantProfile .columnWrapper .rightColumn {
        max-width: 100%;
        margin: 0 auto;
    }

    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight {
        float: none;
        margin: 15px 0 0 0;
    }

    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .latestResult {
        display: block;
        min-width: 200px;
        margin: 15px 0 0 0;
    }

    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .title {
        text-align: center;
    }

    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .slogan {
        float: none;
        text-align: center;
    }

    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails {
        margin: 25px auto 0 auto;
        float: none;
        width: 201px;
        text-align: center;
    }
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockParticipantProfile .columnWrapper .leftColumn .participantImage img{margin: 0 auto;}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft{margin: 0 0 15px;}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight{margin: 0;text-align: center;}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a{}
    .viewingOwnProfile .blockParticipantProfile .columnWrapper .rightColumn .latestResult{margin: 0;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight{margin: 15px 0 10px;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoRight a{display: block;}
    .blockParticipantProfile .columnWrapper .rightColumn .socialInfoWrap{margin: 0;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRanking{text-align: center;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantName{text-align: center;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRoagNumber{text-align: center;}
    .blockParticipantProfile .columnWrapper .rightColumn .profileInfo .profileInfoLeft .participantRaces{text-align: center;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .title{text-align: center;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .slogan{text-align: center; float: none;}
    .blockParticipantProfile .columnWrapper .rightColumn .latestResult .raceDetails{ /*max-width: 200px;*/ margin: 15px auto;}
}

.blockParticipantRaceResultsWrapper{ background: #1a293f;}
.blockParticipantRaceResults{max-width: 1024px; margin: 0 auto; padding: 45px 0;}
.blockParticipantRaceResults .blockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; text-align: center;color: #05a3a1;}
.blockParticipantRaceResults .raceResultSharing{margin:  45px 0 15px;text-align: center;}
.blockParticipantRaceResults .raceResultSharing a{margin: 0 15px 0 0; display: inline-block; color:#FFF;padding: 12px 30px; position: relative;}
.blockParticipantRaceResults .raceResultSharing a.twitter{ background: #1ca8eb;padding: 12px 45px 12px 30px}
.blockParticipantRaceResults .raceResultSharing a.twitter:before{ content: '.'; display: block; text-indent: -9999px; background: url(/img/sprite.png) 0 -72px no-repeat; width:36px; height: 36px; position: absolute; right: 0; top: 0;}
.blockParticipantRaceResults .raceResultSharing a.facebook{background: #3b5a99;padding: 12px 45px 12px 30px}
.blockParticipantRaceResults .raceResultSharing a.facebook:before{ content: '.'; display: block; text-indent: -9999px; background: url(/img/sprite.png) -36px -72px no-repeat; width:36px; height: 36px; position: absolute; right: 0; top: 0;}
.blockParticipantRaceResults .raceResultSharing a.instagram{background: #a57d60;padding: 12px 45px 12px 30px}
.blockParticipantRaceResults .raceResultSharing a.instagram:before{ content: '.'; display: block; text-indent: -9999px; background: url(/img/sprite.png) -72px -72px no-repeat; width:36px; height: 36px; position: absolute; right: 0; top: 0;}
.blockParticipantRaceResults .raceResultSharing a.certificate{background: #05a3a1;}
.blockParticipantRaceResults .raceResultsList{margin: 45px 0 0;}
.blockParticipantRaceResults .raceResultsList ul{text-align: center;}
.blockParticipantRaceResults .raceResultsList ul li{display: inline-block; margin:  0 20px 0 0;}

.raceResult{}
.raceResult .raceResultTime{width: 140px; height: 80px; padding: 60px 0 0; color: #FFF; background: url(/img/layout/race-result-time.png) center no-repeat; text-align: center;font-family: 'Montserrat-Bold'; font-size: 18px;}
.raceResult .raceResultLabel{ text-transform: uppercase;color: #FFF; text-align: center;margin: 15px 0 0;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockParticipantRaceResults .raceResultsList ul li{margin: 0 50px 30px 0;}
    .blockParticipantRaceResults .raceResultSharing a{margin: 1%; min-width: 38%; padding: 12px 2% 12px 1%;}
    .blockParticipantRaceResults .raceResultSharing a{margin: 1%; min-width: 38%; padding: 12px 2% 12px 1% !important;}

}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockParticipantRaceResults .blockTitle{font-size: 18px;}
    .blockParticipantRaceResults .raceResultsList{margin: 15px 0;}
    .blockParticipantRaceResults .raceResultsList ul li{display: block; margin:  0 0 15px;}
    .raceResult .raceResultTime{height: auto; width: auto; background: none; padding: 8px 0 0;}
    .raceResult .raceResultLabel{margin: 0 0 0 15px; margin: 0;}
    .raceResult .raceResultTime{}
    .blockParticipantRaceResults .raceResultSharing a{display: block; margin: 0 15px 0;}
}
.blockPurchaseRoagCardNowWrapper{background:#1a293f;}
.blockPurchaseRoagCardNow{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.blockPurchaseRoagCardNow .blockTitle{}
.blockPurchaseRoagCardNow .blockTitle h4{color: #04a2a0; font-size: 32px;font-family: 'Montserrat-Bold'; text-align: center;}
.blockPurchaseRoagCardNow .blockWrapper{}

@media screen and (max-device-width:1024px) {
    .blockPurchaseRoagCardNow .blockTitle h4{font-size: 24px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockPurchaseRoagCardNow{padding: 30px;}
    .blockPurchaseRoagCardNow .blockTitle h4{font-size: 22px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockPurchaseRoagCardNow{padding: 30px 10px;}
    .blockPurchaseRoagCardNow .blockTitle h4{font-size: 16px;}
}

.registerBlockWrapper{}
.blockRegister{position: relative;}
.blockRegister .blockTitle{cursor: pointer; color: #1b3150; font-family: 'Montserrat-Bold'; line-height: 16px; padding: 15px 15px; position: relative; background: #eeeeee;}
.blockRegister .blockTitle:hover{background: #e0e0e0;}
.blockRegister .blockTitle.opened{background: #e0e0e0;}
.blockRegister .blockRegisterContent{background: #e0e0e0; padding: 15px; position: absolute; right: 0; top:100%;min-width: 200px; box-shadow: 0 3px 5px #e6e6e6;z-index: 3;}
.blockRegister .blockRegisterContent form .formTitle{font-family: 'Montserrat-Bold';}
.blockRegister .blockRegisterContent form input{ border: 2px solid #04a3a1;}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockRegister .blockRegisterContent{right: auto;left: 0;}
}

/** roagCardPageBlock Page **/
.roagCardPageBlock .blockRegister .blockTitle{display: none;}
.roagCardPageBlock .blockRegister .blockRegisterContent{display: block; position: static; background: none; margin: 0 0; box-shadow: none;}

.roagCardPageBlock  .blockRegister .blockRegisterContent form .formTitle{display: none;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form .formRow{float: left; margin: 0 15px 0 0;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form button{margin: 0}
.roagCardPageBlock  .blockRegister .blockRegisterContent form input{background: none;min-width: 150px;color: #FFF}

.roagCardPageBlock  .blockRegister .blockRegisterContent form input::-webkit-input-placeholder {color: #FFF !important;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form input:-moz-placeholder {color: #FFF !important;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form input::-moz-placeholder {color: #FFF !important;}
.roagCardPageBlock  .blockRegister .blockRegisterContent form input:-ms-input-placeholder {color: #FFF !important;}

.roagCardPageBlock.loginpopupPageBlock  .blockRegister .blockRegisterContent form .formRow{float: none; margin: 0 0 10px;}
.roagCardPageBlock.loginpopupPageBlock  .blockRegister .blockRegisterContent form input::-webkit-input-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock  .blockRegister .blockRegisterContent form input:-moz-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock  .blockRegister .blockRegisterContent form input::-moz-placeholder {color: #03132c !important;}
.roagCardPageBlock.loginpopupPageBlock  .blockRegister .blockRegisterContent form input:-ms-input-placeholder {color: #03132c !important;}

.roagCardPageBlock.loginpopupPageBlock .blockRegister .blockRegisterContent form input {color: #000;}
.roagCardPageBlock.loginpopupPageBlock .blockRegister .blockRegisterContent form input::-webkit-input-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockRegister .blockRegisterContent form input:-moz-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockRegister .blockRegisterContent form input::-webkit-input-placeholder {color: #000 !important;}
.roagCardPageBlock.loginpopupPageBlock .blockRegister .blockRegisterContent form input:-ms-input-placeholder {color: #000 !important;}


/** END roagCardPageBlock Page **/
@media screen and (max-device-width:320px), screen and (max-width:479px) {

    .roagCardPageBlock  .blockRegister .blockRegisterContent form .formRow{float: none;margin: 0 0 10px;}
}

.blockRoagCardAffiliationWrapper{background: #f3f3f3;}
.blockRoagCardAffiliation{max-width: 1180px; margin: 0 auto; padding: 60px 0; }
.blockRoagCardAffiliation .blockTitle{margin: 0 0 60px;}
.blockRoagCardAffiliation .blockTitle h4{ color: #04a2a0; font-size: 32px; font-family: 'Montserrat-Bold'; text-align: center;}
.blockRoagCardAffiliation .blockContent{margin: 30px 0 0;}
.blockRoagCardAffiliation .blockContent .affiliatedCompaniesList{}
.blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul{}
.blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul li{float: left; max-width: 49%; margin: 0 2% 30px 0;}
.blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul li:nth-child(2n){ margin: 0 0 30px 0;}

.nodeAffiliatedCompany{background: #FFF; padding:  0 0 30px;}
.nodeAffiliatedCompany .companyTitle{  background: #04a2a0;  padding: 12px 5px;}
.nodeAffiliatedCompany .companyTitle h5{font-size: 24px; color: #FFF;text-align: center;font-family: 'Montserrat-Semi-Bold'; }
.nodeAffiliatedCompany .companyLogo{ margin: 15px 0 0; text-align: center;}
.nodeAffiliatedCompany .companyLogo img{display: inline-block;}
.nodeAffiliatedCompany .companyDescription{text-align: center; font-size: 13px; color:#02132b; margin: 15px 0 0; padding: 0 60px; line-height: 18px;}
.nodeAffiliatedCompany .companyValueAdded{text-align:center; font-size:16px;  margin: 15px 0 0;color:#02132b;font-family: 'Montserrat-Semi-Bold';}
.nodeAffiliatedCompany .companyLocation{text-align:center; color:#04a2a0; margin: 15px 0 0; font-family: 'Montserrat-Semi-Bold'; line-height: 18px;}
.nodeAffiliatedCompany .companyContact{text-align:center; color:#04a2a0; margin: 15px 0 0; font-family: 'Montserrat-Semi-Bold'; line-height: 18px;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockRoagCardAffiliation{padding: 30px 0;}
    .blockRoagCardAffiliation .blockTitle {margin: 15px 0;}
    .blockRoagCardAffiliation .blockTitle h4{font-size: 24px;}
}
@media screen and (max-device-width:320px), screen and (max-width:640px) {
    .blockPurchaseRoagCardNow .blockTitle h4{font-size: 18px;}
    .blockRoagCardAffiliation .blockTitle h4{font-size: 18px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockRoagCardAffiliation{padding: 15px 0;}
    .blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul li{float: none;max-width: none;margin: 0;}
    .blockRoagCardAffiliation .blockContent .affiliatedCompaniesList ul li:nth-child(2n){margin: 0;}
    .blockRoagCardAffiliation .blockTitle{margin: 0}
    .nodeAffiliatedCompany .companyTitle h5{font-size: 16px;}
    .blockRoagCardAffiliation .blockTitle h4{font-size: 14px;}
    .blockRoagCardAffiliation .blockContent{margin: 15px 0 0;}

}

.blockSettingsWrapper{position: fixed; left: 0; top: 256px;background: #06a4a2; z-index: 9; opacity: 0.6;}
.blockSettings{ position: relative; box-shadow: 0 0 3px #808080;min-width: 72px; min-height: 72px;}
.blockSettings .settingsOpenButton{position: absolute; top: 0; left: 0; z-index: 2;}
.blockSettings .settingsOpenButton.childOpened{left: auto; right: 0;}
.blockSettings .settingsOpenButton a{text-indent: -9999px; background: url(/img/sprite.png) 0 -108px no-repeat #06a4a2;width: 72px; height: 72px;}
.blockSettings .settingsOpenButton a.opened{width: 36px; height: 36px; background-position: -72px -108px;}
.blockSettings .blockSettingsContent{display: none;padding: 15px; /*max-width: 258px;*/max-width: 288px;}
.blockSettings .blockSettingsContent .blockSettingsForm{}
.blockSettings .blockSettingsContent .blockSettingsForm form{}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow{}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow select{outline:none;border: 2px solid #ffffff; background: no-repeat; color: #FFF; min-height: 36px;line-height: 28px;}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow .fieldAction:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow button{border: 2px solid #ffffff; background: no-repeat; color: #FFF; margin: 0; float: right; padding: 8px 15px; display: inline-block; width: auto;}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow .fieldLabel{ font-size: 14px; color: #FFFFFF; margin: 0 0 8px;}
.blockSettings .blockSettingsContent .blockSettingsForm form .formRow .fieldLabel label{ font-size: 14px; color: #FFFFFF;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection{margin: 0}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionTitle{}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields{}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask{}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap{float: left; margin: 0 8px 8px 0;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap:nth-child(5n){margin-right: 0;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap label{display: block; cursor: pointer;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap label input{display: none;}
.blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap.checkboxoff{}

.checkboxMask .checkboxImageWrap span{text-indent: -99999px; display: block;width: 45px; height: 45px; background: url(/img/sprite/settings-sprite.png) 0 0 no-repeat;}
.landingPageBlock .checkboxMask .checkboxImageWrap span{text-indent: -99999px; display: block;width: 45px; height: 45px; background: url(/img/sprite/settings-sprite.png) 0 0 no-repeat;}
.checkboxMask .checkboxImageWrap.discipline1 span{background-position: 0 0;}
.checkboxMask .checkboxImageWrap.discipline1 span:hover{background-position: 0 -106px;}
.checkboxMask .checkboxImageWrap.discipline1 span.checkboxon{background-position: 0 -53px;}
.checkboxMask .checkboxImageWrap.discipline2 span{background-position: -62px 0;}
.checkboxMask .checkboxImageWrap.discipline2 span:hover{background-position: -61px -106px;}
.checkboxMask .checkboxImageWrap.discipline2 span.checkboxon{background-position: -61px -53px;}
.checkboxMask .checkboxImageWrap.discipline3 span{background-position: -121px 0;}
.checkboxMask .checkboxImageWrap.discipline3 span:hover{background-position: -121px -106px;}
.checkboxMask .checkboxImageWrap.discipline3 span.checkboxon{background-position: -121px -53px;}
.checkboxMask .checkboxImageWrap.discipline4 span{background-position: -178px 0;}
.checkboxMask .checkboxImageWrap.discipline4 span:hover{background-position: -178px -106px;}
.checkboxMask .checkboxImageWrap.discipline4 span.checkboxon{background-position: -178px -53px;}
.checkboxMask .checkboxImageWrap.discipline5 span{background-position: -237px 0;}
.checkboxMask .checkboxImageWrap.discipline5 span:hover{background-position: -237px -106px;}
.checkboxMask .checkboxImageWrap.discipline5 span.checkboxon{background-position: -237px -53px;}
.checkboxMask .checkboxImageWrap.discipline6 span{background-position: -297px 0;}
.checkboxMask .checkboxImageWrap.discipline6 span:hover{background-position: -297px -106px;}
.checkboxMask .checkboxImageWrap.discipline6 span.checkboxon{background-position: -297px -53px;}
.checkboxMask .checkboxImageWrap.discipline7 span{background-position: -358px 0;}
.checkboxMask .checkboxImageWrap.discipline7 span:hover{background-position: -358px -105px;}
.checkboxMask .checkboxImageWrap.discipline7 span.checkboxon{background-position: -358px -53px;}
.checkboxMask .checkboxImageWrap.discipline8 span{background-position: -420px 0;}
.checkboxMask .checkboxImageWrap.discipline8 span:hover{background-position: -420px -105px;}
.checkboxMask .checkboxImageWrap.discipline8 span.checkboxon{background-position: -420px -53px;}
.checkboxMask .checkboxImageWrap.discipline9 span{background-position: -479px 0;}
.checkboxMask .checkboxImageWrap.discipline9 span:hover{background-position: -479px -105px;}
.checkboxMask .checkboxImageWrap.discipline9 span.checkboxon{background-position: -479px -53px;}
.checkboxMask .checkboxImageWrap.discipline10 span{background-position: -536px 0;}
.checkboxMask .checkboxImageWrap.discipline10 span:hover{background-position: -536px -105px;}
.checkboxMask .checkboxImageWrap.discipline10 span.checkboxon{background-position: -536px -53px;}

/* new addition */
.checkboxMask .checkboxImageWrap.discipline11 span { background-position: -595px 0; }
.checkboxMask .checkboxImageWrap.discipline11 span:hover {background-position: -595px -105px;}
.checkboxMask .checkboxImageWrap.discipline11 span.checkboxon{background-position: -595px -53px;}

.checkboxMask .checkboxImageWrap.discipline12 span { background-position: -655px 0; }
.checkboxMask .checkboxImageWrap.discipline12 span:hover {background-position: -655px -105px; }
.checkboxMask .checkboxImageWrap.discipline12 span.checkboxon{background-position: -655px -53px;}


@media screen and (max-device-width: 1024px) and (orientation:portrait), screen and (max-width:1280px) {

}

@media screen and (max-device-width:320px), screen and (max-width:1024px) {
    .blockSettings .blockSettingsContent .blockSettingsForm form .formRow select{padding: 5px 1%; width: 98%;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockSettingsWrapper .blockSettings { min-width: 36px; min-height: 36px; }
    .blockSettings .settingsOpenButton a { background: url(/img/sprite.png) 0 -54px no-repeat #06a4a2; width: 36px; height: 36px; background-size: 150%}
    .blockSettings .settingsOpenButton a.opened { background-size: unset; }
}

/** LANDING PAGE **/
.page.landingPage{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.landingPageBlock .blockSettingsWrapper{position: static; background: none;}
.landingPageBlock .blockSettings{box-shadow: none;}
.landingPageBlock .blockSettingsLandingTitle{text-align: left; color: #06a4a2; font-size: 18px; line-height: 20px; font-family: 'Montserrat-Semi-Bold';  padding: 0 15px;}
.landingPageBlock .blockSettingsLandingTitle span{text-align: left; color: #06a4a2; display: block;}
.landingPageBlock .blockSettings .settingsOpenButton{display:none;}
.landingPageBlock .blockSettings .blockSettingsContent{display: block;}
.landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelectionTitle{display: none;}
.landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .formRow .fieldLabel{color: #06a4a2;}
.landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .formRow .fieldLabel label{color: #03132c;}
.landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .formRow select{border-color: #06a4a2;color: #03132c;}
.landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .formRow button{border-color: #06a4a2;color: #FFF; background: #06a4a2;}
/** END LANDING PAGE **/
.blockSlider div {
    font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    line-height:inherit;
    border: 0;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #FFFFFF;
}

body {  text-rendering: optimizeLegibility; }


/* Revolution Slider 1 */
.tp-caption{color: #FFF;}

/* Slide 1 */
.tp-caption.Fashion-BigDisplay.slide-1-layer-1{
    color: #FFFFFF;
    z-index: 6;
    white-space: nowrap;
    font-size: 188px;
    opacity: 0.3 !important;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.10);
    font-family:'Montserrat-Regular';
}
.tp-caption.Fashion-BigDisplay.slide-1-layer-2{
    color: #FFFFFF;
    z-index: 5;
    min-width: 627px;
    max-width: 627px;
    white-space: normal;
    font-size: 64px;
    line-height: 80px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    font-family: 'Montserrat-Bold';
    text-shadow: 0px 2px 10px rgba(0,0,0,0.7);
}
.tp-caption.slide-1-layer-7{
    color: #FFFFFF;
    z-index: 7;
    min-width: 615px;
    max-width: 615px;
    white-space: normal;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1.00);
    font-family:'Montserrat-Regular';
    text-shadow: 0px 2px 10px rgba(0,0,0,0.7);
}
.tp-caption.slide-1-layer-9{
    color: #FFFFFF;
    z-index: 8;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1.00);
    font-family:'Montserrat-Regular';
    background-color:rgba(6, 164, 162, 1.00);
    padding:22px 35px 22px 35px;
    border-color: rgba(0, 0, 0, 1.00);
    outline:none;
    box-shadow:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.successfulLogBlockWrapper{background: #1a293f;}
.successfulLogBlock{max-width: 768px; margin: 0 auto; padding: 45px 0;}
.successfulLogBlock .iconImage{text-align: center;}
.successfulLogBlock .iconImage img{}
.successfulLogBlock .blockText{color: #FFF;line-height: 21px; font-size: 16px; padding: 15px 0 0;text-align: center;}

.blockTeamRoagRacingMembersWrapper{background: #1a293f;}
.blockTeamRoagRacingMembers{max-width: 1180px; margin: 0 auto; padding: 45px 0;}
.blockTeamRoagRacingMembers .blockTItle{}
.blockTeamRoagRacingMembers .blockTItle h3{text-align: center;font-family: 'Montserrat-Semi-Bold';color: #FFF; font-size: 32px;}
.blockTeamRoagRacingMembers .blockContent{margin: 45px 0 0;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent{}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul{text-align: center; vertical-align: top;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li{display: inline-block; ; vertical-align: top; margin: 0 135px 45px 0;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(3n){margin: 0 0 30px;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(5n){margin: 0 0 30px;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li ul li{margin: 0;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li ul li:nth-child(3n){margin: 0;}
.blockTeamRoagRacingMembers .blockContent .roagCOntent ul li ul li:nth-child(5n){margin: 0;}

.nodeRoagTeamMembersWidget{ max-width: 300px;}
.nodeRoagTeamMembersWidget .blockImage{text-align: center; margin: 0 0 15px;}
.nodeRoagTeamMembersWidget .blockImage img{max-width: 100%; height: auto;}
.nodeRoagTeamMembersWidget .memberName{text-align: center;font-size: 24px; color: #38c6f4; font-family: 'Montserrat-Semi-Bold';}
.nodeRoagTeamMembersWidget .memberTitle{text-align: center; margin: 0 0 15px;font-size: 16px; color: #FFF;}
.nodeRoagTeamMembersWidget .memberBio{text-align: center; margin: 0 0 15px; color: #FFF;line-height: 18px;}
.nodeRoagTeamMembersWidget .memberInception{text-align: center; margin: 0 0 15px; color: #FFF;line-height:18px;}
.nodeRoagTeamMembersWidget .memberHistory ul{}
.nodeRoagTeamMembersWidget .memberHistory ul li{text-align: center; margin: 0; color: #FFF;line-height: 16px; font-size: 12px}

@media screen and (max-device-width:1024px) {
    .nodeRoagTeamMembersWidget{max-width: 280px;}
    .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li{margin: 0 30px 45px 0;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .nodeRoagTeamMembersWidget{max-width: 220px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockTeamRoagRacingMembers .blockTItle h3{font-size: 18px;}
    .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li{margin: 0 auto 15px;}
    .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(3n){margin: 0 auto 15px;}
}
.blockTeamRoagSponsorWrapper{background:#FFF;}
.blockTeamRoagSponsor{max-width: 1180px; margin: 0 auto; padding: 60px 15px 45px;}
.blockTeamRoagSponsor .blockTitle{}
.blockTeamRoagSponsor .blockTitle .titleImage{text-align: center; margin: 0 0 30px;}
.blockTeamRoagSponsor .blockTitle .titleImage img{display: inline-block;}
.blockTeamRoagSponsor .blockTitle h3{font-size: 32px; color: #02132b; text-align: center;font-family: 'Montserrat-Bold';}
.blockTeamRoagSponsor .blockContent{margin: 30px auto 0; max-width: 768px;}
.blockTeamRoagSponsor .blockContent p{margin: 0 0 15px; color:#02132b; font-size: 14px; text-align: center; line-height: 21px;  }

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockTeamRoagSponsor .blockTitle h3{font-size: 18px;}
}
.menuWrapper{
    background: url(/img/logo/stripes.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
}
.topBarWrapper{background:#02132b; }
.blockTopBar{max-width: 1180px; margin: 0 auto; color: #FFFFFF;}
.blockTopBar a{color: #FFFFFF;}
.blockTopBar .blockTopBarContent{}
.blockTopBar .blockTopBarContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.blockTopBar .blockTopBarContent .contactInformation{float: left;}
.blockTopBar .blockTopBarContent .contactInformation a{padding: 15px 10px 15px 30px; line-height: 16px;position: relative;}
.blockTopBar .blockTopBarContent .contactInformation a:hover{color: #04a3a1;}
.blockTopBar .blockTopBarContent .contactInformation .telephoneNumber{float:left;}
.blockTopBar .blockTopBarContent .contactInformation .telephoneNumber a:before{ position:absolute; left: 0; top: 5px; background: url(/img/sprite.png) -72px 0 no-repeat; width: 36px; height: 36px; content: "."; color: transparent; text-indent: -9999px;}
.blockTopBar .blockTopBarContent .contactInformation .emailAddress{float:left;}
.blockTopBar .blockTopBarContent .contactInformation .emailAddress a{}
.blockTopBar .blockTopBarContent .contactInformation .emailAddress a:before{ position:absolute; left: 0; top: 5px; background: url(/img/sprite.png) -36px 0 no-repeat; width: 36px; height: 36px; content: "."; color: transparent; text-indent: -9999px;}
.blockTopBar .blockTopBarContent .generalInformation{float: left;}
.blockTopBar .blockTopBarContent .generalInformation a{padding: 15px 10px 15px 30px; line-height: 16px;position: relative;}
.blockTopBar .blockTopBarContent .generalInformation a:hover{color: #04a3a1;}
.blockTopBar .blockTopBarContent .generalInformation .menbersOnline{float: left;}
.blockTopBar .blockTopBarContent .generalInformation .menbersOnline a{padding: 15px 10px; color: #04a3a1; font-family: 'Montserrat-Bold';}
.blockTopBar .blockTopBarContent .generalInformation .menbersOnline a:hover{color: #FFF;}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation{float: left;}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul{}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul li{float: left;}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul li a:before{ position:absolute; left: 0; top: 5px; background: url(/img/sprite.png) 0 0 no-repeat; width: 36px; height: 36px; content: "."; color: transparent; text-indent: -9999px;}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul li a.advertiser:before{background-position: 0 -36px;}
.blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation ul li a.eventOrganiser:before{background-position: 0 0;}
.blockTopBar .blockTopBarContent .blocksWrapper{float: right;}
.blockTopBar .blockTopBarContent .blocksWrapper .cartBlockWrapper{float:left;}
.blockTopBar .blockTopBarContent .blocksWrapper .registerBlockWrapper{float:left;}
.blockTopBar .blockTopBarContent .blocksWrapper .loginBlockWrapper{float:left;}

@media screen and (max-width: 1200px) {
    .menuWrapper{background: none;}
}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockTopBar .blockTopBarContent .contactInformation .telephoneNumber a{text-indent: -9999px; padding: 0; width: 36px; height: 36px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockTopBar .blockTopBarContent .generalInformation .menbersOnline{display: none;}
    .blockTopBar .blockTopBarContent .contactInformation .emailAddress a{text-indent: -9999px; padding: 0; width: 36px; height: 36px;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockTopBar .blockTopBarContent .generalInformation a.eventOrganiser{text-indent: -9999px; padding: 0; width:36px; height:46px;}
    .blockTopBar .blockTopBarContent .generalInformation a.advertiser{text-indent: -9999px; padding: 0; width:36px; height:46px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockTopBar .blockTopBarContent .generalInformation .coorporateNavigation{display: none;}
    .blockTopBar .blockTopBarContent .contactInformation{display: none;}
}



.blockClubRoagMoreInformation{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.blockClubRoagMoreInformation .blockTitle{}
.blockClubRoagMoreInformation .blockTitle h3{ text-align: center; font-size: 32px; color: #02132b; font-family: 'Montserrat-Bold';}
.blockClubRoagMoreInformation .blockContent{ margin: 30px 0 0}
.blockClubRoagMoreInformation .blockContent:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockClubRoagMoreInformation .blockContent ul{}
.blockClubRoagMoreInformation .blockContent ul li{ margin: 0 0 30px; padding: 0 30px 30px; border-bottom: 1px solid #9aa1aa; position: relative;}
.blockClubRoagMoreInformation .blockContent ul li:before{content: '.'; width: 10px; height: 10px; border-radius: 10px; background: #969595; top: 2px; left: 5px; position: absolute; text-indent: -9999px;}
.blockClubRoagMoreInformation .blockContent ul li h4{font-size: 16px; color: #02132b;font-family: 'Montserrat-Bold'; padding: 0 0 10px; }
.blockClubRoagMoreInformation .blockContent ul li p{font-size: 16px;line-height: 21px; color: #9aa1aa; margin: 0 0 15px;}
.blockClubRoagMoreInformation .blockContent ul li ul{ margin: 15px 0 0;}
.blockClubRoagMoreInformation .blockContent ul li ul li{font-size: 16px;line-height: 21px; color: #9aa1aa; border: none;padding: 0; margin: 0 0 5px;}
.blockClubRoagMoreInformation .blockContent ul li ul li:before{display: none;}
.blockClubRoagMoreInformation .blockContent ul li a{ display:inline-block;  margin: 15px 0 0; padding: 12px 25px; font-size: 16px; text-transform: uppercase; background: #969595; color: #FFF;}
.blockClubRoagMoreInformation .blockContent .blockContentLeft{float: left; max-width: 42%; margin:0 16% 0 0;}
.blockClubRoagMoreInformation .blockContent .blockContentRight{float: left; max-width: 42%; margin: 0}




@media screen and (max-device-width:768px), screen and (max-width:1280px) {
    .blockClubRoagMoreInformation .blockContent .blockContentLeft{max-width: 49%; margin: 0 2% 0 0;}
    .blockClubRoagMoreInformation .blockContent .blockContentRight{max-width: 49%;}
    .blockClubRoagMoreInformation .blockContent ul li{margin:0 0 15px 0; padding: 0 0 15px 20px;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockClubRoagMoreInformation .blockContent .blockContentRight{max-width: none; margin: 0 2% 15px;}
    .blockClubRoagMoreInformation .blockContent .blockContentLeft{max-width: none; margin: 0 2% 15px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockClubRoagMoreInformation{padding: 30px 0 15px;}
    .blockClubRoagMoreInformation .blockTitle h3{font-size: 24px;}
}
.blockCheckoutPopup{background: #eeeeee;}
.blockCheckoutPopup .title{background: #05a3a1; color: #FFF; font-family: 'Montserrat-SEMI-Bold';  font-size: 28px; text-align: center; padding: 15px;}
.blockCheckoutPopup .content{ padding: 30px;}
.blockCheckoutPopup .content .columnWrapper{}
.blockCheckoutPopup .content .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockCheckoutPopup .content .columnWrapper .leftColumn{ float: left;max-width: 49%; width: 100%;}
.blockCheckoutPopup .content .columnWrapper .leftColumn .orderDescription{}
.blockCheckoutPopup .content .columnWrapper .leftColumn .orderDescription p{color: #02132b;line-height: 21px;}
.blockCheckoutPopup .content .columnWrapper .leftColumn .orderDescription p strong{color: #02132b;font-family: 'Montserrat-Bold';line-height: 21px;}
.blockCheckoutPopup .content .columnWrapper .leftColumn .paymentMethod{ margin: 45px 0 0;}
.blockCheckoutPopup .content .columnWrapper .leftColumn .paymentMethod .paymentMethodLabel{margin: 0 0 5px;color: #02132b;font-family: 'Montserrat-Bold'}
.blockCheckoutPopup .content .columnWrapper .leftColumn .paymentMethod .paymentMethodvalue{}
.blockCheckoutPopup .content .columnWrapper .leftColumn .paymentMethod .paymentMethodvalue img{}
.blockCheckoutPopup .content .columnWrapper .rightColumn{ float: left; margin: 0 0 0 2%; max-width: 49%; width: 100%;}
.blockCheckoutPopup .content .columnWrapper .rightColumn .rightColumnTitle{color: #02132b;font-family: 'Montserrat-Bold';}
.blockCheckoutPopup .content .columnWrapper .rightColumn form{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow input{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow .formRow{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow .formRow input{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow .formColumn{line-height: 30px;color: #02132b;}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow .formColumn a{line-height: 30px;color: #02132b; text-decoration: underline;}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form3ColumnWrapper{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form3ColumnWrapper .formColumn{line-height: 30px;}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form3ColumnWrapper .formColumn select{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form3ColumnWrapper .formColumn select option{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form2to3ColumnWrapper{}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form2to3ColumnWrapper .formColumn{ line-height: 30px;}
.blockCheckoutPopup .content .columnWrapper .rightColumn form .formRow.form2to3ColumnWrapper .formColumn input{}
.blockCheckoutPopup .content .actions{ text-align: center; margin: 30px 0 0;}
.blockCheckoutPopup .content .actions a{display: inline-block; margin: 0 15px 0 0; background: #fefefe; border: 2px solid #04a3a1; color:#02132b; padding: 10px 35px; font-size: 22px;font-family: 'Montserrat-Semi-Bold'; }
.blcokPaymentSuccessfulPopup{background: #FFF;}
.blockChooseARaceWrapper{background: #1d2b41; padding: 30px 0 15px 0; margin-bottom: 0 !important;}
.blockChooseARace{/*padding: 30px 0;*/ margin: 0 auto; max-width: 1180px;}
.blockChooseARace .processNumberWrapper {/*padding: 0 0 10px;*/ border-bottom: 2px solid #04a3a1;}
.blockChooseARace .processNumberWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseARace .processNumberWrapper .processNumber {color: #FFF; font-size: 32px;font-family: 'Montserrat-Semi-Bold';float: left; }
.blockChooseARace .processNumberWrapper .editEntrant {float:right; display:none;}
.blockChooseARace .processNumberWrapper .editEntrant a {color:#FFF ; text-transform: uppercase; line-height: 32px;}
.blockChooseARace .selectedEntrantSection { padding: 16px 15px;background: #03132b; display: none;}
.blockChooseARace .selectedEntrantSection:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseARace .selectedEntrantSection .leftColumn {float: left;}
.blockChooseARace .selectedEntrantSection .leftColumn .selectedEventLabel {text-transform: uppercase; color: #FFFFFF;font-size: 12px; font-family: 'Montserrat-Semi-Bold';}
.blockChooseARace .selectedEntrantSection .leftColumn .eventName {color: #04a3a1; font-size: 24px;font-family: 'Montserrat-Semi-Bold'; padding: 8px 0 0;}
.blockChooseARace .selectedEntrantSection .leftColumn .eventName span{color: #FFF; font-size: 24px;font-family: 'Montserrat-Semi-Bold'; padding: 8px 0 0;}
.blockChooseARace .selectedEntrantSection .rightColumn {float: right; padding: 12px 0 0;}
.blockChooseARace .selectedEntrantSection .rightColumn a.confirmEvent {text-transform: uppercase; color: #FFFFFF; background:#04a3a1; padding: 8px 30px; }

.blockChooseARace .radioSelection{margin: 30px 0 0;}
.blockChooseARace .radioSelection .title{color: #06a4a2; font-size: 16px; text-transform: uppercase;}
.blockChooseARace .radioSelection .text{color: #fff;}
.blockChooseARace .radioSelection.white .title{color: #FFF;}
.blockChooseARace .radioSelection .content{margin: 15px 0 0;}
.blockChooseARace .radioSelection .content ul{}
.blockChooseARace .radioSelection .content ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseARace .radioSelection .content ul li{float: left; margin: 0 30px 15px 0;}
.blockChooseARace .radioSelection .content ul li input{display: none;}
.blockChooseARace .radioSelection .content ul li label{
  color: #06a4a2; line-height: 36px; display: block; padding:  0 0 0 45px; background: url(/img/layout/radio-blue-unchecked.png) left center no-repeat;
  position: relative;
  z-index: 0;
  background-image: none;
}
.blockChooseARace .radioSelection .content ul li label:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #06a4a2;
  left: 0;
  top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.blockChooseARace .radioSelection .content ul li label:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background:#06a4a2;
  left: 8px;
  top: 9px;
  opacity: 0;
}
.blockChooseARace .radioSelection .content ul li.checked label{
  background: url(/img/layout/radio-blue-checked.png) left center no-repeat;
  background-image: none;
}
.blockChooseARace .radioSelection .content ul li.checked label:after{
  opacity: 1;
}
.blockChooseARace .radioSelection.white .content ul li label:before{
  border-color: #ffffff;
}
.blockChooseARace .radioSelection.white .content ul li.checked label:after{
  background:#ffffff;
}
.blockChooseARace .radioSelection.white .content ul li label{
  color:#FFF;background: url(/img/layout/radio-white-unchecked.png) left center no-repeat;
  background-image: none;
}
.blockChooseARace .radioSelection.white .content ul li.checked label{
  background: url(/img/layout/radio-white-checked.png) left center no-repeat;
  background-image: none;
}
.blockChooseARace .additionalInformation{margin: 45px 0 0;}
.blockChooseARace .additionalInformation .additionalInformationTitle{color: #FFF; text-transform: uppercase;; font-size: 16px;}
.blockChooseARace .additionalInformation .radioSelection {border-bottom: 1px solid #FFF}
.blockChooseARace .additionalInformation .radioSelection .title {color: #FFF;}
.blockChooseARace .additionalInformation .radioSelection:last-child {border-bottom: none;}
.blockChooseARace .additionalInformation .radioSelection .content ul li label{color: #FFF;}
.blockChooseARace .additionalInformation .radioSelection .uploadMedicalCertificatePopupButton{color: #FFF; background: #06a4a2; padding: 8px 20px; text-transform: uppercase;font-size: 12px; display: inline-block; text-align: center;}

.blockChooseARace .confirmButton {text-align: right; margin-top: 5px;}
.blockChooseARace .confirmButton a{display: none;color: #FFFFFF; padding: 12px 25px; background: #04a3a1; font-size: 12px; text-transform: uppercase;}
.blockChooseARace .confirmButton a:first-child{display: inline-block;}

.blockChooseARace .selectedEntrantSection .leftColumn .eventName a {display: inline; color: white; text-decoration: underline; font-family: 'Montserrat-Regular'; font-size: 20px}

.blockChooseARace.confirming .selectedEntrantSection{display:block;}

.blockChooseARaceWrapper.confirmed .processNumberWrapper .editEntrant {display:block;}
.blockChooseARaceWrapper.confirmed .selectedEntrantSection{display:block;}
.blockChooseARaceWrapper.confirmed .selectedEntrantSection .rightColumn .confirmEvent {display: none;}
.blockChooseARaceWrapper.confirmed .radioSelection.singleEntrantRace {display: none;}
.blockChooseARaceWrapper.confirmed .radioSelection.teamEntrantRace{display: none;}
.blockChooseARaceWrapper.confirmed .additionalInformation{display: block;}

.blockChooseARaceWrapper.allConfirmed {background: #FFFFFF; padding: 0 0; margin-bottom: 30px !important;}
.blockChooseARaceWrapper.allConfirmed .processNumberWrapper .processNumber {color: #02132b}
.blockChooseARaceWrapper.allConfirmed .processNumberWrapper .editEntrant a { color:#02132b}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .leftColumn .selectedEventLabel { color: #02132b}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection { padding: 15px; background:#04a3a1; min-height: 42px;}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .leftColumn .eventName {color: #FFF;}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .rightColumn{padding: 0;}
.blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .rightColumn a.confirmEvent {display: block;width: 40px; height: 40px; text-indent: -999999px; color: transparent;background: url(/img/layout/white-tick-fill-icon.png) left top no-repeat; background-size: 40px; padding: 0px;}
.blockChooseARaceWrapper.allConfirmed .entrantAction {display: none;}

.blockChooseAnEntrant .blockChooseARace{padding: 0;}
.blockChooseAnEntrant .blockChooseARace .additionalInformation{display: block;}
.blockChooseAnEntrant .blockChooseARace .additionalInformation .additionalInformationTitle{color: #02132b;}
.blockChooseAnEntrant .blockChooseARace .additionalInformation .radioSelection .content ul li label{color: #02132b;}
.blockChooseAnEntrant .blockChooseARace .additionalInformation .radioSelection .title{color: #02132b;}
.blockChooseAnEntrantWrapper{background: #03132C; padding: 30px 0 0px 0; margin-bottom: 0px !important;}
.blockChooseAnEntrant{max-width: 1180px; margin: 0 auto; padding: 30px 0;}
.blockChooseAnEntrant .processNumberWrapper {/*padding: 0 0 10px;*/ border-bottom: 2px solid #04a3a1;}
.blockChooseAnEntrant .processNumberWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEntrant .processNumberWrapper .processNumber {color: #FFFFFF; font-size: 32px;font-family: 'Montserrat-Semi-Bold';float: left; }
.blockChooseAnEntrant .processNumberWrapper .editEntrant {float:right; display: none;}
.blockChooseAnEntrant .processNumberWrapper .editEntrant a {color:#02132b; text-transform: uppercase; line-height: 32px;}
.blockChooseAnEntrant .selectedEntrantSection { padding: 15px; background:#1C2B40; }
.blockChooseAnEntrant .selectedEntrantSection:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEntrant .selectedEntrantSection .leftColumn {float: left;}
.blockChooseAnEntrant .selectedEntrantSection .leftColumn .selectedEventLabel {text-transform: uppercase; color: #FFFFFF;font-size: 12px; font-family: 'Montserrat-Semi-Bold';}
.blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName {color: #04a3a1; font-size: 24px;font-family: 'Montserrat-Bold'; padding: 8px 0 0;}
.blockChooseAnEntrant .selectedEntrantSection .rightColumn {float: right; padding: 12px 0 0;}
.blockChooseAnEntrant .selectedEntrantSection .rightColumn a.confirmEvent {text-transform: uppercase; color: #FFFFFF; background:#04a3a1; padding: 8px 30px; }
.blockChooseAnEntrantWrapper.confirmed {background: #FFFFFF; padding: 0 0; /*margin-bottom: 30px !important;*/}
.blockChooseAnEntrantWrapper.confirmed .editEntrant {display: block;}
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .editEntrant {display: block;}
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection { padding: 15px; background:#04a3a1; }
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .leftColumn .eventName {color: #FFF;}

.blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .processNumberWrapper .processNumber {color: #02132b}
.blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .selectedEntrantSection .leftColumn .selectedEventLabel {color:#02132b}

.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn{padding: 0;}
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn a.confirmEvent {display: block;width: 45px; height: 45px; text-indent: -999999px; color: transparent;background: url(/img/layout/white-tick-fill-icon.png) left top no-repeat; padding: 8px 0px;}
.blockChooseAnEntrantWrapper.confirmed .entrantAction {display: none;}
.blockChooseAnEntrant .entrantAction{margin:30px 0 0;}
.blockChooseAnEntrant .entrantAction .columnWrapper{}
.blockChooseAnEntrant .entrantAction .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEntrant .entrantAction .columnWrapper .leftColumn{float: left; max-width: 49%; margin: 0 2% 15px 0; width: 100%;}
.blockChooseAnEntrant .entrantAction .columnWrapper .leftColumn a{color: #02132b; font-size: 20px;font-family: 'Montserrat-Bold'; padding: 12px 15px 12px 45px; text-align: center; background: url(/img/layout/add-entrant.png) 10px center no-repeat #FFF; border: 2px solid #04a3a1;}
.blockChooseAnEntrant .entrantAction .columnWrapper .leftColumn a:hover{background-color: #eeeeee;}
.blockChooseAnEntrant .entrantAction .columnWrapper .rightColumn{float: left; max-width: 49%; margin: 0 0 15px 0; width: 100%;}
.blockChooseAnEntrant .entrantAction .columnWrapper .rightColumn a{color: #02132b; font-size: 20px;font-family: 'Montserrat-Bold'; padding: 12px 15px 12px 45px; text-align: center; background: url(/img/layout/add-team.png) 10px center no-repeat #FFF; border: 2px solid #04a3a1;}
.blockChooseAnEntrant .entrantAction .columnWrapper .rightColumn a:hover{background-color: #eeeeee;}
.blockChooseAnEventWrapper{background: #FFFFFF;}
.blockChooseAnEvent {max-width: 1180px; margin: 0 auto; padding: 0px 0;}
.blockChooseAnEvent .processNumberWrapper {/*padding: 0 0 10px;*/ border-bottom: 2px solid #04a3a1;}
.blockChooseAnEvent .processNumberWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEvent .processNumberWrapper .processNumber {color: #02132b; font-size: 32px;font-family: 'Montserrat-Semi-Bold';float: left; }
.blockChooseAnEvent .processNumberWrapper .editEvent {float:right; display: none;}
.blockChooseAnEvent .processNumberWrapper .editEvent a {color:#02132b; text-transform: uppercase; line-height: 32px;}
.blockChooseAnEvent .selectedEventSection { padding: 15px; background:#eeeeee; }
.blockChooseAnEvent .selectedEventSection:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEvent .selectedEventSection .leftColumn {float: left;}
.blockChooseAnEvent .selectedEventSection .leftColumn .selectedEventLabel {text-transform: uppercase; color: #02132b;font-size: 12px; font-family: 'Montserrat-Semi-Bold';}
.blockChooseAnEvent .selectedEventSection .leftColumn .eventName {color: #04a3a1; font-size: 24px;font-family: 'Montserrat-Bold'; padding: 8px 0 0;}
.blockChooseAnEvent .selectedEventSection .rightColumn {float: right; padding: 12px 0 0;}
.blockChooseAnEvent .selectedEventSection .rightColumn a.confirmEvent {text-transform: uppercase; color: #FFFFFF; background:#04a3a1; padding: 8px 30px; }
.blockChooseAnEvent.confirmed .processNumberWrapper .editEvent {display: block;}
.blockChooseAnEvent.confirmed .selectedEventSection { padding: 15px; background:#04a3a1; }
.blockChooseAnEvent.confirmed .selectedEventSection .leftColumn .eventName {color: #FFF;}
.blockChooseAnEvent.confirmed .selectedEventSection .rightColumn{padding: 0;}
.blockChooseAnEvent.confirmed .selectedEventSection .rightColumn a.confirmEvent {display: block;width: 45px; height: 45px; text-indent: -999999px; color: transparent;background: url(/img/layout/white-tick-fill-icon.png) left top no-repeat; padding: 8px 0px;}
.blockChooseAnEvent.confirmed .eventSearch {display: none;}
.blockChooseAnEvent .eventSearch {}
.blockChooseAnEvent .eventSearch .eventSearchNotification {color: #02132b;font-size: 12px; font-family: 'Montserrat-Semi-Bold'; margin: 30px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchBar {margin: 30px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchBar form {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formField { margin: 0 0 5px;}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formField label {text-transform: uppercase; color: #02132b;font-size: 12px; font-family: 'Montserrat-Semi-Bold';}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formValue {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formValue input {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formAction {}
.blockChooseAnEvent .eventSearch .eventSearchBar form .formRow.form3ColumnWrapper .formColumn .formAction button {background: #c3c3c3; padding: 10px 30px; width: auto; display: inline-block; text-transform: uppercase; }
.blockChooseAnEvent .eventSearch .eventSearchSugestions { margin: 30px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsTitle {text-transform: uppercase; color: #02132b;font-size: 12px; font-family: 'Montserrat-Semi-Bold';}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent {margin: 10px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser {position: relative; width: 100%;; max-width: 32%; margin: 0 1% 15px 0; border: 2px solid #c3c3c3;padding: 10px 0; float: left}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser:nth-child(3n){margin: 0 0 15px;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventImage {float: left;max-width: 150px;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventImage img {display: block;max-width: 100%; height: auto;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventDescription {float: left; padding: 5px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventDescription .eventDescriptionTitle {color: #02132b;font-family: 'Montserrat-Semi-Bold';}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventDescription .eventDescriptionContent {margin: 5px 0 0;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventDescription .eventDescriptionContent p {color: #02132b; line-height: 16px; font-size: 12px;}
.blockChooseAnEvent .eventSearch .eventSearchSugestions .eventSearchSugestionsContent .eventWidgetTeaser .eventAction {position: absolute; z-index: 2; width: 100%; height: 100%;  text-indent: -9999px; color: transparent;display: block; top:0; left: 0;}
.blockCreateSingleEntrantPopup{ max-width: 768px; margin: 0 auto;}
.blockCreateSingleEntrantPopup h2{font-size: 32px; padding:45px 30px; background-color:#04a3a1; font-family: 'Montserrat-Semi-Bold'; color: #FFF; margin: 0;}
.blockCreateSingleEntrantPopup .popupContent{padding: 30px; background: #FFF;}
.blockCreateSingleEntrantPopup .popupContent .searchBar{margin: 0 0 15px;}
.blockCreateSingleEntrantPopup .popupContent .searchBar form input{min-height: 25px;}
.blockCreateSingleEntrantPopup .popupContent .searchBar form button{margin: 17px 0 0; text-transform: uppercase; background: #03132b;}
.blockCreateSingleEntrantPopup .popupContent .searchBar label{color: #03132b; font-size: 12px; text-transform: uppercase; margin: 0 0 5px; display: block;}

.blockCreateSingleEntrantPopup .identificationNumber{padding: 60px 30px; background: #1a293f;}
.blockCreateSingleEntrantPopup .identificationNumber .identificationNumberTitle{color: #FFF; font-size: 24px; padding: 0 0 5px; border-bottom: 2px solid #04a3a1; }
.blockCreateSingleEntrantPopup .identificationNumber .identificationNumberContent {margin: 30px 0 0;}
.blockCreateSingleEntrantPopup .identificationNumber .identificationNumberContent form button{background: #04a3a1; margin: 0}

.blockCreateSingleEntrantPopup .personalInformationSection{padding: 60px 30px 30px;}
.blockCreateSingleEntrantPopup .personalInformationSectionWrapper.passwordSectionWrapper .personalInformationSection{padding: 60px 30px 30px;}
.blockCreateSingleEntrantPopup .personalInformationForm .formRow .formRowColumn .formFieldLabel label{font-size: 12px !important;}
.blockCreateSingleEntrantPopup .personalInformationForm .formRow .formRowColumn .formFieldWrapper.formFieldWrapperIn2{width: 62%;}
.alertPopup .blockEntrySuccessfulPopup {
    background: #41a5a2;
    display: block;
}
.alertPopup .blockEntrySuccessfulPopup .columnWrapper{
    padding: 30px 0;
    text-align: center;
}
.alertPopup .blockEntrySuccessfulPopup .columnWrapper .checkout{
    max-width: 45%;
    margin: 0 4% 0px 0;
    display: inline-block;
    float: none;
}
.alertPopup .blockEntrySuccessfulPopup .columnWrapper .checkout:last-child{
    margin-right: 0;
}
.alertPopup .blockEntrySuccessfulPopup .title{
    color: #0c0f13;
    font-size: 16px;
    background: url(/img/icon2.png) center top no-repeat;
}
.alertPopup .blockEntrySuccessfulPopup .columnWrapper .checkout a{
    padding: 16px 15px 16px 15px;
    background: #ffffff;
}
.blockEntrySuccessfulPopup {
    max-width: 768px;
    margin: 0 auto;
    padding: 30px;
    background: #FFF;
    overflow: hidden;
    display: table;
    clear: both;
}

.blockEntrySuccessfulPopup .title {
    padding: 75px 0 0;
    background: url(/img/layout/green-tick-icon.png) center top no-repeat;
    text-align: center;
    font-size: 14px;
    color: #03132b;
    font-family: 'Montserrat-Semi-Bold';
}

.blockEntrySuccessfulPopup .documentDescription {
    text-align: center;
    font-size: 16px;
    color: #03132b;
    margin: 5px 0 0;
}

.blockEntrySuccessfulPopup .uploadDocementForm {
    margin: 45px 0 0;
}

.blockEntrySuccessfulPopup .uploadDocementForm .fieldLabel {
    color: #03132b;
    font-family: 'Montserrat-Semi-Bold';
}

.blockEntrySuccessfulPopup .uploadDocementForm button {
    margin: 20px 0 0;
    background: #1d2b41;
}

.blockEntrySuccessfulPopup .actions {
    text-align: center;
    margin: 30px 0 0;
}

.blockEntrySuccessfulPopup .actions a {
    display: inline-block;
    margin: 0 15px 0 0;
    background: #fefefe;
    border: 2px solid #04a3a1;
    color: #02132b;
    padding: 10px 35px;
    font-size: 22px;
    font-family: 'Montserrat-Semi-Bold';
}

.blockEntrySuccessfulPopup .columnWrapper {
    padding: 30px;
}

.blockEntrySuccessfulPopup .columnWrapper .addSingle {
    float: left;
    max-width: 49%;
    margin: 0 2% 15px 0;
    width: 100%;
}

.blockEntrySuccessfulPopup .columnWrapper .addSingle a {
    color: #02132b;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    padding: 12px 15px 12px 45px;
    text-align: center;
    background: url(/img/layout/add-entrant.png) 10px center no-repeat #FFF;
    border: 1px solid #04a3a1;
}

.blockEntrySuccessfulPopup .columnWrapper .addSingle a:hover {
    background-color: #eeeeee;
}

.blockEntrySuccessfulPopup .columnWrapper .addTeam {
    float: left;
    max-width: 49%;
    margin: 0 0 15px 0;
    width: 100%;
}

.blockEntrySuccessfulPopup .columnWrapper .addTeam a {
    color: #02132b;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    padding: 12px 15px 12px 45px;
    text-align: center;
    background: url(/img/layout/add-team.png) 10px center no-repeat #FFF;
    border: 1px solid #04a3a1;
}

.blockEntrySuccessfulPopup .columnWrapper .addTeam a:hover {
    background-color: #eeeeee;
}

.blockEntrySuccessfulPopup .columnWrapper .addEvent {
    float: left;
    max-width: 49%;
    margin: 0 2% 15px 0;
    width: 100%;
}

.blockEntrySuccessfulPopup .columnWrapper .addEvent a {
    color: #02132b;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    padding: 12px 15px 12px 45px;
    text-align: center;
    background: url(/img/layout/add-entrant.png) 10px center no-repeat #FFF;
    border: 1px solid #04a3a1;
}

.blockEntrySuccessfulPopup .columnWrapper .addEvent a:hover {
    background-color: #eeeeee;
}

.blockEntrySuccessfulPopup .columnWrapper .checkout {
    float: left;
    max-width: 49%;
    margin: 0 0 15px 0;
    width: 100%;
}

.blockEntrySuccessfulPopup .columnWrapper .checkout a {
    color: #02132b;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    padding: 12px 15px 12px 15px;
    text-align: center;
    background: #06a4a2;
    border: 1px solid #04a3a1;
}

.blockEntrySuccessfulPopup .columnWrapper .checkout a:hover {
    background-color: #eeeeee;
}


.blockExtraPurchasesWrapper{background: #1d2b41; margin-top: 0;}
.blockExtraPurchases{padding: 30px 0 15px 0; margin: 0 auto; max-width: 1180px;}
.blockExtraPurchases .processNumberWrapper {/*padding: 0 0 10px;*/ border-bottom: 2px solid #04a3a1;}
.blockExtraPurchases .processNumberWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockExtraPurchases .processNumberWrapper .processNumber {color: #FFF; font-size: 26px;font-family: 'Montserrat-Semi-Bold';float: left; }
.blockExtraPurchases .itemSelectionTitle{margin: 20px 0; color: #FFF; font-size: 14px; text-transform: uppercase;}
.blockExtraPurchases .itemSelectionContent {  }
.blockExtraPurchases .itemSelectionContent ul { }
.blockExtraPurchases .itemSelectionContent ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockExtraPurchases .itemSelectionContent ul li {float: left; margin: 0 15px 15px 0; max-width: 184px; width: 100%;}
.blockExtraPurchases .itemSelectionContent ul li:nth-child(6n) {margin: 0 0 15px 0;}
.blockExtraPurchases .itemSelectionContent ul li a {display:block; border:2px solid #04a3a1; min-height: 186px;}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget {padding: 10px 0; }
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productImage {text-align: center;}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productImage img {  }
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productName { min-height: 32px; vertical-align: middle; text-align: center;color: #FFFFFF; line-height: 16px; font-size: 13px; padding: 0 5px 0;}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productPrice {text-align: center;color: #FFFFFF; line-height: 18px; font-size: 12px; padding: 0 5px 0;}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productQuantityAndSize {text-align: center; display: none; background: #FFF;padding: 5px;}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productQuantityAndSize span{font-size: 12px;color: #03132b;font-family: 'Montserrat-Semi-Bold';}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productQuantityAndSize span.productQuantity {}
.blockExtraPurchases .itemSelectionContent ul li a .productWidget .productQuantityAndSize span.productSize {  }
.activePurchace.blockExtraPurchases .itemSelectionContent ul li a .productWidget.sizeActive {padding: 10px 0 0; background-color: rgba(255,255,255,0.1);position: relative;}
.activePurchace.blockExtraPurchases .itemSelectionContent ul li a .productWidget.sizeActive:before {position:absolute; display: block; width: 24px; height: 24px; background: url(/img/layout/small-white-tick-icon.png) center no-repeat; right: 5px; top: 5px; content: '.'; color: transparent; text-indent: -99999px;}
.activePurchace.blockExtraPurchases .itemSelectionContent ul li a .productWidget.sizeActive .productQuantityAndSize{display: block;}

.blockExtraPurchases .extrapurchaseActions {text-align: right;}
.blockExtraPurchases .extrapurchaseActions a{display: none;color: #FFFFFF; padding: 12px 25px; background: #04a3a1; font-size: 12px; text-transform: uppercase;}
.blockExtraPurchases .extrapurchaseActions a:first-child{display: inline-block;}
.activePurchace.blockExtraPurchases .extrapurchaseActions a:first-child{display: none;}
.activePurchace.blockExtraPurchases .extrapurchaseActions a:last-child{display: inline-block;}
.blockPayNow{ max-width: 1180px; margin: 0 auto; padding: 45px 0; }
.blockPayNow .processNumberWrapper{padding: 0 0 10px; border-bottom: 2px solid #04a3a1;}
.blockPayNow .processNumberWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPayNow .processNumberWrapper .processNumber{float: left;color: #02132b; font-size: 28px;font-family: 'Montserrat-Semi-Bold';float: left; }
.blockPayNow .processNumberWrapper .acceptTerms{float: right;}
.blockPayNow .processNumberWrapper .acceptTerms .field{float: left;}
.blockPayNow .processNumberWrapper .acceptTerms .field input{}
.blockPayNow .processNumberWrapper .acceptTerms .fieldText{float: left; line-height: 21px; margin: 0 0 0 5px; color: #02132b;}
.blockPayNow .processNumberWrapper .acceptTerms .fieldText a{display: inline-block; text-decoration: underline; color: #02132b;}
.blockPayNow .PaymentType{ margin: 45px 0 ; text-align: center;}
.blockPayNow .PaymentType a{display: inline-block; margin: 0 15px 0 0; background: #fefefe; border: 2px solid #04a3a1; color:#02132b; padding: 10px 35px; font-size: 22px;font-family: 'Montserrat-Semi-Bold'; }
.blockPayNow .paymentGatewayNitice{ padding: 15px 0;}
.blockPayNow .paymentGatewayNitice .text{line-height: 21px; margin: 0 0 0 5px; color: #02132b; text-align: center;}
.blockPayNow .paymentGatewayNitice .paymentGatewayImage{text-align: center;}
.blockPayNow .paymentGatewayNitice .paymentGatewayImage img{}

.blcokPaymentSuccessfulPopup{background: #FFF;}
#block-product-popup .mfp-close{color: #333;}
.blockProductPupup{max-width: 768px; margin: 0 auto; padding: 15px; background: #FFF;}
.blockProductPupup form{}
.blockProductPupup form .productWrapper{margin: 30px 0;}
.blockProductPupup form .productWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockProductPupup form .productWrapper .productImageWrapper{float: left; width: 110px;}
.blockProductPupup form .productWrapper .productImageWrapper img{display: block;max-width: 100%; height: auto;}
.blockProductPupup form .productWrapper .productDescription{float:left;     width: calc(100% - 210px);    margin: 0;}
.blockProductPupup form .productWrapper .productDescription .title{color: #03132b; font-size: 28px; margin:0 0 5px;}
.blockProductPupup form .productWrapper .productDescription .productPrice{color: #03132b;font-size: 18px; margin:0 0 10px;}
.blockProductPupup form .productWrapper .productDescription .productText{color: #03132b; margin:0 0 10px;line-height: 18px;}
.blockProductPupup form .productWrapper .productDescription .radioSelection{margin: 30px 0 0;}
.blockProductPupup form .productWrapper .productDescription .radioSelection .title{color: #03132b;text-transform: uppercase; font-size: 14px; margin: 0;}
.blockProductPupup form .productWrapper .productDescription .radioSelection.white .title{color: #FFF;}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content{margin: 15px 0 0;}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul{}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li{float: left; margin: 0 2% 15px 0; width: 22%; }
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li:nth-child(3n){margin: 0 0 15px 0;}
.blockProductPupup form .productWrapper .productDescription .formRow.form2ColumnWrapper .formColumn{float: left; max-width: 50%;}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li input{display: none;}

.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li label{
  color: #06a4a2;
  cursor: pointer;
  font-size: 11px;
  line-height: 36px;
  display: block;
  padding:  0 0 0 45px; background: url(/img/layout/radio-blue-unchecked.png) left center no-repeat;
  position: relative;
  z-index: 0;
  background-image: none;
}
.blockProductPupup form .productWrapper .productDescription .radioSelection.white .content ul li label:before,
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li label:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #06a4a2;
  left: 0;
  top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.blockProductPupup form .productWrapper .productDescription .radioSelection.white .content ul li label:after,
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li label:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #06a4a2;
  left: 8px;
  top: 9px;
  opacity: 0;
}
.blockProductPupup form .productWrapper .productDescription .radioSelection.white .content ul li.checked label:after,
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li.checked label:after{
  opacity: 1;
}
.blockProductPupup form .productWrapper .productDescription .radioSelection .content ul li.checked label{
  background: url(/img/layout/radio-blue-checked.png) left center no-repeat;
  position: relative;
  z-index: 0;
  background-image: none;
}

.blockProductPupup form .productWrapper .productDescription .radioSelection.white .content ul li label{
  color:#FFF;
  background: url(/img/layout/radio-white-unchecked.png) left center no-repeat;
  background-image: none;
}
.blockProductPupup form .productWrapper .productDescription .radioSelection.white .content ul li.checked label{
  background: url(/img/layout/radio-white-checked.png) left center no-repeat;
  background-image: none;
}



.blockProductPupup form .productWrapper .productDescription .productQuantity{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .selectAmount{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .selectAmount .selectLabel{color: #03132b; font-size: 14px; margin: 0 0 5px;}
.blockProductPupup form .productWrapper .productDescription .productQuantity .selectAmount .selectValue{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .selectAmount .selectValue select{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .selectAmount .selectValue select option{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .actionWrap{}
.blockProductPupup form .productWrapper .productDescription .productQuantity .actionWrap button{}
.blockPurchaseSummaryWrapper{}
.blockPurchaseSummary{max-width: 1180px; margin: 0 auto; padding: 45px 0; }
.blockPurchaseSummary .title{color: #02132b; font-size: 32px;font-family: 'Montserrat-Bold';}
.blockPurchaseSummary .singleEventProducts{margin: 30px 0 0;}
.blockPurchaseSummary .singleEventProducts .title{background: #06a4a2; font-size: 14px;font-family: 'Montserrat-Regular'; color: #FFF; text-align: center; line-height: 18px; padding: 8px; text-transform: uppercase; margin: 0;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow{background: #03132b;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn{float: left; border-right: 1px solid #c2c2c2; background: #03132b; font-size: 13px;font-family: 'Montserrat-Regular'; color: #FFF; text-align: center; line-height: 18px; padding: 8px 0; text-transform: uppercase; min-width: 15%}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnEntrant{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnEvent{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnRace{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnRaceQuestions{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnExtraPurchases{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableHead .tableRow .tableColumn.tableColumnEdit{max-width: 9%; min-width: 9%; float: right;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody{border-left: 1px solid #c2c2c2;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow{border-bottom: 1px solid #c2c2c2;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn{float: left; min-height: 18px; border-right: 1px solid #c2c2c2; color: #03132b; text-align: center; line-height: 18px; padding: 5px 0; min-width: 15%}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnEntrant{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnEvent{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnRace{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnRaceQuestions{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnExtraPurchases{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnEdit{max-width: 9%; min-width: 9%; float: right;}
.blockPurchaseSummary .singleEventProducts .singleEventProductsTable .singleEventProductsTableBody .tableRow .tableColumn.tableColumnEdit a{display: block;text-indent: -9999px; color: transparent;width: 18px; height: 18px; margin: 0 auto; background: url(/img/layout/edit.png) center no-repeat;}
.blockPurchaseSummary .teamEventProducts{}
.blockPurchaseSummary .teamEventProducts .title{background: #06a4a2; font-size: 14px;font-family: 'Montserrat-Regular'; color: #FFF; text-align: center; line-height: 18px; padding: 8px; text-transform: uppercase; margin: 0;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow{background: #03132b;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow .tableColumn{float: left; border-right: 1px solid #c2c2c2; background: #03132b; font-size: 13px;font-family: 'Montserrat-Regular'; color: #FFF; text-align: center; line-height: 18px; padding: 8px 0; text-transform: uppercase; min-width: 15%}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow .tableColumn.tableColumnEvent{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow .tableColumn.tableColumnRace{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableHead .tableRow .tableColumn.tableColumnTeamName{min-width: 69%; float: right;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody{border-left: 1px solid #c2c2c2;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow{border-bottom: 1px solid #c2c2c2;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow .tableColumn{float: left; border-right: 1px solid #c2c2c2;text-align: center; line-height: 18px; padding: 8px 0; text-transform: uppercase; min-width: 15%}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow .tableColumn.tableColumnEvent{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow .tableColumn.tableColumnRace{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow .tableColumn.tableColumnTeamName{min-width: 69%; float: right;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow{ background: #03132b;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn{float: left; border-right: 1px solid #c2c2c2; background: #03132b; font-size: 13px;font-family: 'Montserrat-Regular'; color: #FFF; text-align: center; line-height: 18px; padding: 8px 0; text-transform: uppercase; min-width: 22%}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn.tableColumnEntrant{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn.tableColumnRaceQuestions{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn.tableColumnExtraPurchases{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableHead .tableRow .tableColumn.tableColumnEdit{min-width: 9%; float: right;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow{border-bottom: 1px solid #c2c2c2;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn{float: left; min-height: 18px; border-right: 1px solid #c2c2c2; text-align: center; line-height: 18px; padding: 8px 0; text-transform: uppercase; min-width: 22%}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnEntrant{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnRaceQuestions{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnExtraPurchases{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnEdit{min-width: 9%; float: right;}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody .tableRow.teamTable .teamTableBody .tableRow .tableColumn.tableColumnEdit a{display: block;text-indent: -9999px; color: transparent;width: 18px; height: 18px; margin: 0 auto; background: url(/img/layout/edit.png) center no-repeat;}
.blockPurchaseSummary .totalAmount{margin: 30px 0 0;}
.blockPurchaseSummary .totalAmount:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseSummary .totalAmount .paymentMethod{float: left; display: none;}
.blockPurchaseSummary .totalAmount .paymentMethod .paymentMethodLabel{text-align: left; text-transform: uppercase; font-size: 12px; color: #03132b; margin: 0 0 5px;}
.blockPurchaseSummary .totalAmount .paymentMethod .paymentMethodvalue{}
.blockPurchaseSummary .totalAmount .paymentMethod .paymentMethodvalue img{display: block;}
.blockPurchaseSummary .totalAmount .priceWrap{float: right}
.blockPurchaseSummary .totalAmount .priceWrap .totalAmountLabel{text-align: right; text-transform: uppercase; font-size: 12px; color: #03132b; margin: 0 0 5px;}
.blockPurchaseSummary .totalAmount .priceWrap .totalAmountValue{text-align: right;font-family: 'Montserrat-Semi-Bold'; font-size: 22px; color: #03132b}
.blockPurchaseSummary .checkOUtAction{text-align: right; margin: 15px 0 0;}
.blockPurchaseSummary .checkOUtAction button{ background: #06a4a2; font-size: 16px; text-align: center;padding: 12px 30px; display: inline-block; color: #FFF; border: none;}
.blockPurchaseSummary .confirmAllDetails{text-align: center; margin: 30px 0 0; display: none;}
.blockPurchaseSummary .confirmAllDetails button{ background: #f3f3f3; font-size: 16px; text-align: center;padding: 12px 30px; display: inline-block; color: #03132b; border: 2px solid #05a3a1;}
.blockSubmitRaceWrapper{background: #1d2b41;}
.blockSubmitRace{max-width: 1180px; margin: 0 auto; padding: 30px 0;}
.blockSubmitRace .acceptTerms{max-width: 480px; margin: 0 auto 10px}
.blockSubmitRace .acceptTerms:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockSubmitRace .acceptTerms .field{float: left;line-height: 18px;}
.blockSubmitRace .acceptTerms .fieldText{float: left;line-height: 21px; color: #FFF; margin: 0 0 0 8px;}
.blockSubmitRace .acceptTerms .fieldText a{color: #FFF; line-height: 18px; text-decoration: underline; display: inline-block;}
.blockSubmitRace .submitButton{text-align: center;}
.blockSubmitRace .submitButton button{background: #FFF; border: 2px solid #05a3a1; color: #03132b; padding: 12px 100px; display: inline-block; outline: none;}
#upload-file-popup .mfp-close{color: #333;}
.blockUploadFilePopup{
  max-width: 768px;
  margin: 0 auto;
  padding: 30px;
  /* background: #FFF; */
  background: #06a4a2;
}
.blockUploadFilePopup .title,
.blockUploadFilePopup .documentDescription,
.blockUploadFilePopup .uploadDocementForm form .fieldLabel,
.blockUploadFilePopup .uploadDocementForm form .fieldLabel input{
  color: #ffffff !important;
}
.blockUploadFilePopup form input{
  background: #06a4a2;
  color: #ffffff;
}
.blockUploadFilePopup .title{
  padding: 75px 0 0;
  /* background: url(/img/layout/upload-file-blue.png) center top no-repeat;  */
  background: url(/img/layout/upload-file-white.png) center top no-repeat;
  text-align: center;
  font-size: 28px;
  color: #03132b;
  font-family: 'Montserrat-Semi-Bold';
}
.blockUploadFilePopup .documentDescription{text-align: center;font-size: 16px;color: #03132b;margin: 5px 0 0;}
.blockUploadFilePopup .uploadDocementForm{margin: 45px 0 0;}
.blockUploadFilePopup .uploadDocementForm form .fieldLabel{color: #03132b;font-family: 'Montserrat-Semi-Bold';}
.blockUploadFilePopup .uploadDocementForm form button{ margin: 20px 0 0; background: #1d2b41;}
.eventsIcons a{text-indent: -9999px; color: transparent; width: 82px; height: 82px; background: url(/img/sprite/marketing-sprite.png) 0 -276px no-repeat;}
.eventsIcons a.eventType1{background-position: -3px -276px;}
.eventsIcons a.eventType1:hover{background-position: -3px -373px;}
.eventsIcons a.eventType1.active{background-position: -3px -373px;}
.eventsIcons a.eventType2{background-position: -103px -276px;}
.eventsIcons a.eventType2:hover{background-position: -103px -373px;}
.eventsIcons a.eventType2.active{background-position: -103px -373px;}
.eventsIcons a.eventType3{background-position: -203px -276px;}
.eventsIcons a.eventType3:hover{background-position: -203px -373px;}
.eventsIcons a.eventType3.active{background-position: -203px -373px;}
.eventsIcons a.eventType4{background-position: -304px -276px;}
.eventsIcons a.eventType4:hover{background-position: -304px -373px;}
.eventsIcons a.eventType4.active{background-position: -304px -373px;}
.eventsIcons a.eventType5{background-position: -404px -276px;}
.eventsIcons a.eventType5:hover{background-position: -404px -373px;}
.eventsIcons a.eventType5.active{background-position: -404px -373px;}
.eventsIcons a.eventType6{background-position: -504px -276px;}
.eventsIcons a.eventType6:hover{background-position: -504px -373px;}
.eventsIcons a.eventType6.active{background-position: -504px -373px;}
.eventsIcons a.eventType7{background-position: -604px -276px;}
.eventsIcons a.eventType7:hover{background-position: -604px -373px;}
.eventsIcons a.eventType7.active{background-position: -604px -373px;}
.eventsIcons a.eventType8{background-position: -704px -276px;}
.eventsIcons a.eventType8:hover{background-position: -704px -373px;}
.eventsIcons a.eventType8.active{background-position: -704px -373px;}
.eventsIcons a.eventType9{background-position: -804px -276px;}
.eventsIcons a.eventType9:hover{background-position: -804px -373px;}
.eventsIcons a.eventType9.active{background-position: -804px -373px;}
.eventsIcons a.eventType10{background-position: -904px -276px;}
.eventsIcons a.eventType10:hover{background-position: -904px -373px;}
.eventsIcons a.eventType10.active{background-position: -904px -373px;}
.eventsIcons a.eventType11{background-position: -1004px -276px;}
.eventsIcons a.eventType11:hover{background-position: -1004px -373px;}
.eventsIcons a.eventType11.active{background-position: -1004px -373px;}
.eventsIcons a.eventType12{background-position: -1104px -276px;}
.eventsIcons a.eventType12:hover{background-position: -1104px -373px;}
.eventsIcons a.eventType12.active{background-position: -1104px -373px;}

.eventsIconsColor.eventType1{background: #bbe803;color: #333;} /* canoe */
.eventsIconsColor.eventType2{background: #3cc836;} /* multi */
.eventsIconsColor.eventType3{background: #99d9f0;} /* surf ski */
.eventsIconsColor.eventType4{background: #18293e;} /* trail run */
.eventsIconsColor.eventType5{background: #00a3a1;} /* mtb */
.eventsIconsColor.eventType6{background: #f4ad51;} /* swim */
.eventsIconsColor.eventType7{background: #ffe707;color: #333;} /* kite surf */
.eventsIconsColor.eventType8{background: #ec6c03;} /* triathlon */
.eventsIconsColor.eventType9{background: #ff0080;} /* road run */
.eventsIconsColor.eventType10{background: #9304b7;} /* beach rugby */
.eventsIconsColor.eventType11{background: #7e6d66;} /* road cycle */
.eventsIconsColor.eventType12{background: #c6b199;} /* moto sport */
.blockEventLocation{padding: 45px 0 0;}
.blockEventLocation .blockTitleWrapper{max-width: 1180px; margin: 0 auto 30px;}
.blockEventLocation .blockTitleWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventLocation .blockTitleWrapper .blockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; color: #02132b; float: left;}
.blockEventLocation .blockTitleWrapper .eventLocationButton{float: right;}
.blockEventLocation .blockTitleWrapper .eventLocationButton a{padding: 12px 20px; color: #FFF;  background: #04a3a1; text-transform: uppercase; font-size: 12px;}
.blockEventLocation .blockContent{}

.blockEventLocation .blockContent .blockMap .hotelMapCanvas{position: relative; overflow: hidden; min-height:480px; width:100%;}

/*.blockEventLocation .blockContent .blockMap{}*/

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockEventLocation .blockTitleWrapper{margin: 15px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventLocation .blockTitleWrapper .blockTitle{font-size: 18px; float: none;}
    .blockEventLocation .blockTitleWrapper .eventLocationButton{float: none;margin: 10px 0 0;}
    .blockEventLocation .blockTitleWrapper .eventLocationButton a{display: inline-block;}
}

.blockEventMerchandiseWrapper{background: #06a4a2;}
.blockEventMerchandise{max-width: 1180px; margin: 0 auto; padding: 60px 0 45px;}
.blockEventMerchandise .blockTitle{margin: 0 0 30px;  color: #FFF; font-size: 28px; font-family: 'Montserrat-Bold';text-align: center;}
.blockEventMerchandise .blockSlogan{margin: 0 0 30px; color: #FFF; font-size: 14px;text-align: center; line-height: 18px;}
.blockEventMerchandise .merchandiseList{margin: 0 0 30px;}
.blockEventMerchandise .merchandiseList ul{margin: 0 auto;}
.blockEventMerchandise .merchandiseList ul{max-width: 780px;}
.blockEventMerchandise .merchandiseList ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventMerchandise .merchandiseList ul li{display: inline-block;margin: 0 15px 15px 0; float: left;}
.blockEventMerchandise .blockText{margin: 0 0 30px;}
.blockEventMerchandise .blockText p{ color: #FFF; font-size: 14px;text-align: center; line-height: 18px}
.blockEventMerchandise .blockText p.emphasis{font-family: 'Montserrat-Semi-Bold';}

.merchandiseWidget{background: #FFF; width: 180px; min-height: 180px;}
.merchandiseWidget .merchandiseImage{text-align: center; padding: 15px}
.merchandiseWidget .merchandiseImage img{display: inline-block;}
.merchandiseWidget .merchandiseTitle{color: #02132b;font-family: 'Montserrat-Semi-Bold';text-align: center;}
.merchandiseWidget .merchandisePrice{font-size: 13px; color: #02132b;text-align: center;}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockEventMerchandise{margin: 0 15px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventMerchandise .merchandiseList ul{max-width: 585px;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventMerchandise .merchandiseList ul{max-width: 390px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventMerchandise{padding: 30px 0 15px;}
    .blockEventMerchandise .blockTitle{font-size: 18px; }
    .blockEventMerchandise .merchandiseList ul li{float: none;margin: 0 0 15px;}
}

.blockEventMoreInfo{max-width: 1180px; margin: 45px auto 30px; }
.blockEventMoreInfo .blockTitle{font-family: 'Montserrat-Bold'; font-size: 32px;color: #02132b;}
.blockEventMoreInfo .blockSlogan{font-family: 'Montserrat-Bold'; font-size: 11px;color: #04a3a1; text-transform: uppercase;}
.blockEventMoreInfo .blockContent{margin: 15px 0 0;}
.blockEventMoreInfo .blockContent .informationList{}
.blockEventMoreInfo .blockContent .informationList ul{}
.blockEventMoreInfo .blockContent .informationList ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventMoreInfo .blockContent .informationList ul li{float: left; max-width: 32%; margin: 0 2% 15px 0; width:100%;}
.blockEventMoreInfo .blockContent .informationList ul li:nth-child(3n){margin: 0;}

.nodeEventInformationWidget{}
.nodeEventInformationWidget .nodeTitle{color: #FFF;font-family: 'Montserrat-Bold'; font-size: 14px; padding: 12px 15px;background: #04a3a1; }
.nodeEventInformationWidget .nodeDescription{padding: 15px; background: #e8e8e8; min-height: 245px;}
.nodeEventInformationWidget .nodeDescription p{color: #02132b; margin: 0 0 15px; line-height: 18px;}
.nodeEventInformationWidget .nodeDescription p strong{font-family: 'Montserrat-Bold';}
.nodeEventInformationWidget .nodeDescription p.emphasis{font-family: 'Montserrat-Bold';}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockEventMoreInfo{margin: 30px 15px 15px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventMoreInfo .blockContent .informationList ul li{float: left; max-width: none; margin: 0;}
    .nodeEventInformationWidget .nodeDescription{min-height: 0;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventMoreInfo .blockTitle{font-size: 18px;}
}

/*.blockEventOtherInformation{max-width: 1180px; margin: 0 auto; padding: 60px 0;}
.blockEventOtherInformation .blockTitle{}
.blockEventOtherInformation .blockTitle h3{ text-align: left; font-size: 32px; color: #02132b; font-family: 'Montserrat-Bold';}
.blockEventOtherInformation .blockContent{ margin: 45px 0 0}
.blockEventOtherInformation .blockContent:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventOtherInformation .blockContent ul{}
.blockEventOtherInformation .blockContent ul li{ margin: 0 0 30px; padding: 0 30px 30px; border-bottom: 1px solid #c2c2c2; position: relative;}
.blockEventOtherInformation .blockContent ul li:before{content: '-'; width: 15px; height: 15px; border-radius: 10px; background: #06a4a2; top: 2px; left: 5px; position: absolute; color: #FFF; text-align: center;line-height: 15px;}
.blockEventOtherInformation .blockContent ul li h4{font-size: 16px; color: #02132b;font-family: 'Montserrat-Bold'; padding: 0 0 10px; }
.blockEventOtherInformation .blockContent ul li p{font-size: 16px;line-height: 21px; color: #02132b; margin: 0 0 15px;}
.blockEventOtherInformation .blockContent ul li p:last-child{margin: 0}
.blockEventOtherInformation .blockContent ul li ul{ margin: 15px 0 0;}
.blockEventOtherInformation .blockContent ul li ul li{font-size: 16px;line-height: 21px; color: #02132b; border: none;padding: 0; margin: 0 0 5px;}
.blockEventOtherInformation .blockContent ul li ul li:before{display: none;}
.blockEventOtherInformation .blockContent ul li a{ display:inline-block;  margin: 15px 0 0; padding: 12px 25px; font-size: 16px; text-transform: uppercase; background: #06a4a2; color: #FFF;}
.blockEventOtherInformation .blockContent .blockContentLeft{float: left; max-width: 42%; margin:0 16% 0 0;}
.blockEventOtherInformation .blockContent .blockContentRight{float: left; max-width: 42%; margin: 0}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
        .blockEventOtherInformation{margin: 0 15px;}
        .blockEventOtherInformation .blockContent .blockContentLeft{max-width: 49%;margin: 0 2% 0 0;}
        .blockEventOtherInformation .blockContent .blockContentRight{max-width: 49%;margin:  0 0;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
        .blockEventOtherInformation{margin: 0 15px; padding: 30px 0;}
        .blockEventOtherInformation .blockContent{margin: 15px 0 0;}
        .blockEventOtherInformation .blockContent .blockContentLeft{max-width: none; float: none; margin: 0;}
        .blockEventOtherInformation .blockContent .blockContentRight{max-width: none; float: none; margin: 0;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
        .blockEventOtherInformation .blockTitle h3{font-size: 24px; }
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
        .blockEventOtherInformation .blockTitle h3{font-size: 18px;}
        .blockEventOtherInformation .blockContent ul li p{font-size: 14px; line-height: 18px;}
        .blockEventOtherInformation .blockContent .blockContentRight{float: none;max-width: none;}
        .blockEventOtherInformation .blockContent .blockContentLeft{float: none;max-width: none;}
}*/


.blockEventOtherInformation {
    max-width: 1180px;
    margin: 0 auto;
    padding: 60px 0;
}

.blockEventOtherInformation .blockTitle {}

.blockEventOtherInformation .blockTitle h3 {
    text-align: left;
    font-size: 32px;
    color: #02132b;
    font-family: 'Montserrat-Bold';
}

.blockEventOtherInformation .blockContent {
    margin: 45px 0 0
}

.blockEventOtherInformation .blockContent p {
    margin: 0 0 15px;
}

.blockEventOtherInformation .blockContent strong {
    font-family: 'Montserrat-Bold';
}

.blockEventOtherInformation .blockContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.blockEventOtherInformation .blockContent ul {}

.blockEventOtherInformation .blockContent ul li {
    margin: 0 0 30px;
    padding: 0 30px 30px;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
}

.blockEventOtherInformation .blockContent ul li:before {
    content: '-';
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background: #06a4a2;
    top: 2px;
    left: 5px;
    position: absolute;
    color: #FFF;
    text-align: center;
    line-height: 15px;
}

.blockEventOtherInformation .blockContent ul li h4 {
    font-size: 16px;
    color: #02132b;
    font-family: 'Montserrat-Bold';
    padding: 0 0 10px;
}

.blockEventOtherInformation .blockContent ul li p {
    font-size: 16px;
    line-height: 21px;
    color: #02132b;
    margin: 0 0 15px;
}

.blockEventOtherInformation .blockContent ul li p:last-child {
    margin: 0
}

.blockEventOtherInformation .blockContent ul li ul {
    margin: 15px 0 0;
}

.blockEventOtherInformation .blockContent ul li ul li {
    font-size: 16px;
    line-height: 21px;
    color: #02132b;
    border: none;
    padding: 0;
    margin: 0 0 5px;
}

.blockEventOtherInformation .blockContent ul li ul li:before {
    display: none;
}

.blockEventOtherInformation .blockContent ul li a {
    display: inline-block;
    margin: 15px 0 0;
    padding: 12px 25px;
    font-size: 16px;
    text-transform: uppercase;
    background: #06a4a2;
    color: #FFF;
}

.blockEventOtherInformation .blockContent .blockContentLeft {
    float: left;
    max-width: 42%;
    margin: 0 16% 0 0;
}

.blockEventOtherInformation .blockContent .blockContentRight {
    float: left;
    max-width: 42%;
    margin: 0
}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockEventOtherInformation {
        margin: 0 15px;
    }

    .blockEventOtherInformation .blockContent .blockContentLeft {
        max-width: 49%;
        margin: 0 2% 0 0;
    }

    .blockEventOtherInformation .blockContent .blockContentRight {
        max-width: 49%;
        margin: 0 0;
    }
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventOtherInformation {
        margin: 0 15px;
        padding: 30px 0;
    }

    .blockEventOtherInformation .blockContent {
        margin: 15px 0 0;
    }

    .blockEventOtherInformation .blockContent .blockContentLeft {
        max-width: none;
        float: none;
        margin: 0;
    }

    .blockEventOtherInformation .blockContent .blockContentRight {
        max-width: none;
        float: none;
        margin: 0;
    }
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventOtherInformation .blockTitle h3 {
        font-size: 24px;
    }
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventOtherInformation .blockTitle h3 {
        font-size: 18px;
    }

    .blockEventOtherInformation .blockContent ul li p {
        font-size: 14px;
        line-height: 18px;
    }

    .blockEventOtherInformation .blockContent .blockContentRight {
        float: none;
        max-width: none;
    }

    .blockEventOtherInformation .blockContent .blockContentLeft {
        float: none;
        max-width: none;
    }
}



.blockEventPhotosList{}
.blockEventPhotosList .photoWrapper{padding: 15px 0 0 15px;}
.blockEventPhotosList .photoWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventPhotosList .photoWrapper .photItem{margin: 0 15px 15px 0; float: left;}
.blockEventPhotosList .photoWrapper .photItem a{position: relative;}
.blockEventPhotosList .photoWrapper .photItem:hover a{position: relative;}
.blockEventPhotosList .photoWrapper .photItem:hover a:before{opacity:0.6;content: '.'; height: 100%; width: 100%; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRUFBMTA4RDA3MjA2ODExODIyQTk0QzM0QUIyRTg4RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTE4NUFDN0U5ODMxMUU0QTMzNENGRTI0OUY5QzBDNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTE4NUFDNkU5ODMxMUU0QTMzNENGRTI0OUY5QzBDNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUVBQTEwOEQwNzIwNjgxMTgyMkE5NEMzNEFCMkU4OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUVBQTEwOEQwNzIwNjgxMTgyMkE5NEMzNEFCMkU4OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7h8BRrAAAEa0lEQVR42uRbf0TcYRj/1nFERBxHRBxHxP7aHM0RN0u5NNHEpv3TxBj9FSMa02yaEtGMzWbTLJvNZmmaTVlKaZb9kaU0sizNzrKUcnsee26S+77v+31/fbvbh4+c93v3vJ/3x/M+7/N8K0in044GRIDVwCpgGX3OYAu4SFwATgK3HZ9RoCA8DmwGNgLDHr/7FjgCfAz84YtyFO6RzcDZtB78Ag4AyyT6oUQvDx8DTqfNAAfgCjBoS7joUm8H9gGDhhfgDLABuO73Hg+S4HaLu2+dxM/4JbwU+JScmG2g178IfGBbOM70mEfRK8BndGylgEvAYmCU/tYAEx62yz6wHjhq06sPCTql38BeYETQqRQBGz2cCj+BUVtevV2wU4PAsILxJuAXATv4TIlp4Xhk7QgcPUlNHUBBrwXEPzctfILTgWVgpeZOBGi78FBnSniTwH6rNBhUPOTY/0yDpF34PMPonsblzXJ8PKeX1C08LuDIbISSEY6PGdct/A7HmYUtXiAGOJNQrsNOIR3nScZR328jdj6Aa3SHd0OdDiMovBIYYjxz23K4ioP8gtFerUt4jHNb+upDrD5iQ3iU0f7ep8wQy245xf7KwiOM9gWfhGM6ao3RXqZDeAmjfc3HfCDLdkiH8CLOvdgvsGxrWer7jPaAj8JZtrd0CE+Z3EsKCJlciYWcvVThk+ggx/aKDuFLps9MCRxnpKhSOooQhZxsZpzj/EzhNKNtTlcAM8PYM8VUIrLt1M4x2t/oEr7NiZS6LHv3VorO3PBKl3DEI8YzUeqMLafWzWhf1BZN0v20GLjJuAN/s1TYu8G5i3eYSD11c4xOU3rIlOgWjv1NmiDtwks5s56mhGDAgOgYFSeszHa29LJIMeEdDZKuTrQK5PJndQ94thz3uID4ZZolFeO4bPsEbO1RocN4CSlEzkwEWOGo8mgUi/+XBLZVBqvAClsvBmDIOO7h+jdJgQXmyj66lJxrKBhKSNynMUS9SeFqgo606yqXFVZ9HDv6UjJk3aXOhTjBiArw92tlkyW8NyJiJL7UOZrAgOYkcEM2cnPDFPCEy/I1lXW56ojn8aO0JUOykZuIQ+oROGtVMH3gJYCkx+/Oez1ivXrDMNXRdjQKXiUvf/ic3pEYuBJTwjOsoAH4riB4gkrT2X4/LvmbH0TDWpVXOjN35wRlamK057Ll6fbJT8zRsTfJ2cdtwCGFYkQt76hTFe6GMA3AmiNXcMRT5JNCshMHt4El3pRwHcBVNKaQ+hol8bsyx5mfwO1wxq3jgnm7Ybek5VGe8Qywdv/EkX+PFiuvZw8XTnJBOKKJZk8294eptfMHxeeKcEQL8L6C+HvAC14jt6PCVsVgaUg1gPGTbYri+3QEMH7hsvP3PXpZ3MpV4YhOYI+JREQuoItTgMhb4Q7Neuf/KBzRC+zw8PxWvghHDDpi/zSEr5HU55NwxF2HXeBM0ZV1Kt+EB0h8tvo6pqhPUU7AyTfhGfHDFN9nsEGi/yVN/wgwAIn5ry7PXr7GAAAAAElFTkSuQmCC) center no-repeat rgba(0,0,0,0.3);}
.blockEventPhotosList .photoWrapper .photItem a img{display: block;max-width: 100%; height: auto;}
.blockEventPhotos{margin: 30px 0;}
.blockEventPhotos .blockTitle{font-family: 'Montserrat-Bold'; font-size: 28px; padding: 20px 0; text-align: left; color: #03132b;}
.blockEventPhotos .viewAllPhotosButton{}
.blockEventPhotos .viewAllPhotosButton a{padding: 15px; text-align: right; color: #fff; background: #03132b;}
.blockEventPhotos .photoSlider{}
.blockEventPhotos .photoSlider .photoSliderViewPort{position: relative;}
.blockEventPhotos .photoSlider .photoSliderViewPort span{position: absolute; height: 100%; display: block; width: 36px; top: 0; left: 0; text-indent: -9999px;}
.blockEventPhotos .photoSlider .photoSliderViewPort span:before{background: url(/img/sprite.png) 0px -252px no-repeat; position: absolute;top:50%; left: 0; content: '.'; text-indent: -9999px; width: 36px; height: 36px; margin: -18px 0 0;}
.blockEventPhotos .photoSlider .photoSliderViewPort span.previous:before{background-position: -36px -252px;}
.blockEventPhotos .photoSlider .photoSliderViewPort:hover span{background: rgba(255,255,255,0.2);}
.blockEventPhotos .photoSlider .photoSliderViewPort:hover span:hover{background: rgba(255,255,255,0.3);}
.blockEventPhotos .photoSlider .photoSliderViewPort .next{left: auto; right: 0;}
.blockEventPhotos .photoSlider .photoSliderViewPort .previous{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li{float: left;}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li a{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li a img{display: block;}

.titleWithin .blockEventPhotos .titleWrap{background: #03132b;}
.titleWithin .blockEventPhotos .titleWrap:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.titleWithin .blockEventPhotos .titleWrap .blockTitle{float: left;color: #fff; padding:  15px 10px;    line-height: 22px;font-size: 18px;text-transform: uppercase;}
.titleWithin .blockEventPhotos .titleWrap .viewAllPhotosButton{float: right;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockEventPhotos .blockTitle{margin: 0 10px;}
}

@media screen and (max-device-width:320px), screen and (max-width:640px) {
    .blockEventPhotos .blockTitle{font-size: 18px;}
}
.blockEventPrizeWinners .blockEventResultSearch .blockEventResultSearchForm form{padding: 15px;}
.blockEventPrizeWinners .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnLink a.prizeButton{display: none;}

.pagePrizeWinnersPopup{background: #FFF; max-width: 1024px; margin: 0 auto; position: relative;}

.blockEventPrizeWinners{}
.blockEventPrizeWinners .blockTitle{padding: 30px 5px; background: #04a3a1;}
.blockEventPrizeWinners .blockTitle h3{color: #FFF;text-align: center;font-family: 'Montserrat-Bold'; font-size: 32px; }
.blockEventPrizeWinners .blockTitle .eventName{color: #FFF;text-align: center;font-size: 16px; font-family:'Montserrat-Semi-Bold';}

.blockEventPrizeWinners .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.resultsTableColumnValue.columnGenderPosition {background: #dce0e6;}
.blockEventRaceDetails{ max-width: 1180px; margin: 0 auto;padding: 30px 0;}
.blockEventRaceDetails .blockTitle{color: #02132b;font-family: 'Montserrat-Bold'; font-size: 32px; margin:0 0 15px; }
.blockEventRaceDetails .blockContent{}
.blockEventRaceDetails .blockContent .blockEventRaceList{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow{border-bottom: 1px solid #c2c2c2;border-left: 1px solid #c2c2c2;border-right: 1px solid #c2c2c2;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow:nth-child(2n){background: #f4f9ff;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow{ background: #04a3a1;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow .raceTableColumn{color: #FFF; font-size: 14px; text-transform: uppercase; font-family: 'Montserrat-Semi-Bold';}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableAdditionalRow{background: #02132b;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableAdditionalRow .raceTableColumn{color: #FFF;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableValueRow{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn{border-right: 1px solid #c2c2c2; float: left; width: 15%;padding: 12px 2%; font-size: 16px; text-align: center; color: #02132b;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnRace{width: 27%; text-align: left;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnStartTime{width: 13%;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnEarlyBirdFee{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnPreEntryFee{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnLateEntryFee{}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight{float: right; width:50%;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight .raceTableColumn{width:29%;}
.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight .raceTableColumn:last-child{border: none;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockEventRaceDetails{margin: 0 15px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow .raceTableColumn{font-size: 12px;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn{font-size: 12px;}
}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockEventRaceDetails{margin: 0 15px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow .raceTableColumn{font-size: 12px;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn{font-size: 12px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    /*.blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow{display: none;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow{display: none;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableAdditionalRow{display: none;}

    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable{border-top: 1px solid #c2c2c2;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight{float: none; width: auto;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn{border: none;float: none;text-align: left;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnStartTime{width: auto; float: none; text-align: left;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnRace{width: auto; float: none;text-align: left;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight .raceTableColumn{width: auto; float: none;text-align: left; border: none;}
    */
    .blockEventRaceDetails .blockTitle{font-size: 18px;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableAdditionalRow{display: none;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnStartTime{display: none;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumnRight{width: 30%}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnRace{width: 65%;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow.raceTableHeadRow .raceTableColumn{font-size: 9px;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnEarlyBirdFee{float: right;    width: 96%;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnPreEntryFee{display: none;}
    .blockEventRaceDetails .blockContent .blockEventRaceList .raceTable .raceTableRow .raceTableColumn.columnLateEntryFee{display: none;}
}

.blockEventRacesNavigationWrapper{}
.blockEventRacesNavigation{margin: 50px 0;}
.blockEventRacesNavigation nav{}
.blockEventRacesNavigation nav ul{text-align: center;}
.leftAlign .blockEventRacesNavigation nav ul{text-align: left;}
.blockEventRacesNavigation nav ul li{margin: 0 10px 0 0; display: inline-block;}
.blockEventRacesNavigation nav ul li a{background: #81d1d0; padding: 15px 25px; color: #FFF;}
.blockEventRacesNavigation nav ul li a:hover{background: #35b6b4;}
.blockEventRacesNavigation nav ul li a.active{background: #04a3a1;}
.light .blockEventRacesNavigation nav ul li a.active{background: #FFF; color: #04a3a1;}

.blue .blockEventRacesNavigation nav ul li a{background: #8c949f;}
.blue .blockEventRacesNavigation nav ul li a:hover{background: #1a293f;}
.blue .blockEventRacesNavigation nav ul li a.active{background: #1a293f;}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventRacesNavigation{margin: 15px 0;}
    .blockEventRacesNavigation nav ul li{margin: 0 5px 10px}
}
.pageRateThisRace{position: relative; max-width: 1024px; margin: 0 auto;}
.blockeventRating{max-width: 1024px; margin: 0 auto; background: #FFF;}
.blockeventRating .pageTitle{background: #04a3a1; padding: 25px 0;}
.blockeventRating .pageTitle h2{font-family: 'Montserrat-Semi-Bold'; font-size: 28px; color: #FFF; text-align: center; text-transform: uppercase;}
.blockeventRating .pageTitle h3{font-family: 'Montserrat-Semi-Bold'; font-size: 20px; color: #FFF; text-align: center; margin: 5px 0 0;}
.blockeventRating .raceRatingContent{}
.blockeventRating .raceRatingContent .fieldText{color: #03132b;font-family: 'Montserrat-Semi-Bold'; font-size: 14px;line-height: 36px; text-transform: uppercase;}
.blockeventRating .raceRatingContent .fieldExplanation{color: #03132b;font-family: 'Montserrat-Light';line-height: 36px;}
.blockeventRating form .formRow.form3ColumnWrapper{margin: 0; padding: 12px}
.blockeventRating .formRow{padding: 12px;}
.blockeventRating .formRow .formRow{padding:0;}
.blockeventRating .formRow:nth-child(even){background: #f7f7f7;}
.blockeventRating .formRow.commentWrapper .formColumn{float: none;}
.blockeventRating .formRow.submitButton{margin: 0}
.blockeventRating .formRow.submitButton button{margin: 5px 0; font-family: 'Montserrat-Semi-Bold'; font-size: 28px; color: #FFF; text-align: center; text-transform: uppercase;}
.blockeventRating .formRowStarsWrapper{margin: 0;}
.blockeventRating .formRowStarsWrapper .formColumn{}
.blockeventRating .formRowStarsWrapper .formColumn .fieldLabel{}
form .formRow.form3ColumnWrapper .formColumn .formRowStarsWrapper .formColumn{width:36px;}
/*form .formRow .fieldLabel label{color: #03132b;}
.blockeventRating .formRowStarsWrapper label.formColumn{display: block}
.blockeventRating .formRowStarsWrapper label.formColumn span{text-indent: -9999px; cursor: pointer; display: block; width: 36px; height: 36px; background: url(/img/sprite.png) right -216px no-repeat;}

.blockeventRating .formRowStarsWrapper.starRating1 label.formColumn:nth-child(1) span{background-position: right -252px;}

.blockeventRating .formRowStarsWrapper.starRating2 label.formColumn:nth-child(1) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating2 label.formColumn:nth-child(2) span{background-position: right -252px;}

.blockeventRating .formRowStarsWrapper.starRating3 label.formColumn:nth-child(1) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating3 label.formColumn:nth-child(2) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating3 label.formColumn:nth-child(3) span{background-position: right -252px;}

.blockeventRating .formRowStarsWrapper.starRating4 label.formColumn:nth-child(1) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating4 label.formColumn:nth-child(2) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating4 label.formColumn:nth-child(3) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating4 label.formColumn:nth-child(4) span{background-position: right -252px;}

.blockeventRating .formRowStarsWrapper.starRating5 label.formColumn:nth-child(1) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating5 label.formColumn:nth-child(2) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating5 label.formColumn:nth-child(3) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating5 label.formColumn:nth-child(4) span{background-position: right -252px;}
.blockeventRating .formRowStarsWrapper.starRating5 label.formColumn:nth-child(5) span{background-position: right -252px;}*/

.blockeventRating .formRowStarsWrapper .formColumn .fieldValue{display: none;}
.blockeventRating .formRowStarsWrapper .formColumn .fieldValue input{}

/** SUCCESS **/
.blockeventRatingSuccess .pageIcon{text-align: center;background: #04a3a1;  padding: 0 0 25px 0;}
.pageRateThisRaceSuccess{position: relative; max-width: 610px; margin: 0 auto; background:#04a3a1; padding: 45px 15px;}
.blockeventRatingSuccess h2{ color: #FFF; text-transform: uppercase; text-align: center;font-family: 'Montserrat-Semi-Bold'; font-size: 28px; font-weight: normal;}
.blockeventRatingSuccess .raceRatingContent{margin: 30px 0 0;}
.blockeventRatingSuccess p{color: #FFF; text-transform: uppercase; text-align: center;font-family: 'Montserrat-Bold'; font-size: 18px;}
.mfp-content .pageRateThisRaceSuccess{position: relative;}
/** END SUCCESS **/

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockeventRating .pageTitle h2{font-size: 24px;}
    .blockeventRatingSuccess h2{font-size: 24px;}
    .blockeventRating .pageTitle h3{font-size: 16px;}
}



.blockEventRegistration{ max-width: 1180px; margin: 0 auto; padding: 30px 0;}
.blockEventRegistration .blockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; color: #02132b; margin: 0 0 15px;}
.blockEventRegistration .blockContent{}
.blockEventRegistration .blockContent:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventRegistration .blockContent .registrationTable{float: left; border-collapse: collapse;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow{border: 1px solid #c2c2c2; border-top: none; border-right: none;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow.registrationTableHeadRow{background: #02132b; color: #FFF}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow.registrationTableHeadRow .registrationTableColumn{color: #FFF; text-transform: uppercase;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow.registrationTableInfoRow{background: #04a3a1; color: #FFF}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow.registrationTableInfoRow .registrationTableColumn{color: #FFF; text-transform: uppercase;font-size: 12px;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn{float: left;padding: 12px 15px; width: 200px; text-align: center; font-size: 16px;border-right: 1px solid #c2c2c2;}
.blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn.registrationTableColumnLabel{width:90px; }

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    /*.blockEventRegistration{margin: 0 15px;}*/
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn{width: 145px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventRegistration .blockTitle{font-size: 18px; margin: 0 0 10px;}
    .blockEventRegistration .blockContent .registrationTable{float: none;}
    .blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn:last-child{border: none;}
    .blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn{width: 49%; padding: 10px 0;font-size: 12px;}
    .blockEventRegistration .blockContent .registrationTable .registrationTableRow .registrationTableColumn.registrationTableColumnLabel{display: none;}
}
.blockEventResultSearch .blockEventResultSearchForm{margin: 30px 0; }
.blockEventResultSearch .blockEventResultSearchForm form{}
.blockEventResultSearch .blockEventResultSearchForm form select{background: none; border: 1px solid #03132b; outline-color: #03132b;min-height: 36px;}
.blockEventResultSearch .blockEventResultSearchForm form input{background: none; border: 1px solid #03132b; outline-color: #03132b;min-height: 24px;}
.blockEventResultSearch .blockEventResultSearchForm form button {background: #03132b; border: 1px solid #03132b; margin: 18px 0 0;padding: 10px;    line-height: 14px;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow{margin: 0;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .fieldLabel {margin: 0 0 5px; color: #03132b; text-transform: uppercase;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper{}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{ float: left; margin: 0 1% 0 0; min-width: 16%;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnSearchQuery{min-width: 31%;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnLink{}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnLink a{}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnLink a.prizeButton{background: #04a3a1; border: 1px solid #04a3a1; margin: 18px 0 0; padding: 10px 9px 10px 36px; color: #FFF; line-height: 14px; text-transform: uppercase; text-align: center;position: relative;}
.blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn.formColumnLink a.prizeButton:before{content: '.'; width: 36px; height: 36px; top: 0; left: 0; position: absolute; text-indent: -9999px; background: url(/img/sprite.png) -72px -180px no-repeat;}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventResultSearch .blockEventResultSearchForm{margin: 15px 10px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventResultSearch .blockEventResultSearchForm form .formRow .formColumnWrapper .formColumn{margin: 0 10px 10px 0;}
}
.blockEventResultsList{}
.blockEventResultsList .resultsTable{}
.blockEventResultsList .resultsTable .resultsTableRow{border-bottom: 1px solid #c2c2c2;}
.blockEventResultsList .resultsTable .resultsTableRow.resultsTableRowSeparator{border-bottom: 1px solid #c2c2c2; background: #02132b; line-height: 21px; padding: 8px; text-align: center; color: #FFF; font-size: 16px; text-transform: uppercase; font-family: 'Montserrat-Semi-Bold';}
.blockEventResultsList .resultsTable .resultsTableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow{background: #04a3a1;border-top: 1px solid #c2c2c2;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn{float: left; margin: 0; padding: 12px 10px;color: #02132b; line-height: 16px; width: 9%;text-transform: uppercase; border-right: 1px solid #c2c2c2;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight{float: right;border-left: 1px solid #c2c2c2;}
.blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn{color: #FFF; padding: 20px 10px; }
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnPosition{width: 9%;text-align: center;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnName{width: 15%;text-align: left; border: none;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnRoagID{border-left: 1px solid #c2c2c2;width: 55px; text-align: center;}
.blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn.columnPosition{padding: 12px 10px;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn{width: 105px;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.columnRaceTime{width: 75px; text-align: center;}
.blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.columnAgeCategory{width: 150px; text-align: center;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnPosition.columnGenderPosition {display: none;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnRoagID{display: none;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.columnAgeCategory{width: 130px;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnPosition.columnAgeCategoryPosition {display: none;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnName{width: 32%;}
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn{padding: 12px 5px; width: 40px;}
    .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn.columnPosition{padding: 12px 5px 0;color: #04a3a1; text-indent: 18px; overflow: hidden;}
    .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn.columnPosition:first-letter{color: #FFF;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.columnAgeCategory{display: none;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnName{width: 40%;}
    .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn{padding: 14px 10px 0;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn.columnPosition{display: none;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumnRight .resultsTableColumn.columnPosition{display: none;}
    .blockEventResultsList .resultsTable .resultsTableRow.resultsTableHeadRow .resultsTableColumn{padding: 12px 5px;}
    .blockEventResultsList .resultsTable .resultsTableRow .resultsTableColumn.columnName{width: 64%;}
}
.blockEventPhotoGalleriesWrapper{max-width:1180px; margin: 30px auto;}
.blockEventPhotoGalleries{}
.blockEventPhotoGalleries .blockTitle{font-family: 'Montserrat-Bold'; font-size: 28px; padding: 20px 0; text-align: left; color: #03132b;}
.blockEventPhotoGalleries .viewAllPhotosButton{}
.blockEventPhotoGalleries .viewAllPhotosButton a{padding: 15px; text-align: right; color: #fff; background: #03132b;}
.blockEventPhotoGalleries .photoSlider{}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort{position: relative;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort span{position: absolute; height: 100%; z-index: 4; display: block; width: 30px; top: 0; left: 0; text-indent: -9999px;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort span:before{background: url(/img/sprite.png) 0px -252px no-repeat; position: absolute;top:50%; left: 0; content: '.'; text-indent: -9999px; width: 36px; height: 36px; margin: -18px 0 0;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort span.previous:before{background-position: -36px -252px;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort:hover span{background: rgba(255,255,255,0.2);}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort:hover span:hover{background: rgba(255,255,255,0.3);}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort .next{left: auto; right: 0;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort .previous{}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul{}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul li{float: left;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul li a{position: relative;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul li a .eventName{position: absolute; height: 40%; width: 76%; top:10%; left: 10%; z-index: 2; background:rgba(5, 163, 161, 0.95);padding: 20% 2%; text-align: center; color: #FFF; font-size: 20px;}
.blockEventPhotoGalleries .photoSlider .photoSliderViewPort ul li a img{display: block;}

@media screen and (max-device-width:1024px), screen and (max-width:1180px) {
    .blockEventPhotoGalleries .photoSlider .photoSliderViewPort{width: 885px;}
    .blockEventPhotoGalleriesWrapper{max-width:1024px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockEventPhotoGalleries .blockTitle{margin: 0 15px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockEventPhotoGalleries .blockTitle{font-size: 18px;}
}

.blockFilterEventsWrapper{background: #eeeeee;}
.blockFilterEvents{max-width: 1180px; margin: 0 auto;padding: 60px 0;}
.blockFilterEvents .blockFilterEventsTitle{color: #04a3a1; text-transform: uppercase; text-align: left; font-family: 'Montserrat-Semi-Bold'; font-size: 28px; margin: 0 0 30px;}
.blockFilterEvents .blockFilterEventsForm{}
.blockFilterEvents .blockFilterEventsForm form{}
.blockFilterEvents .blockFilterEventsForm form select{background: none; border: 1px solid #03132b; outline-color: #03132b;}
.blockFilterEvents .blockFilterEventsForm form input{background: none; border: 1px solid #03132b; outline-color: #03132b;}
.blockFilterEvents .blockFilterEventsForm form button {background: #03132b; border: 1px solid #03132b; margin: 18px 0 0;padding: 11px 11px 10px;text-transform: uppercase;}
.blockFilterEvents .blockFilterEventsForm form .formRow{margin: 0;}
.blockFilterEvents .blockFilterEventsForm form .formRow .fieldLabel {margin: 0 0 5px;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper{}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn{ float: left; margin: 0 1% 0 0; min-width: 16%;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn label{font-family: 'Montserrat-Semi-Bold';color: #03132b; text-transform: uppercase;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnEventName{min-width: 29%;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnCountry{}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnRegion{}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnDiscipline{}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear{min-width: 8%;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{min-width: 10%;}
.blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn:last-child{margin: 0;}


.blockFilterEventsWrapper.blueBox{background: #1a293f;}
.blueBox .blockFilterEvents .blockFilterEventsForm form .formRow .fieldLabel label{color: #FFF;}
.blueBox .blockFilterEvents .blockFilterEventsForm form select{border: 1px solid #FFF; outline-color: #FFF; color: #FFF;}
.blueBox .blockFilterEvents .blockFilterEventsForm form input{ border: 1px solid #FFF; outline-color: #FFF; color: #FFF;}
.blueBox .blockFilterEvents .blockFilterEventsForm form button {background: #04a3a1;border:1px solid #04a3a1; outline:none;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockFilterEvents .blockFilterEventsForm{margin: 0 15px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .blockFilterEvents{padding: 30px 0;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn{margin: 0 1% 15px 0;min-width: 32%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnEventName{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear{min-width: 20%;}

    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnEventName{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnCountry{min-width: 49%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnRegion{min-width: 49%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnDiscipline{min-width: 49%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear{min-width: 49%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{min-width: 100%;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn{min-width: 33%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear{min-width: 31%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{float: right;}
    .blockFilterEvents .blockFilterEventsForm form button{margin: 0;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnEventName{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnCountry{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnRegion{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnDiscipline{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnYear{min-width: 100%;}
    .blockFilterEvents .blockFilterEventsForm form .formRow .formColumnWrapper .formColumn.formColumnButton{min-width: 100%;}


}

/** onlneMemberPage **/
.roagpopUpLoader .mfp-content{
    max-width: 1024px;
    margin: 0 auto;
}
.onlineMemberPage{
    background: #FFF;
}
.onlineMemberPage .activeMembers{
    padding:45px;
    background: #07a4a2;
    font-family: 'Montserrat-Bold';
    font-size: 36px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
}
.onlineMemberPage .allMembers{
    padding:30px;
    background: #FFF;
    font-family: 'Montserrat-Bold';
    font-size: 20px;
    color: #07a4a2;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px;
}
.onlineMemberPage .allMembers span{
    color: #242e3d;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    font-style: italic;
}
@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .roagpopUpLoader .mfp-content{max-width: 768px; margin: 0 auto;}
}
@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .onlineMemberPage .activeMenbers{font-size: 16px; padding: 30px;}
    .onlineMemberPage .activeMenbers img{max-width: 75px; height: auto;}
    .onlineMemberPage .allMembers{font-size: 14px; padding: 20px 10px; line-height: 18px;}
}
.blockParticipantRaceResultsWrapper{ background: #1a293f;}
.blockParticipantRaceResults{max-width: 1024px; margin: 0 auto; padding: 15px 0 0;}
.blockParticipantRaceResults .blockTitle{font-family: 'Montserrat-Bold'; font-size: 32px; text-align: center;color: #05a3a1;}
.blockParticipantRaceResults .raceResultsList{margin: 0 0 0;}
.blockParticipantRaceResults .raceResultsList ul{text-align: center;}
.blockParticipantRaceResults .raceResultsList ul li{display: inline-block; margin:  0 20px 0 0;}

.raceResult{}
.raceResult .raceResultTime{width: 140px; height: 80px; padding: 60px 0 0; color: #FFF; background: url(/img/layout/race-result-time.png) center no-repeat; text-align: center;font-family: 'Montserrat-Bold'; font-size: 18px;}
.raceResult .raceResultLabel{ text-transform: uppercase;color: #FFF; text-align: center;margin: 15px 0 0;}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .blockParticipantRaceResults .raceResultsList{margin: 15px 0;}
    .blockParticipantRaceResults .raceResultsList ul li{display: block;}
    .raceResult .raceResultTime{height: auto; width: auto; background: none; padding: 8px 0 0;}
    .raceResult .raceResultLabel{margin: 0 0 0 15px; margin: 0;}
    .raceResult .raceResultTime{}
    .blockParticipantRaceResults .raceResultSharing a{display: block; margin: 0 15px 0;}
}
.blockEventPhotos{margin: 0 0;}
.blockEventPhotos .blockTitle{font-family: 'Montserrat-Bold'; font-size: 28px; padding: 20px 0; text-align: left; color: #03132b;}
.blockEventPhotos .viewAllPhotosButton{}
.blockEventPhotos .viewAllPhotosButton a{padding: 15px; text-align: right; color: #fff; background: #03132b;}
.blockEventPhotos .photoSlider{}
.blockEventPhotos .photoSlider .photoSliderViewPort{position: relative;}
.blockEventPhotos .photoSlider .photoSliderViewPort span{position: absolute; height: 100%; display: block; width: 36px; top: 0; left: 0; text-indent: -9999px;}
.blockEventPhotos .photoSlider .photoSliderViewPort span:before{background: url(/img/sprite.png) 0px -252px no-repeat; position: absolute;top:50%; left: 0; content: '.'; text-indent: -9999px; width: 36px; height: 36px; margin: -18px 0 0;}
.blockEventPhotos .photoSlider .photoSliderViewPort span.previous:before{background-position: -36px -252px;}
.blockEventPhotos .photoSlider .photoSliderViewPort:hover span{background: rgba(255,255,255,0.2);}
.blockEventPhotos .photoSlider .photoSliderViewPort:hover span:hover{background: rgba(255,255,255,0.3);}
.blockEventPhotos .photoSlider .photoSliderViewPort .next{left: auto; right: 0;}
.blockEventPhotos .photoSlider .photoSliderViewPort .previous{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li{float: left;}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li a{}
.blockEventPhotos .photoSlider .photoSliderViewPort ul li a img{display: block;}

.titleWithin .blockEventPhotos .titleWrap{background: #03132b;}
.titleWithin .blockEventPhotos .titleWrap:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.titleWithin .blockEventPhotos .titleWrap .blockTitle{float: left;color: #fff; padding:  15px 10px;    line-height: 22px;font-size: 18px;text-transform: uppercase;}
.titleWithin .blockEventPhotos .titleWrap .viewAllPhotosButton{float: right;}

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockEventPhotos .blockTitle{margin: 0 10px;}
}

@media screen and (max-device-width:320px), screen and (max-width:640px) {
    .blockEventPhotos .blockTitle{font-size: 18px;}
}
.blockProfileTabWrapperWrapper{}
.blockTabWrapper{}
.blockTabWrapper .blockTabWrapperMenu{background: #1a293f;}
.blockTabWrapper .blockTabWrapperMenu ul{max-width: 1180px; margin: 0 auto; padding: 0;}
.blockTabWrapper .blockTabWrapperMenu ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockTabWrapper .blockTabWrapperMenu ul li{float: left; margin: 0 1% 0 0;}
.blockTabWrapper .blockTabWrapperMenu ul li a{padding: 12px 20px; background: #d7d7d7; color: #1a293f;font-family: 'Montserrat-Semi-Bold'; text-transform: uppercase;}
.blockTabWrapper .blockTabWrapperMenu ul li a.opened{background: #FFF;}
.blockTabWrapper .blockTabWrapperContentWrap{background: #FFFFFF;}
.blockTabWrapper .blockTabWrapperContent{ padding: 45px 0 0;}
.blockTabWrapper .blockTabWrapperContent .tabItem {display: none;max-width: 1180px;margin: 0 auto; }
.blockTabWrapper .blockTabWrapperContent .tabItem:first-child {display: block;}

.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyCalendar{max-width: none;}
.tabMyCalendar .title{color: #02132b; font-size: 28px; max-width: 1180px;margin: 0 auto;}
.tabMyCalendar .text{color: #02132b; max-width: 1180px;margin: 0 auto;}
.tabMyCalendar .myCalendarWrap{padding: 45px 0 30px;background:#eeeeee;}
.tabMyCalendar .blockFilterEventsWrapper{background:none;max-width: 1180px;margin: 0 auto;}
.tabMyCalendar .blockFilterEvents{padding: 0; margin: 30px auto;}
.tabMyCalendar .blockEventsCalendarView{padding: 0; margin: 30px auto;}
.tabMyCalendar .blockEventsCalendarView .title{display: none;}

.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyEvents{max-width: none;}
.tabMyEvents .title{color: #02132b; font-size: 28px; max-width: 1180px;margin: 0 auto;}
.tabMyEvents .tabMyEventsWrap{padding: 45px 0 30px;background:#eeeeee; margin: 60px 0 0;}
.tabMyEvents .blockFilterEventsWrapper{background:none;max-width: 1180px;margin: 0 auto;}
.tabMyEvents .blockFilterEvents{padding: 0; margin: 30px auto;}

.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPurchases{max-width: none;}
.tabMyPurchases .title{color: #02132b; font-size: 28px; max-width: 1180px;margin: 0 auto;}
.tabMyPurchases .blockEventRacesNavigationWrapper{max-width: 1180px;margin: 0 auto;}

.tabMyInfo{padding: 0 0 30px;}
.tabMyInfo form button{background: #02132b; margin: 0; width: auto; display: inline-block; padding: 12px 25px;}
.tabMyInfo form input{background: #e8e8e8;}
.tabMyInfo form select{background: #e8e8e8;}
.tabMyInfo label{    color: #02132b;font-size: 16px; font-family: 'Montserrat-Bold';line-height: 32px;}
.tabMyInfo .buttonWrapRight{text-align: right;}
.tabMyInfo .personalInformationSectionWrapper{background: none;}
.tabMyInfo .personalInformationSectionWrapper.passwordSectionWrapper{background: none;}
.tabMyInfo .title{margin: 45px 0 30px;color: #02132b;font-size: 32px;font-family: 'Montserrat-Bold';text-align: left;padding: 0 0 15px;border-bottom: 2px solid #05a3a1;}
.tabMyInfo .text{margin: 15px 0 0;color: #02132b;font-family: 'Montserrat-Semi-Bold';text-align: left;}
.tabMyInfo .personalInformationSectionWrapper.passwordSectionWrapper .personalInformationSection{padding: 0 0 30px;}
.tabMyInfo .blockEventsCalendarView{padding: 0;}

.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyResults{max-width: none;}
.tabMyResults .text{margin: 30px 0 15px;color: #02132b;font-size: 16px;font-family: 'Montserrat-Bold';text-align: left;max-width: 1180px;margin: 0 auto;}
.tabMyResults .text:first-child{margin: 0 auto 15px;}
.tabMyResults .blockPageTitle h3{padding: 10px 0; font-size: 22px;}
.tabMyResults .blockEventRacesNavigationWrapper {padding: 10px 0; font-size: 22px;max-width: 1180px;margin: 0 auto;}

.tabItem.tabMyResults .blockEventRacesNavigation{margin: 15px 0; }
.tabItem.tabMyResults .blockEventRacesNavigation nav ul li a{background: #8c949f;}
.tabItem.tabMyResults .blockEventRacesNavigation nav ul li a:hover{background: #4b5c73;}
.tabItem.tabMyResults .blockEventRacesNavigation nav ul li a.active{background: #1a293f}

.tabItem .blockEventRacesNavigation{margin: 30px 0; }
.tabItem .personalInformationSectionWrapper.marketing{background: none; }
.tabItem .personalInformationSectionWrapper.marketing .personalInformationSection{padding: 15px 0; }

.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPhotos{max-width: none;}
.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPhotos .title{color: #02132b;font-size: 32px;font-family: 'Montserrat-Bold';text-align: left;padding: 0 0 15px; margin: 0 auto; max-width: 1180px;}
.tabMyPhotos .myRecentPhotosWrapper{}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos{max-width: 1180px; margin: 0 auto; padding: 0 0 30px;}
.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .title{font-size: 18px;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum{}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul{}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li{float: left;margin: 0 2% 0 0; max-width: 23%; width: 100%;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a{display: block;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem{}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .imageWrap{border: 4px solid #04a3a1;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .imageWrap img{display: block;max-width: 100%; height: auto;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .text{}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .text .title{font-size: 16px; color: #02132b;padding: 5px 0;}
.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .text .date{color: #02132b;}


.blockTabWrapper .blockTabWrapperContent .tabItem.tabMyRanking{max-width: none;}
.tabItem.tabMyRanking .title{margin: 45px 0 30px;color: #02132b;font-size: 32px;font-family: 'Montserrat-Bold';text-align: left;max-width: 1180px; margin: 0 auto;}
.tabItem.tabMyRanking .myRankingWrapper{max-width: 1180px; margin: 30px auto;}
.tabItem.tabMyRanking .myRankingWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem{float: left; margin: 0 2% 15px 0; width: 100%; max-width: 30%; padding: 0 2% 0 0; position: relative;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem:nth-child(3n){margin: 0 0 15px;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .imageWrapper{}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .imageWrapper img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .text{padding: 10px 0; background-color:#06a4a2;max-width: 342px; margin: 0 auto;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .text .name{color: #FFF; text-transform: uppercase; text-align: center;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .text .rating{font-family: 'Montserrat-Bold'; color: #FFF; font-size: 28px; text-align: center; margin: 5px 0 0;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .eventIcon{position: absolute;right: -4%; top: -32px; width: 22%;}
.tabItem.tabMyRanking .myRankingWrapper .myRankingItem .eventIcon img{display: block;max-width: 100%; height: auto;}

.tabMyRanking .friendrankingWrapper{background: #02132b; padding: 0 0 15px;}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar{max-width: 1180px; margin: 30px auto 0; padding: 30px 0;}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar .title{color: #04a3a1; font-size: 28px;}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar .titleSecondary{color: #04a3a1; font-size: 18px; margin: 5px 0;}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar .sligan{margin: 8px 0 0; color: #FFF;}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form{}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form .formRow.form2to3ColumnWrapper{}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form .formRow.form2to3ColumnWrapper .formColumn{}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form .formRow.form2to3ColumnWrapper .formColumn input{}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form .formRow.form2to3ColumnWrapper .formColumn {}
.tabMyRanking .friendrankingWrapper .friendsRankingSearchBar form .formRow.form2to3ColumnWrapper .formColumn button{margin: 0;}
.tabMyRanking .friendSearchList{max-width: 1180px; margin: 0 auto;}
.tabMyRanking .friendSearchList .title{color: #04a3a1; font-size: 18px; margin:  0 0 8px;}
.tabMyRanking .friendSearchList .text{margin: 8px 0; color: #FFF;}
.tabMyRanking .friendSearchListTable{border-left: 1px solid #c2c2c2;}
.tabMyRanking .friendSearchListTable .tableRow{border-bottom: 1px solid #c2c2c2;}
.tabMyRanking .friendSearchListTable .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.tabMyRanking .friendSearchListTable .tableRow .tableColumn{float: left;line-height: 21px; text-align: center; color: #FFF; float: left; width: 100%; max-width: 24%; border-right: 1px solid #c2c2c2;padding: 5px 0;}
.tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnSeedingIndex{float: right;}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead{}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow{background: #04a3a1;}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow .tableColumn{text-transform: uppercase;}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .friendSearchListTable .friendSearchListTableHead .tableRow .tableColumn.tableColumnSeedingIndex{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody .tableRow{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .friendSearchListTable .friendSearchListTableBody .tableRow .tableColumn.tableColumnSeedingIndex{}

.tabMyRanking .topRoagRankedIndividualsWrapper{background: #1a293f; padding: 0 0 15px;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals{max-width: 1180px; margin: 0 auto 0; padding: 45px 0;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .title{color: #04a3a1; font-size: 28px;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable{border-left: 1px solid #c2c2c2;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow{border-bottom: 1px solid #c2c2c2;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn{float: left;line-height: 21px; text-align: center; color: #FFF; float: left; width: 100%; max-width: 24%; border-right: 1px solid #c2c2c2;padding: 5px 0;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnSeedingIndex{float: right;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow{background: #04a3a1;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow .tableColumn{text-transform: uppercase;}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsTableHead .tableRow .tableColumn.tableColumnSeedingIndex{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody .tableRow{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody .tableRow .tableColumn.tableColumnRoagID{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody .tableRow .tableColumn.tableColumnName{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody .tableRow .tableColumn.tableColumnBirthYear{}
.tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .topRoagRankedIndividualsBody .tableRow .tableColumn.tableColumnSeedingIndex{}


.raceProfileResult{margin: 0 auto 0;}
.raceProfileResult .raceProfileResultItemWrap{padding: 45px 0;}
.raceProfileResult .raceProfileResultItemWrap:nth-child(odd){background-color: #f1f1f1;}
.raceProfileResult .raceProfileResultItem{margin: 0 auto 0; max-width: 1180px;}
.raceProfileResult .raceProfileResultItem:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.raceProfileResult .raceProfileResultItem .leftColumn{float: left;width: 49%; margin: 0 2% 0 0;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper{}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .imageWrap{float: left; max-width: 145px;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .imageWrap img{max-width: 100%; height: auto;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .raceDescriptionWrap{float: left;margin:  0 0 0 15px; max-width: 445px;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .raceDescriptionWrap .raceName{color: #02132b; font-size: 18px; text-transform: uppercase; font-family: 'Montserrat-Semi-Bold';}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .raceText{margin: 15px 0 0;}
.raceProfileResult .raceProfileResultItem .leftColumn .mainInfoWrapper .raceText p{text-transform: uppercase;color: #02132b; line-height: 18px;}
.raceProfileResult .raceProfileResultItem .raceLinks{}
.raceProfileResult .raceProfileResultItem .raceLinks:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing{float: left;margin: 15px 0 0;    max-width: 475px;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a{float: left;color: #FFF;padding: 10px 0; text-align: center; background:#05a3a1; width: 49%; margin: 0 2% 10px 0;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a:nth-child(2n){margin: 0;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a.twitter{background-color: #1ca8eb;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a.facebook{background-color: #3b5a99;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a.instagram{background-color: #fccc62;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceSharing a.certificate{}
.raceProfileResult .raceProfileResultItem .raceLinks .raceIcon{float: left; margin: 15px 0 0 15px;}
.raceProfileResult .raceProfileResultItem .raceLinks .raceIcon img{}
.raceProfileResult .raceProfileResultItem .rightColumn{float: left;width: 49%; margin:0;}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos{}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos .raceInfoItem{float: left; max-width: 32%; margin: 0 2% 15px 0; width: 100%; min-width: 140px;}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos .raceInfoItem:nth-child(3n){margin: 0 0 15px 0;}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos .raceInfoItem .raceInfoItemValue{width: 100px; height: 100px; line-height: 100px; margin: 0 auto; overflow: hidden;font-family: 'Montserrat-Semi-Bold';color: #02132b; font-size: 14px; background:url(/img/layout/race-result-time-small.png) center no-repeat; text-align: center;}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos .raceInfoItem .raceInfoItemValueNew{width: 80px; height: 80px; line-height: 60px; margin: 0 auto;font-family: 'Montserrat-Semi-Bold'; color: #02132b; font-size: 12px; text-align: center;}
.raceProfileResult .raceProfileResultItem .rightColumn .raceInfos .raceInfoItem .raceInfoValue{color: #02132b; text-transform: uppercase;text-align: center; margin: 6px 0 0;}

.blockPurchaseHistoryWrapper{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory{max-width: 1180px;margin: 0 auto 45px;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable{border-left:1px solid #eee;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow{background: #05a3a1;border-bottom:1px solid #eee;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn{float: left;border-right:1px solid #eee; text-align: center; width: 100%; max-width: 15%;line-height: 18px; padding: 8px 0; color: #FFF; text-transform: uppercase;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn.tableColumnDate{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn.tableColumnEvent{max-width: 38%;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn.tableColumnRefference{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableHead .tableRow .tableColumn.tableColumnViewEventDetails{float: right;max-width: 16%;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow{border-bottom:1px solid #eee;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn{float: left;border-right:1px solid #eee; text-align: center; width: 100%; max-width: 15%;line-height: 18px; padding: 8px 0; color: #1a293f; text-transform: uppercase;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnDate{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnEvent{max-width: 38%;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnAmount{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnRefference{}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnViewEventDetails{float: right;max-width: 16%;}
.blockPurchaseHistoryWrapper .blockPurchaseHistory .blockPurchaseHistoryTable .blockPurchaseHistoryTableBody .tableRow .tableColumn.tableColumnViewEventDetails a{}


@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .blockTabWrapper .blockTabWrapperMenu ul{ margin: 0 0 0 10px;}
    .blockTabWrapper .blockTabWrapperMenu ul li{ margin: 0 1% 10px 0;}
    .blockTabWrapper .blockTabWrapperMenu ul li a{ padding: 12px 15px}
    .blockTabWrapper .blockTabWrapperContent .tabItem{margin: 0 15px;}
}

@media screen and (max-device-width:320px), screen and (max-width:640px) {
    .blockTabWrapper .blockTabWrapperMenu ul li{width: 48%;}
    .blockTabWrapper .blockTabWrapperContent{padding: 15px 0 0;}
    .tabMyInfo .title{font-size: 18px; padding: 0 0 5px; margin: 0;}

    .blockTabWrapper .blockTabWrapperContent .tabItem.tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .title{margin: 15px 0;}
    .tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li{margin: 0 2% 10px 0; max-width: 48%;}
    .tabMyPhotos .myRecentPhotosWrapper .myRecentPhotos .myRecentPhotosAlbum ul li a .myRecentPhotosItem .text .title{margin: 0;}

    .tabItem.tabMyRanking .myRankingWrapper .myRankingItem{float: none; max-width: none;}
    .tabMyRanking .friendrankingWrapper .friendsRankingSearchBar .title{font-size: 16px;}
    .tabItem.tabMyRanking .myRankingWrapper .myRankingItem .eventIcon{display: none;}
    .tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnSeedingIndex{display: none;}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnSeedingIndex{display: none;}
    .tabMyRanking .friendSearchListTable .tableRow .tableColumn{max-width: 32%;}
    .tabMyRanking .friendSearchListTable .tableRow .tableColumn.tableColumnBirthYear{max-width: 34%; float: right;}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn{max-width: 32%}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnName{max-width: 65%;}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnRoagID{display: none;}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals .topRoagRankedIndividualsTable .tableRow .tableColumn.tableColumnBirthYear{max-width: 34%; float: right;}
    .tabMyRanking .friendrankingWrapper .friendsRankingSearchBar{max-width: 1180px; margin: 30px auto 0; padding: 20px 15px;}
    .tabMyRanking .topRoagRankedIndividualsWrapper .topRoagRankedIndividuals { max-width: 1180px; margin: 0 auto 0; padding: 20px 15px; }
}

.doughnut_container {
    display: inline-block;
    padding: 5px 15px;
    width: 125px;
    height: 125px;
}
.doughnut_label {
    display: inline-block;
    padding: 0px 15px 15px 15px;
    width: 125px;
    color:#ffffff;
    font-family: 'Montserrat-Semi-Bold';
    font-size: 12px;
    text-transform: uppercase;
}

@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .doughnut_container {
        width: 90px;
        height: 90px;
    }
    .doughnut_label {
        width: 90px;
    }
}
#profile_nav {
    background: #02132b;
    margin: 0 auto;
    text-align: center;
}
#profile_nav div {
    padding: 0;
    display: inline-block;
}
#profile_nav div a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    margin-right: 5px;
    border-left: solid 1px #04a3a1;
    border-right: solid 1px #04a3a1;
    border-bottom: solid 1px #04a3a1;
    width: 110px;
}
#profile_nav div a.opened {
    background: #04a3a1;
    color: #ffffff
}


/* -------- */

#profile_nav2 {
    background: #1a293f;
    margin: 0 auto;
    text-align: center;
}
#profile_nav2 div {
    padding: 0;
    display: inline-block;
}
#profile_nav2 div a {
    color: #ffffff;
    /*background: #d7d7d7;*/
    text-decoration: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    margin-right: 5px;
    border-left: solid 1px #04a3a1;
    border-right: solid 1px #04a3a1;
    border-top: solid 1px #04a3a1;
    width: 110px;
}
#profile_nav2 div a:hover, #profile_nav2 div a:active  {
    background: #4b5c73;
}
#profile_nav2 div a.opened {
    background: #04a3a1;
    color: #ffffff
}

.blockSocialMedia{}
.blockSocialMedia ul{}
.blockSocialMedia ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockSocialMedia ul li{float: left;}
.blockSocialMedia ul li a{text-indent: -9999px; width: 36px; height: 36px; background: url(/img/sprite.png) center no-repeat;}
.blockSocialMedia ul li a.twitter{background-position: 0 -72px; background-color: #1ca8eb;}
.blockSocialMedia ul li a.facebook{background-position: -36px -72px; background-color: #1a3353;}
.blockSocialMedia ul li a.instagram{background-position: -72px -72px; background-color: #a57d60;}
.blockTeamRoagRacingWrapper{background:#03132b;}
.blockTeamRoagRacing{max-width: 1180px; margin: 0 auto; padding: 60px 15px;}
.blockTeamRoagRacing .blcokTitle{ text-align: center;}
.blockTeamRoagRacing .blcokTitle img{display: inline-block; max-width: 100%; height: auto;}
.blockTeamRoagRacing .blockContent{ margin: 30px auto 0; max-width: 768px;}
.blockTeamRoagRacing .blockContent p{line-height: 21px; color: #FFF; text-align: center;}
.blockTextAquaWrapper{background: #06a4a2}
.blockTextAqua{max-width: 1180px; margin: 0 auto; padding: 45px 0;}
.blockTextAqua .blockTextAquaTitle{ }
.blockTextAqua .blockTextAquaTitle h4{text-align: center;color: #FFFFFF; font-size: 32px;font-family: 'Montserrat-Bold'; }
.blockTextAqua .blockTextAquaText{max-width: 640px; margin: 0 auto;}
.blockTextAqua .blockTextAquaText p{margin: 0 0 15px; text-align: center;color: #FFFFFF; line-height: 18px;}
.blockTextBlueWrapper{background: #1a293f}
.blockTextBlue{max-width: 1180px; margin: 0 auto; padding: 45px 15px;}
.blockTextBlue .blockTextBlueImage{text-align: center; margin: 0 0 30px;}
.blockTextBlue .blockTextBlueImage img{display:inline-block;}
.blockTextBlue .blockTextBlueText{}
.blockTextBlue .blockTextBlueText h4{font-family: 'Montserrat-Bold';color: #04a3a1; font-size: 28px; padding: 0 0 15px;}
.blockTextBlue .blockTextBlueText h5{color: #04a3a1; font-size: 18px; padding: 15px 0 5px;}
.blockTextBlue .blockTextBlueText p{margin: 0 0 15px; text-align: left;color: #FFFFFF; line-height: 20px;}
.blockTextBlue .blockTextBlueText p.emphasis{font-family: 'Montserrat-Semi-Bold'; font-size: 16px; margin: 0 0 15px; text-align: left;color: #FFFFFF; line-height: 20px;}
.blockTextBlue .blockTextBlueText ul{margin: 0 0 15px 20px;}
.blockTextBlue .blockTextBlueText ul li{line-height: 20px;list-style-type: disc; color: #fff; text-align: left;}
.centerText .blockTextBlue .blockTextBlueText p{text-align: center;}

@media screen and (max-device-width:768px), screen and (max-width:1024px){
    .blockTextBlue .blockTextBlueText h4{text-align: center;}
    .blockTextBlue .blockTextBlueText h5{text-align: center;}
    .blockTextBlue .blockTextBlueText p{text-align: center;}

}

@media screen and (max-device-width:480px), screen and (max-width:767px){
    .blockTextBlue{padding: 30px 10px 15px;}
    .blockTextBlue .blockTextBlueText h4{font-size: 18px; padding:  0 0 10px; text-align: center;}
    .blockTextBlue .blockTextBlueText h5{font-size: 16px; text-align: center;}
    .blockTextBlue .blockTextBlueText p{text-align: center;}

}
.blockTextWhiteImageWrapper{background: #f0efef;}
.blockTextWhiteImage{padding: 60px 0 45px;max-width: 1180px; margin: 0 auto;}
.blockTextWhiteImage:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockTextWhiteImage .blockTextWhiteImageText{max-width: 48%; margin: 0 2% 0 0; float: left; }
.blockTextWhiteImage .blockTextWhiteImageText h4{text-align: left;color: #04a3a1; font-size: 24px;font-family: 'Montserrat-Bold'; padding: 0 0 15px;}
.blockTextWhiteImage .blockTextWhiteImageText p{margin: 0 0 15px; text-align: left;color: #02132b; line-height: 18px;}
/*.blockTextWhiteImage .blockTextWhiteImageText a{margin: 0 0 15px; display: inline-block; padding: 8px 20px; color:#FFF; background:#04a3a1; text-transform: uppercase;  line-height: 18px;}*/
.blockTextWhiteImage .blockTextWhiteImageText .buttonLink{margin: 0 0 15px; display: inline-block; padding: 8px 20px; color:#FFF; background:#04a3a1; text-transform: uppercase;  line-height: 18px;}
.blockTextWhiteImage .blockTextWhiteImageImage{max-width: 48%; float: left; }

@media screen and (max-device-width:768px), screen and (max-width:1023px){
    .blockTextWhiteImage .blockTextWhiteImageImage img{max-width: 100%; height: auto;}
    .blockTextWhiteImage .blockTextWhiteImageText{float: none;max-width: none; margin: 0 15px 15px}
    .blockTextWhiteImage .blockTextWhiteImageImage{float: none;max-width: none; margin: 0 15px 15px; text-align:center;}
    .blockTextWhiteImage .blockTextWhiteImageText h4{text-align: center;}
    .blockTextWhiteImage .blockTextWhiteImageText p{text-align: center;}
    .blockTextWhiteImage .blockTextWhiteImageText{text-align: center;}

}
@media screen and (max-device-width:480px), screen and (max-width:767px){
    .blockTextWhiteImage{padding: 30px 0 15px;}
    .blockTextWhiteImage .blockTextWhiteImageText h4{font-size: 16px; padding: 0 0 10px;}
    .blockTextWhiteImage .blockTextWhiteImageText{float: none; max-width: none;}
    .blockTextWhiteImage .blockTextWhiteImageImage{float: none; max-width: none;}
    .blockTextWhiteImage .blockTextWhiteImageImage img{max-width: 90%;}
}
.blockTextWhiteWrapper{}
.blockTextWhite{padding: 60px 0 45px;}
.blockTextWhite .blockTextWhiteText h4{text-align: center;color: #02132b; font-size: 32px; padding: 0 0 30px;}
.blockTextWhite .blockTextWhiteText{max-width: 640px; margin: 0 auto 15px}
.blockTextWhite .blockTextWhiteText p{margin: 0 0 15px; text-align: center;color: #02132b; line-height: 18px;}
.blockTextWhite .blockTextWhiteText p.emphasis{font-family: 'Montserrat-Bold'; font-size: 16px;}
.blockTextWhite .blockTextWhiteText p.aqua{color: #04a3a1; font-size: 12px;font-family: 'Montserrat-Bold';}
.wide .blockTextWhite .blockTextWhiteText{max-width: 1024px; margin: 0 auto 15px}

@media screen and (max-device-width:768px), screen and (max-width:1023px){
    .blockTextWhite{padding: 30px 15px 15px;}
    .blockTextWhite .blockTextWhiteText h4{font-size: 22px; padding: 0 0 15px;}
}

@media screen and (max-device-width:320px), screen and (max-width:479px){
    .blockTextWhite .blockTextWhiteText p{text-align: justify;}
    .blockTextWhite .blockTextWhiteText p{text-align: justify;}
}

.nodeEvent{}

.nodeTeaserList .nodeEvent.nodeTeaser{border-bottom: 1px solid #566272;}

/** EVENT TEASER **/
.nodeEvent.nodeTeaser{padding: 30px 0;}
.nodeEvent.nodeTeaser .columnWrapper{}
.nodeEvent.nodeTeaser .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nodeEvent.nodeTeaser .columnWrapper .imageWrapper{float:left; margin: 0 40px 0 0; max-width: 184px}
.nodeEvent.nodeTeaser .columnWrapper .imageWrapper figure.figclassn{
    width: 185px;
}
.nodeEvent.nodeTeaser .columnWrapper .imageWrapper a{}
.nodeEvent.nodeTeaser .columnWrapper .imageWrapper a img{display: block; max-width: 100%; height: auto;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper{float:left; margin: 0 15px 0 0; width: 100%; max-width: 780px;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle{}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a{}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{font-family: 'Montserrat-Semi-Bold'; font-size: 25px; padding: 0 0 15px;color:#02132b; }
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails{}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow{margin: 0 0 10px;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap{float: left; width: 31%; margin: 0 2% 10px 0;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap .eventDetailsLabel{float: left;color:#02132b; font-family: 'Montserrat-Semi-Bold';font-size: 14px;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap .eventDetailsValue{float: left;color:#02132b; margin: 0 0 0 5px; font-family: 'Montserrat-Light';font-size: 14px;}
.nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap .eventDetailsValue.interested{color: #ff9c00}
.nodeEvent.nodeTeaser .columnWrapper .eventActions{float:right; min-width: 140px; padding-top: 15px;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction{margin: 0 0 10px;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction a{color: #FFFFFF; padding: 10px; text-align: center; text-transform: uppercase;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionResults a{background: #ffffff; color: #04a3a1;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionPhotos a{background: #06a4a2;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionClosed a{background: #ff2a3e;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionEnterNow a{background: #02132b;}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionEventInfo a{background: #06a4a2;}
/** Blue Background **/
.darkTheme .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{color: #FFF;}
.darkTheme .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap .eventDetailsLabel{color: #FFF;}
.darkTheme .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap .eventDetailsValue{color: #FFF;}
/** END EVENT TEASER **/

/** EVENT WIDGET **/
.nodeEvent.nodeWidget{padding: 30px 0 15px;}
.nodeEvent.nodeWidget .columnWrapper{}
.nodeEvent.nodeWidget .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn{float: left; margin: 0 0 0;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDiscipline{}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDiscipline h5{padding: 15px 0; color: #04a3a1;font-family: 'Montserrat-Semi-Bold'; font-size: 22px; text-transform: uppercase;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails{}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap{ margin: 0 0 5px;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailLabel{float: left;font-family: 'Montserrat-Semi-Bold'; color:#02132b; font-size: 16px;}
.nodeEvent.nodeWidget .columnWrapper .leftColumn .eventDetails .eventDetailWrap .eventDetailValue{float: left; margin:  0 0 0 5px;font-size: 16px;color:#02132b; }
.nodeEvent.nodeWidget .columnWrapper .rightColumn{float:right;margin: 0 15px;}
.nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper{}
.nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper a{}
.nodeEvent.nodeWidget .columnWrapper .rightColumn .logoWrapper a img{display: block}
/** END EVENT WIDGET **/

@media screen and (max-device-width:1024px), screen and (max-width:1179px) {
    .nodeTeaserList .nodeEvent.nodeTeaser{margin: 0 15px;}
    .nodeEvent.nodeWidget{padding: 30px 10px 15px;}
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper{margin: 0; max-width: 795px;}
    .nodeEvent.nodeTeaser .columnWrapper .eventActions{width: 100%;}
    .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction{width: auto; float: right; margin: 10px 0 0 15px;}
    .nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction a{padding: 10px 20px;}
}

@media screen and (max-device-width:768px), screen and (max-width:1023px) {
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper{margin: 0; max-width: 535px;}
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap{width: 47%;}
}
@media screen and (max-device-width:480px), screen and (max-width:767px) {
    .darkTheme .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{padding: 10px 0; font-size: 18px;}

}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .nodeEvent.nodeTeaser .columnWrapper .imageWrapper{float: none; max-width: none;margin: 0 0 10px;}
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventTitle a h4{font-size: 18px; padding: 8px 0;}
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow{margin: 0;}
    .nodeEvent.nodeWidget .columnWrapper .rightColumn{float: left; margin: 0;}
    .nodeEvent.nodeTeaser .columnWrapper .imageWrapper a{text-align: center;}
    .nodeEvent.nodeTeaser .columnWrapper .imageWrapper a img{display: inline-block;}
    .nodeEvent.nodeTeaser .columnWrapper .contentWrapper .eventDetails .eventDetailsRow .eventDetailsWrap{width: 98%; margin: 10px 0 0 0;}

}
.blockPurchaseSummary2Wrapper{background: #1a293f;}
.blockPurchaseSummary2{max-width: 640px; margin: 0 auto; padding: 45px 0;}
.blockPurchaseSummary2 .title{text-align: center;color: #04a3a1; font-size: 28px; font-family: 'Montserrat-Semi-Bold'; padding: 75px 0 0; background: url(/img/layout/white-cart.png) top center no-repeat;}
.blockPurchaseSummary2 .descriptiveText{ color: #FFF; margin: 15px 0px 0; line-height: 18px; text-align: center;}

.blockBecomeARoagMemberWrapper .confirmDetailsTitle{max-width: 1180px; margin: 0 auto 30px;color: #02132b;font-size: 32px;font-family: 'Montserrat-Bold';text-align: left;padding: 45px 0 15px;border-bottom: 2px solid #05a3a1;}

.pagePurchaseSummary .personalInformationSectionWrapper{background: #FFF;}
.pagePurchaseSummary .personalInformationSection{padding: 0;}
.blockBecomeARoagMemberWrapper.pagePurchaseSummary form .buttonWrapRight{text-align: right;}
.blockBecomeARoagMemberWrapper.pagePurchaseSummary form button{display: inline-block; width: auto; background: #03132b;}
.pagePurchaseSummary .personalInformationSection .title{color: #05a3a1; font-size: 18px; font-family: 'Montserrat-Semi-Bold'; padding: 0; border: none;}
.pagePurchaseSummary .blockPurchaseSummary .title{color: #05a3a1; font-size: 18px; font-family: 'Montserrat-Semi-Bold'; padding: 0; border: none; margin:  0 0 15px;}

.pagePurchaseSummary .blockPurchaseSummary .totalAmount .paymentMethod{display: block;}
.pagePurchaseSummary .blockPurchaseSummary .checkOUtAction{display: none;}
.pagePurchaseSummary .blockPurchaseSummary .confirmAllDetails{display: block;}
.addSingleEntrantPopup{ max-width: 768px; margin: 0 auto;}
.addSingleEntrantPopup h2{font-size: 32px; padding:45px 30px; background-color:#04a3a1; font-family: 'Montserrat-Semi-Bold'; color: #FFF; margin: 0;}
.addSingleEntrantPopup .popupContent{padding: 30px; background: #FFF;}
.addSingleEntrantPopup .popupContent .searchBar{margin: 0 0 15px;}
.addSingleEntrantPopup .popupContent .searchBar form input{min-height: 25px;}
.addSingleEntrantPopup .popupContent .searchBar form button{margin: 17px 0 0; text-transform: uppercase; background: #03132b;}
.addSingleEntrantPopup .popupContent .searchBar label{color: #03132b; font-size: 12px; text-transform: uppercase; margin: 0 0 5px; display: block;}
.addSingleEntrantPopup .popupContent .searchBarResult{margin: 15px 0;}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultNone{}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultNone .description{color:#ff2a3e; text-transform: uppercase; }
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultNone .action{margin: 10px 0 0;}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultNone .action a{display: inline-block; text-transform: uppercase;color: #FFF; background: #ff2a3e; padding: 10px 25px;}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultContent{margin: 15px 0; }
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultContent ul{margin: 0 0 0 20px;}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultContent ul li{list-style-type: disc;font-size: 22px;line-height: 22px;color: #04a3a1;}
.addSingleEntrantPopup .popupContent .searchBarResult .searchBarResultContent ul li a{line-height: 22px;font-size: 14px;color: #03132b;}

.addSingleEntrantPopup .popupContent .recentlyAddedFriends{margin: 30px 0; border-top: 2px solid #04a3a1;}
.addSingleEntrantPopup .popupContent .recentlyAddedFriends .title{color: #03132b; font-size: 24px; line-height: 36px;padding: 0 0 0 30px; background: url(/img/layout/recently-added-friends.png) left center no-repeat;}
.addSingleEntrantPopup .popupContent .recentlyAddedFriends.facebookFriends .title{ background: url(/img/layout/facebook-friends.png) left center no-repeat;}
.addSingleEntrantPopup .popupContent .recentlyAddedFriends ul{margin: 0 0 0 20px;}
.addSingleEntrantPopup .popupContent .recentlyAddedFriends ul li{ list-style-type: disc;font-size: 22px;line-height: 22px;color: #04a3a1;}
.addSingleEntrantPopup .popupContent .recentlyAddedFriends ul li a{line-height: 22px;font-size: 14px;color: #03132b;}

.entriesOpenPopup{max-width: 768px; margin: 0 auto; background: #FFF;}
.entriesOpenPopup .title{}
.entriesOpenPopup .title h2{font-size: 22px; font-family: 'Montserrat-Semi-Bold'; text-transform: uppercase; color: #FFF; background: #04a3a1; padding: 12px 0; text-align: center;}
.entriesOpenPopup.entriesClosedPopup .title h2{background: #ff2a3e;}
.entriesOpenPopup .eventName{ }
.entriesOpenPopup .eventName h3{padding: 25px 0;font-size: 24px; font-family: 'Montserrat-Semi-Bold'; text-transform: uppercase; color: #FFF; text-align: center;}
.entriesOpenPopup .eventDetails{ padding: 15px;}
.entriesOpenPopup .eventDetails:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.entriesOpenPopup .eventDetails .leftColumn{ float: left;}
.entriesOpenPopup .eventDetails .leftColumn p{ line-height: 21px; color: #02132b}
.entriesOpenPopup .eventDetails .leftColumn p strong{color: #02132b; font-weight: bold;}
.entriesOpenPopup .eventDetails .rightColumn{ float: right;}
.entriesOpenPopup .eventDetails .rightColumn .eventImage{}
.entriesOpenPopup .eventDetails .rightColumn .eventImage img{}
.entriesOpenPopup .eventActions{ padding: 0px 15px 15px;}
.entriesOpenPopup .eventActions:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.entriesOpenPopup .eventActions .leftColumn{float: left;}
.entriesOpenPopup .eventActions .rightColumn{float: right; margin: 45px 0 0;}
.entriesOpenPopup .eventActions .rightColumn a{ float: left; padding: 10px 20px; margin: 0 15px 0 0; color: #FFF; background:#05a3a1;text-transform: uppercase;font-size: 12px; }
.entriesOpenPopup .eventActions .rightColumn a:last-child{margin: 0;}

@media screen and (max-device-width:320px), screen and (max-width:479px) {
    .entriesOpenPopup .eventActions .rightColumn{margin: 0;}
    .entriesOpenPopup .eventActions .rightColumn a{float: none;margin: 0 0 10px;}
}

.registrationSuccessPopup{ max-width: 768px; margin: 0 auto; padding: 45px 0 25px; background: #05a3a1;}
.registrationSuccessPopup .title{}
.registrationSuccessPopup .title h2{color: #FFF;font-family: 'Montserrat-Bold'; font-size: 28px; text-align: center; line-height: 36px;}
.registrationSuccessPopup .title h3{color: #FFF;font-family: 'Montserrat-Semi-Bold'; font-size: 24px;text-align: center; line-height: 30px;}
.registrationSuccessPopup .title p{color: #FFF; text-align: center; line-height: 18px;}
.registrationSuccessPopup .userInfo{ padding: 25px 0; background: #FFF; margin: 25px 0;}
.registrationSuccessPopup .userInfo p{color: #02132b;font-family: 'Montserrat-Semi-Bold'; font-size: 18px; line-height: 24px; text-align: center;}
.registrationSuccessPopup .userInfo p strong{color: #02132b;font-family: 'Montserrat-Bold'; font-size: 18px; line-height: 24px;}
.registrationSuccessPopup .action{text-align: center;}
.registrationSuccessPopup .action a{color: #FFF; text-align: center;font-size: 24px; border: 2px solid #FFF; display: inline-block; padding: 10px 20px; background: #18273d;}

/*.blockTeamDetails {*/
/*display: none;*/
/*}*/

.blockTeamDetails.blockChooseARace.confirming {
    display: block;
    padding-bottom: 0;
}

.blockTeamDetails.blockChooseARace.confirming form button {
    margin: 0
}

.blockTeamDetails.blockChooseARace.confirming .selectedEventLabel {
    color: #fff;
    margin: 8px 0;
}

.blockTeamDetails.blockChooseARace.confirming .selectedEntrantSection {
    background: none;
}

.blockTeamDetails.blockChooseARace .selectedEntrantSection .leftColumn .selectedEventLabel {
    margin: 5px 0;
    color: #02132b;
}

.blockTeamDetails.blockChooseARace .selectedEntrantSection .leftColumn .eventName {
    color: #FFF;
}

.blockTeamDetails .blockChooseARace .selectedEntrantSection .form2to3ColumnWrapper .confirmTeamName {float: right; /*padding: 12px 0 0;*/}
.blockTeamDetails .blockChooseARace .selectedEntrantSection .form2to3ColumnWrapper a.confirmEvent {text-transform: uppercase; color: #FFFFFF; background:#04a3a1;  padding: 3px 21px 0;
                                                                                                   line-height: 32px; }


.blockTeamDetails.blockChooseARace.confirming.sealed .selectedEntrantSection {
    background: #04a3a1;
}

.blockTeamDetails.blockChooseARace.confirming.sealed .rightColumn a.confirmEvent {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    color: transparent;
    background: url(/img/layout/white-tick-fill-icon.png) left top no-repeat;
    background-size: 40px;
    padding: 8px 3px;
}

.blockTeamMenuWrapper{background: #03132C; }
.blockTeamMenu{max-width: 1180px; margin: 0 auto; padding: 30px 0;}
.blockTeamMenu .entrantAction{margin:30px 0 0;}
.blockTeamMenu .entrantAction .columnWrapper{}
.blockTeamMenu .entrantAction .columnWrapper:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.blockTeamMenu .entrantAction .columnWrapper .leftColumn{float: left; max-width: 49%; margin: 0 2% 15px 0; width: 100%;}
.blockTeamMenu .entrantAction .columnWrapper .leftColumn a{color: #02132b; font-size: 20px;font-family: 'Montserrat-Bold'; padding: 12px 15px 12px 45px; text-align: center; background: #FFF; border: 2px solid #04a3a1;}
.blockTeamMenu .entrantAction .columnWrapper .leftColumn a:hover{background-color: #eeeeee;}
.blockTeamMenu .entrantAction .columnWrapper .rightColumn{float: left; max-width: 49%; margin: 0 0 15px 0; width: 100%;}
.blockTeamMenu .entrantAction .columnWrapper .rightColumn a{color: #02132b; font-size: 20px;font-family: 'Montserrat-Bold'; padding: 12px 15px 12px 45px; text-align: center; background: url(/img/layout/add-team.png) 10px center no-repeat #FFF; border: 2px solid #04a3a1;}
.blockTeamMenu .entrantAction .columnWrapper .rightColumn a:hover{background-color: #eeeeee;}

@media (min-width:320px) and (max-width:800px) {
    .mission {
        left:50%;
        top:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position:absolute;
        background-color:#08a7a2;
        color: #fff;
        padding: 20px;
        z-index: 1;
        width: 90% !important;
    }

    .about-roag-vision .roag-white {
        background-image: none !important;
    }

    .about-roag-vision img {
        width: 100px !important;
        padding: 0 !important;
        margin: 0 5px !important;
    }

}

.footer-backtotop {
    float: right !important;
    padding: 10px !important;
    position: fixed !important;
    top: 95% !important;
    right: 0 !important;
    z-index: 9999999 !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

/*  CMT UPDATES */

.flag_container {
    /*	 width: 100% !important;*/
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    z-index: 9999999999;
    width: 50% !important;
}

.blockInfoWrapper img {
    width: 20% !important;
}

.blockChooseAnEvent.confirmed .selectedEventSection .rightColumn a.confirmEvent {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    color: transparent;
    background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
    padding: 2px 0 0 0;
    background-size: 40px;
}

.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn a.confirmEvent {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    color: transparent;
    background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
    padding: 8px 0 0 0px;
    background-size: 40px;
}

.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection {
    padding: 15px 15px 9px 15px;
    background: #04a3a1;
}

.blockChooseAnEntrant {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0px 0 0px 0;
}


@media (min-width:320px) and (max-width:800px) {

    .blockTeamDetails .blockChooseARace .selectedEntrantSection .form2to3ColumnWrapper a.confirmEvent {
        text-transform: uppercase;
        color: #FFFFFF;
        background: #04a3a1;
        padding: 8px 8px;
        text-align: center;
    }

    .loginpopupPage .activeMembers {
        padding: 45px;
        background: #07a4a2;
        font-family: 'Montserrat-Bold';
        font-size: 20px;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
    }

    .blockTeamMenu .entrantAction .columnWrapper .leftColumn {
        float: none;
        max-width: 90%;
        margin: 0 auto 15px auto;
        width: 90%;
    }

    .blockTeamMenu .entrantAction .columnWrapper .leftColumn a {
        color: #02132b;
        font-size: 20px;
        font-family: 'Montserrat-Bold';
        padding: 12px 15px 12px 15px;
        text-align: center;
        background: #FFF;
        border: 2px solid #04a3a1;
        margin: 0 auto;
    }

    .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
        z-index: 9999999999;
        width: 100% !important;
    }

    .flag_container {
        float: left;
        padding: 15px 10px 5px 15px !important;
    }

    .blockInfoWrapper img {
        width: 70% !important;
    }

    .blockChooseAnEvent .selectedEventSection .leftColumn .eventName {
        color: #04a3a1;
        font-size: 24px;
        font-family: 'Montserrat-Bold';
        padding: 4px 0 0;
    }

    .blockChooseAnEvent.confirmed .selectedEventSection .rightColumn a.confirmEvent {
        display: block;
        width: 35px;
        height: 35px;
        text-indent: -999999px;
        color: transparent;
        background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
        padding: 0;
        background-size: 35px;
    }

    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection {
        padding: 15px 15px 0 15px;
        background: #04a3a1;
    }

    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn a.confirmEvent {
        display: block;
        width: 35px;
        height: 35px;
        text-indent: -999999px;
        color: transparent;
        background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
        padding: 8px 0;
        background-size: 35px;
    }

    .blockChooseAnEntrant .selectedEntrantSection .leftColumn .eventName {
        color: #04a3a1;
        font-size: 24px;
        font-family: 'Montserrat-Bold';
        padding: 4px 0 0;
    }

    .blockChooseAnEntrant .processNumberWrapper {
        padding: 0 0 0 0;
        border-bottom: 2px solid #04a3a1;
    }

    .blockChooseAnEvent {
        max-width: 1180px;
        margin: 0 auto;
        padding: 30px 0 15px 0;
    }

    .blockChooseARace .radioSelection {
        margin: 30px 15px 0;
    }

    .blockChooseAnEvent .processNumberWrapper .processNumber {
        color: #02132b;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
        padding-left: 15px;
    }

    .blockChooseAnEntrantWrapper.confirmed .blockChooseAnEntrant .processNumberWrapper .processNumber {
        color: #02132b;
        padding-left: 15px;
    }

    .blockChooseARace .processNumberWrapper .processNumber {
        color: #FFF;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
        padding-left: 15px;
    }

    .blockChooseAnEntrant .processNumberWrapper .processNumber {
        color: #FFFFFF;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
    }

    .footerCopyright {
        font-family: 'Montserrat-Light';
        color: #fff;
        background: #04a3a1;
        padding: 30px 0;
        text-align: center;
        line-height: 24px;
    }

    .blockChooseARace .additionalInformation .additionalInformationTitle {
        color: #FFF;
        text-transform: uppercase;
        font-size: 16px;
        padding-left: 15px;
    }

    .blockExtraPurchases .itemSelectionTitle {
        margin: 20px 0;
        color: #FFF;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 15px;
    }

    .blockExtraPurchases .itemSelectionContent {
        padding: 0 0 0 15px;
    }

    .blockExtraPurchases .extrapurchaseActions a {
        display: none;
        color: #FFFFFF;
        padding: 12px 25px;
        background: #04a3a1;
        font-size: 12px;
        text-transform: uppercase;
        float: left;
        margin-left: 15px;
    }

    .blockExtraPurchases {
        padding: 30px 0 65px 0;
        margin: 0 auto;
        max-width: 1180px;
    }

    .blockExtraPurchases .processNumberWrapper .processNumber {
        color: #FFF;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
        padding-left: 15px;
    }

    .blockSubmitRace {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 0 30px 0;
    }

    .blockSubmitRace .acceptTerms .fieldText {
        float: left;
        line-height: 21px;
        color: #FFF;
        margin: 0 0 0 8px;
        width: 80%;
    }

    .blockSubmitRace .acceptTerms {
        max-width: 90%;
        margin: 0 auto 10px;
    }

    .blockSubmitRace .submitButton button {
        background: #FFF;
        border: 2px solid #05a3a1;
        color: #03132b;
        padding: 12px 100px;
        display: inline-block;
        outline: none;
        width: 92%;
    }

    .blockSubmitRace .submitButton {
        text-align: center;
        margin-top: 25px;
    }

    .blockChooseAnEntrantWrapper.confirmed .editEntrant {
        display: block;
        padding-right: 15px;
    }

    .blockChooseARaceWrapper.confirmed .processNumberWrapper .editEntrant {
        display: block;
        padding-right: 15px;
    }

    .blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .leftColumn .eventName {
        color: #FFF;
        max-width: 330px;
    }

    .blockEntrySuccessfulPopup {
        max-width: 768px;
        margin: 0 auto;
        padding: 30px 30px 45px 30px;
        background: #FFF;
    }

    .blockEntrySuccessfulPopup .columnWrapper .addSingle {
        float: left;
        max-width: 100%;
        margin: 0 2% 15px 0;
        width: 100%;
    }

    .blockEntrySuccessfulPopup .columnWrapper .checkout {
        float: left;
        max-width: 100%;
        margin: 0 0 15px 0;
        width: 100%;
    }

    .blockPurchaseSummary2 {
        max-width: 640px;
        margin: 0 auto;
        padding: 45px 15px;
    }

    .blockBecomeARoagMemberWrapper .confirmDetailsTitle {
        max-width: 1180px;
        margin: 0 auto 30px;
        color: #02132b;
        font-size: 32px;
        font-family: 'Montserrat-Bold';
        text-align: left;
        padding: 45px 0 15px 15px;
        border-bottom: 2px solid #05a3a1;
    }

    .blockPurchaseSummary .title {
        color: #02132b;
        font-size: 32px;
        font-family: 'Montserrat-Bold';
        padding-left: 15px;
    }

    .blockPurchaseSummary .totalAmount {
        margin: 30px 0 0;
        padding: 15px;
    }

    .blockPurchaseSummary .checkOUtAction {
        text-align: right;
        margin: 15px 15px 0 0;
    }

    .blockPayNow {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0;
    }

    .blockPayNow .processNumberWrapper .processNumber {
        float: left;
        color: #02132b;
        font-size: 28px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
        padding-left: 15px;
    }

    .blockPayNow .processNumberWrapper .acceptTerms {
        float: right;
        width: 95%;
        padding: 15px 0;
    }

    .blockPayNow .processNumberWrapper .acceptTerms .fieldText {
        float: left;
        line-height: 21px;
        margin: 0 0 0 5px;
        color: #02132b;
        width: 80%;
    }

    .blockPayNow .PaymentType a {
        display: inline-block;
        margin: 0 0 10px 0;
        background: #fefefe;
        border: 2px solid #04a3a1;
        color: #02132b;
        padding: 10px 35px;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        width: 70%;
    }

    .blockPayNow .PaymentType {
        margin: 35px 0 5px;
        text-align: center;
    }

    .blockPayNow .paymentGatewayNitice .paymentGatewayImage img {
        width: 82%;
        padding-bottom: 10px;
    }

    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .leftColumn .eventName {
        color: #FFF;
        width: 87%;
        float: left;
        padding-bottom: 25px;
    }

    .blockChooseAnEntrant .selectedEntrantSection .leftColumn {
        float: left;
        width: 89%;
    }

    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn {
        padding: 0;
        float: right;
    }

    .blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection .rightColumn a.confirmEvent {
        display: block;
        width: 35px;
        height: 35px;
        text-indent: -999999px;
        color: transparent;
        background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
        padding: 8px 0;
        background-size: 35px;
        float: left;
    }

    .blockChooseARaceWrapper.allConfirmed .selectedEntrantSection .rightColumn a.confirmEvent {
        display: block;
        width: 35px;
        height: 35px;
        text-indent: -999999px;
        color: transparent;
        background: url(http://roag.org/img/layout/white-tick-fill-icon.png) left top no-repeat;
        padding: 8px 0px;
        background-size: 35px;
    }

    .blockChooseAnEntrant .entrantAction .columnWrapper .leftColumn {
        float: none;
        max-width: 80%;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 33px;
    }

    .footer-backtotop {
        display: none;
    }

    .blockProductPupup form .productWrapper .productImageWrapper {
        float: none;
        max-width: 240px;
        margin: 0 auto;
    }

    .blockChooseARace {
        padding: 15px 0;
        margin: 0 auto;
        max-width: 1180px;
    }

    .blockTeamMenu .entrantAction .columnWrapper .rightColumn {
        float: left;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .blockTeamMenu .entrantAction .columnWrapper .rightColumn a {
        color: #02132b;
        font-size: 20px;
        font-family: 'Montserrat-Bold';
        padding: 12px 15px 12px 45px;
        text-align: center;
        background: url(http://roag.org/img/layout/add-team.png) 10px center no-repeat #FFF;
        border: 2px solid #04a3a1;
        width: 75%;
        margin: 0 auto;
    }

    .blockChooseAnEntrant .processNumberWrapper .processNumber {
        color: #FFFFFF;
        font-size: 22px;
        font-family: 'Montserrat-Semi-Bold';
        float: left;
        padding-left: 15px;
    }

    /* Payment pop Up */

    .paymentMethod {
        padding: 15px;
    }

    .paymentMethodTitle { padding-bottom: 15px; }

    .paymentQueriesText {
        background: #07a4a2;
        padding: 15px;
    }

    .paymentQueriesText p {
        color: #fff !important;
    }

    .blockPurchaseSummary .title {
        color: #05a3a1;
        font-size: 18px;
        font-family: 'Montserrat-Semi-Bold';
        padding: 0;
        border: none;
        padding-left: 15px;
    }

}
.blockChooseAnEvent,
.blockChooseAnEntrant,
.blockExtraPurchases_team.confirmed.allConfirmed{
    margin-bottom: 30px;
}
.blockExtraPurchasesWrapper.allConfirmed.confirmed{
    margin-top: 0px;
}
#chooseEventDiv{
    margin-top: 30px;
}
.team_name.confirmed{
    padding: 0 0;
    margin-bottom: 30px !important;
}
.blockChooseAnEntrantWrapper .blockChooseAnEntrant{
    margin-top: 0px;
}
.blockEntrySuccessfulPopup .columnWrapper .checkout a.popup_checkout{
    min-height: 32px;
    line-height: 32px;
}
.blockEntrySuccessfulPopup .columnWrapper .checkout a.popup_checkout span{
    color: #02132b;
    font-size: 16px;
    font-family: 'Montserrat-Bold';
}
.cart_fixed_block{
    position: fixed;
    right: 0;
    top: 256px;
    background: rgba(2, 19, 43, 0.8);
    z-index: 9;
    color: #ffffff;
    text-align: center;
}
.cart_fixed_block a{
    text-indent: -9999px;
    background: url(/img/cart1.png) no-repeat center center;
    width: 72px;
    height: 72px;
}

.cart_fixed_block .cart_btn .text{
    color: #fff;
    padding-bottom: 6px;
    display: block;
}
figure.figclassn{
    background-image: none !important;
    width: 150px;
    height: 125px;
    position: relative;
    overflow: hidden;
}
figure.figclassn img{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left: 0;
    display: block;
    margin: auto;
    max-height: 100%;
}

.block.homeopenevents.blockEventPhotos {
    max-height: 160px;
}
.block.homeopenevents.blockEventPhotos .fullwidth-slider .es-navigation a {
    top: 20%;
}

.dcucEventsWrapper{
    padding-bottom: 60px;
    margin-bottom: 0;
}
.dcucEventsWrapper .blockPageBigLinksWrapper{
    padding: 0;
}

.dcucEventsWrapper .nodeTeaserList h3,
.blockEventPhotos h3.nooevents,
.ucRecentEvents h3.norevents{
    padding: 35px 0;
    font-size: 20px;
    text-align: center;
}
.blockEventPhotos h3.nooevents{
    padding-top: 0;
}
.ucRecentEvents h3.norevents{
    color: #fff;
    padding-bottom: 0;
}
.dcuc_events{
    padding: 35px 0 60px;
}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.closeEvent a{
    background: #dc0000;
}

.eventsNewSec .whitebackground{
    background-position: 0 750px;
    position: relative;
    z-index: 1;
}
.eventsNewSec .whitebackground:before{
    content: '';
    position: absolute;
    background-image: url(/img/layout/white_left_bars.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-position: 0 685px;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    z-index: -1;
}
.eventsNewSec .block.blockAdvertissement{
    padding: 15px 0 25px;
}
.eventsNewSec .blockEventIconsWrapper{
    max-width: 1180px;
    margin: auto;
}
.eventsNewSec .block.homeopenevents.blockEventPhotos{
    max-height: 200px;
}
.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider{

    margin: 40px 0 10px
}
.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li{
    background: transparent;
    margin-right: 10px;
}
.eventsNewSec .block.homeopenevents.blockEventPhotos .everslider ul li a{
    display: block;
    width: 260px;
    height: 100px;
    margin: auto;
}
.ucRecentEvents .nodeTeaserList{
    padding: 35px 0 60px;
}
.ucRecentEvents  .blockPageBigLinksWrapper{
    padding: 0;
}
.ucRecentEvents .normalListWrapper{
    padding-bottom: 60px;
}
.ucRecentEvents .nodeTeaserList .columnWrapper .imageWrapper{
    background: #fff;
    padding: 5px;
}
.ucRecentEvents  .blockPageBigLinks nav ul li a{
    background-color: transparent;
    color: #fff;
}
.ucRecentEvents  .blockPageBigLinks nav ul li a:hover{
    background: #06a4a2;
}

.dcAboutRoag .block.blockAbout .rightBlock{
    width: 30%;
    padding: 85px;
    top: 19%;
}
.dcRegisterEvent .block.blockEventRegistration .rightBlock{
    width: 30%;
    padding: 60px;
    top: 17%;
}

.dcRegisterEvent .unslider .unslider-nav ol li{
    width:5px;
    height: 5px;
}

.dcAboutRoag .block.blockAbout .rightBlock .rightBlockLink a,
.dcRegisterEvent .block.blockEventRegistration .rightBlock .rightBlockLink a{
    padding: 12px 28px;
}

.bluebackground.ucRecentEvents{
    position: relative;
    z-index: 1;
}
.bluebackground.ucRecentEvents:before{
    content: '';
    position: absolute;
    background-image: url(/img/layout/blue_right_bars.png);
    background-repeat: no-repeat;
    background-position: 100% 175px;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    z-index: -1;
}

.openEventDcNew{

margin: 40px 0 !important;
}

/*.openEventDcNew ul li{
    width:200px !important;
    height:auto;
    vertical-align: middle;
}*/
.openEventDcNew ul li a{
    line-height: 100px;
}
/*.openEventDcNew ul li a img{
    width:125px;
    height: auto;
    vertical-align:middle;
}*/

//HASIB ADD THIS
.blockUploadFilePopup.successUpload {
    background: #04a3a1;
}
.blockUploadFilePopup.successUpload{
    background: #04a3a1;
}
.blockChooseARace.confirming .couponcode-btm{
        height: 36px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        padding-left: 0px;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #04a3a1;
        padding: 8px 30px;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        line-height: 1em;
        border: none
}
.discountcoupontext{
    color: #04a3a1 !important;
}
.blockChooseAnEntrantWrapper .additionalInformation .radioSelection .uploadMedicalCertificatePopupButton {
        color: #FFF;
        background: #04a3a1;
        padding: 8px 20px;
        text-transform: uppercase;
        font-size: 12px;
        display: inline-block;
        text-align: center;
}
.edit-entrant a{
        display: inline;
        color: #04a3a1;
        text-decoration: underline;
        font-family: 'Montserrat-Regular';
        font-size: 20px;
}
.selectedEntrantSection .eventName span{
    /* color: #04a3a1  !important; */
    color: #fff  !important;
    font-size: 24px;
    font-family: 'Montserrat-Bold';
    padding: 8px 0 0;
}
.block.blockExtraPurchases.allConfirmed .processNumberWrapper{
        background: #04a3a1 !important;
        /*margin-top: 6px;*/
        padding: 13px 15px;
        /*margin-bottom: 10px*/
    }

.selectedExtraPurchases.showme{
    display: block;
    padding: 15px;
    background: #04a3a1;
    overflow: hidden;
}
.teamEntrantRace .radioSelection .white.coupnBorderTop{
   margin-top:60px;
   border-top: 1px solid #04a3a1;
   padding-top: 20px;
}

.alertPopup .blockEntrySuccessfulPopup {
    background: #04a3a1  !important;
    display: block;
}
/*10-01-2019*/
.custompopup{
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 30px 0;
    overflow: hidden;
}
.custompopup .login_inner_popup{
  width: 670px;
  max-width: 100%;
  margin: 0 auto;
  max-height: calc(100vh - 60px);
  margin-top: 0px;
  overflow: auto;
}
.flag_container{
  position: absolute;
  top: 0;
  left: 0;
}
.nodeEvent.nodeTeaser .columnWrapper .eventActions .eventAction.eventActionEnterNow a {
    background: #ffffff;
    color: #04a3a1;
}
.pagePhotosWrapper .blockFilterEventsWrapper {
    background: #ffff;
}
.blockFilterEvents .blockFilterEventsForm form input{
    height: 36px;
}
.fancybox-button{
  background: #06a4a2 !important;
}
.fancybox-navigation .fancybox-button{
  background: transparent !important;
}
.fancybox-navigation .fancybox-button div{
  background: #06a4a2 !important;
}
.fancybox-button svg path{
  color: #ffffff;
}
.fancybox-thumbs__list a:before{
  border-color: #06a4a2 !important;
}
.fancybox-infobar{
  background: #06a4a2;
  color: #fff !important;
}
.fancybox-infobar *{
  color: #fff !important;
}
.fancybox-progress{
  background: #06a4a2 !important;
}
.fancybox-caption *{
  display: inline-block;
  vertical-align: middle;
}
.fancybox-caption a{
  margin: 0 0 0 10px;
}
.fancybox-caption a *{
  display: block;
}
.blockProductPupup form .productWrapper .productDescription .productText p{
  color: inherit;
}
.add_another_race{
  height: 36px;
  font-size: 15px;
  cursor: pointer;
  padding-left: 0px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #04a3a1;
  padding: 0px 20px;
  text-decoration: none;
  font-weight: normal;
  line-height: 36px;
  border: none;
  display: inline-block;
}
a.trash{
  width: 18px;
  margin: 0 auto;
  display: block;
}
a.trash img{
  display: block;
  width: 100%;
  height: auto;
}
.blockPurchaseSummary .singleEventProducts{
  margin-bottom: 30px;
}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody{
  margin-bottom: 30px;
}
.blockPurchaseSummary .teamEventProducts .teamEventProductsTableBody:last-child{
  margin-bottom: 0;
}
.alertPopup .blockEntrySuccessfulPopup *{
  color: #ffffff;
}
.eventName form .form2to3ColumnWrapper input{
  width: 100%;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.uploadCs:after{
  content: '';
  display: table;
  clear: both;
}
.uploadCs{
  height: 36px;
  width: 100%;
  position: relative;
  z-index: 0;
  border: 1px solid #fff;
  font-size: 12px;
  color: #ffffff;
  overlay: hidden;
}
.uploadCs input{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
}
.uploadCs span{
  line-height: 36px;
  display: block;
  font-size: 12px;
  color: #ffffff;
}
.uploadCs span.btnUpld{
  width: 100px;
  float: left;
  text-align: center;
  background: #fff;
  color: #06a4a2;
}
.uploadCs span.filePath{
  width: calc(100% - 115px);
  float: right;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.myCustomTable{
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-transform: uppercase;
}
td.table-full {
  padding: 5px 5px;
}
.checkoutTableRow{
  margin-bottom: 30px;
}
.checkoutTableRow:last-child{
  margin-bottom: 0;
}
.additionalInformation_team_race .content ul li label{
  background-image: none !important;
  position: relative;
  z-index: 0
}
.additionalInformation_team_race .content ul li label:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #06a4a2;
  left: 0;
  top: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.additionalInformation_team_race .content ul li label:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #06a4a2;
  left: 8px;
  top: 9px;
  opacity: 0;
}
.additionalInformation_team_race .content ul li.checked label:after{
  background-image: none !important;
  opacity: 1;
}
.mfp-close-btn-in .mfp-close {
    color: #04a3a1 !important;
}



.custompopup .login_inner_popup{
    width: 820px;
}
.loginpopupPage .activeMembers{
    padding: 45px 20px;
}
.blockChooseARace .selectedEntrantSection .rightColumn{
    padding: 0;
}
.blockChooseARace .selectedEntrantSection .rightColumn .confirmButton{
    margin-top: 0;
}
.blockExtraPurchasesWrapper.allConfirmed .blockExtraPurchases {
    padding: 0 0 30px;
}
.selectedExtraPurchases.showme .leftColumn .ExtraPurchasesName{
    padding: 9px 0;
}
.block.blockSubmitRace .acceptTerms{
   max-width: 600px;
    text-align: center;
}
.block.blockSubmitRace .acceptTerms .field{
     line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.block.blockSubmitRace .acceptTerms .fieldText{
        float: none;
    display: inline-block;
    vertical-align: middle;
}
.blockSubmitRace .submitButton button{
        cursor: pointer;
}
.blockChooseAnEntrantWrapper.checkoutRedirect {
    margin-bottom: -30px !important;
}
.blockChooseAnEntrantWrapper.checkoutRedirect.confirmed{
        margin-bottom: 0px !important;
}
.blockChooseAnEntrant .selectedEntrantSection .rightColumn{
    padding: 0;
}
.entryStepGrayedOut{
    z-index: 1;

}
.blockChooseAnEntrantWrapper.confirmed .selectedEntrantSection{
    padding : 15px
}
.blockEntrySuccessfulPopup{
  display: block;
}


     .blockCheckoutTransferPopup {
            background: #FFF;
        }

        .blockCheckoutTransferPopup .title {
            padding: 30px;
            background: #07a4a2;
            font-family: 'Montserrat-Bold';
            font-size: 25px;
            color: #FFF;
            text-transform: uppercase;
            text-align: center;
        }

        .blockCheckoutTransferPopup .productDetails {
            padding: 30px;
            background: #FFF;
            font-family: 'Montserrat-Bold';
            font-size: 15px;
            color: #07a4a2;
            text-transform: uppercase;
            text-align: center;
            line-height: 20px;
        }

        .blockCheckoutTransferPopup .productDetails span {
            color: #242e3d;
            font-family: 'Montserrat-Bold';
            font-size: 18px;
            font-style: italic;
        }

        @media screen and (max-device-width: 320px), screen and (max-width: 479px) {
            .blockCheckoutTransferPopup .title {
                font-size: 16px;
                padding: 30px;
            }

            .blockCheckoutTransferPopup .title img {
                max-width: 75px;
                height: auto;
            }

            .blockCheckoutTransferPopup .productDetails {
                font-size: 14px;
                padding: 20px 10px;
                line-height: 18px;
            }
        }

        th {
            border: 1px solid #c2c2c2;
            background: #03132b;
            font-size: 13px;
            font-family: 'Montserrat-Regular';
            color: #FFF;
            text-align: left;
            line-height: 18px;
            padding: 8px 8px 8px 8px;
            text-transform: uppercase;
        }

        td {
            border: 1px solid #c2c2c2 !important;
            font-family: 'Montserrat-Regular';
            text-align: left;
            line-height: 18px;
            padding: 8px 8px 8px 8px;
        }

        table > tbody > tr > td > span.footable-toggle {
            margin-right: 8px;
            opacity: 1;
            color: #fff;
            font-weight: bold;
            background-color: #03132b;
            padding: 3px 5px 5px 5px;
            float: left;
        }

        .blockCheckoutTransferPopup {
            background: white;
/*            margin: 5%;*/
        }

        .paymentMethod .formRow {
            margin: 0 0 20px;
        }

        .paymentMethod .formRow:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .paymentMethod .formRow .formRowColumn input {
            width: 96%;
            padding: 5px 2%;
            margin: 0;
        }

        .paymentMethod .formRow .formRowColumn .formFieldLabel label {
            color: #02132b;
            font-size: 16px;
            font-family: 'Montserrat-Bold';
            line-height: 32px;
        }

        .paymentMethod .formRow .formRowColumn .formFieldLabel label sup {
        }


.paymentMethod{
 	background-color: #eaeaea;
 	padding: 30px 20px;
 }
.paymentMethod .paymentMethodTitle{
  	text-align: center;
    font-size: 20px;
    margin: 5px 0 20px;
  }
.paymentMethod .paymentMethodText {
    color: #07a4a2;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 25px;
}

.paymentMethod form .formRow .formColumn {
    border-bottom: 1px solid #444;
    padding-bottom: 8px;
        color: #525252;
}
.paymentMethod form .formRow .formColumn strong{
	display: block;
	margin-bottom: 4px;
}
.paymentMethod form .formRow.form3ColumnWrapper .formColumn:last-child{
	float: left;
}
.paymentQueries {
    background: #07a4a2;
    padding: 30px;
    text-align: center;
}
.paymentQueries .paymentQueriesText p{
	color: #fff;
    line-height: 1;
    margin-bottom: 8px;
}
.paymentQueries .paymentQueriesText p:last-child{
	margin-bottom: 0;
}
.paymentMethod form .formRow .formColumn.formColor {
    color: #07a4a2;
}
.paymentMethod form .formRow .formColumn.formColor strong {
    color: #07a4a2;
}
.paymentBtnArea {
    margin-top: 25px;
}
.paymentBtnArea ul li {
    display: inline-block;
    width: 235px;
    margin-right: 10px;
}
.paymentBtnArea ul li a {
    background: #fff;
    padding: 13px 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}
.free-fields{
    width: 250px;
    height: 33px;
}
.free-text-container{
    padding-bottom: 10px;
}
.blockChooseAnEntrant .selectedEntrantSection .rightColumn a.teamEntryConfirm{
    padding: 13px 25px 12px;
}
.back-to-login-container{
    text-align: center;
}
.back-to-login{
    display: inline;
    padding: 10px 20px;
    background: #fff;
    border-radius: 4px;
    color: #04a3a1
}
.back-to-login:hover{
    background: #04a3a1;
    border: 1px solid #fff;
    color: #fff;
}
.eventAction.eventActionEnterNow a.enter-now{
    background: #02132b !important;
    color: #fff !important;
}
.blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(5n){
  margin-right: 135px;
}
@media only screen and (max-width: 1190px) {
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(3n){
    margin-right: 135px;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(2n){
    margin-right: 0;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul{
    margin: 0 auto;
    width: 940px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .landingPageWrap{
    max-width: 710px;
  }
  .blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap:nth-child(5n){margin-right: 8px;}
  .page.landingPage2{
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 1023px) {
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(5n){
    margin-right: 30px;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(2n){
    margin-right: 30px;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(3n){
    margin-right: 0px;
  }

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

  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(3n){
    margin-right: 30px;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul li:nth-child(2n){
    margin-right: 0;
  }
  .blockTeamRoagRacingMembersWrapper .blockTeamRoagRacingMembers .blockContent .roagCOntent ul{
    margin: 0 auto;
    width: 700px;
    max-width: 100%;
  }


  .page.landingPage2 .blockSettings .blockSettingsContent{
    max-width: 100% !important;
  }
  .landingPageWrap{
    max-width: 404px;
    margin: 15px auto;
    width: calc(100% - 30px);
  }
  .blockSettings .blockSettingsContent .blockSettingsForm form .formRow select{
    width: 100%;
  }
  .landingPageBlock .blockSettings .blockSettingsContent .blockSettingsForm form .formRow button{
    width: 100%;
  }
  .blockSettings .blockSettingsContent .blockSettingsForm form .disciplineSelection .disciplineSelectionFields .checkboxMask .checkboxImageWrap:last-child{
    margin-right: 0;
  }
  .landingPageWrap .landingPageBlock .landingPageBlockContent{
    padding: 0 0 10px;
  }
  .blockEventsCalendarView .eventsIcons ul li{
    margin: 0 5px 4px 0;
  }
  .eventsIcons a{
    background-size: 760px auto;
    width: 52px;
    height: 52px;
  }
  .eventsIcons a.eventType12 {
    background-position: -699px -174px;
  }
  .eventsIcons a.eventType11 {
    background-position: -636px -174px;
  }
  .eventsIcons a.eventType10 {
    background-position: -573px -174px;
  }
  .eventsIcons a.eventType9 {
    background-position: -509px -174px;
  }
  .eventsIcons a.eventType8 {
    background-position: -446px -174px;
  }
  .eventsIcons a.eventType7 {
    background-position: -382px -174px;
  }
  .eventsIcons a.eventType6 {
    background-position: -318px -174px;
  }
  .eventsIcons a.eventType5 {
    background-position: -255px -174px;
  }
  .eventsIcons a.eventType4 {
    background-position: -192px -174px;
  }
  .eventsIcons a.eventType3 {
    background-position: -128px -174px;
  }
  .eventsIcons a.eventType2 {
    background-position: -64px -174px;
  }
  .eventsIcons a.eventType1 {
    background-position: -1px -174px !important;
  }
  .eventsIcons a.eventType12:hover {
    background-position: -699px -236px;
  }
  .eventsIcons a.eventType11:hover {
    background-position: -636px -236px;
  }
  .eventsIcons a.eventType10:hover {
    background-position: -573px -236px;
  }
  .eventsIcons a.eventType9:hover {
    background-position: -509px -236px;
  }
  .eventsIcons a.eventType8:hover {
    background-position: -446px -236px;
  }
  .eventsIcons a.eventType7:hover {
    background-position: -382px -236px;
  }
  .eventsIcons a.eventType6:hover {
    background-position: -319px -236px;
  }
  .eventsIcons a.eventType5:hover {
    background-position: -255px -236px;
  }
  .eventsIcons a.eventType4:hover {
    background-position: -192px -236px;
  }
  .eventsIcons a.eventType3:hover {
    background-position: -128px -236px;
  }
  .eventsIcons a.eventType2:hover{
    background-position: -65px -236px;
  }
  .eventsIcons a.eventType1:hover{
    background-position: -1px -236px !important;
  }
}