body {
  background-color: #fff;
  position: relative; }
 

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;outline:0;border:0; }
  a, a:hover {
    text-decoration: none; }

.site-navbar {
    margin-bottom: 0px;
    z-index: 1999;
    position: fixed;
    top: 0;
    width: 100%;
   padding: 10px 0;
   background-color: #282845;
} .site-navbar .site-logo {
    position: relative;
    left: 0;
    font-size: 24px; }
.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
    float: right;
}    .site-navbar .site-navigation .site-menu .active {
      color: #007bff;
      display: inline-block;
      padding: 20px 20px; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 20px 5px;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #fff; }
      .site-navbar .site-navigation .site-menu > li.social > a {
        padding-left: 5px;
        padding-right: 5px; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #007bff;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active {
          color: #007bff !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 210px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #eff1f3;
              color: #000; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #007bff; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;     background-image: linear-gradient(66deg, transparent 0%, transparent 24%,rgba(195, 195, 195,0.04) 24%, rgba(195, 195, 195,0.04) 80%,transparent 80%, transparent 100%),linear-gradient(153deg, transparent 0%, transparent 29%,rgba(195, 195, 195,0.04) 29%, rgba(195, 195, 195,0.04) 45%,transparent 45%, transparent 100%),linear-gradient(199deg, transparent 0%, transparent 32%,rgba(195, 195, 195,0.04) 32%, rgba(195, 195, 195,0.04) 59%,transparent 59%, transparent 100%),linear-gradient(277deg, transparent 0%, transparent 56%,rgba(195, 195, 195,0.04) 56%, rgba(195, 195, 195,0.04) 57%,transparent 57%, transparent 100%),linear-gradient(90deg, rgb(48,38,102),rgb(48,38,102));}
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; color:#fff;}
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; color:#fff; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .active {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap .social {
      display: inline-block; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li.social {
        float: none !important;
        width: auto !important; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px;color:#fff; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  width: 100%; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; text-align:center;}
  .sticky-wrapper .site-navbar { opacity:1; background-color: #000033;}
    .sticky-wrapper .site-navbar .site-menu-toggle {
      color: #fff;float:right; }
    .sticky-wrapper .site-navbar .site-logo a {
      color: #fff; }
    .sticky-wrapper .site-navbar .site-menu > li > a {
      color: rgb(225 225 225) !important; font-weight:600; }
      .sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active {
        color: #fff !important; }
  .sticky-wrapper.is-sticky .site-navbar {
    background: #50381e;
opacity:1;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1); }
    .sticky-wrapper.is-sticky .site-navbar .site-menu-toggle {
      color: #fff; }
.site-navbar .site-menu > li > a {
    color: #b7c8fd;
    outline: none;outline:0;
}   .site-navbar .site-menu > li > a {
      color:#b7c8fd;     transition: all 1s ease-in;}
      .site-navbar .site-menu > li > a:hover, .site-navbar .site-menu > li > a.active {
        color:#fff;     transition: all 1s ease-in;}




#goto-top{
   position: fixed;
   left:20px;
   bottom:120px;
   font-size:17px;
   text-align:center;
   -webkit-border-radius:100%;
   border-radius:100%;
   width:40px;
   height:40px;
   background: #fff;
   cursor: pointer;
   line-height:40px;
   text-decoration:none;
   color:#050638;
border:1px solid #050638;
}
#goto-top:hover{
   background: #050638;
color: #fff;
}
.copyright{ margin:0; padding:0;}

body{font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif;}


ul.social{margin: 0;
    padding-left: 0; display: flex;
	flex-direction:row; align-items:center; }
	ul.social li{    list-style-type: none;
    background: #fff;
    padding: 0 3px;
    min-height: 35px;
    width: 100%;
    max-width: 35px;
    border-radius: 4px;display: flex;
	flex-direction:row; align-items:center; text-align:center;
    text-align: center; justify-content:center;
     margin: 0 5px; align-self:center;}
	ul.social li a{ color:#00153e;}

footer{    background: #000033;
display:flex; justify-content:center; align-items:center; padding:10px 0;}
footer h6{ font-weight:500;text-align: right;
margin:0; color:#fff;}
	
	{font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 13px;
    margin-right: 13px;}
	.ts-title{ padding:10px 40px; font-weight:500; font-size:22px; border-bottom:1px solid #ccc; text-align:center;color: #fff;}
	.ts-contact .single-contact-feature span.fa {
    font-size: 20px;
}
.single-intro-text ul{ padding:0;}
.single-intro-text ul li{ list-style:none; font-size:18px;}
.single-intro-text ul li a{color:#fff;}
.single-intro-text ul li.title{ font-weight:bold; text-transform:uppercase;}

			
							.single-intro-text{    padding: 20px 0px 20p 0;
    -webkit-box-shadow: 0px 20px 25px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 20px 25px 0px rgb(0 0 0 / 8%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #000033;
    z-index: 2;    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eeeeee;
    border-radius: 0;
    border-radius:10px;}
	
	
	
	.copyright {
    margin: 0 30px 0 0;
    padding: 0;
    font-size: 16px;
    color: #fff;
}
#partners{ background:#001542;}
.contact{ background:#011f6a;}

/**Common CSS**/
.section-title{ position:relative; margin-bottom:60px; font-size:40px; text-align:center;}
section.odd h2.section-title{ color:#020774;}
section.even h2.section-title{color:#fff;}

.floating-btn {
    position: fixed;
    right: -110px;
    top: 300px;
    float: right;
    width: 260px;
    text-align: center;
    z-index: 99;
    transform: rotate(
270deg
);

}
.floating-btn a{   background:#ba8738; color: #001545;
    padding: 7px 15px;
    height: 40px;
    line-height: 20px;
    font-size: 18px;font-family: 'Roboto Slab', serif;}
	
	.icons{ opacity:0.2;}
	
	
	/*Contact*/
	..ts-title{ text-align:center;}
	
		/*Partners*/
		
		
		.box{ margin: 10px 0;
    min-height: 105px;
    /* padding: 0 30px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; border:1px solid #ccc;
    background-color: #fff;}
	
	.jury h3{ color:#fff; text-align:center;}
	


.categories p {
    font-size: 18px;
    line-height: 28px;

	color:#020774;
	margin:0;
	padding:0;
}


.categories p{margin-bottom:10px;}
.advertise-btn{
	  width:170px;
    padding: 10px 16px;
    position:fixed;
  
    bottom:120px;
    z-index: 99;
    right:40px;
   background: #feaf3a;
    color:#060520;
    font-weight: bold;
    font-size: 18px;
    border-radius:55px;
    text-align:center;
   
}
.advertise-btn:hover{  color:#3f0068;}
.button-collapse{ color:#333;}
.pulse {
    overflow: visible;
  }

.pulse::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}
@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
.copyright{    text-align: right;}
section{padding:100px 0;}
section p,section ul li{font-size:18px;line-height:24px;}
.table{ font-size:18px;}

.entry-process {width:100%;  display:flex; flex-wrap: nowrap; padding:0px;margin-top:20px;}
.rules p,.rules ul li{color:#020774;}
.entry-process li {list-style-type:none; width:16.45%; border-radius:0; text-align:center; margin:0 8px; padding:30px 15px 15px; z-index:9; 
position: relative; border:4px dashed #FF0000; color:#FFFFFF; transition: 0.5s;}
.rules .entry-process li{padding:20px 0;}
.entry-process li:nth-child(1) {border:5px solid #d6aa27;}
.entry-process li:nth-child(1):after { background:#070342;}
.entry-process li:nth-child(1):before {border-left-color:#070342;}
.entry-process li:nth-child(2) {border:5px solid #d6aa27;}
.entry-process li:nth-child(2) p,.entry-process li:nth-child(2) i,.entry-process li:nth-child(4) p,.entry-process li:nth-child(4) i,.entry-process li:nth-child(6) p,.entry-process li:nth-child(6) i{color:#ffffff;}
.entry-process li:nth-child(2):after { background:#000033;}
.entry-process li:nth-child(2):before {border-left-color:#000033;}
.entry-process li:nth-child(3) {border:5px solid #d6aa27;}
.entry-process li:nth-child(3):after { background:#070342;}
.entry-process li:nth-child(3):before {border-left-color:#070342;}
.entry-process li:nth-child(4) {border:5px solid #d6aa27;}
.entry-process li:nth-child(4):after { background:#000033;}
.entry-process li:nth-child(4):before {border-left-color:#000033;}

.entry-process li:nth-child(5) {border:5px solid #d6aa27;}
.entry-process li:nth-child(5):after { background:#070342;}
.entry-process li:nth-child(5):before {border-left-color:#070342;}
.entry-process li:nth-child(6) {border:5px solid #d6aa27;}
.entry-process li:nth-child(6):after { background:#000033;}
.entry-process li:nth-child(6):before {border-left-color:#feaf3a;}
.entry-process li:nth-child(7) {border:5px solid #d6aa27;}
.entry-process li:nth-child(7):after { background:#070342;}
.entry-process li:nth-child(7):before {border-left-color:#070342;}

.entry-process li:after {content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:0; border:solid 4px #fff; z-index:1}
.entry-process li:before {content:""; display:block; position:absolute; width:0px; height:0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid green; z-index:99;}
.entry-process li:last-child:before {display:none;}
.entry-process .processContent {position:inherit; z-index:9;}
.entry-process .processContent i {margin:auto; display:block; font-size:30px; color:#fff;margin-bottom:10px;}
.entry-process .processContent p {font-size:16px; font-weight:bold; color:#FFFFFF; line-height:24px;padding:0 10px;}
.entry-process li:hover {transform: translateY(-10px);}
.entry-process li a {position:relative !important; z-index:99 !important; color:#fff;}
@media (min-width:992px) {
.entry-process li:before {top:35%; right:-20px;}
}

@media (min-width: 768px) and (max-width: 991px) {

.entry-process li {padding:30px 5px 15px;}
.entry-process .processContent p {font-size:12px;}
.entry-process .processContent i {font-size:25px;}
}

@media (max-width: 767px) {
.entry-process {display:block;}
.entry-process li {

    width: 165px !important;
    height:auto !important;
    margin: 36px auto !important;
}
.entry-process li:before { bottom:-32px; right:0px; left:0px; transform: rotate(90deg); margin:auto;}
}

.rules ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-style li{positive:relative;    text-align: left;}
.rules .list-style li {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding-left: 35px;
padding-bottom:10px;
}
.list-style li:before {
    content: "\f14a";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: #020774;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}.partners{padding:50px 0;}
.partners h4{padding-bottom:10px;}
section p{color:#020774;}
.single-intro-text ul{text-align:center;}
table,tbody, td, tfoot, th, thead, tr{color:#020774;font-size:18px;}
.divider{position:relative;}
.iconic{position:absolute;left:0;right:0;text-align:center;margin:0 auto;top:40px;opacity:0.2;}
.rules h3{ font-size:22px;border-bottom:10px;border-bottom:1px dotted #020774;color:#020774;    line-height: 34px;    text-transform: unset;}
li a.reg {
    color: #fff;
    background-image: repeating-linear-gradient( 
135deg
 , rgba(0,0,0,0.04) 0px, rgba(0,0,0,0.04) 2px,transparent 2px, transparent 4px),linear-gradient( 
135deg
 , rgb(255,204,0),rgb(236,189,0));color:#00184f!important;}
.sticky-wrapper .site-navbar .site-menu > li > a.reg{color:#00184f!important;font-weight:bold;}




@media (min-width:0px) and (max-width:1024px){
footer{padding:20px 0 80px 0;}
footer h6{text-align:left;margin:0 0 10px 0;}
.copyright{    text-align: left; font-size:14px; padding:10px 0;}
.contact{text-align:center;}
.contact .col-md-5{margin-bottom:20px;}
.float-right{float:right;}
.advertise-btn,.goto-top{bottom:20px;}
}



.divider-list{ display:flex;justify-conent:center;}
.categories .divider {
    width: 25%;
    float: left;
    border: 0;
    border: 1px solid;
    border: 1px dashed #cfbd62;
    width: 25%;
    font-size: 16px;
    height: 126px;
    list-style: decimal inside;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 15px;
    text-align: center;
    display: flex;
    /* background: #feaf3a; */
    color: #fff;
    justify-content: center;
    align-items: center;
    color: #fff;flex-direction:column;
position:relative;margin-bottom:25px;}
.divider-list {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}


@media (min-width:0px) and (max-width:1024px){
.categories .divider {width:60%;float:none;}
}

.container{max-width:1140px;}
.hero{background: url(../images/bg-logo.jpg) no-repeat left top;background-size: cover;color: #fff;}
.overview {background: url(../images/ab.jpg) no-repeat left top;background-size: cover;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;}
section.odd h2.section-title {
    color: #21292b;
    display: inline-flex;
    background: #e0dfdd;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 3px 30px 10px 30px;
    margin: 0 0 30px 0;
    border-radius: 50px;
    border: 3px solid #927758;
}			.overview p{ font-size:18px;color:#000;line-height:30px;}
			

section#categories {
    background: url(../images/blue.jpg) no-repeat left top;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
position:relative;
background-attachment:fixed;
overflow:hidden;
}
.round{
    position: absolute;
    top: -10px;
    left: 0;
    transform: rotate(180deg);}
.round img{max-width: 180px;}
.round1 img{max-width: 180px;}
.round1{
    position: absolute;
    bottom: -10px;
    right: 0;
    transform: rotate(360deg);}
.rules{position:relative;}
.lrules{ position: absolute;
    top: 0;
    left: 0;
opacity:9;
}
.lrules img{max-width:250px;}
.rrules{ position: absolute;
    top: 0;
    right: 0;
opacity:9;
}
.brules img{max-width:250px;}
.brules{ position: absolute;
    bottom: 0;
    left: 0;
opacity:9;
}
.rrules img{max-width:250px;}

section.rules {
    background: url(../images/ab.jpg) no-repeat left top;
    background-size: cover;
background-attachment:fixed;
}

.rounded-bg-lines {
    position: absolute;
    top: 15%;
    left: 40px;
    width: auto;
}
.rotating {
    position: absolute;
    top: 5%;
    right: 80px;
    width: auto;opacity:0.6;
}
.rotating3 {
    position: absolute;
    top: 45%;
   left: 80px;
    width: auto;opacity:0.6;
}
.rotating3 {
  -webkit-animation: rotating3 2s linear infinite;
  -moz-animation: rotating3 2s linear infinite;
  -ms-animation: rotating3 2s linear infinite;
  -o-animation: rotating3 2s linear infinite;
  animation: rotating3 2s linear infinite;
}
@-webkit-keyframes rotating3 /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating3 {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating3 /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating3 {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rounded-bg-lines1 {
    position: absolute;
    top: 25%;
    right: 40px;
    width: auto;
}

.rounded-bg-lines4 {
    position: absolute;
    top: 50%;
    right: 40px;
    width: auto;
}
.rounded-bg-lines5 {
    position: absolute;
    top: 70%;
   left: 40px;
    width: auto;
}

.rounded-bg-lines img, .rounded-bg-lines1 img,.rounded-bg-lines-right img,.rounded-bg-lines4 img,.rounded-bg-lines5 img {
 max-width:150px;
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





.rotating4{
    position: absolute;
    bottom: 15%;
   right: 80px;
opacity:0.6;
    width: auto;
}

.rotating4 {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating4 /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating4 {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating4 /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating4 {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

section.even h2.section-title {
    color: #fff;
    display: inline-flex;
    background: #000033;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 3px 30px 10px 30px;
    margin: 0 0 30px 0;
    border-radius: 50px;
    border: 3px solid white;
}
.categories .divider h3 {
    color: #1c1c28;
font-size:54px;
}

.categories .divider {
    width: 40%;
    float: left;
   padding: 15px;
    border-radius: 50px 50px;
    box-shadow: 0 6px #fbfbd3;
    min-height: auto;
    margin-bottom: 25px;
    text-align: center;
    color:#000;
    height:160px;
    background-color: #fff;

  }
.icosa {
    display: block;
    color: #fff;
    position: absolute;
    bottom: 0px;
    margin: 0;
}.categories .divider.blue-box{background-image: repeating-linear-gradient(45deg, rgba(194, 194, 194,0.1) 0px, rgba(194, 194, 194,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(230,43,87),rgb(230,43,87),rgb(230,43,87));   color: #00184f!important;}
.jury{    background: url(../images/bg-category.jpg) no-repeat left top;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-attachment: fixed;}

#partners{background: url(../images/blue.jpg) no-repeat left top; 
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-attachment: fixed;}

.contact{    background: url(../images/ab.jpg) no-repeat left top;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-attachment: fixed;}

.rules .list-style li {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding-left: 35px;
    padding-bottom: 10px;
    color: #000;
    padding: 0 0 20px 30px;
}
.rules h3{color:#fff;}
.list-style li:before {
    content: "\f14a";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: #000;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}
.rules h3 {
    color: #fff;
    display: inline-block;
    /* background: red; */
    padding: 0 10px;
 background-image: repeating-linear-gradient(45deg, rgba(194, 194, 194,0.1) 0px, rgba(194, 194, 194,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(28 28 40),rgb(28 28 40),rgb(28 28 40));
    color: #fff;
    margin:0 0 20px 0;
}.rules ul {
    margin: 20px 0 20px 0;
    padding: 0;
    list-style: none;
}
.entry-process li:nth-child(1):after,.entry-process li:nth-child(3):after,.entry-process li:nth-child(5):after{
    background: #000033;
}

.entry-process li:nth-child(1):before,.entry-process li:nth-child(3):before,.entry-process li:nth-child(5):before {
    border-left-color: #000033;
}
.single-intro-text ul{text-align:center;}
.single-intro-text ul li {
    float: left;
    padding: 0 10px 0 10px;
    text-align: center;
}
.single-intro-text ul {
    text-align: center;
    display: flex;
    justify-content: center;
    color: #fff;
}
.single-intro-text{margin:0 0 20px 0;}

.rules p, .rules ul li{color:#000;}
.single-intro-text ul li {
    float: left;
    padding: 0 10px 0 0;
    text-align: center;
}
.hero {
    background: url(../images/banner.png) no-repeat left top;
    background-size: cover;
    color: #fff;
    margin: 80px 0 0 0;
}

@media (min-width:0px) and (max-width:1024px){
.site-navbar .site-logo img {
    float: left;
    margin: 0 0 0 20px;
    max-width: 70px;
}.site-navbar{padding:0px;}
.overview p {
    font-size: 16px;
line-height:20px;
}
section{padding:50px 0;}
section.odd h2.section-title,.section-title{font-size:20px;}
.overview {
    background: url(../images/ab.jpg) no-repeat center center;
    background-size: cover;

}

.round img ,.round1 img,.lrules img ,.rrules img{
    max-width: 250px;
}
.categories .divider{width:90%;}
.categories .divider h3 {
    color: #000;
    font-size: 40px;
}
.entry-process li:before {
    bottom: -40px;
   }
.single-intro-text ul li{float:none;}
.single-intro-text ul {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.single-intro-text ul li span{display:none;}
.single-intro-text ul li,.rules .list-style li{font-size:14px;}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    max-width: 90%;
    margin-left: auto;
}
.box{padding:20px;}
}



@font-face {
    font-family: myfont;
    src: url(https://www.animationxpress.com/avgc/funny.ttf);
}


@font-face {
    font-family: myfont2;
    src: url(https://www.animationxpress.com/avgc/vfx.ttf);
}


@font-face {
    font-family: myfont3;
    src: url(https://www.animationxpress.com/avgc/game.ttf);
}


@font-face {
    font-family: myfont4;
    src: url(https://www.animationxpress.com/avgc/anx.ttf);
}






















































.button2 {
  width: 145px;
  height: 40px;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgb(207 172 95);
  border: 0px;
  cursor: pointer;
  outline: 0px;
  padding: 0 2px;
  font-weight: 600;
  font-size: 14px;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}



.button {
  width: 145px;
  height: 50px;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgb(207 172 95);
  border: 0px;
  cursor: pointer;
  outline: 0px;
  padding: 0 2px;
  font-weight: 600;
  font-size: 16px;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  z-index: 99999;
  bottom: 20px;
  right: 30px;
  position: fixed;
}

.backdrop {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: rgb(36, 33, 228);
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 15px;
  transform: translateX(-50%) translateY(-50%);
  transition: all ease-in-out 0.5s;
}

.button:hover + .backdrop {
  top: 48%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  transform: rotate(15deg) translateX(-50%) translateY(-50%);
}

.button:active,.button:active +.backdrop {
  box-shadow: none;
}






.main{
    margin-top: 80px;
  }



@media (min-width: 0px) and (max-width: 1024px){
  .main{
    margin-top: 60px;
  }
}








.image
{
  width: 600px;
}