body {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Sans-pro-regular", Arial, sans-serif;
    font-size: 16px;
    min-width: 960px; }

.force {
    display: inline-block;
    width: 100%; }

.bold {
    font-family: "Sans-pro-semibold", Arial, sans-serif;
    color: #3B3B3B; }

.page_wrapper, section, .container {
    width: 960px;
    margin: 0 auto; }

.header {
    position: relative;
    background: #303B69;
    padding: 15px 0 20px; }
.header .page_wrapper {
    position: relative; }
.header .page_wrapper .date {
    color: #ffffff;
    font-size: 16px;
    font-family: "Sans-pro-regular", Arial, sans-serif;
    position: absolute;
    top: 40px;
    right: 38px; }
.header .page_wrapper .date .fa {
    font-size: 28px;
    vertical-align: 7px; }
.header .page_wrapper .date p {
    display: inline-block;
    line-height: 19px;
    margin-left: 5px;
    color: white;
}
.header img {
    display: block;
    width: 286px;
    height: 72px;
    margin: 0 auto; }
.header h3 {
    color: #ffffff;
    text-align: center;
    font-family: "Sans-pro-light", Arial, sans-serif;
    font-size: 24px;
    margin-top: 0; }

h1.main_title {
    font-size: 36px;
    color: #303B69;
    text-align: center;
    width: 730px;
    margin: 35px auto;
    font-family: "Sans-pro-regular", Arial, sans-serif; }

.tile-container{
    width: 960px;
    margin:  0 auto;
}

.tile-wrapper{
    padding:0 10px;
}

.tile{
    position: relative;
    width: 100%;
    border: 1px solid #7A7272;
    border-radius: 10px;
    height: 360px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.tile-title,
.tile-caption{
    font-family: "Sans-pro-semibold", Arial, sans-serif;
    color: #7A7272;
}

.tile-title{
    margin: 54px 0 15px;
}

.tile-caption{
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 20px;
    height: 80px;
}

.tile-linked{
    border: none;
}

.tile-link{
    display: block;
}

.badge-img{
    position: absolute;
    top: -7px;
    right: -7px;
}

.post_text {
    font-size: 16px;
    margin-top: 17px; }
.post_text p {
    color: #3B3B3B;
    margin: 5px 0; }
.post_text p span.theme {
    color: #3B3B3B; }
.post_text span {
    color: #A5B345;
    font-size: 16px; }

.first .speakers {
    margin: 40px 0; }
.first .speakers:first-child .prod img {
    margin-top: 42px; }
.first .speakers:last-child {
    margin-bottom: 10px; }

.first .speakers img {
    height: 180px;
}
.first span.name {
    font-size: 32px;
    color: #303B69;
    font-family: "Sans-pro-light", Arial, sans-serif; }

p {
    font-size: 16px;
    color: #7A7272; }

.first .post_text {
    margin-top: 17px; }
.first .post_text p {
    color: #3B3B3B;
    margin: 5px 0; }
.first .post_text p span.theme {
    color: #3B3B3B; }
.first .post_text span {
    color: #A5B345;
    font-size: 16px; }

.first .prod {
    text-align: center;
    padding: 0; }
.first .prod img {
    margin-top: 48px; }

.first p.img_title {
    text-align: center;
    font-size: 14px;
    color: #3B3B3B; }

.second {
    background: #F6F6F6;
    margin: 40px 0;
    padding: 30px 0; }
.second .name {
    font-size: 32px;
    color: #303B69;
    font-family: "Sans-pro-light", Arial, sans-serif;
    margin: 20px 0; }
.second .info p {
    font-size: 16px;
    color: #7A7272; }
.second .photo {
    margin-left: 30px;
    height: 180px;
}
.second .pers_1 {
    width: 405px;
    margin-left: 40px; }
.second .pers_2 {
    width: 350px;
    margin-left: 40px; }
.second .booth {
    margin: 20px 0 0 40px; }

.third {
    padding: 20px 15px 0; }
.third .person_wrapper {
    border: 1px solid #E4E4E4;
    margin-bottom: 25px;
    padding: 40px 20px;
    color: #7A7272; }
.third .person_wrapper img {
    margin-top: 14px; }
.third .person_wrapper span.name {
    font-size: 32px;
    color: #303B69;
    font-family: "Sans-pro-light", Arial, sans-serif; }
.third .person_wrapper p.info {
    font-size: 16px;
    line-height: 25px;
    width: 580px; }

.fourth {
    margin: 40px 0 0;
    padding: 30px 0 40px;
    background: #4A71BA;
    text-align: center;
}
.fourth h3 {
    font-family: "Sans-pro-light", Arial, sans-serif;
    font-size: 32px; }
.fourth p {
    font-size: 16px;
    width: 540px;
    text-align: left;
    margin: 0 auto;
    line-height: 25px; }

.footer {
    font-size: 0;
    padding: 30px 0 15px;
    color: #7A7272;
    width: 925px;
    margin: 0 auto;
}
.footer p {
    display: inline-block;
    font-size: 13px;
    width: 82%;
}
.footer a {
    display: inline-block;
    vertical-align: top;
    width: 117px;
    margin-left: 48px;
}
.presentations-title {
    color: #9EA83A;
    text-align: left;
    font: 26px 'Sans-pro-regular', Helvetica, Arial, sans-serif;
    margin: 24px 0 20px;
    font-weight: 500;
}
.presentations-text .block-title{
    font: 18px 'Sans-pro-regular', Helvetica, Arial, sans-serif;
    color: #303B69;
}
.presentations-text .sub_title {
    display: block;
    font-weight: bold;
}
.presentations-text  p {
    font-size: 16px;
    color: #7A7272;
}
.section-title {
    color: #9EA83A;
    text-align: left;
    font: 26px 'Sans-pro-regular', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.first p.title{
    margin: 24px 0 20px;
}
.rootstech-block {
    background-color: #97254B;
    width: 330px;
    border-radius: 10px;
    margin: 8px auto 0;
}
.rootstech-block div {
    padding: 10px 0;
}
.rootstech-block div p {
    color: white;
    margin: 0;
    text-align: center;
    letter-spacing: -0.27px;
    width: 330px;
}
.rootstech-block div p.head-title {
    font: 28px 'Sans-pro-bold', Helvetica, Arial, sans-serif;
}
.rootstech-block div p.subhead-title {
    font: 20px 'Sans-pro-regular', Helvetica, Arial, sans-serif;
    margin-top: 10px;
    margin-bottom: 5px;
}
.rootstech-block div p a {
    color: white;
    text-decoration: underline;
}
.rootstech-block div p a:hover {
    color: white;
    text-decoration: none;
}
.rootstech-block div p a:visited {
    color: white;
    text-decoration: none;
}
.rootstech-block div .text-btn {
    text-align: left;
    font: 16px 'Sans-pro-light', Helvetica, Arial, sans-serif;
    padding-left: 25px;
    display: block;
    color: white;
    border-bottom: 1px solid #b55f7e;
    padding-bottom: 10px;
    padding-right: 15px;
    margin-top: 5px;
}
.rootstech .title{
    color: #9EA83A;
    text-align: center;
    font: 26px 'Sans-pro-regular', Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.work-hours {
    width: 330px;
    margin: 0 auto;
}
.work-hours .bold {
    font-weight: bold;
    width: 50px;
}
.work-hours .item {
    margin-top: 5px;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.work-hours .time {
    font-size: 14px;
    width: 160px;
}
.purple {
    background-color: #D4B8D6;
}
.green {
    background-color: #CBF572;
}
.blue {
    background-color: #AEF8FD;
}
.mt-15 {
    margin-top: 15px !important;
}
.special-block .section-title{
    font-size: 23px;
}
.livechat-block .section-title{
    font-size: 23px;
}
.pl-20 {
    padding-left: 20px;
}

.hovered .chat-button .chat-widget{
    animation-duration: 1s;
    animation-name: shaker;
    text-shadow: 0 0 5px #fff;
}

.contact-chat>div{visibility: visible!important; outline: none;}
.schedule_link{font-weight: 400; margin-top: 5px !important; padding-left: 20px;}
#modal_mark_video .modal-content, #modal_tv_video  .modal-content{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
#modal_mark_video .modal-body .block-close, #modal_tv_video .modal-body .block-close{
    top: -3px;
    right: 9px;
}
.tile{
    height: 324px;
}

.link-reg{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 170px;
    left: 0;
    right: 0;
}
a.link-button{
    width: 180px;
    padding: 4px 0;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #4F8EE0;
    border: 1px solid #4079BC;
    border-radius: 4px;
}

.tile-link:hover + a.link-button,
a.link-button:hover{
    background-color: #467EC7;
    border-color: #3869A3;
}
.tile-link:active + a.link-button,
a.link-button:active{
    background: #4F8EE0;
}

.tile-title {
    font-size: 19px;
}

.tile-caption{
    font-size: 16px;
    line-height: 1.1;
    height: 90px;
}

#chat-widget{
    width: 180px;
    height: 98px;
    padding: 15px 36px 0 68px;
    background-size: contain;
    font-size: 32px;
}
#chat-widget:before{
    background-position: -32px 0;
    width: 36px;
    height: 38px;
    left: 27px;
    top: 19px;
    background-size: cover;
}
.main-text{
    margin-top: 40px;
}

.presentations-title {
    margin-top: 0;
}

.presentations-text p{

    margin-bottom: 35px;
}

.mt-25{
    margin-top: 25px;
}



.first p.title {
    margin: 28px 0 35px;
}

iframe{
    border: 0;
}


.society{
    margin-bottom: 80px;
}

.society p{
}

.pr-0{
    padding-right: 0;
}

.pl-0{
    padding-left: 0;
}

.society .img-block{
    margin-top: -65px;
    margin-left: 5px;
}
.jamboree2021 .work-hours .time {
    width: 170px;
    text-align: left;
    padding-left: 3px;
}
.jamboree2021 h1.main_title {
   text-align: left;
}
