.margin-0{margin: 0px;}
.margin-top-0{margin-top: 0px;}
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-left-0{margin-left: 0px;}
.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-right-0{margin-right: 0px;}
.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-top-bottom-0{margin-top: 0px;margin-bottom: 0px;}
.margin-top-bottom-5{margin: 5px 0px;}
.margin-top-bottom-10{margin: 10px 0px;}
.padding-0{padding: 0px;}
.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-top-0{padding-top: 0px;}
.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-bottom-0{padding-bottom: 0px;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-left-0{padding-left: 0px;}
.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-right-0{padding-right: 0px;}
.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-top-bottom-0{padding-bottom: 0;padding-top: 0px;}
.padding-top-bottom-5{padding: 5px 0px;}
.padding-top-bottom-10{padding: 10px 0px;}
.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-30{font-size: 30px;}
.font-36{font-size: 36px;}
.font-weight-300{font-weight: 300;}
.font-weight-400{font-weight: 400;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}
.font-weight-700{font-weight: 700;}
.width-100{width: 100%;}
.postion-relative{position: relative;}
.bg-white{background-color: #FFF;}
.color-white{color: #FFF;}
.bg-color-white{background: white;}
.color-pink{color: #fff;font-size: 55px;text-transform: uppercase;}
.noresize{resize: none;}
.float-left{float: left;}
.font-p-color{color: rgba(104, 104, 104,1);}
a:focus,a:hover{outline: none;text-decoration: none;color: #000000;transition: all 0.2s linear 0s;}
@font-face {
    font-family: 'arial_0';
    font-display: swap;
    src: url('../font/arial_0.ttf'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arialbd_0';
    font-display: swap;
    src: url('../font/arialbd_0.ttf'); 
    font-weight: normal;
    font-style: normal;
}
html,
body{
    height: 100%;
    padding-top:0px !important;
    color: #ffffff;
    font-family: 'arial_0';
    font-size: 16px;
}
.navbar {transition: background-color 1s ease 0s;height: 100px !important;}
.navbar-default{background-color: transparent;border-color:transparent}
.bg-color-white{background: #000f39 !important;height: 80px !important;}
.navbar .container-fluid {padding-right: 80px;padding-left: 80px}
.navbar-brand img{transition: all 0.3s ease 0s;}
.navbar-default.bg-color-white .navbar-brand img{height: 50px;}

.image {
    background: url(../images/bg.png) no-repeat;background-size: cover;width: 100%;padding: 34px 0px;
}
.image img{padding-top: 200px}
.book-now{
    font-size: 20px;border-radius: 6px;background-color: #fe0cdc;border-color: transparent;border: 0px solid #fe0cdc;text-transform: capitalize;font-family: 'arialbd_0';padding: 14px 40px;letter-spacing: 1px;
    letter-spacing: 1px;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
}
.btn-primary:hover:before, .btn-primary:focus:before, .btn-primary:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.book-now:before {
    content: "";
    border-radius: 6px;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a75bc;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.counter-block{border-radius: 10px;box-shadow: -4px -6.9px 32px 0 rgba(0, 0, 0, 0.09);background: #fff;overflow: auto;position: relative;bottom: 150px;}
.event-start-block{position: absolute;top: 30px;width: 100%;color: #ffffff;}
.event-start{font-size: 30px;color: #ffffff !important}
.event-start-p{font-size: 18px;color: #ffffff !important}
.timer-block{padding: 18px 0px}
.timer-number{font-size: 60px;color: #23203b;margin: 0;line-height: 70px}
.timer-text{font-size: 18px;color: #fe0cdc !important}

.hosted{padding: 90px 0px;text-align: center;position: relative}
.hosted p{color: #23203b}
.hosted .sdi-text{color: #fe0cdc;font-size: 18px}
.hosted-text{font-size: 50px;font-family: 'arialbd_0';color: #23203b !important}
.hosted:before{position: absolute;bottom: -5% !important;content: url(../images/video_bg.png);display: block;width: 100%;overflow: hidden;}
.hosted:after{position: absolute;left: 0px;content: url('../images/graphic_left.png');top:100px;overflow: hidden;}
.video-section{padding: 0;height: 540px;width: 960px;margin: auto;}
.our-speakers{padding: 90px 0px;background: #182A6A;position: relative}

.our-speakers h1{font-size: 30px;font-family: 'arialbd_0';}
.border-bottom{margin-top: 14px}
.speakers-img-block{padding: 10px 20px;height: 300px;z-index: 1;position: relative;}
.speakers-img-block .name-and-position{font-size: 16px;color: #7979cd;line-height: 24px;margin-top: 14px}
.speakers-img-block .company-name{font-size: 16px;color: #ffffff;line-height: 24px}

.slider-bg {position: relative;margin-bottom: 90px}
.slider-bg .owl-nav span {display: none;}
.owl-carousel.slider-bg .owl-nav .owl-next:after {
    content: '';background: url(../images/arrow_left.png) no-repeat;margin-right: 10px;position: absolute;left: -50px;top: 50%;width: 13px;height: 23px;
}
.owl-carousel.slider-bg .owl-nav .owl-next:before{
    content: '';background: url(../images/arrow_right.png) no-repeat;margin-right: 10px;position: absolute;right: -50px;top: 50%;width: 16px;height: 23px;
}
.our-speakers:before{position: absolute;left: 90px;content: url(../images/graphic_new.png);bottom:400px;overflow: hidden;}
.our-speakers:after{position: absolute;right: 0px;content: url('../images/graphic_right.png');top:400px;overflow: hidden;}
.footer-bg{position: absolute;bottom: 0;width: 100%;}
.copy-right{z-index: 999;position: absolute;text-align: center;width: 100%;margin-top: 30px;}

/******************************************* Media Query *******************************************/
@media (min-width: 1200px) and (max-width:1600px){
    .copy-right{margin-top: 40px;}    
}
@media (min-width: 1200px) and (max-width:1440px){
    .image img {padding: 30px 0px;height: 350px}
    .counter-block{bottom: 200px;}
}
@media (min-width: 992px) and (max-width:1199px){
    .event-start-block {top: 20px;}
    .timer-number {font-size: 44px;line-height: 50px}
    .timer-block {padding: 16px 0px;}
    .video-section{width: auto;height: 400px;}
}
@media (min-width: 993px) and (max-width:1024px){
    .hosted:after{top: 68px;}
}
@media (min-width: 320px) and (max-width: 991px){
    .video-section{width: 100%}
    .hosted:before,.our-speakers:before{display: none}
    .hosted:after,.our-speakers:after{display: none}
    .event-start-block {position: unset;top: 30px;width: 100%;color: #ffffff;background: #1a75bc;padding: 30px 0px}
    .padding-right-mobile {padding-right: 0px;}
}
@media (min-width: 768px) and (max-width: 992px){
    .image img {width: 400px;padding-top: 300px;}    
    .footer-bg{height: 6%;margin-top: 30px;}
}

@media only screen and (max-width: 767px){
    .navbar .container-fluid {padding-right: 20px;padding-left: 20px;}
    .image img {width: 400px;padding-top: 200px;}
    .owl-carousel.slider-bg .owl-nav .owl-next:after{margin-left: 10px;top: 100%;left: 0px;}
    .owl-carousel.slider-bg .owl-nav .owl-next:before{top: 100%;right: 0px;}
    .copy-right{width: auto}
    .counter-block{margin: 0px 30px;}
}