/*
Theme Name: ADweb
Description: Tema UK
Author: ADweb
version: 3.7
*/
*{margin:0; padding:0;}

body{font: 17px 'Poppins', sans-serif;color: #252525;-webkit-font-smoothing: antialiased;}
html::-webkit-scrollbar {width: 10px;height: 10px;}
html::-webkit-scrollbar-thumb {background: #001e7f;border-radius: 10px;}
html::-webkit-scrollbar-track {background: rgb(5 58 129 / 20%);}
::selection {background-color: #001e7f;color: #FFF;}

img{padding:0; max-width:100%; height:auto;}

.alignleft{float:left;margin:0 20px 10px 0;}
.alignright{float:right;margin:0 0 10px 20px;}
.aligncenter{display:block;margin: auto;width: 100%;padding: 10px;box-sizing: border-box;border: 1px solid #eaeaea;}
.wp-caption img, .wp-caption.aligncenter {width: 100% !important;box-sizing: border-box;}
.content p.wp-caption-text {background-color: #f10c27;display: table;margin: 15px auto 10px;color: #FFF;line-height: 27px;padding: 10px 20px;border-radius: 3px;}
.content p.wp-caption-text a{color: #FFF;}
.wp-caption.aligncenter{margin-bottom: 20px;}
a{color: #001e7f;text-decoration:none;transition: 0.3s;}
a:hover{color: #f10c27;text-decoration: underline;}

li{list-style: none;}

article.error{padding: 100px 10px 85px;}
article.error, article.error p {text-align: center;}

/* container */
.container {max-width: 1000px;margin: 0 auto;padding: 0 20px;box-sizing:border-box;}
.content.blog {padding-bottom: 35px;}
header{position: relative;text-align: center;background-color: #FFF;box-shadow: 0 0 10px -2px #000;z-index: 10;}
.logo {line-height: 0;}
header .container {padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;}
#boxtop {position: relative;line-height: 0;background-color: #000;}
.topcontent{position: absolute;top: 50%;width: 100%;padding: 0 20px;transform: translateY(-50%);line-height: initial;color: #FFF;z-index: 10;text-align: center;box-sizing: border-box;}
#boxtop img {width: 100%;object-fit: cover;min-height: 500px;max-height: 500px;opacity: 0.3;}
.topcontent h1 {text-align: center;line-height: inherit;color: #FFF;font-size: 32px;padding-bottom: 15px;text-shadow: 0 0 5px #000;}
#boxtop p{max-width: 800px;padding-bottom: 15px;margin: auto;font-size: 16px;line-height: 20px;text-align: center;text-shadow: 0 0 38px #020202;}
#boxtop a{position: relative;display: table;margin: auto;background-color: #001e7f;color: #FFF;font-weight: 700;text-transform: uppercase;margin-top:10px;padding: 15px 30px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);border-radius: 3px;}
#boxtop a:hover{background-color: #f10c27;top:-2px;text-decoration: none;}
#menu {z-index: 100;position: relative;}
#menu ul{display: flex;justify-content: center;}
#menu ul li{padding: 2px;position: relative;}
#menu ul li a{color: #141414;font-size: 18px;display: block;padding: 5px 15px;}
#menu ul li a:hover, #menu ul li:hover a{color:#222;background-color: #fee100;text-decoration:none;border-radius: 3px;}
#menu ul li ul{opacity:0;visibility:hidden;padding:10px;background-color: #FFF;text-align:left;position:absolute;top:55px;left: 2px;display: block;width: 100%;border-radius: 5px;transition:all .3s .1s;}
#menu ul li:hover ul{opacity:1;top:100%;visibility:visible;}
#menu ul ul li{position:relative;padding: 0;display: block;border: none;border-bottom: 1px dashed #eaeaea;}
#menu ul ul li a{color:#141414;font-size:13px;padding: 8px;display:block;}
#menu ul li:hover ul li a{color:#141414;background:none;}
#menu ul li:hover ul li a:hover{background-color:#001e7f;color:#FFF}
#menu-item-61213 > a::after, #menu-item-61268 > a::after {content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #252525;display: inline-block;margin-left: 5px;padding-bottom: 1px;}
#menu #menu-item-61213 ul{width: 640px;left: 50%;margin-left: -320px;display: flex;flex-wrap: wrap;justify-content: flex-start;box-sizing: border-box;}
#menu #menu-item-61213 ul li, #menu #menu-item-22374 ul li{width: 20%;}
#menu ul li ul li a::after {display: none !important;}
#menu ul ul li:first-child{border-left: none;}
.mob-menu-header-holder {box-shadow: 0 0 10px 0 #000;}

#searchbox {width: 100%;box-shadow: 0 1px 10px -2px #8e8e8e;text-align: center;padding: 45px 10px 30px;margin:0;border-radius: 5px;box-sizing: border-box;}
.home #searchbox{margin-bottom: 50px;}
#searchbox h2{color: #000;text-transform: uppercase;text-align: center;padding-bottom: 10px;margin-bottom: 20px;}
#searchbox h2::after {left: 50%;transform: translateX(-50%);}
#searchbox.fix h2{font-size: 20px;line-height: 28px;font-weight: 700;}
#searchbox p{text-align: center;font-weight: 400;line-height: 22px;}
#searchbox a{position: relative;display: table;margin: auto;background-color: #f10c27;color: #FFF;font-weight: 700;text-transform: uppercase;margin-top:10px;padding: 15px 30px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);border-radius: 3px;}
#searchbox a:hover{background-color: #001e7f;top:-2px;text-decoration: none;}
#searchbox.fix {position: fixed;bottom: 20px;right: 20px;z-index: 100;background-color: #FFF;width: auto;padding: 20px 20px 10px;animation: bounce-in 3s infinite}
#searchbox.fix a{margin: 0 auto}
@keyframes bounce-in {0% {transform: translate(0)}30% {transform: translate(0,-20px)}50% {transform: translate(0)}100% {transform: translate(0)}}
.content .is-search-form {box-shadow: 0 1px 10px -2px #8e8e8e;padding: 45px !important;margin: 20px 0;border-radius: 5px;}
.content .is-form-style input.is-search-input {padding: 29px;font-size: 20px !important;border: 2px solid #ccc!important;}
.content .is-form-style button.is-search-submit, .content .is-form-style input.is-search-submit, .content .is-search-icon {height: 62px;width: 70px;}
.content .is-search-icon{border: 2px solid #ccc;}
.content .is-form-style.is-form-style-3 label {width: calc(100% - 70px)!important;}
.content .is-search-icon svg {width: 48px;}

#seeker {box-shadow: 0 1px 10px -2px #8e8e8e;border-radius: 5px;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.seekerbox {padding: 40px;width: 50%;box-sizing: border-box;}
.seekerbox:nth-child(1), .seekerbox:nth-child(3) {border-right: 1px solid #e3e1e1;}
.seekerbox:nth-child(3), .seekerbox:nth-child(4) {border-top: 1px solid #e3e1e1;}
.seekerbox input, .seekerbox select {width: 100%;padding: 10px;font-size: 15px;border: 1px solid #d5d5d5;border-radius: 5px;box-sizing: border-box;margin-bottom: 10px;height: 40px;}
.seekerbox select{-webkit-text-fill-color: #757575;}
.seekerbox input[type="submit"] {background-color: #053980;color: #FFF;border: none;cursor: pointer;font-size: 20px;height: initial;padding: 15px 10px;transition: 0.3s;}
.seekerbox input[type="submit"]:hover {background-color: #f10c27;}
.seekerbox:nth-child(2) input[type="submit"], .seekerbox:nth-child(3) input[type="submit"]{background-color: #f10c27;}

/* content */
.content.cat {padding: 50px 20px;}
.content.page section{padding: 50px 0 35px;}
#breadcrumbs {padding-bottom: 20px;position: relative;font-size: 15px;margin-bottom: 30px;border-bottom: 1px solid #eaeaea;}
#breadcrumbs span {font-weight: 500;}
.content h1{font: 700 36px/40px 'Poppins';padding-bottom: 15px;width: 100%;box-sizing: border-box;}
.content.page h1{padding-bottom: 15px;}
.content.blog h1{font-size: 28px;padding: 20px;margin-bottom: 20px;background-color: #001e7f;color: #FFF;}
.content.cat h1{text-align:center;padding-bottom: 20px;}
.address {margin-right: 14px;display: inline-block;}
#boxcontent{margin-bottom: 50px;}
.content h2{font-size: 30px;padding-bottom: 10px;margin-bottom: 25px;font-weight: 500;line-height: 40px;color: #001e7f;position: relative;text-align: left;}
.content h2::after {content: "";position: absolute;width: 30%;height: 2px;bottom: 0;left: 0;background-color: #f10c27;}
.content .error h2{text-align: center;}
.content .error h2::after{left:50%;transform:translateX(-50%);}
.content h3{font-size: 23px;padding-bottom: 20px;font-weight: 500;color: #141414;}
.content #faqs h3{color: #001e7f;}
.content #faqs div h3{color: #141414;font-size: 20px;}
.content h4{font-size: 23px; padding-bottom: 20px; width: 100%;color: #222;}
.content p{padding-bottom: 20px;line-height: 36px;}
.content p strong, .content li strong{font-weight: 600;}
.content .descate p {text-align: center;padding-bottom: 10px;}
.update {padding: 30px 30px 30px 35px;box-shadow: 0 1px 10px -3px rgb(0 0 0 / 30%);position: relative;margin: 0 auto 50px;font-size: 17px;line-height: 36px;border-radius: 5px;}
.update::before {content: "";position: absolute;left: 10px;top: 50%;width: 5px;height: 80%;background-color: #fee100;transform: translateY(-50%);}
.update p{padding:0;}
.adsense{text-align: center; margin-bottom: 30px;}
header+.adsense, #boxtop+.adsense{margin-top: 30px;}
#dschools {background-color: #252525;margin-bottom: 20px;}
#dschools .container {margin: auto;padding: 0;display: flex;}
#dschools ul li {font-size: 14px;line-height: 20px;color: #FFF;padding: 10px 20px;list-style-type: none;border-left: 1px solid #393939;}
#dschools ul li:last-child {border-right: 1px solid #393939;}
#dschools ul li i{margin-right: 5px;}
.content .boxicon {padding-bottom: 40px}
.content .boxicon ul {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0;}
.content .boxicon li {list-style: none;width: 33.3333%;font-size: 16px;line-height: 28px;padding: 20px 10px 20px 45px;box-sizing: border-box;position: relative;}
.content .boxicon li strong {font-weight: 700;font-size: 18px;line-height: 26px;display: block;padding-bottom: 10px;}
.content .boxicon li br {display: none;}
.boxicon li i {position: absolute;font-size: 25px;left: 10px;color: #001e7f;}
.boxicon a{position: relative;display: table;margin: auto;background-color: #fee100;color: #222;font-weight: 700;text-transform: uppercase;margin-top:10px;padding: 15px 30px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);border-radius: 3px;}
.boxicon a:hover{background-color: #feb200;top:-2px;text-decoration: none;}
.schoold p:nth-child(1) strong {display: block;font-size: 22px;padding-bottom: 15px;margin-bottom: 10px;font-weight: 600;line-height: 28px;color: #001e7f;position: relative;text-align: left;}
.schoold p:nth-child(1) strong::after {display: block;content: "";position: absolute;width: 30%;height: 2px;bottom: 0;left: 0;background-color: #f10c27;}
blockquote {background-color: #f2fff6;padding: 15px 15px 0 42px;border: 1px dashed #bbe4c7;position: relative;margin-bottom: 15px;}
blockquote::before {content: "\f0a4";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 5px;position: absolute;left: 15px;top: 18px;font-size: 20px;}
.content ul, .content ol{margin-left: 30px;padding-bottom: 20px;}
.content li{list-style-type: disc;line-height: 30px;padding-bottom: 2px;}
.content ol li{list-style: decimal;}

.content .uk{display: flex;align-items: flex-start;margin: auto;justify-content: space-between;width: 100%;padding-bottom: 50px;}
.content .uk li{list-style-type: none;width: 20%;padding: 10px;font-size: 13px;line-height: 18px;color: #929292;text-align: center;}
.content .uk li i{display: block;font-size: 50px;color: #001e7f;margin-bottom: 15px;}
.content .uk li strong{display: block;color: #141414;font-size: 15px;text-transform: uppercase;}
.content .uk h3{font-size: 22px;padding-bottom: 10px;}

.content .boxlista {list-style-type: none;padding: 10px;width: 33.3333%;text-align: center;box-sizing: border-box;position: relative;}
.content .boxlista h2{padding: 0;font: 400 19px 'Poppins';}
.content .boxlista h2 a {display: block;background-color: #141414;color: #FFF;padding: 20px 10px;line-height: initial;}
.content .boxlista h2 a:hover{text-decoration:none;background-color: #001e7f;}
.content .boxlista p{padding: 0;line-height: 0;overflow: hidden;background-color: #000;}
.content .boxlista img {width: 100%;transition: 0.3s;}
.content .boxlista:hover img {transform: scale(1.1);opacity: 0.5;}
.content .boxlista span {position: absolute;color: #FFF;left: 0;bottom: 25px;z-index: 10;width: 100%;line-height: initial;padding: 10px;background-color: rgb(0 0 0 / 70%);border-left: 10px solid #e2e2e2;border-right: 10px solid #e2e2e2;box-sizing: border-box;}
.content .boxlista span em {color: #001e7f;font-style: normal;font-size: 18px;font-weight: 700;}

.content.home {padding: 30px 20px 20px;}
.content.home article{padding: 20px 0 30px;}

.schoolsbox > p {width: 100%;font-size: 20px !important;color: #141414;background-color: #e2e2e2;padding: 10px;margin: 0 5px 5px;text-align: center;}
.schoolsbox h3 {font-size: 22px !important;padding: 10px;}
.schoolsbox h3 a {color: #141414;display: block;}
.schoolsbox h3 a:hover {color: #001e7f;text-decoration: none;}
.schoolsbox .item {background-color: #FFF;padding: 5px 5px 0;box-shadow: 0 1px 10px -2px #8e8e8e;text-align: center;width: 19%;margin: 0 0.5% 30px;border-radius: 5px;box-sizing: border-box;}
.schoolsbox .item.itemhome{width: 49%;display:flex;align-items: flex-start;padding: 10px;margin: 0 0.5%;}
.cat .schoolsbox .item {width: 100%;display: flex;align-items: flex-start;padding: 30px;margin: 0 0 25px;}

.bhcontent {padding: 0 30px;text-align: left;}
.bhbtn {min-width: 200px;}
.bhcontent h3 {padding: 0 0 5px;}
.content .bhcontent .address {padding-bottom: 10px;text-align: left;}
.content .bhcontent .address i{color: #002275;}
.content .bhcontent .address span{vertical-align: middle;color: #141414;font-weight: 600;}
.content .bhcontent p {font-size: 14px;line-height: 22px;padding: 0;text-align: left;}
.cat .bhimg {min-width: 200px;max-width: 200px;margin: auto;}
.item.itemhome .bhimg {min-width: 130px;max-width: 130px;}
.cat .seeschool, .item.itemhome .seeschool {padding: 5px 0 0;}

.bhimg {line-height: 0;position: relative;overflow: hidden;background-color: #000;}
.bhimg img {transition: 0.3s;width: 100%;}
.schoolsbox .item:hover img {transform: scale(1.1);opacity: 0.5;}
.cateblo {display: block;padding: 5px;margin-bottom: 5px;font-size: 13px;border-bottom: 1px solid #e8e8e8;}
.seeschool {display: block;padding: 5px 10px 10px;}
.seeschool a {display: block;margin: 5px auto;background-color: #001e7f;color: #FFF;padding: 10px 20px;font-size: 18px;border-radius: 5px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);position: relative;}
.seeschool a:hover{background-color: #f10c27;top:-2px;text-decoration: none;}

.enlacecat {padding-top: 20px;}
.enlacecat a {display: table;margin: auto;background-color: #141414;color: #FFF;padding: 5px 15px;border-radius: 5px;font-size: 14px;}
.enlacecat a:hover {background-color: #f10c27;text-decoration: none;}

#schooldata {margin-top: 30px;padding: 30px 30px 15px;margin-bottom: 10px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);border-radius: 10px;}
#schooldata h2{background-color: #f10c27;padding: 8px 10px;color: #FFF;font-size: 22px;line-height: 30px;margin-bottom: 10px;position: relative;border-radius: 5px;}
#schooldata h2::before {content: "\f2b9";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 5px;}
#schooldata h2::after {content: "";background-color: #f10c27;width: 5px;height: 30px;position: absolute;top: -30px;left: 16px;}
#schooldata li {border-bottom: 1px dashed #DDD;padding: 8px 0;text-align: left;}
#schooldata li strong{font-weight: 700;}
#btnsdownload {padding-top: 30px;}
.btnweb {margin-right: 10px;background-color: #f10c27;color: #FFF;border: none;padding: 16px;font-size: 17px;border-radius: 5px;text-transform: uppercase;position: relative;font-weight: 700;cursor: pointer;letter-spacing: 1px;transition: 0.3s;}
.btnweb i {font-size: 21px;vertical-align: bottom;}
#btnpdf:hover {background-color: #ff2f40;}
#btnword {background-color: #1a59b7;}
#btnword:hover {background-color: #2978ee;}
#btnpng {background-color: #b1720e;}
#btnpng:hover {background-color: #d08713;}
#btnjpg {background-color: #ff4f0f;}
#btnjpg:hover {background-color: #f96934;}
#print {background-color: #141414;}
#print:hover {background-color: #3c3c3c;}

.btn1{background-color: #001e7f;color: #FFF;border: none;padding: 10px 15px;font-size: 15px;border-radius: 5px;text-transform: uppercase;position: relative;font-weight: 700;cursor: pointer;letter-spacing: 1px;transition: 0.3s;display: table;}
.btn1:hover{text-decoration: none;background-color: #f10c27;}
.btn2{background-color: #f10c27;color: #FFF;border: none;padding: 10px 15px;font-size: 15px;border-radius: 5px;text-transform: uppercase;position: relative;font-weight: 700;cursor: pointer;letter-spacing: 1px;transition: 0.3s;display: table;}
.btn2:hover{text-decoration: none;background-color: #f10c27;}
.btn{background-color: #001e7f;border-bottom: 2px solid #8faea3;box-shadow: 0 1px 7px -2px #cfcfcf;padding: 0 10px;font-size: 13px;border-radius: 5px;text-transform: uppercase;position: relative;cursor: pointer;letter-spacing: 1px;transition: 0.3s;display: inline-block;}

#map {padding-bottom: 45px;}
.schoolsbox #map {padding-top: 25px;}
#map iframe{border: 1px solid #eaeaea !important;padding: 10px;box-sizing: border-box;width:100%;}

.catblog .item {display: flex;align-items: flex-start;margin-top: 15px;padding: 10px;background-color: #eaeaea;}
.catblog .item:last-child{margin-bottom: 15px;}
.catblog .imgbox {width: 30%;line-height: 0;background-color: #000;overflow: hidden;}
.catblog .conbox {width: 70%;padding-left: 20px;box-sizing: border-box;}
.catblog .imgbox img {transition: 0.3s;width: 100%;}
.catblog .item:hover .imgbox img {opacity: 0.5;transform: scale(1.03);}
.catblog .item h3 {font-size: 20px;padding-bottom: 10px;}
.catblog .item h3 a {color: #141414;}
.catblog .item h3 a:hover {color: #001e7f;text-decoration:none;}
.catblog .item p {font-size: 14px;line-height: 22px;padding-bottom: 10px;}
.catblog .item p:last-child {padding: 0;}
.catblog .item p a {display: table;background-color: #d1091e;color: #FFF;padding: 5px 15px 5px 32px;position: relative;}
.catblog .item p a::before {content: "\f15c";font-family: "Font Awesome 5 Free";font-weight: 400;margin-right: 5px;position: absolute;left: 15px;top: 5px;font-size: 16px;}
.catblog .item p a:hover{background-color: #001e7f;text-decoration:none;}

.schoolsbox .telephone{position: absolute;bottom: 10px;right: 10px;}
.schoolsbox .telephone a{font-size: 20px;height: 30px;width: 30px;}
.telephone{position:fixed;bottom: 20px;right: 20px;text-align:center;z-index:100;}
.telephone span{font-size: 0;}
.telephone i{transform: rotate(-45deg);}
.telephone a{background-color:#17A43B;color:#FFF;font-size: 35px;border-radius: 50%;height: 60px;width: 60px;text-align: center;display: flex;justify-content: center;align-items: center;}
.telephone a:hover{background-color: #0bda40;text-decoration:none;}

footer{position: relative;box-shadow: 0 0 10px 0 #cfcfcf;}
footer .container {color: #252525;padding: 30px 0;font-size: 16px;line-height: 24px;}
.aboutus {padding: 10px 10px 18px;text-align: center;font-size: 14px;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
.aboutus img {margin-bottom: 10px;padding: 10px 20px;border-radius: 3px;box-sizing: border-box;}
.aboutus p {max-width: 640px;margin: auto;}
.mfooter ul {padding: 10px;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;}
.mfooter strong {text-transform: uppercase;font-size: 18px;padding: 5px 0;display: block;}
.mfooter li {padding: 5px 10px;}
.mfooter li a {color: #252525;font-size: 16px;}
.mfooter li a:hover {text-decoration: none;color: #f10c27;}
.mfooter+.mfooter {width: 47%;}
.mfooter+.mfooter ul {display: flex;flex-wrap: wrap;}
.mfooter+.mfooter li {width: 50%;padding: 4px;box-sizing: border-box;}

#copy {text-align: center;padding: 15px;font-size: 14px;color: #FFF;background-color: #001e7f;}

.content .navigation{line-height: 0;font-size: 11px;padding: 5px 0 15px;width: 100%;text-align: center;}
.content .navigation:empty{display: none;}
.content .navigation ul{margin: 0;}
.content .navigation li{list-style: none;display: inline-block;padding: 0;font-size: 13px;vertical-align: middle;text-align: center;}
.content .navigation li a{background-color: #001e7f;color: #FFF;padding: 4px 2px 2px;margin:2px;display: flex;align-items: center;justify-content: center;width: 28px;height: 24px;box-sizing: border-box;border-radius: 5px;}
.content .navigation li a:hover{background-color: #f10c27; color: #FFF; text-decoration: none;}
.content .navigation li.active a{background-color: #f10c27;color: #FFF;}
.content .navigation li.prevPost a, .content .navigation li.nextPost a{width: auto; background: none; color: #3a3a3a; font-size: 14px;}
.content .navigation li.prevPost a:hover, .content .navigation li.nextPost a:hover{text-decoration: none; color: #d1091e;}
.content .navigation li.totalPage{color: #141414;font-size: 13px;line-height: 21px;background-color: #e2e2e2;padding: 2px 10px;margin: 2px 4px 2px 2px;}

#questions{margin: auto;max-width: 1000px;padding: 0 20px 55px;box-sizing: border-box;}
#questions .container {padding: 30px;box-shadow: 0 5px 15px rgb(0 0 0 / 30%);border-radius: 10px;}
.question {margin-bottom: 15px;background-color: #F1F1F1;padding: 20px 20px 15px;}
.question p {padding: 0 10px 5px;text-align: left;}
.question p.questionItem {font-size: 20px;font-weight: 600;padding-bottom: 10px;}
.question:last-child {margin: 0;}

#related {background-color: #eaeaea;padding: 20px;margin-bottom: 20px;border-radius: 5px;}
#related p strong {font-size: 25px;color: #001e7f;}
#related .item {display: flex;flex-wrap: wrap;align-items: flex-start;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #cfe7e9;}
#related .item:last-child{border: none;padding: 0;margin: 0;}
#related .imgbox {width: 24%;line-height: 0;background-color: #000;overflow: hidden;}
#related .conbox {width: 76%;padding-left: 20px;box-sizing: border-box;}
#related .imgbox img {transition: 0.3s;width: 100%;}
#related .item:hover .imgbox img {opacity: 0.5;transform: scale(1.03);}
#related .item p {text-align: justify;padding-bottom: 5px;font-size: 14px;line-height: 20px;}
#related .conbox p strong a {font-size: 18px;line-height: 23px;display: table;color: #141414;text-align: left;}

.content table {width: 100%;padding-bottom: 25px;}
.content th{padding: 5px;background-color: #001e7f;color: #FFF;}
.content td {padding: 5px;border: 1px solid #eaeaea;}

#bloghome {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 20px;}
#bloghome article {width: 46%;margin: 0 2% 4%;}
#bloghome h2 {padding: 15px 0;color: #001e7f;transition: 0.3s;}
#bloghome h2:hover{color: #f10c27;}
#bloghome p {color: #252525;padding-bottom: 15px;}
#bloghome span {display: table;color: #252525;padding: 10px 20px;border-radius: 5px;border: 1px solid;transition: 0.3s;}
#bloghome span:hover{color: #f10c27;border-color: #f10c27;}
#bloghome a:hover{text-decoration: none;}

.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1000;}
.popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 1001;max-width: 80%;}
#popup-text p {line-height: 24px;text-align: ce;}
.info-icon{margin-right: 7px;display:inline-block;vertical-align: text-bottom;}
.info-icon::before{content: "i";cursor: pointer;color: #222;border: 1px solid #222;display: flex;align-items: center;justify-content: center;padding-left: 1px;width: 20px;height: 20px;border-radius: 50%;box-sizing: border-box;transition: 0.3s;}
.info-icon:hover::before {background-color: #1bb45e;border-color: #1bb45e;color: #FFF;}
.close-btn {background: #f10c27;color: #FFF;border: none;padding: 10px 30px;border-radius: 5px;cursor: pointer;transition: 0.3s;}
.close-btn:hover {background: #001e7f;}

.content #ez-toc-container.ez-toc-white {padding: 20px;margin: 10px 0 30px;}
.content #ez-toc-container li {padding: 2px 0;}

@media(max-width:1366px){
	.container {max-width: 900px;}
	body {font-size: 16px;}
	.content p {line-height: 32px;}
	.topcontent h1{font-size: 30px;}
	.content h2 {font-size: 26px;line-height: 36px;padding-bottom: 15px;}
	.content h2::after {width: 20%;height: 3px;}
	.content h3, .content h4 {font-size: 21px;}
}
@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
    .logo {margin: auto;padding: 10px;}
    .content .uk li i {font-size: 40px;}
    .content .uk li strong {font-size: 14px;}
	.content .boxicon li{width: 50%;}
	.update{margin: 0 20px 40px;}
	.cat .schoolsbox .item {display: block;}
	.cat .bhimg{margin-bottom: 15px;}
	.bhcontent h3, .content .bhcontent .address, .content .bhcontent p {text-align: center;}
    .listhab strong {font-size: 15px;}
    #searchbox li, .content .boxlista, .schoolsbox .item{width: 50%;}
    .schoolsbox .item{margin:0;}
	#searchbox.fix {position: relative;left: 0;right: initial;bottom: 0;margin: 0 20px 50px;animation: none;}
	.content .uk {flex-wrap: wrap;justify-content: center;}
	.content .uk li {width: 33.3333%;box-sizing: border-box;}
	#seeker {padding: 10px;}
	.seekerbox {width: 100%;padding: 15px;}
	.seekerbox p {text-align: center;}
	.seekerbox:nth-child(1) {border: none;}
	.seekerbox:nth-child(2), .seekerbox:nth-child(3) {border: none;border-top: 1px solid #e3e1e1;}
	.seekerbox:nth-child(1) input[type="submit"]{background-color: #f10c27;}
	.seekerbox:nth-child(1) input[type="submit"]:hover{background-color: #001e7f;}
	.seekerbox:nth-child(2) input[type="submit"]{background-color: #001e7f;}
	.seekerbox:nth-child(2) input[type="submit"]:hover{background-color: #f10c27;}
	.seekerbox input{text-align: center;}
}
@media(max-width:480px){
	.content .uk, #dschools{display: none;}
	.logo {font-size: 22px;}
	#boxtop{margin-bottom: 20px;}
	.topcontent h1{font-size: 20px;line-height: 25px;}
	.content h2 {font-size: 26px;line-height: 32px;}
	.content p, .content li, .update {font-size: 15px;line-height: 30px;}
	#boxtop p {font-size: 16px;line-height: 22px;}
	.schoolsbox .item, .catblog .imgbox, .catblog .conbox, #related .imgbox, #related .conbox {width: 100%;}
	.schoolsbox .item{margin:0 0 10px;}
	.bhbtn, .cat .bhimg{max-width: 100%;}
	.bhcontent {padding: 10px 0;}
	.item.itemhome .bhcontent{text-align: center;}
	.bhcontent h3{text-align: center;}
	.content .boxlista {width: 100%;padding: 5px 0;}
	.content .boxlista span{border: none;}
	#btnsdownload {padding-top: 10px}
	.btnweb {width: 100%;left: 0;margin: 0 0 10px !important;}
	#btnpdf i, #btnword i, #print i {font-size: 20px;}
	.btnweb::before, .btnweb::after {display:none !important;}
	#boxcontent{margin-bottom: 40px;}
    .catblog .item {display: block;text-align: center;padding: 15px;margin-top: 10px;}
	.catblog .conbox {padding: 15px 0 0;}
	.catblog .item p {text-align: center;}
	.catblog p a {margin: auto;}
	#bloghome article {width: 100%;margin: 0 0 30px;}
	#related{padding: 20px 20px 15px;margin-bottom: 20px;}
	#related .item {padding-bottom: 15px;margin-bottom: 20px;}
	#related .imgbox {margin-bottom: 10px;}
	#related .conbox {padding: 0 10px;}
	#related .conbox p strong a, #related .item p {text-align: center;}
	.content iframe {max-width: 100%;}
	.content .boxicon li{width: 100%;font-size: 15px;line-height: 30px;}
	.question{padding: 10px 10px 5px;}
	.mfooter li{width: 100%;text-align: center;}
}