html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
} .site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
} embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
} .wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
} .gallery { }
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
input:focus,
textarea:focus,
button:focus{
outline:0px;
resize:none;
}
input{
padding: 7px 0 7px 10px !important;
}
a{
text-decoration: none;
}
body{
font-family: 'Nunito', sans-serif;
}
section{
position: relative;
}
.pull-right{
float: right;
}
.pull-left{
float: left;
}
.swiper-container{width:100%;height:100%;}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
nav.desktop ul{
padding: 0;
margin: 0;
}
nav.desktop ul li{
list-style: none;
display: inline-block;
}
.top{
width: 100%;
padding: 23.73px 0px;
border-bottom: 3px solid #E9620C;
background: white;
position: fixed;
z-index: 22222;
top: 0;
}
#primary-navigation{
display: none;
}
.scroll{
background: rgba(44, 36, 29, 0.9);
position: fixed;
width: 100%;
top: 0;
padding: 2px 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index: 22;
}
.top.scroll .logo{
position: absolute;
top: -6px;
left: 50px;
width: 160px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.top.scroll a.menu{
padding-top: 20px;
}
.button__primary{
padding: 12px 21px;
border-radius: 50px;
color: #bccf51;
font-size: 18px;
line-height: 100%;
font-weight: 700;
text-decoration: none;
border: 2px solid #bccf51;
background: transparent;
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.button__primary:hover{
background: #bccf51;
color: white; 
}
.button-two__{
border: 3px solid #F8B242;
color: #F8B241;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding: 5px 35px;
border-radius: 39px;
transition: .3s;
margin-top: 14px;
display: inline-block;
}
.button-two__:hover{
background: #f8b242;
color: white;
}
.no-padding .button-two__{
margin-top: 0;
}
p{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color:#666666;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; } .title__{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 21.5%;
width: 300px;
height: 193px;
}
.title__ span{
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
text-align: center;
font-size: 40px;
color: white;
font-weight: 800;
width: 100%;
}
.data-title__{
font-size: 40px;
margin: 0;
font-weight: 800;
line-height: 40px;
width: 416px;
}
.the-content__ h2{
font-size: 22px;
margin: 0;
font-weight: 800;
line-height: 26px;
margin-top: 50px;
}
.the-content__ ul li{
margin-bottom: 17px;
font-size: 18px;
position: relative;
}
.the-content__  ul {
list-style:none;
padding-left: 12px;
}
.the-content__ ul li:before { 
content: url(//jollipoli.com/wp-content/themes/jollipoli/images/bullet.png); 
position: absolute;
left: -12px;
top: -3px;
}
#enrollment .the-content__ a,
#enrollment .the-content__ a:hover{
color: #E52019;
}
#enrollment .the-content__ .item .icon{
float: left;
margin-right: 10px;  
}
#enrollment .the-content__ .item > span{
display: block;
padding-top: 5px;
}
#enrollment .the-content__ .item{
margin-top: 12px;
margin-bottom: 26px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666666;
}
#about-us .the-content__  ul li:before{
content: url(//jollipoli.com/wp-content/themes/jollipoli/images/bullet-verde.png);
}
#enrollment .the-content__  ul li:before{
content: url(//jollipoli.com/wp-content/themes/jollipoli/images/bullet-rojo.png);
}
#school-life .the-content__  ul.bxslider{
list-style:none;
}
#school-life .the-content__  ul li:before{
content: url(//jollipoli.com/wp-content/themes/jollipoli/images/bullet-azul.png);
}
#school-life .the-content__  ul.bxslider li:before{
content: "";
}
.the-content__ h2 *{
font-weight: 800 !important;
} .container{
width: 100%;
max-width: 800px;
margin: auto;
height: 100%;
position: relative;
}
.section{
width: 100%;
height: 100%;
}
.icon{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite.png);
position: relative;
z-index: 2;
}
section.description .icon span,
#enrollment .the-content__ .item .icon span{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
color: white;
font-weight: 700;
font-size: 35px;
font-family: 'Nunito', sans-serif;
}
.icon.facebook {
width: 35px;
height: 30px;
background-position: 0px 1px;
float: left;
margin-right: 4px;
margin-top: -1px;
}
.icon.facebook-mobile {
width: 41px;
height: 36px;
background-position: -178px 0px;
float: left;
margin-right: 4px;
margin-top: -1px;
}
.icon.instagram {
width: 33px;
height: 30px;
background-position: 0px -29px;
float: right;
}
.icon.instagram-mobile {
width: 41px;
height: 36px;
background-position: -138px 0px;
float: right;
}
.icon.banner-m{
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/explore-discover-grow.png) !important;
background-size: cover !important;
width: 300px;
height: 200px;
position: absolute;
right: -19px;
bottom: -56px;
padding-right: 0px;
font-weight: bold;
padding-top: 44px;
}
.icon.banner-mobile{
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/explore-discover-grow.png) !important;
background-size: cover !important;
width: 250px;
height: 170px;
position: absolute;
right: 1%;
bottom: -60px;
padding-right: 19px;
padding: 0;
display: none;
padding-top: 36px;
}
.icon.about-m1{
width: 53px;
height: 63px;
background-position: -449px -437px;
position: absolute;
bottom: 3px;
left: -100px;
}
.icon.about-m2{
width: 40px;
height: 40px;
background-position: -409px -461px;
position: absolute;
top: -55px;
right: 40.5%;
}
.icon.about-m3{
width: 208px;
height: 140px;
background-position: -294px -297px;
position: absolute;
bottom: -67px;
right: 20%;
}
.icon.about-m4{
width: 133px;
height: 86px;
background-position: -368px -212px;
position: absolute;
top: -54px;
right: -160px;
}
.icon.about-m5 {
width: 30px;
height: 30px;
background-position: -287px -469px;
position: absolute;
top: 0px;
right: 10px;
display: none;
}
.icon.about-m6 {
width: 78px;
height: 52px;
background-position: -255px -141px;
position: absolute;
bottom: -57px;
left: 120px;
display: none;
}
.icon.quotes-m1{
width: 82px;
height: 48px;
background-position: 0px -260px;
position: absolute;
top: 10px;
left: 10px;
display: none;
}
.icon.quotes-m2{
width: 82px;
height: 124px;
background-position: -226px -2px;
position: absolute;
top: -83px;
right: 0px;
display: none;
}
.icon.gallery-m1{
width: 37px;
height: 37px;
background-position: -372px -462px;
position: absolute;
bottom: -14px;
left: 184px;
}
.icon.gallery-m2{
width: 130px;
height: 85px;
background-position: -370px -126px;
position: absolute;
top: -12px;
left: 12px;
}
.icon.gallery-m3{
width: 47px;
height: 35px;
background-position: -321px -465px;
position: absolute;
top: 75px;
right: -90px;
}
.icon.gallery-m4{
width: 87px;
height: 57px;
background-position: -38px 0px;
position: absolute;
top: 22px;
left: 17px;
display: none;
}
.icon.gallery-m5{
width: 33px;
height: 24px;
background-position: -66px -57px;
position: absolute;
top: 6%;
right: 12%;    
display: none;
}
.icon.gallery-m6{
width: 51px;
height: 52px;
background-position: -331px 0px;
position: absolute;
top: 65%;
left: 8%;  
display: none;
}
.icon.gallery-m7{
width: 108px;
height: 111px;
background-position: -393px 0px;
position: absolute;
bottom: -96px;
right: 0%;
display: none;
}
.icon.request-a-tour-m1{
width: 207px;
height: 196px;
background-position: -594px -268px;
position: absolute;
bottom: 0px;
right: 0;
}
.icon.request-a-tour-m2{
width: 170px;
height: 122px;
background-position: -630px -469px;
position: absolute;
top: 0px;
left: 0;
}
.icon.request-a-tour-m3{
width: 28px;
height: 29px;
background-position: -516px -313px;
position: absolute;
bottom: 20%;
right: 34%;
}
.icon.request-a-tour-m4{
width: 66px;
height: 57px;
background-position: -514px -249px;
position: absolute;
top: 8%;
right: 51%;
}
.icon.one{
width: 62px;
height: 56px;
background-position: 1px -85px;
}
.icon.two{
width: 62px;
height: 55px;
background-position: 1px -140px;
}
.icon.three{
width: 62px;
height: 56px;
background-position: 1px -195px;
}
.icon.four{
background-position: -72px -206px;
width: 62px;
height: 56px;
}
.icon.banner-m span{
color: white;
display: block;
font-family: 'Nunito', sans-serif;
font-size: 40px;
letter-spacing: .7px;
line-height: 40px;
text-align: center;
} header .logo{
position: absolute;
top: -20px;
left: -4px;
}
header .container > a.logo{
width: 235px;
height: 170px;
position: absolute;
z-index: 15;
top: 0px;
}
header nav{
font-size: 17px;
float: right;
line-height: 34px;
}
header nav.desktop a {
color: #f8b851;
margin-right: 7px;
font-weight: 700;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
header nav a:hover,
header nav a.active{
color: #E9620C;
}
header nav a:last-child{
margin-right: 10px;
}
header .socials{
float: right;
}
header .socials-mobile{
display: none;
}
header .banner{
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/banner.jpg) center center no-repeat;
background-size: cover;
max-height: 447px;
height: 447px;
margin-top: 82.99px;
}
header .banner .container{
position: relative;
}
header .banner .container img{
position: absolute;
bottom: -100px;
left: -40px;
z-index: 2;
}
section.about{
padding: 100px 0;
background: #fffad2;
}
section.about > img{
position: absolute;
bottom: -336px;
right: 0;
z-index: 2;
width: 180px;
}
section.about .data{
float: left;
width: 63%;
}
section.about .data h2{
color: #b8d14c;
font-size: 25px;
line-height: 22px;
margin: 0;
}
section.about .data p{
font-size: 18px;
line-height: 25.2px;
color: #666666;
letter-spacing: 0px;
font-weight: 400;
}
section.about .image{
float: right;
width: 37%;
}
section.about .image img{
margin-top: -25px;
}
section.quote{
background: #f39a30;
}
section.quote > img{
position: absolute;
bottom: -172px;
left: 0px;
z-index: 2;
width: 156px;
}
section.description > img{
position: absolute;
bottom: -242px;
right: 0px;
z-index: 2;
width: 185px;
}
section.quote .swiper-slide{
background: #f39a30;
color: white;
}
section.quote .swiper-slide .container{
padding: 92px 0;
font-size: 28px;
line-height: 39px;
letter-spacing: 0.5px;
}
section.quote .swiper-slide .container .big{
font-size: 41.6px;
}
section.quote .swiper-slide .container p{
color: white;
font-size: 18px;
text-align: right;
margin-top: 10px;   
}
.swiper-pagination-bullet-active{
background: white !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 80px;
}
.swiper-pagination-bullet{
width: 14px;
height: 14px;
}
section.description{
background: #fff9d5;
}
section.description .image img:last-child{
margin-top: -85px;
margin-left: -38px;
}
section.description .data{
width: 540px;
float: right;
padding-top: 100px;
}
section.description .data .red h2,
section.description .data .red a{
color: #e41f16;
border-color: #e41f16;
}
section.description .data .red a:hover{
background: #e41f16;
color: white;
}
section.description .data .green h2,
section.description .data .green a{
color: #bbd14b;
border-color: #bbd14b;
}
section.description .data .green a:hover{
background: #bbd14b;
color: white;
}
section.description .data .blue h2,
section.description .data .blue a{
color: #6ca1d3;
border-color: #6ca1d3;
}
section.description .data .button__primary{
padding: 8px 18px; 
font-size: 15px;
}
section.description .data .blue a:hover{
background: #6ca1d3;
color: white;
}
section.description .image{
width: 260px;
float: left;
}
section.description .data .number{
float: left;
width: 11.5%;
}
section.description .data .info{
float: right;
width: 88.5%;
padding-left: 14px;
padding-top: 10px;
}
section.description .data > div{
display: inline-block;
margin-bottom: 12px;
}
section.description .data .info h2{
margin:0;
font-size: 20px;
line-height: 20px;
}
section.description .data .info p{
margin-top: 4px;
margin-bottom: 8px;
color: #827b73;
}
section.gallery{
background: #f8b242;
padding: 95px 0 95px 0;
text-align: center;
}
section.gallery .container{
font-size: 0;
}
section.gallery h2{
font-size: 40px;
line-height: 48px;
color: white;
text-align: center;
margin:0;
margin-bottom: 36px;
}
section.gallery .column{
width: 266.666666666px;
display: inline-block;
vertical-align: top;
min-height: 256px;
font-size: 0;
}
.socials-footer-mobile{
display: none;
}
section.gallery .container .column:nth-child(2) img,
section.gallery .container .column:nth-child(4) img{
margin-top: 30px;
}
section.gallery .button__primary{
padding: 12.5px 42px;
font-size: 19px;
color: white;
border-color: white;
margin-top: 2px;
}
section.gallery .button__primary:hover{
background: white;
color: #f8b242;
}
footer{
padding: 100px 0;
font-family: 'Open Sans', sans-serif;
position: relative;
}
footer h3{
color: #f7ab32;
font-size: 20px;
line-height: 18px;
margin: 0;
margin-bottom: 20px;
font-weight: 800;
}
footer .container{
font-size: 0;
}
footer .container > img  {
position: absolute;
top: -210px;
left: -50px;
}
footer .column{
width: 200px;
display: inline-block;
vertical-align: top;
z-index: 5;
position: relative;
}
footer .column:nth-child(1){
vertical-align: bottom;
text-align: center;
}
footer ul{
padding: 0;
}
footer .column ul li{
list-style: none;
}
footer .column ul li a{
color: #f7ab32;
font-size: 13px;
line-height: 11px;
margin-bottom: 12px;
display: block;
}
footer .column ul li h3 a{
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
footer .column ul li h3{
margin-bottom: 5px;
}
footer .column span{
color: #666666;
font-size: 12px;
float: right;
line-height: 29px;
}
footer .column .socials-footer{
display: inline-block;
width: 100%;
margin-top: 50px;
}
footer .column .socials-footer .icon.instagram{
float: left;
}
footer .column.mobile{
display: none;
}
footer a{
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
footer a:hover{
color: #666666;
} header .menu .bars{
width: 20px;
height: 4px;
background: #f8b242;
margin-bottom: 2px;
display: block;
}
header .menu .bars:last-child{
margin-bottom: 2px;
}
header a.menu{
display: none;
}
.enroll-now {
background: #bbd14c;
padding: 69px 0;
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/enroll.png);
background-size: cover;
background-position: center center;
}
.enroll-now .image{
float: left;
width: 48%;
}
.enroll-now .image div:nth-child(1),
.enroll-now .image div:nth-child(3){
float: left;
background-size: cover;
background-position: center center;
width: 140px;
height: 123px;
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/enroll1.png);
}
.enroll-now .image div:nth-child(2){
width:72px;
height: 63px;
float: left;
text-align: center;
line-height: 60px;
font-size: 40px;
color: white;
background-size: cover;
background-position: center center;
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/enroll3.png);
margin-top: 28px;
margin-left: 8px;
margin-right: 6px;
}
.enroll-now .image div:nth-child(3){
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/enroll2.png);
}    
.enroll-now .image div p span{
font-size: 36px;
}
.enroll-now .image div p{
margin: 0;
padding-top: 31px;
text-align: center;
font-weight: bold;
font-family: 'Nunito', sans-serif;
color: white;
line-height: 29px;
font-size: 26px;
}
.enroll-now .data > span {
float: right;
color: white;
font-size: 16px;
margin-top: 5px;
}
.enroll-now .data{
float: left;
width: 52%;
padding-top: 20px;
}
.enroll-now .data p {
font-size: 26px;
font-family: 'Nunito', sans-serif;
color: white;
margin: 0;
line-height: 30px;
font-weight: 600;
text-shadow: 2px 2px 7px #666;
letter-spacing: 1.7px;
}
.enroll-now .data p span{
font-size: 36px;
}
.enroll-now .data .button__primary{
color: #bccf51;
background: #fffad2;
border: 2px solid #fffad2;
font-size: 15px;
padding: 6px 20px;
margin-top: 5px;
}   
.enroll-now .data .button__primary:hover{
background: #bccf51;
color: white;
border: 2px solid #fffad2;
}
.request-a-tour{
background: #699fd2;
padding: 79px 0; 
}
.request-a-tour p {
color: white;
margin: 0;
float: left;
font-size: 40px;
font-family: 'Nunito', sans-serif;
line-height: 42px;
font-weight: bold;
position: relative;
}
.request-a-tour p span{
font-size: 15px;
position: absolute;
right: 2px;
bottom: -28px;
}
.request-a-tour a{
float: right;
padding: 9px 26px;
border-color: white;
color: white;
}
.request-a-tour a:hover{
background: white;
color: #699fd2;
}
#about-us, #enrollment, #school-life,#employment, #contact{
background: #fffad1;
}
.content aside{
width: 35%;
float: left;
padding-right: 40px;
}
.content aside ul{
padding: 0;
list-style: none;
margin:0;
}
.content aside ul li{
line-height: 26px;
background: transparent;
margin-bottom: 13px;
padding-left: 12px;
border: 2px solid #F7AB32;
border-radius: 5px;
}
.content aside ul li.active, 
.content aside ul li:hover {
background: #f7ab32;
}
.content aside ul li.active a,
.content aside ul li:hover a{
color: white;
}
.content aside ul li a{
color: #f7ab32;
font-size: 18px;
font-weight: 800;
width: 100%;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
line-height: 20px;
padding: 3px 0;
}
.content section{
width: 65%;
float: left;
margin-top: -5px;
}
.content p {
font-size: 18px;
line-height: 25px;
margin-top: 12px;
margin-bottom: 26px;
letter-spacing: .2px;
}
.content{
padding: 0px 0 110px 0;
position: relative;
margin-top: -40px;
min-height: 400px;
}
.content section ul li{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #666666; 
}
#enrollment, #about-us, #school-life,
#employment, #contact{
position: relative;
margin-top: 84px;
overflow: hidden;
}
.e-top{
width: 100%;
position: relative;
height: 340px;
}
.bg-top{
width: 100%;
position: absolute;
height: 100%;
}
#enrollment .enrollment-gino{
position: absolute;
right: 0;
z-index: 2;
top: -20%;
height: 148.53%;
}
#enrollment .data-title__,
#enrollment .the-content__ h2{
color: #E52019;
}
#about-us .data-title__,
#about-us .the-content__ h2{
color: #b8d14c;
}
#enrollment .title__{
left: 48.5%;
}
.enrollment-betty{
top: -259px !important;
left: -90px !important;
}
#enrollment .content .container{
min-height: 440px;
}
.icon-enrollment{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-enrollment.png);
position: relative;
z-index: 2;
}
.icon-enrollment.m1{
width: 52px;
height: 51px;
background-position: 0px -186px;
left: 53%;
top: 6%;
}
.icon-enrollment.m2{
width: 65px;
height: 135px;
background-position: 0px 0px;
top: 35%;
}
.icon-enrollment.m3{
width: 27px;
height: 27px;
background-position: -2px -151px;
top: 16%;
left: 28%;
}
.icon-enrollment.m4{
width: 48px;
height: 49px;
background-position: -55px -184px;
left: -10%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.icon-enrollment.m5{
width: 218px;
height: 160px;
background-position: -229px -108px;
left: -4%;
position: absolute;
top: 54%;
}
.icon-enrollment.m6{
width: 129px;
height: 84px;
background-position: -144px 0px;
right: -20%;
position: absolute;
top: 46%;
transform: translateY(-50%);
}
.icon-enrollment.m7{
width: 450px;
height: 136px;
background-position: 0px -265px;
right: 0px;
position: absolute;
bottom: 0;
}
.icon-enrollment.title{
width: 300px;
height: 193px;
}
.title-sidebar{
text-align: center;
text-transform: uppercase;
font-family: 'Nunito', sans-serif;
font-weight: bold;
color: #f7ab32;
font-size: 20px;
border-bottom: 1px solid;
cursor: pointer;
margin-bottom: 10px;
border-top: 1px solid;
}
.title-sidebar{
display: none;
}
.icon-aboutus{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-aboutus.png);
position: relative;
z-index: 2;
}
.icon-aboutus.m1{
width: 90px;
height: 135px;
background-position: 0px 0px;
left: 0;
top: 35.4%;
}
.icon-aboutus.m2{
width: 50px;
height: 51px;
background-position: -1px -137px;
left: 21%;
top: -12%;
}
.icon-aboutus.m3{
width: 36px;
height: 37px;
background-position: -1px -193px;
left: 34%;
top: 6%;
}
.icon-aboutus.m4{
width: 89px;
height: 106px;
background-position: -101px 1px;
left: -16%;
top: 41%;
position: absolute;
}
.icon-aboutus.m5{
width: 48px;
height: 50px;
background-position: -65px -137px;
right: 33%;
position: absolute;
bottom: -14%;
}
.icon-aboutus.m6{
width: 179px;
height: 179px;
background-position: -46px -221px;
right: 0;
position: absolute;
bottom: 0;
}
#about-us .title__{
left: 57.3%;
transform: translateX(0%);
top: 21.5%;
}
#about-us .content aside ul li a{
color: #b8d14c;
}
#about-us .content aside ul li.active, 
#about-us .content aside ul li:hover{
background: #b8d14c;
}
#about-us .content aside ul li.active a,
#about-us .content aside ul li:hover a{
color: white;
}
#about-us .content aside ul li{
border: 2px solid #b8d14c;
}
#enrollment .content aside ul li a{
color: #E52019;
}
#enrollment .content aside ul li.active, 
#enrollment .content aside ul li:hover{
background: #E52019;
}
#enrollment .content aside ul li.active a,
#enrollment .content aside ul li:hover a{
color: white;
}
#enrollment .content aside ul li{
border: 2px solid #E52019;
}
#school-life .content aside ul li a{
color: #699fd2;
}
#school-life .content aside ul li.active, 
#school-life .content aside ul li:hover{
background:  #699fd2;
}
#school-life .content aside ul li.active a,
#school-life .content aside ul li:hover a{
color: white;
}
#school-life .content aside ul li{
border: 2px solid  #699fd2;
}
#about-us  .aboutus-greeny{
position: absolute;
z-index: 2;
height: auto;
left: -81%;
top: -48%;
}
#school-life .school-life-mato{
position: absolute;
z-index: 2;
height: auto; top: -7%;
right: 14%;  
}
.icon-school{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-school-life.png);
position: relative;
z-index: 2;
}
.icon-school.m1{
width: 216px;
height: 160px;
background-position: 0px 0px;
left: 0;
top: 0%;
}
.icon-school.m2{
width: 150px;
height: 135px;
background-position: -1px -165px;
left: 11%;
top: -4.8%;
}
.icon-school.m3{
width: 113px;
height: 92px;
background-position: -241px -257px;
left: 60%;
top: -83.8%;
}
#school-life .button-thumb .swiper-button-next{
top: 62%;
right: 0; 
width: 37px;
height: 38px;
background-position: -301px -151px;
}
#school-life .button-thumb .swiper-button-prev{
top: 62%;
left: 0;
width: 37px;
height: 37px;
background-position: -263px -151px;
}
#school-life .the-content__{
height: 400px;    
}
#school-life .the-content__ .gallery-school{
padding: 0 10px;
}
#school-life .content{
padding: 0 0 180px 0;
}
#school-life .data-title__{
color: #699fd2;
margin-bottom: 38px;
}
.purple{
top: -266% !important;
left: -22% !important;
}
#school-life .swiper-slide{background-size:cover;background-position:center; -webkit-box-shadow: inset 0px 0px 20px 3px rgba(0,0,0,0.47);
-moz-box-shadow: inset 0px 0px 20px 3px rgba(0,0,0,0.47);
box-shadow: inset 0px 0px 20px 3px rgba(0,0,0,0.47); border-radius: 12px;}
.gallery-top{height:80%;width:100%;}
.gallery-thumbs{height:auto;box-sizing:border-box;padding:10px 0; }
#school-life .gallery-thumbs .swiper-slide{   
height: 100%;
opacity: 0.4;
width: 31.5%;
height: 135px;
-moz-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
-webkit-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;}
.gallery-thumbs .swiper-slide-active{opacity:1 !important;}
.the-content__  ul.bxslider{
padding:0;
margin:0;
}
.the-content__  ul.bxslider li > div::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
border-radius: 12px;
} 
.the-content__  ul.bxslider li img{
margin: auto;
border-radius: 12px;
width: 100%;
}
#school-life .bx-wrapper{
border: 0;
margin:0;
padding: 0 10px;
background: transparent;
box-shadow: none;
margin-bottom: 20px;
}
#school-life #bx-pager a{
width: 32%;
float: left;
margin-right: 2%;
height: 135px;
overflow: hidden;
-moz-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
-webkit-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
-webkit-box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 11px 1px rgba(0,0,0,0.4);
}
#school-life #bx-pager a > div.thumb{
-webkit-box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 11px 5px rgba(0,0,0,0.4);
-moz-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
-webkit-border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
border-radius: 60% 40% 40% 50% / 56% 60% 40% 40%;
}
#school-life #bx-pager a:nth-child(3){
margin-right: 0;
}
#school-life #bx-pager a img{
width: 132%;
margin-left: -15%;
max-width: 132%;
opacity: .7;
}
#school-life .bx-wrapper .bx-controls-direction a{
width: 54px;
height: 54px;
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-school-life.png);
background-repeat: no-repeat;
background-size: initial;
}
#school-life .bx-wrapper .bx-prev{
background-position: -238px -195px !important;
left: -5px;
}
#school-life .bx-wrapper .bx-next{
background-position: -293px -195px !important;;
right: -5px;
}
#school-life #bx-pager a.active,
#school-life #bx-pager a.active > div {
box-shadow: none;
}
#school-life #bx-pager a.active img{
opacity:1;
}
#about-us .title-top{
margin-top: 82.99px;
background: url(//jollipoli.com/wp-content/themes/jollipoli/images/top.png);
padding: 72.6px 0;
background-size: cover;
background-position: bottom center;
position: relative;
}
#about-us .title-top .container{
position: relative;
}
#about-us .title-top .container > img {
position: absolute;
bottom: -208px;
right: 0; 
}
#about-us .title-top h1{
text-align: center;
font-size: 40px;
color: white;
font-weight: 800;
}
#about-us .icon.about-m1{
bottom: 25px;
}
#about-us .icon.about-m3{
right: -170px;
}
#about-us .icon.about-m4{
width: 40px;
height: 40px;
background-position: -409px -461px;
position: absolute;
left: 167px;
bottom: -60px;
top: inherit;
}
#about-us .content{
min-height: 530px;
}
.about-us-teki{
top: -171% !important;
left: -20% !important;
}
.employment-heart{
position: absolute;
left: -1px;
top: -5.3%;
z-index: 5;
}
#employment .title__{
top: 15%;
left: 67%;
width: 330px;
height: 213px;
background-size: cover !important;
}
#employment .content section{
float: right;
}
#employment .content {
padding-bottom: 103px;
}
#employment .data-title__{
color: #FFCC00;
}
#employment .the-content__ h3 {
font-size: 22px;
margin: 0;
font-weight: 800;
line-height: 40px;
width: 416px;
color: #666666;
margin-top: 14px;
line-height: 24px;
}
.item-employment{
margin-bottom: 60px;
}
.the-content__  ul{
padding: 0;
padding-left: 10px;
margin-top: 10px;
}
.employment-atom {
top: -50%;
position: absolute;
right: 0%;
z-index: 3;
}
.icon-employment{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-employment.png);
position: relative;
z-index: 2;
}
.icon-employment.m1{
width: 74px;
height: 74px;
background-position: -268px 0px;
top: 13px;
left: -36px;
}
.icon-employment.m2{
width: 48px;
height: 58px;
background-position: -220px 0px;
top: -45px;
left: -2px;
}
.icon-employment.m3{
width: 91px;
height: 116px;
background-position: 0px 0px;
top: 26%;
left: 0px;
}
.icon-employment.m4{
width: 37px;
height: 37px;
background-position: -464px 0px;
top: 31%;
left: 42%;
}
.icon-employment.m5{
width: 130px;
height: 85px;
background-position: 0px -129px;
top: 10%;
left: 95%;
position: absolute;
}
.icon-employment.m6{
width: 260px;
height: 176px;
background-position: -241px -115px;
top: 35%;
left: -4%;
position: absolute;
}
.icon-employment.m7{
width: 37px;
height: 37px;
background-position: -464px 0px;
left: -18%;
position: absolute;
bottom: 17%;
}
.icon-employment.m8{
width: 468px;
height: 195px;
background-position: -32px -305px;
position: absolute;
bottom: 0;
right: 0;
}
#contact .title__{
left: 57.3%;
transform: translateX(0%);
top: 21.5%;
}
.icon-contact{
display: block;
background-repeat: no-repeat;
background-image: url(//jollipoli.com/wp-content/themes/jollipoli/images/sprite-contact.png);
position: relative;
z-index: 2;
}
.icon-contact.m1{
width: 74px;
height: 135px;
background-position: 0px 13px;
left: 0;
position: absolute;
bottom: 30%;
}
.icon-contact.m2{
width: 84px;
height: 101px;
background-position: -76px 0px;
left: 42%;
position: absolute;
bottom: 55%;
}
.icon-contact.m3{
width: 37px;
height: 37px;
background-position: 1px -132px;
left: 52%;
position: absolute;
bottom: 19%; 
}
.icon-contact.m5{
width: 135px;
height: 137px;
background-position: -48px -115px;
position: absolute;
top: 35%;
z-index: 3;
right: -30%;
}
.gallery-thumbs .swiper-wrapper{
transform: initial !important;
}
#school-life .button-thumb .swiper-button-next,
#school-life .button-thumb .swiper-button-prev{
display: none;
}
.form-contact,
.data-contact{
float: left;
width: 50%;
}
.form-contact{
padding-right: 18px;
}
.form-contact input{
width: 100%;
border-radius: 7px;
border: 2px solid #F8B242;
background: transparent;
margin-bottom: 24px;
font-family: 'Nunito', sans-serif;
font-size: 18px;
font-weight: 800;
z-index: 20;
position: relative;
}
.form-contact textarea {
margin-bottom: 24px;
}
.form-contact input[type="submit"]{
width: auto;
padding: 5px 35px !important;
border: 3px solid #F8B242;
color: #F8B241;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding: 5px 35px;
border-radius: 39px;
}
.form-contact input[type="submit"]:hover{
color: white;
}
.form-contact textarea{
height: 120px;
resize: none;
border-radius: 7px;
border: 2px solid #F8B242;
background: transparent;
width: 100%;
padding:10px;
margin-bottom: 24px;
font-family: 'Nunito', sans-serif;
font-size: 18px;
font-weight: 800;
}
.wpcf7-form > p {
margin-bottom:0;
}
#contact h2{
margin-bottom: 25px;
color: #F8B242;
}
#contact .title__{
left: 56.3%;  
}
.contact-teki{
position: absolute;
z-index: 3;
left: -16%;
top: 2%;
}
.data-contact{
padding-left: 19px;
position: relative;
}
.data-contact p{
margin: 0;
}
.data-contact a{
z-index: 33;
position: relative;
font-size: 18px;
color: #f39c3b;
}
#contact iframe{
margin-bottom: 0;
}
.contact-heart{
top: -114% !important;
left: 0 !important;
}
.map-contact{
line-height: 0;
}
.map-contact img{
width: 100%;
}
.page-template-template-inquiries .icon-employment.m5{
left: 100%;
}
.page-template-template-inquiries .form-contact{
width: 100%;
}
.page-template-template-inquiries .form-image,
.page-template-template-inquiries #status{
text-align: center;
}
.page-template-template-inquiries #status a{
margin-top: 45px;
}
.dz-default.dz-message{
border: 3px solid #BBD14C;
color: #BBD14C;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding: 5px 24px;
border-radius: 39px;
transition: .3s;
margin-top: 14px;
display: inline-block;
cursor: pointer;
}
.dz-default.dz-message:hover{
background: #BBD14C;
color: white;
} #contact input::-webkit-input-placeholder,
#contact textarea::-webkit-input-placeholder,
.page-template-template-inquiries input::-webkit-input-placeholder,
.page-template-template-inquiries textarea::-webkit-input-placeholder{ 
color: #666666;
}
#contact input::-moz-placeholder,
#contact textarea::-moz-placeholder,
.page-template-template-inquirie input::-moz-placeholder,
.page-template-template-inquiries textarea::-moz-placeholder{ 
color: #666666;
}
#contact input:-ms-input-placeholder,
#contact textarea:-ms-input-placeholder,
.page-template-template-inquirie input:-ms-input-placeholder,
.page-template-template-inquiries textarea:-ms-input-placeholder{ 
color: #666666;
}
#contact input:-moz-placeholder,
#contact textarea:-moz-placeholder,
.page-template-template-inquirie input:-moz-placeholder,
.page-template-template-inquiries textarea:-moz-placeholder{ 
color: #666666;
}
#loader {
color: #f29935;
display:none;
text-align:center;
width:100%;
}
.msg{
margin: 0px auto 5px auto;
float: left;
padding: 8px 12px;
width: 100%;
font-size: 13px;
line-height: 21px;
font-family: 'Oxygen', sans-serif;
border-radius: 3px;
display: none;
}
.msg.active{
color: white;
background: rgb(247, 0, 23);
}
.msg.success{
color: white;
background:#e9d485;
}
.enviando #loader {
display:block;
}
.enviando .btn{
display:none;
}
#bajada_form{
font-size: 18px;
line-height: 21px;
display: none;  
}
.dz-success-mark, .dz-error-mark, .dz-error-message, .dz-success-mark, .dz-error-mark, .dz-details {
display: none;
}
.employment-heart,
.contact-teki,
.bounceIn,
.shake{
display: none;  
}
.bounceIn.wow{
-webkit-animation-delay: .2s; animation-delay: .2s; 
}
.delay{
-webkit-animation-delay: .8s !important; animation-delay: .8s !important;  
}
.adjunto-icon{
font-size: 10px !important;
color: #bbd14c;
margin: auto;
text-align: center !important;
width: 100% !important;
display: none;
}
.enroll-now{
display: none;
} .form > p {
margin-bottom:0;
}
.wpcf7-not-valid-tip {
font-weight: normal;
display: block;
margin: 0px auto 5px auto;
float: left;
padding: 8px 12px;
width: 100%;
font-size: 13px;
line-height: 21px;
font-family: 'Oxygen', sans-serif;
border-radius: 3px;
color: white;
background: rgb(247, 0, 23);
position: relative;
top: -17px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 0.2em 1em;
border: 2px solid rgb(247, 0, 23);
}
@media only screen and (max-width: 1200px),only screen and (max-device-width: 1200px){
#school-life .school-life-mato {
right: 7%;
}
}
@media only screen and (max-width: 1150px),only screen and (max-device-width: 1150px){
.icon.about-m4,
section.about > img,
section.quote > img,
section.description > img,
.icon.request-a-tour-m2,
.icon.request-a-tour-m1,
#about-us .icon.about-m1,
#about-us .icon.about-m3,
#about-us .icon.about-m2,
.icon-aboutus.m6,
.icon-employment.m8{
display:none;
}
.icon.about-m5{
display: block;
}    
#about-us .icon.about-m5{
top: -41px;
right: 58%;
}
.icon.gallery-m3{
top: 0;
right: 0;
}
#about-us .icon.about-m6{
left: 180px;
}
.enroll-now .image{
float: none;
width: 366px;
margin: auto;
}
.enroll-now .data > span{
display: block;
float: none;
}
.enroll-now .data {
float: none;
width: 100%;
padding-top: 20px;
text-align: center;
}
.employment-heart {
position: absolute;
left: -1px;
top: -5.3%;
width: 60%;
z-index: 5;
top: -4%;
}
}
@media only screen and (max-width: 1050px),only screen and (max-device-width: 1050px){
#enrollment .enrollment-gino {  
top: -7%;
height: 105%;
}
}
@media only screen and (max-width: 999px),only screen and (max-device-width: 999px){
#about-us .title-top {
margin-top: 65.99px;
}
header .socials-mobile{
display: block;
margin-top: -6px;
margin-right: 15px;
float: right;
}
header .banner {
margin-top: 65.99px;
}
header .logo{
left: 15px;
}
section.about > img,
.icon.about-m1,
.icon.about-m3{
display:none;
}
section.about .image img{
margin-top: 30px;
width: 100%;
}
.icon.banner-m{
right: 0;
}
.container{
padding: 0 20px;
}
section.about{
padding-bottom: 60px;
}
section.about .data {
float: none;
width: 100%;
}
section.about .image {
float: right;
width: 344px;
margin-top: -116px;
width: 198px !important;
position: absolute; right: 0;
}
.icon.about-m3 {
width: 208px;
height: 140px;
background-position: -294px -297px;
position: absolute;
bottom: 39px;
right: 49%;
}
section.quote .swiper-slide .container{
padding: 92px 20px; 
}
section.description .data{
width: 100%;
float: none;
padding-bottom: 100px;
}
section.description .data .number {
float: none;
width: 100%;
}
.icon.one,
.icon.two,
.icon.three{
margin: auto;
}
section.description .data .info{
float: none;
width: 100%;
padding-left: 0;
}
section.description .image {
width: auto;
float: none;
}
section.description .image img:nth-child(1){
position: absolute;
top: -132px;
z-index: 3;
width: 210px;
}
section.description .image img:nth-child(2){
position: absolute;
bottom: 172px;
z-index: 3;
right: 0;
width: 240px; 
}
section.description .data > div:last-child{
margin-top: 80px;
}
section.gallery .container .column img{
margin-top: 0 !important;
}
footer .column:nth-child(1){
display: none;
}
footer .column.mobile{
display: inline-block;
}
footer .column{
width: 25%;
}
footer .container > img{
width: 230px; 
}
header .banner .container img{
width: 210px;
left: 0;
} nav.desktop,
div.socials{
display: none;
}
header a.menu{
display: block;
float: right;
}
.top{
height: 66px;
}
#primary-navigation{
display: block;
}
.site-navigation {
background: rgb(248, 178, 66);
width: 100%;
height: 100%;
position: fixed;
z-index: 3;
top: 0;
left: 0;
}
.site-navigation ul {
font-size: 30px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: auto;
width: initial;
display: inline-block;
list-style: none;
padding: 0;
}
.site-navigation ul li a{
text-decoration: none;
color: white;
font-size: 45px;
line-height: 85px;
font-weight: 800;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; 
}
.site-navigation ul li {
text-align: center;
padding-bottom: 4px;
margin-bottom: 4px;
padding-top: 1px;
float: left;
width: 100%;
border: none;
list-style: none;
}
.site-navigation ul li a:hover{
color: #E9620C;
}
footer .column span{
display: block;
width: 100%;
float: left;
}
footer .column ul li a{
line-height: 13px;
}
.icon.quotes-m2,
.icon.quotes-m1,
.icon.about-m6
{
display: block;
}
#enrollment, #about-us, #school-life, #employment ,#contact{
margin-top: 66px;
}
#enrollment .title__ {
left: 36.5%;
top: 26%;
width: 256px;
height: 165px;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.bg-top{
width: auto;
}
.e-top {
overflow: hidden;
}
.icon-enrollment.m3,
.icon-enrollment.m6,
.icon-enrollment.m7{
display: none;
}
.icon-enrollment.m5{
left: 0;
}
.enrollment-betty {
left: 0px !important;
top: -70% !important;
}
.about-us-teki {
top: -134% !important;
left: -5% !important;
width: 320px !important;
}
#school-life .school-life-mato {
right: 0%;
width: 300px;
}
.purple {
top: -167% !important;;
left: 0% !important;
width: 300px !important;
}
.employment-heart{
top:0;
}
.employment-atom{
width: 250px;
top: -38%;
right:auto;
left: 0;   
}
.contact-teki {
left: -22%;
top: 23%;
width: 600px;
}
#school-life .content{
padding-bottom: 110px;
}
#school-life #bx-pager a img{
width: 150%;
margin-left: -22%;
max-width: 150%;
}
}
@media only screen and (device-width: 768px){
.fa.fa-close{
right: 1.5% !important;
top: 1.5% !important;
}
footer .container > img {
width: 200px;
top: -180px;
}
}
@media only screen and (max-width: 767px),only screen and (max-device-width: 767px){
.fa.fa-close{
right: 4% !important;
}
.request-a-tour p{
width: 100%;
text-align: center;
margin-bottom: 10px;  
}
.request-a-tour a{
width: auto;
float: none;
display: table;
margin: auto;
}
.icon.request-a-tour-m3{
bottom: 10%;
}
.content{
padding: 48px 0 80px 0;
position: relative;
}
.content aside{
width: 100%;
padding: 0;
float: none;
margin-bottom: 30px;  
}
.content section{
float: none;
width: 100%;
}
.content .container{
position: relative;
}
.title-top .container > img{
width: 240px;
top: 15px;  
}
.enrollment-betty {
left: 20px !important;
top:-170px !important;
}
.icon-enrollment.m5,
.icon-employment.m4,
.icon-employment.m6,
.icon-contact.m5,
#bx-pager{
display: none;
}
.data-title__{
width: 100%;
}
#enrollment .enrollment-gino {
height: auto;
width: 46%;
top: -35px;
}
.content{
padding-top: 0;
}
#about-us .aboutus-greeny {
position: absolute;
z-index: 2;
height: auto;
top: -29%;
left: 79%;
width: 250px;
}
#about-us .title__ {
left: 50%;
transform: translateX(-50%);
top: 21.5%;
}
.about-us-teki {
top: -88% !important;
left: 5% !important;
width: 215px !important;
}
#about-us .content {
min-height: 320px;
}
.icon-aboutus.m3,
.icon-school.m3,
.icon-school.m2{
display: none;
}
#school-life .school-life-mato {
right: -3%;
width: 250px;
top: 7%;
}
.purple {
top: -80% !important;
left: 4% !important;
width: 150px !important;
z-index: 3;
}
#school-life .the-content__ {
height: auto;
padding-bottom: 100px;
}
.employment-heart{
top: 25px;
width: 40%;
}
.employment-heart {
top: 2%;
width: 280px;
}
.employment-atom {
width: 200px;
top: -25%;
right: auto; left: 15px !important;
}
.contact-teki {
top: 58%;
width: 460px;
}
.gallery-thumbs{
display: none;
}
#school-life .content {
padding: 0 0 0px 0;
}
.request-a-tour .container{
text-align: center;
}
.request-a-tour p span{
font-size: 15px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -30px;  
}
.request-a-tour a{
display: inline-block;
margin-top: 25px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.fa.fa-close{
right: 12% !important;
}
}
@media only screen and (max-width: 599px),only screen and (max-device-width: 599px){
.fa.fa-close{
right: 3% !important;
}
header .logo{
width: 210px;
}
section.gallery .column{
width: 100%;
}
.icon.gallery-m1,
.icon.gallery-m2,
.icon.gallery-m3,
.icon-aboutus.m5,
.icon-aboutus.m2,
.icon-aboutus.m4,
.icon-aboutus.m1,
.icon-school.m1,
.icon-contact.m2{
display: none;
}
.icon.gallery-m4,
.icon.gallery-m5,
.icon.gallery-m6,
.icon.gallery-m7{
display: block;
}
section.gallery .column{
min-height: 237px;
}
footer{
padding: 67px 0;
position: relative;
}    
footer .column{
width: 100% !important;
text-align: center;
margin-bottom: 18px;
}
footer .column h3{
font-size: 22px;
line-height:20px;
margin-bottom: 12px;
}
footer .column ul li a{
font-size: 15px;
line-height: 13px;
margin-bottom: 8px;
}
footer .column .socials-footer{
display: none;
}
.socials-footer-mobile{
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
}
.socials-footer-mobile span{
color: #666666;
font-size: 12px;
line-height: 29px;
text-align: center;
margin-left: 20px;
}
section.about .image {
width: 198px !important;
position: absolute;
right: 0px;
}
footer .container > img{
width: 200px;
top: -157px;
left: -10px;  
}
section.description .image img:nth-child(2){
width: 185px;
bottom: 22%;
right: 0px;
}
section.description .data{
padding-bottom: 70px;
}
section.quote .swiper-slide .container{
font-size: 16px;
line-height: 22px;
padding: 72px 20px;
}
section.quote .swiper-slide .container .big{
font-size: 21px;
}
section.quote .swiper-slide .container p{
font-size: 14px;
}
section.description .image img:nth-child(1){
top: -89px;
width: 198px;
left: -10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 50px;
}
section.about {
padding-bottom: 60px !important;
}
.icon.banner-mobile{
display: block;
}
.icon.banner-mobile span{
color: white;
display: block;
font-family: 'Nunito', sans-serif;
font-size: 30px;
letter-spacing: .7px;
line-height: 32px;
text-align: center;
font-weight: bold;
}
.icon.banner-m,
{
display: none;
}
section.about .data h2{
font-size: 22px;
line-height: 20px;
}
section.about .data p{
font-size: 16px;
}
section.gallery h2{
font-size: 35px;
line-height: 35px; 
}
.site-navigation ul li a{
font-size: 30px;
line-height: 60px;
}
.request-a-tour p{
font-size: 35px;
line-height: 35px;   
}
#enrollment .enrollment-gino {
height: auto;
width: 200px;
top: 35px;
}
.enrollment-betty {
top: -145px !important;
}
.icon.banner-m{
display: none;
}
#about-us .aboutus-greeny {
top: 33%;
left: 80%;
width: 190px;
}
.about-us-teki {
top: -24% !important;
width: 200px !important;
}
#school-life .school-life-mato {
right: 0%;
width: 175px;
top: 32%;
}
.purple {
top: -29% !important;   
}
.content p{
font-size: 16px;
line-height: 23px;
}
.the-content__ ul li {
margin-bottom: 16px;
font-size: 16px;
}
#employment .the-content__ h3{
font-size: 20px;
line-height: 22px;
}
.form-contact, .data-contact{
float: none;
width: 100%;
padding:0;
}
.form-contact{
margin-bottom: 40px;
}
.contact-teki {
top: -52%;
width: 300px;
left: 47%;
}
.contact-heart{
top: -150px !important;
left: auto !important; right: 40px;
}
#contact .title__ {
left: 50%;
transform: translateX(-50%);
}
.icon-contact.m3{
left: 83%;
bottom: 14%;
}
#contact iframe{
height: 300px;
}
.employment-atom{
top: -18%;
}
}
@media only screen and (max-width: 499px),only screen and (max-device-width: 499px){
.icon-enrollment.m2,
.icon-employment.m1,
.icon-employment.m2{
display: none;
}
#enrollment .title__ {
left: 30.5%;
top: 30%;
width: 222px;
height: 144px;
}
.title__{
width: 220px;
height: 140px;
background-size: cover !important;
background-position: center center !important;  
} 
#about-us .title__{
top: 34% !important;
}
.title__ span {
font-size: 28px;
}
.data-title__{
font-size: 28px;
}
#about-us .aboutus-greeny {
top: -77%;
left: 52%;
width: 190px;
}
#about-us .e-top{
height: 300px;
}
.purple{
left: 50% !important;
width: 150px !important; top: -26% !important;
}
#school-life .school-life-mato {
right: 0%;
width: 150px;
top: -8%;
}
#employment .title__{
top: 26%;
width: 284px;
height: 183px;
}
.employment-heart {
top: 3%;
width: 200px;
}
#employment .title__ {
top: 20%;
}
.e-top{
height: 280px;
}
.icon-contact.m1{
bottom: 27.5%; 
}
.contact-teki {
top: -85%;
width: 220px;
left: 47%;
}
.icon.banner-mobile{
width: 200px;
height: 140px; 
padding-top: 28px;
}
.icon.banner-mobile span{
font-size: 30px;
line-height: 30px;  
}
header .banner .container img{
left: -24px;
}
}
@media only screen and (max-width: 399px),only screen and (max-device-width: 399px){
.enroll-now .image {
width: 276px;
margin: auto;
float: none;
}
section.gallery .container .column img{
width: 100%;
}
section.gallery .container .column{
margin-bottom: 10px;
}
header .logo{
width: 170px;
}
header .banner .container img{
width: 190px;
bottom: -62px;
left: -8px;
}
.icon.about-m2 {
width: 18px;
height: 17px;
top: -35px;
right: 49.5%;
background-position: -265px -480px;
}
section.about{
padding-top: 60px;
}
section.about .data h2,
section.description .data .info h2{
font-size: 16px;
line-height: 18px;
}
section.about .data p,
section.description .data .info p {
font-size: 13px;
line-height: 17px;
}
.icon.about-m5{
top: 12px;
right: 24px;
}
.button__primary{
font-size: 13px !important;
padding: 5px 19px !important;
border: 3px solid #bccf51;
}
.icon.about-m6{
left: 25%;
}
section.description .image img:nth-child(2){
bottom: 23%;
right: 0px;
width: 170px;
}
.enroll-now .data p span {
font-size: 26px;
}
.enroll-now .data p{
font-size: 20px;
}
.enroll-now .image div:nth-child(1),
.enroll-now .image div:nth-child(3){
background-size: cover !important;
background-position: center center;
width: 100px;
height: 88px;
}
.enroll-now .image div:nth-child(2) {
width: 62px;
height: 53px;
background-size: cover !important;
font-size: 35px;
line-height: 53px;
}
.enroll-now .image div p span {
font-size: 30px;
}
.enroll-now .image div p{
line-height: 24px;
font-size: 18px;
padding-top: 20px;
}
#enrollment .title__ {
left: 50%;
top: 29.5%;
transform: translateX(-50%);
}
#enrollment .enrollment-gino {
height: auto;
width: 120px;
top: 35px;
}
.about-us-teki {
top: -26% !important;
width: 180px !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.icon-contact.m1{
display: none;
}
.gallery-top {
height: 260px;  
}
.icon-employment.m3{
display: none;
}
#employment .title__{
left: 50% !important;
transform: translateX(-50%;);
}
.employment-heart {
top: 1%;
width: 169px;
}
#employment .title__{
width: 220px;
height: 141px;
left: 66% !important;
top: 20%;
}
#employment .title__ span{
font-size: 22px;
}
.icon.banner-mobile{
bottom: -36px;
}
}
@media only screen and (max-width: 359px),only screen and (max-device-width: 359px){
.icon.banner-mobile {
width: 170px;
height: 121px;
padding-top: 27px;
}
.icon.banner-mobile span {
font-size: 24px;
line-height: 24px;
}
} input#input_1_8, .page-id-604 input#input_1_9, .page-id-604 input#input_1_3_1, .page-id-604 input#input_1_3_2, .page-id-604 input#input_1_3_3, .page-id-604 select#input_1_3_4, .page-id-604 input#input_1_3_5, .page-id-604 input#input_1_4, .page-id-604 input#input_1_5 {
width: 100%;
border-radius: 7px;
border: 2px solid #F8B242;
background: transparent;
font-family: 'Nunito', sans-serif;
font-size: 18px;
font-weight: 800;
z-index: 20;
position: relative;
}
.page-id-604 h2.gform_title {
color: #FFCC00;
font-family: 'Nunito', sans-serif;
font-size: 40px;
margin: 0;
font-weight: 800;
line-height: 40px;
width: 416px;
margin-top: 21px;
}
.page-id-604 input#input_1_1002-0,.page-id-604 input#input_1_1001-0,.page-id-604 input#input_1_1001-1,.page-id-604 input#input_1_1001-2,.page-id-604 input#input_1_1001-3,.page-id-604 input#input_1_1001-4,.page-id-604 input#input_1_1001-5,.page-id-604 input#input_1_1001-6,.page-id-604 input#input_1_1001-7,.page-id-604 input#input_1_1001-8,.page-id-604 input#input_1_1001-9,.page-id-604 input#input_1_1001-10,.page-id-604 input#input_1_1002-1,.page-id-604 input#input_1_1002-2,.page-id-604 input#input_1_1002-3,.page-id-604 input#input_1_1002-4,.page-id-604 input#input_1_1002-5,.page-id-604 input#input_1_1002-6,.page-id-604 input#input_1_1002-7,.page-id-604 input#input_1_1002-8,.page-id-604 input#input_1_1002-9,.page-id-604 input#input_1_1002-10
{
width: 100%;
border-radius: 7px;
border: 2px solid #F8B242;
background: transparent;
font-family: 'Nunito', sans-serif;
font-size: 18px;
font-weight: 800;
z-index: 20;
position: relative;
}
.page-id-604 button.add_repeater_item.gform-theme-button.gform-theme-button--secondary.gform-theme-button--size-sm.add_repeater_item_text, .page-id-604 button.remove_repeater_item.gform-theme-button.gform-theme-button--secondary.gform-theme-button--size-sm.remove_repeater_item_text {
border: 3px solid #F8B242;
color: #F8B241;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
padding: 5px 35px;  
border-radius: 39px;
transition: .3s;
display: inline-block;
background: transparent;
}
.page-id-604 button.add_repeater_item.gform-theme-button.gform-theme-button--secondary.gform-theme-button--size-sm.add_repeater_item_text:hover {
background: #f8b242;
color: white;
}
.page-id-604 .gfield_repeater label.gfield_label.gform-field-label {
color: #000;
}
.page-id-604 input#gform_submit_button_1 {
width: auto;
padding: 5px 35px !important;
border: 3px solid #F8B242;
color: #F8B241;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding: 5px 35px;
border-radius: 39px;
background: transparent;
transition: .3s;
}
.page-id-604 input#gform_submit_button_1:hover {
background: #f8b242;
color: white;
}
.page-id-604 div#field_1_1000 {
padding: 20px;
background-color: #f7b1413d;
border-radius: 10px;
box-shadow: 1px 1px 6px rgba(0,0,0,.45);
margin-top: 20px;
margin-bottom: 20px;
}
.page-id-604 button.add_repeater_item.gform-theme-button.gform-theme-button--secondary.gform-theme-button--size-sm.add_repeater_item_text {
background-color: #f8b242!important;
color: #FFF!important;
}