/*------------------------------------------------------------------ 
[Master Stylesheet] Project: Event Premium
-------------------------------------------------------------------*/
/*------------------------------------------------------------------ 
[Table of contents] 
1. Top-Header / Navigation
2. Banner & From
5. Welcome to Annual Conference
6. Counts
7. Speakers
8. Why Choose Us
9. Event Schedule 
10. What People Say about Previous Events
11. Packages
12. Sponsors
13. Previous Events
14. Upcoming Events & News
15. CTA
16. Map & Contact Info.
17. Footer
18. footer 
 ----------------------------------- --------------------------------*/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: 'Montserrat', sans-serif;
    /*font-family: 'Oswald', sans-serif;
    font-family: 'Roboto Slab', serif;*/
    font-weight:400;
    color:#6d6e71;
    line-height:24px;
    font-size:16px;
    -webkit-font-smoothing:antialiased;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
   display: inline-block;
   width: 60px;
   border-top: 4px solid #002663;
   margin: 15px 0;
}
h1, h2, h3, h4{
  font-family: 'Oswald', sans-serif;  
  font-weight: bold;
}
h1{
    font-size: 50px;
    line-height: 56px;
    text-transform: uppercase; 
}
h2{
    font-size: 40px;
    line-height: 56px;
    text-transform: uppercase; 
}
h3{
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase; 
}
h4{
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
}
button:focus{
   outline: none;
}

.invest-hr {
   width: 5vw;
   margin: 10px auto 1vw auto;
   height: 0.3vw;
   background-color: white;
   margin-bottom: 2.5vw;
}

/*-------------------------------------------------
            Top-Header / Navigation
-------------------------------------------------*/

#top-header .cd-logo  {
    margin-top: 36px;
    width: 300px;
    margin-left:15px;
    
}

#cd-main-nav {
   display: flex;
   justify-content: flex-end;
}


#cd-main-nav li a {
   display: inline-block;
   text-transform: uppercase;
   line-height: 20px;
   font-weight: 500;
   color: rgb(255, 255, 255);
   font-size: 13px;
   transform: translateZ(0px);
   backface-visibility: hidden;
   padding: 15px 0px;
   text-decoration: none;
   border-bottom: none;
   transition: all 0.5s ease 0s;
   width: auto;
}
#cd-main-nav li {
   display: inline-block;
   height: 100%;
   position: relative;
   margin: 0px;
}


.header-cont {
   width:100%;
}

#cd-main-nav ul.sub-menu {
   background: rgb(19, 20, 20) none repeat scroll 0 0;
   border-top: 4px solid #002663;
   max-width: 180px;
   width: 180px;
   position: absolute;
   left: 5px;
   visibility: hidden;
   top: 60px;
   z-index: 99999;
}

#top-header #cd-main-nav li:after, #cd-main-nav li:before{
    content: "";
    display: block;
    position: absolute;
}
/* #top-header #cd-main-nav li:after {
   background: #fff;
   height: 12px;
   width: 2px;
   right: -14px;
   top: 38px;
}
#top-header #cd-main-nav li:before {
   background: #002663;
   height: 4px;
   width: 0;
   bottom: 0;
   transition: all 0.5s ease;
} */
#top-header #cd-main-nav li:hover:before{
   width: 100%; 
}
#top-header #cd-main-nav li a:hover{
    color: #002663;
}
#top-header #cd-main-nav li:last-child:after{
    content: none;
}
#top-header #cd-main-nav li:last-child{
    margin-right: 0;
}

.a-lang {
   color: white;
   font-weight: 600;
   display: flex;
   align-items: center;
   text-decoration: none;
    
}

.language-btn {
   margin-right: 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.a-lang:hover {
   color: white;
   text-decoration: none;
}

.country-img {
  
   margin-top: 3px;
   margin-right: 3px;
}
.lang-menu {
   display: flex;
   flex-direction: column;
   margin-left:20px;
   display: none;
   position: absolute !important;
   right: 48px !important;
   top: 55px !important;
}
.displayed {
   display: flex;
   
}

.lang-list .a-lang {
   padding-top:0px !important;
   padding-bottom: 0px !important;
}

.lang-list .a-lang:hover {
   color:white !important;
}

.menu-button {
   display: none;
}


/* NEW CONTACT IMAGES */
.contact-image {
   width: 40px;
   height: 40px;
   margin-right: 8px;
}
@media (min-width: 1400px) {
.header-container {
   max-width: 1380px;
}
}

@media screen and (max-width: 970px) {
   .menu-button {
      display: flex;
      margin-top: 30px;
      color:white;
   }
   .col-principal {
      display: flex;
      justify-content: space-between;
   }
   #cd-main-nav {
    align-items: center;
    flex-direction: row;
   }
   .contact-image {
      width: 35px;
      height: 35px;
   }

   #cd-nav {
      background-color: rgb(51, 51, 51);
      margin-top: 17px;
      
   }

}

@media screen and (max-width: 900px) and (min-width: 700px) {
  #cd-nav {
   width: 104%;
  }
  #cd-main-nav {
     justify-content: center;
  }

  .lang-menu {
   right: 183px !important;
   top: 71px !important;
   background: rgb(51, 51, 51) !important;
      padding-right: 20px;
  }
}

@media screen and (max-width: 500px) {
   .contact-image {
      margin-right: 0;
   }
   #cd-nav {
      width: 109%;
   }

   .lang-menu {
      top: 75px !important;
      right: 0px !important;
      background: rgb(51, 51, 51) !important;
      padding-right: 20px;
   }

  

   .language-btn {
      margin-left: 10px;   
   }
}

/*-------------------------------------------------
              Banner & From
-------------------------------------------------*/ 
#main-banner-sec {
   background: url(../images/main-banner.jpg) no-repeat;
   background-size: cover;
   display: block;
   padding-top: 86px;
       background-attachment: fixed;
}
.register-form{
    background:rgba(17,17,17,0.8);
}
.form-title {
   padding: 32px 30px;
   border-bottom: 1px solid #333435;
}
.userform input.error{
   border-color: red;
   color: red
}
label.error{
   display: none !important;
}
.register-form h4 {
   color: #fff;
   display: block;
   text-align: center;
   margin-bottom: 8px;
}
.register-form p{
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 400;
}
.register-form p a{
    font-weight: 500;
    color: #002663;
    text-decoration: none;
}
.userform {
   padding: 35px 35px 30px;
}
.userform .input-box{
   min-height: 75px;
}
.userform .input-box, .userform input,  .userform select{
    width: 100%;
    display: block;
    position: relative;
}
.userform input, .userform select{
   background: transparent;
   border: 1px solid #333435;
   height: 52px;
   font-size: 15px;
   font-weight: 400;
   width: 100%;
   color: #fff;
   padding: 10px 10px 10px 15px;
}
.userform input:focus{
    outline: 0;
    color: #000;
    background:#ffffff;
}
.userform input:focus::-webkit-input-placeholder {
   color: #363636;
}
.userform input::-webkit-input-placeholder{
    color: #b1b1b1;
} 
.userform input::-moz-placeholder{
    color: #b1b1b1;
    opacity: 1;
    text-transform: uppercase;
} 
.userform input:focus::-moz-input-placeholder {
   color: #363636;
}
.userform i.fa {
   position: absolute;
   font-size: 16px;
   top: 17px;
   left: 15px;
   font-weight: 500;
}
.userform .submit-btn {
   background: #002663;
   color: #fff !important;
   border-top: 0;
   border-right: 0;
   border-left: 0;
   padding: 16px 30px;
   cursor: pointer;
   font-size: 24px;
   margin-bottom:25px;
   width: 100%;
   font-family: 'Oswald', sans-serif;
   line-height: 30px;
   display: inline-block;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   border-bottom: 5px solid #021a42;
   transition: all 0.5s ease;
   height: auto;
}
.userform .submit-btn:hover{
  background: #021a42; 
  border-bottom: 5px solid #002663; 
}
.userform strong{
   font-size: 13px;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   display: block;
}
.error{
   display: none;
}       
.error_show{
   color: red;
   font-size: 13px;
   margin-left: 16px;
}

.option-check {
   display: flex;
   justify-content: space-between;
}
.custom-check {
   border: 1px solid #333435;
   padding: 33px 10px 22px 10px;
   margin-bottom: 20px;
}

.option-check span{
       color: white;
   font-size: 16px;
   font-weight: 300;
   display: inline-block;
}
.radio-group{
   float: right;
}
label.custom-radio{
   display: inline;
    color: #b1b1b1;
  font-size: 15px;
}
.custom-radio input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}
.custom-radio{
   position: relative;
   padding-right: 16px;
   padding-left: 16px;
}
.custom-radio input:checked ~ .checkmark:after{
display: block;
}
.custom-radio .checkmark:after{
   top: 4px;
   left: 4px;
   width: 9px;
   height: 9px;
   border-radius: 50%;
   background:  #002663;

}
.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}
.custom-radio input:checked ~ .checkmark {
   background-color: #ffffff;
   }
.checkmark {
   position: absolute;
   top: -85px;
   left: 55px;
   height: 17px;
   width: 17px;
   background-color: #eee;
   border-radius: 50%;
}
.custom-radio .checkmark2:after{
   top: 4px;
   left: 4px;
   width: 9px;
   height: 9px;
   border-radius: 50%;
   background:  #002663;

}
.custom-radio input:checked ~ .checkmark2:after{
display: block;
}
.checkmark2:after {
   content: "";
   position: absolute;
   display: none;
}
.custom-radio input:checked ~ .checkmark2 {
   background-color: #ffffff;
   }
.checkmark2 {
   position: absolute;
   top: -26px;
   left: 62px;
   height: 17px;
   width: 17px;
   background-color: #eee;
   border-radius: 50%;
}

.option-check p{
color: white;
   font-size: 16px;
   font-weight: 300;
}
span.help-block {
   color: red;
   font-size: 14px;
}

.generation-price {
   font-weight: 700 !important;
   margin-top: 5px;
   font-size: 32px !important;
}

.generation-price small {
   font-size: 16px;
}

.banner-left-bar {
   text-align: center;
   padding-top: 70px;
}
.time-location {
   margin-bottom: 40px;
}
.time-location li {
   color: #fff;
   font-size: 28px;
   font-weight: bold;
   font-family: 'Oswald', sans-serif;
   background: #002663;
   text-transform: uppercase;
   display: inline-block;
   padding: 15px 25px;
   letter-spacing: 0.5px;
   margin-right: 15px;
}
.time-location i.fa {
   position: relative;
   top: -2px;
   margin-right: 5px;
}
.banner-left-bar h1{
    color: #fff;
    margin-bottom: 20px;
}

.banner-left-bar p{
    font-size: 24px;
    color: #fff;
    margin-top: 10px;
    line-height: 38px;
}
.hasCountdown {
   display: inline-block;
}
.hasCountdown .countdown_section {
   display: inline-block;
   background:rgba(17,17,17,0.5);
   width: 125px;
   font-size: 24px;
   color: #fff;
   margin:40px 5px; 
   text-transform: uppercase;
   padding: 15px 10px;
}
.countdown_section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}
.countdown_amount {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    color: #0051ff;
    font-family: 'Oswald', sans-serif;
}
.social-icons li {
   display: inline-block;
   position: relative;
   padding: 0 6px;
   margin: 0 8px;
}
.social-icons li:after {
   content: "";
   height: 29px;
   width: 1px;
   background: #78695e;
   display: inline-block;
   position: absolute;
   right: -10px;
   top: -3px;
}
.social-icons li:last-child:after {
   content: none;
}
.social-icons li a{
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    transition: all 0.5s ease;
}
.social-icons li a:hover{
    color: #002663;
}
/*-------------------------------------------------
              Welcome to Annual Conference
-------------------------------------------------*/ 
#annual-conference-sec {
   padding: 70px 0;
   background-color: #f3f3f3;
   position: relative;
}
#annual-conference-sec:before {
   content: "";
   background: #002663;
   height: 100%;
   width: 25%;
   top: 0;
   display: block;
   position: absolute;
   left: 0;
}
figure.video-bg-sec {
   overflow: hidden;
}
figure.video-bg-sec:hover > img{
        transform: scale(1.6) rotate(10deg);
}
figure.video-bg-sec img{
   display: block;
    transition: transform 2s;
   width: 100%;
   position: relative;
}
figure.video-bg-sec figcaption {
   position: absolute;
   top: 35%;
   left: 0;
   right: 0;
   text-align: center;
}
figure.video-bg-sec figcaption p {
   color: #fff;
   /* border-bottom: 1px solid #c0c0bf; */
   display: inline-block;
   font-size: 16px;
   line-height: 20px;
   margin-top: 35px;
   position: absolute;
   text-decoration: underline;
   left: 0;
   right: 0;
   bottom: -50px;
}
figure.video-bg-sec figcaption img{
   width: auto;
   left: 4px;
   margin: 0 auto;
}
figure.video-bg-sec figcaption .btn-primary {
   color: #fff;
   background-color: #ffffff;
   box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.50);
   height: 100px;
   border: 0;
   width: 100px;
   display: block;
   margin: 0 auto;
   padding: 0;
   border-radius: 50%;
}
.fade.show{
   background-color: rgba(0, 0, 0,0.8);
}
/*figure.video-bg-sec figcaption .btn-primary:hover{
  animate css 
}*/
figure.video-bg-sec figcaption .btn-primary:focus,
figure.video-bg-sec figcaption .btn-primary:active:focus,
figure.video-bg-sec figcaption .btn-primary:active{
   outline: 0;
   box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.50) !important;
   background-color: #fff !important;

}

@media screen and (min-width: 1110px) {
   
   .video-bg-sec {
      width: 120%;
      margin-left:-25%;
   }
}

.annual-model-box iframe {
   width: 100%;
   height: 400px;
   display: block;
}
.annual-model-box .modal-content{
   border-radius: 0;
   background-color: transparent;
}
.annual-model-box .modal-header{

   padding: 0;
   border:0;
   display: block;
}
.annual-model-box  .modal-dialog{
   max-width: 700px;
}
.modal-header .close {
   padding: 0;
   color: #fff  !important;
   opacity: 1;
   margin: 0;
   font-weight: lighter;
   font-size: 50px;
}
.modal-header .close:focus{
   outline: 0;
}
.annual-model-box .modal-body{
   padding: 0;
}
#annual-conference-sec .video-info {
   padding-left: 25px;
}
#annual-conference-sec .video-info h3 {
   font-weight: normal;
   color: #333333;
   margin-top: -11px;
}
#annual-conference-sec .video-info p, .event-speakers p {
   font-size: 14px;
   line-height: 28px;
   font-weight: 500;
   color: #565656;
   margin-bottom: 15px;
}
.view-btns {
   margin-top: 30px;
}
.view-btns li {
   display: inline-block;
   margin-right: 15px;
}
.view {
   display: block;
   padding: 15px 40px;
   border: none;
   text-decoration: none !important;
   background: none;
   vertical-align: middle;
   position: relative;
   z-index: 1;
   font-size: 14px;
   -webkit-backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   text-transform: uppercase;
   color: #002663;
   font-weight: bold;
   transition: all 0.5s ease; 
}
.button--antiman::before,
.button--antiman::after {
   content: '';
   z-index: -1;
   border-radius: inherit;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman::before {
   border: 2px solid #37474f;
   opacity: 0;
   -webkit-transform: scale3d(1.2, 1.2, 1);
   transform: scale3d(1.2, 1.2, 1);
}
.button--antiman.button--inverted-alt::before {
   border-color: #002663;
   background: #002663;
}
.button--antiman.button--inverted-alt::after {
   background: transparent;
   border: 2px solid #002663;
}
.button--antiman.button--inverted-alt:hover {
   color: #ffffff;
}
.button--antiman:hover::before {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
   opacity: 0;
   -webkit-transform: scale3d(0.8, 0.8, 1);
   transform: scale3d(0.8, 0.8, 1);
}


/*-------------------------------------------------
                   Counts
-------------------------------------------------*/ 
#counts-sec{
   background:url(../images/count-banner.jpg) no-repeat;
   background-size: cover;
   display: block;
   text-align: center;
   padding: 40px 0;
}
.count-box {
   border-right: 1px solid #777777;
}
.count-box:hover h2{
   color: red;
}
.count-box:last-child{
   border-right: 0;
}
#counts-sec h2 {
   font-size: 50px;
   color: #fff;
   margin-bottom: 16px;
}
#counts-sec span{
   color: #fff;
   font-size: 18px;
   line-height: 26px;
   font-weight: 600;
   text-transform: uppercase;
}
#counts-sec i.fa{
   color: #fff;
   font-size: 24px;
   line-height: 30px;
   margin-bottom: 12px;
}
#counts-sec .fa-lightbulb-o {
   font-size: 28px !important;
}
/*-------------------------------------------------
                   Speakers
-------------------------------------------------*/ 
#our-speakers-sec{
   background:url(../images/speakers-bg.jpg) no-repeat;
   display: block;
   background-size: cover;
   padding: 70px 0 50px;
}
.speaker-box{
   width: 350px;
   height: 350px;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   margin-bottom: 30px;
}



.ionut-box {
   background-image: url('../images/antrenori/antrenor-Erika.jpg');
   background-size: cover;
   background-position: 0px -0px;
}

.diana-box {
   background-image: url('../images/antrenori/antrenor-Diana.jpg');
   background-size: cover;
   background-size: 550px;
   background-position: -150px -38px;
}

.corina-box {
   background-image: url('../images/antrenori/antrenor-Corina.jpeg');
   background-size: cover;
}

.clara-box {
   background-image: url('../images/antrenori/antrenor-Clara.jpeg');
   background-size: 415px;
   background-position: -12px -11px;
}

.monica-box {
   background-image: url('../images/antrenori/6X7A4590.jpg');
   background-size: cover;
   background-position: 0px -16px;
}

.dragos-box {
   background-image: url('../images/antrenori/antrenor-Dragos.jpg');
   background-size: cover;
   background-size: 620px;
   background-position: -113px -2px;

}


.lucian-box {
   background-image: url('../images/antrenori/antrenor-Lucian.jpg');
   background-size: cover;
   background-size: 600px;
   background-position: -137px -140px;

}


.lucian-box figcaption p {
   margin: 12px 0px !important;
}

.lucian-box figcaption:hover p {
   margin: 5px 0px !important;
}

.adriana-box {
   background-image: url('../images/antrenori/AdrianaPhoto.jpg');
   
   background-size: 346px;
   background-position: 0px 0px;

}  



.munchen-box {
   background-image: url('../images/city/munchen.jpg');
   background-size: cover;
}

.bruxeles-box {
   background-image: url('../images/city/bruxelles.jpg');
   background-size: cover;
}

.londra-box {
   background-image: url('../images/city/londra.png');
   background-size: cover;
}

.torino-box {
   background-image: url('../images/city/torino.jpg');
   background-size: cover;
}

.madrid-box {
   background-image: url('../images/city/valencia.jpg');
   background-size: cover;
}

.chisinau-box {
   background-image: url('../images/city/chisinau.jpg');
   background-size: cover;
   background-position: center;
}

.bucuresti-box {
   background-image: url('../images/city/bucuresti.jpg');
   background-size: cover;
   background-position: center;
}

.cluj-box {
   background-image: url('../images/city/cluj-napoca.jpg');
   background-size: cover;
}

.milano-box {
   background-image: url('../images/city/torino2.jpg');
   background-size: cover;
   background-position: -87px 0px;
}

.poiana-brasov-box {
   background-image: url('../images/city/Poiana-Brasov.jpg');
   background-size: cover;
}


.dusseldorf-box {
   background-image: url('../images/city/Dusseldorf.jpg');
   background-size: cover;
}

.paris-box {
   background-image: url('../images/city/paris-1.jpg');
   background-size: 584px;
   background-position: -121px 2px;
}

.malaga-box {
   background-image: url('../images/city/malaga.jpeg');
   background-size: cover;
}

.last-two-city {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.speaker-box img{
   display: block;
   width: 100%;
}
.speaker-box figcaption {
   position: absolute;
   bottom: -68%;
   padding: 22px 45px;
   text-align: center;
   background: rgba(0,0,0,0.7);
   transition: all 0.5s ease;
}



.speaker-box figcaption{
   height:360px;
}

.speaker-box figcaption {
   bottom: -280px ;
}

.lucian-box figcaption h4{
    line-height:48px;
}

.first-speaker-box figcaption p{
   padding: 8px !important;
   height:150px !important;
}


.speaker-box figcaption h4{
   color: #fff;
}
.speaker-box figcaption span{
   font-size: 14px;
   color: #fff;
   display: none;
}
.speaker-box figcaption p {
   font-size: 15px;
   line-height: 26px;
   color: #ffffff;
   padding: 30px 10px;
   font-weight: 400;
   border-top: 1px solid #4c7cc9;
   border-bottom: 1px solid #4c7cc9;
   margin: 25px 0;
}
.speaker-box figcaption ul li {
   display: inline-block;
   margin: 0 3px;
}
.speaker-box figcaption ul li a {
   color: #fff;
   text-align: center;
   display: inline-block;
   width: 38px;
   height: 38px;
   padding: 0;
   vertical-align: top;
}

.speaker-box:hover figcaption span{
   display: block;
}
.speaker-box:hover figcaption {
   bottom: 0;
   background: #002663;
   /*bottom: -81%;*/
   padding: 36px 45px;
}
.event-speakers {
   margin-bottom: 30px;
}
.event-speakers span {
   font-size: 14px;
   text-transform: uppercase;
   color: #969696;
   line-height: 26px;
   display: block;
}
.event-speakers h3{
   font-weight: 400;
   color: #333;
}

.btn-find-more {
   margin: 30px auto;
   width:250px;
   text-align: center;
}

.find-more {
   display: block;
   padding: 15px 40px;
   border: none;
   text-decoration: none !important;
   background-color: #002663;
   vertical-align: middle;
   position: relative;
   z-index: 1;
   font-size: 14px;
   -webkit-backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   text-transform: uppercase;
   color: white;
   font-weight: bold;
   transition: all 0.5s ease; 
}
.btn-find--antiman::before,
.btn-find--antiman::after {
   content: '';
   z-index: -1;
   border-radius: inherit;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn-find--antiman::before {
   border: 2px solid #37474f;
   opacity: 0;
   -webkit-transform: scale3d(1.2, 1.2, 1);
   transform: scale3d(1.2, 1.2, 1);
}
.btn-find--antiman.btn-find--inverted-alt::before {
   border-color: #002663;
   background-color: transparent;
   color: #002663;
}
.btn-find--antiman.btn-find--inverted-alt::after {
   background-color: transparent;
   border: 2px solid #002663;
}
.btn-find--antiman.btn-find--inverted-alt:hover {
   color: #002663;
   background-color: transparent;
}
.btn-find--antiman:hover::before {
   opacity: 1;
   -webkit-transform: scale3d(1, 1, 1);
   transform: scale3d(1, 1, 1);
}
.btn-find--antiman:hover::after {
   opacity: 0;
   -webkit-transform: scale3d(0.8, 0.8, 1);
   transform: scale3d(0.8, 0.8, 1);
}

@media screen and (max-width:400px) {
   /* .first-speaker-box figcaption {
      bottom: -290px ;
   } */

   .speaker-box figcaption {
      bottom: -300px;
   }
   
   .no-mobile {
      display: none;
   }

   /* .first-speaker-box figcaption p{
      padding: 20px 10px !important;
   } */
}

/*-------------------------------------------------
               Why Choose Us
-------------------------------------------------*/
#our-conference-sec .conference-heading-bg{
   background:url(../img/bg_paginaprincipala.png) no-repeat;
   background-size: cover;
   display: block;
   min-height: 420px;
   padding: 50px 0;
}

.white-heading{
   color: #fff;
}
.white-heading hr{
   border-top: 4px solid #608ed6;
}
.white-heading span{
   font-size: 18px;
   line-height: 26px;
   text-transform: uppercase;
   margin-bottom: 4px;
   display: block;
}


.conference-list-bg{
   background: #f3f3f3;
}
.confrence-bg{
   background: #fff;
   margin-top: -228px;
}

.confrence-bg > .row{
   margin-left: 0;
   margin-right: 0;
}

.confrence-bg .confrence-col{
   padding-left: 0;
   padding-right: 0;
}

.confrence-bg .confrence-col-inn {
   padding:39px 55px 30px 55px;
}

.confrence-col-inn {
   height: 334px;
   border-left: solid 1px rgba(0,0,0,0.1);
   border-bottom: solid 1px rgba(0,0,0,0.1);
}

.confrence-bg .confrence-col:nth-child(2n+1) .confrence-col-inn{
   border-left: none;
}

.confrence-bg .confrence-title{
   position: relative;
   padding-left: 85px; 
}

.confrence-bg .confrence-title h3{
   color: #333333;
   font-size: 24px;
   text-transform: inherit;
   font-weight: 500;
}

.confrence-bg .confrence-col-inn .icon-box {
   width: 67px;
   height: 67px;
   line-height: 67px;
   font-size: 24px;
   color: white;
   background-color: #002663;
   text-align: center;
   border: solid 1px rgba(0,0,0,0.12);
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -ms-border-radius: 50%;
   left: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
}

.confrence-bg .confrence-col-inn p{    
   font-size: 16px;
   line-height: 28px;
   font-weight: 500;
   color: #565656;
   margin: 25px 0 0;
   letter-spacing: 0.2px;
}

/*-------------------------------------------------
               9. Event Schedule
-------------------------------------------------*/

#event-schedule-sec {
   background: #f3f3f3;
   padding: 50px 0 20px;
}
.sec-black-hadding h2 {
   color: #333333;
   font-weight: 400;
   font-size: 36px;
}
.sec-black-hadding span{
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 300;
}
.event-schedule figure{
   position: relative;
}
.event-schedule figure img{
  width: 100%;
}
.event-schedule figcaption{
   position: absolute;
   top: 15px;  
   right: 15px;
}
.event-schedule figcaption ul li{
   padding-top: 6px;
}
.schedule{
   display: flex;
}
.schedule-content {
   padding-left: 0;
   padding-right: 0;
   display: flex;
}

.event-card {
   width: 270px;
   height: 560px;
   margin-right: 10px;
   text-align: center;
}

.single-schedule {
   display: flex;
   justify-content: center;
}

.event-image {
   width: 100%;
   height: 240px;
   background-size: cover;
}

.event-single {
   height: auto;
   width: 80%;
   margin-bottom: 60px;
   align-items: center;
   text-align: center;
   background: white;
   border: 1px solid #e7e7e7;
}

.event-single-info h3 {
   font-size: 32px !important;
   margin-bottom: 20px;
}

.event-single-info p {
   font-size: 20px !important;
}
.event-single-info .blue-hr {
   height: 4px;
}

.event-single-info .event-speaker-description {
   line-height: 41px;
   margin-top: 15px;
}

.event-single-image {
   width: 100%;
   height: 400px;
   background-size: cover;
}

.event-speaker-description {
   font-size:12px !important;
   
}

.blue-hr {
   width:80%;
   height: 2px;
   margin: 0 auto;
   background-color: #002663;
   border-top: none;
}

.event-icon i{
   color: #ffffff;
   background-color: #002663;
   height: 30px;
   width: 30px;
   font-size: 14px !important;
   text-align: center;
   padding: 8px 0px 0px;
   border-radius: 3px;
}
.event-schedule {
   background: white;
   border: 1px solid #e7e7e7;
   transition: 0.5s;
   margin-bottom: 40px;
   height: 90%;
}
.event-schedule:hover{
    border: 1px solid #002663;
}
.event-icon {
   display: none;
   transition: 0.5s;
}
.event-schedule:hover .event-icon{
 display: block;
}
.event-time{
   padding:0px 20px 15px;
}
.event-time h4{
   font-size: 18px;
   color: #333333;
   font-weight: 500;
   border-bottom: 1px solid #e7e7e7;
   padding-bottom: 15px;
   font-family: 'Montserrat', sans-serif;
}
.event-time i{
   color: #ffffff;
   background-color: #002663;
   height: 30px;
   width: 30px;
   font-size: 14px !important;
   text-align: center;
   padding: 8px 0px 0px;
   border-radius: 3px;
   margin-right:15px;
}
.event-info {
   padding: 0px 6px 0px 20px;
}
.event-info h3{
   margin-top:10px;
   font-size: 19px;
   color:#333333;
   font-weight: 800;
   line-height: 30px;
   font-family: 'Montserrat', sans-serif;
}
.event-info i{
   color: #002663;
   margin-right:10px;
}
.event-info p{
   line-height: 30px;
   font-weight: 500;
   font-size: 11px;
   color: #333333;
} 

.schedule-desktop {
   display: none !important;
}

@media screen and (max-width: 768px) {
   .schedule-desktop {
      display: flex !important;
   }

   .event-single {
      display: none;
   }
}

.nav-pills {
   display: flex;
   justify-content: center;
   margin-bottom: 50px;
}

.nav-pills li {
   margin-top: 5px;
}

ul.nav.nav-pills li button a{
   background-color: #002663;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 15px 15px;
   transition: 0.5s;
   border-top: 8px solid #002663;
   border-right: 1px solid #1050b8;
}
ul.nav.nav-pills li.active button a{
   background-color: #ffffff;
   color: #002663;
   border-right: 1px solid #ffffff;
}
ul.nav.nav-pills li.active button a span{
   color: #002663;
}
ul.nav.nav-pills li button a  {
   color: #ffffff;
   display: grid;
   text-transform: uppercase;
   font-size: 11px;
}
ul.nav.nav-pills li button a:hover,  a.tab-button:hover{
text-decoration: none;
}
ul.nav.nav-pills li button a span{
   color: #ffffff;
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 700;
}
  ul.nav.nav-pills li button{
   border:none;
   background:none;
  padding: 0;
  }
.tab-content-head {
   display: flex;
   justify-content: center;
   padding: 15px 0px 30px 71px;
}
ul.nav.nav-tabs, ul.nav.nav-pills {
   margin-top: 14px;
}
.nav-tabs{
   border-bottom: none;
}
a.tab-button {
   background-color: #ffffff;
   border: 2px solid;
   outline: none;
   cursor: pointer;
   padding: 5px 36px;
   transition: 0.3s;
   font-size: 16px;
   color: #002663;
   font-weight: 700;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
   margin-right: 20px;
}
ul.nav.nav-tabs li.active a.tab-button {
   background-color: #002663;
   color: #ffffff;
}
ul.nav.nav-pills li.active a.tab-button {
   background-color: #002663;
   color: #ffffff;
}
.tab-content-head h3 {
   font-size: 20px;
   color: #333333;
   font-weight: 500;
   text-transform: none;
   font-family: 'Montserrat', sans-serif;
   margin-right: 77px;
}

.button-for-pay {
   display: flex;
   justify-content: center;
}

.btn-pay {
   margin-right: 20px;
   text-align:center;
   margin-bottom: 20px;
   margin-top:10px;
}

@media screen and (max-width: 560px) {
   .event-card {
      margin: 0 auto;
   }
   
}

/*-------------------------------------------------
   10. What People Say about Previous Events
-------------------------------------------------*/

#what-people-says{
   background:url(../images/_37.jpg) no-repeat;
   background-size: cover;
   display: block;
   padding: 50px 0 85px;
       background-attachment: fixed;
}

#what-people-says .testimonial-heading-bg hr{
   border-top: 4px solid rgba(255,255,255,0.5);
}

.what-client-says-col{
   background: #002663;
   color: #fff;
   margin-top: 30px;
}

.what-client-says-inn{
   padding: 44px 32px;
}

.what-client-says-inn .user-info figure{

}


.what-client-says-inn .user-info figure > img{
   /* width: 73px;
   height: 73px;
   background-size: 100%;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   position: absolute;
   left: 0;
   top: 0; */
}

.testimonial-image {
   width: 73px;
   height: 73px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   position: absolute;
   left: 0;
   top: 0;
      background-size: cover;
}



.what-client-says-inn .user-info figure h4{
   padding-left: 93px;
   font-size: 24px;
   line-height: 32px;
}
.what-client-says-inn .user-info figure h4 span{
   display: block;
   font-size: 15px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
}

.what-client-says-inn .user-info figure p{
   margin-top:32px;
   padding-bottom: 40px;
   font-size: 18px;
   line-height: 34px;
}

.what-client-says-inn .owl-nav{
   position: absolute;
   margin-top: 0 !important;
}
.what-client-says-inn .owl-nav button {
   background: #fff !important;
   width: 80px;
   height: 70px;
   text-align: center;
   line-height: 70px;
   border-radius: 0 !important;
   color: rgba(58,58,58,0.5) !important;
   margin: 0 0.5px !important;
   position: relative;
   font-size: 45px !important;
}

.what-client-says-inn .owl-nav button:focus,
.what-client-says-inn .owl-nav button:hover{
   color: #002663 !important;
   border: none !important;
   outline: none !important;
}
.what-client-says-inn .owl-dots {
   display: none;
}
/*-------------------------------------------------
   11. Packages
-------------------------------------------------*/
#event-packages-sec{
   padding: 70px 0 90px;
   background:url(../images/pricing-sec-pettern.png) repeat;
   display: block;
   line-height:1.42857143;
}

.eventpackage {
   margin-top: 57px;
   margin-left:80px
}

.plan-name {
   border-bottom: 1px solid #c7c7c7;
}

#event-packages-sec .sec-black-hadding span{
   color: #565656;
}

.prices {
   padding: 135px 0;
   background-color: #002663
}

.prices p.block-title {
   color: #fff;
   text-align: center;
}

/* .event-priceing {
   border-right: 1px solid #002663
} */

.event-priceing .best-offer {
   background-color: #1d1e1e;
   padding:11px 0 7px 0;
   text-align: center;
   font-weight: 700;
   font-size: 18px;
   color: #fff;
   text-transform: uppercase;
}

.event-priceing .plan-name {
   /* border-bottom: 1px solid #002663; */
   padding: 26px 0;
   text-align: center;
   padding-top: 0;
}

.event-priceing .plan-name h6 {
   font-weight: 600;
   font-family: 'Oswald', sans-serif;
   font-size: 34px;
   letter-spacing: 4px;
   margin-bottom: 3px;
   margin-top: 10px;
   text-transform: uppercase;
}

.event-priceing .plan-name h6:first-child,
.event-priceing .plan-name h6:last-child {
   padding-top: 80px
}

.event-priceing .plan-name h6.best-offer-padding {
   padding-top: 22px
}

.event-priceing .plan-name small {
   font-weight: 400;
   font-size: 11px;
   text-transform: uppercase;
}

.event-priceing .plan-price {
   /* border-bottom: 1px solid #002663; */
   padding: 10px 0;
   text-align: center;
   font-weight: 900;
   font-size: 110px;
   color: #ffb400
}

.event-priceing .plan-price sup {
   font-weight: 700;
   font-size: 40px;
   vertical-align: middle;
   margin-right: 8px;
}

.event-priceing .plan-details {
   padding: 25px 0 0;
   text-align: center;
}

.event-priceing .plan-details ul {
   margin: 0 5% 35px 5%;
   max-width: 100%;
}

.event-priceing .plan-details li {
   font-weight: 400;
   font-size: 24px;
   text-align: left;
   margin: 20px 0;
}

.event-priceing .plan-details li i {
   color: #fff;
   margin-right: 7px;
}



.eventpackage .event-priceing .plan-name small,
.eventpackage .event-priceing .plan-name {
   color: #313131
}

.eventpackage .event-priceing .plan-details {
   color: #565656
}

.eventpackage p.block-title {
   color: #002663
}

.eventpackage .event-priceing {
   padding: 0
}

.eventpackage .event-priceing .plan-name h6 {
   font-size: 24px;
}

.eventpackage .event-priceing .plan-price {
   font-size: 80px;
}

.eventpackage .event-priceing:nth-child(4) .inner-pricing .plan-name {
   padding-bottom: 25px;
}

.eventpackage .event-priceing .plan-name h6 {
   margin-top: 20px
}

.eventpackage .event-priceing .plan-name h6:first-child,
.event-priceing .plan-name h6:last-child {
   padding-top: 0px
}

.eventpackage .event-priceing .plan-name h6.best-offer-padding {
   padding-top: 0
}

.eventpackage .event-priceing .plan-details {
   padding-top: 5px;
}



.eventpackage .event-priceing .plan-details li {
   font-size: 16px
}

.eventpackage .event-priceing .best-offer {
   background: #002663;
   left: 0;
   right: 0;
   top: -38px;
   position: absolute;
}

.inner-pricing {
   /* border: 1px solid #c7c7c7; */
   height:600px;
} 

@media screen and (max-width: 980px) and (min-width:600px) {
   .inner-pricing {
      height:630px;
   } 
}

.card1 {
   margin-left: -80px;
}

.card1, .card2, .card3, .card4 {
   margin-right: 20px;
   border: 1px solid #c7c7c7;
   box-shadow: -3px 0px 29px 13px rgb(0 0 0 / 10%);
}



.eventpackage .event-priceing .plan-price,
.eventpackage .event-priceing .plan-name {
   border-bottom: 1px solid #c7c7c7;
}

.eventpackage .event-priceing .plan-details li i {
   color:#002663
}

.eventpackage .event-priceing .btn-box {
   padding: 0 30px;
   margin-bottom :20px;
   position: absolute;
   bottom:0;
   width:100%;
}
.eventpackage .event-priceing .btn-box .view{
   line-height: 60px;
   height: 60px;
   padding: 0;
   font-size: 16px;
}

@media screen and (max-width: 1300px) and (min-width: 970px) {
   .eventpackage .event-priceing .plan-price {
      font-size: 64px;
  }
}


@media screen and (max-width:660px) {
   .eventpackage {
      margin-left:0;

   }

   .card1, .card2, .card3, .card4 {
      margin-left:0px;
      margin-right: 15px;
      
     
   }

   .btn-box {
      margin-bottom:20px;
   }

   .eventpackage .event-priceing .btn-box {
      width:70%;
      left:15%;
      
   }
}




/*-------------------------------------------------
   12. Sponsors
-------------------------------------------------*/

#sponsors-sec .sponsors-heading-bg{
   background:url(../img/abstract.jpg) no-repeat;
   background-size: cover;
   display: block;
   min-height: 429px;
   padding-top: 50px ;
   margin-bottom: 200px;
}

.sponsors-list-bg{
   background: #f3f3f3;
   padding-bottom: 100px;
}
.sponsors-bg{
   background: #fff;
   margin-top: -219px;
}

.sponsors-bg > .row{
   margin-left: 0;
   margin-right: 0;
}

.sponsors-bg .sponsors-col{
   padding-left: 0;
   padding-right: 0;
}

.sponsors-bg .sponsors-col-inn {
   padding:30px 55px 30px 55px;
   text-align: center;
   min-height: 219px;
   position: relative;
}
.sponsors-bg .sponsors-col-inn.block2{
   border-bottom: none;
}
.sponsors-col-inn {
   border-right: solid 1px rgba(0,0,0,0.1);
   border-bottom: solid 1px rgba(0,0,0,0.1);
}


.sponsors-bg .sponsors-col:nth-child(n+1) .sponsors-col-inn{
   border-right: none;
}

.sponsors-bg .sponsors-col-inn figure {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
}

.sponsors-bg .sponsors-col-inn img{
   width: inherit;
}

.sponsors-bg .sponsors-col-inn figure img {
   text-align: center;
   float: none;
   display: inline-block;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(150%);
}

.sponsors-bg .sponsors-col-inn:hover figure img{
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
}

.sponsors-bg .owl-theme .owl-dots {
   position: absolute;
   left: 0;
   right: 0;
   margin-top: 35px !important;
}

.sponsors-bg .owl-dots .owl-dot span{
   display: block;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #4c7cc9;
}

.sponsors-bg .owl-dots .owl-dot span:hover,
.sponsors-bg .owl-dots .owl-dot span:focus,
.sponsors-bg .owl-dots .owl-dot.active span{
   background: #002663;
}

.sponsors-bg .owl-dots .owl-dot:hover,
.sponsors-bg .owl-dots .owl-dot:focus{
   box-shadow: none;
   outline: none;
}

.sponsors-description {
   text-align: center;
   background-color: #ffffff;
   color: #002663;
   padding-top: 30px;
   padding-bottom: 30px;
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
   position: relative;
   top: 72px;
   width: 100%;
   
   
}
.sponsors-description p{
   width:90%;
   margin: 0 auto;
   font-weight: 600;
   font-size: 16px;
}

@media screen and (max-width: 550px) {
   .sponsors-description {
   margin: 0 auto;
}
}


/*-------------------------------------------------
   13. Previous Events
-------------------------------------------------*/
.previous-event-gallery {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   background: #f3f3f3;
   padding-bottom: 100px;
}
.previous-event-heading-bg{
   background: #f3f3f3;
}

.previous-event-heading-bg .heading-col{
   background: url(../images/prev-event-title-bg.jpg) no-repeat;
   background-size: cover;
   position: relative;
   z-index: 1;
   color: #fff;
   padding-top: 40px;
   padding-bottom: 25px;
}
.previous-event-heading-bg .heading-col:before{
   content: "";
   background: #002663;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom:0;
   z-index: -1;
}
.modalModal {
 display: none;
 position: fixed;
 z-index: 9999;
 padding-top: 100px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: rgba(0,0,0,0.9);
}
.modalModal-content {
 position: relative;
 margin: auto;
 padding: 0;
 width:90%;
 background-color: white;
}
.prev {
cursor: pointer;
position: absolute;
top: 50%;
left: -50px;
width: auto;
padding: 16px;
margin-top: -50px;
color: #ffffff;
font-weight: bold;
font-size: 30px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: #ffffff;
font-weight: bold;
font-size: 30px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
right: -50px;
}
.next:hover, .prev:hover{
   font-size: 42px;
}
   
@keyframes zoomIn {
 from {
   opacity: 0;
   transform: scale3d(0.3, 0.3, 0.3);
 }

 50% {
   opacity: 1;
 }
}

.zoomIn {
   animation-duration: 1s; 
 animation-name: zoomIn;
}
@keyframes fadeInDown {
 from {
   opacity: 0;
   transform: translate3d(0, -100%, 0);
 }

 to {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
}

.fadeInDown {
  animation-duration: 1s;  
 animation-name: fadeInDown;
}
.modalModal .close {
 color: #ffffff;
 position: absolute;
 top: 100px;
 right: 25px;
 font-size: 45px;
 font-weight: bold;
}
.modalModal .close:hover,
.modalModal .close:focus {
 color: #999;
 text-decoration: none;
 cursor: pointer;
}
.mySlides {
 width:100%;
 display: none;
 flex-direction: column;
 justify-content: center;
 flex-wrap: wrap;
}
.slide-title {
   padding: 25px 25px 15px 25px;
   margin-bottom: 20px;
   border-bottom: 1px solid #dee2e6;
}
.cursor {
 cursor: pointer;
}
.mySlides img {
 margin-bottom: 10px;
 width: 300px;
 height: auto;
 margin-left: 30px;
}

.slides-images{
   padding-bottom: 50px;
}
.grey-hr {
   color:grey;
   width: 100%;
}
.gallery-img img{
 width: 300px;
 display: block;
 height: 200px;
 
}
.gallery-img{
   position: relative;
   transition: 0.5s;
   margin-bottom: 2%;
   margin-top: 2%;
   margin-right: 30px;
}
.gallery-img:hover:before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100px;
   height: 100px;
   margin: auto;
   right: 0;
   bottom: 0;
   z-index: 2;
}
.gallery-img:hover:after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   right: 0;
   bottom: 0;
   z-index: 1;
   background-color: rgba(0, 0, 0, 0.7);
}
.hover-shadow{
   position: relative;
   transition: 0.3s;
}
.gallery{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-bottom: -8px;
}

.gallery-left, .gallery-right {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

/*-------------------------------------------------
   14. Upcoming Events & News
-------------------------------------------------*/
#upcoming-event-sec {
   padding: 50px 0 60px;
}
#upcoming-events-slider {
   margin-top: 20px;
}

.news-slider .news-block{
   border: 1px solid #e5e5e5;
}

.news-slider .news-block figcaption{
   position: relative;
   padding: 25px 30px 35px;
}
.news-slider .news-block .date{
   background: #002663;
   color: #fff;
   font-size: 14px;
   text-align: center;
   width: 137px;
   height: 38px;
   line-height: 38px;
   font-family: 'Oswald', sans-serif;
   display: inline-block;
   position: absolute;
   top: -18px;
   margin-left: -7px;
}
.news-slider .news-block figcaption h3{
   color: #333;
   font-size: 18px;
   font-weight: 600;
   font-family: 'Montserrat', sans-serif;
   text-transform: inherit;
   line-height: 27px;
   margin: 15px 0;
}
.news-slider .news-block figcaption h3 a{
   color: #333;
}
.news-slider .news-block figcaption h3 a:hover{
   text-decoration: none;
}
.news-slider .news-block figcaption .more{
   color: #002663;
   font-size: 14px;
   font-weight: 700;
}
.news-slider .news-block figcaption .more:hover{
   text-decoration: none;
}
.news-slider .news-block figcaption .more i{
   display: inline-block;
   position: relative;
   left: 5px;
   transition: all 0.3s;
}
.news-slider .news-block figcaption .more:hover i{
   left: 14px;
   transition: all 0.3s;
}

.news-slider .news-block:hover{
   border: 1px solid #002663;
}

.news-slider .view-all-box {
   margin-top: 47px;
   text-align: center;
}

.news-slider .view-all-box .view {
   width: 225px;
   text-align: center;
   height: 60px;
   line-height: 60px;
   padding: 0;
   display: inline-block;
   font-size: 16px;
   font-weight: 700;
}

.city-speaker-box figcaption {
   bottom: -180px;
   width: 100%;
}

.munchen-box figcaption, .torino-box figcaption, .poiana-brasov-box figcaption {
   bottom: -180px;
}

.city-speaker-box:hover figcaption {
   padding: 57px 90px;
}



.city-speaker-box img {
   height:340px;
   width:110%;
}
.city-social-icons li a {
   color: #fff;
   text-align: center;
   display: inline-block;
   width: 38px;
   height: 38px;
   padding: 0;
   vertical-align: top;
}

.city-social-icons li a img {
   width:100%;
   display: block;
   height: auto;
}


/*-------------------------------------------------
  15. CTA
-------------------------------------------------*/
.newslatter-bg{
   background-color: #002663;
}
.newslatter{
   padding: 40px 0px;
}
.newslatter h4 {
   font-size: 24px;
   line-height: 36px;
   color: #ffffff;
   font-weight: 400;
   font-family: 'Montserrat', sans-serif;
   text-transform: capitalize;
}
.newslatter-form{
   padding: 40px 0px;
}
.newslatter-form form{
   display: flex;
   padding: 9px 0px 0px 0px;
   }
.newslatter-form form i{
   position: absolute;
   color: white;
   font-size: 22px;
   top: 67px;
   left: 47px;
}
.newslatter-form form.active i{
   color: #002663;
}

.newslatter-form form input{
   width: 65%;
   height: 60px;
   background-color: rgba(255,255,255,0.2);
   border: 1px solid #ffffff;
   padding-left: 70px;
}
.newslatter-form form input:focus {
   outline: none;
}
.newslatter-form form input::placeholder{
   color:#ffffff;
   font-size: 18px;
   font-family: 'Montserrat', sans-serif;
}
.Subscribe-btn {
   margin: 0px 0px 0px 20px;
}
.Subscribe-btn button {
   color: #052861;
   font-size: 18px;
   padding: 16px 65px;
   font-weight: 700;
   text-transform: uppercase;
   background-color: #ffffff;;
   transition: all 0.5s ease;
   border: 0;
   cursor: pointer;
}
.Subscribe-btn button:hover{
   text-decoration: none;
   padding:16px 65px;
   background-color: #052861;
   border:1px solid #ffffff;
}
/*-------------------------------------------------
   16. Map & Contact Info.
-------------------------------------------------*/
#map{
   height: 600px;
}
.btn-register .view {
   display: initial;
   padding: 25px 90px;
   border: none;
   text-decoration: none !important;
   background: #ffffff;
   vertical-align: middle;
   position: relative;
   z-index: 1;
   font-size: 20px;
   -webkit-backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   text-transform: uppercase;
   color: #002663;
   font-weight: bold;
   transition: all 0.5s ease;
}
.btn-register {
   padding: 50px 0px 30px;
}
.btn-register .view:hover{
  padding: 20px 90px; 
}
.location{
   position: relative;
}
.location-bg{
   position: absolute;
   top: 60px;
   left: 90px;
   background-color: #002663;
}
.location-info{
   color: #ffffff;
   padding: 40px 50px;
}
.location-info h3{
   font-size: 30px;
   font-weight: 600;
   border-bottom: 1px solid #608ed6;
   padding-bottom: 15px;
}

.location-info p{
   display: flex;
   font-size: 20px;
   line-height: 36px;
   font-weight: 300;
   padding-top: 20px;
}
.location-info p a{
   font-size: 20px;
   line-height: 50px;
   font-weight: 300;
   color: #ffffff;
}
.location-info p a:hover{
   text-decoration: none;
}
.location-info span{
   padding-right: 20px;
}
.location-info h3 span i{
   background-color: white;
   color:  #002663;
   position: relative;
}
.location-info h3 span i:after{
   content: "";
   width: 0;
   height: 0;
   position: absolute;
   bottom: -7px;
   right: 13px;
   margin-top: -3px;
   border-width: 10px 10px 0 10px;
   border-style: solid;
   border-color: #ffffff transparent;
}
.location-info p:hover span i {
   background-color: white;
   color:  #002663;
   position: relative;
}
.location-info p:hover span i:after{
  content: "";
   width: 0;
   height: 0;
   position: absolute;
   bottom: -7px;
   right: 13px;
   margin-top: -3px;
   border-width: 10px 10px 0 10px;
   border-style: solid;
   border-color: #ffffff transparent;
   }
.location-info span i{
   border: 1px solid #ffffff;
   font-size: 20px;
   border-radius: 50%;
   height: 48px;
   padding-top: 14px;
   width: 48px;
   text-align: center;
}
/*-------------------------------------------------
   17. Footer
-------------------------------------------------*/

/* NEW FOOTER  */

.align-self-center {
   display: flex;
   flex-direction: row;
   justify-content: center;

}

.left-side-icons {
   display: flex;
}

.right-side-icons {
   display: flex;
}

.icon-image {
   margin-left: 10px;
}
.icons {
   padding-bottom: 100px;
}
.avatar-icon {
   max-width: 50%;
   margin-bottom: 20px;
}
img.picContactMe {
   max-width: 100%;
}
.pad-top {
   padding-top: 70px;
}

@media screen and (max-width:760px) {
   .icon-image {
       width:15%;
   }
   

   .left-side-icons {
       justify-content: center;
   }

   .right-side-icons {
       justify-content: center;
   }
   .avatar-icon {
       max-width: 100%;
   }
}



/* Footer social */
.bottom-social {
   padding: 40px 0;
   background-color: #e9e9e9;
   text-align: center;
}

.bottom-social a {
   color: #c3c2c2;
   font-size: 38px;
   margin: 0 25px;
}

.bottom-social a:hover {
   color: #002663;
   text-decoration: none;
}

/* Footer links */
.footer-left{
   font-family: 'Roboto Slab', serif;
   color: #fff;
}
.footer-left p {
   font-size: 20px;
   font-weight: 300;
}
.footer-left strong {
   font-weight: 600;
}

.footer-top {
   background: #002663;
   padding: 8px 0;
}
.footer-right {
   text-align: center;
   margin:auto;
}
.footer-right ul {
   margin-bottom: 0;
}
.footer-right ul li {
   display: inline-block;
   color: #fff;
   font-weight: 600;
}
.footer-right ul li a {
   color: #fff;
   font-weight: 600;
   font-size: 12px;
   text-transform: uppercase;
}
.footer-right ul li span {
   margin: 0 15px;
}
.footer-right ul li a:hover{
   text-decoration: none;
}

.footer-bottom {
   background: #e9e9e9;
   padding: 5px 0;
   text-align: center;
   color: #002663;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.copyright {
   font-size: 12px;
}

.copyright p {
   margin-bottom: 0;
}

.footer-bottom a {
   color: #002663;
}
.more_link{
   color: #002663;
   font-size: 14px;
   font-weight: 500;
   text-decoration: none !important;
}
.more_link:hover{

   color: #083070;
}

.newslatter-form .form-control.email.error {
   border: 1px solid red;
}
.newslatter-form .form-control.email {
   display: block;
}
.newslatter-form  #form-0-field-0-error {
   display: none;
}


/* NEW SECTION  */

#workshop-packages {
   padding: 30px 0 50px 0;
}

.workshop-card {
   box-shadow: -3px 0px 29px 13px rgb(0 0 0 / 10%);
   border: 1px solid #c7c7c7;
   text-align: center;
   color: black ;
   height: 530px;
   margin-bottom: 20px;
   
}

.black-line {
   border-top:1px solid #c7c7c7;
   width: 100%;

}

.workshop-plan-price {
   font-size: 64px;
   font-weight: 900;
   color:#ffb400;
   padding: 10px 0;
}

.workshop-title h6 {
   font-size: 24px;
   padding-top: 20px;
   font-weight: 600;
}

.workshop-details-bottom, .workshop-details-top {
   padding: 10px ;
}

.workshop-card .btn-box {
   width:200px;
    margin: 0px auto; 
  
}
.bottom-card {
   position: absolute;
   bottom: 0;
   left: 30px;
   
}

.workshop-card .btn-box .view {
   line-height: 60px;
   height: 60px;
   padding: 0;
   font-size: 16px;
   margin-bottom : 30px;
}

.bottom-workshop {
  margin: 20px auto;
}
.bottom-workshop p {
   width: 55%;
   margin: 0 auto 5px auto;
}

.bold-span {
   font-weight: 700;
}

@media screen and (max-width: 1200px) and (min-width: 980px) {
   .bottom-card {
      
      bottom: 0;
      left: 30px;
      
   }

   .workshop-card .btn-box {
      width:180px;
   }

   .workshop-details-top, .workshop-details-bottom {
      font-size: 12px
   }

   ul.nav.nav-pills li button a {
      
      font-size: 12px;
  }
}

@media screen and (max-width:980px) and (min-width:500px) {
   .bottom-card {
      left:70px;
   }
   ul.nav.nav-pills li button a {
      
      font-size: 10px;
  }
  
}

@media screen and (max-width: 500px)  {
   .bottom-card {
      left:70px;
   }
}

@media screen and (max-width:750px) {
   .bottom-workshop p {
      width: 90%;
   }
   ul.nav.nav-pills li button a {
      font-size: 9px;
  }
}


/* WHATS UP */


.wapp-logo img {
   float: right;
   margin-right: 4%;
   margin-top: -5%;
   /* background-color: rgba(0, 0, 0, 0.5); */
   border-radius: 50%;
   position: fixed;
   top: 91%;
   left: 91%;
   

}


.wapp-logo img:hover {
   transform: scale(1.1);
}

@media screen and (max-width:900px) {
   .wapp-logo img {
       display: none;
   }
   .reteta-steps {
       margin-left:0px !important; 
   }
}


/*-------------------------------------------------
   Responsive Css start here
-------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1024px){
 #top-header.sticky-header{
       position: relative;
       height: auto;
   }
   #top-header .cd-logo {
       margin-top: 30px;
       
   }
   #top-header {
       height: 74px !important;
       background: rgb(51, 51, 51);
       position: relative !important;
   }
}

@media screen and (max-width: 991px){
    .what-client-says-inn .owl-dots{
        display: none;
   }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .custom-radio {
        padding-right: 10px;
        padding-left: 0px;
   }
    .checkmark{
        left:30px;
   }
    .checkmark2{
        left:42px;
   }
    .banner-left-bar h1{
        font-size: 43px;
        margin-bottom: 10px;
   }
    .banner-left-bar p {
        font-size: 20px;
        line-height: 35px;
   }
  figure.video-bg-sec figcaption {
   top: 20%;
}
    .view{
        padding: 15px 34px;
   }
    .view-btns li {
        margin-right: 10px;
   }
    figure.video-bg-sec figcaption img{
        top: inherit;
   }
   
    .event-speakers h3{
        font-size: 25px;
        line-height: 40px;
   }
    .event-speakers p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        color: #565656;
        margin-bottom: 5px;
   }
    .speaker-box figcaption{
        bottom: -225px;
        padding: 20px 20px;
   }
    .speaker-box:hover figcaption{
        padding: 40px 0px;
   }

   .ionut-box figcaption {
      bottom: -204px;
   }
   .adriana-box figcaption {
      bottom: -200px;
   }

   .lucian-box figcaption {
      bottom: -243px;
   }



   .speaker-box {
      width:310px;
      height: 310px;
   }

    .speaker-box figcaption p{
        padding: 50px 10px;
        margin: 15px 0;
   }
  
   
   .city-speaker-box figcaption {
      bottom: -190px;
   }

   .munchen-box figcaption, .torino-box figcaption, .poiana-brasov-box figcaption {
      bottom: -226px;
   }

   .munchen-box:hover figcaption, .torino-box:hover figcaption, .poiana-brasov-box:hover figcaption {
      padding: 20px 0px;
   }

    .event-time {
        padding: 0px 10px 15px;
   }
    .event-time h4 {
        font-size: 16px;
   }
    .event-info {
        padding: 0px 6px 0px 10px;
   }
    .event-info h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
   }
    .event-schedule figcaption ul li {
        padding-top: 5px;
   }
    .event-schedule figcaption{
        top:0;
   }
    ul.nav.nav-pills li button a{
        padding: 25px 49px
   }
   .tab-content-head{
       padding:15px 0 30px 22px;
   }
    .schedule {
        min-height: 362px;
       }
    /* .mySlides img{
        height: 140px;
   } */
    .newslatter-form {
        padding: 20px 0px 30px;
   }
    .newslatter {
        padding: 22px 0px 0px;
   }
    .newslatter-form form i{
        top:45px;
   }
    .newslatter h4 {
        font-size: 20px;
   }
    .location-info{
        padding: 30px 26px;
   }
    .location-info p a {
        font-size: 18px;
   }
    .location-info p {
        font-size: 18px;
        line-height: 34px;
   }
    .btn-register .view{
        padding: 18px 60px;
   }
    .footer-left p {
        padding-top: 4px;
        font-size: 19px;
   }
    .footer-right ul li a{
        font-size: 14px;
   }
    .footer-right ul li span {
        margin: 0 9px;
   }
}
@media (min-width: 768px) and (max-width: 991.98px) {
   .owl-theme .owl-nav {
   margin-top: 10px;
   position: absolute;
   bottom: -50px;
   right: 0;
   left: 0;
}
#upcoming-event-sec .owl-carousel .owl-nav button.owl-next, #upcoming-event-sec .owl-carousel .owl-nav button.owl-prev {
   padding: 2px 8px !important;
   background: #f25421;
   border-radius: 0px;
   color: #fff;
   opacity: 1;
}
    #top-header.sticky-header{
       position: relative;
       height: auto;
   }
   #top-header .cd-logo {
       margin-top: 30px;
   }
   #top-header {
       height: 74px !important;
       background: rgb(51, 51, 51);
       position: relative !important;
   }
    figure.video-bg-sec figcaption .btn-primary {
       width: 70px;
       height: 70px;
   }
   figure.video-bg-sec figcaption p{
           bottom: -40px;
   }
   figure.video-bg-sec figcaption img{
       width: 20px;
   }
    .banner-left-bar {
        padding-top: 30px;
   }
    .time-location{
        margin-bottom: 30px;
   }
    .time-location li{
        margin: 5px;
   }
    .banner-left-bar h1{
        margin-bottom:10px;
        font-size:45px;
   }
    .register-form{
        margin: 40px 65px;
   }
    .view{
        padding: 10px 16px;
   }
    .view-btns li{
        margin-right: 5px;
   }
    .view-btns {
        margin-top: 15px;
   }
    #annual-conference-sec .video-info p{
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 5px;
   }
    #annual-conference-sec .video-info h3{
        margin-top: -55px;
        font-size: 32px;
   }
    #annual-conference-sec .video-info {
        padding-left: 0px;
   }
    figure.video-bg-sec figcaption p{
        margin-top: 20px;
   }
    figure.video-bg-sec figcaption img{
        top:0;
   }
    figure.video-bg-sec figcaption {
       top: 70px;
   }
    #counts-sec h2 {
        font-size: 45px;
   }
    #counts-sec span{
        font-size: 16px;
   }
    .speaker-box figcaption{
        bottom: -250px; 
   }
    .speaker-box:hover figcaption{
        padding: 30px 45px;
   }
    .confrence-bg .confrence-col-inn{
        padding: 30px 10px 30px 25px;
   }
  .confrence-bg .confrence-title {
   padding-left: 50px;
}
   .confrence-bg .confrence-col-inn .icon-box {
       width: 40px;
       height: 40px;
       line-height: 39px;
       font-size: 16px;
   }
    .confrence-bg .confrence-title h3{
        font-weight: 500;
            font-size: 20px;

   }
    .confrence-bg .confrence-col-inn p {
       text-align: left;
       font-size: 14px;
       line-height: 21px;
           margin: 15px 0 0;
   }
    .text-center h2{
        font-size: 34px;
   }
   ul.nav.nav-pills li button a{
        padding: 12px 10px;
   }
   ul.nav.nav-pills li button a span{
        font-size: 16px;
   }
   a.tab-button{
       padding: 5px 20px;
   }
   .tab-content-head h3 {
        font-size: 20px;
        margin-right: 40px;
   }
   .tab-content-head {
        display: flex;
        padding: 15px 0px 30px 20px;
   }

    .schedule-content {
        display: flex;
   }
    .schedule{
        display: block;
        margin-left: 45px;
   }
    .eventpackage .event-priceing{
        margin-bottom: 70px;
   }
    .eventpackage .event-priceing:nth-child(2) {
        border-right: none;
   }
    .newslatter-form form i{
        top: 26px;
   }
    .newslatter-form {
        padding: 0px 0px 40px;
   }
    .newslatter {
        padding: 40px 0px 20px;
        text-align: center;
   }
    .location-bg{
        left:40px;
   }
    .location-info {
        color: #ffffff;
        padding: 20px 20px 40px 30px;
   }
    .location-info p {
        font-size: 18px;
        line-height: 30px;
   }
    .location-info p a {
        font-size: 18px;
   }
    .btn-register {
        padding: 40px 10px 20px;
   }
    .btn-register .view{
        padding: 15px 35px;
   }
    .footer-left p {
        text-align: center;
        font-size: 25px;
   }
    .footer-right {
        text-align: center;
        padding-top: 20px;
   }
    .footer-right ul li a{
        font-size: 14px;
   }
    .footer-right ul li span {
        margin: 0 8px;
   }
    label.custom-radio{
        font-size: 16px;
   }
    .custom-radio {
        padding-right: 30px;
        padding-left: 30px;
   }
    .checkmark{
        left:60px;
   }
    .checkmark2{
        left:80px;
   }
    .event-speakers h3{
        font-size: 32px;
        line-height: 45px;
   }
    #annual-conference-sec .video-info p, .event-speakers p {
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 5px;
   }

   .city-speaker-box figcaption {
      bottom: -207px;
   }

   .city-speaker-box:hover figcaption {
      padding: 60px 45px;
   }

   .munchen-box figcaption, .torino-box figcaption .poiana-brasov-box figcaption {
      bottom: -210px;
   }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .banner-left-bar {
        padding-top: 50px;
   }
    .time-location li {
        font-size: 24px;
   }
   .hasCountdown .countdown_section{
       width: 116px;
   }

    .schedule {
        display: block;
   }
    .eventpackage .event-priceing:nth-child(2) {
        border-right: none;
   }
    .eventpackage .event-priceing{
        margin-bottom: 70px;
   }
   ul.nav.nav-pills li button a{
       padding: 15px 13px;
   }
   ul.nav.nav-pills li button a span{
       font-size: 15px;
   }
  .tab-content-head {
   display: block;
   padding: 15px 0px 30px 0px;
}
 .tab-content-head h3 {
   font-size: 18px;
   margin-right: 0;
   text-align: center;
}
ul.nav.nav-tabs, ul.nav.nav-pills {
   margin-top: 12px;
   align-items: center;
   justify-content: center;
}
.event-schedule{

   margin-bottom: 10px;
}
   a.tab-button{
        font-size: 14px;
        padding: 5px 10px;
   }

    .event-time {
        padding: 0px 15px 15px;
   }
    .event-info {
        padding: 0px 6px 0px 15px;
   }
    .event-info h3 {
        font-size: 17px;
   }
    .event-schedule figcaption{
        top:4px;
   }
    .banner-left-bar h1 {
        margin-bottom: 10px;
        font-size:41px;
   }
    .banner-left-bar p {
        font-size: 20px;
   }
    .register-form{
        margin: 40px 45px;
   }
    #annual-conference-sec .video-info p {
        font-size: 14px;
   }
    #annual-conference-sec .video-info {
        padding-left: 118px;
   }
    #annual-conference-sec .video-info h3 {
        font-size: 32px;
        margin-top: 20px;
   }
    .view {
        padding: 12px 26px;
   }
    .view-btns {
        margin-top: 20px;
   }
    #counts-sec span {
        font-size: 14px;
        line-height: 24px;
   }
    #counts-sec h2 {
        font-size: 45px;
   }
    .event-speakers span {
        font-size: 13px;
        line-height: 20px;
   }
    .event-speakers p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 0px;
   }
    .event-speakers h3{
        font-size: 25px;
        line-height:26px;
   }
    .speaker-box figcaption p {
        font-size: 14px;
        padding: 15px 8px;
        margin: 10px 0;
   }
    .speaker-box figcaption ul li a{
        width: 32px;
        height: 32px;
        padding-top: 4px;
   }
    .speaker-box figcaption {
        bottom: -69%;
        padding: 6px 17px;
   }
    .speaker-box:hover figcaption{
        padding: 9px 16px;
   }
    .text-center h2 {
        font-size: 28px;
   }
    .newslatter {
        padding: 40px 0px 10px;
   }
    .newslatter-form {
        padding: 0px 0px 40px;
   }
    .newslatter-form form input{
        height: 52px;
   }
    .newslatter-form form i{
        top: 23px;
   }
    .Subscribe-btn {
        margin: 15px 0px 0px 15px;
        float: right;
   }
    .Subscribe-btn button{
        font-size: 16px;
        padding: 16px 34px;
   }
    .location-bg {
        position: inherit;
        top: 0px;
        left: 0px;
   }
    .modalModal-content{
        width: 400px;
   }
    .mySlides img {
        margin-bottom: -9px;
        
   }
    .footer-left p {
        text-align: center;
        font-size: 25px;
   }
    .footer-right {
        text-align: center;
        padding-top: 20px;
   }
    .footer-right ul li a{
        font-size: 14px;
   }
    .footer-right ul li span {
        margin: 0 8px;
   }
   #top-header.sticky-header{
       position: relative;
       height: auto;
   }
   #top-header .cd-logo {
       margin-top: 30px;
       text-align: center;
   }
   #top-header {
       height: 74px !important;
       background: rgb(51, 51, 51);
       position: relative !important;
   }
   #main-banner-sec{
           padding-top: 0px;
   }
   figure.video-bg-sec figcaption .btn-primary {
       width: 70px;
       height: 70px;
   }
   figure.video-bg-sec figcaption p{
           bottom: -40px;
   }
   figure.video-bg-sec figcaption img{
       width: 20px;
   }
   .confrence-bg .confrence-col-inn {
       padding: 30px 10px 30px 25px;
   }
   .confrence-bg .confrence-title {
   padding-left: 50px;
}
.confrence-bg .confrence-col-inn p {
   text-align: left;
   font-size: 14px;
   line-height: 21px;
   margin: 15px 0 0;
}
.confrence-bg .confrence-col-inn .icon-box {
   width: 40px;
   height: 40px;
   line-height: 39px;
   font-size: 16px;
}
.confrence-bg .confrence-title h3 {
   font-weight: 500;
   font-size: 20px;

   line-height: 25px;
}
.what-client-says-inn {
   padding: 44px 0;
}
#event-packages-sec{
   padding: 30px 0 50px;
}
.eventpackage .event-priceing:last-child {
   margin-bottom:  0;
}
#our-conference-sec .conference-heading-bg{
       padding: 25px 0
}
.owl-theme .owl-nav {
   margin-top: 10px;
   position: absolute;
   bottom: -50px;
   right: 0;
   left: 0;
}
#upcoming-event-sec .owl-carousel .owl-nav button.owl-next, #upcoming-event-sec .owl-carousel .owl-nav button.owl-prev {
   padding: 2px 8px !important;
   background: #f25421;
   border-radius: 0px;
   color: #fff;
   opacity: 1;
}
figure.video-bg-sec:hover > img {
   transform: scale(1) rotate(0deg);
}
}
@media (max-width: 575.98px) {
.owl-theme .owl-nav {
   margin-top: 10px;
   position: absolute;
   bottom: -50px;
   right: 0;
   left: 0;
}
#upcoming-event-sec .owl-carousel .owl-nav button.owl-next, #upcoming-event-sec .owl-carousel .owl-nav button.owl-prev {
   padding: 2px 8px !important;
   background: #f25421;
   border-radius: 0px;
   color: #fff;
   opacity: 1;
}
   .event-schedule{

   margin-bottom: 10px;
}
figure.video-bg-sec img{
   width: 290px;
   margin: 0 auto;
}
figure.video-bg-sec:hover > img {
   transform: scale(1) rotate(0deg);
}

   #our-conference-sec .conference-heading-bg{
       padding: 25px 0
}
   #event-packages-sec{
   padding: 30px 0 50px;
}
   .eventpackage .event-priceing:last-child {
  margin-bottom:  0;
}
   .confrence-bg .confrence-title h3 {
   font-weight: 500;
   font-size: 20px;

   line-height: 25px;
}
   .confrence-bg .confrence-col-inn p {
   text-align: left;
   font-size: 14px;
   line-height: 21px;
   margin: 15px 0 0;
}
.confrence-bg .confrence-col-inn .icon-box {
   width: 40px;
   height: 40px;
   line-height: 39px;
   font-size: 16px;
}
   .confrence-bg .confrence-col-inn {
       padding: 30px 10px 30px 25px;
   }
   .confrence-bg .confrence-title {
   padding-left: 50px;
}
   #top-header.sticky-header{
       position: relative;
       height: auto;
   }
  #top-header .cd-logo {
   margin-top: 30px;
   text-align: center;
   
}
   #top-header {
       height: 73px !important;
       background: rgb(51, 51, 51);
       position: relative !important;
   }
   #main-banner-sec{
           padding-top: 40px;
   }
   figure.video-bg-sec figcaption .btn-primary {
       width: 70px;
       height: 70px;
   }
   figure.video-bg-sec figcaption p{
           bottom: -40px;
   }
   figure.video-bg-sec figcaption img{
       width: 20px;
   }

    .time-location li{
        font-size: 16px;
        padding: 12px 12px;
        margin-right: 0px;
   }
    .banner-left-bar {
        padding-top: 30px;
   }
    .modalModal-content{
   
        margin-top: 55px;
   }
    .mySlides img {
      margin-left: 18px;

   }
    .close{
        top: 90px;
        right: 10px;
   }
    .schedule {
        display: block;
   }
    .schedule-content {
        display: block;
   }
    .event-schedule{
        margin-top: 10px;
   }
    .newslatter-form form {
        display: block;
   }
    .location-bg {
        position: inherit;
        top: 0;
        left: 0;
   }
    .location-info span i{
        font-size: 16px;
        height: 35px;
        padding-top: 9px;
        width: 35px;
   }
    .location-info h3 {
        font-size: 25px;
   }
    .location-info p {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
   }
    .location-info p a {
        font-size: 15px;
        line-height: 36px;
        font-weight: 400;
   }
    .btn-register .view{
        padding: 20px 50px;
        font-size: 14px;
   }
    .location-info {
        color: #ffffff;
        padding: 40px 10px;
   }
    .banner-left-bar h1{
        font-size: 42px;
   }
    .banner-left-bar p {
        font-size: 18px;
        line-height: 30px;
   }
    .social-icons li{
        padding: 0 5px;
   }
    .form-title {
        padding: 32px 15px;
   }
    .register-form h4{
        font-size: 25px;
   }
    .userform {
        padding: 35px 20px 30px;
   }
    .register-form {
        margin-top: 31px;
   }
   #annual-conference-sec:before {
   height: 354px;
   width: 50%;
}

    #annual-conference-sec .video-info {
        padding-left: 0px;
   }
    #annual-conference-sec .video-info h3{
        margin-top: 130px;
        font-size: 30px;
   }
    figure.video-bg-sec figcaption{
        top:25%;
   }
    .view{
        padding: 10px 10px;
        font-size: 13px;
   }
    .view-btns li {
        margin-right: 5px;
   }
    /* .speaker-box figcaption{
        padding: 60px 25px;
   } */
    .speaker-box figcaption p{
        padding: 15px 10px;
   }
    .confrence-bg .confrence-col-inn {
        padding: 20px 15px 30px 20px;
   }
    .confrence-bg .confrence-title {
        padding-left: 50px;
   }
    .confrence-bg .confrence-title h3 {
        font-size: 20px;
   }
    .confrence-bg .confrence-col-inn .icon-box {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
   }
    .confrence-bg .confrence-col-inn p{
        margin: 15px 0 0;
   }
   ul.nav.nav-pills li button a{
        padding: 12px 10px;
   }
   ul.nav.nav-pills li.active button a{
       border-right:1px solid #ffffff;
   }
   ul.nav.nav-pills li button a span{
        font-size:12px;
   }
   .tab-content-head{
        padding: 15px 0;
        display: block;
   }
  .tab-content-head h3 {
   font-size: 13px;
   margin-right: 0;
   text-align: center;
   line-height: 20px;
}
  ul.nav.nav-tabs, ul.nav.nav-pills {
   margin-top: 12px;
   align-items: center;
   justify-content: center;
}
ul.nav.nav-pills{
   
   margin: 0 auto;
}
.what-client-says-inn {
   padding: 44px 0;
}
a.tab-button {
   border: 1px solid;
   padding: 7px 5px;
   font-size: 11px;
   margin-right: 3px;
}

  .text-center h2 {
   font-size: 22px;
   line-height: 35px;
}
    .what-client-says-inn .user-info figure p{
        padding-bottom: 20px;
        font-size: 16px;
   }
    .eventpackage .event-priceing{
        margin-bottom: 70px;
   }
    .newslatter {
        padding: 40px 0px 0px;
   }
    .newslatter h4 {
        font-size: 20px;
   }
    .newslatter-form {
        padding: 15px 0px 45px;
   }
    .newslatter-form form i {
        top:39px;
        left: 32px;
   }
    .newslatter-form form input {
        width: 100%;
        height: 55px;
        padding-left: 48px;
   }
    .Subscribe-btn {
        margin: 35px 0px 0px 0px;
   }
    .Subscribe-btn button{
        font-size: 17px;
        padding: 16px 34px;
   }
    .bottom-social a {
        color: #c3c2c2;
        font-size: 30px;
        margin: 0 8px;
   }
    .footer-left p {
        font-size: 24px;
        text-align: center;
   }
    .footer-right {
        text-align: center;
   }
    .footer-right ul li a{
        font-size: 12px;
   }
    .footer-right ul li span {
        margin: 0 2px;
   }
    .gallery {
        display: block;
        margin-bottom: 0px;
        margin-left: 25px;
   }
    .hasCountdown .countdown_section{
        width: 66px;
        font-size: 19px;
        padding: 7px 0px;
        margin: 40px 3px;
   }
    .countdown_amount {
        font-size: 26px;
   }
    .eventpackage .event-priceing {
        
   }
  .custom-radio {
   padding-right: 10px;
   padding-left: 10px;
}
  label.custom-radio {
   font-size: 11px;
}
    .checkmark{
      left: 55px;

   }
    .checkmark2{
        left:40px;
   }
    .userform .submit-btn{
        margin-bottom: 10px;
   }
    .speaker-box figcaption p{
        padding: 15px 0px 
   }
    .location-info h3 span i:after, .location-info p:hover span i:after{
        right:7px;
   }
    .speaker-box:hover figcaption{
        padding: 16px 45px;
   }

   
}
@media (min-width: 321px) and (max-width: 375px){
    label.custom-radio {
        font-size: 14px;
   }
    .custom-radio {
        padding-right: 8px;
        padding-left: 8px;
   }
    .checkmark {
        left: 35px;
   }
    .checkmark2 {
        left: 50px;
   }
    .speaker-box figcaption {
        padding: 16px 25px;
        bottom: -60%;
   }
    .speaker-box figcaption p {
        padding: 15px 29px;
   }
    .speaker-box:hover figcaption {
        padding: 31px 45px;
   }
    .parent_tab button {
        padding: 12px 34.1px;
   }
    button.parent_tablinks h5 {
        font-size: 16px;
   }

  

}
@media (min-width: 376px) and (max-width: 425px){
    .speaker-box figcaption {
        padding: 24px 34px;
        bottom: -250px;
   }

   .ionut-box figcaption, .diana-box figcaption, .monica-box figcaption, .dragos-box figcaption, .adriana-box figcaption {
      bottom: -220px;
   }
 

    .speaker-box:hover figcaption {
        padding: 40px 45px;
   }
    .speaker-box figcaption p{
        padding: 31px 55px;
   }
    label.custom-radio {
        font-size: 14px;
   }
    .custom-radio {
        padding-right: 16px;
        padding-left: 16px;
   }
    .checkmark {
        left: 42px;
   }
    .checkmark2 {
        left: 58px;
   }
    .parent_tab button{
        padding: 18px 46.6px;
   }
    button.parent_tablinks h5 {
        font-size: 16px;
   }
}

@media screen and (max-width: 400px) {
   
   .city-speaker-box figcaption {
      bottom: -210px;
   }
 
   .munchen-box figcaption, .torino-box figcaption, .poiana-brasov-box figcaption {
      bottom: -175px ;
  }
   .city-speaker-box:hover figcaption {
      padding: 75px 45px;
   }

   .munchen-box:hover figcaption, .torino-box:hover figcaption, .poiana-brasov-box:hover figcaption {
      padding: 60px 45px;
  }
}

@media screen and (max-width:900px) and (min-width: 600px) {
   .card3 {
      margin-left:-80px;
   }
}


/* VIDEO WITH VIDEO.JS */

.video-container {
   width: 120%;
   margin-left: -25%;
}
.video-js .vjs-big-play-button {
   top: 47%!important;
   left: 43%!important;
}

@media screen and (max-width: 1390px) {
   .video-container {
      width: 115%;
      margin-left: -11%;
   }
}

@media screen and (max-width: 1250px) {
   .video-container {
      width: 115%;
      margin-left: -7%;
   }
}

@media screen and (max-width: 770px) {
   .video-container {
      width: 100%;
      margin-left: 0%;
      margin-top:-54px;
   }
   .video-js .vjs-big-play-button {
   
      left: 39%!important;
  }
}
@media screen and (max-width: 400px) {
   .video-container {

      margin-top: 0;
   }
}


/* SECTION FOR 2022 */

.train-leader-img {
   width: 106%;
 }
 
 .train-leader-content {
   margin-left: 87px;
   margin-bottom: 0;
 }
 
 .btn-train-leader {
   width: 250px;
   margin-right: 10px;
 }
 
 .btn-train-leader a {
   font-size: 11px;
   padding: 10px 15px;
 }

 .coolthing_service > ul > li > .icon {
   float: left;
   width: 65px;
   height: 120px;
   margin-right: 20px;
   display: inline-block;
}

.coolthing_service > ul > li > .icon > span:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   width: 1px;
   height: 25px;
   background-color: #e6ebf1;
   margin-top: 7px;
}

.coolthing_service > ul > li > .icon > span {
   width: 65px;
   height: 65px;
   line-height: 62px;
   text-align: center;
   color: #292a2b;
   font-size: 24px;
   background-color: white;
   border: 1px solid #e6ebf1;
   border-radius: 100%;
   float: left;
   position: relative;
}

 .coolthing_service > ul > li > .icon > span > img {
   margin-top: 19px;
   width: 50px;
}

.coolthing_service > ul > li > .content h4 {
   margin-top: 0px;
   font-size: 14px;
   line-height: 1.2;
   text-transform: uppercase;
}
.coolthing_service > ul > li > .content > p {
   font-size: 11px;
   line-height: 23px;
   font-weight: normal;
}

.train-leader-content b {
   font-weight: bold;
}

.sec-title-container {
   font-weight: 400;
}

.first-btn-train-leader {
   margin-left: 10px;
}

 
 .train-leader-img img {
   width: 59%;
   transform: scaleX(-1);
 }
 
.yacht-photo img {
   width: 99%;
 }

 .training-description {
   text-align: right;
   display: flex;
   flex-direction: column; 
   align-items: flex-end;
 }
 
.four-buttons {
   display:flex; 
   justify-content:center; 
   margin-top: 40px;
 }

.sec-black-hadding h1 {
   color: #333333;
   font-weight: 400;
   text-transform: none;
   font-size: 40px;
}


.black-text h1, .black-text h6,  .black-text h3, .training-description-top, .training-description-bottom , .content h4 {
   color: #333333;
}

.training-description-top h4 {
   font-size: 1.5rem;
   font-weight: 500;
}

.training-description-top h5 {
   font-size: 1.25rem;
}

.training-description-bottom {
   width: 66%;
   margin-top: 70px;
 }

.black-text h3 {
   font-size: 1.75rem;
   font-weight: 500;
}


.subcapitol-title {
   margin-top: 10px;
}

 
.training-list > li > .content > p {
   line-height: 18px !important;
}

@media screen and (min-width: 1400px) {
   .next-event-container {
      max-width: 1320px;
   }
}

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

   .training-description {
      text-align: left;
      align-items: center;
    }
 }
 
 @media screen and (max-width: 600px) {
   .train-leader-img img, .yacht-photo img {
      width: 100%;
      margin-bottom: 40px;
    }

    .sec-black-hadding h1 {
      font-size: calc(1.375rem + 1.5vw);
    }
   
   .coolthing_service > ul > li > .icon {
     height: 185px;
   } 
 
   .train-leader-events {
     margin-top: 40px
   }
 
   .btn-train-leader {
     margin-left: 5px;
     margin-right: 0;
   }
 
   .train-leader-list {
     margin-bottom: 20px;
   }

   .training-description-bottom {
      width: 100%;
      margin-top: 50px;
  
    }
   
 }


.btn-pay-city {
   text-align: center;
   margin-bottom: 30px;
}

.btn-pay-city a {
   padding: 15px 10px;
}

.red-line {
   height: 5px;
   background-color: red;
   transform: rotate(-27deg) translate(22px, -70px);
   width: 115%;
}

.last-cities {
   display: flex;
   justify-content: space-evenly;
   flex-direction: row;
   width: 100%;
}

.btn-train-leader a span {
   font-size: 8px;
}

@media screen and (max-width: 760px) {
   .btn-pay-city {
      width: 50%;
      margin: 10px auto;
   }
   .red-line {
      transform: rotate(-23deg) translate(90px, -18px);
      width: 58%;
  }

  .last-cities {
      flex-direction: column;
   }
}


/* STYLE FOR DESCRIPTION AND TESTIMONIALS FOR PRODUCTS */
.popuptext {
   display: none;
   width: 285px;
   height: 350px;
   background-color: #ffff;
   z-index: 9999;
   border-radius: 5px;
   position: absolute;
   margin-top: -350px;
   margin-left: -15px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   text-align: center;
 }
 
 .popup-scroll {
   overflow-x: hidden;
   overflow-y: auto;
 }
  
 
 .show {
   display: block;
   -webkit-animation: fadeIn 1s;
   animation: fadeIn 1s;
 }
 
 .icon-more {
   font-size:20px; 
 }
 
 .round-image {
   width: 65px;
   height: 65px;
   border-radius: 50%;
   margin: 0 auto;
 }
 
 .close-icon-right {
   display: flex; 
   justify-content: flex-end;
 }
 
 .close-icon-right span {
   margin-top: 10px; 
   margin-right: 11px; 
   font-size: 18px;   
 }
 
 /*ROUND IMAGES */
 
 .adriana-lucian {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/adriana_lucian.jpg');
   background-size: 87px;
   background-position: -14px 4px;
 }
 
 .andrada-fatulescu {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/andrada-fatulescu.jpg');
   background-size: cover;
 }
 
 .corina-urcan {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/corina-urcan.jpg');
   background-size: cover;
   background-position: -3px -4px;
 }
 
 .cristina-marghescu {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/cristina-marghescu.jpg');
   background-size: 60px;
   background-position: 4px 0px;
 }
 
 .dana-vidru {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/dana-vidru.jpg');
   background-size: 101px;
   background-position: -12px 0px;
 }
 
 .daniel-teodor {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/daniel-florin-teodor.png');
   background-size: 110px;
   background-position: -10px -23px;
 }
 
 .erika-biro {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/erika-biro.png');
   background-size: 75px;
   background-position: 8px 2px;
 }
 
 .melinda-parvi {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/melinda-parvi.jpg');
   background-size: cover;
 }
 
 .mirela-molly {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/mirela-molly.jpg');
   background-size: cover;
 }
 
 .monica-nastase {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/monica-nastase.jpg');
   background-size: 56px;
   background-position: 7px -30px;
 }
 
 .monica-veres {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/monica-veres.jpg');
   background-size: cover;
 }
 
 .petruta-codrianu {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/petruta-codrianu.jpg');
   background-size: 90px;
   background-position: -19px -2px;
 }
 
 .remus-doru {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/remus-doru.jpg');
   background-size: 96px;
   background-position: -18px 0px;
 }
 
 .simona-ciurte {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/simona-ciurte.jpg');
   background-size: 98px;
   background-position: -28px -33px;
 }
 
 .viorica-mancas {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/viorica-mancas.jpg');
   background-size: 180px;
   background-position: -43px -32px;
 }
 
 .julia-peocz {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/julia-peocz.jpg');
   background-size: 54px;
   background-position: 6px 1px;
 }
 
 .gratiela-blindu {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/gratiela-blindu.png');
   background-size: 95px;
   background-position: -17px -2px;
 }
 
 .bianca {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/bianca.jpg');
   background-size: 78px;
   background-position: -5px -5px;
 }
 
 .mihaela-grosu {
   background-image: url('https://panel.futureofdigital.info/assets/common/images/testimonials/grosu.jpg');
   background-size: 69px;
   background-position: -6px -1px;
 }
 
 .no-description {
   margin-top: 28px;
 }

 #cursmallorca > .descr-icons, #cursmallorca-rate > .descr-icons, #cursmallorca-avans > .descr-icons {
   color: #002663 !important;
 }

 .popuptext h4 {
    font-size: 24px;
 }
 
 @media screen and (max-width: 768px) {
 
   .popuptext {
       margin-left: 35px;
       height: 450px;
       width: 280px;
       margin-top: -400px;
   
   }
  
   .col-card {
       margin-bottom: 100px;
   }

   #cursmallorca > .popuptext, #cursmallorca-rate > .popuptext , #cursmallorca-avans > .popuptext {
      margin-left: -20px;
    }
}