@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
body {font-family: 'Montserrat', sans-serif; border-top: 3px solid #fff200; font-size: 17px;}
.color1 {color: #0071bb}
.color1-bgrd {background-color: #0071bb}
.color2-bgrd {background-color: #fff200 !important}
.whitetxt {color: #FFFFFF !important}
.white-bgrd {background-color: #FFFFFF}
.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.clear {clear: both}
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padright15 {padding-right: 15px}
.nopad {padding:0} 
.padbot5 {padding-bottom: 5px}
.padbot10 {padding-bottom: 10px}
.padtop5 {padding-top: 5px}
.padtop10 {padding-top: 10px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}
.padright0 {padding-right: 0}
.mar0 {margin: 0}
.martop55 {margin-top: 55px}
.marbot10 {margin-bottom: 10px}
.marbot15 {margin-bottom: 15px}
.marbot20 {margin-bottom: 20px}
.marbot30 {margin-bottom: 30px}
.marright5 {margin-right: 5px}
.marright10 {margin-right: 10px}
.marleft25 { margin-left:25px; }
.spacer0 {clear:both; height: 0px }
.spacer10 {clear:both; height: 10px }
.spacer20 {clear:both; height: 20px }
.spacer25 {clear: both; height: 25px}
.spacer35 {clear:both; height: 35px}
.spacer50 {clear: both; height: 50px}
.spacer75 {clear: both; height: 75px}
.font15 {font-size: 15px}
.font30 {font-size: 30px}
.greybg { background-color: #f6f6f6; }
.cursor-pointer { cursor: pointer}
#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); background:rgb(0,0,0,0.5); bottom:0px; z-index:999999 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

h1 {color: #3b80b2; font-size: 31px; margin-top: 0; margin-bottom: 30px; font-weight: 600;}
h2 {color: #3b80b2; font-size: 28px; font-weight: bold}
h3 {color: #3b80b2; font-size: 25px}
h4 {color: #3b80b2; font-size: 23px}
h5 {color: #3b80b2; font-size: 20px}
h6 {color: #3b80b2; font-size: 18px}

#pagecontent a {color: #3b80b2; font-weight: bold}

#header {background-color:#fff; position: relative; padding: 10px 0 0 0; border-bottom:6px solid #0071bb; }
#headerphone {float: right; width: 200px; background-color:#0071bb; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 19px; font-weight: bold} 
#headerphone a, #headervisit a { color: #FFF; text-decoration: none}
#headervisit {float: right; width: 200px; background-color:#ff971c; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 19px; font-weight: bold; margin-right: 20px;} 
.headervisittxt { float:right;padding-right: 21px; }

#navbar { padding-left:0; padding-right: 0; float: right}
.navbar-nav>li>a { color: #0071bb; font-size: 16px; font-weight: bold; padding: 0 9px; transition: color 0.5s ease; }
.nav>li>a:focus, .nav>li>a:hover { background: none; color: #ff971c }
.navbar { min-height:auto; margin-bottom: 0; margin-top: 40px;}
.navbar-nav { float: right}
.regform a {font-size: 28px;background-color: #0071bb;border-color: #0071bb !important;padding: 15px 30px;border-radius: 10px;color: #FFF;line-height: 32px}
.regform a:hover, .regform a:active, .regform a:focus {font-size: 28px;background-color: #0086DE !important; border-color: #0086DE !important; padding: 15px 30px;border-radius: 10px;color: #FFF;line-height: 32px}
@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    30%
    {
        -webkit-transform: translateX(-2px);
       transform: translateX(-2px);
    } 
    50%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    65%
    {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
    80%
    {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    30%
    {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    50%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    65%
    {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
    80%
    {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.swing:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

/* Carousel&Navbar */
.carousel-inner .item{min-height:580px !important;}
.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.5) !important; padding:20px; width:36%; top:18% !important; color:#FFF; }
.carousel-inner .carousel-position-four h2 { font-family:'Open Sans', sans-serif !important; font-weight:normal !important; font-size:40px !important;  color:#FFF; }
.carousel-inner .carousel-subtitle-v2 { font-family:'Open Sans', sans-serif !important;  font-size:18px !important; }
.carousel-inner .carousel-position-four{position:absolute;left:32%;}
.carousel-control.left,.carousel-control.right { background:none !important; }

.spotlight { border-bottom: 6px solid #fff200; padding: 0; overflow: hidden}
.spotlight:after { width: 100%;  height: 6px; background-color:#0071bb  }
.spotlightline1 {font-size: 35px}
.spotlightline2 {font-size: 22px}
.spotlightline3 {font-size: 10px}

.roundbox {border-radius: 6px; border: 1px solid #999; margin-bottom: 30px;}
.roundboxtitle { background-color: #0071bb; padding: 10px 0; text-align: center }
.roundboxtitle h3 { color: #FFF; margin: 0; padding: 0 }
.termtitle { background-color: #0071bb; padding: 10px 0; text-align: center }
.termtitle h3 { color: #FFF; margin: 0; padding: 0 ; font-size: 20px}
.termtitle p {font-size: 16px}
.roundboxcontent {padding: 10px;}

.homecat {  background-size:contain; background-repeat:no-repeat; height:230px; position:relative; margin-botom:20px;}
.homecat .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100% }
.homecat h3 { font-size:32px; font-weight: bold; text-shadow: 1px 1px 1px #000; color: #FFF; margin-top: 0; margin-bottom: 0  }
.homecat p { color: #FFF;   text-shadow: 1px 1px 1px #000;}

.review-slider h2 { margin: 50px 0; font-weight: bold; font-size: 35px;}
.testimonialcontent p { width: 70%; text-align: center; margin: 0 auto; }
.quotation-left { font-size: 70px; color: #ccc !important; float: left; padding-left: 30px; margin-top: 0;}
.quotation-right { font-size: 70px; color: #ccc !important; float: right; padding-right: 40px;  margin-top: 0px;}

.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#0071bb !important; }

.gridlayout h2 { margin-top: 0}

#ft { background: #0071bb url(/images/telford-preschool-children.png); min-height: 202px;}
.fa-facebook-square { color: #FFF; font-size: 32px;}
#ft p, #ft a { color: #FFF; }
.footerleft { padding-top: 75px;}
.footerright { padding-top: 38px;}
.footermenu h6 {font-size: 16px; color: #FFFFFF; margin-bottom: 0; margin-top: 15px}
.footermenu ul {list-style: none; padding-left: 10px}
.footermenu .footerlist a {font-size: 12px; text-decoration: none}
.footerline1 {display: none}

.whitebox { background-color: #FFFFFF; border-radius:6px; padding: 15px; width: 370px; }

@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-nav>li>a { font-size: 14px; padding: 0 6px;}
	.navbar { margin-top: 24px;}
	#navbar2 { padding: 0; float: right; width: 100%}
	.homecat { height: 200px;}
	.homecat h3 { font-size: 28px}
}

@media (max-width: 992px) {
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.navbar-toggle { display: block !important; background-color: red; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin:0; }
	.icon-bar { background-color: #fff;}
	.secondnav { display: block !important; background-color: #0071bb }
	#navbar { width: 100%; padding-top: 20px;}
	.navbar-nav { margin: 0; width: 100%;}
	.navbar-nav>li>a { padding: 8px 0 8px 0; color: #FFF; border-bottom: 1px solid #438ebf; }
	.navbar-nav>li { float: none; width: 90%}
	.navbar { margin-top: 0}
	
	#headerphone { width: 160px; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin-right: 10px;} 
	#headervisit { width: 160px; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin-right: 10px;}
	.headervisittxt { padding-right: 5px; }
}

@media only screen and (width: 768px) { 
	.homecat { height: 147px;}
	.homecat h3 { font-size: 20px;}
	.whitebox { width: 237px;}
	
}
@media only screen and (max-width: 767px) { 
	#headerphone { width: 136px; font-size: 14px;} 
	.headervisittxt { font-size: 14px; }
	.navbar-toggle { padding: 5px 12px; }
}

@media only screen and (max-width: 680px) { 
	.carousel-inner .item { min-height: 250px !important;}
	h1 { font-size: 25px; margin-bottom: 10px;}
	.homecat { height: 196px;}
	.review-slider h2 { font-size: 28px;}
	.testimonial .quotation-left, .testimonial .quotation-right { display: none}
	.whitebox { width: 242px}
	
}
@media only screen and (max-width: 320px) { 
	.carousel-inner .item { min-height: 250px !important;}
	h1 { font-size: 25px; margin-bottom: 10px;}
	.homecat { height: 170px;}
	.review-slider h2 { font-size: 24px;}
	.testimonial .quotation-left, .testimonial .quotation-right { display: none}
	.whitebox { width: auto}
}
/*
@media only screen and (max-width: 1024px) {
	

}


@media only screen and (max-width: 768px) {

		
}

@media only screen and (min-width: 480px) { 


}

/* Landscape iphone x*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  

}


@media only screen and (max-width: 480px) {

}




/* Landscape iphone 6,7,8 *
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 


}

/* Landscape iphone 6 Plus,7 Plus,8 Plus*
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  

}

/* Portrait  iphone 6,7,8*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  

}

/* Portrait iphone 5 *
@media only screen 
  and (max-width: 330px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
  	.navbar {border-top: 0;float: left;width: 100%;border: 0;min-height: 0 !important; }
	.carousel-indicators { display: none;}
	   
}
*/