@font-face {
font-family: 'Lato';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Lato-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Lato-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Lato';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Lato-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Roboto-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/OpenSans-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/OpenSans-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/OpenSans-Regular.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Libre Baskerville';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/LibreBaskerville-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Libre Baskerville';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/LibreBaskerville-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Libre Baskerville';
src: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/fonts/LibreBaskerville-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
.whatsup_box,
.whatsup_box * {
box-sizing: border-box
}
.site_btn,
.w_tel,
.w_top_bar {
user-select: none
}
.preheader_info {
font-family: Arial, Helvetica, sans-serif;
float: left;
font-size: 14px;
line-height: 32px;
color: #d1d2cb;
font-weight: 700
}
.text_logo {
color: #d1d2cb
}
.text_logo span {
font-family: "Arial Black", Gadget, sans-serif;
color: #b72342;
font-weight: 900
}
.preheader_info img {
position: relative;
top: 2px;
margin-left: 30px;
width: 16px;
height: auto
}
.g1-section {
padding: 35px 50px
}
#g1-precontent-shortcode {
padding: 0
}
#g1-prefooter-widget-area h3 {
font-size: 16px;
padding-bottom: 20px;
border-bottom: 1px solid #999;
color: #fff;
font-weight: 700
}
#g1-prefooter-widget-area ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 12px;
color: #fff
}
.post_footer {
position: relative;
height: 210px
}
#floating_contacts{
position: fixed;
bottom: 0;
left: 50%;
width: 1024px;
transform: translateX(-50%);
z-index: 9;
}
.footer_bottom{
background-color: rgb(183, 35, 66);
height: 38px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
margin-left: 50%;
width: 1024px;
transform: translateX(-50%);
}
@media(max-width:1024px){
#floating_contacts{
width: 100%;
left: 0;
transform: none;
}
.footer_bottom{
width: 100%;
margin-left: 0;
transform: none;
}
} .flags_section{
margin-top: 30px;
}
.flags_wrapper{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flags_wrapper a{
margin-top: 8px;
padding: 0 7px;
}
.flags_wrapper a:first-child{
margin-left: 0;
}
.flags_wrapper a img{
max-width: 100%;
height: auto;
}
.flags_wrapper br{
display: none;
}
.boxes_w_icons i.g1-box__icon{
top: -30px;
}
.boxes_w_icons .g1-box{
margin-bottom: 40px;
}
.boxes_w_icons .g1-grid {
display: flex;
flex-wrap: wrap;
}
.boxes_w_icons .g1-box--icon{
height: 100%;
overflow: visible;
padding: 10px 0 0;
}
.boxes_w_icons .g1-box__inner {
border: none;
}
.boxes_w_icons .g1-box, .boxes_w_icons .g1-box:before{
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
}
#g1-box-counter-1:before,
#g1-box-counter-2:before,
#g1-box-counter-3:before,
#g1-box-counter-4:before {
position: absolute;
display: flex;
font-size: 18px;
font-weight: 700;
top: -30px;
left: 50%;
width: 56px;
height: 56px;
margin-left: -28px;
background-color: #fff;
z-index: 2
}
.boxes_w_icons .g1-box:before{
justify-content: center;
align-items: center;
border-radius: 50%;
}
#g1-box-counter-1:before {
content: '1';
}
#g1-box-counter-2:before {
content: '2';
}
#g1-box-counter-3:before {
content: '3';
}
#g1-box-counter-4:before {
content: '4';
}
.whatsup_box {
position: absolute;
bottom: 0;
right: 0;
width: 200px;
height: 38px;
background-color: #fff;
border-radius: 15px 0 0;
border: 2px solid #a1a1a2!important;
overflow: hidden;
}
.whatsup_box.expand{
height: 150px;
}
.w_input, .w_top_bar {
position: absolute;
width: 100%;
left: 0;
}
.w_top_bar {
top: 0;
height: 38px;
font-size: 16px;
line-height: 38px;
color: #fff;
text-align: center;
background-color: #83c6af
}
.w_input {
top: 38px;
padding: 0 10px;
height: 50px;
border-bottom: 2px solid #969393
}
.w_input input {
display: block;
width: 180px;
margin: 5px auto;
padding: 0 10px;
height: 36px;
font-size: 12px;
line-height: 38px;
background-color: #e9e9e9;
border: 1px solid #3898ec;
border-radius: 0
}
.w_tel {
position: absolute;
top: 88px;
left: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 10px 10px 0
}
.w_tel .tel {
width: calc(100% - 30px);
color: #83c6af;
padding: 0 0 0 10px
}
.w_tel .tel a {
color: #83c6af;
font-weight: 700
}
.w_tel .tel a:hover {
text-decoration: underline
}
.w_tel .img {
width: 30px;
padding-top: 5px
}
.w_tel img {
display: block;
width: 30px;
height: auto
}
.post_footer .img1,
.post_footer .img2,
.post_footer .img3 {
position: absolute;
bottom: 10px;
display: block;
width: auto;
height: 100px;
}
.post_footer .img1 { right: 245px;
}
.logo_section:after,
.slider_section:after {
content: '';
left: 50%
}
.post_footer .img2 { right: 110px
}
.post_footer .img3 { right: 0
}
.post_footer .img4 { position: absolute;
bottom: 10px;
display: block;
width: auto;
height: 200px;
left: 0;
}
.logo_section {
position: relative;
padding: 50px
}
.logo_section:after {
position: absolute;
bottom: 0;
width: 96%;
height: 1px;
background-color: #000;
transform: translateX(-50%)
}
.map_section {
padding: 0
}
.map_section .g1-layout-inner {
padding: 0;
width: 100%!important;
max-width: none!important
}
#g1-prefooter,
.g1-content-layout-standard-narrow .g1-content .g1-layout-inner {
max-width: 100%;
width: 1024px
}
.g1-header-layout-standard-narrow #g1-header .g1-layout-inner {
max-width: 100%;
width: 1024px;
padding: 0 50px;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .2);
box-sizing: border-box
}
#g1-prefooter {
margin: 0 auto
}
#g1-footer-area {
padding: 0 25px
}
.g1-content>.g1-layout-inner {
padding-top: 0;
padding-bottom: 0
}
.slider_section {
position: relative;
padding: 0;
border-bottom: 4px solid #000!important
}
.slider_section:after {
position: absolute;
bottom: -22px;
margin-left: -9px;
border-top: 18px solid #000;
border-left: 18px solid transparent;
border-right: 18px solid transparent
}
.about_contacts,
.bullets_section {
position: relative
}
.g1-precontent {
display: none
}
.g1gmap {
margin-bottom: 0
}
.m_contact_section h3 {
margin-top: 15px
}
.site_btn {
width: 170px;
margin: 10px 0 0;
display: block;
background-color: #0553a5!important;
border-radius: 0!important;
border: 2px solid #fff!important;
transition: .4s
}
.site_btn:hover {
background-color: #0570d4!important;
text-decoration: none
}
.facebook_section {
border-bottom: 2px solid #000!important
}
.facebook_section h3 {
margin-top: 30px;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #873e8d
}
.intro_section p,
.kein_kurs p {
text-align: justify
}
.facebook_section img {
display: block;
margin: 8px 0 0
}
.contact_section input {
width: 100%
}
.contact_section input[type=submit] {
margin-top: 20px;
display: inline-block;
width: auto;
border-radius: 0!important;
border: 2px solid #fff!important;
background-color: #0553a5
}
.about_section .g1-divider {
margin: 0 0 17px
}
.about_contacts {
margin-top: 40px
}
.about_contacts .g1-layout-inner {
background: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/img/promo.png);
padding: 50px;
display: block;
width: auto!important;
max-width: none!important;
text-shadow: 1px 1px 1px #FFF;
border-left: 4px solid #5C938A
}
.about_toggle {
margin-top: 18px
}
.bullets_section:after,
.bullets_section:before {
content: '';
position: absolute;
left: 50%;
width: 96%;
height: 1px;
background-color: #000;
transform: translateX(-50%)
}
.bullets_section:before {
top: 0
}
.bullets_section:after {
bottom: 0
}
.bullets_section h3.title {
font-size: 22px;
margin-bottom: 70px
}
.bullets_section h3.title .image-4,
.bullets_section h3.title .image-world {
position: relative;
margin: 0 5px;
top: 17px;
display: inline-block;
width: 50px;
height: auto
}
.bullets_section h3 {
font-size: 18px
}
.kein_kurs{
padding-top: 40px;
}
.kein_kurs .section_title{
margin-bottom: 60px;
}
.kein_kurs h3 {
margin-bottom: 60px
}
.kein_kurs .g1-grid {
position: relative;
display: flex;
flex: 1;
margin-bottom: 30px
}
.kein_kurs .g1-grid .g1-box h4 {
font-size: 20px;
font-weight: 700
}
.kein_kurs .g1-grid .g1-box p b {
color: #b72342
}
.kein_kurs .g1-box:before{
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid #e6e6e6;
top: -16px !important;
}
.kein_kurs .g1-box .g1-box__inner{
height: 100%;
padding: 30px 22px 44px;
margin: 0;
box-sizing: border-box;
}
.kein_kurs .g1-box{
height: 100%;
overflow: visible;
padding: 10px 0 0;
margin: 0;
}
.kein_kurs .site_btn{
position: absolute;
bottom: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(100% - 44px);
white-space: nowrap;
padding: 0;
height: 30px;
}
.kein_kurs .g1-column{
display: flex;
flex: 1;
}
@media(max-width: 730px){
.kein_kurs .g1-column h2{
font-size: 18px;
}
.kein_kurs .g1-column .g1-font-regular-l{
font-size: 14px;
}
.kein_kurs .site_btn{
font-size: 12px;
}
}
@media(max-width: 600px){
.kein_kurs .g1-grid{
flex-direction: column;
margin-bottom: 0;
}
.kein_kurs .g1-box {
margin-bottom: 35px;
}
.kein_kurs .site_btn{
font-size: 14px;
}
}
.testimonial_img{
margin-top: 20px;
margin-right: 20px;
float: left;
}
.testimonial_text{
overflow: hidden;
}
.testimonials_slider {
height: 340px;
padding: 35px 50px 0;
}
.side_menu{
padding: 15px 18% 15px 0;
background: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/img/sidebar_left.png) right top no-repeat;
min-height: 400px;
}
.sidebar_w_bg{
background: url(//www.institute4languages.com/wp-content/themes/3clicks-child-theme/img/sidebar_left.png) right top no-repeat;
min-height: 400px;
box-sizing: border-box;
}
.side_menu .current-menu-item{
background: #f7f7f7;
}
.side_menu .current-menu-item a{
color: #7a7a7a;
}
.side_menu ul{
margin: 0;
padding: 0;
list-style: none;
}
.side_menu ul li{
padding: 4px;
}
.side_menu ul li a{
font-size: 15px;
line-height: 24px;
color: #666666;
}
.language_fact{
margin: -18px 0 0;
padding: 0 20px 0 0;
}
.language_fact h3{
text-transform: uppercase;
}
.language_fact .g1-divider{
margin: 0 0 10px;
}
.language_fact ul{
list-style: square;
margin-left: 0;
}
.language_section .g1-divider{
margin: 0 0 10px;
}
.g1-nav-breadcrumbs{
display: none;
}
#error404{
padding: 50px;
box-sizing: border-box;
}
#error404 a{
text-decoration: underline;
}
#g1-preheader__switch{
display: none;
}
.red_headings h1, .red_headings h2, .red_headings h3, .red_headings h4, .red_headings h5, .red_headings h6{
color: #b72342;
}
.red_headings h3 img{
position: relative;
top: 3px;
}
.blue_icons .g1-box .g1-box__icon{
background-color: #39A9E0;
border-color: #39A9E0;
}
h1, .g1-h1 {
font-size: 28px;
line-height: 1.1;
text-transform: uppercase;
}
h2, .g1-h2 {
font-size: 24px;
}
.testimonials_slider h3{
font-size: 20px;
font-weight: 400;
}