/*!
Theme Name: Hillside
Theme URI: http://underscores.me/
Author: Flossin Web
Author URI: https://www.flossinweb.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hillside
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Hillside is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.news-detail ol li {
    list-style: numeric;
    margin-left: 20px;
    margin-top: 5px;
}
.banner-section .content-column .title,
.banner-section .content-column .text,
.banner-section .content-column h1{
	max-width:700px;
}
.banner-section .content-column .title{
	font-size:1.5rem;
}
.banner-section .content-column h1{
	font-size: 3rem;
    margin-top: 30px;
    margin-bottom: 40px;
}
body{
	font-size:16px;
	color: #222;
}
h1{
	font-size:3rem;
}
h3 {
    font-size: 27px;
    font-weight: 700;
    color: #132144;
}
h4 {
    font-size: 21px;
    color: #0060ff;
    font-weight: 600;
	margin-bottom:20px;
}
h4:after {
    position: absolute;
    width: 50px;
    height: 3px;
    background: #132144;
    content: " ";
    left: 0;
    bottom: -5px;
    margin-top: 30px;
}
.text ol li,
.blog-post ol li{
	list-style:decimal;
	margin-left:15px;
}
.banner-section .slide::before {
    background-color: rgba(0,0,0,0.30);
}
.banner-section .slide {
    padding-top: 100px;
    padding-bottom: 160px;
    background-size: cover;
    background-repeat: no-repeat;
	background-position:bottom;
}
.banner-section .patern-layer-two {
    width: 435px;
    height: 441px;
}
.main-header .header-upper .logo-box {
    padding: 2px 0px;
}
.main-header .header-upper .logo-box .logo img {
    max-height:95px;
    width:auto;
}
.sticky-header .logo img{
	max-height:70px;
    width:auto;
}
.text.facts ul li,
.text.facts ul{
	list-style: disc;
}
.text.facts ul li{
	margin-bottom:5px;
}
.comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select{
	color:#000;
}
.feature-block-two .inner-box {
    min-height: 230px;
    background-position: center;
}
.feature-block-two .inner-box:before {
    background-color: rgba(20,29,59,0.50);
}
.main-header .header-top .info-list li .fa {
    position: absolute;
    left: 8px;
    top: 0px;
    color: #ffffff;
    font-size: 18px;
}
.contact-info-section .info-column .inner-column {
    padding: 15px 5px;
}
.images-column img{
	max-width:170px;
}
.images-column .image img{
	max-width:400px;
}
.page-title  {
    background-size: cover;
    background-position: center;
}
.page-title .pattern-layer-one{
	background: rgba(0,0,0,0.5);
}
.case-block .inner-box .image .overlay-box .content h4 a:hover,
.case-block .inner-box .image .overlay-box .content h4 a{
	font-size:18px;
	color:#fff;
}
.floating{
  -webkit-animation-name:floating;
  -webkit-animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -moz-animation-name:floating;
  -moz-animation-duration:3s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease-in-out
}

@-webkit-keyframes floating{
  from,to{-webkit-transform:translate(0,0)}
  65%{-webkit-transform:translate(0,20px)}
}
@-moz-keyframes floating{
  from,to{-moz-transform:translate(0,0)}
  65%{-moz-transform:translate(0,20px)}
}
.kcpe .fact-counter .column .inner .count-outer {
    font-size: 25px;
    line-height: 20px;
}
.kcpe .fact-counter .column .inner .count-outer .postfix {
    font-size: 20px;
}
.kcpe .inner-container.sec-title{
   background: #222;
   margin-bottom: 0;
}
.kcpe .inner-container.sec-title .title {
    background: #222;
    padding: 15px 0 10px;
    color: #fff;
}
.kcpe .inner-container{
	background: #99ffff;
    margin-bottom: 15px;
}
.kcpe-summary{
	display: inline-block;
    float: left;
    min-width: 180px;
    text-align: center;
}
.gallery-section .filters {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.kcpe table {
    color: #132144;
    font-weight: 600;
}
table thead{
	    background: #132144;
    color: #fff;
}
.grades .kcpe-summary{
    min-width: 120px;
}
.table td, .table th {
    padding: 4px;
}
.block-title .title{
	position: relative;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 0 20px;
}
.block-title .title:after{
	content: " ";
    position: absolute;
    bottom: 15px;
    width: 100%;
    background: #132144;
    height: 1px;
    left: 0;
}
.block{
	margin:auto;
}
.block-row{
	margin:auto;
	display: block;
}
.counter-section .inner-container {
    position: relative;
    padding: 40px 0px 0px 60px;
}
.fact-counter .column .inner .count-outer .postfix{
	font-size:2rem;
}
.news-section-four {
    position: relative;
    padding: 410px 0px 80px;
}
.news-section-four .image-layer {
    background-repeat: no-repeat;
    background-size: 100%;
}
.testimonial-page-section {
    position: relative;
    padding: 50px 0px 40px;
}
.testimonial-block .inner-box .upper-box {
    position: relative;
    padding-top: 0;
    padding-left: 80px;
}
.testimonial-block .inner-box .text {
    font-size: 18px;
}
.testimonial-block .inner-box .text{
	font-size:18px;
}
.testimonial-block .inner-box .upper-box .icon .fa {
    font-size: 3rem;
    color: #132144;
}
.services-section-three.margin-top {
    margin-top: -50px;
}
.service-block-three:first-child > .inner-box {
    background-color: #0060ff;
   
}
.service-block-three:first-child > .inner-box h4 a,.service-block-three:first-child > .inner-box .text{
	 color:#fff;
}
.services-section {
    position: relative;
    padding: 240px 0px 70px;
    background-color: #99ffff;
}
.services-section  .sec-title h2 {
    color: #141d38;
 }
 .services-section  .sec-title .title{
 	color:#0060ff;
 }
 .service-block .inner-box .icon-box {
    color: #6ba71c;
}
.fancybox-caption {
    text-align: center;
}
.case-block {
    margin: auto;
}
.news-section-two {
    position: relative;
    padding: 60px 0;
}
.about-section .images-column .inner-column {
    padding: 0px 0px 50px;
}
.news-block-two .inner-box .content-column .text{
	font-size:20px;
}
.gallery-section {
    padding: 40px 0;
}
.contact-info-section {
    position: relative;
    padding: 40px 0px 0px;
}
.contact-map-section {
    padding-bottom: 60px;
}
.contact-map-section.form {
    padding-bottom: 0;
}
.gform_button{
	position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 12px 50px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 3px;
    overflow: hidden;
    text-transform: capitalize;
    background-color: #1c2c52;
    font-family: 'Montserrat', sans-serif;
}
.contact-form > p,
.gform_footer p{
	display:none;
}

.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    width: 31.8% !important;
}

@keyframes confetti {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px; }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px; } 
}
@-moz-keyframes confetti {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px; }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@-webkit-keyframes confetti {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px; }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@-ms-keyframes confetti {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px; }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px; } 
}
.service-block .inner-box {
    padding: 20px 30px 20px;
    min-height:255px;
  }
.about-section {
    padding: 40px 0;
}
.counter-section .inner-container:before,
.effect-confetti.banner-effect {
  background-image: url("images/effects/confetti1.png"), url("images/effects/confetti2.png");
  -webkit-animation: confetti 10s linear infinite;
  -moz-animation: confetti 10s linear infinite;
  -ms-animation: confetti 10s linear infinite;
  animation: confetti 10s linear infinite; 
}
.banner-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    background-color: transparent;
}
.feature-block {
    position: relative;
    margin-bottom: 12px;
}
.feature-block .inner-box .feature-text {
    padding-bottom: 5px;
}
.feature-block .inner-box .icon.fa {
    font-size: 32px;
    line-height: 25px;
}
.feature-block .inner-box {
    padding-left: 55px;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select {
    height:35px;
    line-height: 23px;
}
.contact-form .form-group {
    position: relative;
    margin-bottom: 3px;
}
.contact-form .form-group label{
	margin-bottom: 0;
}
.page-id-391 .services-section.margin-top{
	margin:0!important;
	padding:40px 0 !important;
}
section ul,section li {
    list-style: disc;
    padding: 0px;
    margin: 0px 0px 0px 10px;
}
.banner-section .content-column {
    padding: 0 4rem;
}
@media only screen and (min-width: 641px){
	.gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
	    width: 32.8%;
	}
	.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half{
		width:49% !important;
	}
}