.art:before,.art:after {
    display: block;
    content: '';
    width: 0rem;
    height: 0rem;
    margin-top: -2rem;
    margin-left: calc(50% - 1rem);
    background-position: 50% -1rem ;
    border: solid 8px;
    border-color: transparent red red red;
    border-radius: 16px 0 0;
    border-radius: 16px;
    opacity: 0.4;
}
.art:after {
    margin-top: 2rem;
    margin-bottom: -2rem;
    background-position: 50% -4rem ;
    border: solid 8px;
    border-color: transparent red transparent red;
    border-radius: 16px;
}

.art {
    max-width: 37rem;
    min-height: 35rem;
    margin: auto;
	background:url("../img/edu.png") no-repeat;   background-position: center; 
    padding: 3.6rem 1rem;
    border: 25px solid rgba(0,0,0,0);
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABMhJREFUeNrsXFuoTUEY/tdGTpxyKco9zkG5hlKiEMoDL4hQSvLiCa8uiVeF5PLAgweJkEgpTkkuhU7hQUKuOThFytHBYfv+vf7Z5syeWWuOzsFea/762mvPnsv6vz3z///MmllULBYpCZCxwE3gJ3ANGOXKO4yorjvRK+Qp/k1wm9x2gg5DgCvAZ+AqMIZSJJKC7gxR9AAfE7SkGygzy8w3PIrqmtBoG9FQldaT6MkgogvPiA5SJ8pIog1oa/FXonqVBnJeo605L4vFpxYdLuNjvpZ0H5jsTQwqWIKP1cLsDuAd0GKUaUOZHmmk4EabL+Fm5hF9oS6QBqJeC9EL0OaANHKgF+vQy6iin2AzxXWcBU5pdZULL8fHSa3gAmA88AIYoaU/TCOFpTf+la4ihYXr5jY+lS7lH8M98L3gnkxyHgFTtO9v4+ylYTVc0lZIGhNEBS3zEqNtkE+bgNNG+uk0UijuclOPEvXvKmK4bm7DTNfIqdOSz1h02KiRomR1+UozUPsthq0ZmKZ9/wEM8zW0+P09+ugJfKnvTHCdXLevQYYMlt6gfp8BNFnKHbMRM1KGjZl5PXBdri/+S+/zp95KVD0v6beBNZb8b4SDCmL6ArXAVoPNuzLM+HpBmnv/HyEyV3Tg4XLDGBU7xRC3M9Ds0+9JpiYZUjOEVVUBu7ZT1UiKEY6cAyZqf/h6MRW7geeSzuHJ2Egs82yLfbsD7BOfX8MF0EgrVaHA42rOksYB3ygeYuyqZ1qK3BIHkjhWmeXe1dpbLAFsjcQrSTpzlF8Klc0f2sRYza1mQhzE6HHaRfG0pv7X1DziskS4jcAWdm9ZICSFGCVwXLRdTMZ38cCjnHMlDpBs844sSZKOBVeBptgoZ1osEbKbmKQwP2vimD5UEpMnUtLIKeSZlERykuY+WfJMDm/lnHhGfOHqKcgQZbmnICKucMlqsStillzDJ4/EKHIi6UYUiHF4JV6j7UPU0I3oY96ML+vMunePlyB+d4yeRI8xYZrEq2NHiKar1bE8GF/WlXVm3ZkD5oLTC7K4e0EtXK8j+tCvtAifD2FdWWe1wM5clIZZqWcQja4Yf2AuDzbGpXuBgpD3JDJIICYQE4gJxARiAjGBmEBMICYQE4gJxAQJxARiAjGBmEDM/0QM783XEwcS7coLAaauiosSMXxgoUG2cvKO64/aNvSsC+uqdrAzB8wFX5efRPLDJt6bz9vQf8R7XnPzJJIfuNUSNbYQTVKHNsIjWpeN4QfYwdS2F+akwFseAjntSWFOwsYhx8ahklfiLZ157znm6bhygJdncmxHBttFvnkkx3WOsmJKkCdyEk/ehi3zbh2thyzSKs36IQv+IfFYToaJST2W43WQK0PEeB3k6tDRP6BVJ6aK5kTqskNH/7wPi2agx3gfFtULeR0vrmJiOny8WFu8Sj+QLmY8+wfSNfF+hYEvOdX8CgM98h1gIesQsNKIlNf6RMi8KnaYaBHufltnG1Ouk+t2be+3RLRr41sqyyrggKVorY2Ys0YmZnQPsMxIX+YzfeClQrXjuiuE666NA1KfMH+pRYe9rIKRfrzsyYwfvF6sA/TQrX0WX6zjs6Zb8SomYJYZx2TtVUw+UvHyLpe7ztLLu34JMACQvfxfACuiqAAAAABJRU5ErkJggg==") 25 repeat;
}

.art-11 {
    display: block;
    padding: 1.6rem 0;
    border: solid rgba(0,0,0,0);
    border-width: 25px 0;
    color: #f00;
    font-size: 2rem;
    text-align: center;
    border-radius: 99px;
    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT4AAABGCAYAAABVPvgoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwBJREFUeNrs3U+ITHEAB/C3lsLByXW3Ng4rSXJRWldyEEoukoQSB0o5ihMXB0r5k6TIyZYtxUFthJTkJEJxUdwkuxfWd9q3azyTdvN27djPp75t89s3c3j9+s7v/eY10zEyMlIAzCZznAJA8QEoPgDFB6D4ABQfgOIDUHwAig9A8QEoPgDFB6D4ACZirlNA3To6Omp/Td8ihBUf7W5Fcj/5mjxMljklTOubs3dSpnnF15m8TJY0jb1KehsLOys+FB//Q/GtTfqSt0l/0p28bvG0ruRDsi3pSQbL1aDio3b2+JhKB5OzTY8Hku3JULKgafxL8jG5lWwc67pkX3LJacSKj3Za8X1KFlf+vSXZWf4dc70svRuVY98kS634qJsPN5hK81uMHW2xirtcjlctdApRfLSbiy3G1iSfk/fl48Z+3/dk1QSfD4qPGe1Icri85G22v/i593emGN0LbPaxHDvuFDIV7PFR/6T6/XaWxgcZO5IDycpkOFme3E3WJy+Secnz5FxytTxmnHlKrXO0+MO9UzDBOTQZq5NdyaPkSbKuvMy9kjyd5GuZu1jxMWNXfH/NPKVO9viAWccNzFidYcUHoPgAFB+A4gNQfACKD0DxASg+AMUHoPgAFB+A4gNQfACKD0DxAYoPQPEB/H/82BB1zKHJ8GND/PtJ62vCqX1S+XlJXOoyy+fXoeRdcqEsvYabydZkSbIxGSjHG/8/Xx5/wPzEio92XPGdTg63OKQvuZZ0J6+Tfcm9FsedSI5Z8WHFRzvZ22LscbKoLL2GpeU8fDbB54PiY0YbbjF2KtlTGdtdjld9dQpRfLSb45XHjb28O8mGyvimpD+53TTWuLY96RQyFezxUf+k+vVT3bXF6J7e27Lcxvb1qrqSD8m2pCcZTB6Ot6B5iuKjjYqvqjN5WYx+ojvmVdJb/OG+PPMUl7q0s2/JluRBMlSM3si8uXAzMlZ8AFZ8AIoPQPEBKD4AxQeg+ADFB6D4ABQfgOIDUHwAig9A8QEoPoDp9UOAAQCFNqeaNbbltQAAAABJRU5ErkJggg==") 25 repeat;
}
   .animate-border {
  position: relative;
  display: block;
  width: 115px;
  height: 3px;
  background: #007bff; }

.animate-border:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  left: 0;
  bottom: 0;
  border-left: 10px solid #ff0;
  border-right: 10px solid #ff0;
  -webkit-animation: animborder 2s linear infinite;
  animation: animborder 2s linear infinite; }

@-webkit-keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }

@keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }

.animate-border.border-white:after {
  border-color: #01516f; }

.animate-border.border-yellow:after {
  border-color: #F5B02E; }

.animate-border.border-orange:after {
  border-right-color: #007bff;
  border-left-color: #007bff; }

.animate-border.border-ash:after {
  border-right-color: #EEF0EF;
  border-left-color: #EEF0EF; }

.animate-border.border-offwhite:after {
  border-right-color: #F7F9F8;
  border-left-color: #F7F9F8; }

/* Animated heading border */
@keyframes primary-short {
  0% {
    width: 15%; }
  50% {
    width: 90%; }
  100% {
    width: 10%; } }

@keyframes primary-long {
  0% {
    width: 80%; }
  50% {
    width: 0%; }
  100% {
    width: 80%; } } 

.dk-footer {
  padding: 75px 0 0;
  background-color: #06bcff;
  position: relative;
  z-index: 2; }
  .dk-footer .contact-us {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 10px; }
    .dk-footer .contact-us .contact-info {
      margin-left: 50px; }
    .dk-footer .contact-icon i {
    font-size: 24px;
    top: -15px;
    position: relative;
    color:#394e64; }

.dk-footer-box-info {
  position: absolute;
  top: -100px;
  background: #ffcf00;    text-align: center;
  padding: 40px;
  z-index: 2; }
  .dk-footer-box-info .footer-social-link h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 25px; }
  .dk-footer-box-info .footer-social-link ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .dk-footer-box-info .footer-social-link li {
    display: inline-block; }
  .dk-footer-box-info .footer-social-link a i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #000;
    margin-right: 5px;
    color: #01516f; }
    .dk-footer-box-info .footer-social-link a i.fa-facebook {
      background-color: #3B5998; }
    .dk-footer-box-info .footer-social-link a i.fa-twitter {
      background-color: #55ACEE; }
    .dk-footer-box-info .footer-social-link a i.fa-youtube {
      background-color: #fe0000; }
    .dk-footer-box-info .footer-social-link a i.fa-instagram {
      background-color: #B7242A; }

.footer-info-text {color:#62510a;line-height: 25px;
  margin: 26px 0 32px; }

  .footer-widget{text-align: center;}
.footer-left-widget {
  padding-left: 20px; }

.footer-widget .section-heading {
  margin-bottom: 35px; }

.footer-widget h3 {
  font-size: 24px;
  color: #01516f;
  position: relative;
  margin-bottom: 15px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content; }

.footer-widget ul {
  width: 50%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }

.footer-widget li {
  margin-bottom: 18px; }

.footer-widget p {color:#01516f;
  margin-bottom: 27px; }

.footer-widget a {
  color: #01516f;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .footer-widget a:hover {
    color: #007bff; }

.footer-widget:after {
  content: "";
  display: block;
  clear: both; }

.dk-footer-form {
  position: relative; }
  .dk-footer-form input[type=email] {
    padding: 14px 28px;
    border-radius: 50px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E; }
  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
    color: #878787;
    font-size: 14px; }
  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
    color: #878787;
    font-size: 14px; }
  .dk-footer-form button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 24px 12px 17px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 1px solid #007bff;
    background: #007bff;
    color: #01516f; }
  .dk-footer-form button:hover {
    cursor: pointer; }

/* ==========================

    Contact

=============================*/
.contact-us {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.contact-icon {
  position: absolute; }
  .contact-icon i {
    font-size: 36px;
    top: -5px;
    position: relative;
    color: #007bff; }

.contact-info {
  margin-left: 75px;
  color: #01516f; }
  .contact-info h3 {
    font-size: 20px;
    color: #01516f;line-height:30px;
    margin-bottom: 0; }

.copyright {
  padding: 28px 0px 5px 0px;  margin-top: 55px;
  background-color: #202020; }
  .copyright span,
  .copyright a {
    color: #878787;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .copyright a:hover {
    color:#007bff; }

.copyright-menu ul {
  text-align: right;
  margin: 0; }

.copyright-menu li {
  display: inline-block;
  padding-left: 20px; }

.back-to-top {
  position: relative;
  z-index: 2; }
  .back-to-top .btn-dark {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #2e2e2e;
    border-color: #2e2e2e;
    display: none;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .back-to-top .btn-dark:hover {
      cursor: pointer;
      background: #FA6742;
      border-color: #FA6742; }
    @media (max-width: 991px){.dk-footer-box-info{position:relative !important;top: -50px !important;}.ml25{margin:0 25% !important;} }