@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
@font-face {
    font-family: 'bariolbold';
    src: url('../fonts/bariol_bold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/bariol_bold-webfont-webfont.woff') format('woff'),
         url('../fonts/bariol_bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/bariol_bold-webfont-webfont.svg#bariolbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariollight_italic';
    src: url('../fonts/bariol_light_italic-webfont-webfont.woff2') format('woff2'),
         url('../fonts/bariol_light_italic-webfont-webfont.woff') format('woff'),
         url('../fonts/bariol_light_italic-webfont-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light_italic-webfont-webfont.svg#bariollight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariollight';
    src: url('../fonts/bariol_light-webfont-webfont.woff2') format('woff2'),
         url('../fonts/bariol_light-webfont-webfont.woff') format('woff'),
         url('../fonts/bariol_light-webfont-webfont.ttf') format('truetype'),
         url('../fonts/bariol_light-webfont-webfont.svg#bariollight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bariolregular';
    src: url('../fonts/bariol_regular-webfont-webfont.woff2') format('woff2'),
         url('../fonts/bariol_regular-webfont-webfont.woff') format('woff'),
         url('../fonts/bariol_regular-webfont-webfont.ttf') format('truetype'),
         url('../fonts/bariol_regular-webfont-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {margin:0;padding:0;box-sizing:border-box;}

html,body{width:100%; height:100%; scroll-behavior: smooth;}
body{font-family: 'bariolregular';}
h1{font-family: 'bariolbold'; font-size: 40px; text-align: center; color: #ba509b; text-transform: uppercase; margin: 30px 0; }

.bgone {
  background: url(../images/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100% 100%;
}

.timerheadebox {width:400px;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}



.header--sticky {position: sticky;top:0;z-index: 100;}
.widget {display:flex;justify-content: center;align-items: center;margin: 15px 0;}
.widget.js-sticky-widget {cursor: pointer;transition: all 0.25s ease-in-out;}
.widget--sticky {}


.menu_wrap{margin:0px;padding: 0px;}
.navigation {width: 100%;padding-left: 0px;position: relative;display: inline-block;}
.navigation ul {margin:0px;padding: 0px;}
.navigation ul li {width: 230px;list-style:none;display:block;font-family: 'bariolbold';font-size:16px;line-height: 20px; text-align:left;text-transform: uppercase;}
.navigation ul li a{padding:7px 0 7px 10px; color:#3d5ca3;display: block;}
.navigation ul li a:hover{text-decoration: none;color:#ffffff;background-color:#3d5ca3}
.navigation ul li:last-child{border-bottom: none}
.navigation ul li img {max-width:100%;height:auto;display: block;}

.text_container{width:100%;margin:0 0 40px 0;padding: 0px;}
.text_container p{margin:0 0 14px 0; font-family:'bariolregular';font-size: 19px;line-height: 25px;text-align: justify}

.Privacy_Policy{width:100%;margin-bottom:20px;padding:15px;}
.Privacy_Policy p{font-size:15px;line-height:21px}

.points{width:100%;margin: 0px;}
.points ul{margin: 0 0 15px 20px;padding: 0px;}
.points ul li{margin:0 0 3px 0;padding:0px;list-style: disc;font-size: 15px;}

.themes{margin:0px;padding:0px}
.themes li{margin:0px;padding:0px;list-style: none}
.themes li img{width:60px;height:auto;display: block}

.theme-icon{width:100%;height: auto;margin: 0px;text-align: center}
.theme-icon img{max-width:100%;height:auto;display:inline-block}

.theme_text{width:100%;margin: 0px;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%;position: absolute; left:0px;}
.theme_text p{margin:0 0 5px 0 !important; font-family:'bariolregular';font-size:19px !important;color:#000000; line-height:18px;font-weight:normal;text-align: left !important;}
.theme_text p strong{margin:0 0 5px 0 !important; font-family: 'bariolbold' !important;font-size:19px !important;color:#ba509b; line-height:18px;font-weight: bold;text-align: left !important;}

.categories{margin:0 0 30px 0;padding:0px;}
.categories li{margin:0 0 10px 0;padding:0px;font-family:'bariolregular';font-size:18px;line-height:23px; color:#000000;font-weight:normal;text-align: left;list-style:none}
.categories li strong{color:#ba509b;font-weight: bold;}

.video_box{width:100%;margin:20px auto;text-align: center;line-height: 0px;}
.video_box h3{margin-bottom: 30px;font-family:'bariolbold';font-size:27px;color:#3e5ca3;font-weight:600;text-align: center}
.video_box video{box-shadow: 3px 5px 6px rgba(0,0,0,0.3);border-radius:4px}

/*.theme_text p{margin:0 0 10px 0 !important; font-family: 'bariolbold' !important;font-size:19px !important;color:#ba509b; line-height:18px;font-weight: bold;text-align: left !important;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%;position: absolute; left:0px;}*/

.agenda-wraper{width:100%;margin:0 0 30px 0;}

.agenda_title {width:100%;margin:0px;padding:0px;background: rgb(180,84,155);background: linear-gradient(90deg, rgba(180,84,155,1) 0%, rgba(81,90,163,1) 24%, rgba(81,90,163,1) 64%, rgba(115,198,216,1) 100%);}
.agenda_title h2{margin:0px;padding:10px 0;font-family: 'bariolbold';font-size:29px !important;color:#ffffff; line-height:32px;font-weight: bold;text-align: center!important;}

.agenda-box{width:100%;margin: 0px;}
.agenda-box .table th{padding:6px 10px;font-size: 18px;color:#000000;background-color:rgba(255,255,255,1)}
.agenda-box .table td{padding:8px 10px;font-size: 18px;line-height: 22px;color:#000000;background-color:rgba(255,255,255,1)}

.agenda-box .table td ul{margin-top:10px;margin-bottom: 0px}
.agenda-box .table td li{margin:0 0 12px 0; }
.agenda-box .table td li:last-child{margin-bottom: 0px;}
.agenda-box .table td table{margin: 0px;}
.agenda-box .table td table td{padding: 0px;}
.td_spacing{height:27px}
.br-none{border:1px #ffffff solid !important; border-right:1px #dee2e6 solid !important;}
.bb-none{border-bottom:1px #ffffff solid !important}

.text_container h4 {margin:0 0 15px 0;padding: 0px;font-family:'bariolregular';font-size: 25px;text-align: center;color: #3d5ca3;}

/*.bottom-logo {position:absolute;bottom:0px;right: 30px;float:right;z-index: -1}*/
.bottom-logo {float:right;z-index: -1}
.bottom-logo img {width:200px;}

.consent{font-size:13px}

.form-group {position: relative;margin-bottom: 0px !important;}
/* .form-group + .form-group {margin-top: 20px;}*/
.form-input {width: 100%;position: relative;top:5px;margin-bottom:12px;	 color:#000;border-radius:2px;outline: 0;}
.marmainus {/*margin-bottom:-6px;*/ margin-bottom:1rem;}
.form-input:focus {border: 1px solid #d70a2b;top: 5px;}
.form-input.filled {border: 1px solid #fff;top: 5px;color:#fff;}
.form-label {padding-left:10px;position: absolute;left: 0;top: 10px;color: #000;z-index: 10;transition: transform 150ms ease-out, font-size 150ms ease-out;}
.focused .form-label {transform: translateY(-125%);font-size: 0.75em;left:-10px;color: #000;}


.menu {width: 100%;padding: 5px 0px 5px 10px;position: relative;top:5px;color:#000;border-radius:2px;outline:0;border: 1px solid #383838;}
.menu:focus {border: 1px solid #d70a2b;top: 5px;}
.menu.filled {border: 1px solid #fff;top: 5px;color:#fff;}

.registerNow{padding: 8px 15px; background-color: #00b3fe; border-radius: 5px; text-transform: uppercase; color: #ffffff; font-weight: bold;}
.registerNow:hover{text-decoration: none;}

.fbg{background-color:#3F5CA3;padding:5px 12px;}
footer{margin-top: 10px;}
footer .link a{color:#ffffff;font-size: 16px;}
footer .link a:hover{text-decoration: underline}



.btn_link{width:100%;margin:0 auto;text-align:center;margin-top:30px;}
.btn_link a{padding: 9px 30px; font-size: 23px; color:#ffffff;text-align: center;font-weight:600;border:0px;border-radius: 25px; background: rgb(180,84,155);background: linear-gradient(90deg, rgba(180,84,155,1) 0%, rgba(81,90,163,1) 24%, rgba(81,90,163,1) 64%, rgba(115,198,216,1) 100%);}
.btn_link a:hover{text-decoration: none}

.mb30{margin-bottom:35px;}
.mb40{margin-bottom:40px;}


.floating-div {margin:0px;}
footer {clear:both;padding:0px;}
.sticky {position: fixed; top:30px;left:15px;margin: 0;width:calc(33.33% - 25px);}
.abs {position: absolute;bottom: 10px;left:10px;width:calc(33.33% - 20px);}
.clearfix:after {content:"";display:block;clear:both;}

.openNav{display:none}
.sidenav {
  height: 100%;
  width:0px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s !important;
  padding-top: 60px;
}

.sidenav ul{margin:0px;padding:0px;}
.sidenav ul li{width:250px; margin:0px;padding:0px;transition: 0.5s !important;}

.sidenav ul li a {
  padding: 8px 8px 8px 18px;
  text-decoration: none;
  font-size:16px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  text-transform: uppercase;
}
.sidenav a{color: #ffffff;}
.sidenav a:hover {color: #f1f1f1;}

.sidenav .closebtn {
  position: absolute;
  top: -10px;
  right: 10px;
  font-size:45px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top:20px;}
  .sidenav a {font-size: 16px;}
}

@media screen and (max-width:768px) {
.openNav{display: block;/*position: fixed;top:10%;*/}
.navigation{display: none}
}
	
	
.footer-wraper{width: 100%;float: left;margin:0px;position:relative;bottom:0px;right: 15px;}

@media (max-width:1920px){
.footer-wraper{padding-bottom:15px;}
}

@media (max-width:1600px){
.footer-wraper{padding-bottom:0px;}
.bottom-logo img {width:170px;padding: 10px 0}	
}

@media screen and (max-width: 1536px) {
.timerheadebox {width: 350px;margin-bottom: 40px;}
}

@media (max-width:1440px){
.navigation ul li {width:220px;font-size:16px;}
.navigation ul li a {padding:7px 0 7px 7px;}
}

@media (max-width:1366px){
.timerheadebox {width: 300px;}
.img_title{font-size: 28px;}
.imgtitleh2 { font-size: 26px;}
.bottom-logo img {width: 160px;}
	
.navigation ul li {width:210px;font-size:15px;}
.navigation ul li a {padding:7px 0 7px 7px;}
}

@media (max-width:1280px){
.agenda_title h2 {padding: 8px 0;font-size: 23px !important;line-height: 27px;}
.navigation ul li {width: 170px;font-size: 15px;}
.navigation ul li a {padding:7px 0 7px 6px;}
	
}

@media (max-width:1024px){
.timerheadebox {width: 250px;}
.img_title{font-size: 22px;}
.agendaS{padding: 40px 0;}	
.imgtitleh2 { font-size: 22px;}
.bottom-logo img {width: 160px;}
.navigation ul li {width: 155px;font-size: 15px;line-height: 17px;}
	
}

@media screen and (max-width: 970px) {
.td_spacing {height: 49px;}
.theme_text {
    width: 100%;
    margin: 0px;
    -ms-transform: none;
     -webkit-transform: none; 
     transform: none; 
     top:unset !important; 
     position:inherit !important; 
     left:unset !important;}
}

@media screen and (max-width: 952px) {
.navigation ul li {width:145px;}
.timerheadebox {width: 200px;margin-bottom:20px;}
.bottom-logo {position:relative;right: 5px;bottom: 5px;}
.bottom-logo img {width: 160px;}
.text_container p {margin: 0 0 14px 0;font-size: 17px;line-height: 24px;}
	
h1 {font-size: 32px;}
.text_container h4 {font-size:22px;}
}

@media screen and (max-width:851px) {
.bottom-logo img {width: 125px;}
.navigation ul li {width: 130px;font-size: 13px;line-height:16px;}
}

@media screen and (max-width:800px) {
.navigation ul li {width: 120px;font-size: 13px;line-height: 16px;}
	
}

@media (max-width:768px){
.bottom-logo img {width: 125px;}
.navbar-light .navbar-toggler {margin-left: 35px!important;}	
.header {margin-top: 95px;margin-bottom: 50px;}
}

@media screen and (max-width: 768px) {
.menu_wrap{width: 100%; position:absolute;top:0px;left:0px;}
.navigation {display: none;}
.mobile-nav {display: block;width:100%;position: absolute;top:5%;left:15px; z-index:99;}

.text_container p{margin:0 0 14px 0; font-family:'bariolregular';font-size:17px;line-height:22px;text-align:justify}
	
h1 {font-size: 27px;}
.text_container h4 {font-size: 19px;}
}

@media screen and (max-width: 705px){
.timerheadebox {width: 160px;margin-bottom:10px;margin-top: 10px;}
}

@media (max-width:480px){
.timerheadebox {width: 250px;}
.mobbtn { margin-top: 30px; font-size: 12px; margin-bottom: 30px;}
.registerNow {padding: 5px 10px;background-color: #00b3fe;border-radius: 5px;font-size: 12px;text-transform: uppercase;color: #ffffff;font-weight: bold;}

.img_title{font-size: 12px;padding-top: 16px;margin-left: -25px;}
.bottom-left h2 {font-size: 10px;margin-left: -25px;}
.mobbanner {margin-top: 30px;}	
.agendaS{padding: 40px 0;}
.logo_title {font-size: 20px;text-align: right;padding-right: 15px;}

.aboutone {padding: 40px 0px !important;}
.column {padding-left: 0px;}
.navbar-light .navbar-toggler {margin-left: 5px!important;}
.tab_link {padding: 12px 0px;}
	
h1 {margin-top:50px; font-size:29px;line-height: 30px;}
.text_container h4 {font-size: 21px;}
.agenda_title h2 {padding: 8px 0;font-size: 20px !important;line-height: 24px;}
}