#wrapwrap .full-formation-teaser .icon-container img{position: absolute; top: 0; left: 0; width: 30px; height: auto;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .content{clear: both;}} #wrapwrap .full-formation-teaser .content .title{font-size: 16px; line-height: 25px; color: #3b3f51; max-width: 480px; margin-bottom: 30px;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .content .title{margin-bottom: 15px; min-height: 0; max-width: 100%;}} #wrapwrap .full-formation-teaser .content .title .lang{margin-left: 10px;} #wrapwrap .full-formation-teaser .content .title .lang, #wrapwrap .full-formation-teaser .content .title .new{text-transform: uppercase; margin-right: 10px; color: #666d8c; padding: 2px 8px 0px 8px !important;} #wrapwrap .full-formation-teaser .content .title .new{text-transform: inherit; color: #3f5cd2;} #wrapwrap .full-formation-teaser .content .details{padding-left: 0; margin-bottom: -10px;} #wrapwrap .full-formation-teaser .content .details li{display: inline-block; margin-right: 20px; margin-bottom: 10px; font-size: 13px; color: #666d8c; font-weight: 600;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .content .details li{font-size: 12px; margin-bottom: 10px;}} #wrapwrap .full-formation-teaser .content .details li img{position: relative; top: 3px; display: inline-block; margin-right: 10px; pointer-events: none;} #wrapwrap .full-formation-teaser .content .details li .badge{padding: 7px 12px; position: relative; top: -3px;} #wrapwrap .full-formation-teaser .content .details li:last-child{margin-right: 0;} #wrapwrap .full-formation-teaser .content .details li.videocall img{top: 5px; height: 20px;} #wrapwrap .full-formation-teaser .links{position: relative; flex-grow: 1; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; min-height: 100%;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .links{float: none; position: static; width: 100%; min-height: 0; margin-top: 20px; flex-direction: row; justify-content: flex-start; align-items: center;}} #wrapwrap .full-formation-teaser .links .tag{margin-right: 10px;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .links .tag{position: absolute; margin-right: 0; top: 20px; right: 20px;}} #wrapwrap .full-formation-teaser .links .btn{display: inline-block;} #wrapwrap .full-formation-teaser .links .price{clear: both; display: block; text-align: right; font-weight: 700; color: #3f5cd2;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser .links .price{clear: none; display: inline-block; margin-left: 20px; text-align: left;}} #wrapwrap .full-formation-teaser.courses{position: relative;} #wrapwrap .full-formation-teaser.courses:before{content: " "; background: #E7EAF3; position: absolute; top: 20px; height: calc(100% - 40px); width: 5px; right: -10px; z-index: -2;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser.courses:before{height: calc(100% - 40px);}} #wrapwrap .full-formation-teaser.courses:after{content: " "; background: #DFE2F0; position: absolute; top: 10px; height: calc(100% - 20px); width: 5px; right: -5px; z-index: -1;} @media (max-width: 1199px){#wrapwrap .full-formation-teaser.courses:after{height: calc(100% - 20px);}} #wrapwrap .jumbotron-sidebar .badge{border-radius: 5px; text-decoration: none; color: #3f5cd2 !important; font-weight: 600; font-size: 12px; padding: 7px 12px 8px !important;} #wrapwrap .formation-domain-teaser{width: 100%; height: 100px; border: 1px solid rgba(102, 109, 140, 0.15); border-radius: 3px; background-color: #FFFFFF; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); display: block; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .formation-domain-teaser .icon-container{height: 100px; display: inline-block; width: 85px; float: left;} #wrapwrap .formation-domain-teaser .icon-container img{display: block; width: 100%; margin: 0 auto; max-width: 35px; height: 35px; margin-top: 32.5px; position: relative;} #wrapwrap .formation-domain-teaser .content{float: left; width: calc(100% - 90px); height: 100px; line-height: 100px; position: relative;} #wrapwrap .formation-domain-teaser .content .title{color: #666d8c; font-size: 16px; line-height: 25px; display: inline-block; vertical-align: middle; max-width: 80%; -webkit-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){#wrapwrap .formation-domain-teaser .content .title{font-size: 14px; line-height: 22px;}} #wrapwrap .formation-domain-teaser .content i{position: absolute; font-size: 12px; top: 50%; right: 20px; margin-top: -6px; -webkit-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .formation-domain-teaser:hover{-webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);} #wrapwrap .all-formation-container .formation-domain-container:nth-child(n+2){margin-top: 100px;} @media (max-width: 767px){#wrapwrap .all-formation-container .formation-domain-container:nth-child(n+2){margin-top: 40px;}} #wrapwrap .all-formation-container .formation-domain-container h2 + ul{padding-left: 0px; margin-bottom: 0; margin-top: 50px;} @media (max-width: 767px){#wrapwrap .all-formation-container .formation-domain-container h2 + ul{margin-top: 15px;}} #wrapwrap .all-formation-container .formation-domain-container ul li{width: calc(33.333333333333% - 15px); margin: 0 15px 0 0; padding: 0; display: inline-block;} #wrapwrap .all-formation-container .formation-domain-container ul li:nth-child(3n){margin-right: 0;} #wrapwrap .all-formation-container .formation-domain-container ul li:nth-child(n+4){margin-top: 15px;} @media (max-width: 991px){#wrapwrap .all-formation-container .formation-domain-container ul li{width: calc(50% - 20px); margin: 0 20px 0 0;}#wrapwrap .all-formation-container .formation-domain-container ul li:nth-child(3n){margin-right: 20px;}#wrapwrap .all-formation-container .formation-domain-container ul li:nth-child(even){margin-right: 0;}} @media (max-width: 767px){#wrapwrap .all-formation-container .formation-domain-container ul li{width: 100%; margin: 15px 0 0 0 !important;}} #wrapwrap .formation-sticky-detail{display: block; padding: 25px; width: 100%; background: #ffffff; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border: 1px solid rgba(102, 109, 140, 0.15); border-radius: 3px; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} @media (max-width: 991px){#wrapwrap .formation-sticky-detail{padding: 20px;}} #wrapwrap .formation-sticky-detail .tag{position: absolute; top: 90px; right: 25px; margin: 0 !important;} @media (max-width: 991px){#wrapwrap .formation-sticky-detail .tag{top: 20px; right: 20px;}} #wrapwrap .formation-sticky-detail .detail-list li{margin-bottom: 15px; font-size: 13px; color: #666d8c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #wrapwrap .formation-sticky-detail .detail-list li .icon{width: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 25px; position: relative; top: -2px;} #wrapwrap .formation-sticky-detail .detail-list li .icon img{max-height: 20px; width: auto;} #wrapwrap .formation-sticky-detail .price{font-size: 19px; font-weight: 700; color: #3f5cd2; display: block; padding-top: 20px; border-top: 1px solid #e4e8f5;} #wrapwrap .formation-sticky-detail .price .small{font-size: 13px; font-weight: 600;} #wrapwrap .formation-sticky-detail .price-condition-star{color: #9ca9dd !important; display: inline-block; font-size: 14px; position: relative; top: -3px;} #wrapwrap .formation-sticky-detail .price-condition{display: block; color: #9ca9dd !important; font-size: 12px; line-height: 16px;} #wrapwrap .formation-sticky-detail .links{margin-top: 20px;} #wrapwrap .formation-sticky-detail .links:first-child{float: left; margin-right: 15px;} #wrapwrap .formation-sticky-detail .links:nth-child(2){overflow: hidden; width: auto;} #wrapwrap .formation-sticky-detail .links li{display: block; margin-bottom: 10px;} #wrapwrap .formation-sticky-detail .links li:last-child{margin-bottom: 0;} #wrapwrap .formation-sticky-detail .links li a{width: 100%; text-align: center;} @media (max-width: 991px){#wrapwrap .formation-sticky-detail .links li{display: block;}#wrapwrap .formation-sticky-detail .links li:first-child{float: left; margin-right: 15px;}#wrapwrap .formation-sticky-detail .links li:nth-child(2){overflow: hidden; width: auto;}#wrapwrap .formation-sticky-detail .links li:nth-child(2) a{padding-right: 0 !important; padding-left: 0 !important; text-align: center !important;}} .hiddable #wrapwrap .formation-sticky-detail{-webkit-transform: translateY(94px); -ms-transform: translateY(94px); -o-transform: translateY(94px); transform: translateY(94px);} .show #wrapwrap .formation-sticky-detail{-webkit-transform: translateY(159px); -ms-transform: translateY(159px); -o-transform: translateY(159px); transform: translateY(159px);} #wrapwrap .panel small{color: #031047; line-height: 24px;} #wrapwrap .panel small strong{font-weight: 600;} #wrapwrap .panel .indication{display: flex; margin-top: 30px;} @media (max-width: 991px){#wrapwrap .panel .indication{display: block;}} #wrapwrap .panel .indication li{width: 50%; display: flex; align-items: center;} @media (max-width: 991px){#wrapwrap .panel .indication li{width: 100%;}#wrapwrap .panel .indication li:last-child{margin-top: 10px;}} #wrapwrap .panel .indication li .icon{margin: 0 10px 0 15px;} #wrapwrap .panel .indication li .small{font-weight: 600;} #wrapwrap .schedule{margin-top: 20px;} #wrapwrap .schedule-small .schedule-item{padding: 15px 25px 15px 25px;} #wrapwrap .schedule-small .schedule-item .details, #wrapwrap .schedule-small .schedule-item .infos{width: 50%; float: left; margin: 0;} #wrapwrap .schedule-item{background: #ffffff; padding: 25px 25px 30px 25px;} #wrapwrap .schedule-item:nth-child(even){background: transparent;} #wrapwrap .schedule-item .details, #wrapwrap .schedule-item .infos{width: 50%; float: left;} @media (max-width: 991px){#wrapwrap .schedule-item .details, #wrapwrap .schedule-item .infos{width: 100%; float: none;}} #wrapwrap .schedule-item .details h3{font-size: 16px; line-height: 24px; color: #031047;} #wrapwrap .schedule-item .details .time{font-size: 12px; color: #666d8c; margin-top: 10px; clear: both; display: inline-block;} #wrapwrap .schedule-item .details .time img{margin-right: 10px; position: relative; top: 4px;} @media (max-width: 991px){#wrapwrap .schedule-item .infos{margin-top: 20px;}} #wrapwrap .schedule-item .infos h4{font-size: 16px; line-height: 24px; color: #031047;} #wrapwrap .schedule-item .infos .infos-list{margin-top: 15px;} #wrapwrap .schedule-item .infos .infos-list li{color: #666d8c; font-size: 13px; line-height: 15px; font-weight: 600; margin-bottom: 5px;} #wrapwrap .schedule-item .infos .infos-list li:last-child{margin-bottom: 0;} #wrapwrap .schedule-item .infos .infos-list li .icon{width: 20px; margin-right: 10px; position: relative; top: 3px;} #wrapwrap .schedule-item .infos .infos-list li .icon img{max-height: 17px; width: auto;} #wrapwrap .parcours-swiper-container{overflow: hidden; padding: 20px;} #wrapwrap .parcours-swiper-container .parcours-swiper{padding-bottom: 20px;} #wrapwrap .parcours-swiper-container .parcours-swiper .formation-teaser .date{color: #666d8c;} #wrapwrap .parcours-swiper-container .parcours-swiper .formation-teaser .date img{position: relative; top: 3px; margin-right: 10px;} #wrapwrap ul.address{} #wrapwrap ul.address li{font-size: 16px; line-height: 24px; color: #666d8c;} #wrapwrap ul.address li:first-child{color: #031047;} #wrapwrap ul.address li.link-container{margin-top: 20px;} #wrapwrap ul.address span[itemprop=name]{color: #031047;} #wrapwrap ul.address div[itemprop=address]{color: #666d8c;} #wrapwrap .nav-tabs-explose + .section-block{padding-top: 0; border-top: none; margin-top: 0;} #wrapwrap .nav-tabs-explose + .section-block *{margin-top: 0 !important;} #wrapwrap .nav-tabs-explose + .panel-group, #wrapwrap .nav-tabs + .info-box{margin-top: 50px;} #wrapwrap .tab-content-explose .panel-group{margin-top: 40px;} #wrapwrap .nav-tabs-explose + .youtube-video-container{margin-top: 0 !important;} #wrapwrap .info-box + .section-block{margin-top: 0; border-top: none;} #wrapwrap .modal .subject + .conditions_body{padding-top: 0; margin-top: 30px; border-top: none;} #wrapwrap .section-block{padding-top: 40px; border-top: 1px solid #E1E3EB; margin-top: 40px;} @media (max-width: 991px){#wrapwrap .section-block{padding-top: 25px; margin-top: 25px;}} #wrapwrap .section-block .section-block-content{color: #666d8c; font-size: 17px; line-height: 30px; font-weight: 400;} @media (max-width: 991px){#wrapwrap .section-block .section-block-content{font-size: 16px; line-height: 24px;}} #wrapwrap .section-block .section-block-content ol{list-style: outside none none; padding-left: 0;} #wrapwrap .section-block .section-block-content ol li{position: relative; padding-left: 20px;} @media (max-width: 767px){#wrapwrap .section-block .section-block-content ol li{padding-left: 15px;}} #wrapwrap .section-block .section-block-content ol li:first-child{counter-reset: section;} #wrapwrap .section-block .section-block-content ol li::before{counter-increment: section; content: counters(section, ".") " "; color: #3f5cd2; font-weight: 700; position: absolute; left: 0;} #wrapwrap .section-block .section-block-content ul li{padding-left: 20px; position: relative; margin-bottom: 5px;} @media (max-width: 767px){#wrapwrap .section-block .section-block-content ul li{padding-left: 10px;}} #wrapwrap .section-block .section-block-content ul li p{display: inline-block; margin-top: 0 !important; padding-bottom: 0 !important;} #wrapwrap .section-block .section-block-content ul li:last-child{margin-bottom: 0;} #wrapwrap .section-block .section-block-content ul li:after{content: " "; position: absolute; left: 0; top: 13px; height: 3px; width: 3px; background: #3f5cd2;} #wrapwrap .section-block .section-block-content > section{margin-top: 0;} #wrapwrap .section-block .section-block-content ul{padding-left: 20px;} @media (max-width: 767px){#wrapwrap .section-block .section-block-content ul{padding-left: 10px;}} #wrapwrap .section-block.section-block-type-registration_conditions{display: none;} body.editor_enable #wrapwrap .section-block.section-block-type-registration_conditions{display: block;} #wrapwrap .block-list li{margin-bottom: 10px;} #wrapwrap .block-list li:last-child{margin-bottom: 0;} #wrapwrap .more-container h2 + p{margin-top: 20px;} #wrapwrap .more-container p + .block-list{margin-top: 40px;} #wrapwrap .fixed-register-block{width: 100%; position: fixed; padding: 15px 0; background: #ffffff; border-top: 1px solid #e9eaef; bottom: 0; left: 0; right: 0; z-index: 30; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .fixed-register-block.displayed{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} #wrapwrap .fixed-register-block a{display: block;} #wrapwrap .fixed-register-block a:first-child{float: left; margin-right: 15px;} #wrapwrap .fixed-register-block a:nth-child(2){overflow: hidden; width: auto;} #wrapwrap .partners-container{margin-top: 40px; display: inline-block;} #wrapwrap .partners-container small{display: inline-block; margin-right: 20px; color: #666d8c;} #wrapwrap .partners-container ul{display: inline-block;} @media (max-width: 767px){#wrapwrap .partners-container ul{margin-top: 10px; display: block;}} #wrapwrap .partners-container ul li{display: inline-block; margin-right: 20px;} #wrapwrap .partners-container ul li:last-child{margin-right: 0;} #wrapwrap .partners-container ul li a{filter: grayscale(100%); display: inline-block; opacity: .5; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .partners-container ul li a:hover{filter: grayscale(0%); opacity: 1;} #wrapwrap .partners-container ul li img{max-height: 45px; width: auto; display: block;} @media (max-width: 991px){#wrapwrap .parcours-links .formation-swiper-pagination{display: none;}} #wrapwrap .parcours-links .btn i{margin: 0 !important;} #wrapwrap .parcours-links .btn-mobile-container{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end;} @media (max-width: 991px){#wrapwrap .parcours-links .formation-swiper-button-next{float: left !important;}#wrapwrap .parcours-links .formation-swiper-button-prev{float: right !important; margin-right: 10px;}} 

/* /theme_houseoftraining/static/src/less/_catalogue.less defined in bundle 'web.assets_frontend' */
 .os-scrollbar{width: 4px !important; padding: 0 !important;} .os-scrollbar-track{width: 4px;} .os-scrollbar-handle{width: 4px; border-radius: 4px !important; background: #666D8C !important;} .badge{background: #eceef8; padding: 10px 15px; border-radius: 30px; color: #666d8c; margin-left: 10px;} #wrapwrap .catalogue{margin: 0 !important; padding: 80px 0;} @media (max-width: 991px){#wrapwrap .catalogue{padding: 60px 0;}} #wrapwrap .catalogue .container{position: relative; z-index: 3;} #wrapwrap .catalogue #sidebar{z-index: 12 !important;} #wrapwrap .catalogue #sidebar .search-container{position: relative;} #wrapwrap .catalogue #sidebar .search-container input[type="text"]{padding-right: 40px;} #wrapwrap .catalogue #sidebar .search-container .search-icon{position: absolute; top: 50%; right: 10px; margin-top: -9px; background: none; border: none;} #wrapwrap .catalogue #sidebar .search-container .search-icon i{color: #3f5cd2; font-size: 14px;} #wrapwrap .catalogue .filter-container{width: 100%; background: #ffffff; border-radius: 3px; border: 1px solid rgba(102, 109, 140, 0.15); position: relative;} #wrapwrap .catalogue .filter-container .filter-group{padding: 20px; border-bottom: 1px solid rgba(102, 109, 140, 0.15); overflow: hidden; position: relative; height: 56px !important; -webkit-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .catalogue .filter-container .filter-group:last-child{border-bottom: none;} #wrapwrap .catalogue .filter-container .filter-group:after{content: "\f078"; font-family: 'Font Awesome 5 Pro'; color: rgba(102, 109, 140, 0.5); font-weight: bold; position: absolute; top: 23px; right: 20px; pointer-events: none; font-size: 10px;} #wrapwrap .catalogue .filter-container .filter-group-title{cursor: pointer; color: #031047; display: block; user-select: none; width: 100%; height: 56px; position: absolute; line-height: 56px; padding-left: 20px; top: 0; left: 0;} #wrapwrap .catalogue .filter-container .filter-group .filter-group-title + .inner-search, #wrapwrap .catalogue .filter-container .filter-group label:nth-child(3){margin-top: 36px;} #wrapwrap .catalogue .filter-container .filter-group label + input[type="date"]{margin-top: 5px;} #wrapwrap .catalogue .filter-container .filter-group .inner-search + .filter-group-filters{margin-top: 15px;} #wrapwrap .catalogue .filter-container .filter-group-filters{margin-top: 35px;} #wrapwrap .catalogue .filter-container .filter-group-filters input + form{margin-top: 15px;} #wrapwrap .catalogue .filter-container .filter-group-filters ul{display: block; padding-left: 0;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li{margin-bottom: 10px; display: block;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li:last-child{margin-bottom: 0;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li a{display: block;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li a:hover{color: #3f5cd2;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li a, #wrapwrap .catalogue .filter-container .filter-group-filters ul li label{font-size: 15px; line-height: 22px; color: #666d8c;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li a.active, #wrapwrap .catalogue .filter-container .filter-group-filters ul li label.active{color: #3f5cd2;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li label{width: calc(100% - 30px); margin-left: 10px; display: inline-block; float: right; padding-top: 4px; user-select: none;} #wrapwrap .catalogue .filter-container .filter-group-filters ul li input{float: left;} #wrapwrap .catalogue .filter-container .filter-group-filters .double-input-container{margin-top: 15px; display: block; width: 100%;} #wrapwrap .catalogue .filter-container .filter-group-filters .double-input-container .euro-input-container{width: calc(50% - 10px) !important; display: inline-block;} #wrapwrap .catalogue .filter-container .filter-group-filters .double-input-container .euro-input-container:first-child{float: left;} #wrapwrap .catalogue .filter-container .filter-group-filters .double-input-container .euro-input-container:last-child{float: right;} #wrapwrap .catalogue .filter-container .filter-group-filters .multirange-btn-action-container{margin-top: 15px;} #wrapwrap .catalogue .filter-container .filter-group-filters .multirange-btn-action-container button{float: left;} #wrapwrap .catalogue .filter-container .filter-group-filters .multirange-btn-action-container .btn{float: right;} #wrapwrap .catalogue .filter-container .filter-group.open{height: auto !important; overflow: hidden;} #wrapwrap .catalogue .filter-container .filter-group.open .filter-group-filters{max-height: 200px;} #wrapwrap .catalogue .filter-container .filter-group.open:after{content: "\f077";} #wrapwrap .catalogue .filter-container .filter-group-title{font-weight: 700;} #wrapwrap .catalogue .filter-container .filter-group.fixed-checkbox:after, #wrapwrap .catalogue .filter-container .filter-group.fixed-input:after{display: none;} #wrapwrap .catalogue .filter-container .filter-group.fixed-checkbox .filter-group-filters, #wrapwrap .catalogue .filter-container .filter-group.fixed-input .filter-group-filters{margin-top: -5px;} #wrapwrap .catalogue .filter-container .filter-group.fixed-checkbox .filter-group-filters label, #wrapwrap .catalogue .filter-container .filter-group.fixed-input .filter-group-filters label{margin-left: 5px; font-size: 15px; line-height: 22px; color: #666d8c; position: relative; top: -4px;} #wrapwrap .catalogue .filter-container .filter-group.fixed-checkbox.open, #wrapwrap .catalogue .filter-container .filter-group.fixed-input.open{height: 56px !important;} #wrapwrap .catalogue .filter-container .filter-group.fixed-input{height: 72px !important;} #wrapwrap .catalogue .filter-container .filter-group.no-height{height: auto !important; border-bottom: 0;} @media (min-width: 992px){#wrapwrap .catalogue .filter-container .filter-group.no-height{display: none;}} #wrapwrap .catalogue .filter-container .filter-group small.count{font-size: 12px;} #wrapwrap .catalogue .selected-filters-container{background: #f0f2f9; border-radius: 3Px; padding: 30px; padding-bottom: 20px; margin-bottom: 40px; display: none; opacity: 0;} #wrapwrap .catalogue .selected-filters-container.displayed{opacity: 1; display: block;} @media (max-width: 991px){#wrapwrap .catalogue .selected-filters-container{padding: 15px 15px 10px 15px;}} #wrapwrap .catalogue .selected-filters-container .result{display: block; margin-bottom: 15px;} #wrapwrap .catalogue .selected-filters-container .filter-tag{background: #ffffff; padding: 14px 40px 14px 20px; border-radius: 40px; font-size: 15px; display: inline-block; position: relative; color: #666d8c; margin-right: 10px; margin-bottom: 15px;} @media (max-width: 991px){#wrapwrap .catalogue .selected-filters-container .filter-tag{font-size: 12px; padding: 10px 30px 11px 15px; margin-right: 5px; margin-bottom: 10px;}} #wrapwrap .catalogue .selected-filters-container .filter-tag .closer{position: absolute; right: 10px; top: 50%; margin-top: -19px; padding: 10px;} @media (max-width: 991px){#wrapwrap .catalogue .selected-filters-container .filter-tag .closer{right: 5px; margin-top: -17px;}} #wrapwrap .catalogue .selected-filters-container .filter-tag .closer i{font-size: 10px; color: #9fa4b9; -webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .catalogue .selected-filters-container .filter-tag .closer:hover{cursor: pointer;} #wrapwrap .catalogue .selected-filters-container .filter-tag .closer:hover i{color: #666d8c;} #wrapwrap .catalogue .courses-title h2{color: #031047;} @media (max-width: 767px){#wrapwrap .catalogue .courses-title h2{width: 100%; max-width: 100%;}} #wrapwrap .catalogue .courses-title h2{display: inline-block;} #wrapwrap .catalogue .courses-title h2 + a{margin-left: 30px;} @media (max-width: 767px){#wrapwrap .catalogue .courses-title h2 + a{margin-left: 0; margin-top: 15px;}} #wrapwrap .catalogue .courses-title p{display: block; clear: both; margin-top: 30px; padding-bottom: 30px;} #wrapwrap .catalogue .courses-title + .courses-container{border-top: 1px solid #dde1f3;} #wrapwrap .catalogue .courses-container h3{display: block; color: #666d8c; margin: 30px 0;} #wrapwrap .catalogue.embed{background: white !important; padding: 20px 0;} .sidebar-mobile-toggler, .mobile-form-apply{display: none;} .sidebar-container{z-index: 20;} .sidebar-container a{text-decoration: none !important;} @media (max-width: 991px){.sidebar-container{height: 60px; margin-bottom: 15px;}.sidebar-container .sidebar{height: 60px !important; background: #3f5cd2; width: 100%; border-radius: 3px; display: inline-block; border: none; z-index: 100; -webkit-box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0); box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer;}.hiddable .sidebar-container .sidebar{-webkit-transform: translateY(-78px); -ms-transform: translateY(-78px); -o-transform: translateY(-78px); transform: translateY(-78px);}.show .sidebar-container .sidebar{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}.sidebar-container .sidebar.is-affixed{position: fixed !important; width: calc(100% - 30px); top: 95px; left: 15px; display: block; -webkit-box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3); box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3);}.o_connected_user .sidebar-container .sidebar.is-affixed{top: 140px;}.sidebar-container .sidebar:after{content: "Filtrer"; text-align: center; width: 100%; display: block; line-height: 60px; font-size: 15px; color: #ffffff; font-weight: 600;}.sidebar-container .sidebar .filter-container{display: none;}.sidebar-container .sidebar-mobile-toggler{position: absolute; display: block; top: 0; right: 0; left: 0; bottom: 0; background: transparent; width: 100%; height: 100%;}.sidebar-container .sidebar-mobile-toggler i{display: none;}.filter-open .sidebar-container{position: fixed; z-index: 100; top: 0 !important; left: 0 !important; right: 0; width: 100%; height: 100vh !important; border-radius: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); padding: 0 !important; margin-bottom: 0;}.filter-open .sidebar-container .sidebar-mobile-toggler{display: inline-block; position: absolute; right: 25px; top: 25px; text-align: center; line-height: 40px; height: 40px; width: 40px; border: none; background: #e8ebf7; color: red; border-radius: 3px; z-index: 10;}.filter-open .sidebar-container .sidebar-mobile-toggler i{position: relative;}.filter-open .sidebar-container .sidebar{background: #ffffff !important; -webkit-box-shadow: none; box-shadow: none; top: 0 !important; width: 100% !important; left: 0 !important; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; cursor: default; height: 100% !important; overflow: hidden; overflow-y: scroll !important;}.filter-open .sidebar-container .sidebar:after{display: none;}.filter-open .sidebar-container .sidebar .filter-container{display: block; margin-top: 80px; position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100%; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; border: none;}.filter-open .sidebar-container .sidebar .filter-container:after{content: "Filter"; font-size: 20px; top: -50px; left: 20px; color: #031047; position: absolute;}.filter-open .sidebar-container .sidebar .filter-container .fixed-checkbox{margin-bottom: 50px;}.filter-open .sidebar-container .sidebar-mobile-toggler{right: 20px; left: auto; line-height: 40px;}.filter-open .sidebar-container .sidebar-mobile-toggler i{display: inline-block; color: #3f5cd2;}.filter-open .sidebar-container .sidebar .mobile-form-apply{width: 100%;}} @media (max-width: 767px){.hiddable .sidebar-container .sidebar{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}} .sidebar{will-change: min-height, height;} .sidebar__inner{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: position, transform, height, min-height;} .ajax-loading-container{width: 100%; margin-top: 50px;} .ajax-loading-container .logo{width: 59px; height: 53Px;} .ajax-loading-container .logo #hot-logo .t{display: none;} .ajax-loading-container .text{display: block; color: #031047; font-size: 14px; padding-top: 15px; font-weight: 600;} .catalogue{transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); background: #f7f8fc !important;} .catalogue:after, .catalogue:before{content: " "; display: block !important; opacity: 0; position: fixed; width: 4px; height: 4px; border-radius: 4px; background: #666d8c; left: 50%; top: 50%; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: -4px; z-index: 100; transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} @keyframes animation-left{0%{transform: translateX(-4px) translateY(0);}25%{transform: translateX(-4px) translateY(-4px);}50%{transform: translateX(-4px) translateY(0px);}75%{transform: translateX(-4px) translateY(4px);}100%{transform: translateX(-4px) translateY(0);}} @keyframes animation-right{0%{transform: translateX(4px) translateY(0);}25%{transform: translateX(4px) translateY(-4px);}50%{transform: translateX(4px) translateY(0px);}75%{transform: translateX(4px) translateY(4px);}100%{transform: translateX(4px) translateY(0);}} .catalogue.loading:after{animation: animation-left 1s linear infinite;} .catalogue.loading:before{animation: animation-right 1s linear 0.2s infinite;} .catalogue #sidebar, .catalogue #content{opacity: 1 !important; pointer-events: auto; transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);} .catalogue.loading{position: relative; animation: background-animation 1s linear infinite;} @keyframes background-animation{0%{background: #f7f8fc;}50%{background: #ffffff;}100%{background: #f7f8fc;}} .catalogue.loading #sidebar, .catalogue.loading #content{opacity: .3 !important; pointer-events: none;} @media (max-width: 991px){.catalogue.loading #sidebar, .catalogue.loading #content{opacity: 1 !important;}} .catalogue.loading:after, .catalogue.loading:before{opacity: 1;} .catalogue.loading .loading-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); display: none; z-index: 9;} @media (max-width: 991px){.catalogue.loading .loading-overlay{display: block;}} .courses-container .courses-title{margin-bottom: 70px !important;} .courses-container .courses-title:last-child{margin-bottom: 0 !important;} .no-result{display: none; opacity: 0; pointer-events: none;} .no-result p{margin-top: 30px;} .no-result.displayed{opacity: 1; display: block; pointer-events: auto;} 

/* /theme_houseoftraining/static/src/less/_calendar.less defined in bundle 'web.assets_frontend' */
 .calendar .formation-group:nth-child(n+2){margin-top: 50px;} .calendar .formation-group .full-formation-teaser:nth-child(2){margin-top: 40px;} @media (max-width: 1199px){.calendar .formation-group .full-formation-teaser:nth-child(2){margin-top: 20px;}} .calendar .is-sticky h2{font-size: 25px;} .calendar .is-sticky .courses-title{padding: 0; -webkit-transform: translateY(-22px); -ms-transform: translateY(-22px); -o-transform: translateY(-22px); transform: translateY(-22px); border-bottom: 1px solid #E8E9EE;} @media (max-width: 1199px){.calendar .is-sticky .courses-title{position: relative !important; width: auto !important; top: inherit !important; border-bottom: none !important;}} .show .calendar .is-sticky .courses-title{-webkit-transform: translateY(46px); -ms-transform: translateY(46px); -o-transform: translateY(46px); transform: translateY(46px);} @media (max-width: 1199px){.show .calendar .is-sticky .courses-title{-webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important;}} .calendar .courses-container{border-top: none !important;} .calendar .courses-container .courses-title{padding: 15px 0; background: #f7f8fc; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .calendar .courses-container .courses-title h2{float: left; position: relative;} .calendar .courses-container .courses-title h2:after{content: " "; position: absolute; left: -20px; top: -15px; width: 20px; height: 74px; background: #f7f8fc;} .calendar .courses-container .courses-title .calendar-navigation{float: right; margin-top: 15px; position: relative;} @media (max-width: 1199px){.calendar .courses-container .courses-title .calendar-navigation{display: none;}} .calendar .courses-container .courses-title .calendar-navigation:after{content: " "; position: absolute; right: -20px; top: -30px; width: 20px; height: 74px; background: #f7f8fc;} .calendar .courses-container .courses-title .calendar-navigation a{display: inline-block; padding: 0 15px; font-size: 14px; text-decoration: none !important;} .calendar .courses-container .courses-title .calendar-navigation a:last-child{padding-right: 0;} 

/* /theme_houseoftraining/static/src/less/_form.less defined in bundle 'web.assets_frontend' */
 #wrapwrap input[type="checkbox"], #wrapwrap input[type="radio"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 20px; width: 20px; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; background-color: #ffffff; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); display: inline-block; position: relative; -webkit-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap input[type="checkbox"]:after, #wrapwrap input[type="radio"]:after{content: " "; position: absolute; top: 50%; left: 50%; background: #3f5cd2; width: 6px; height: 6px; border-radius: 1px; margin-top: -3px; margin-left: -3px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap input[type="checkbox"]:hover, #wrapwrap input[type="radio"]:hover{border-color: #3f5cd2;} #wrapwrap input[type="checkbox"]:checked:after, #wrapwrap input[type="radio"]:checked:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} #wrapwrap input[type="radio"]{border-radius: 20px;} #wrapwrap input[type="radio"]:after{border-radius: 6px !important;} #wrapwrap input.input-error{border-color: #e42d00 !important;} #wrapwrap input.input-warning{border-color: #cf7520 !important;} #wrapwrap .form-group.has-error.required input, #wrapwrap .form-group.has-error.required select{border-color: #e42d00 !important;} #wrapwrap .form-group.has-error input, #wrapwrap .form-group.has-error select{border-color: #cf7520 !important;} #wrapwrap input[type="text"], #wrapwrap input[type="number"], #wrapwrap input[type="password"], #wrapwrap input[type="email"], #wrapwrap input[type="tel"], #wrapwrap .input-tel{-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; width: 100%; padding: 0 15px; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; background-color: #FFFFFF; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); font-size: 14px; color: #031047; -webkit-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap input[type="text"]:hover, #wrapwrap input[type="number"]:hover, #wrapwrap input[type="password"]:hover, #wrapwrap input[type="email"]:hover, #wrapwrap input[type="tel"]:hover, #wrapwrap .input-tel:hover, #wrapwrap input[type="text"]:focus, #wrapwrap input[type="number"]:focus, #wrapwrap input[type="password"]:focus, #wrapwrap input[type="email"]:focus, #wrapwrap input[type="tel"]:focus, #wrapwrap .input-tel:focus{border-color: #3f5cd2; cursor: text;} #wrapwrap input[type="text"]:placeholder, #wrapwrap input[type="number"]:placeholder, #wrapwrap input[type="password"]:placeholder, #wrapwrap input[type="email"]:placeholder, #wrapwrap input[type="tel"]:placeholder, #wrapwrap .input-tel:placeholder{color: #666d8c;} #wrapwrap textarea{appearance: none; width: 100%; padding: 15px; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; background-color: #FFFFFF; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); font-size: 14px; color: #031047; min-height: 150px; max-width: 100%; resize: vertical; transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap textarea:hover, #wrapwrap textarea:focus{border-color: #3f5cd2; cursor: text;} #wrapwrap textarea:placeholder{color: #666d8c;} #wrapwrap input[type="date"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; width: 100%; padding: 0 15px; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; background-color: #FFFFFF; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); font-size: 14px; color: #031047; line-height: 38px; transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap input[type="date"]:hover, #wrapwrap input[type="date"]:focus{border-color: #3f5cd2;} #wrapwrap input[type="date"]:placeholder{color: #666d8c;} .euro-input-container{position: relative;} .euro-input-container:after{content: "€"; position: absolute; top: 50%; right: 15px; font-size: 12px; margin-top: -6px; color: #666d8c;} .checkbox-container{display: flex; justify-content: flex-start; align-items: center;} .checkbox-container label + input{margin: 0 0 0 10px !important;} .checkbox-container label{font-size: 14px !important;} .checkbox-container + .checkbox-container{margin-left: 20px;} .reinit{padding: 7px 0px 9px 0px !important; background: transparent; border: none; color: #666d8c; display: inline-block; opacity: .8; transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); font-size: 13px;} .reinit:hover{opacity: 1;} #multirange-slider{padding: 10px 0; overflow: visible !important; margin: 0 8px;} #multirange-slider .slider{height: 3px; background: #e4e8f5; border: none;} #multirange-slider .slider .handle{height: 15px; width: 15px; top: -6px; background: #ffffff; border: none; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05);} @media (max-width: 991px){#multirange-slider .slider .handle{width: 20px; height: 20Px; top: -8px; margin-right: -10px;}} #multirange-slider .slider .handle .slider-circle{height: 9px; width: 9px; top: 3px; left: 3px; position: absolute; margin-top: 0; background: #3f5cd2;} @media (max-width: 991px){#multirange-slider .slider .handle .slider-circle{width: 14px; height: 14px; top: 3px; left: 3px;}} #multirange-slider .slider-fill{background: #3f5cd2;} select option.divider{display: none;} .bootstrap-select{clear: both; -webkit-box-shadow: none !important; box-shadow: none !important; display: block; width: 300px !important;} .bootstrap-select *{outline: none !important;} .bootstrap-select .btn{width: 100% !important;} .bootstrap-select .btn .filter-option{-webkit-box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; background: #ffffff; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; padding: 16px 20px 17px 20px;} .bootstrap-select .btn .filter-option-inner{color: #666d8c; font-size: 14px; font-weight: 400;} .bootstrap-select .btn .bs-caret{color: #666d8c !important;} .bootstrap-select .dropdown-menu{width: 100%; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); -webkit-box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; border-color: rgba(102, 109, 140, 0.25) !important; border-top: none; border-radius: 0 0 3px 3px !important; margin: 0 !important; padding: 0 !important;} .bootstrap-select .dropdown-menu .inner{display: block !important;} .bootstrap-select .dropdown-menu .inner li{pointer-events: auto !important;} .bootstrap-select .dropdown-menu .inner li a{padding: 12px 20px 10px 20px; margin: 0 5px; background: #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); border-radius: 3px;} .bootstrap-select .dropdown-menu .inner li a span{color: #031047 !important; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .bootstrap-select .dropdown-menu .inner li a:hover{background: #f7f8fc;} .bootstrap-select .dropdown-menu .inner li a:hover span{color: #3f5cd2 !important;} .bootstrap-select .dropdown-menu .inner li a.divider{height: 1px; border-left: none; padding: 0; background-color: rgba(102, 109, 140, 0.25);} .bootstrap-select .dropdown-menu .inner li.selected a.selected{background: #f7f8fc;} .bootstrap-select .dropdown-menu .inner li.selected a.selected span{color: #3f5cd2 !important;} .bootstrap-select .no-results{padding: 15px 5px 10px 5px; background: transparent; color: #666d8c;} .bootstrap-select .mobile-device{opacity: 1 !important; appearance: none; height: 30px; width: 100%; position: relative !important; -webkit-box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; background: #ffffff; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; padding: 15px 20px 14px 20px !important; font-size: 14px; color: #666d8c !important;} #wrapwrap .bootstrap-select .mobile-device + button{display: none;} #datepicker-container{position: relative;} #datepicker-container.open{overflow: visible !important;} .daterangepicker{-webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); border: 1px solid rgba(102, 109, 140, 0.15); width: 530px !important; z-index: 10; font-family: 'Apercu Pro' !important;} .daterangepicker:after, .daterangepicker:before{display: none;} .daterangepicker table thead{font-weight: 600 !important;} .daterangepicker table thead th{border-bottom: none !important;} .daterangepicker table thead tr:first-child th{height: 50px !important;} .daterangepicker table thead tr:last-child th{background: none !important;} .daterangepicker table tr td.available{border: 1px solid #E8E9EE !important;} .daterangepicker table tr td.off, .daterangepicker table tr td.week-end{border: none !important; color: rgba(102, 109, 140, 0.5) !important;} .daterangepicker table tr td.off.in-range, .daterangepicker table tr td.week-end.in-range{background-color: rgba(102, 109, 140, 0.08) !important; color: #031047 !important; border: 1px solid #E8E9EE !important;} .daterangepicker table tr td.off.start-date, .daterangepicker table tr td.week-end.start-date, .daterangepicker table tr td.off.end-date, .daterangepicker table tr td.week-end.end-date{background: #3f5cd2 !important; color: #ffffff !important;} .daterangepicker table .month{font-size: 16px !important;} .daterangepicker table .in-range{background-color: rgba(102, 109, 140, 0.08) !important;} .daterangepicker table .start-date, .daterangepicker table .end-date{background: #3f5cd2 !important; color: #ffffff !important;} .daterangepicker table .prev, .daterangepicker table .next{background: none !important;} .daterangepicker table .prev span, .daterangepicker table .next span{border-color: #c2caea !important;} .daterangepicker table .prev:hover span, .daterangepicker table .next:hover span{border-color: #3f5cd2 !important;} .daterangepicker .drp-calendar, .daterangepicker .drp-buttons{padding: 20px !important;} .daterangepicker .drp-calendar.left, .daterangepicker .drp-buttons.left{padding-right: 0 !important;} .daterangepicker .drp-buttons{border: none !important; padding-top: 0 !important;} .daterangepicker .drp-buttons .drp-selected{float: left; padding: 5px 0 0 10px;} .daterangepicker .drp-buttons .cancelBtn{color: #666d8c !important; font-weight: 400; background: none !important;} .box-container.grey-box-container, .form-box-container .row.grey-box-container{padding: 25px; background-color: #f7f8fc; border: 1px solid #e4e8f5; border-radius: 3px;} .box-container.grey-box-container label, .form-box-container .row.grey-box-container label{font-size: 15px !important;} .box-container .password-box.grey-box-container .form-group, .form-box-container .row .password-box.grey-box-container .form-group{margin-top: 0;} @media (max-width: 991px){.box-container .password-box.grey-box-container .form-group:last-child, .form-box-container .row .password-box.grey-box-container .form-group:last-child{margin-top: 10px;}} .box-container .condition-text, .form-box-container .row .condition-text{color: #031047; font-size: 16px; line-height: 24px; color: #666d8c; font-weight: 700;} @media (max-width: 767px){.box-container .condition-text, .form-box-container .row .condition-text{font-size: 13px; line-height: 18px;}} .box-container .box > h1, .form-box-container .row .box > h1, .box-container .box > h2, .form-box-container .row .box > h2, .box-container .box > h3, .form-box-container .row .box > h3, .box-container .box h4, .form-box-container .row .box h4{margin-top: 0 !important;} .box-container .form-group, .form-box-container .row .form-group{margin-bottom: 0;} .box-container .form-group label, .form-box-container .row .form-group label{margin-bottom: 0;} .box-container .condition-container, .form-box-container .row .condition-container{display: -webkit-box; display: -ms-flexbox; display: flex;} .box-container .condition-container input, .form-box-container .row .condition-container input{flex-grow: 0; flex-shrink: 0;} .box-container .condition-container label, .form-box-container .row .condition-container label{font-size: 14Px !important; line-height: 17px !important; color: #666d8c; padding-left: 10px; margin-top: 3px;} @media (max-width: 991px){.box-container .condition-container label, .form-box-container .row .condition-container label{font-size: 12Px !important; line-height: 15px !important;}} .box-container small.info, .form-box-container .row small.info{font-size: 12px; color: #666d8c; display: block !important;} .box-container input + .info, .form-box-container .row input + .info, .box-container label + .info, .form-box-container .row label + .info, .box-container .iti + .info, .form-box-container .row .iti + .info, .box-container .info + .info, .form-box-container .row .info + .info{margin-top: 10px; font-size: 14px; line-height: 20px; display: block;} .box-container .info + input, .form-box-container .row .info + input, .box-container label + .iti, .form-box-container .row label + .iti{margin-top: 10px !important;} .box-container label, .form-box-container .row label{font-size: 17px; line-height: 24px !important; color: #666d8c;} @media (max-width: 991px){.box-container label, .form-box-container .row label{font-size: 14Px !important; line-height: 17px !important;}} .box-container label + .bootstrap-select, .form-box-container .row label + .bootstrap-select{display: block; width: 100% !important;} .box-container label + input, .form-box-container .row label + input, .box-container label + textarea, .form-box-container .row label + textarea, .box-container label + .bootstrap-select, .form-box-container .row label + .bootstrap-select, .box-container label + select, .form-box-container .row label + select{margin-top: 10px;} .box-container .bootstrap-select.form-control, .form-box-container .row .bootstrap-select.form-control{height: auto;} .box-container .bootstrap-select .dropdown-menu, .form-box-container .row .bootstrap-select .dropdown-menu{max-height: 250px !important; border-radius: 3px !important; border: 1px solid #e4e8f5 !important;} .box-container.separator, .form-box-container .row.separator{padding-top: 30px; margin-top: 30px; border-top: 1px solid #e4e8f5;} .box-container.separator h2, .form-box-container .row.separator h2{margin-top: 0; max-width: 60%;} @media (max-width: 1199px){.box-container.separator h2, .form-box-container .row.separator h2{max-width: 100%;}} .box-container.center-content, .form-box-container .row.center-content{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center;} .box-container.full-box .box, .form-box-container .row.full-box .box{width: 100%;} .box-container.two-boxes, .form-box-container .row.two-boxes{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;} @media (max-width: 991px){.box-container.two-boxes, .form-box-container .row.two-boxes{flex-direction: column;}} .box-container.two-boxes .box, .form-box-container .row.two-boxes .box{width: 50%;} @media (max-width: 991px){.box-container.two-boxes .box, .form-box-container .row.two-boxes .box{width: 100%; padding: 0 !important;}} .box-container.two-boxes .box:first-child, .form-box-container .row.two-boxes .box:first-child{padding-right: 15px;} .box-container.two-boxes .box:last-child, .form-box-container .row.two-boxes .box:last-child{padding-left: 15px;} @media (max-width: 991px){.box-container.two-boxes .box:last-child, .form-box-container .row.two-boxes .box:last-child{margin-top: 10px;}} .box-container.three-boxes, .form-box-container .row.three-boxes{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;} @media (max-width: 991px){.box-container.three-boxes, .form-box-container .row.three-boxes{flex-direction: column;}} .box-container.three-boxes .box, .form-box-container .row.three-boxes .box{width: 33.333333333333%;} @media (max-width: 991px){.box-container.three-boxes .box, .form-box-container .row.three-boxes .box{width: 100%; padding: 0 !important;}} .box-container.three-boxes .box:nth-child(1), .form-box-container .row.three-boxes .box:nth-child(1){padding-right: 15px;} .box-container.three-boxes .box:nth-child(2), .form-box-container .row.three-boxes .box:nth-child(2){padding-left: 15px; padding-right: 15px;} @media (max-width: 991px){.box-container.three-boxes .box:nth-child(2), .form-box-container .row.three-boxes .box:nth-child(2){margin-top: 10px;}} .box-container.three-boxes .box:nth-child(3), .form-box-container .row.three-boxes .box:nth-child(3){padding-left: 15px;} @media (max-width: 991px){.box-container.three-boxes .box:nth-child(3), .form-box-container .row.three-boxes .box:nth-child(3){margin-top: 10px;}} .form-error{font-size: 14px; line-height: 20px; padding-top: 10px; display: inline-block;} .form-error.error-warning{color: #cf7520;} .form-error.error-warning *{color: #cf7520;} .form-error.error-error{color: #e42d00;} .form-error.error-error *{color: #e42d00;} .form-notice{font-size: 12px; color: #666d8c; text-align: right; display: block; padding-top: 10px;} .two-boxes + .two-boxes, .full-box + .two-boxes, .full-box + .full-box, .two-boxes + .full-box, .two-boxes + .three-boxes, .full-box + .three-boxes, .three-boxes + .full-box, .col-md-6 + .col-md-6, .col-md-12 + .col-md-6, .col-md-12 + .col-md-12, .col-md-6 + .col-md-12, .col-md-6 + .col-md-4, .col-md-12 + .col-md-4, .col-md-4 + .col-md-12{margin-top: 20px;} .iti{width: 100%;} .iti__flag{background-image: url("/theme_houseoftraining/static/lib/flag-input/flags.png");} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti .iti__flag{background-image: url("/theme_houseoftraining/static/lib/flag-input/flags@2x.png");}} .iti__selected-flag{background-color: transparent !important;} #wrapwrap .small .iti__selected-flag{display: flex;} .iti__selected-dial-code, #wrapwrap .small .iti__selected-dial-code{display: none;} .iti__country-list{background-color: #ffffff; border: 1px solid 1px solid #e4e8f5; border-radius: 3px; display: block !important; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); opacity: 1; pointer-events: auto;} .iti__country-list.iti__hide{-webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; pointer-events: none;} .iti__country-list li{font-size: 13px; padding: 10px 15px;} .iti__country-list li .iti__flag-box{margin-right: 10px;} .iti__country-list li .iti__dial-code{opacity: .5;} .iti__country-list li.iti__divider{padding: 0; margin: 0;} .iti .input-tel, #wrapwrap .iti input[type=tel]{padding-left: 50px !important;} 

/* /theme_houseoftraining/static/src/less/_mission.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .mission{margin-top: 0;} #wrapwrap .mission h1{padding-top: 60px;} @media (max-width: 991px){#wrapwrap .mission h1{padding-top: 40px;}} @media (min-width: 992px){#wrapwrap .mission h1{font-size: 58px; line-height: 76px;}} #wrapwrap .mission .count{min-width: 35px; display: inline-block;} #wrapwrap .mission h1 + p{margin-top: 30px;} @media (max-width: 991px){#wrapwrap .mission h1 + p{margin-top: 15px;}} #wrapwrap .mission p + .btn{margin-top: 30px;} @media (max-width: 991px){#wrapwrap .mission p + .btn{margin-top: 20px;}} #wrapwrap .mission .squares-container{position: absolute; z-index: -1;} #wrapwrap .mission .mission-image-container{margin-top: 120px;} .no-objectfit #wrapwrap .mission .mission-image-container .image-cover{margin-top: 0;} #wrapwrap .mission-image-1{position: relative;} @media (max-width: 1199px){#wrapwrap .mission-image-1{display: none;}} #wrapwrap .mission-image-1 .image-cover{clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%); height: 280px; position: relative;} #wrapwrap .mission-image-1 .squares-container{width: 200px; height: 140px; top: -40px; left: -50px;} #wrapwrap .mission-image-1 .squares-container #pattern-square-1{fill: #F7C400 !important;} #wrapwrap .mission-image-2{position: relative; top: -50px;} #wrapwrap .mission-image-2 .image-cover{height: 330px; clip-path: polygon(0 0, 100% 21%, 100% 100%, 0% 100%);} #wrapwrap .mission-image-2 .squares-container{width: 80px; height: 170px; top: -20px; left: 80px;} #wrapwrap .mission-image-2 .squares-container #pattern-square-2{fill: #8DBF00 !important;} #wrapwrap .mission-image-2 .image-shadow:before{background: #F26A36; height: 250px;} #wrapwrap .mission-image-3{position: relative; top: -80px;} @media (max-width: 991px){#wrapwrap .mission-image-3{display: none;}} #wrapwrap .mission-image-3 .image-cover{height: 280px; width: 100%; clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%);} #wrapwrap .mission-image-3 .squares-container{width: 140px; height: 170px; top: -30px; left: 40px;} #wrapwrap .mission-image-3 .squares-container #pattern-square-3{fill: #27AAE1;} #wrapwrap .mission-image-4{position: relative; top: -300px;} @media (max-width: 991px){#wrapwrap .mission-image-4{top: -50px;}} #wrapwrap .mission-image-4 .image-cover{height: 320px; clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%);} #wrapwrap .mission-image-4 .squares-container{width: 200px; height: 140px; bottom: -60px; left: 20px;} #wrapwrap .mission-image-4 .squares-container #pattern-square-4{fill: #DC3126;} @media (max-width: 991px){#wrapwrap .mission-image-4 .squares-container{width: 150px; height: 100px; left: -10px;}} #wrapwrap .mission-image-4 .image-shadow:before{background: #FFD414; height: 250px;} .jumbotron{background: transparent; padding: 80px 0; margin: 0;} #wrapwrap .jumbotron{margin: 0;} @media (max-width: 991px){.jumbotron{padding: 60px 0;}} .jumbotron h1 + p{margin-top: 20px;} .jumbotron h1{font-size: 48px; line-height: 76px;} @media (max-width: 1199px){.jumbotron h1{font-size: 30px; line-height: 45px;}} .jumbotron h1 + p{margin-top: 30px;} .jumbotron h1 .icon{width: 50px; display: inline-block; margin-right: 30px; position: relative; top: 5px;} @media (max-width: 991px){.jumbotron h1 .icon{width: 35px; margin-right: 15px;}} .jumbotron h1 .icon img{display: block; width: 100%;} .jumbotron + .domain{margin-top: -80px !important;} @media (max-width: 991px){.jumbotron + .domain{margin-top: -60px;}} .jumbotron.jumbotron-fiche{padding-bottom: 40px;} @media (max-width: 991px){.jumbotron.jumbotron-fiche{padding-bottom: 80px;}} @media (min-width: 992px){.jumbotron.jumbotron-fiche .jumbotron-content{margin-bottom: 50px;}} .jumbotron.jumbotron-fiche .sticky-wrapper{margin: 30px 0;} @media (min-width: 992px){.jumbotron.jumbotron-fiche .sticky-wrapper{position: absolute; top: 0; right: 15px; left: 15px;}} @media (max-width: 1199px){.jumbotron.jumbotron-fiche #sticky-wrapper, .jumbotron.jumbotron-fiche .formation-sticky-detail{z-index: 5; position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important; width: 100% !important; height: auto !important; transform: translateY(0) !important;}} .jumbotron-basket{height: 250px;} @media (max-width: 1199px){.jumbotron-basket{height: auto;}} 

/* /theme_houseoftraining/static/src/less/_article.less defined in bundle 'web.assets_frontend' */
 .homepage-article-container{margin: 80px 0;} @media (max-width: 1199px){.homepage-article-container{margin: 60px 0;}} @media (min-width: 768px){.homepage-article-container .btn{float: right;}} .homepage-article-container .related-article-container{margin-top: 80px;} @media (max-width: 991px){.homepage-article-container .related-article-container{margin-top: 60px;}} .jumbotron-article .details{display: flex;} .jumbotron-article .details .back{text-decoration: none; line-height: 28px; font-size: 13px;} .jumbotron-article .published{line-height: 28px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #e4e8f5;} .jumbotron-article .published .date{display: inline-block;} .jumbotron-article h1{margin-top: 30px; line-height: 60px;} @media (max-width: 1199px){.jumbotron-article h1{font-size: 40px; line-height: 52px;}} @media (max-width: 991px){.jumbotron-article h1{font-size: 30px; line-height: 42px;}} .jumbotron-article .image-cover{clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%); height: 250px; position: relative;} @media (max-width: 991px){.jumbotron-article .image-cover{margin-top: 100px;}} .jumbotron-article .squares-container{width: 200px; height: 140px; top: -40px; right: -100px; position: absolute;} @media (max-width: 991px){.jumbotron-article .squares-container{right: 50px;}} .jumbotron-article .squares-container #pattern-square-1{fill: #F7C400 !important;} .jumbotron-article.with-picture{padding-bottom: 80px;} .published{font-size: 13px; color: #031047;} .published .date{font-weight: 700;} .article-full-feed{display: flex; align-items: stretch; flex-wrap: wrap;} .article-full-feed > div{margin-bottom: 100px; flex: 0 50%;} @media (max-width: 991px){.article-full-feed > div{flex: 0 100%; margin-bottom: 50px;}} .article-full-feed > div:nth-child(odd){padding-right: 80px; border-right: 1px solid #e4e8f5;} @media (max-width: 991px){.article-full-feed > div:nth-child(odd){padding-right: 15px; border: inherit;}} .article-full-feed > div:nth-child(even){padding-left: 80px;} @media (max-width: 991px){.article-full-feed > div:nth-child(even){padding-left: 15px;}} @media (max-width: 991px){.article-full-feed > div{padding-bottom: 50px !important; border-bottom: 1px solid #e4e8f5 !important;}.article-full-feed > div:last-child{padding-bottom: 0 !important; border-bottom: inherit !important;}} .article-pagination{width: 100%; display: flex; justify-content: center; margin-top: 80px;} @media (max-width: 991px){.article-pagination{margin-top: 60px;}} .article-pagination li{margin-right: 10px;} .article-pagination li:last-child{margin-right: 0;} .article-pagination li a{width: 50px; height: 50px; padding: inherit; text-align: center; line-height: 50px;} .article-pagination li a.active{background: transparent; border: 2px solid #e8ebf7 !important; pointer-events: none;} @media (max-width: 991px){.article-pagination li a{width: 35px; height: 35px; line-height: 35px;}} #wrapwrap .article-teaser{position: relative; min-height: 100%;} #wrapwrap .article-teaser.no-picture{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;} #wrapwrap .article-teaser.no-picture .overlay-link:hover + .published + h2 + p + .btn, #wrapwrap .article-teaser.no-picture .overlay-link:hover + .published + h2 + .btn{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0px 8px 15px 0px rgba(199, 207, 239, 0.2); background: #e0e4f4;} @media (max-width: 991px){#wrapwrap .article-teaser{height: auto;}} #wrapwrap .article-teaser .overlay-link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -99999px; z-index: 10;} #wrapwrap .article-teaser .overlay-link:hover + .picture + .published + h2 + p + .btn, #wrapwrap .article-teaser .overlay-link:hover + .picture + .published + h2 + .btn{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0px 8px 15px 0px rgba(199, 207, 239, 0.2); background: #e0e4f4;} #wrapwrap .article-teaser .overlay-link:hover + .picture img, #wrapwrap .article-teaser .overlay-link:hover + .picture .o_blog_cover_image{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} #wrapwrap .article-teaser .picture{height: 250px !important; overflow: hidden;} #wrapwrap .article-teaser .picture img, #wrapwrap .article-teaser .picture .o_blog_cover_image{transform: scale(1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .article-teaser .picture + .published{margin-top: 50px; display: block;} #wrapwrap .article-teaser .published + h2{margin-top: 20px;} #wrapwrap .article-teaser p + .btn, #wrapwrap .article-teaser h2 + .btn{margin-top: 20px;} #wrapwrap .article-teaser.small-teaser{min-height: 0; height: auto; position: relative;} #wrapwrap .article-teaser.small-teaser .overlay-link{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10;} #wrapwrap .article-teaser.small-teaser .overlay-link:hover + h3{color: #3f5cd2;} #wrapwrap .article-teaser.small-teaser .overlay-link:hover + h3 + .content > .picture img, #wrapwrap .article-teaser.small-teaser .overlay-link:hover + h3 + .content > .picture o_blog_cover_image{transform: scale(1.1);} #wrapwrap .article-teaser.small-teaser h3{transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .article-teaser.small-teaser .content{display: flex;} @media (max-width: 1199px){#wrapwrap .article-teaser.small-teaser .content{flex-direction: column-reverse;}} #wrapwrap .article-teaser.small-teaser .content .details{width: 260px;} #wrapwrap .article-teaser.small-teaser .content .picture{width: 200px; height: 100px !important; margin-left: 30px; flex-grow: 0; flex-shrink: 0; overflow: hidden;} #wrapwrap .article-teaser.small-teaser .content .picture img, #wrapwrap .article-teaser.small-teaser .content .picture .o_blog_cover_image{transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 1199px){#wrapwrap .article-teaser.small-teaser .content .picture{margin-left: 0; width: 100%; height: 200px !important; margin-bottom: 20px;}} #wrapwrap .article-teaser.small-teaser .content p{margin-bottom: 20px;} .related-article-separator{border-top: 1px solid #e4e8f5; padding-top: 80px;} .related-article-container > div:nth-child(odd){padding-right: 80px; border-right: 1px solid #e4e8f5;} @media (max-width: 991px){.related-article-container > div:nth-child(odd){padding-right: 15px; border: inherit;}} .related-article-container > div:nth-child(even){padding-left: 80px;} @media (max-width: 991px){.related-article-container > div:nth-child(even){padding-left: 15px;}} @media (max-width: 991px){.related-article-container > div{padding-bottom: 50px !important; margin-bottom: 50px; border-bottom: 1px solid #e4e8f5 !important;}.related-article-container > div:last-child{padding-bottom: 0 !important; border-bottom: inherit !important;}} 

/* /theme_houseoftraining/static/src/less/_domain.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .domain{padding-top: 0;} #wrapwrap .domain + .bg-grey, #wrapwrap .domain + .bg-white, #wrapwrap .domain + .bg-half-grey, #wrapwrap .domain + .bg-half-white{margin-top: 0;} #wrapwrap .domain-link-list li{margin-bottom: 30px;} #wrapwrap .domain-link-list li:last-child{margin-bottom: 0;} #wrapwrap .domain-description{margin-top: 40px;} #wrapwrap .domain-description .icon-container{height: 35px; display: inline-block; float: left; max-width: 50px;} #wrapwrap .domain-description .icon-container img{width: auto; height: 100%; display: inline-block;} #wrapwrap .domain-description .content{display: inline-block; float: left; width: calc(100% - 80px); margin-left: 20px;} #wrapwrap .domain-description .content h2, #wrapwrap .domain-description .content h3{display: block; font-size: 16px; line-height: 25px;} #wrapwrap .domain-description .content h2{margin-top: -3px; font-weight: 600; color: #031047;} #wrapwrap .domain-description .content h3{color: #666d8c;} #wrapwrap .domain-content, #wrapwrap .domain .domain-link-list{margin-top: 50px;} #wrapwrap .domain-introduction{margin-bottom: 40px;} #wrapwrap .domain-recommandation .small-domain-teaser{width: calc(50% - 30px); display: inline-block; margin-bottom: 30px;} #wrapwrap .domain-recommandation .small-domain-teaser:nth-child(odd){margin-right: 30px;} @media (max-width: 767px){#wrapwrap .domain-recommandation .small-domain-teaser{width: 100%; margin-right: 0; margin-bottom: 15Px;}#wrapwrap .domain-recommandation .small-domain-teaser:last-child{margin-bottom: 0;}} #wrapwrap .domain-quick-access ul li{width: calc(50% - 30px); display: inline-block; margin-bottom: 30px;} #wrapwrap .domain-quick-access ul li:nth-child(odd){margin-right: 30px;} @media (max-width: 767px){#wrapwrap .domain-quick-access ul li{width: 100%; margin-right: 0; margin-bottom: 15Px;}#wrapwrap .domain-quick-access ul li:last-child{margin-bottom: 0;}} #wrapwrap .domain-table{background-color: #ffffff; border: 1px solid #e4e8f5; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border-radius: 5px; max-width: 100%;} @media (max-width: 1199px){#wrapwrap .domain-table{overflow: hidden; overflow-x: scroll;}} #wrapwrap .domain-table *{text-align: left;} #wrapwrap .domain-table thead{width: 100%;} #wrapwrap .domain-table thead tr th{color: #666d8c; font-weight: 600; font-size: 14px; line-height: 14px; padding: 30px 0 30px 35px;} #wrapwrap .domain-table thead tr:last-child th{padding-right: 35px;} #wrapwrap .domain-table tbody tr td{padding: 40px 35px; box-sizing: border-box; vertical-align: top;} #wrapwrap .domain-table tbody tr td.block-title-container{background-color: #f7f8fc; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .domain-table tbody tr td.block-link-container{padding-right: 0; width: 100%;} #wrapwrap .domain-table tbody tr td.block-duration-container{padding-left: 0; padding-right: 0;} #wrapwrap .domain-table tbody tr td.block-reference-container{padding-left: 0; padding-right: 0;} #wrapwrap .domain-table tbody .separator{height: 10px;} #wrapwrap .domain-table tbody .block{background-color: #ffffff; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .domain-table tbody .block:hover{background-color: #f7f8fc;} #wrapwrap .domain-table tbody .block:hover .block-title-container{background-color: #e8ebf7;} #wrapwrap .domain-table tbody .block-title{font-size: 22px; line-height: 30px; width: 250px; color: #031047; font-weight: 600;} @media (max-width: 1199px){#wrapwrap .domain-table tbody .block-title{font-size: 18px; line-height: 26px; width: 200px;}} #wrapwrap .domain-table tbody .block-link, #wrapwrap .domain-table tbody .block-duration, #wrapwrap .domain-table tbody .block-reference{white-space: nowrap; height: 42px; display: block !important; overflow: hidden;} #wrapwrap .domain-table tbody .block-link{display: block; width: 100%; text-decoration: none; border-bottom: 1px solid rgba(102, 109, 140, 0.2); margin-bottom: 20px; padding-bottom: 20px; position: relative;} #wrapwrap .domain-table tbody .block-link:last-child{margin-bottom: 0; border-bottom: 0; padding-bottom: 0px;} #wrapwrap .domain-table tbody .block-link:hover .block-link-text{color: #3f5cd2;} #wrapwrap .domain-table tbody .block-link:hover .block-link-btn{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1;} #wrapwrap .domain-table tbody .block-link-text, #wrapwrap .domain-table tbody .block-link-btn{-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .domain-table tbody .block-link-text{font-size: 18px; line-height: 18px; color: #666d8c; width: 400px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} @media (max-width: 1199px){#wrapwrap .domain-table tbody .block-link-text{font-size: 15px; line-height: 15px;}} #wrapwrap .domain-table tbody .block-link-btn{position: absolute; top: 0; right: 0; color: #3f5cd2; font-size: 13px; line-height: 13px; padding: 5px 10px; border-radius: 3px; background-color: #e8ebf7; display: inline-block; font-weight: 600; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); opacity: 0; pointer-events: none;} #wrapwrap .domain-table tbody .block-duration, #wrapwrap .domain-table tbody .block-reference{display: inline-block; width: 100%; text-decoration: none; border-bottom: 1px solid rgba(102, 109, 140, 0.2); margin-bottom: 20px; padding: 0 35px 20px 35px; font-size: 13px; font-weight: 600; position: relative; padding-left: 60px;} #wrapwrap .domain-table tbody .block-duration:before, #wrapwrap .domain-table tbody .block-reference:before{content: " "; position: absolute; top: 0; left: 35px; width: 15px; height: 16px;} #wrapwrap .domain-table tbody .block-duration:last-child, #wrapwrap .domain-table tbody .block-reference:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} #wrapwrap .domain-table tbody .block-duration:before{background-image: url('/theme_houseoftraining/static/src/img/icons/time.svg'); background-repeat: no-repeat; background-size: 15px 16px;} #wrapwrap .domain-table tbody .block-reference{width: calc(100% - 35px);} #wrapwrap .domain-table tbody .block-reference:before{background-image: url('/theme_houseoftraining/static/src/img/icons/ref.svg'); background-repeat: no-repeat; background-size: 18px 20px; width: 18px; height: 20px; top: -2px;} #wrapwrap .small-domain-teaser{-webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border: 1px solid rgba(102, 109, 140, 0.15); background: #ffffff; padding: 30px; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); border-radius: 3px; text-decoration: none !important;} #wrapwrap .small-domain-teaser:hover{-webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);} #wrapwrap .small-domain-teaser h3{font-size: 20px; line-height: 25px; color: #031047; min-height: 50px;} #wrapwrap .small-domain-teaser .details{margin-top: 20px;} #wrapwrap .small-domain-teaser .details li{display: inline-block; font-size: 13px; color: #666d8c; margin-right: 20px; font-weight: 600;} #wrapwrap .small-domain-teaser .details li:last-child{margin-right: 0;} #wrapwrap .small-domain-teaser .details li img{display: inline-block; margin-right: 10px; position: relative; top: 3px;} 

/* /theme_houseoftraining/static/src/less/_homepage.less defined in bundle 'web.assets_frontend' */
 .quick-access-container h2 + p{padding: 20px 0;} .quick-access-container p{max-width: 350px;} @media (max-width: 991px){.quick-access-container p{max-width: 100%;}} .formation-container{padding: 80px 0;} @media (max-width: 991px){.formation-container{padding: 60px 0;}} .formation-container p + .btn{margin-top: 30px;} .formation-container .formation-swiper{margin-top: 40px; overflow: hidden; padding: 30px 0;} @media (max-width: 991px){.formation-container .formation-swiper{margin: 40px 15px 0 15px;}.formation-container .formation-swiper .swiper-slide{width: 100%;}} .formation-container .formation-swiper .swiper-wrapper{width: 100%;} .swipe-control{margin-top: 30px;} .swipe-control .btn{float: right; margin-left: 15px;} @media (max-width: 767px){.swipe-control .btn{margin-left: 0;}.swipe-control .btn:first-child{float: right;}.swipe-control .btn:last-child{float: left;}} @media (max-width: 767px){.swipe-control .btn-mobile-container{max-width: 90px; margin: 0 auto;}} .warranty{position: relative; margin: 80px 0;} @media (max-width: 1199px){.warranty{margin: 60px 0;}} .warranty-list{margin-top: 80px; margin-bottom: 0px;} @media (max-width: 991px){.warranty-list{margin-top: 60px;}} .warranty-list li{margin-bottom: 60px;} @media (max-width: 991px){.warranty-list li{margin-bottom: 30px;}} .warranty-list li:last-child{margin-bottom: 0;} .warranty-list li .number{display: inline-block; width: 50px; height: 50px; font-size: 22Px; font-weight: 700; text-align: center; line-height: 50px; background: #e8ebf7; border-radius: 50px; margin-right: 25px; float: left;} .warranty-list li p{width: calc(100% - 75px); display: inline-block;} .warranty-picture{position: relative; max-height: 550px; margin-top: 100px;} @media (max-width: 1199px){.warranty-picture{display: none;}} .warranty-picture .picture{height: 100%;} .warranty-picture .picture .squares-container{position: absolute; width: 80px; height: 170px; left: 40px; top: -45px; z-index: 10;} .warranty-picture .picture .squares-container #pattern-square-5{fill: #FFD414;} .warranty-picture .picture .image-cover{clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%); height: 100%; margin-top: -120px; margin-right: 0px;} .no-objectfit .warranty-picture .picture .image-cover{width: 100%; height: 550px; margin-top: 0;} .warranty-picture .picture.image-shadow:before{background: #662D91; height: 80%; bottom: -30px; right: -30px; left: auto;} @media (max-width: 991px){.warranty-picture .picture.image-shadow:before{bottom: -15px; right: -15px;}} 

/* /theme_houseoftraining/static/src/less/_button.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .btn{padding: 16px 30px 17px 30px; font-size: 15px; color: #ffffff ; font-weight: 600; border-radius: 3px; line-height: normal; display: inline-block; border: none ; text-decoration: none !important; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){#wrapwrap .btn{font-size: 14px; padding: 14px 20px 16px 20px;}} #wrapwrap .btn i{margin-left: 10px;} #wrapwrap .btn:focus{-webkit-box-shadow: none !important; box-shadow: none !important;} #wrapwrap .btn.disabled{opacity: .2;} #wrapwrap .btn.btn-dark-blue, #wrapwrap .btn.btn-primary{background: #3f5cd2; color: #ffffff !important; -webkit-box-shadow: 0px 3px 8px 0px rgba(82, 101, 171, 0.4); box-shadow: 0px 3px 8px 0px rgba(82, 101, 171, 0.4); -webkit-transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);} .open #wrapwrap .btn.btn-dark-blue, .open #wrapwrap .btn.btn-primary{background-color: #3f5cd2 !important;} #wrapwrap .btn.btn-dark-blue:hover, #wrapwrap .btn.btn-primary:hover, #wrapwrap .btn.btn-dark-blue:focus, #wrapwrap .btn.btn-primary:focus{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3); box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3); background: #2f4dc9;} #wrapwrap .btn.btn-dark-blue i, #wrapwrap .btn.btn-primary i{opacity: .5;} #wrapwrap .btn.btn-light-blue, #wrapwrap .btn.btn-default{background: #e8ebf7; color: #3f5cd2 !important; -webkit-box-shadow: 0px 3px 8px 0px rgba(199, 207, 239, 0); box-shadow: 0px 3px 8px 0px rgba(199, 207, 239, 0); -webkit-transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);} #wrapwrap .btn.btn-light-blue:hover, #wrapwrap .btn.btn-default:hover, #wrapwrap .btn.btn-light-blue:focus, #wrapwrap .btn.btn-default:focus{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0px 8px 15px 0px rgba(199, 207, 239, 0.2); box-shadow: 0px 8px 15px 0px rgba(199, 207, 239, 0.2); background: #e0e4f4;} #wrapwrap .btn.btn-light-blue.btn-primary, #wrapwrap .btn.btn-default.btn-primary{color: #ffffff !important;} #wrapwrap .btn.btn-gray{background: #F7F8FC; color: #666D8C !important;} #wrapwrap .btn.btn-gray:hover, #wrapwrap .btn.btn-gray:focus{background: #f0f2f9 !important;} #wrapwrap .btn.small{padding: 11px 20px 13px 20px !important;} @media (max-width: 991px){#wrapwrap .btn.small{font-size: 13px; padding: 12px 15px 13px 15px !important;}} #wrapwrap .btn.smaller{padding: 7px 12px 9px 12px !important; font-size: 13px; -webkit-transform: inherit !important; -ms-transform: inherit !important; -o-transform: inherit !important; transform: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important;} #wrapwrap .btn.btn-hover-blue:hover{-webkit-box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3) !important; box-shadow: 0px 8px 15px 0px rgba(82, 101, 171, 0.3) !important; background: #2f4dc9 !important; color: #ffffff !important;} @media (max-width: 767px){#wrapwrap .btn:hover{-webkit-box-shadow: inherit !important; box-shadow: inherit !important; -webkit-transform: inherit !important; -ms-transform: inherit !important; -o-transform: inherit !important; transform: inherit !important;}} .download-btn{width: 100%; display: block; background: #ffffff; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); color: #666d8c; padding: 15px 25px; border-radius: 3px; border: 1px solid rgba(102, 109, 140, 0.15); position: relative; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); text-decoration: none !important;} @media (max-width: 991px){.download-btn{padding: 20px 15px;}} .download-btn p{-webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); width: calc(100% - 120px);} @media (max-width: 991px){.download-btn p{font-size: 13px; line-height: 20px;}} .download-btn:after{content: " "; position: absolute; width: 15px; height: 13px; top: 50%; right: 25px; margin-top: -6.5px; background-image: url(/theme_houseoftraining/static/src/less/../img/icons/download.svg); background-size: 15px 13px;} .download-btn .tag{position: absolute; right: 70px; top: 50%; margin-top: -14px; color: #666d8c;} @media (max-width: 991px){} .download-btn:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 10px 15px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);} .download-btn:hover p{color: #3f5cd2;} #wrapwrap .css_published .btn-danger, #wrapwrap .css_published .css_publish{display: none;} #wrapwrap .css_unpublished .btn-success, #wrapwrap .css_unpublished .css_unpublish{display: none;} #wrapwrap .btn-group > .btn + .dropdown-toggle{padding-left: 8px; padding-right: 8px; color: #031047;} #wrapwrap .btn-group > .btn{padding: 6px 12px;} #wrapwrap #filters .btn{padding: 6px 12px; color: #031047; border: none;} #wrapwrap .form-group .bootstrap-select button:hover, #wrapwrap .form-group .bootstrap-select button:focus{-webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none;} #wrapwrap .btn.btn-primary{background-color: #3f5cd2; color: #fff;} #wrapwrap .btn.btn-primary:hover{background-color: #2a45b4; border-color: transparent;} @media print{#wrapwrap .btn.btn-primary{border-color: #3f5cd2;}} #wrapwrap .input-group .btn{padding: 6px 12px;} #wrapwrap .input-group .btn i{margin-left: 0;} 

/* /theme_houseoftraining/static/src/less/_faq.less defined in bundle 'web.assets_frontend' */
 .faq-group{background: #ffffff; border-radius: 3px; border: 1px solid #e4e8f5; overflow: hidden; margin: 0;} .faq-group .panel{position: relative; margin-top: -1px;} .faq-group .panel:after, .faq-group .panel:before{content: " "; position: absolute; bottom: 0; left: 25px; width: calc(100% - 50px); height: 1px; background: #e4e8f5;} .faq-group .panel:after{display: none;} .faq-group .panel:before{top: 0; bottom: auto;} .faq-group .panel-heading{padding: 15px 25px; border-top: none;} @media (max-width: 991px){.faq-group .panel-heading{padding: 15px 20px;}} .faq-group .panel-title a{text-decoration: none !important; font-weight: 600; color: #3f5cd2; transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); display: block; position: relative; width: calc(100% - 30px);} @media (max-width: 991px){.faq-group .panel-title a{font-size: 15px; line-height: 22Px;}} .faq-group .panel-title a:after{content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: bold; position: absolute; font-size: 12px; color: #adb7e0; top: 0; right: -30px; transform: rotate(-180deg); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){.faq-group .panel-title a:after{right: -20px;}} .faq-group .panel-title a.collapsed{color: #031047;} .faq-group .panel-title a.collapsed:after{transform: rotate(0deg);} .faq-group .panel-body{padding: 0 25px; color: #666d8c; margin: 0 0 20px 0;} .faq-group .panel-body p{margin: 0; padding: 0;} @media (max-width: 991px){.faq-group .panel-body{padding: 0 20px; margin-bottom: 15px;}} 

/* /theme_houseoftraining/static/src/less/_shop.less defined in bundle 'web.assets_frontend' */
 .summary-container{height: 0 !important;} @media (max-width: 1199px){.summary-container{height: auto !important;}} .breadcrumb-container{width: 100%;} @media (max-width: 1199px){.breadcrumb-container{position: fixed !important; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-end; height: 70px; width: 50%; bottom: 0 !important; right: 15px !important; transform: translateY(0) !important; z-index: 11;}.breadcrumb-container .shop-breadcrumb-text li{display: none;}.breadcrumb-container .shop-breadcrumb-text li.current{display: inline-block;}} .breadcrumb-container .shop-breadcrumb-text, .breadcrumb-container .shop-breadcrumb-graphic{padding-left: 0px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; align-content: stretch; width: 100%;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-text, .breadcrumb-container .shop-breadcrumb-graphic{width: auto; align-content: auto;}} .breadcrumb-container .shop-breadcrumb-text li, .breadcrumb-container .shop-breadcrumb-graphic li{flex-grow: 1; text-align: center;} .breadcrumb-container .shop-breadcrumb-text li p, .breadcrumb-container .shop-breadcrumb-graphic li p{font-size: 14px;} .breadcrumb-container .shop-breadcrumb-text li.validate p, .breadcrumb-container .shop-breadcrumb-graphic li.validate p, .breadcrumb-container .shop-breadcrumb-text li.current p, .breadcrumb-container .shop-breadcrumb-graphic li.current p{color: #3f5cd2;} .breadcrumb-container .shop-breadcrumb-text li:first-child, .breadcrumb-container .shop-breadcrumb-graphic li:first-child{text-align: left;} .breadcrumb-container .shop-breadcrumb-text li:last-child, .breadcrumb-container .shop-breadcrumb-graphic li:last-child{text-align: right;} .breadcrumb-container .shop-breadcrumb-graphic{margin-top: 10px; height: 20px; border-radius: 10px; background: #ffffff; overflow: hidden;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic{margin-top: 0; margin-left: 15px; background: transparent;}} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(1) .bullet{z-index: 0;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(2) .bullet{z-index: 1;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(3) .bullet{z-index: 2;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(4) .bullet{z-index: 3;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(5) .bullet{z-index: 4;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(6) .bullet{z-index: 5;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(7) .bullet{z-index: 6;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(8) .bullet{z-index: 7;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(9) .bullet{z-index: 8;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(10) .bullet{z-index: 9;} .breadcrumb-container .shop-breadcrumb-graphic li:nth-child(11) .bullet{z-index: 10;} .breadcrumb-container .shop-breadcrumb-graphic li{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position: relative;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li{justify-content: flex-start !important; margin-right: 6px;}.breadcrumb-container .shop-breadcrumb-graphic li:last-child{margin-right: 0;}} .breadcrumb-container .shop-breadcrumb-graphic li:first-child{justify-content: flex-start;} .breadcrumb-container .shop-breadcrumb-graphic li:last-child{justify-content: flex-end;} .breadcrumb-container .shop-breadcrumb-graphic li .bullet{width: 20px; height: 20px; border-radius: 10px; position: relative;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li .bullet{width: 6px;}} .breadcrumb-container .shop-breadcrumb-graphic li .bullet:before{content: " "; position: absolute; background: #ffffff; width: 500px; height: 20px; top: 0; left: 10px; z-index: -1;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li .bullet:before{display: none;}} .breadcrumb-container .shop-breadcrumb-graphic li .bullet:after{content: " "; position: absolute; width: 20px; height: 20px; background: #e8ebf7; z-index: 10; top: 0; left: 0; border-radius: 10px; background-size: cover; opacity: 0;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li .bullet:after{opacity: 1; width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0.2); top: 7px;}} .breadcrumb-container .shop-breadcrumb-graphic li.validate .bullet:before{background: #e8ebf7;} .breadcrumb-container .shop-breadcrumb-graphic li.validate .bullet:after{background-image: url('/theme_houseoftraining/static/src/less/../img/breadcrumb-check.svg'); opacity: 1;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li.validate .bullet:after{background-image: inherit; opacity: 1; width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0.2); top: 7px;}} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li.current .bullet{width: 20px;}} .breadcrumb-container .shop-breadcrumb-graphic li.current .bullet:after{background-image: url('/theme_houseoftraining/static/src/less/../img/breadcrumb-uncheck.svg'); opacity: 1;} @media (max-width: 1199px){.breadcrumb-container .shop-breadcrumb-graphic li.current .bullet:after{opacity: 1; width: 20px; height: 20px; background-color: #e8ebf7; top: 0;}} .shop-list.no-control .shop-list-element-article{width: calc(100% - 380px);} @media (max-width: 991px){.shop-list.no-control .shop-list-element-article{width: 100%;}} .shop-list.no-control .shop-list-element-price{width: 200px;} @media (max-width: 991px){.shop-list.no-control .shop-list-element-price{width: 100%;}} .shop-list.no-control .shop-list-element-people{width: 100px;} @media (max-width: 991px){.shop-list.no-control .shop-list-element-people{width: 100%;}} .shop-list.no-control .shop-list-element-total{width: 100px;} @media (max-width: 991px){.shop-list.no-control .shop-list-element-total{width: 100%;}} .shop-list-element{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px;} @media (max-width: 991px){.shop-list-element{flex-direction: column;}} .shop-list-element-article{width: calc(100% - 430px); padding-right: 10px;} @media (max-width: 991px){.shop-list-element-article{width: 100%; padding: 0;}} .shop-list-element-price{width: 120px;} @media (max-width: 991px){.shop-list-element-price{display: none !important;}} .shop-list-element-people{width: 100px;} @media (max-width: 991px){.shop-list-element-people{width: 100%;}} .shop-list-element-total{width: 120px;} @media (max-width: 991px){.shop-list-element-total{width: 100%;}} .shop-list-element-control{width: 100px;} @media (max-width: 991px){.shop-list-element-control{width: 100%;}} .shop-list li:first-child .shop-list-element{background: transparent;} @media (max-width: 991px){.shop-list li:first-child .shop-list-element{display: none;}} .shop-list li:first-child .shop-list-element h2{font-size: 13px; color: #031047; line-height: 13px;} .shop-list li:nth-child(n+2) .shop-list-element{margin-bottom: 15px; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); background: #ffffff; border-radius: 3px; border: 1px solid #e4e8f5;} .shop-list li:nth-child(n+2) .shop-list-element-article h2{font-size: 20px; line-height: 26px;} .shop-list li:nth-child(n+2) .shop-list-element-article .details{margin-top: 15px; margin-left: 0px;} .shop-list li:nth-child(n+2) .shop-list-element-article .details li{margin-bottom: 10px;} .shop-list li:nth-child(n+2) .shop-list-element-article .details li:last-child{margin-bottom: 0;} .shop-list li:nth-child(n+2) .shop-list-element-article .details span{font-size: 14px; font-weight: normal;} .shop-list li:nth-child(n+2) .shop-list-element-article .details .label{color: #031047; margin: 0; padding: 0;} .shop-list li:nth-child(n+2) .shop-list-element-article .details .date{color: #666d8c;} .shop-list li:nth-child(n+2) .shop-list-element-price, .shop-list li:nth-child(n+2) .shop-list-element-people, .shop-list li:nth-child(n+2) .shop-list-element-total, .shop-list li:nth-child(n+2) .shop-list-element-control{display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; min-height: 100%; flex-direction: column; justify-content: center;} @media (max-width: 991px){.shop-list li:nth-child(n+2) .shop-list-element-price, .shop-list li:nth-child(n+2) .shop-list-element-people, .shop-list li:nth-child(n+2) .shop-list-element-total, .shop-list li:nth-child(n+2) .shop-list-element-control{justify-content: flex-start;}} .shop-list li:nth-child(n+2) .shop-list-element-control{align-items: center;} .shop-list li:nth-child(n+2) .shop-list-element-price .price{color: #3f5cd2; font-size: 14px; line-height: 20px;} @media (max-width: 991px){.shop-list li:nth-child(n+2) .shop-list-element-people{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; margin-top: 10px;}.shop-list li:nth-child(n+2) .shop-list-element-people .label{font-size: 14px; color: #031047; line-height: 20px; font-weight: normal; display: inline-block; margin: 0; padding: 0;}.shop-list li:nth-child(n+2) .shop-list-element-people .badge{color: #666d8c; background: transparent; padding: 0; display: inline-block; font-weight: normal; font-size: 14px; line-height: 20px;}} @media (max-width: 991px){.shop-list li:nth-child(n+2) .shop-list-element-total{margin-top: 10px;}} .shop-list li:nth-child(n+2) .shop-list-element-total .price-total{color: #3f5cd2; font-weight: 700; overflow-wrap: break-word; word-wrap: break-word; padding-right: 15Px; display: block; max-width: 100%;} @media (max-width: 991px){.shop-list li:nth-child(n+2) .shop-list-element-control{margin-top: 15px; justify-content: space-between; flex-direction: row;}} .shop-list li:nth-child(n+2) .shop-list-element-control .delete{text-decoration: none; color: #666d8c; font-size: 14px;} .shop-list li:nth-child(n+2) .shop-list-element-control .btn + .delete{margin-top: 15px;} .shop-list li:nth-child(n+2) .shop-list-element.shop-list-element-has-options{border-bottom: none;} .shop-list li:nth-child(n+2) .shop-list-element.shop-list-element-is-option{margin-top: -15px; border-top-style: dashed;} .shop-list:last-child .shop-list-element{margin-bottom: 0;} .shop-summary-container{line-height: 1; background: #ffffff; border: 1px solid #e4e8f5; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); width: 100%; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .hiddable .shop-summary-container{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .show .shop-summary-container{-webkit-transform: translateY(65px); -ms-transform: translateY(65px); -o-transform: translateY(65px); transform: translateY(65px);} @media (max-width: 1199px){.show .shop-summary-container{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}} .shop-summary-container .title{font-size: 17px; color: #031047; display: block; width: 100%;} .shop-summary-container .summary-list{margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e4e8f5; width: 100%; display: block;} .shop-summary-container .summary-list li{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 10px;} .shop-summary-container .summary-list li:last-child{margin-bottom: 0;} .shop-summary-container .summary-list li .label{color: #666d8c; font-size: 16px; font-weight: normal; margin: 0; padding: 0;} .shop-summary-container .summary-list li .price{color: #3f5cd2; font-weight: 700;} .shop-summary-container .btn{margin-top: 30px;} .shop-summary-container .link{margin-top: 20px;} @media (max-width: 991px){.shop .shop-navigation{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column-reverse;}.shop .shop-navigation div{text-align: center;}.shop .shop-navigation div:first-child{height: 50px;}} .shop .shop-navigation .next-container{margin-bottom: 20px;} @media (min-width: 992px){.shop .shop-navigation .next-container .btn{float: right;}} .notice{font-size: 17px; line-height: 30px; margin: 20px 0;} @media (max-width: 991px){.notice{font-size: 15px; line-height: 26px;}} .notice .icon{margin-right: 10px; position: relative; top: 2px;} .notice-warning{color: #cf7520 !important;} .notice-warning a{color: #cf7520 !important;} #wrapwrap .notice a{text-decoration: underline;} .payment-actions{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; width: 100%;} @media (max-width: 991px){.payment-actions{display: block;}} .payment-actions .payment-method-container{width: 50%;} @media (max-width: 991px){.payment-actions .payment-method-container{width: 100%;}} .payment-actions .payment-method-container p{max-width: 250px;} .payment-actions .payment-method-container .payment-list .method{margin-bottom: 5px;} .payment-actions .payment-method-container .payment-list .method:last-child{margin-bottom: 0;} .payment-actions .payment-method-container .payment-list .method input{margin-right: 10px; position: relative; top: 3px;} .payment-actions .payment-method-container .payment-list .method label i{width: 30px;} .payment-actions .payment-pay{width: 50%; padding-left: 50px; border-left: 1px solid #e4e8f5;} @media (max-width: 991px){.payment-actions .payment-pay{width: 100%; padding: 0; border-left: inherit;}} @media (max-width: 1199px){.payment-actions .payment-pay .form-confirmation{margin-top: 30px;}} .payment-actions .payment-pay .form-confirmation .condition-container{margin-bottom: 20px;} .payment-actions .payment-pay .form-confirmation .condition-container label a{text-decoration: none; color: #3f5cd2;} .payment-actions .payment-pay .form-confirmation .condition-container input{margin-right: 10px; position: relative; top: 2px;} .payment-actions .payment-pay .form-confirmation small{margin-top: 10px; display: block; font-size: 12px; line-height: 18px;} .info-payment{display: flex; justify-content: flex-end; width: 100%;} @media (max-width: 991px){.info-payment{display: block;}} .info-payment div{display: inline-block; width: 50%;} .info-payment div span{display: block; line-height: 1;} .info-payment div span.oe_currency_value{display: inline-block;} @media (max-width: 991px){.info-payment div{width: 100%;}} .info-payment .h1{font-size: 40px;} @media (max-width: 991px){.info-payment .h1{font-size: 32px;}} @media (max-width: 1199px){.jumbotron-basket #sticky-wrapper{position: fixed !important; bottom: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; height: auto !important; z-index: 10; pointer-events: none; overflow: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}.jumbotron-basket #sticky-wrapper .title, .jumbotron-basket #sticky-wrapper .link{display: none;}.jumbotron-basket #sticky-wrapper .shop-summary-container{pointer-events: auto; flex-direction: row; bottom: 0 !important; right: 0 !important; left: 0 !important; top: auto !important; height: auto !important; padding: 15px; border: none; border-top: 1px solid #e4e8f5; border-radius: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); overflow: hidden; z-index: 10;}.jumbotron-basket #sticky-wrapper .btn{margin: 0;}.jumbotron-basket #sticky-wrapper .summary-list{margin: 0; padding: 0; border: none;}.jumbotron-basket #sticky-wrapper .summary-list li{display: none;}.jumbotron-basket #sticky-wrapper .summary-list li:last-child{margin: 0; display: block;}.jumbotron-basket #sticky-wrapper .summary-list li:last-child span{display: block; text-align: left;}.jumbotron-basket #sticky-wrapper .summary-list li:last-child span:last-child{margin-top: 10px;}.jumbotron-basket #sticky-wrapper .summary-list li:last-child span.oe_currency_value{display: inline-block; margin-top: 0;}.jumbotron-basket #sticky-wrapper .summary-list .price{white-space: nowrap;}} @media (max-width: 1199px) and (max-width: 991px){.jumbotron-basket #sticky-wrapper .shop-summary-container{width: 100%;}} @media (max-width: 1199px){.summary-container .sticky-wrapper:last-child{position: relative !important; top: 0 !important; width: 100% !important;}} .facturation-container{background: #e8ebf7; padding: 30px; border-radius: 3px; margin-top: 30px;} @media (max-width: 1199px){.facturation-container{background: transparent; padding: 0; position: relative !important; top: 0 !important;}} .facturation-container .title{font-size: 17px; color: #031047; display: block;} @media (max-width: 1199px){.facturation-container .details-container{display: -webkit-box; display: -ms-flexbox; display: flex;}} .facturation-container .details-container .details, .facturation-container .details-container ul{margin-top: 30px;} .facturation-container .details-container .details li:first-child, .facturation-container .details-container ul li:first-child{color: #031047;} .facturation-container .details-container .details li, .facturation-container .details-container ul li{margin-bottom: 5px; font-size: 14px;} .facturation-container .details-container .details li:last-child, .facturation-container .details-container ul li:last-child{margin-bottom: 0;} .facturation-container ul + ul li:first-child{color: #666d8c;} @media (max-width: 1199px){.facturation-container ul + ul{margin-left: 30px;}} .facturation-container .reference{margin-top: 30px; display: block;} .facturation-container .reference *{font-size: 14px; display: block;} .facturation-container .reference-title{color: #031047;} .facturation-container .reference-number{margin-top: 5px;} .jumbotron-shop-steps{padding: 60px 0; height: auto;} @media (max-width: 991px){.jumbotron-shop-steps{padding-top: 60px;}} .jumbotron-shop-steps h1{font-size: 34px !important; line-height: 44px !important;} @media (max-width: 991px){.jumbotron-shop-steps h1{font-size: 24px !important; line-height: 32px !important;}} .jumbotron-shop-steps ul{padding-bottom: 0 !important; border: none !important;} .select2-bootstrap-append{display: inline-block;} #wrapwrap .shop-content-container .select2-bootstrap-append .select2-container-active .select2-choice, .select2-drop-active{border: 1px solid rgba(102, 109, 140, 0.25); box-shadow: none; transition: border-color none, border-shadow none;} .select2-drop .select2-search{padding: 4px 8px;} .select2-drop .select2-search .select2-input{padding: 4px 8px; height: 40px !important; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); font-size: 14px; color: #666d8c; background-image: none !important; border: 1px solid rgba(102, 109, 140, 0.25);} .select2-drop .select2-search .select2-input:focus{border-color: #3F5CD2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} .select2-drop .select2-results{max-height: 347px; overflow-y: auto; min-height: 126px; margin: 0 5px; padding: 0; font-family: "Apercu Pro", Arial, sans-serif; font-size: 14px; line-height: 14px;} .select2-drop .select2-results .select2-result-label{padding: 12px 20px 10px 20px; border-radius: 3px;} .select2-drop .select2-results .select2-highlighted{background: #F7F8FC; color: #3F5CD2 !important;} #wrapwrap .shop-content-container{margin-top: 0 !important;} #wrapwrap .shop-content-container .select2-choice{border: 1px solid rgba(102, 109, 140, 0.25); height: 51px;} #wrapwrap .shop-content-container .select2-choice .select2-chosen{height: 100%; padding: 16px 20px 17px 20px; color: #666d8c; font-family: "Apercu Pro", Arial, sans-serif; font-size: 14px; line-height: 16.8px;} #wrapwrap .shop-content-container .bootstrap-select, #wrapwrap .shop-content-container .select2-choice, #wrapwrap .shop-content-container .select2-bootstrap-append, #wrapwrap .shop-content-container .select2-container{width: 100% !important; max-width: 300px;} #wrapwrap .shop-content-container .bootstrap-select .select2-arrow, #wrapwrap .shop-content-container .select2-choice .select2-arrow, #wrapwrap .shop-content-container .select2-bootstrap-append .select2-arrow, #wrapwrap .shop-content-container .select2-container .select2-arrow{top: 10px; right: 10px;} #wrapwrap .shop-content-container .bootstrap-select .dropdown-menu, #wrapwrap .shop-content-container .select2-choice .dropdown-menu, #wrapwrap .shop-content-container .select2-bootstrap-append .dropdown-menu, #wrapwrap .shop-content-container .select2-container .dropdown-menu{border: 1px solid #e4e8f5 !important; border-radius: 3px !important;} #wrapwrap .shop-content-container .bootstrap-select .dropdown-menu.inner, #wrapwrap .shop-content-container .select2-choice .dropdown-menu.inner, #wrapwrap .shop-content-container .select2-bootstrap-append .dropdown-menu.inner, #wrapwrap .shop-content-container .select2-container .dropdown-menu.inner{border: none !important;} #wrapwrap .shop-content-container .people-box-container{margin-left: 0px;} #wrapwrap .shop-content-container .people-box-container .people-box{box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border-radius: 3px; border: 1px solid #e4e8f5; background: #ffffff; padding: 30px !important; margin-bottom: 20px;} @media (max-width: 991px){#wrapwrap .shop-content-container .people-box-container .people-box{padding: 20px; margin-bottom: 10px;}} #wrapwrap .shop-content-container .people-box-container .people-box:last-child{margin-bottom: 0;} #wrapwrap .shop-content-container .people-box-container .people-box h2{margin-top: 0;} #wrapwrap .shop-content-container .people-box-container .people-box .details{margin-left: 0px;} #wrapwrap .shop-content-container .people-box-container .people-box .details li{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px;} #wrapwrap .shop-content-container .people-box-container .people-box .details li:last-child{margin-bottom: 0;} #wrapwrap .shop-content-container .people-box-container .people-box .details li .label, #wrapwrap .shop-content-container .people-box-container .people-box .details li .date{font-size: 14px; line-height: 17px; margin: 0; padding: 0;} #wrapwrap .shop-content-container .people-box-container .people-box .details li .label{color: #031047; font-weight: 400; display: inline-block;} #wrapwrap .shop-content-container .people-box-container .people-box .details li .date{color: #666d8c; margin-left: 5px;} #wrapwrap .shop-content-container .people-box-container .people-box .people-bloc{padding: 20px; background: #f7f8fc; border: 1px solid #e4e8f5; border-radius: 3px; margin-top: 20px;} @media (max-width: 991px){#wrapwrap .shop-content-container .people-box-container .people-box .people-bloc{padding: 15px;}#wrapwrap .shop-content-container .people-box-container .people-box .people-bloc .bootstrap-select{margin-bottom: 10px;}} #wrapwrap .shop-content-container .people-box-container .people-box .people-bloc h3{margin-top: 0; font-size: 14px; line-height: 17px; color: #666d8c; width: 100%;} #wrapwrap .shop-content-container .people-box-container .people-box .people-bloc .create{margin-left: 10px;} @media (max-width: 991px){#wrapwrap .shop-content-container .people-box-container .people-box .people-bloc .create{margin-left: 0;}} #wrapwrap .shop-content-container .people-box-container .people-box .people-bloc-delete{background: transparent; border: none; font-size: 13px; margin-left: 15px;} @media (max-width: 767px){#wrapwrap .shop-content-container .people-box-container .people-box .people-bloc-delete{display: block; margin-top: 15px; margin-left: 0;}} #wrapwrap .shop-content-container .people-box-container .people-box .people-box-link{margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;} @media (max-width: 991px){#wrapwrap .shop-content-container .people-box-container .people-box .people-box-link{display: block; margin-top: 20px;}#wrapwrap .shop-content-container .people-box-container .people-box .people-box-link button:last-child{margin-top: 10px;}} #wrapwrap .shop-content-container .people-box-container .people-box .people-box-link button{font-size: 13px; line-height: 16px; border: none; background: none; color: #666d8c; transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .shop-content-container .people-box-container .people-box .people-box-link button:hover{color: #3f5cd2;} #wrapwrap .shop-content-container .reference{margin-top: 50px;} #wrapwrap .shop-content-container .reference p{color: #031047;} #wrapwrap .shop-content-container .reference small{font-size: 13px; line-height: 17px; margin-top: 10px; display: inline-block;} #wrapwrap .shop-content-container .nav-container{margin: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center;} @media (max-width: 991px){#wrapwrap .shop-content-container .nav-container{flex-direction: column-reverse;}#wrapwrap .shop-content-container .nav-container .link{margin-top: 40px;}} .facturation-element{background: #ffffff; border: 1px solid #e4e8f5; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); padding: 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;} @media (max-width: 991px){.facturation-element{display: block; padding: 20px;}} .facturation-element .btn{position: absolute; top: 30px; right: 30px;} @media (max-width: 991px){.facturation-element .btn{top: 0; right: 0; position: relative; margin-top: 20px;}} .facturation-element .facturation-details .adress{margin-top: 30px;} @media (max-width: 991px){.facturation-element .facturation-details .adress{margin-top: 20px;}} .facturation-element .facturation-contact{margin-left: 80px;} @media (max-width: 991px){.facturation-element .facturation-contact{margin-left: 0; margin-top: 20px;}} .facturation-element .facturation-contact .tva-container{margin-top: 30px;} @media (max-width: 991px){.facturation-element .facturation-contact .tva-container{margin-top: 20px;}} .facturation-element .facturation-contact .tva-container p:first-child{color: #031047;} .facturation-element ul li{margin-bottom: 10px; font-size: 17px;} .facturation-element ul li:last-child{margin-bottom: 0;} .facturation-element .details li:first-child{color: #031047;} .shop-footer-full{margin-bottom: 80px;} @media (max-width: 991px){.shop-footer-full{margin-bottom: 120px;}} .shop-footer-full .footer-container{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; flex-direction: row; padding-top: 30px; border-top: 1px solid #e4e8f5;} @media (max-width: 991px){.shop-footer-full .footer-container{display: block;}} .shop-footer-full .footer-container small{display: inline-block; font-size: 15px; line-height: 21px; color: #031047;} .shop-footer-full .footer-container ul{display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px;} @media (max-width: 991px){.shop-footer-full .footer-container ul{display: block; margin-left: 0;}} .shop-footer-full .footer-container ul li{margin-right: 20px;} @media (max-width: 991px){.shop-footer-full .footer-container ul li{margin-right: 0;}} .shop-footer-full .footer-container ul li:last-child{margin-right: 0;} .shop-footer-full .footer-container ul li a{text-decoration: none !important; font-size: 15px; line-height: 21px;} .order-table{margin-top: 20px; width: calc(100% + 60px); margin-left: -30px;} .order-table-row{display: flex; padding: 25px;} .order-table-row:nth-child(even){background: #ffffff;} .order-table-row div{width: 17%; font-size: 14px; line-height: 20px; color: #031047;} .order-table-row div:first-child{width: 45%; padding-right: 10px;} .order-table-row div:nth-child(3){width: 20%;} .order-table-row .price{font-weight: 700; color: #3f5cd2;} .order-table-header, .order-table-footer{padding: 15px 25px !important;} .order-table-header div, .order-table-footer div{color: #666d8c;} @media (max-width: 991px){.order-table-header div, .order-table-footer div{font-size: 12px;}} .order-table-footer .order-table-row{background: transparent !important; padding: 0 !important; margin-top: 10px;} .order-table-footer .order-table-row:first-child{margin-top: 0;} #wrapwrap > .header.full{display: block;} .remove_item_span{display: inline-block !important;} div.bootstrap-datetimepicker-widget{z-index: 999999 !important;} .no-top-margin{margin-top: 0px;} .pre_msg p{margin-top: 10px; display: block; font-size: 12px; line-height: 18px;} #wrapwrap .people-bloc.bg-danger{background-color: #f2dede !important;} 

/* /theme_houseoftraining/static/src/less/_about.less defined in bundle 'web.assets_frontend' */
 .jumbotron-about .image-container{width: 100%; height: 450px; position: absolute; z-index: 1;} @media (max-width: 991px){.jumbotron-about .image-container{position: relative; margin: 40px 0; height: auto;}} .jumbotron-about .image-container .squares-container{position: absolute; width: 190px; height: 140px; top: -60px; right: -100px; z-index: 10;} .jumbotron-about .image-container .squares-container #pattern-square-1{fill: #F7C400 !important;} .jumbotron-about .image-container .image-cover{width: 90%; margin: 0 auto; clip-path: polygon(0 17%, 100% 0, 100% 100%, 0% 100%); height: 100%;} .jumbotron-about .image-container .image-cover img{height: 100%; width: 100%;} .jumbotron-about + .about-section{z-index: auto;} .about-discover-list{margin-top: 50px; margin-bottom: 0; padding-left: 0;} @media (max-width: 991px){.about-discover-list{margin-top: 20px;}} .about-discover-list li{width: calc(50% - 18px); display: inline-block; margin-bottom: 30px;} @media (max-width: 991px){.about-discover-list li{width: 100%; margin-bottom: 15px;}} .about-discover-list li:nth-child(odd){margin-right: 30px;} @media (max-width: 991px){.about-discover-list li:nth-child(odd){margin-right: 0;}} .about-section{position: relative;} .about-section .squares-container{position: absolute; width: 100px; height: 150px; top: -75px; right: 0; margin: 0;} @media (max-width: 991px){.about-section .squares-container{display: none;}} .about-section .squares-container #pattern-square-3{fill: #27AAE1;} #wrapwrap .team-group{overflow: hidden;} #wrapwrap .team-group .link-container{width: 100%; display: flex; justify-content: flex-end;} @media (max-width: 991px){#wrapwrap .team-group .link-container{justify-content: flex-start; margin-top: 20px; flex-direction: column; align-items: flex-start;}} #wrapwrap .team-group .link-container a{margin-right: 30px;} @media (max-width: 991px){#wrapwrap .team-group .link-container a{margin-right: 0; margin-bottom: 20px;}} #wrapwrap .team-group .link-container a:last-child{margin-right: 0; margin-bottom: 0;} #wrapwrap .team-group .member-profile{margin-bottom: 50px;} @media (max-width: 991px){#wrapwrap .team-group .member-profile{margin-bottom: 25px;}} #wrapwrap .team-group .member-profile .image-cover{height: 200px; overflow: hidden;} @media (max-width: 1199px){#wrapwrap .team-group .member-profile .image-cover{height: 250px;}} @media (max-width: 991px){#wrapwrap .team-group .member-profile .image-cover{height: 400px;}} @media (max-width: 767px){#wrapwrap .team-group .member-profile .image-cover{height: 200px;}} #wrapwrap .team-group .member-profile h3{font-size: 16px; line-height: 22px; margin-top: 20px;} #wrapwrap .team-group .member-profile h4{font-size: 14px; line-height: 20px; color: #666d8c; margin-top: 10px;} .team-filter-container{display: flex; align-items: center; justify-content: flex-end;} @media (max-width: 991px){.team-filter-container{margin-top: 15px; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.team-filter-container label{width: 100%; margin-right: 0; margin-bottom: 10px;}.team-filter-container label .bootstrap-select{width: 100%;}} .team-filter-container label{margin-right: 30px; color: #031047;} .team-filter-container *{outline: none !important;} .team-group{display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: 50px !important;} .team-group:last-child{margin-bottom: 0 !important; padding-bottom: 50px;} @media (max-width: 991px){.team-group{display: block; margin-bottom: 30px !important;}.team-group:last-child{margin-bottom: 0 !important; padding-bottom: 30px;}} .team-group > [class*='col-']{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column;} @media (max-width: 991px){.team-group > [class*='col-']{display: block;}} .isotope, .isotope .isotope-item{transition-duration: 2s;} .isotope{transition-property: opacity;} .isotope .isotope-item{transition-property: opacity;} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{transition-duration: 0s;} 

/* /theme_houseoftraining/static/src/less/_login.less defined in bundle 'web.assets_frontend' */
 body.body-account{line-height: 1;} .body-account .header .container, .body-account .header .container > div{display: flex; justify-content: center;} .body-account .navigation{position: relative !important;} .body-account #wrapwrap section:first-child{margin-top: 0;} .body-account.full .header .container, .body-account.full .header .container > div{display: block;} .body-account.full .header .col-lg-4{display: flex;} .login-section{margin-bottom: 80px;} @media (max-width: 991px){.login-section{padding-top: 0;}} .login-section .square{position: absolute; overflow: hidden;} @media (max-width: 991px){.login-section .square{display: none;}} .login-section .square .squares-container{width: 100%; height: 100%;} .login-section .square-1{width: 200px; height: 150px; top: -50px; left: -55px;} .login-section .square-1 #pattern-square-1{fill: #FFD414;} .login-section .square-2{bottom: 150px; right: -45px; width: 200px; height: 150px;} .login-section .square-2 #pattern-square-3{fill: #27AAE1;} .login-container{display: flex; padding: 30px; background: #ffffff; border: 1px solid #e4e8f5; box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border-radius: 3px; display: inline-block; width: 100%; margin: 0 auto; position: relative; z-index: 10;} .login-container .row .form-group:first-child{margin-top: 10px;} .login-container-connexion{width: 100%;} .login-container-connexion .input-container, .login-container-connexion .form-group{margin: 0; margin-top: 20px;} .login-container-connexion .input-container label, .login-container-connexion .form-group label{margin-bottom: 10px; color: #666d8c; font-weight: 400; font-size: 17px;} #wrapwrap .login-container-connexion .field-db .input-group-btn > a.btn{line-height: 28px;} .login-container-connexion .link{margin-top: 15px;} .login-container-connexion.full-width{width: 100%;} .login-container-connexion .condition-container{display: -webkit-box; display: -ms-flexbox; display: flex;} .login-container-connexion .condition-container input{flex-grow: 0; flex-shrink: 0;} .login-container-connexion .condition-container label{font-size: 14Px !important; line-height: 17px !important; color: #666d8c; padding-left: 10px; margin-top: 3px;} @media (max-width: 991px){.login-container-connexion .condition-container label{font-size: 12Px !important; line-height: 15px !important;}} .login-container-register{width: 100%;} .login-container-register .radio-container, .login-container-register .step0 .form-group{margin-top: 10px;} .login-container-register .radio-container label, .login-container-register .step0 .form-group label{margin-left: 10px; position: relative; top: -2px;} .login-container-register .step0 .form-group{margin-bottom: 0;} .login-container-register .step0 .form-group:first-child{margin-top: 0;} .login-container form button{margin-top: 20px; width: 100%;} .login-container form button.pull-right{width: auto;} .login-container .oe_login_form, .login-container .oe_signup_form, .login-container .oe_reset_password_form{max-width: none; margin: 0;} .login-container-information .input-container, .login-container-information .form-group{margin: 0; margin-top: 20px;} .login-container-information .input-container label, .login-container-information .form-group label{margin-bottom: 10px; color: #666d8c; font-weight: 400; font-size: 17px;} .login-container-information .bootstrap-select{width: 100% !important;} .login-container-information .bootstrap-select *{outline: none !important; box-shadow: none !important;} .login-container-information .bootstrap-select:hover .filter-option{border-color: #3f5cd2;} #wrapwrap .login-container-information .bootstrap-select button{margin-top: 0px; padding: 12px 30px 13px 30px;} #wrapwrap .login-container-information .bootstrap-select button .filter-option{padding: 12px 15px 13px 15px; transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .login-container-information .bootstrap-select button .filter-option-inner-inner{color: #031047 !important;} .login-container-information .bootstrap-select .mobile-device{padding: 9px 15px 9px 15px !important;} .login-container-information .bootstrap-select .dropdown-menu{border-radius: 3px !important; border: 1px solid #e4e8f5; overflow-x: hidden;} .login-container-information > p{margin-bottom: 10px;} .login-container-information .oe_signup_buttons{margin-top: 0;} .login-container-information .oe_signup_buttons > a{padding-top: 16px;} #wrapwrap .create-btn{display: block; margin: 15px 30px 0 30px;} #wrapwrap .sub-action{margin: 25px 0 15px 0 !important; display: inline-block;} .contact{margin-top: 50px; padding-top: 50px; border-top: 1px solid #d2d8ee;} .contact ul li{margin-bottom: 10px;} .contact ul li a{text-decoration: none;} .connect-container{margin-top: 30px;} .connect-container p{margin-bottom: 15px;} .connect-container .btn{margin-top: 0;} #oe_main_menu_navbar + #wrapwrap[data-page=login], #oe_main_menu_navbar + #wrapwrap[data-page=reset_password], #oe_main_menu_navbar + #wrapwrap[data-page=sign_up_login]{margin-top: 46px;} 

/* /theme_houseoftraining/static/src/less/_contact.less defined in bundle 'web.assets_frontend' */
 #map{width: 100%; height: 400px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border: 1px solid rgba(102, 109, 140, 0.15); position: relative;} @media (max-width: 991px){#map{height: 300px;}} #map .mapboxgl-ctrl-bottom-left, #map .mapboxgl-ctrl-bottom-right{display: none !important; opacity: 0 !important; pointer-event: none !important;} #marker{background-image: url('/theme_houseoftraining/static/src/img/hot-icon.svg'); background-color: transparent; background-size: 60px 55px; width: 60px; height: 55px; cursor: pointer;} .mapboxgl-popup .btn{margin: 5px 10px 0px 10px;} .social-container{display: inline-block; position: relative; top: 5px;} @media (max-width: 991px){.social-container{margin-top: 15px; top: 0;}} .social-container li{margin-right: 25px; float: left;} .social-container li:last-child{margin-right: 0;} .social-container li a.fb:hover{color: #3B5998 !important;} .social-container li a.tw:hover{color: #1DA1F2 !important;} .social-container li a.yt:hover{color: #CD201F !important;} .social-container li a.lk:hover{color: #0077B5 !important;} .social-container li a.ig:hover{color: #E12F67 !important;} h2 img{float: left;} @media (min-width: 992px){h2 img{margin-top: 2px;}} 

/* /theme_houseoftraining/static/src/less/_autocomplete.less defined in bundle 'web.assets_frontend' */
 .autocomplete{width: 100%; background: #F7F8FC; height: auto; max-height: 550px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 5px 8px 0 rgba(82, 101, 171, 0.29); box-shadow: 0 5px 8px 0 rgba(82, 101, 171, 0.29); opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none; overflow: hidden; overflow-y: scroll !important;} @media (max-width: 991px){.autocomplete{top: -5px;}} .autocomplete > ul{padding: 20px;} .autocomplete ul li{margin-bottom: 15px;} .autocomplete ul li .title{font-weight: 700; text-transform: uppercase; color: #666d8c; font-size: 13Px; letter-spacing: 1px; margin-bottom: 15px; display: block; clear: both;} .autocomplete ul li ul{padding-left: 0;} .autocomplete ul li ul li{display: inline-block; margin-right: 5px; margin-bottom: 5px !important;} .autocomplete ul li ul li:last-child{margin-right: 0;} .autocomplete ul li ul li .domain-icon{height: 20px; width: 40px; display: inline-block;} .autocomplete ul li ul li .domain-icon img{display: inline-block; height: 20px; width: auto;} .autocomplete ul li .search-api-autocomplete-suggestion{background: #ffffff; display: inline-block; padding: 10px; color: #666d8c; border-radius: 3px; border: 1px solid #d2d8ee; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .autocomplete ul li .search-api-autocomplete-suggestion:hover{-webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); color: #3f5cd2; border-color: #3f5cd2;} .autocomplete ul li .search-api-autocomplete-suggestion strong{font-weight: 700 !important;} .autocomplete ul li .search-api-autocomplete-domain{padding: 10px 20px 15px 20px; position: relative; left: -20px; width: calc(100% + 40px); display: block; transition: background 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .autocomplete ul li .search-api-autocomplete-domain:after{content: " "; position: absolute; width: calc(100% - 40px); height: 1px; background: #e4e8f5; left: 20px; bottom: 0;} .autocomplete ul li .search-api-autocomplete-domain:hover{background: #ffffff !important;} .autocomplete ul li .search-api-autocomplete-domain .domain-icon{position: relative; top: 3Px;} .autocomplete ul li .search-api-autocomplete-domain .autocomplete-domain-user-input{font-weight: 700;} .autocomplete ul li .search-api-autocomplete-formation{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 20px; background: transparent; width: calc(100% + 40px); position: relative; left: -20px; transition: background 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); margin-top: -5px;} .autocomplete ul li .search-api-autocomplete-formation:after{content: " "; position: absolute; width: calc(100% - 40px); height: 1px; background: #e4e8f5; left: 20px; bottom: 0;} .autocomplete ul li .search-api-autocomplete-formation:hover{background: #ffffff !important;} .autocomplete ul li .search-api-autocomplete-formation .content{width: calc(100% - 40px);} .autocomplete ul li .search-api-autocomplete-formation .content .autocomplete-formation-user-input{display: block; line-height: 20px; color: #031047; transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .autocomplete ul li .search-api-autocomplete-formation .content .autocomplete-formation-suffix{font-weight: 700;} .autocomplete ul li .search-api-autocomplete-formation .content .autocomplete-formation-text{display: block; line-height: 20px; color: #666d8c; margin-top: 5px;} .autocomplete ul li .search-api-autocomplete-formation .content .autocomplete-formation-text strong{font-weight: 600;} .autocomplete ul li .search-api-autocomplete-formation:hover .autocomplete-formation-user-input{color: #3f5cd2;} .autocomplete #formations ul > li, .autocomplete #domains ul > li{width: 100%;} .autocomplete #formations ul > li:last-child a:after, .autocomplete #domains ul > li:last-child a:after{display: none;} .autocomplete .btn{padding-right: 15px !important; background: #3f5cd2 !important;} @media (max-width: 991px){.autocomplete .btn{margin-bottom: 25px;}} .autocomplete .btn:hover{background: #2f4dc9 !important;} .autocomplete .btn .badge{margin-top: -6px; margin-bottom: -9px; background: rgba(0, 0, 0, 0.15); color: #ffffff;} .bag-mobile-container{position: relative;} .bag-container{position: absolute; width: 350px; bottom: -20px; right: 0; -webkit-transform: translateY(95%); -ms-transform: translateY(95%); -o-transform: translateY(95%); transform: translateY(95%); z-index: 10; background-color: #f7f8fc; border-radius: 3px; -webkit-box-shadow: 0 3px 8px 0 rgba(82, 101, 171, 0.29); box-shadow: 0 3px 8px 0 rgba(82, 101, 171, 0.29); padding: 25px; opacity: 0; pointer-events: none; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){.bag-container{width: 100%; max-width: 350px; right: 0; -webkit-transform: translateY(98%); -ms-transform: translateY(98%); -o-transform: translateY(98%); transform: translateY(98%);}} .bag-container:after{content: " "; position: absolute; width: 15px; height: 15px; background: #f7f8fc; top: -5px; right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} @media (max-width: 991px){.bag-container:after{right: 100px;}} .bag-opened .bag-container{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 1; pointer-events: auto;} @media (max-width: 991px){.bag-opened .bag-container{bottom: -70px;}} .bag-container .title{text-transform: uppercase; color: #666d8c; font-size: 13px; letter-spacing: 1px; font-weight: 700; display: block; padding-bottom: 20px; border-bottom: 1px solid #e4e8f5;} .bag-container .bag-item-list{max-height: 210px; width: calc(100% + 50px); margin-left: -25px;} .bag-container .bag-item-list li{position: relative; width: 100%; display: block;} .bag-container .bag-item-list li:after{content: " "; position: absolute; bottom: 0; width: calc(100% - 40px); left: 20px; height: 1px; background: #e4e8f5;} .bag-container .bag-item-list li a{padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start;} .bag-container .bag-item-list li a:hover{background: #ffffff !important;} .bag-container .bag-item-list li a .domain-icon{display: inline-block; width: 35px;} .bag-container .bag-item-list li a .domain-icon img{height: 20px; width: auto; display: inline-block;} .bag-container .bag-item-list li a .domain-detail{width: calc(100% - 100px);} .bag-container .bag-item-list li a .domain-detail span{font-size: 14px; line-height: 20px; display: block;} .bag-container .bag-item-list li a .badge{position: absolute; right: 20px; padding: 7px 15px; top: 50%; margin-top: -15px;} .bag-container .cost-container{display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px;} .bag-container .cost-container li{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-right: 35px;} .bag-container .cost-container li:last-child{margin-right: 0;} .bag-container .cost-container li .label{font-size: 15px; padding: 0; margin: 0; color: #666d8c; font-weight: 400; text-align: left; margin-bottom: 10px;} .bag-container .cost-container li .price{font-weight: 700; color: #666d8c;} .bag-container .btn{padding: 10px 15px 8px 15px !important; margin: 25px 0 0 0 !important; position: inline-block; background: #3f5cd2 !important;} .bag-container .btn:hover{background: #2f4dc9 !important;} @media (max-width: 767px){.bag-container .btn:hover{-webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important;}} .bag-container .btn .badge{padding: 8px 14px 8px 14px; color: #ffffff; background: rgba(0, 0, 0, 0.15);} .autocomplete{position: relative;} .autocomplete.loading:after, .autocomplete.loading:before{opacity: 1;} .autocomplete:after, .autocomplete:before{content: " "; display: block !important; opacity: 0; position: absolute; width: 4px; height: 4px; border-radius: 4px; background: #666d8c; left: 50%; top: 20px; margin-left: -4px; transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @keyframes animation-left{0%{transform: translateX(-4px) translateY(0);}25%{transform: translateX(-4px) translateY(-4px);}50%{transform: translateX(-4px) translateY(0px);}75%{transform: translateX(-4px) translateY(4px);}100%{transform: translateX(-4px) translateY(0);}} @keyframes animation-right{0%{transform: translateX(4px) translateY(0);}25%{transform: translateX(4px) translateY(-4px);}50%{transform: translateX(4px) translateY(0px);}75%{transform: translateX(4px) translateY(4px);}100%{transform: translateX(4px) translateY(0);}} #search.search-active .autocomplete:after{animation: animation-left 1s linear infinite;} #search.search-active .autocomplete:before{animation: animation-right 1s linear 0.2s infinite;} 

/* /theme_houseoftraining/static/src/less/_cookie-bar.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .cookie-bar{position: fixed; bottom: 25px; right: 25px; max-width: 400px; padding: 20px; background: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border: 1px solid rgba(102, 109, 140, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: flex-start; z-index: 15; -webkit-transform: translateY(130%); -ms-transform: translateY(130%); -o-transform: translateY(130%); transform: translateY(130%); transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){#wrapwrap .cookie-bar{bottom: 15px; left: 15px; width: calc(100% - 30px); max-width: 100%;}} #wrapwrap .cookie-bar.visible{-webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15);} #wrapwrap .cookie-bar p{font-size: 14px; line-height: 22px; margin-right: 20px;} #wrapwrap .cookie-bar p a{clear: both; display: inline-block;} 

/* /theme_houseoftraining/static/src/less/_modal.less defined in bundle 'web.assets_frontend' */
 .fade{opacity: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .modal-backdrop{background-color: #515255 !important;} .modal-backdrop.in{opacity: 0.7 !important; filter: alpha(opacity=70) !important;} #wrapwrap .modal{z-index: 100000;} #wrapwrap .modal .subject{font-size: 14px; line-height: 20px; display: block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e4e8f5;} @media (max-width: 991px){#wrapwrap .modal .subject{padding-bottom: 20px; margin-bottom: 20px;}} @media (max-width: 991px){#wrapwrap .modal .box-container > .h3, #wrapwrap .modal .h3{max-width: calc(100% - 50px);}} #wrapwrap .modal .modal-dialog{position: fixed; width: 100%; max-width: 550px; margin-top: 0; margin-bottom: 0; top: 50%; left: 50%; -webkit-transform-origin: 0 0 !important; -moz-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important;} #wrapwrap .modal .modal-dialog .modal-content{border: 1px solid rgba(102, 109, 140, 0.15); border-radius: 3px; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); max-height: calc(100vh - 60px); padding: 30px; z-index: 0;} @media (max-width: 991px){#wrapwrap .modal .modal-dialog .modal-content{padding: 15px;}} #wrapwrap .modal .modal-dialog .modal-content button.close{z-index: 100 !important; position: absolute; float: none; top: 15px; right: 15px; width: 32px; height: 32px; border-radius: 3px; background-color: #e0e4f4; color: #B2B6C5; z-index: 1; opacity: 1; -webkit-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) , color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); text-shadow: none;} #wrapwrap .modal .modal-dialog .modal-content button.close:hover{background-color: #d5dbf0; color: #3f5cd2;} #wrapwrap .modal .modal-dialog .modal-body{padding: 0;} @media (max-width: 991px){#wrapwrap .modal .modal-dialog .modal-body{padding-bottom: 20px;}} #wrapwrap .modal .modal-dialog .modal-body > h1, #wrapwrap .modal .modal-dialog .modal-body > h2, #wrapwrap .modal .modal-dialog .modal-body > h3{margin-top: 0;} #wrapwrap .modal.small .modal-body h1{margin-top: 0 !important;} #wrapwrap .modal.small .modal-body h1 img{padding-right: 15px;} #wrapwrap .modal.fade .modal-dialog{transform: perspective(400px) translate3D(-50%, -50%, -100px); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .modal.in .modal-dialog{transform: perspective(400px) translate3D(-50%, -50%, 0);} #wrapwrap modal.fade.in .modal-dialog{-webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .modal .modal-dialog.modal-sm{max-width: 550px;} #wrapwrap .modal .modal-dialog.modal-sm .modal-content{min-height: 200px; height: auto;} @media (max-width: 991px){#wrapwrap .modal-backdrop.in{opacity: 0; filter: alpha(opacity=0);}#wrapwrap .modal-sm-backdrop .modal-backdrop.in{opacity: 0.7; filter: alpha(opacity=70);}#wrapwrap .modal{width: 100%;}#wrapwrap .modal .modal-dialog{margin: 0; height: 100%; max-width: none; top: 50%; -webkit-transform-origin: 0 0 !important; -moz-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important;}#wrapwrap .modal .modal-dialog .modal-content{width: 100%; height: 100%; max-height: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}#wrapwrap .modal .modal-dialog.modal-sm{max-width: 550px; -webkit-transform-origin: 0 0 !important; -moz-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important; top: 50%; height: auto; margin: 0 auto;}#wrapwrap .modal .modal-dialog.modal-sm .modal-content{border-radius: 3px; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05);}#wrapwrap .modal.fade .modal-dialog{-webkit-transform: translate3d(-50%, -50%, -100px); transform: translate3d(-50%, -50%, -100px);}#wrapwrap .modal.fade .modal-dialog.modal-sm{-webkit-transform: translate3d(-50%, -50%, -100px); transform: translate3d(-50%, -50%, -100px); -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);}#wrapwrap .modal.in .modal-dialog{-webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}#wrapwrap .modal.in .modal-dialog.modal-sm{-webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);}} @media (max-width: 590px){#wrapwrap .modal .modal-dialog.modal-sm{max-width: none; margin-left: 15px; margin-right: 15px;}} 

/* /theme_houseoftraining/static/src/less/_modal-custom.less defined in bundle 'web.assets_frontend' */
 #wrapwrap{} @media (max-width: 1199px){#wrapwrap .formation-modal .modal-dialog{height: 100% !important; max-width: none; -webkit-transform-origin: 0 0 !important; -moz-transform-origin: 0 0 !important; -ms-transform-origin: 0 0 !important; transform-origin: 0 0 !important;}#wrapwrap .formation-modal .modal-dialog .modal-content{width: 100% !important; height: 100% !important; max-height: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}} #wrapwrap .formation-modal .subject{margin: 0; padding: 0; border: inherit;} #wrapwrap .formation-modal form{margin-top: 20px;} @media (min-width: 1199px){#wrapwrap .formation-modal .modal-dialog{max-width: 950px;}} #wrapwrap .formation-modal .content{padding: 40px; padding-bottom: 0; margin-bottom: 40px; width: 70%;} @media (max-width: 1199px){#wrapwrap .formation-modal .content{width: 60%;}} @media (max-width: 991px){#wrapwrap .formation-modal .content{width: 100%;}} @media (max-width: 767px){#wrapwrap .formation-modal .content{width: 100%; padding: 20px; min-height: 500px;}} #wrapwrap .formation-modal .content h1{margin-top: 0;} #wrapwrap .formation-modal .sidebar{width: 30%; background: #f7f8fc; padding: 45px 30px; max-height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between;} @media (max-width: 1199px){#wrapwrap .formation-modal .sidebar{max-height: 0; min-height: 100%; width: 40%;}} @media (min-width: 992px){#wrapwrap .formation-modal .sidebar{border-radius: 0 3px 3px 0;}} @media (max-width: 991px){#wrapwrap .formation-modal .sidebar{min-height: 80px !important; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; padding: 0 20px 0 20px; display: block; border-top: 1px solid #e4e8f5; z-index: 100;}#wrapwrap .formation-modal .sidebar h2{margin-top: 15px;}#wrapwrap .formation-modal .sidebar .selection{display: none;}#wrapwrap .formation-modal .sidebar .total{margin-top: 10px;}#wrapwrap .formation-modal .sidebar .total li{display: none !important;}#wrapwrap .formation-modal .sidebar .total li:last-child{display: block !important;}#wrapwrap .formation-modal .sidebar .total li:last-child .label{display: none;}#wrapwrap .formation-modal .sidebar .add-btn{width: auto !important; position: absolute; top: -10px; right: 0; margin-right: 15px;}} #wrapwrap .formation-modal .sidebar *{color: #031047;} #wrapwrap .formation-modal .sidebar .selection{margin-top: 40px;} #wrapwrap .formation-modal .sidebar .selection li:nth-child(n+2){padding-top: 15px; margin-top: 15Px; border-top: 1px solid #e4e8f5;} #wrapwrap .formation-modal .sidebar .selection li .title{display: block; font-size: 15px; line-height: 20px;} #wrapwrap .formation-modal .sidebar .selection li .details{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; padding-bottom: 20px;} #wrapwrap .formation-modal .sidebar .selection li .details .number, #wrapwrap .formation-modal .sidebar .selection li .details .support{color: #666d8c;} #wrapwrap .formation-modal .sidebar .selection li .details .number, #wrapwrap .formation-modal .sidebar .selection li .details .price{margin-top: 10px;} #wrapwrap .formation-modal .sidebar .selection li .details .support{position: absolute; bottom: 0; left: 0; font-size: 13px;} #wrapwrap .formation-modal .sidebar .selection li .details .price{color: #3f5cd2; font-weight: 700;} #wrapwrap .formation-modal .sidebar .total li{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 10px;} #wrapwrap .formation-modal .sidebar .total li:last-child{margin-bottom: 0;} #wrapwrap .formation-modal .sidebar .total li .label{font-weight: 400 !important; color: #666d8c !important; font-size: 16px !important; margin: 0; padding: 0 !important;} #wrapwrap .formation-modal .sidebar .total li .price{color: #3f5cd2; font-weight: 700;} #wrapwrap .formation-modal .sidebar .total + .btn{margin-top: 30px; width: 100%;} #wrapwrap .formation-modal .modal-content{border: none !important; border-radius: 3px;} @media (min-width: 992px){#wrapwrap .formation-modal .modal-content{overflow: hidden;}} #wrapwrap .formation-modal .modal-body{padding: 0 !important; height: 550px !important;} @media (max-width: 1199px){#wrapwrap .formation-modal .modal-body{height: 100% !important;}} @media (max-width: 767px){#wrapwrap .formation-modal .modal-body{-webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; flex-direction: column;}} @media (max-width: 767px){#wrapwrap .formation-modal .modal-body form{margin-bottom: 0;}} #wrapwrap .formation-modal .modal-body form .select-box{-webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); background: #ffffff; padding: 16px 20px; position: relative; border: 1px solid rgba(102, 109, 140, 0.15); margin-bottom: 10px; border-radius: 3px; height: 87px; overflow: hidden; -webkit-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , height 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , height 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: border-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) , height 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box{height: 130px;}} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box:last-child{margin-bottom: 90px;}} #wrapwrap .formation-modal .modal-body form .select-box:hover{border-color: #3f5cd2;} #wrapwrap .formation-modal .modal-body form .select-box.open{height: 100%;} #wrapwrap .formation-modal .modal-body form .select-box.not-openable{background: #f7f8fc;} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box.not-openable{height: 95px !important;}#wrapwrap .formation-modal .modal-body form .select-box.not-openable label{max-width: 50%;}#wrapwrap .formation-modal .modal-body form .select-box.not-openable .time{max-width: 50%; line-height: 15px !important;}} #wrapwrap .formation-modal .modal-body form .select-box.not-openable:hover{border-color: rgba(102, 109, 140, 0.15) !important;} #wrapwrap .formation-modal .modal-body form .select-box.not-openable input{opacity: .5; pointer-events: none;} #wrapwrap .formation-modal .modal-body form .select-box.not-openable input:hover{border-color: inherit;} #wrapwrap .formation-modal .modal-body form .select-box.not-openable .btn{position: absolute; top: 20px; right: 20px;} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box.not-openable{height: 130px;}} #wrapwrap .formation-modal .modal-body form .select-box .input-radio{float: left; margin: 0; padding: 0;} #wrapwrap .formation-modal .modal-body form .select-box .info{float: left; margin-left: 20px; display: block; width: calc(100% - 40px);} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box .info{float: none; width: 100%; margin-left: 0; margin-top: 0;}} #wrapwrap .formation-modal .modal-body form .select-box .info label{color: #031047 !important; max-width: 335px; font-size: 16px; line-height: 20px; position: relative; top: -2 Px;} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box .info label{margin-left: 15px; max-width: calc(100% - 40px);}} #wrapwrap .formation-modal .modal-body form .select-box .info .time{display: block; color: #666d8c; font-size: 12px; font-weight: 600; margin-top: 4px; line-height: 15px;} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box .info .time{margin-left: 35px;}} #wrapwrap .formation-modal .modal-body form .select-box .info .time img{margin-right: 5px; position: relative; top: 5px;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container{padding: 20px; background: #f7f8fc; border: 1px solid #e8ebf7; margin-top: 35px; border-radius: 3px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;} @media (max-width: 1199px){#wrapwrap .formation-modal .modal-body form .select-box .info .date-container{flex-direction: column;}} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container label{font-size: 14px; color: #666d8c !important; padding-bottom: 10px;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container{width: 57%;} @media (max-width: 1199px){#wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container{width: 100%;}} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select + label{margin-top: 20px;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select{clear: both; -webkit-box-shadow: none !important; box-shadow: none !important; display: block; width: auto !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select *{outline: none !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .btn{width: 100% !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .btn .filter-option{-webkit-box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; background: #ffffff; border: 1px solid rgba(102, 109, 140, 0.25); border-radius: 3px; padding: 16px 20px 17px 20px;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .btn .filter-option-inner{color: #666d8c; font-size: 14px; font-weight: 400;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .btn .bs-caret{color: #666d8c !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu{z-index: 10; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; box-shadow: 0 2px 2px 0 rgba(102, 109, 140, 0.05) !important; border-color: rgba(102, 109, 140, 0.25) !important; border-radius: 3px !important; max-height: 200px;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu .inner{display: block !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu .inner li a{padding: 12px 20px 10px 20px; background: #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu .inner li a span{color: #031047 !important; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu .inner li a:hover{background: #f7f8fc;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .date-formation-container .bootstrap-select .dropdown-menu .inner li a:hover span{color: #3f5cd2 !important;} #wrapwrap .formation-modal .modal-body form .select-box .info .date-container .people{width: calc(43% - 40px); padding-left: 19px; border-left: 1px solid #e4e8f5; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center;} @media (max-width: 1199px){#wrapwrap .formation-modal .modal-body form .select-box .info .date-container .people{padding: 0; margin: 0; padding-top: 15px; margin-top: 15px; border-left: none; border-top: 1px solid #e4e8f5; width: 100%;}} #wrapwrap .formation-modal .modal-body form .select-box .support{margin-top: 15px;} #wrapwrap .formation-modal .modal-body form .select-box .support label{color: #666d8c !important; font-size: 14px; position: relative; top: -4px; margin-left: 10px;} #wrapwrap .formation-modal .modal-body form .select-box .support label .support-price{color: #3f5cd2; font-weight: 700; display: inline-block;} #wrapwrap .formation-modal .modal-body form .select-box .price{position: absolute; top: 20px; right: 20px; font-weight: 700; color: #3f5cd2; font-size: 16px;} @media (max-width: 991px){#wrapwrap .formation-modal .modal-body form .select-box .price{position: relative; top: 0; right: 0; margin-top: 13px; margin-left: 35px; display: inline-block;}} #wrapwrap .modal .h3 + p{margin-top: 0;} #wrapwrap .modal.formation-modal .modal-content{padding: 0 !important;} #wrapwrap .modal.formation-modal .modal-body{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;} @media (max-width: 991px){#wrapwrap .modal{padding-right: 0 !important;}} #wrapwrap .modal .os-scrollbar{margin-right: 5px;} #wrapwrap .modal .os-scrollbar-track{height: calc(100% - 20px); top: 10px; opacity: .2;} @media (max-width: 991px){#wrapwrap .modal-content{-webkit-box-shadow: none !important; box-shadow: none !important; height: auto;}} @media (max-width: 767px){#wrapwrap .small .close{right: 15px !important; left: auto; margin: 0; padding: 0;}} @media (max-width: 991px){#wrapwrap .small .modal-body{padding-bottom: 0 !important;}} @media (max-width: 991px){#wrapwrap .small .modal-dialog{max-width: calc(100% - 30px) !important; margin-left: 0 !important;}} #wrapwrap .small.inscription-modal .modal-content{padding: 30px;} @media (max-width: 767px){#wrapwrap .small.inscription-modal .modal-content{padding: 20px;}} #wrapwrap .small.inscription-modal .modal-content h1{margin-top: 0; padding-top: 0;} #wrapwrap .small.inscription-modal .modal-content h1 img{margin-right: 20px;} @media (max-width: 767px){#wrapwrap .small.inscription-modal .modal-content div{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;}} #wrapwrap .small h2, #wrapwrap .small p, #wrapwrap .small div{display: block;} #wrapwrap .tailored-modal .h3{margin-top: 0 !important;} #wrapwrap .creation-modal .modal-dialog{max-width: 550px;} @media (max-width: 991px){#wrapwrap .creation-modal .modal-dialog{max-width: 100%;}} #wrapwrap #email-modal .cancel{margin-right: 15px;} 

/* /theme_houseoftraining/static/src/less/_publication.less defined in bundle 'web.assets_frontend' */
 .publication-viewer{position: relative; -webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); border: 1px solid rgba(102, 109, 140, 0.15);} .publication-viewer .embed-responsive.embed-responsive-portrait{padding-bottom: 100%;} .iframe-header{padding: 20px; background: #ffffff; font-size: 17px; color: #666d8c !important;} .iframe-header .iframe-header-actions a{text-decoration: none; display: inline-block;} .iframe-header .iframe-header-actions i{font-size: 12px;} .publication-aside-teaser .publication-preview{display: inline-block; margin-right: 10px; height: 60px; width: 90px; overflow: hidden;} .publication-aside-teaser .publication-preview img{object-fit: cover; object-position: top; width: 100%; height: auto;} .publication-aside-teaser .publication-content{display: inline-block;} .publication-aside-teaser .publication-infos{font-size: 14px;} .publication-teaser .publication-preview{height: 0; padding-bottom: 78%; overflow: hidden;} .publication-teaser .publication-title{height: 80px; width: 190px;} .publication-teaser .publication-infos{font-size: 14px; display: block;} @media (min-width: 992px){.publication-teaser .publication-infos{display: inline-block;}} #publications .related-content{float: left; width: 100%;} .publication-highlighted-teaser .publication-highlighted-preview{background: #ffffff; position: relative; padding: 10px; border: 1px solid rgba(102, 109, 140, 0.15); -webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15);} .publication-highlighted-teaser .publication-highlighted-preview:before, .publication-highlighted-teaser .publication-highlighted-preview:after{content: ""; position: absolute; top: auto; left: 0; right: 0;} .publication-highlighted-teaser .publication-highlighted-preview:after{background: #DFE2F0; bottom: -8px; width: 90%; height: 8px; left: 5%; z-index: -1;} .publication-highlighted-teaser .publication-highlighted-preview:before{background: #E7EAF3; bottom: -16px; height: 8px; z-index: -2; width: 80%; left: 10%;} .publication-highlighted-teaser .publication-highlighted-preview img{width: 100%; height: auto; object-fit: cover; object-position: top;} .publication-highlighted-teaser .publication-highlighted-footer *{display: inline-block;} .publication-section .publication-header{text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; align-self: flex-start; justify-content: center; flex-direction: column;} @media (min-width: 992px){.publication-section .publication-header{flex-direction: row; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}} .publication-section .publication-header .link{margin-top: 15px; align-self: flex-start;} @media (min-width: 992px){.publication-section .publication-header .link{margin-left: auto;}} .page-selector label{font-size: 14px; color: #666d8c; margin-bottom: 10px;} 

/* /theme_houseoftraining/static/src/less/_components.less defined in bundle 'web.assets_frontend' */
 .nav-tabs-explose{background: #ffffff; box-shadow: 0 6px 12px 0 rgba(3, 16, 71, 0.08); border: 1px solid rgba(102, 109, 140, 0.15); border-radius: 3px; display: inline-block;} @media (max-width: 991px){.nav-tabs-explose{display: -webkit-box; display: -ms-flexbox; display: flex;}} .nav-tabs-explose.nav-tabs-explose-small li a{font-size: 17px; line-height: 17px;} .nav-tabs-explose li{position: relative; display: flex; justify-content: center; align-items: center; height: 55px;} @media (max-width: 991px){.nav-tabs-explose li{width: 100%;}} .nav-tabs-explose li a{border: none !important; font-size: 17px; line-height: 17px; color: #666d8c; padding: 0 25px 18px 25px !important; margin-top: 18px; display: inline-block; position: relative; overflow: hidden; background: transparent !important; text-decoration: none !important;} @media (max-width: 991px){.nav-tabs-explose li a{font-size: 16px; line-height: 20px; padding-bottom: 15px; display: block; width: 100%; text-align: center;}} .nav-tabs-explose li a:after{content: " "; position: absolute; bottom: 0px; left: 0; right: 0; width: 100%; height: 2px; background: #3f5cd2; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .nav-tabs-explose li a:hover:after{-webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .nav-tabs-explose li.active a{color: #3f5cd2;} .nav-tabs-explose li.active a:after{background: #3f5cd2; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .breadcrumb{background: transparent; padding: 0;} .breadcrumb.small li{font-size: 16px;} .breadcrumb.small li:nth-child(n+2):before{font-size: 11px;} .breadcrumb li{padding-left: 30px !important; position: relative; margin: 0;} @media (max-width: 991px){.breadcrumb li{font-size: 14px;}.breadcrumb li:before{font-size: 10px !important;}} .breadcrumb li:first-child{padding-left: 0 !important;} .breadcrumb li:nth-child(n+2):before{content: "\f054"; position: absolute; font-family: 'Font Awesome 5 Pro'; font-weight: bold; font-size: 12px; color: #666d8c; top: 1px; left: 5px !important;} .breadcrumb li a{text-decoration: none;} .breadcrumb li.active a{color: #3f5cd2 !important; pointer-events: none;} .breadcrumb li.disabled{opacity: .5; pointer-events: none;} .panel-group{border-bottom: 1px solid #E1E3EB;} .panel-group .panel{border-radius: 0; border: none; background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important;} .panel-group .panel:nth-child(n+2){margin-top: -1px !important;} .panel-group .panel-heading{border: none; border-top: 1px solid #E1E3EB; background: transparent; position: relative;} .panel-group .panel-heading h2 a{text-decoration: none !important; display: block; position: relative; width: 100%; font-size: 26px; line-height: 44px; -webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .panel-group .panel-heading h2 a:after{content: "\f078"; position: absolute; right: 20px; top: 0; font-family: 'Font Awesome 5 Pro'; font-size: 12px; font-weight: bold; color: #adb7e0; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: -o-transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} .panel-group .panel-heading h2 a.collapsed{color: #666d8c !important;} .panel-group .panel-heading h2 a.collapsed:after{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .panel-group .panel-heading h2 a:hover{color: #031047 !important;} .panel-group .panel-body{background: transparent; border: none !important;} .panel-group .panel.panel-wide .panel-heading{padding: 30px 0;} .panel-group .panel.panel-wide .panel-body{padding: 0 0 20px 0;} #wrapwrap .card-link{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px 20px 10px 20px; -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border: 1px solid rgba(102, 109, 140, 0.15); border-radius: 3px; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); background: #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); text-decoration: none !important;} #wrapwrap .card-link:after{content: "\f054"; font-family: 'Font Awesome 5 Pro'; font-weight: bold; color: #666d8c; opacity: .5; font-size: 12px; position: absolute; top: 50%; margin-top: -6px; right: 25px;} #wrapwrap .card-link .icon{height: 30px; display: inline-block; width: 30px; margin-right: 20px; position: relative; top: -3px;} #wrapwrap .card-link .icon img{display: block; width: 100%; margin: 0 auto; max-width: 35px; height: 30px; position: relative;} #wrapwrap .card-link .icon + *{max-width: calc(100% - 45px); display: inline-block; font-size: 16px; line-height: 24px; color: #666d8c; position: relative; -webkit-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){#wrapwrap .card-link .icon + *{max-width: calc(100% - 100px); font-size: 13px; line-height: 20px;}} #wrapwrap .card-link:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 10px 15px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);} #wrapwrap .card-link:hover .icon + *{color: #3f5cd2;} .quick-access{display: block; background: #ffffff; padding: 20px 30px 20px 20px; border: 1px solid rgba(102, 109, 140, 0.15); -webkit-box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); box-shadow: 0 2px 2px 0 rgba(82, 101, 171, 0.05); border-radius: 3px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; text-decoration: none !important; font-size: 16px; line-height: 24px; overflow: hidden;} @media (max-width: 991px){.quick-access{font-size: 13px; line-height: 20px;}} .quick-access:after{content: "\f054"; font-family: 'Font Awesome 5 Pro'; font-weight: bold; position: absolute; right: 30px; top: 50%; margin-top: -12px; font-size: 12px; color: #666D8C; opacity: 0.5; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .quick-access.no-arrow{padding: 20px !important;} .quick-access.no-arrow:after{content: none;} .quick-access h2 span{display: block; clear: both;} .quick-access h2 span:first-child{font-size: 18px; line-height: 25px; -webkit-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); color: #031047;} .quick-access h2 span:last-child{font-size: 16px; line-height: 34px; color: #666d8c;} .quick-access:hover{-webkit-box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); box-shadow: 0 15px 20px 0 rgba(82, 101, 171, 0.15); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);} .quick-access:hover:after{color: #3f5cd2; opacity: 1;} .quick-access:hover h2 > span:first-child{color: #3f5cd2;} .quick-access.scroll-to:after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} #wrapwrap .counter button, #wrapwrap .counter .btn{text-align: center !important; font-size: 20px !important; line-height: 40px !important; font-weight: 700 !important; padding: 0 !important; width: 40px !important; height: 40px !important;} #wrapwrap .counter input{width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; text-align: center !important;} .btn.quick-access:after{color: #ffffff;} 

/* /theme_houseoftraining/static/src/less/snippets/s_collapse.less defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_faq_collapse .page-header{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-bottom: none;} #wrapwrap section.s_faq_collapse{margin-top: 0;} .s_faq_collapse + .s_faq_collapse{margin-top: 0; padding-top: 0;} .s_faq_collapse.about-section{z-index: auto;} .s_faq_collapse .panel-group{background: #ffffff; border-radius: 3px; border: 1px solid #e4e8f5; overflow: hidden; margin-bottom: 0;} .s_faq_collapse .panel-group .panel{position: relative; margin-top: -1px;} .s_faq_collapse .panel-group .panel:after, .s_faq_collapse .panel-group .panel:before{content: " "; position: absolute; bottom: 0; left: 25px; width: calc(100% - 50px); height: 1px; background: #e4e8f5;} .s_faq_collapse .panel-group .panel:after{display: none;} .s_faq_collapse .panel-group .panel:before{top: 0; bottom: auto;} .s_faq_collapse .panel-group .panel-heading{padding: 15px 25px; border-top: none;} @media (max-width: 991px){.s_faq_collapse .panel-group .panel-heading{padding: 15px 20px;}} #wrapwrap .s_faq_collapse .panel-group .panel-heading.collapsed .panel-title{color: #031047;} .s_faq_collapse .panel-group .panel-heading.collapsed .panel-title:after{transform: rotate(0deg);} #wrapwrap .s_faq_collapse .panel-group .panel-title{text-decoration: none !important; font-weight: 600; color: #3f5cd2; transition: color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); display: block; position: relative; width: calc(100% - 30px);} @media (max-width: 991px){#wrapwrap .s_faq_collapse .panel-group .panel-title{font-size: 15px; line-height: 22Px;}} .s_faq_collapse .panel-group .panel-title:after{content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: bold; position: absolute; font-size: 12px; color: #adb7e0; top: 0; right: -30px; transform: rotate(-180deg); transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){.s_faq_collapse .panel-group .panel-title:after{right: -20px;}} .s_faq_collapse .panel-group .panel-body{padding: 0 25px; color: #666d8c; margin: 0 0 20px 0;} .s_faq_collapse .panel-group .panel-body p{margin: 0; padding: 0;} @media (max-width: 991px){.s_faq_collapse .panel-group .panel-body{padding: 0 20px; margin-bottom: 15px;}} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'web.assets_frontend' */
 .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}} 

/* /website_portal_hot/static/src/less/website_portal_templates.less defined in bundle 'web.assets_frontend' */
 .btn_pay_now{white-space: pre-line; display: table !important;} .invoice_state_label{white-space: pre-line; display: flex;} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .cell_overflow{overflow: hidden;} 

/* /website_training/static/src/less/trainings.less defined in bundle 'web.assets_frontend' */
 .oe_training.oe_list{border: 1px solid #333333; margin-bottom: 3px;} .oe_training.oe_list:hover td{background-color: #eeeeee;} .oe_training.oe_list td{padding: 5px 0px;} .oe_training.oe_list td a{color: currentColor; text-decoration: none; display: block; width: 100%; height: 100%;} #training_pack_selector .size-50{width: 50%; float: left;} #training_pack_selector .pack_types{width: 358px; margin-left: -25px; margin-right: -25px; margin-bottom: 25px; margin-top: -25px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid rgba(102, 109, 140, 0.15); background-color: #eeeeee;} #training_pack_selector .pack_types input[type="radio"]{border: none; position: absolute;} #training_pack_selector .pack_types input[type="radio"]::after{border-radius: 0; background: none;} #training_pack_selector .pack_types .disabled{display: none;} #training_pack_selector .pack_types .btn{padding: 0; height: 65px; text-transform: inherit; color: #222222;} #training_pack_selector .pack_types .btn span{position: relative; top: 35%; transform: translateY(-50%);} @media print{#training_pack_selector .pack_types .btn span{font-weight: normal;}} #training_pack_selector .pack_types > div.active, #training_pack_selector .pack_types > div.active:hover, #training_pack_selector .pack_types > div.active:focus, #training_pack_selector .pack_types > div > input:hover{border-color: transparent; background-color: transparent; color: #222222;} #training_pack_selector .pack_types .btn.active{background-color: #ffffff;} @media print{#training_pack_selector .pack_types .btn.active span{font-weight: bold;}} #training_pack_selector .pack_types .btn:hover, #training_pack_selector .pack_types .btn.active:hover{background-color: #ffffff;} #training_pack_selector .parameters .form-group label{text-align: left;} #training_pack_selector .tab-footer a{margin-bottom: 10px;} #training_pack_selector .tab-footer a:last-child{margin-bottom: 0;} 

/* /website_houseoftraining/static/src/css/website_houseoftraining.css defined in bundle 'web.assets_frontend' */
 #training_pack_selector form .tab-footer .subscribe-submit.disabled{display: none;} #training_pack_selector form .tab-footer .subscribe-next-date{display: none;} #training_pack_selector form .tab-footer .subscribe-submit.disabled + .subscribe-next-date{display: block !important;} 

/* /website_portal_hot/static/lib/kartik-v-bootstrap-fileinput/css/fileinput.css defined in bundle 'web.assets_frontend' */
 .file-loading{top: 0; right: 0; width: 25px; height: 25px; font-size: 999px; text-align: right; color: #fff; background: transparent url('/website_portal_hot/static/lib/kartik-v-bootstrap-fileinput/css/../img/loading.gif') top left no-repeat; border: none;} .file-object{margin: 0 0 -5px 0; padding: 0;} .btn-file{position: relative; overflow: hidden;} .btn-file input[type=file]{position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block;} .file-caption-name{display: inline-block; overflow: hidden; height: 20px; word-break: break-all;} .input-group-lg .file-caption-name{height: 25px;} .file-preview-detail-modal{text-align: left;} .file-error-message{background-color: #f2dede; color: #a94442; text-align: center; border-radius: 5px; padding: 5px 10px 5px 5px;} .file-error-message pre, .file-error-message ul{margin: 5px 0; text-align: left;} .file-caption-disabled{background-color: #EEEEEE; cursor: not-allowed; opacity: 1;} .file-preview{border-radius: 5px; border: 1px solid #ddd; padding: 5px; width: 100%; margin-bottom: 5px;} .file-preview-frame{display: table; margin: 8px; height: 160px; border: 1px solid #ddd; box-shadow: 1px 1px 5px 0 #a2958a; padding: 6px; float: left; text-align: center; vertical-align: middle;} .file-preview-frame:not(.file-preview-error):hover{box-shadow: 3px 3px 5px 0 #333;} .file-preview-image{height: 160px; vertical-align: middle;} .file-preview-text{text-align: left; width: 160px; margin-bottom: 2px; color: #428bca; background: #fff; overflow-x: hidden;} .file-preview-other{display: table-cell; text-align: center; vertical-align: middle; width: 160px; height: 160px; border: 2px solid #999; border-radius: 30px; opacity: 0.8;} .file-actions, .file-other-error{text-align: left;} .file-icon-lg{font-size: 1.2em;} .file-icon-2x{font-size: 2.4em;} .file-icon-4x{font-size: 4.8em;} .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button{display: none;} .file-thumb-loading{background: transparent url('/website_portal_hot/static/lib/kartik-v-bootstrap-fileinput/css/../img/loading.gif') no-repeat scroll center center content-box !important;} .file-actions{margin-top: 15px;} .file-footer-buttons{float: right;} .file-upload-indicator{padding-top: 2px; cursor: default; opacity: 0.8; width: 60%;} .file-upload-indicator:hover{font-weight: bold; opacity: 1;} .file-footer-caption{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; text-align: center; padding-top: 4px; font-size: 11px; color: #777; margin: 5px auto 10px auto;} .file-preview-error{opacity: 0.65; box-shadow: none;} .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color: #000;} .file-drop-zone{border: 1px dashed #aaa; border-radius: 4px; height: 100%; text-align: center; vertical-align: middle; margin: 12px 15px 12px 12px; padding: 5px;} .file-drop-zone-title{color: #aaa; font-size: 40px; padding: 85px 10px;} .file-highlighted{border: 2px dashed #999 !important; background-color: #f0f0f0;} .file-uploading{background: url('/website_portal_hot/static/lib/kartik-v-bootstrap-fileinput/css/../img/loading-sm.gif') no-repeat center bottom 10px; opacity: 0.65;} .file-error-message .close{margin-top: 5px;} .file-thumb-progress .progress, .file-thumb-progress .progress-bar{height: 10px; font-size: 9px; line-height: 10px;} .file-thumbnail-footer{position: relative;} .file-thumb-progress{position: absolute; top: 22px; left: 0; right: 0;}