.webinars{padding:2rem;margin:2rem auto;background:white;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.16);max-width:1006px;box-sizing:border-box}.webinars>div{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.webinars>div>div{border:1px solid #eee;border-radius:3px;padding:0;overflow:hidden;position:relative}.webinars>div>div .date{font-size:12px;font-family:'Proxima Nova Bold',san-serif,serif;padding:.5rem 0;color:#9c27b0}.webinars>div>div .date span{color:#9c27b0}.webinars>div>div .poster{background-repeat:no-repeat;background-position:center;height:150px;background-size:cover}.webinars>div>div .descr{padding:2rem}.webinars>div>div .descr>div:nth-child(2){height:40px}.webinars>div>div .descr>div:nth-child(2) a{text-decoration:none;color:#1e88e5;font-family:'Proxima Nova Bold',san-serif,serif;border-bottom:1px dotted}.webinars>div>div .descr .teacher,.webinar-full .teacher{margin:2rem 0;display:flex}.webinar-full .teacher{margin:0 0 1rem;padding:2rem;border:1px solid #EEE;border-radius:3px;display:flex;align-items:center}.webinars>div>div .descr .teacher .teacher_pic,.webinar-full .teacher .teacher_pic{position:relative;width:40px;height:40px;margin-right:1rem}.webinars>div>div .descr .teacher .teacher_pic:before,.webinar-full .teacher .teacher_pic:before{content:'';position:absolute;z-index:1;top:-6px;right:-6px;bottom:-6px;left:-6px;background-color:#c8e6c9;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.webinars>div>div .descr .teacher .teacher_pic>div,.webinar-full .teacher .teacher_pic>div{background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50%;width:40px;height:40px;z-index:2;position:relative}.webinars>div>div .descr .teacher>div:nth-child(2) a,.webinar-full .teacher>div:nth-child(2) a{font-family:'Proxima Nova Bold',Sans-Serif,Serif;color:#3f51b5;font-size:16px;text-decoration:none}.webinars>div>div .descr .teacher>div:nth-child(2) span,.webinar-full .teacher>div:nth-child(2) span{display:block;color:#999;font-size:11px;font-weight:normal;font-family:Georgia,Times,"Times New Roman",serif;font-style:italic}.webinars>div>div .descr .actions,.webinar-full .actions{display:flex;align-items:center;justify-content:space-between}.webinars>div>div .actions button,.webinar-full .actions button{font-family:Arial,sans-serif,serif;box-sizing:border-box;margin-right:.5rem;padding:.2rem 1rem;margin-bottom:0;font-size:13px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:3px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.webinars>div>div .actions button:hover,.webinar-full .actions button:hover,.webinar-full .teacher>div:last-child button:hover,.webinar-full .teacher>div:nth-child(3) button:hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .2s linear;-moz-transition:background-position .2s linear;-o-transition:background-position .2s linear;transition:background-position .2s linear;background-color:#e6e6e6}.webinars>div>div .actions button:last-child,.webinar-full .actions button:last-child{margin-right:0}.webinars>div>div .actions button.active,.webinar-full .teacher>div:last-child button.active{-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);color:#fff;background-color:#51a351;background-image:none;text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)}.webinars>div>div .actions span,.webinar-full .actions span{margin-left:auto;position:relative;font-family:Arial,sans-serif,serif;font-size:12px;line-height:12px}.webinar-full .actions span{padding-left:2rem}.webinars>div>div .actions span:before,.webinar-full .actions span:before{content:"";position:absolute;background:url("/accent_center/imgs/student_icon.png") no-repeat center;width:16px;height:16px;left:-1.5rem;top:calc(50% - 9px)}.webinar-full .actions span:before{left:.5rem}.webinars>div>div .actions .done,.webinar-full .actions .done{font-size:14px;font-family:'Proxima Nova Bold',Sans-Serif,Serif;color:#009688}.webinars>div>div .actions span.view_video:before{background:url("/accent_center/imgs/view_video2.png") no-repeat center;top:calc(50% - 8px)}.webinars>div>div .actions span.view_video a{text-decoration:none;color:#1e88e5;font-family:'Proxima Nova Bold',Sans-Serif,Serif;font-size:14px}.webinars section{margin-bottom:2rem}.webinar-full{padding:2rem;margin:2rem auto;background:white;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.16);max-width:1006px}.webinar-full .teacher>div:last-child{margin-left:auto}.webinar-full .teacher>div:nth-child(3){margin-left:2rem}.webinar-full .teacher>div:last-child button,.webinar-full .teacher>div:nth-child(3) button{font-family:Arial,sans-serif,serif;box-sizing:border-box;margin-right:.5rem;padding:.2rem 1rem;margin-bottom:0;font-size:13px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:3px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.webinar-full .descr{padding:2rem;border:1px solid #ffecb3;background:#fff8e1;border-radius:3px;font-size:14px}.webinar-full .iframe-wrap{font-size:0;margin-bottom:1rem}.webinar-full iframe{box-sizing:border-box;border-radius:3px}.webinar-full .back-link{margin-top:1rem}.webinar-full .back-link a{font-family:'Proxima Nova Bold',Sans-Serif,Serif;text-decoration:none;color:#1976d2;display:inline-block;border:2px solid;padding:.5rem 1rem;border-radius:3px}#popup .new-btn{font-family:Arial,sans-serif,serif;box-sizing:border-box;margin-right:.5rem;padding:.2rem 1rem;margin-bottom:0;font-size:13px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:3px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}#popup .new-btn:hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .2s linear;-moz-transition:background-position .2s linear;-o-transition:background-position .2s linear;transition:background-position .2s linear;background-color:#e6e6e6}@media screen and (max-width:1024px){.webinars{width:100%;max-width:none}.webinars>div{grid-template-columns:1fr}.webinars>div>div{background:white}}@media only screen and (min-device-width :320px){.webinars>div>div .actions span,.webinar-full .actions span{display:none}}@media only screen and (min-device-width :375px){.webinars>div>div .actions span,.webinar-full .actions span{display:block}}