@charset "UTF-8";
/* -------------------------------------- Reset styles -------------------------------------- */
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,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%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}em{font-style:italic}
#backToTop{display: none!important;}
.clearfix:after {
    clear:both;
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
}
.clearfix {
    display:inline-block;
}
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
*+html .clearfix {
    display: inline-block;
}

/* -------------------------------------- Common styles -------------------------------------- */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {font-size: 16px;line-height: 24px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration: none;color:#0B41BC;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: 500;}
small {font-size: 80%;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr {height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.fl{float: left;}
.fr{float: right;} 
p {font-size: 1em;}
h1, h2, h3, h4, h5, h6{line-height: normal;}
h1{font-size: 3em;}
h2{font-size: 2em;}
h3{font-size: 1.7em;}
h4{font-size: 1.5em;font-weight: 500;}
h5{font-size: 1.2em;}
.bold{font-weight: 600;}
.container{width:1200px;margin: 0 auto;}

/* -------------------------------------- Header styles -------------------------------------- */
header{padding: 15px 0;background: #fff;box-shadow:none;}
.me-logo{display: inline-block;width:200px;}
.me-logo img{width: 100%;}
h1:after{
    content: "";
    width: 100px;
    height: 3px;
    background: #FF3838;
    display: block;
    margin: 10px 0 0 0;
}
.nav-links{
    float: right;
    padding: 8px 0 0 0;
}
.main-menu{
    cursor: pointer;
}
.main-menu li{
    border-bottom: 2px solid #fff;
    padding: 0;
    margin: 5px 15px 0 15px;
}
.main-menu li:hover, .main-menu li.active{
    border-bottom: 2px solid #FF3838;
}
.poscast-success-msg, .contact-success-msg, .pre-poscast-success-msg{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 99999;
    background: #fff;
    color:#000;
    padding: 25px 0;
    text-align: center;
    font-weight: 500;
    display: none;
}
/* -------------------------------------- banner styles -------------------------------------- */
.pages{
    padding: 50px 0;
}
.cont-sec{width:60%;display: inline-block;vertical-align: top;}
.register-sec{width:35%;float: right;}
.pages h2{
    padding-bottom: 30px;
}
.page1{
    background: url("../images/it-chronicles-bg1.jpg") no-repeat center center;
    background-size: cover;
    min-height: 600px;
    padding: 80px 0;
    color:#fff;
    margin: 78px 0 0 0;
}
.page1 .theme{
    font-size: 1.4em;
    padding: 20px 0 60px 0;
}
.episode-short-list li{
    margin: 0 0 25px 0;
    cursor: pointer;
}
.episode-short-list li img{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}
.episode-short-list .epis-cont{
    width: 70%;
    padding: 0 0 0 3%;
    display: inline-block;
    vertical-align: top;
}
.episode-short-list .epis-cont h4{
    font-size: 1.1em;
    font-weight: 400;
    line-height: 25px;
}
.episode-short-list .epis-cont p{font-size: .8em;line-height: 20px;margin: 10px 0;opacity: .8;}

.episode-short-list .epis-cont p:before{
    content: "";
    width: 30%;
    height: 1px;
    background: #ccc;
    display: block;
    margin: 10px 0;
}
.staytuned{
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 30px;
    display: inline-block;
}
.register-sec{
    background: #fff url("../images/it-chronicles-form-bg.png") no-repeat center center;
    background-size: cover;
    padding: 60px 30px;
    border-radius: 3px;
    color:#000;
}
.submit-block {
    margin: 20px 0 10px 0;
}
form input, form textarea, form select{
    width:100%;
    font-size: .8em;
    background: transparent;
    border: 1px solid #000;
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: 20px 20px 20px 5px;
}
.privacy-policy, #meGDPRMessage{
    font-size: .8em;
}
#meGDPRMessage{
    margin-bottom: 15px;
}
form input[type="submit"], .submit-block input {
    background: #FF3838;
    border:1px solid #FF3838;
    color: #fff;
    padding: 13px 30px;
    width: auto;
    font-size: 1.2em;
    text-transform: none;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
form input::-webkit-input-placeholder{
    text-transform: uppercase;
}
form input:-ms-input-placeholder{
    text-transform: uppercase;
}
form input::placeholder,.contact-sec form textarea::placeholder{
    text-transform: uppercase;
}
.register-sec{position: relative;}
.register-sec:before{
    content:"Please fill the form to watch the videocast";
    background: #333;
    color:#fff;
    border-radius: 3px;
    padding: 2px 10px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top:25px;
    display: none;
}
.register-sec:after{
    content: "";
    position: absolute;
    top: 53px;
    left: 50px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    display: none;
}
.register-sec.formalert:before, .register-sec.formalert:after{
    display: block;
}
p.reg_form_errors{
    left: inherit;
    right: 0;
    bottom: -25px;
}
/* -------------------------------------- Page2 styles -------------------------------------- */
.page2 p{
    padding: 10px 0;
    width:80%;
}
.it-tales{
    font-size: 1.2em;
}
.it-tales:before{
    content: "";
    width: 30%;
    height: 1px;
    background: #999;
    display: block;
    margin: 25px 0;
}
/* -------------------------------------- Page3 styles -------------------------------------- */
.page3{
    background: #f4f4f4;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
.episodes-list img{
    width: 280px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}
.episodes-list li:first-child{
    padding: 0 0 30px 0;
}
.episodes-list li:last-child{
    border:none;
}
.episodes-list li{
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}
.episodes-list .epis-cont{
    display: inline-block;
    vertical-align: top;
    width:65%;
    margin: 0 0 0 20px;
    position: relative;
}
.episodes-list .epis-cont span{
    color:#FF3838;
}
.episodes-list .epis-cont h4{
    font-size: 2.2em;
    line-height: normal;
    font-weight: 600;
    padding: 10px 0 20px 0;
}
.episodes-list .speaker-info img{
    width:50px;
    border-radius: 50px;
    display: inline-block;
    vertical-align: top;
    border:1px solid #fff;
}
.episodes-list .speaker-info{
    margin-bottom: 20px;
    display: inline-block;
    width:48%;
}
.episodes-list .speaker-info > div{
    width:80%;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
}
.pop-description{
    position: absolute;
    top: 0;
    padding: 20px;
    background: #fff;
    min-height: 285px;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
     -khtml-opacity:0; 
     -moz-opacity:0; 
     -ms-filter:”alpha(opacity=0)”;
      filter:alpha(opacity=0);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
      opacity:0;
}
.episodes-list li:hover .pop-description{
     -khtml-opacity:1; 
     -moz-opacity:1; 
     -ms-filter:”alpha(opacity=100)”;
      filter:alpha(opacity=100);
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
      opacity:1;
}
.btn{
    background: #FF3838;
    border:1px solid #FF3838;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: top;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    cursor: pointer;
    border-radius: 2px;
}
.btn:hover{
    background: transparent;
    border:1px solid #FF3838;
    color: #000;
}
.btn-disable, .btn-disable:hover{
    background: #afafaf;
    border: 1px solid #afafaf;
    color: #fff;
    cursor: text;
}
.play-btn{
    background: #FF3838 url(../images/play-icon.svg) no-repeat 20px center;
    background-size: 12px;
    padding: 10px 30px 10px 40px;
}

.play-btn:hover{
    background: #333 url(../images/play-icon.svg) no-repeat 15px center;
    background-size: 12px;
    color: #fff;
}
/* -------------------------------------- Page4 styles -------------------------------------- */
.contact-sec.contactform{
    background: url("../images/it-chronicles-bg3.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}
.contact-sec{
    background: url("../images/it-chronicles-bg2.jpg") no-repeat center center;
    background-size: cover;
    padding: 40px;
}
.contact-sec.contactform h4{
    font-size: 2.2em;
    line-height: 50px;
}
.contact-sec h4{
    line-height: 36px;
}
.contact-sec a{
    color:#FF3838;
}
.contact-sec a.btn{
    color:#fff;
    float: right;
    margin: 15px 0 0 0;
}
.other-podcasts{color:#fff;}
.contact-left{
    width:40%;
    display: inline-block;
    vertical-align: top;
    color:#fff;
}
.contact-right{
    width:35%;
    margin: 0 0 0 80px;
    display: inline-block;
    vertical-align: top;
}
.sendmsg{
    position: absolute;
    bottom: 60px;
}
.other-podcasts img{
    width:75px;
    display: inline-block;
    vertical-align: top;
}
.other-podcasts h4, .other-podcasts a{
    display: inline-block;
    vertical-align: top;
}
.other-podcasts h4{width:35%;margin: 0 20px;}
.social-lists{width:auto;float: right;}
.social-lists li{width:50px;margin: 10px;display: inline-block;vertical-align: top;}
.social-lists svg{
    width:100%;
    height: auto;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    cursor: pointer;
}
.social-lists li:hover svg{
    transform: scale(1.2);
}
.contact-sec form input[type="submit"]{
    border-bottom: 1px solid #FF3838;
}

/* -------------------------------------- Footer styles -------------------------------------- */
#Disclaimer{
    background: #f4f4f4;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
    padding: 40px 0;}
#Disclaimer p{font-size: .8em;font-weight: 300;padding: 10px 0;}
footer{padding: 10px 0;color:#fff;}
footer a{color:#fff;}

/* -------------------------------------- Popup styles -------------------------------------- */
.popup-container {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    z-index: 9999;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    display: none;
}
.popup-inner-cont {
    width: 860px;
    height: 450px;
    min-height: 130px;
    background: #fff;
    margin: 5% auto 0 auto;
    line-height: normal;
    padding: 30px;
    text-align: center;
}
.popup-close {
    text-align: right;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px;
}
.pop-episodes{display: none;}
/* -------------------------------------- Responsive styles -------------------------------------- */
@media only screen and (max-width: 1300px) {
    .page1{margin: 70px 0 0 0;}
}
@media only screen and (max-width: 1100px) {
    .container{width:90%;}
    .contact-sec.contactform h4 {font-size: 1.5em;line-height: 40px;}
    .contact-right{margin: 0 0 0 40px;width:45%;}
    .page2 p{width: 100%;}
    .episodes-list .epis-cont{width: 65%;}
    .episodes-list .speaker-info{width:100%;}
}
@media only screen and (max-width: 1000px) {
    .main-menu{top: 75px;z-index: 999999;}
    .main-menu.active{height: 185px;}
    .main-menu li{padding: 10px 20px;margin: 0;color:#fff;}
    .contact-sec.contactform{background: url("../images/it-chronicles-bg2.jpg") no-repeat center center;background-size: cover;}
    .sendmsg{position: static;}
    .contact-right{color: #fff;}
    .cont-sec, .register-sec, .contact-left {width: 100%;}
    .contact-sec form input::-webkit-input-placeholder{color:#fff;}
    .contact-sec form input:-ms-input-placeholder{color:#fff;}
    .contact-sec form input::placeholder,.contact-sec form textarea::placeholder{color:#fff;}
    .contact-sec form input, .contact-sec form textarea, .contact-sec form select{border-bottom: 1px solid #fff;color:#fff;}
    .staytuned{margin-bottom: 40px;}
    .episodes-list img{width:150px;}
    .episodes-list .epis-cont{width: 73%;}
    .episodes-list .epis-cont h4{font-size: 1.3em;}
    .speaker-info h5{font-size: 1em;}
    .contact-right{width:100%;margin: 50px 0 0 0;}
    .other-podcasts h4{width:80%;}
    .contact-sec a.btn, .social-lists{margin: 30px 0 0 0;float:none;}
    .episodes-list .epis-cont h4 br{display: none;}
    .popup-inner-cont{width:90%;}
    .popup-inner-cont iframe{width:100% !important;height: auto !important;min-height: 300px;}
    .popup-close{top:5px;right:5px;}
    .popup-inner-cont{background: #d5d5d5;}
    .pop-description{display: none;}
}
@media only screen and (max-width: 700px) {
    .episodes-list img {width: 60%;}
    .episodes-list .epis-cont{margin:25px 0 0 0;width: 100%;}
    .other-podcasts img{width:50px;}
    .other-podcasts h4 {width: 100%;margin: 20px 0;}
    .popup-inner-cont iframe{min-height: 200px;}
}
@media only screen and (max-width: 330px) {
    .contact-sec a{font-size: .8em;}
}