@font-face {
    font-family: 'gillsans';
    src: url('fonts/GillSans-Light/GillSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/GillSans-Light/GillSans-Light.woff') format('woff'), url('fonts/GillSans-Light/GillSans-Light.ttf') format('truetype'), url('fonts/GillSans-Light/GillSans-Light.svg#GillSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gillsans';
    src: url('fonts/GillSans/GillSans.eot?#iefix') format('embedded-opentype'), url('fonts/GillSans/GillSans.woff') format('woff'), url('fonts/GillSans/GillSans.ttf') format('truetype'), url('fonts/GillSans/GillSans.svg#GillSans') format('svg');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'Gill-Sans';
    src: url('fonts/GillSans/GillSans.eot?#iefix') format('embedded-opentype'), url('fonts/GillSans/GillSans.woff') format('woff'), url('fonts/GillSans/GillSans.ttf') format('truetype'), url('fonts/GillSans/GillSans.svg#GillSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gill-Sans';
    src: url('fonts/GillSans-Bold/GillSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/GillSans-Bold/GillSans-Bold.woff') format('woff'), url('fonts/GillSans-Bold/GillSans-Bold.ttf') format('truetype'), url('fonts/GillSans-Bold/GillSans-Bold.svg#GillSans-Bold') format('svg');
    font-weight: bold;
    font-style: bold;
}

body {
    font-family: "gillsans", Arial, sans-serif;
    font-size: 16px;
}

.fgs {
    font-family: "Gill-Sans", Arial, sans-serif;
}

.nav-height {
    height: 100px;
}

.containertop {
    margin-top: 110px;
}

.anchor {
    position: absolute;
    top: -115px;
}

footer table {
    color: #ffffff;
}

.undraggable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}

.logoup {
    position: relative;
    top: -15px;
    left: 0px;
    z-index: 1;
}

.cart {
    margin-left: 10px;
    width: 80px;
}

.mcart {
    margin: 9px 15px 0px 0px;
    width: 80px;
}

.cjump {
    margin-top: -25px;
}

.pad0,
.j_res_app_schol_hldr {
    padding: 0px !important;
}

.pad3 {
    padding: 3px;
}

.pad5 {
    padding: 5px;
}

.pad10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.mar0 {
    margin: 0px;
}

.mar5 {
    margin: 5px;
}

.mar10 {
    margin: 10px;
}

.margintop0 {
    margin-top: 0px !important;
}

.margintop5 {
    margin-top: 5px !important;
}

.margintop10 {
    margin-top: 10px !important;
}

.margintop20 {
    margin-top: 20px !important;
}

.margintop30 {
    margin-top: 30px !important;
}

.margintop40 {
    margin-top: 40px;
}

.margintop50 {
    margin-top: 50px;
}

.margintop60 {
    margin-top: 60px !important;
}

.marlef10 {
    margin-left: 10px;
}

.marlef20 {
    margin-left: 20px;
}

.marrig20 {
    margin-right: 20px;
}

.marbot {
    margin: 5px;
    width: 250px;
}

.marbot0 {
    margin-bottom: 0px;
}

.marbot5 {
    margin-bottom: 5px;
}

.marbot10 {
    margin-bottom: 10px;
}

.marbot20 {
    margin-bottom: 20px;
}

.marbot30 {
    margin-bottom: 30px;
}

.marbot40 {
    margin-bottom: 40px;
}

.marbot50 {
    margin-bottom: 50px;
}

.marbot120 {
    margin-bottom: 120px;
}

.hbot {
    margin: 0px;
    text-align: center;
}

.ulmar li {
    margin-top: 5px;
}

.seleshow {
    display: none;
}

.hideme {
    display: none
}

.honomar {
    position: relative;
    top: -120px;
}

.honoble td {
    padding: 0px 20px 10px 0px;
}

.tdnames {
    font-size: 12.5px;
    padding: 0px 5px;
}

.rafour {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.rahund {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.forLoginHldr {
    background: #EEEEEE;
    padding: 22px 30px;
    border: 1px solid #CCCCCC;
}

.loter {
    margin-top: 20px !important;
    font-size: 16px !important;
    width: 100%;
    padding: 0px !important;
}

.loter>li {
    border: 1px solid transparent;
}

.loter>li>a {
    color: #FFFFFF !important;
    text-align: center;
}

.loter>li>a:hover {
    color: #333 !important;
}

#unamealert {
    margin: 0px !important;
    padding: 6px 15px;
}

.cheflvls {
    padding: 0px 30px 30px 30px;
    background: #e5e5e5;
    background-color: #e5e5e5;
}

#dlhandbook {
    border: 1px solid #221F73;
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
}

#dlhandbook:hover {
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
}

#wwwcons {
    position: relative;
    top: -5px;
    font-size: 12px;
    line-height: 48px;
}

.wgcccons {
    width: 120px;
    height: auto;
    margin-top: -70px;
}

.sdwgcccons {
    width: 100px;
    height: auto;
    margin-top: -60px;
    cursor: pointer;
}

.pdfdownload {
    width: 100%;
    padding: 10px;
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
    text-align: center;
}

.pdfdownload:hover {
    background: #63629D;
    background-color: #63629D;
}

.dlhbpos {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 100px;
}

@media only screen and (max-width: 767px) {
    .dlhbpos {
        position: inherit !important;
    }
}

.imgbor {
    border: 2px solid #221F73;
}

.borgrey {
    border: 1px solid #DDDDDD;
}

.r5bor {
    border: 1px solid #221F73;
    margin-top: 10px;
}

.r5bar {
    background: #221F73;
    background-color: #221F73;
    width: 100%;
    height: 50px;
    padding: 0px;
}

.appformbar {
    background: #E9E9E9;
    background-color: #E9E9E9;
    border: 1px solid #221F73;
    padding: 10px;
    text-align: center;
}

.ftlvlcontainer {
    margin-top: 90px;
    padding: 10px 20px;
    width: 100%;
    height: auto;
    font-size: 14px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
    border: 2px solid #221F73;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.lvlcontainer {
    margin-top: 90px;
    padding: 10px 20px;
    width: 100%;
    min-height: 430px;
    font-size: 14px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
    border: 2px solid #221F73;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sdlvlcontainer {
    margin-top: 90px;
    padding: 10px 20px;
    width: 100%;
    height: 500px;
    font-size: 14px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
    border: 2px solid #221F73;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.paraschool {
    font-size: 18px;
    line-height: 25px;
}

.schoolname {
    background-color: #221F73;
    color: #FFFFFF;
    padding: 5px 15px;
    width: 100%;
    min-height: 100px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.schoolpic {
    background-size: cover;
    background-position: center;
    height: 240px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.schoollogo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 240px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.thumbg {
    position: absolute;
    left: 15px;
    right: 15px;
    min-height: 25%;
    background-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: #302E7B;
    padding-left: 15px;
}

.thumbgs {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 28%;
    background-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: #302E7B;
    padding-left: 15px;
}

.white {
    color: #FFFFFF;
}

.black {
    color: #333333;
}

.silver {
    color: #CCCCCC;
}

.grey {
    color: #AAAAAA;
}

.blue {
    color: #281e69;
}

.blue1 {
    color: #281e69;
    font-weight: bold;
}

.skyblue {
    color: #00AEEF;
}

.red {
    color: #B50E1A;
}

.darkred {
    color: #A03033
}

.j_res_blue {
    color: #221f73;
    margin-top: 30px;
}

.j_res_h4_styl {
    color: #221f73;
    margin-top: 30px;
}

.noted {
    color: silver;
    font-size: 12px;
}

.tocamel {
    text-transform: capitalize;
}

.bgsblue {
    background: #00aeef;
    background-color: #00aeef;
    color: #FFFFFF;
    margin: 0px;
    padding: 10px 20px;
}

.bgsblue:hover {
    background: #221F73;
    background-color: #221F73;
}

.bgprof {
    position: absolute;
    left: 15px;
    right: 15px;
    height: 130px;
    background: #00AEEF;
    background-color: #00AEEF;
}

.bgcomments {
    background: #DEDEDE;
    background-color: #DEDEDE;
    padding: 1px 10px 10px 10px;
    margin-bottom: 20px;
}

.bgads {
    background: #F5F5F5;
    background-color: #F5F5F5;
    padding: 10px;
    border: 1px solid #DEDEDE;
}

.bgwhite {
    background: #FFFFFF;
    background-color: #FFFFFF;
    padding: 10px;
}

.cwdp {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 150px;
    height: 150px;
}

.pixprof {
    margin-top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 200px;
}

.wallpic {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 125px;
    height: 125px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.postedpic {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.wallname {
    padding: 20px;
}

.rabox {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.raleri {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.schlogo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 200px;
    background-color: #DDDDDD;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.schlpic {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 200px;
}

.titlebg {
    background-color: #DDDDDD;
    color: #281e29;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    margin-top: -2px;
}

.growimg .grow {
    transition: all .2s ease-in-out;
}

.growimg:hover .grow {
    transform: scale(1.2);
}

.growimg:hover {
    text-decoration: none;
}

.deconan:link {
    text-decoration: none;
}

.deconan:hover {
    text-decoration: none;
}

.overhide {
    overflow: hidden;
}

.fthumbsize {
    color: #FFFFFF;
    margin-top: 23%;
    text-align: center;
}

.footbg {
    color: #ffffff;
    background: #9c0f06;
    padding: 20px 0px 20px 0px;
}

.athenspad {
    padding: 40px;
}

.ftpphoto {
    background: silver;
    background-color: silver;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 150px;
    height: 150px;
}

.mcsheight {
    padding: 30px;
    margin-top: -30px;
    color: #ffffff;
}

.conlink span {
    margin-top: 10px;
}

.navner {
    position: fixed;
    top: 350px;
    right: 0px;
    background: #FFFFFF;
    height: 95px;
    width: 210px;
    z-index: 1
}

.navline {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #221F73;
    ;
    height: 75px;
    width: 2px;
    z-index: -1;
}

.ulvl {
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
    list-style-type: none;
}

.ulvl li {
    margin: 5px;
}

.navlvl:not(old) {
    opacity: 0;
}

.navlvl:not(old)+label {
    color: silver;
    cursor: pointer;
    margin-left: -30px;
}

.navlvl:not(old):checked+label {
    color: #221F73;
}

.navlvl:not(old)+label>span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 10px;
    background: #221F73;
}

.navlvl:not(old):checked+label>span>span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px;
    background: #FFFFFF;
}

.bgparallax1 {
    background-color: lime;
    background: url('../img/WCC_2016_brick_wall.jpg') center fixed;
    background-size: cover;
}

.bgparallax2 {
    background: url('../img/parallax.jpg') center fixed;
    background-size: auto 100%;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.font22 {
    font-size: 22px !important;
}

.confont {
    font-size: 21px;
}

.font24 {
    font-size: 24px !important;
}

.wid100 {
    width: 100%;
    height: auto;
}

.tacons td {
    padding-right: 12px;
}

.tanum td {
    padding-right: 10px;
}

.fbfeeds {
    width: 100%;
    height: 1155px;
    margin-bottom: 15px;
    overflow-y: auto;
}

.square {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.square li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e074";
    padding-right: 8px;
    font-size: 10px;
    color: #221F73;
}

.swhite li:before {
    color: #FFFFFF;
}

.AASfeeds {
    width: 100%;
    height: 1115px;
    margin: 15px 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.blueactive {
    font-size: 20px;
    color: #221f73;
    padding: 10px 0px;
    border-bottom: 2px solid #221f73;
    cursor: pointer;
}

.silverinactive {
    font-size: 20px;
    color: silver;
    padding: 10px 0px;
    border-bottom: 2px solid silver;
    cursor: pointer;
}

.sufn {
    background: #282167;
    background-color: #282167;
    color: #FFFFFF;
    border: 1px solid #ffffff;
    width: 150px;
    height: 150px;
    padding: 15px;
    margin-right: 20px;
    float: left;
}

.j_res_sufn {
    background: #282167;
    background-color: #282167;
    border: 1px solid #ffffff;
}

.icons {
    width: 55px;
    height: auto;
}

.tabpad td {
    padding: 5px 15px 5px 0px
}

.tpad {
    padding: 10px;
}

.soctab {
    margin-top: 20px;
    float: left;
}

.socons {
    width: 55px;
    height: auto;
    margin: 0px 20px 10px 0px;
}

.divline {
    height: 1px;
    width: 100%;
    background: silver;
    background-color: silver;
}

.linethin {
    height: 1px;
    width: 100%;
    background: #221f73;
    background-color: #221f73;
}

.linewhite {
    height: 1px;
    width: 100%;
    background: #FFFFFF;
    background-color: #FFFFFF;
    margin: auto;
}

.redline {
    background: #B10C15;
    width: 100%;
    height: 1px;
}

.beborleft {
    position: relative;
    width: 100%;
    margin-left: 10px;
    margin-top: 5px;
}

.beborleft:before {
    content: "";
    position: absolute;
    top: 11px;
    bottom: 6px;
    left: 0px;
    border-left: 1px solid silver;
}

.lipads li {
    padding: 3px 10px;
    width: 100%;
    margin-top: 5px;
}

.sponsor {
    height: 50px;
    width: auto;
    margin: 5px 20px 20px 0px;
    float: left;
}

.plogobox {
    height: 65px;
    display: inline;
}

.partnership {
    margin: 5px 20px 15px 0px;
}

.paddeng {
    padding: 10px;
}

.tritop {
    position: absolute;
    z-index: 1;
    color: #FFFFFF;
    display: none;
}

.phot {
    margin-left: -15px;
    width: 100%;
    height: auto;
    border: 1px solid silver;
}

.pubdate {
    float: right;
    margin-top: -20px;
    color: #1AB5F8;
}

.tabspace {
    border-collapse: separate;
    border-spacing: 10px;
}

.centext {
    text-align: center;
}

.wraptext {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.levels {
    height: 100%;
    padding: 10px;
    margin: auto;
    text-align: center;
    background: #337AB7;
    background-color: #337AB7;
    color: #FFFFFF;
}

.levels:hover {
    background: #286090;
    background-color: #286090;
}

.nodecor {
    list-style-type: none;
    list-style-position: outside;
    margin-left: -30px;
}

.committee {
    background-color: #F2F2F2;
    background: #F2F2F2;
    width: 100%;
    height: 430px;
    padding: 20px;
    margin-bottom: 20px;
}

.reply {
    padding: 2px 2px 2px 10px;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    border-left: 4px solid #ADADAD;
    background: #F5F5F5;
    background-color: #F5F5F5;
}

.wacscolors {
    padding: 10px;
    width: 100%;
    height: 200px;
    color: #FFFFFF;
    font-size: 12px;
}

.fleft {
    float: left;
}

.noimg {
    display: none;
}

.layup {
    position: absolute;
    top: 42px;
    right: 20px;
    color: #d9d9d9;
    cursor: pointer;
}

.layup:hover {
    color: #c0c0c0;
}

.cloex {
    color: #FFFFFF;
    cursor: pointer;
}

.cloex:hover {
    color: silver;
}

.enquiry {
    color: #FFFFFF !important;
}

.enquiry:hover {
    color: #FFFFFF;
}

.nounderline:link {
    text-decoration: none;
}

.nounderline:hover {
    text-decoration: none;
}

.withunderline {
    text-decoration: underline;
}

.hoderline:hover {
    text-decoration: underline;
}

.titlemenu:link {
    text-decoration: none;
    color: #B50E1A;
}

.titlemenu:hover {
    text-decoration: none;
    color: #DC3B41;
}

.eventile:link {
    text-decoration: none;
    color: #281e29;
}

.eventile:hover {
    text-decoration: none;
    color: #CCCCCC;
}

.menutxt {
    color: #FFFFFF;
    text-decoration: none;
}

.menutxt:link {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

.wacsmenu a {
    font-weight: normal;
}

.menutxt:hover {
    color: #DC3B41;
    text-decoration: none;
}

.subtitle {
    width: 100%;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
}

.subtitle:hover {
    color: #FFFFFF;
    background: #DC3B41;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.congress:link {
    text-decoration: none;
    color: #221F73;
}

.congress:hover {
    text-decoration: none;
}

.congressh {
    font-weight: 900;
}

.arrows {
    opacity: 0.4;
    filter: alpha(opacity=30);
}

.arrows:hover {
    opacity: 0.8;
    filter: alpha(opacity=70);
}

.arrowdown {
    float: right;
    margin: -25px 10px 0px 0px;
}

.wacsmenu li:hover .menutxt {
    color: #DC3B41;
}

.noray {
    border-radius: 0 !important;
}

.submenubg {
    background: #F5F5F5;
    margin-left: -15px;
    height: 410px;
    padding: 10px 10px 10px 20px;
    z-index: 9;
}

.smenubglg {
    background: #F5F5F5;
    margin-left: -15px;
    height: 630px;
    padding: 10px 10px 10px 20px;
    z-index: 9;
}

.mobmenubg {
    background: #221F73;
    height: 50px;
    width: 100%;
    padding: 8px 10px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
}

.padhover {
    padding: 10px 10px 10px 20px;
}

.tabsheader {
    position: absolute;
    bottom: 0px;
    padding: 0px 15px 15px 15px;
    color: #FFFFFF;
    background-color: rgba(34, 31, 115, 0.6);
    background: rgba(34, 31, 115, 0.6);
    width: 100%;
    min-height: 20%;
}

.streamingfooter {
    position: absolute;
    bottom: 0px;
    background-color: rgba(34, 31, 115, 0.6);
    background: rgba(34, 31, 115, 0.6);
    padding: 20px;
    width: 100%;
}

.revive1x img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}

.sizeban1 img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}

.nlheight {
    margin-top: 10px;
    height: 250px;
}

.negtop5 {
    margin-top: -5px !important;
}

.negtop {
    margin-top: -10px !important;
}

.negtop20 {
    margin-top: -20px;
}

.negtop30 {
    margin-top: -30px;
}

.seperation {
    float: left;
    border-right: 1px solid #FFFFFF;
}

.capimg {
    margin-top: -25px;
    border: 1px solid silver;
    height: 65px;
    width: auto;
}

.caprefresh {
    padding: 5px 0px 0px 10px;
}

.fsize {
    font-weight: 900;
}

.fsize6 {
    font-weight: 900;
}

.butwid {
    width: 100px;
}

.acbg {
    background: #221F73;
    color: #FFFFFF;
    padding: 20px;
    min-height: 200px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mapbg {
    background: #FFFFFF;
    padding: 0px 20px;
    overflow: auto;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.hrline {
    background: #221F73;
    height: 2px;
}

.memhead {
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.membox {
    background: #EEEEEE;
    background-color: #EEEEEE;
    padding: 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.membody {
    background: #FFFFFF;
    background-color: #FFFFFF;
    padding: 20px;
}

.memrow {
    background-color: #F9F9F9;
    padding: 5px 0px;
    margin: 5px 0px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #DDDDDD;
}

.infobox {
    padding: 20px;
    -webkit-box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
}

.reupdown {
    min-height: 150px;
    padding: 10px 20px;
}

.boxy {
    position: relative;
    background: #F2F2F2;
    background-color: #F2F2F2;
    padding: 15px 20px 10px;
    margin-left: 6px;
}

.boxy:before {
    content: "";
    position: absolute;
    left: -6px;
    bottom: -6px;
    background: #D9D9D9;
    background-color: #D9D9D9;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#sess {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../img/droprow.png);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

#bigger {
    height: 65px;
}

#smaller {
    height: 35px;
}


/* ApprovedJudges CSS start */

.ajdp {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 90px;
    height: 90px;
    border: 2px solid #E6E9ED;
}

.ajbox {
    padding-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}


/* ApprovedJudges CSS end */


/* RQCE CSS start */

#exmiss {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    z-index: 1;
    color: #F5F5F5;
    text-shadow: rgb(0, 0, 0) 0px 0px 10px;
    cursor: pointer;
}

.imaxsize {
    margin: auto;
    max-height: 600px;
    width: auto;
}

.rqceconhead {
    background: #F2F2F2;
    background-color: #F2F2F2;
    padding: 20px;
}

.rqceconinfo {
    margin: auto;
    width: 150px;
    height: 150px;
    border: 1px solid silver;
    background: #FFFFFF;
    background-color: #FFFFFF;
    overflow: hidden;
}

.rqcelogo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
}

.rqceicover {
    display: inline-block;
    margin: 20px 10px 0px 0px;
    width: 55px;
    height: 55px;
    padding: 4px;
    border: 4px solid silver;
}

.rqceicover:hover {
    background: #221F73;
    transition: background 0.4s ease-in;
    -o-transition: background 0.4s ease-in;
    -ms-transition: background 0.4s ease-in;
    -moz-transition: background 0.4s ease-in;
    -webkit-transition: background 0.4s ease-in;
}

.rqceicons {
    width: 100%;
    height: 100%;
    background: #221F73;
    background-color: #221F73;
}

.rqceicons span {
    line-height: 40px;
    font-size: 22px;
    color: #FFFFFF;
}

.aboutrqcebg {
    background: #221F73;
    background-color: #221F73;
    width: 100%;
    height: 55px;
}

.aboutrqce {
    position: relative;
    top: 15px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    margin: auto;
    width: 250px;
    height: 40px;
}

.rqceimg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 240px;
}

.rqceimgbg {
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rqceimgbg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.75);
}

.blueribbon {
    position: absolute;
    top: 0px;
    right: 35px;
    background: #221F73;
    background-color: #221F73;
    width: 40px;
    height: 100%;
}

.blueribbon:before {
    content: '';
    position: absolute;
    bottom: -40px;
    border-top: 20px solid #221F73;
    border-right: 20px solid #221F73;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #221F73;
}

.edupro {
    background: #F2F2F2;
    background-color: #F2F2F2;
    padding: 20px 80px 20px 20px;
}

.tabepro td {
    padding: 0px 20px 10px 0px
}

.rqcenav {
    text-align: center;
    margin-top: 5px;
    padding: 10px;
    background-color: #C6EAFA;
}

#rqcenavactive {
    background-color: #6BCFF6;
    color: #FFFFFF;
}

.titdiv {
    text-align: center;
    padding: 6px;
    height: 33px;
    background-color: #909090;
    color: #FFFFFF;
}

.titdiv:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 15px;
    border-width: 15px 15px 0px 0px;
    border-style: solid;
    border-color: #BCBDC0 #FFFFFF;
}

.stepnum {
    text-align: center;
    width: 100px;
    height: 100px;
    padding: 10px;
    color: #FFFFFF;
    margin: -50px auto 10px;
}

.stepbox {
    text-align: center;
    height: 150px;
    margin-top: 70px;
    cursor: pointer;
}

.steppercent {
    position: absolute;
    right: 15px;
    bottom: 0px;
    left: 15px;
    padding: 10px;
    color: #FFFFFF;
}

.acbgc {
    background-color: #008f00;
}

.inbgc {
    background-color: #ff2600;
}

.acborder {
    border: 1px solid #008f00;
}

.inborder {
    border: 1px solid #ff2600;
}

.requirebox {
    text-align: center;
    height: 100px;
    margin-bottom: 30px;
    cursor: pointer;
}

.attachnum {
    text-align: center;
    width: 100%;
    padding: 10px;
    color: #FFFFFF;
}

.attachstat {
    position: absolute;
    top: -15px;
    right: 0px;
    width: 30px;
    height: 30px;
    padding: 5px;
    border: 2px solid #FFFFFF;
    text-align: center;
}

.rqceintro {
    text-align: justify;
    color: #909090;
    margin-top: 30px;
}

.divlabels {
    padding: 10px 50px;
    background-color: #909090;
    color: #FFFFFF;
}

.divlabels:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
    border-width: 0px 0px 42px 42px;
    border-style: solid;
    border-color: #909090 #FFFFFF;
}

.divlabels:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 15px;
    border-width: 42px 42px 0px 0px;
    border-style: solid;
    border-color: #909090 #FFFFFF;
}

.rqceupload {
    height: 200px;
    margin-bottom: 20px;
    padding: 40px;
    font-size: 25px;
    color: silver;
    border: 2px dashed silver;
}

.rqceuploadyt {
    height: 200px;
    margin-bottom: 20px;
    padding: 40px;
    font-size: 25px;
    color: silver;
    border: 2px dashed silver;
}

.font40 {
    font-size: 40px !important;
}

.rqcemenus {
    position: fixed;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
    z-index: 99;
}

.steplabels {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 1;
    background: #008d14;
    padding: 10px 60px;
}

.steplabels:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-width: 0px 0px 42px 42px;
    border-style: solid;
    border-color: #008d14 #909090;
}

.steplabels:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    border-width: 42px 42px 0px 0px;
    border-style: solid;
    border-color: #008d14 #FFFFFF;
}

.rqceconlogo {
    margin: 5px auto;
    width: 190px;
    height: 190px;
    border: 2px solid silver;
    background: #FFFFFF;
    background-color: #FFFFFF;
    overflow: hidden;
}

.moretitle {
    margin: auto;
    text-align: center;
    color: #281e29;
    background-color: #FFFFFF;
    width: 300px;
    padding: 5px;
}

.moretitle:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: #281e29;
    z-index: -1;
}

.tablepad td {
    padding: 0px 3px;
}

.cdpdf {
    width: 100%;
    height: 100px;
    border: 1px dashed #C0C0C0;
    background: #f5f5f5;
    cursor: pointer;
}

.lh60 {
    line-height: 60px;
}


/* RQCE CSS end */


/* Dashboard CSS start */

.boxbody {
    border: 1px solid #CCCCCC;
    margin-top: 10px;
    margin-bottom: 20px;
}

.boxcontent {
    padding: 20px;
}

.boxhead {
    background-color: #EEEEEE;
    padding: 5px 10px;
    border-bottom: 1px solid #CCCCCC;
}

.hibored {
    border: 1px solid #B50E1A;
}


/* Dashboard CSS end */


/* myCHEFSPACE CSS start */

#mcsmenu {
    text-decoration: none;
    color: #FFFFFF;
}

.hidding {
    display: none;
}

.allred h4 {
    color: #B10C15;
}

.remess:hover {
    color: #cc000a;
}

.point tr {
    cursor: pointer;
}

.addchef {
    position: absolute;
    left: 155px;
    top: 155px;
}

.mcsreturn {
    border: 1px solid #B10C15;
    color: #333333;
    font-size: 18px;
    padding: 3px 5px;
    text-align: center;
}

.mcsreturn:hover {
    background: #B10C15;
    background-color: #B10C15;
    color: #FFFFFF;
}

.mcsreturn:hover>.towhite {
    color: #FFFFFF;
}

.mypick {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: center;
}

.clopic {
    float: right;
    color: silver;
    cursor: pointer;
    font-size: 22px;
}

.clopic:hover {
    color: grey;
}

.picview {
    position: relative;
    margin: 4% auto;
    width: 1170px;
    height: 90%;
    overflow-y: hidden;
    background-color: #FFFFFF;
    background: #FFFFFF;
}

.overview {
    position: absolute;
    top: 195px;
    right: 20px;
    bottom: 15px;
    left: 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.contic {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 350px;
    left: 0px;
}

.comtic {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 820px;
    padding: 15px 20px;
}

.picking {
    margin: auto;
}

.arpicl {
    position: absolute;
    top: 40%;
    left: 4%;
    height: 22%;
    width: auto;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=40);
}

.arpicl:hover {
    opacity: 0.9;
    filter: alpha(opacity=80);
}

.arpicr {
    position: absolute;
    top: 40%;
    right: 4%;
    height: 22%;
    width: auto;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=40);
}

.arpicr:hover {
    opacity: 0.9;
    filter: alpha(opacity=80);
}

.bgnames {
    margin-top: -10px;
    font-size: 14px;
    width: 150px;
    background: #B10C15;
    color: #FFFFFF;
    padding: 5px;
    /*display: none;*/
    text-align: center;
}


/*.seename:hover .bgnames {display: block;}*/

.bloodbut {
    background: #B10C15;
    background-color: #B10C15;
    color: #FFFFFF;
    padding: 10px 20px;
    margin-top: 10px;
    width: 100%;
    border: none;
}

.bloodbut:hover {
    background: #9b0012;
    background-color: #9b0012;
}

.blood {
    background: #B10C15;
    background-color: #B10C15;
    color: #FFFFFF;
    padding: 10px 20px;
    margin-top: 10px;
}

.aboutgrey {
    background: #DEDEDE;
    background-color: #DEDEDE;
    padding: 10px 20px;
    margin-top: 10px;
}

.reframe {
    position: relative;
    width: 150px;
}

.addme {
    position: absolute;
    top: 118px;
    left: 0px;
    -webkit-border-top-right-radius: 30%;
    -moz-border-radius-topright: 30%;
    border-top-right-radius: 30%;
    font-size: 20px;
    padding: 8px;
    color: #CECECE;
    background: rgba(0, 0, 0, .6);
}

.addme:hover {
    background: rgba(0, 0, 0, .8);
    color: #FFFFFF;
}

.deletepost {
    color: #ADADAD;
}

.deletepost:hover {
    color: grey;
}

.selectresume:hover {
    text-decoration: underline;
    cursor: pointer;
}

.oglinks {
    padding: 12px 10px 0px 10px;
    border: 1px solid #DEDEDE;
}

.lefrig {
    margin-left: 20px;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    padding: 0px 10px;
    width: 200px;
}

.mychefswelcome {
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    background: #b10c15;
    background-color: #b10c15;
}

.aboutsub {
    padding: 10px 20px 35px 20px;
    color: #FFFFFF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.othersub {
    padding: 10px;
    color: #FFFFFF;
    background: #63c5de;
    background-color: #63c5de;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.prext {
    padding: 0px 5px;
    margin: 1px;
    border: 1px solid #999;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
}

.prext:hover,
.prext:active {
    color: #221F73;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
}

.current {
    padding: 7px 5px;
    margin: 1px;
    border: 1px solid #999;
    background-color: #00AEEF;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
}

.disabled {
    padding: 7px 5px;
    margin: 1px;
    border: 1px solid silver;
    color: silver;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 32px;
}

.proname {
    color: #63c5de;
    margin-top: -100px;
    padding: 10px 30px;
    background: rgba(34, 31, 115, 1);
    background: -moz-linear-gradient(left, rgba(34, 31, 115, 1) 0%, rgba(34, 31, 115, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34, 31, 115, 1)), color-stop(100%, rgba(34, 31, 115, 0)));
    background: -webkit-linear-gradient(left, rgba(34, 31, 115, 1) 0%, rgba(34, 31, 115, 0) 100%);
    background: -o-linear-gradient(left, rgba(34, 31, 115, 1) 0%, rgba(34, 31, 115, 0) 100%);
    background: -ms-linear-gradient(left, rgba(34, 31, 115, 1) 0%, rgba(34, 31, 115, 0) 100%);
    background: linear-gradient(to right, rgba(34, 31, 115, 1) 0%, rgba(34, 31, 115, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#221f73', endColorstr='#221f73', GradientType=1);
}

.comput {
    display: none;
}

.combut {
    color: #337ab7;
    cursor: pointer;
}

.combut:hover {
    color: #23527c;
    text-decoration: underline;
}

blockquote {
    background: #f9f9f9;
    border-left: 15px solid #221F73;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.redpro {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 40px;
    padding-left: 20px;
    height: 65px;
    color: #FFFFFF;
    background: rgba(177, 12, 20, 1);
    background: -moz-linear-gradient(left, rgba(177, 12, 20, 1) 0%, rgba(177, 12, 20, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177, 12, 20, 1)), color-stop(100%, rgba(177, 12, 20, 0)));
    background: -webkit-linear-gradient(left, rgba(177, 12, 20, 1) 0%, rgba(177, 12, 20, 0) 100%);
    background: -o-linear-gradient(left, rgba(177, 12, 20, 1) 0%, rgba(177, 12, 20, 0) 100%);
    background: -ms-linear-gradient(left, rgba(177, 12, 20, 1) 0%, rgba(177, 12, 20, 0) 100%);
    background: linear-gradient(to right, rgba(177, 12, 20, 1) 0%, rgba(177, 12, 20, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b10c14', endColorstr='#b10c14', GradientType=1);
}


/* myCHEFSPACE CSS end */


/* MCSTV CSS start */

.tabcon {
    width: 150px;
    height: 100px;
    padding: 0px;
    border: none;
}

.tabnails {
    background: #000000;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 150px;
    height: 100px;
}

.playyt {
    position: relative;
    top: -100px;
    width: 150px;
    height: 100px;
}

.playyt:before {
    content: '';
    position: absolute;
    left: 45%;
    top: 40%;
    border-top: 10px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #FFFFFF;
    z-index: 1;
}

.playyt:after {
    content: '';
    position: absolute;
    left: 38%;
    top: 34%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.vidfoot {
    position: relative;
    width: 80px;
    height: 40px;
    background: #B50E1A;
    background-color: #B50E1A;
    text-align: center;
}

.vidfoot:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 0px;
    width: 80px;
    height: 5px;
    border: solid #FFFFFF;
    border-width: 1px 3px;
    background: #B50E1A;
    background-color: #B50E1A;
}

.watchme {
    margin-top: 12%;
    color: #FFFFFF;
    font-size: 18px;
}


/* MCSTV CSS end */


/* Seminars CSS start */

.catbox {
    margin-top: 20px;
    background-color: #232371;
    color: #FFFFFF;
    padding: 10px;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: flex-end;
}

.catdes {
    border: 1px solid #232371;
    color: #232371;
    padding: 10px;
    height: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.attendinfo {
    padding: 20px;
    -webkit-box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
    box-shadow: 0px 7px 20px 0px rgba(153, 153, 153, 0.5);
}

.optbox {
    height: 380px;
}

.semibox {
    position: absolute;
    top: 0px;
    left: 15px;
    right: 15px;
    background-color: #232371;
    color: #FFFFFF;
    z-index: 1;
}

.semibox2 {
    background-color: #232371;
    color: #FFFFFF;
    z-index: 1;
}

.beho {
    padding: 0px 30px;
    height: 220px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.txtblur {
    color: transparent;
    text-shadow: 0 0 5px rgba(38, 65, 140, 0.3);
}

.howsteps {
    border: 2px solid #232371;
    color: #232371;
    width: 90px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.arlclick {
    position: absolute;
    bottom: -40px;
    left: 0px;
    right: 50%;
    height: 40px;
    background-color: transparent;
}

.arlclick:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    border-width: 40px 0px 0px 100px;
    border-style: solid;
    border-color: #232371 transparent;
}

.arrclick {
    position: absolute;
    bottom: -40px;
    left: 50%;
    right: 0px;
    height: 40px;
    background-color: transparent;
}

.arrclick:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-width: 0px 0px 40px 100px;
    border-style: solid;
    border-color: transparent #232371;
}

.tabsteps {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

.numsteps {
    width: 30px;
    background-color: #232371;
    color: #FFFFFF;
    text-align: center;
}

.csibox {
    border: 2px solid #281e29;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(217, 217, 217, 0.8);
    -moz-box-shadow: 10px 10px 5px 0px rgba(217, 217, 217, 0.8);
    box-shadow: 10px 10px 5px 0px rgba(217, 217, 217, 0.8);
}

.cgkpic {
    position: absolute;
    width: 180px;
    height: 180px;
    border: 2px solid #281e29;
}

.athobox {
    margin-top: 30px;
    padding: 30px 20px;
    height: 410px;
}

.athobg {
    background-color: #232371;
    color: #FFFFFF;
}

.atho {
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* Seminars CSS end */


/* Certification CSS start */

.ctitle {
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
    margin: auto;
    padding: 10px 20px;
    width: 500px;
    max-height: 45px;
    text-align: center;
}

.twf {
    position: relative;
    top: -40px;
    padding: 1px 10px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #221F73;
    font-size: 24px;
}

.gcc {
    position: relative;
    top: -55px;
}

.boxes {
    margin-top: 75px;
    margin-bottom: 75px;
    border: 2px solid #221F73;
    width: 100%;
    height: 270px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 20px;
    color: #221F73;
}

.tbox {
    position: absolute;
    top: 50px;
    left: 60px;
    right: 60px;
    padding: 10px;
    background: #FFFFFF;
    background-color: #FFFFFF;
    font-size: 20px;
    color: #221F73;
    border: 2px solid #221F73;
    text-align: center;
}

.cfombox {
    position: absolute;
    bottom: 52px;
    left: 10px;
    right: 10px;
}

.fombox {
    padding: 10px 20px;
    background: #221F73;
    background-color: #221F73;
    font-size: 18px;
    color: #FFFFFF;
    border: 2px solid #221F73;
    text-align: center;
}

.bcircle {
    width: 120px;
    height: 120px;
    margin: 10px auto;
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
    border: 2px solid #221F73;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
}

.brline {
    position: absolute;
    top: 70px;
    right: 0px;
    width: 35px;
    height: 3px;
    background: #221F73;
    background-color: #221F73;
}

.blline {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 35px;
    height: 3px;
    background: #221F73;
    background-color: #221F73;
}

.hs123 {
    line-height: 55px;
    margin: 0px;
}

#tright {
    position: absolute;
    top: -6px;
    right: -5px;
    color: #221F73;
}

.gbox {
    background: #d8d8d8;
    background-color: #d8d8d8;
    padding: 8px 20px;
    overflow: hidden;
}

.grshadow {
    -webkit-box-shadow: 5px 5px 10px 0px rgba(105, 105, 105, 0.8);
    -moz-box-shadow: 5px 5px 10px 0px rgba(105, 105, 105, 0.8);
    box-shadow: 5px 5px 10px 0px rgba(105, 105, 105, 0.8);
}

.glshadow {
    -webkit-box-shadow: -5px 5px 10px 0px rgba(105, 105, 105, 0.8);
    -moz-box-shadow: -5px 5px 10px 0px rgba(105, 105, 105, 0.8);
    box-shadow: -5px 5px 10px 0px rgba(105, 105, 105, 0.8);
}

.realbox {
    position: relative;
    width: 100%;
    height: auto;
    border: 2px solid #FFFFFF;
    text-align: center;
    padding: 30px;
}

.realbox:before {
    display: block;
    content: "";
    width: 20%;
    height: 30%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 2px solid #221F73;
    border-left: 2px solid #221F73;
}

.borbox:after {
    display: block;
    content: "";
    width: 20%;
    height: 30%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #221F73;
    border-right: 2px solid #221F73;
}

.wgccicons {
    margin: 10px;
    width: 100px;
    height: auto;
    cursor: pointer;
}

.inboxes {
    margin: 10px auto;
}

.seehow {
    margin: auto;
    margin-top: -75px;
    width: 60%;
    padding: 10px;
    background: #221F73;
    background-color: #221F73;
    font-size: 18px;
    color: #FFFFFF;
    border: 2px solid #221F73;
    text-align: center;
}

.choosecerti {
    margin: auto;
    margin-top: -75px;
    width: 300px;
    padding: 10px;
    background: #221F73;
    background-color: #221F73;
    font-size: 18px;
    color: #FFFFFF;
    border: 2px solid #221F73;
    text-align: center;
}

#schoolbutton {
    white-space: normal;
    border: 2px solid #221F73;
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
    margin: 30px;
}

.fly-left {
    opacity: 0;
    transition: all 900ms ease-in-out;
    transform: translate(-200px);
    -webkit-transform: translate(-200px);
    -o-transform: translate(-200px);
    -moz-transform: translate(-200px);
}

.block-left {
    opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -o-transform: translate(0px);
    -moz-transform: translate(0px);
}

.fly-right {
    opacity: 0;
    transition: all 900ms ease-in-out;
    transform: translate(200px);
    -webkit-transform: translate(200px);
    -o-transform: translate(200px);
    -moz-transform: translate(200px);
}

.block-right {
    opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -o-transform: translate(0px);
    -moz-transform: translate(0px);
}


/* Certification CSS end */

.retop {
    z-index: 99;
    padding: 10px 15px 8px 15px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    background-color: #00aeef;
    visibility: hidden;
    opacity: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: opacity .5s 0s, visibility 0s .5s;
    -moz-transition: opacity .5s 0s, visibility 0s .5s;
    transition: opacity .5s 0s, visibility 0s .5s;
}

.retop.retop-is-visible,
.retop.retop-fade-out,
.no-touch .retop:hover {
    -webkit-transition: opacity .5s 0s, visibility 0s 0s;
    -moz-transition: opacity .5s 0s, visibility 0s 0s;
    transition: opacity .5s 0s, visibility 0s 0s;
}

.retop.retop-is-visible {
    visibility: visible;
    opacity: 1;
}

.retop.retop-fade-out {
    opacity: .7;
}

.retop:hover {
    opacity: 1;
    color: #EEEEEE;
}

.retop h2 {
    margin-top: 0px;
}

.penedit1 {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 22px;
    color: #FFFFFF;
    /*opacity: 0;*/
    cursor: pointer;
}

.penedit1:hover {
    color: silver;
}

.penshow1:hover .penedit1 {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
}

.penedit2 {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.penedit3 {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 22px;
    color: #B10C15;
    /*opacity: 0;*/
    cursor: pointer;
}

.penedit3:hover {
    color: #cc000a;
}

.penshow3:hover .penedit3 {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
}

.penedit4 {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    color: #B10C15;
    /*opacity: 0;*/
    cursor: pointer;
}

.penedit4:hover {
    color: #cc000a;
}

.penshow4:hover .penedit4 {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
}

.gyccf {
    background: #221f73;
    background-color: #221f73;
    color: #FFFFFF;
    border: 2px solid #221f73;
    padding: 10px;
    margin-bottom: 10px;
}

.gyccf:hover {
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221f73;
}

.wacsbut {
    border: 1px solid #221f73;
    background-color: #221f73;
    color: #FFFFFF;
    padding: 5px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.morenfo {
    position: absolute;
    top: 48px;
    left: 10px;
    right: 10px;
    min-width: 250px;
    background: #FFFFFF;
    color: #333;
    z-index: 9;
    padding: 5px 15px 15px 15px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
}

.pointing {
    cursor: pointer;
}

.nationality {
    height: 40px;
}

.natiohide {
    display: none;
}

.nationality:hover .natiohide {
    display: block;
}

.natiotri {
    position: absolute;
    top: 36px;
    left: 20px;
    color: #FFFFFF;
    z-index: 10;
}

.languages {
    height: 40px;
}

.langhide {
    display: none;
}

.languages:hover .langhide {
    display: block;
}

.langtri {
    position: absolute;
    top: 36px;
    left: 55px;
    color: #FFFFFF;
    z-index: 10;
}

.skills {
    height: 40px;
}

.skihide {
    display: none;
}

.skills:hover .skihide {
    display: block;
}

.skitri {
    position: absolute;
    top: 36px;
    left: 92px;
    color: #FFFFFF;
    z-index: 10;
}

.community {
    height: 40px;
}

.comhide {
    display: none;
}

.community:hover .comhide {
    display: block;
}

.comtri {
    position: absolute;
    top: 36px;
    left: 128px;
    color: #FFFFFF;
    z-index: 10;
}

.approved {
    height: 40px;
}

.approhide {
    display: none;
}

.approved:hover .approhide {
    display: block;
}

.approtri {
    position: absolute;
    top: 36px;
    left: 163px;
    color: #FFFFFF;
    z-index: 10;
}

.hisul li {
    padding-left: 10px;
}

.padul li {
    padding: 3px 3px 3px 10px;
}

.padul li:hover {
    background: silver;
    background-color: silver;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.erase {
    padding: 3px 5px;
    color: #B10C15;
    opacity: 0;
}

.erase:hover {
    color: #cc000a;
}

.padul li:hover .erase {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
}

.likehs {
    display: none;
    position: absolute;
    min-width: 220px;
    height: auto;
    padding: 10px;
    background-color: #F5F5F5;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
}

.likeshow:hover .likehs {
    display: block;
}

#trilike {
    position: absolute;
    top: -11px;
    left: 15px;
    color: #DEDEDE;
    z-index: 10;
}

#aboutme {
    background: #221F73;
    color: #FFFFFF;
}

#mychefsopen {
    position: absolute;
    top: 180px;
    left: -1px;
    width: 30px;
    height: 250px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    cursor: pointer;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#mychefsopen:hover {
    background: #9b0012;
    background-color: #9b0012;
    border: 2px solid #9b0012;
}

.iconopen {
    position: absolute;
    top: 135px;
    left: -1px;
    width: 30px;
    height: 35px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.iconopen:hover {
    width: 40px;
}

.icon1open {
    position: absolute;
    top: 450px;
    left: -1px;
    width: 30px;
    height: 32px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.icon1open:hover {
    width: 40px;
}

.icon2open {
    position: absolute;
    top: 483px;
    left: -1px;
    width: 30px;
    height: 32px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.icon2open:hover {
    width: 40px;
}

.icon3open {
    position: absolute;
    top: 516px;
    left: -1px;
    width: 30px;
    height: 32px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.icon3open:hover {
    width: 40px;
}

.feedopen {
    position: absolute;
    top: 568px;
    left: -1px;
    width: 30px;
    height: 35px;
    padding: 4px 1px;
    border: 2px solid #b10c15;
    background: #b10c15;
    background-color: #b10c15;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.feedopen:hover {
    width: 40px;
}

#mychefspacediv {
    z-index: 99;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    color: #FFFFFF;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#mychefsdiv {
    color: #FFFFFF;
}

#mychefsdiv.openMCS #mychefspacediv {
    width: 330px;
}

#mychefsdiv.openMCS #mychefsopen {
    left: 328px;
}

#mychefsdiv.openMCS .iconopen {
    left: 328px;
}

#mychefsdiv.openMCS .icon1open {
    left: 328px;
}

#mychefsdiv.openMCS .icon2open {
    left: 328px;
}

#mychefsdiv.openMCS .icon3open {
    left: 328px;
}

#InputEmail {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#InputPassword {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#boronly {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    margin-top: 5px;
    border-radius: 2px;
}

#popheader {
    background: #B10C15;
    background-color: #B10C15;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#butright {
    position: absolute;
    bottom: 20px;
    right: 16px;
}

#EuropeSouth {
    fill: #F6D600;
    cursor: pointer;
}

#Americas {
    fill: #A23FFF;
    cursor: pointer;
}

#Asia {
    fill: #17C000;
    cursor: pointer;
}

#EuropeNorth {
    fill: #3C7ED3;
    cursor: pointer;
}

#EuropeCentral {
    fill: #FF0000;
    cursor: pointer;
}

#PacificRim {
    fill: #FF00BA;
    cursor: pointer;
}

#AfricaMiddleEast {
    fill: #FF6000;
    cursor: pointer;
}

#slbluebg {
    background: #f4f5f9;
    background-color: #f4f5f9;
}

#imgshare {
    display: none;
}

#honopanel {
    background: #eeeeee;
    background-color: #eeeeee;
}

#honohead {
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
    height: 60px;
    text-align: center;
}

#honohead h3 {
    margin-top: 8px;
}

#honobody {
    background: #FFFFFF;
    background-color: #FFFFFF;
    padding: 20px;
}

.honorow {
    background-color: #F9F9F9;
    padding: 5px 0px;
    margin: 5px 0px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #DDDDDD;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

.fade-in {
    opacity: 0;
    opacity: 1 \9;
    /*just in case ie*/
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.allblack {
    background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    color: #333;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1050;
    height: 100%;
    width: 100%;
}

.cenwhite {
    background-color: #F5F5F5;
    background: #F5F5F5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 80px;
    padding: 20px;
}

.invisibot {
    background-color: transparent;
    background: transparent;
    border: none;
    margin: 0px;
    padding: 0px;
}

.invisibot:focus {
    outline: 0;
}

.wacsmenu li {
    list-style: none;
    padding: 0px 15px 0px 15px;
    line-height: 20px;
}

.fullmenu {
    position: absolute;
    display: none;
    padding-top: 10px;
}

.wacsmenu li:hover .fullmenu {
    display: block;
    left: 0px;
    right: 0px;
    min-height: 300px;
}

.wacsmenu li:hover .tritop {
    display: block;
}

.menuborder {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    box-shadow: 0px 0px 2px 0px rgba(92, 92, 92, 1);
    background: #FFFFFF;
}

.card:hover .back {
    opacity: 1;
    transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
}

.card:hover .ftpback {
    opacity: 1;
    transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
}

.card:hover .ftptitle {
    opacity: 0;
    transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
}

#mobilenav {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper {
    z-index: 99;
    position: fixed;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#mobilenav.toggled #sidebar-wrapper {
    width: 350px;
}

.sidebar-nav {
    position: absolute;
    width: 350px;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    text-decoration: none;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
    color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.cardback {
    position: relative;
}

.backface {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #232371;
}

.cardback:hover .backface {
    opacity: 0;
    transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
}

.sharings {
    position: absolute;
    top: 15px;
    left: 30px;
    opacity: 0;
}

.sharenews:hover .sharings {
    opacity: 1;
    transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
}

.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
}

.upload-drop-zone {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center
}

.upload-drop-zone.drop {
    color: #222;
    border-color: #222;
}

.col-xs-r5,
.col-sm-r5,
.col-md-r5,
.col-lg-r5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-r5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-r5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-r5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-r5 {
        width: 20%;
        float: left;
    }
}

@media screen and (max-width: 320px) {
    .arrows {
        height: 50px;
        width: auto;
    }
    #mobilenav.toggled #sidebar-wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 321px) {
    .thumbg {
        top: 73%;
    }
}

@media screen and (min-width:650px) {
    #linews {
        text-align: center;
        width: 17%
    }
    #lievents {
        text-align: center;
        width: 17%
    }
    #liwctv {
        text-align: center;
        width: 26%
    }
    #limagazine {
        text-align: center;
        width: 20%
    }
    #licookbook {
        text-align: center;
        width: 20%
    }
}

@media screen and (max-width:498px) {
    .fsize {
        font-size: 1.2em
    }
    .fsize6 {
        font-size: 1.2em;
    }
    .fthumbsize {
        font-size: 1.8em;
    }
    .logsize {
        width: 55%;
        height: auto;
    }
    .congress {
        font-size: 22px;
    }
    .arrows {
        margin-left: -10px;
        margin-top: 30px;
        height: 80px;
        width: auto;
    }
    .ctitle {
        width: 100%;
        max-height: 70px;
    }
    .sdlvlcontainer {
        height: 420px;
    }
}

@media (min-width:499px) and (max-width:599px) {
    .fsize {
        font-size: 2em;
    }
    .fsize6 {
        font-size: 2em;
    }
    .fthumbsize {
        font-size: 2.3em;
    }
    .logsize {
        width: 45%;
        height: auto;
    }
    .arrows {
        margin-top: 60px;
        height: 100px;
        width: auto;
    }
    .sdlvlcontainer {
        height: 360px;
    }
}

@media (min-width:600px) and (max-width:749px) {
    .fsize {
        font-size: 2.2em;
        margin-top: 15px;
    }
    .fsize6 {
        font-size: 2.2em;
        margin-top: 15px;
    }
    .fthumbsize {
        font-size: 2.5em;
    }
    .logsize {
        width: 35%;
        height: auto;
    }
    .arrows {
        margin-top: 80px;
        height: 120px;
        width: auto;
    }
    .sdlvlcontainer {
        height: 340px;
    }
}

@media (min-width:750px) and (max-width:991px) {
    .fsize {
        font-size: 2.5em;
        margin-top: 12px;
    }
    .fthumbsize {
        font-size: 1.8em;
    }
    .logsize {
        width: 25%;
        height: auto;
    }
    .arrows {
        margin-top: 80px;
    }
    .sdlvlcontainer {
        height: 440px;
    }
    .rqcetop {
        margin-top: 90px;
    }
}

@media (min-width:750px) and (max-width:767px) {
    .fsize6 {
        font-size: 2.5em;
        margin-top: 12px;
    }
    .fthumbsize {
        font-size: 3.5em;
    }
}

@media screen and (max-width:767px) {
    .rqcetop {
        margin-top: 185px;
    }
}

@media screen and (min-width:768px) {
    .emarsearch {
        margin-top: 15px;
        width: 100px;
    }
    .onfloatr {
        float: right;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .sizeban1 img {
        height: 387px;
        margin-top: 18px;
    }
    .thumbg {
        top: 64%;
    }
    .arrows {
        margin-top: 100px;
    }
    .menutop {
        margin-top: 10px;
    }
    .picview {
        width: 970px;
    }
    .comtic {
        left: 620px;
    }
    .sdlvlcontainer {
        height: 360px;
    }
    .aiheight {
        height: 360px;
    }
}

@media screen and (min-width:1200px) {
    .seartop {
        margin-top: -15px;
    }
    .sizeban1 img {
        height: 470px;
        margin-top: 18px;
    }
    .navmenus {
        margin-top: 30px;
    }
    .minrider {
        display: none;
    }
    .wacsmenu li {
        float: left;
    }
    .thumbg {
        top: 67%;
    }
    .fsize {
        margin-top: 10px;
    }
    .fsize6 {
        margin-top: 12px;
    }
    .arrows {
        margin-left: 10px;
        margin-top: 150px;
    }
    .cright {
        position: absolute;
        right: -50px;
        width: 100%;
    }
    .navner {
        right: 10px;
    }
    .r5mxheight {
        height: 1085px;
    }
    .aiheight {
        height: 320px;
    }
}

@media screen and (min-width:992px) {
    .fsize {
        font-size: 1.2em;
    }
    .fsize6 {
        font-size: 1.2em;
    }
    .fthumbsize {
        font-size: 1.5em;
    }
    .fright {
        float: right;
    }
    .mcsheight {
        height: 220px;
    }
    .newsletter {
        padding-top: 50px;
    }
    .fbcons {
        position: absolute;
        top: 170px;
    }
    .cvbot {
        position: absolute;
        top: 181px;
    }
    .rqcetop {
        margin-top: 45px;
    }
    .cgkpic {
        top: 30px;
        left: 15px;
    }
    .csibox {
        margin: 100px 0px 50px 60px;
        padding: 20px 20px 20px 140px;
    }
}

@media screen and (max-width:991px) {
    .thumbg {
        top: 75%;
    }
    .joinnow {
        margin-top: -10px;
    }
    .aboutsub {
        background: #63c5de;
        background-color: #63c5de;
        border: 1px solid #ddd;
    }
    .picview {
        width: 90%;
        height: 93%;
        overflow-y: scroll;
    }
    .contic {
        position: relative;
        width: 100%;
        height: 450px;
    }
    .comtic {
        position: relative;
        left: 0px;
        padding: 15px 20px;
    }
    .overview {
        position: relative;
        top: 10px;
        right: 0px;
        left: 0px;
    }
    .tbox {
        top: -25px;
    }
    .cfombox {
        bottom: -25px;
    }
    .badgetitle {
        text-align: center;
    }
    .cgkpic {
        top: -70px;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .csibox {
        margin: 100px 0px 50px 0px;
        padding: 120px 20px 20px 20px;
    }
    .botline {
        display: none!important;
    }
}

@media screen and (max-width:1199px) {
    .seartop {
        margin-top: -45px;
    }
    #butright {
        bottom: 15px;
    }
    .cright {
        position: absolute;
        right: -5px;
    }
    .lvlcontainer {
        min-height: 400px;
    }
}

.j_res_tbs_hedr_nws {
    position: absolute;
    bottom: 0px;
    padding: 0px 15px 15px 15px;
    color: #FFFFFF;
    background-color: rgba(34, 31, 115, 0.6);
    background: rgba(34, 31, 115, 0.6);
    width: 100%;
    min-height: 20%;
}

#j_res_add_cls_vw_mr1,
#j_res_add_cls_vw_mr2,
#j_res_add_cls_vw_mr3 {
    position: absolute;
    bottom: 0px;
    padding: 0px 15px 15px 15px;
    color: #FFFFFF;
    background-color: rgba(34, 31, 115, 1);
    background: rgba(34, 31, 115, 1);
    width: 100%;
    min-height: 20%;
}

#googleMap {
    height: 500px;
}

.form-control {
    border-radius: 0px;
    border: 1px solid #888888;
}

#j_UI_app_f_seminar {
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.75);
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 0%;
}

.col-lg-6 label {
    margin-top: 10px;
}

.table th {
    text-align: center;
}

#myCarousel img {
    width: 100%;
}

#myCarousel {
    background: transparent;
    padding: 0%;
}

#j_res_frm_dv {
    border: 1px solid #dddddd;
    padding: 0%;
    margin-top: 15px;
    padding-bottom: 15px;
}

#j_res_frm_dv header {
    padding: 10px;
    background-color: #e7e7e7;
}

#j_res_bdy_reg {
    background: #e9e9e9;
    padding: 15px;
    color: #000000;
    margin-bottom: 30px;
}

#j_res_inpt_sub {
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #221f73;
    color: #ffffff;
    padding: 8px 25px 8px 25px;
    margin-top: 10px;
}

#j_res_lgn_dv {
    margin-bottom: 50px;
}

#j_res_lgn_dv .form-control {
    color: #000000;
}

#j_res_lgn_dv h2 {
    font-weight: bold;
    color: #221f73;
}

#j_res_lgn_dv hr {
    border: 1px solid #221f73;
    margin-top: -5px;
    margin-bottom: 3px;
}

#j_res_lgn_dv p {
    margin: 0%;
    font-weight: bold;
}

#j_res_lft_dv {
    padding: 0%;
    margin-top: 30px;
}

#j_res_bi_dv .input-group-addon {
    width: 87px;
}

#j_res_bi_dv .input-group,
#j_res_schl_pay_dv .input-group {
    margin-top: 3px;
    width: 100%;
}

#j_res_bi_dv input[type="submit"],
#j_res_schl_pay_dv input[type="submit"] {
    padding: 8px 20px 8px 20px;
    border-radius: 0px;
    margin-top: 5px;
}

#j_res_cer_dt a {
    padding: 8px 20px 8px 20px;
    border-radius: 0px;
    margin-top: 5px;
}

#j_res_cmp_endor label {
    margin-top: 25px;
    margin-bottom: 25px;
}

#j_res_cmp_endor header {
    font-size: 3em;
    color: #96b33e;
    margin-bottom: 20px;
}

#j_res_cmp_endor b {
    font-weight: bold;
}

#j_res_clr {
    color: #ff0000;
}

#j_res_sv {
    color: #449d44;
}

#j_res_gen_rules {
    margin-top: 20px;
    line-height: 30px;
}

#j_res_msg {
    border: 1px solid #221f73;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.j_res_j_pagi li {
    display: inline-block;
    margin-right: 10px;
}

.j_res_j_pagi a {
    text-decoration: none;
}

.j_res_j_pagi .current {
    background: #5bc0de;
    padding: 5px;
    color: #ffffff;
    border-radius: 2px;
}

.j_res_j_pagi {
    padding: 0%;
}

.card {
    position: relative;
}

.back {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #232371;
    opacity: 0;
}

.ftpback {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 120, 92, 0.5);
    opacity: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#j_res_atbat {
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #221f73;
    color: #ffffff;
    padding: 10px 35px 10px 35px;
    margin-top: 2px;
    text-decoration: none;
    cursor: pointer;
}

#j_res_contact_map img {
    max-width: none!important;
    background: none!important;
    height: 100%;
    width: 100%;
}

#j_res_contact_hldr {
    overflow: hidden;
    height: 503px;
    width: 100%;
}

#j_res_frm_sub_btn {
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #221f73;
    color: #ffffff;
    padding: 8px 25px 8px 25px;
    margin-top: 10px;
}

#j_res_cnt_frm {
    margin-top: 15px;
}

#j_res_cnt_frm .form-control {
    margin-bottom: 7px;
    width: 70%;
}

#j_res_sub_list a {
    text-decoration: none;
}

#j_res_rt_list {
    color: #221f73;
    font-size: 1.4em;
}

#j_res_rt_list a {
    text-decoration: none;
}

#j_res_whl_mem_dv {
    margin-top: 25px;
    min-height: 300px;
    padding: 15px;
}

#j_res_whl_cnt {
    margin-top: 30px;
}

#j_res_mdt_hdr {
    padding: 30px;
    color: #ffffff;
    background-color: #00aeef;
}

#j_res_whl_dv {
    margin-top: -47px;
}

#j_res_cntry_nm {
    color: #ffffff;
    font-size: 1.4em;
}

#j_res_cntry_othr label {
    font-weight: bold;
    font-size: 1.3em;
}

#j_res_whl_dv_ln {
    border: 1px solid #e7e7e7;
    padding: 0%;
    min-height: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#j_res_whl_dv_frst p {
    background-color: #00aeef;
    color: #ffffff;
    padding: 10px 5px 10px 8px;
    font-size: 1.3em;
    margin-top: 15px;
    border-radius: 3px;
}

#j_res_whl_dv_scnd header {
    background-color: #dddddd;
    color: #ffffff;
    padding: 10px 5px 10px 8px;
    font-size: 1.3em;
    margin-bottom: 15px;
    border-radius: 3px;
}

#j_res_whl_dv_scnd {
    padding-right: 0%;
    text-align: justify;
    line-height: 25px;
}

#j_res_whl_dv_frst,
#j_res_whl_dv_frst_cntry {
    background-color: #253F8E;
    color: #ffffff;
    padding: 15px 15px;
    border-radius: 4px;
}

#j_res_contact_img {
    margin-top: 20px;
    border: 1px solid #e7e7e7;
}

#j_res_cl_dv {
    margin-top: 0px;
}

#j_res_cl_dv_cnt {
    padding: 15px;
    border: 1px solid #e7e7e7;
    min-height: 370px;
    margin-top: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#j_res_cl_dv_cnt_ass {
    padding: 0%;
    border: 1px solid #e7e7e7;
}

#j_res_cl_dv_lbl {
    color: #221f73;
    font-size: 1.3em;
    margin-top: 10px;
    margin-bottom: 10px;
}

#j_res_whl_bdy_hldr_cnt {
    padding: 0%;
}

#j_res_whl_bdy_hldr_cnt hr {
    border: 2px solid #221F73;
    margin-top: 45px;
    margin-bottom: 25px;
}

#j_res_whl_bdy_hldr_cnt li {
    list-style: none;
}

#j_res_cnt_info {
    line-height: 30px;
    margin-top: 30px;
}

#j_res_whl_bdy_hldr_cnt_lbl {
    padding: 15px;
    background-color: #221f73;
    color: #ffffff;
    text-align: center;
}

#j_res_cntry_news_img img {
    width: 50%;
}

#j_res_cntry_hldr {
    margin-bottom: 10px;
}

#j_res_bt_hldr a {
    border-radius: 0px;
    padding: 5px 35px 5px 35px;
    margin-bottom: 0px;
}

#j_res_cntry_news_img .thumbnail {
    border: 1px solid transparent !important;
}

#j_res_all_ass_mem {
    margin-top: 10px;
    line-height: 20px;
}

#j_res_oth_bdy_ass {
    padding-bottom: 25px;
}

#j_res_whl_waw {
    margin-top: 20px;
    margin-bottom: 20px;
}

#j_res_mg_spn {
    width: 73%;
    background-color: rgba(33, 32, 116, 0.7);
    border: 1px solid transparent;
    z-index: 100;
    top: 330px;
    position: absolute;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    height: 70px;
}

#j_res_prof_img_hldr {
    padding-top: 15px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    margin-left: 15px;
}

#j_res_filter_all {
    border: 1px solid transparent;
    background: transparent;
}

#j_res_filter img {
    margin-left: 5px;
    margin-right: 5px;
}

#j_res_filter {
    margin-bottom: 10px;
}

#j_res_blue_lbl {
    color: #221f73;
    font-size: 1.7em;
    margin-top: 18px;
}

#j_res_hldr_hr {
    padding: 0%;
    margin-bottom: 10px;
}

#j_res_hldr_hr hr {
    border: 2px solid #221f73;
}

#j_res_root_dv {
    padding: 7px;
    background: #d7d7d7;
    color: #ffffff;
    font-size: 1.5em;
}

#j_res_othr_adnm {
    padding: 7px;
}

#j_res_educ_dv {
    background: #dddddd;
}

#j_res_educ_dv td {
    padding-top: 3px;
    padding-bottom: 3px;
}

#j_res_educ_dv label {
    font-weight: bold;
}

#j_res_educ_dv span {
    color: rgb(34, 31, 115);
    font-weight: bold;
}

table.borderless td,
table.borderless th {
    border: none !important;
}

#j_res_schl_pay_dv span {
    width: 118px;
}

#j_res_user_desc {
    line-height: 15px;
}

#j_res_user_desc table {
    width: 100%;
}

#j_res_dv_mrg_bt {
    margin-bottom: 30px;
}

#j_res_dv_cnt_tp {
    margin-top: 120px;
}

#j_res_tst_img_hldr img {
    width: 50px;
    height: 50px;
}

#j_res_lttr_msg {
    margin-top: 20px;
}

#j_res_ckkbk_hldr label {
    font-size: 2.2em;
    margin-bottom: 0%;
}

#j_res_ckkbk_hldr img {
    float: right;
}

#j_res_ckkbk_hldr_icn img {
    width: 80px;
    float: right;
    padding-right: 5px;
}

#j_res_ckkbk_hldr_icn a {
    float: right;
    font-size: .9em;
}

#j_res_scnd_dv header {
    background-color: #F6AE24;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    color: #000000;
}

#j_res_scnd_dv {
    padding: 0%;
    background-color: #171759;
    color: #ffffff;
    padding-bottom: 15px;
}

#j_res_scnd_dv .table>td {
    padding-top: 0%;
}

#j_res_scnd_dv_tbl1,
#j_res_scnd_dv_tbl2 {
    color: #ffffff;
}

#j_res_thrd_cb_dv label {
    font-size: 2.2em;
    margin-bottom: 0%;
}

#j_res_frth_cb_dv label {
    font-size: 2.2em;
    margin-bottom: 10px;
}

#j_res_thrd_cb_dv p {
    color: #2A62CD;
    padding-top: 10px;
    line-height: 25px;
}

#j_res_thrd_cb_dv {
    padding: 0%;
    margin-top: 15px;
}

#j_res_frth_cb_dv {
    background-color: #eeeeee;
    padding-bottom: 15px;
}

#j_res_frth_cb_dv p {
    font-weight: bold;
    padding-top: 3px;
    margin-bottom: 0%;
}

#j_res_ckcbok_dv_all .table>tbody>tr>td {
    border: 1px solid transparent !important;
}

#j_res_scnd_dv span {
    padding-left: 10px;
}

#j_res_scnd_dv_tbl1 td,
#j_res_scnd_dv_tbl2 td {
    padding-bottom: 0% !important;
}

#j_res_recog_dta,
#j_res_cntry_dta {
    min-height: 200px;
    padding: 0%;
    color: #ffffff;
}

#j_res_cntry_lgo {
    min-height: 200px;
    height: 100%;
    width: auto;
    background-color: #221F73;
    /*  padding:15px; */
    margin-top: 15px;
    border-radius: 4px;
}

#j_res_recog_dta hr,
#j_res_cntry_dta hr {
    border: 2px solid #221f73;
    margin-top: 25px;
    margin-bottom: 25px;
}

#j_res_cntry_dta {
    min-height: 200px;
    background-color: #221F73;
    color: #ffffff;
    padding: 1px 20px 10px 20px;
    margin-top: 15px;
    border-radius: 3px;
}

#j_res_td_prog_nm {
    font-size: 1.4em;
    padding-bottom: 25px !important;
}

#j_res_btn_fr_prg_more {
    margin-bottom: 15px;
    border-radius: 9px;
    color: #000000 !important;
    font-weight: bold;
    padding: 2px 20px 2px 20px;
}

#j_res_tbl_prgdetails_cptz {
    text-transform: capitalize;
}

#j_res_tbl_fr_ep td {
    line-height: 15px;
    font-weight: bold;
}

#j_res_recog_dta_lg {
    background-color: #dddddd;
    padding: 15px;
    border-radius: 3px;
}

#j_res_padd_all {
    padding: 0%;
}

#j_res_cmp_dv .thumbnail {
    border: 1px solid transparent !important;
}

#j_res_cmp_dv img {
    width: 50%;
}

#j_res_ftr_a {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0%;
}

#j_res_ftr_a div {
    padding: 0%;
    margin-top: 15px;
}

#j_res_ftr_a a {
    color: #ffffff !important;
    text-decoration: none;
}

#j_res_tos li>a {
    padding: 5px !important;
    border-radius: 0px;
}

#j_res_tof_dv h3 {
    margin-bottom: 30px;
    margin-top: 30px;
}

#j_res_tof_dv p {
    text-align: justify;
}

.j_res_lbl_n_out {
    color: #ff0000;
    font-size: 1.3em;
}

#j_res_ul_li_hldr li {
    float: left;
    list-style: none;
}

#j_res_ul_li_hldr button {
    margin-right: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    border-radius: 3px;
}

.j_res_btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.j_res_btn_df {
    background-color: #e9ecf2;
    border-color: #e9ecf2;
    color: #1b3548;
}

#j_res_activ_pg {
    background-color: #5bc0de;
    color: #ffffff;
}


/*==============LUXEMBOURG==============*/

#sec_luxembourg {
    text-align: center;
}

#sec_luxembourg p {
    font-size: 2.2rem;
}

#sec_luxembourg h2 {
    font-weight: 700;
    font-size: 2.5rem;
}

#sec_luxembourg h3 {
    font-weight: 700;
}

#sec_luxembourg .div_image {
    width: 35%;
    margin: 0 auto;
}

#sec_luxembourg a {
    text-decoration-line: none;
}

#sec_luxembourg .border_top_hr {
    border-bottom: 2px solid #221f73;
}

#sec_luxembourg .div_ul p {
    color: #221f73;
    font-weight: 700;
    font-size: 2.1rem;
}

#sec_luxembourg .div_ul_expand p {
    margin-top: 10px;
}

#sec_luxembourg .div_box p {
    font-size: 1.6rem;
}

#sec_luxembourg .alignright {
    text-align: right;
}

#sec_luxembourg .alignleft {
    text-align: left;
}

#sec_luxembourg .padding30 {
    padding: 30px;
}

#sec_luxembourg .blue2 {
    color: #221f73
}

#sec_luxembourg .div_img {
    width: 100%;
    height: 200px;
    display: table;
    color: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#sec_luxembourg .div_btn_info {
    background: #221f73;
    color: white;
    width: 25%;
    margin: 0 auto;
    height: 40px;
}

#sec_luxembourg .div_btn_info h4 {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    width: 25%;
}

#sec_luxembourg .div_ul_expand {
    border-top: 2px solid #221f73;
    width: 21.7%;
    border-bottom: 2px solid #221f73;
    margin: 0 auto;
}

.sec6_box {
    height: 120px;
    border: 2px solid #ddd;
}

.btnregis {
    border: 1px solid #221F73;
    background: #221F73;
    background-color: #221F73;
    color: #FFFFFF;
}

.btnregis:hover {
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #221F73;
}


/*===============SeminarCompetition===============*/

#circle {
    padding: 30px 15px 50px;
    margin-top: 100px;
}

#circle .imgcon {
    position: absolute;
    z-index: 5;
    top: -80px;
}

#circle .box {
    border: 2px solid #221f73;
    padding: 30px 20px 25px 120px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#circle .imgsec {
    width: 200px;
    height: 200px;
}

#comsemintro {
    padding-top: 0px;
}

#comsemintro .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    grid-column-gap: 10px;
    column-gap: 10px;
    grid-auto-rows: minmax(150px, auto);
}

#comsemintro .one {
    background-color: transparent;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .two {
    background-color: transparent;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .three {
    background-color: transparent;
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .four {
    background-color: transparent;
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .five {
    background-color: transparent;
    -ms-grid-column: 5;
    grid-column: 5;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .five-2 {
    background-color: transparent;
    -ms-grid-column: 6;
    grid-column: 6;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .six {
    background-color: transparent;
    -ms-grid-column: 2;
    grid-column: 2/7;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .seven {
    background-color: transparent;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 3px;
}

#comsemintro .pcatdes {
    position: absolute;
    top: 10px;
}

#comsemintro .divcatdes {
    height: 155px;
}

#comsemattend .paddleft {
    padding-left: 0px;
    padding-right: 31px;
}

#comsemattend .paddright {
    padding-left: 0px;
    padding-right: 31px;
}

#comsemattend .aiheight {
    height: 370px;
}

.upcimg {
    height: 150px;
    border: 2px solid #ddd;
}

.left2cen {
    text-align: left;
}

.stephide {
    display: none;
}

.stepshow {
    display: table-cell;
}

.paddleft0 {
    padding-left: 0px;
}

.comsemmarbot {
    margin: 0px;
}

@media only screen and (max-width: 1199px) {
    #comsemintro .catboxres {
        font-size: 14px;
    }
    #comsemintro .divcatdes {
        height: 220px;
    }
    #comsemattend .aiheight {
        height: 420px!important;
    }
    #circle .box {
        padding: 60px 20px 25px 120px;
    }
}

@media only screen and (max-width: 991px) {
    #comsemintro .divcatdes {
        height: 100px;
    }
    #comsemintro .wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(6, 2fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        column-gap: 10px;
        grid-auto-rows: minmax(150px, auto);
    }
    #comsemintro .one {
        background-color: transparent;
        -ms-grid-column: 1 / 3;
        -ms-grid-column-span: 2;
        grid-column: 3 / 5;
        -ms-grid-row: 1;
        grid-row: 1;
        visibility: visible;
    }
    #comsemintro .two {
        background-color: transparent;
        -ms-grid-column: 3 / 5;
        -ms-grid-column-span: 2;
        grid-column: 2 / 4;
        -ms-grid-row: 1;
        grid-row: 2;
    }
    #comsemintro .three {
        background-color: transparent;
        -ms-grid-column: 5 / 7;
        -ms-grid-column-span: 2;
        grid-column: 4 / 6;
        -ms-grid-row: 1;
        grid-row: 2;
    }
    #comsemintro .four {
        background-color: transparent;
        -ms-grid-column: 2/4;
        grid-column: 2/4;
        -ms-grid-row: 2;
        grid-row: 3;
    }
    #comsemintro .five {
        background-color: transparent;
        -ms-grid-column: 4 / 6;
        -ms-grid-column-span: 2;
        grid-column: 4 / 6;
        -ms-grid-row: 2;
        grid-row: 3;
    }
    #comsemintro .five-2 {
        background-color: transparent;
        -ms-grid-column: 2 / 6;
        ;
        -ms-grid-column-span: 2;
        grid-column: 2 / 6;
        -ms-grid-row: 2;
        grid-row: 4;
    }
    #comsemintro .six {
        background-color: transparent;
        -ms-grid-column: 2;
        grid-column: 2/6;
        -ms-grid-row: 1;
        grid-row: 1;
        margin: 3px;
    }
    #comsemintro .seven {
        background-color: transparent;
        -ms-grid-column: 1 / 3;
        -ms-grid-column-span: 2;
        grid-column: 3 / 5;
        -ms-grid-row: 1;
        grid-row: 1;
    }
    #comsemintro .catbox2res {
        margin-top: 15px!important;
    }
    #intro {
        margin-top: 75px!important;
    }
    #comsemattend .aiheight {
        height: 350px!important;
    }
    #circle .box {
        padding: 120px 20px 25px 20px;
    }
    .left2cen {
        text-align: center;
    }
    #comsemattend .paddleft,
    #comsemattend .paddright {
        padding-left: 15px;
        padding-right: 15px;
    }
    .stephide {
        display: table-cell;
    }
    .stepshow {
        display: none;
    }
    .hrhide {
        display: none!important;
    }
    .hidehr {
        display: block!important;
    }
    .paddleft0 {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .upcimg {
        height: 320px!important;
    }
}

@media only screen and (max-width: 667px) {
    #comsemintro .wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(1, 6fr);
        grid-gap: 10px;
        grid-column-gap: 10px;
        column-gap: 10px;
        grid-auto-rows: minmax(150px, auto);
    }
    #comsemintro .one {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: ;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }
    #comsemintro .two {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }
    #comsemintro .three {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
    }
    #comsemintro .four {
        background-color: transparent;
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 4;
        grid-row: 4;
    }
    #comsemintro .five {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1;
        -ms-grid-row: 5;
        grid-row: 5;
    }
    #comsemintro .five-2 {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1;
        -ms-grid-row: 6;
        grid-row: 6;
    }
    #comsemintro .six {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 1;
    }
    #comsemintro .seven {
        background-color: transparent;
        -ms-grid-column: 1;
        -ms-grid-column-span: ;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
        display: none;
    }
    #comsemattend .aiheight {
        height: 370px!important;
    }
}

@media only screen and (max-width: 535px) {
    #comsemattend .aiheight {
        height: 420px!important;
    }
}

@media only screen and (max-width: 435px) {
    #comsemattend .aiheight {
        height: 500px!important;
    }
    .comsemmarbot {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 375px) {
    #comsemattend .aiheight {
        height: 600px!important;
    }
}
.navbar-default {
    background-color: #9c0f06!important;
    border-color: #951107!important;
}