/*------------------------------------------------------------------
File Name: New Home 2
Description: New Home 2 Styles Css File
Author: GramoTech
Author URI: http://gramotech.net/
Version: 1.0
------------------------------------------------------------------*/

/********************************************Home 6 Style Start********************************************/

.homepage-style-7 h1, 
.homepage-style-7 h2, 
.homepage-style-7 h3, 
.homepage-style-7 h4, 
.homepage-style-7 h5, 
.homepage-style-7 h6 {
    font-weight: 500;
}

.homepage-style-7 h2 {
    padding-left: 40px;
	position:relative;
}

.custom-width-full {
    max-width: none !important;
}
body .homepage-style-7 p {
    font: 400 16px/22px 'Roboto', sans-serif;
}

.online-admission-section.wf h2:before,
.upcoming-events-section.wf.padd-tb h2:before,
.department-section.wf.padd-tb h2:before,
.management-section h2:before,
.text-box h2:before,
section.news-updates-section h2:before,
section.department-section-2.wf h2:before,
.right-box h2:before,
.holder h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 6px;
    background: #fa394a;
}

.call-action-section.wf.padd-tb h2:before{
	content: none;
}

.homepage-style-5 .call-action-section.wf.padd-tb h2{
	padding-left:0;
}

.header-style-7 .navigation-row {
  background: #18254a;
}
.account-row {
  background: #0a0f1e;
  padding: 15px 0;
}
.account-row .right-col {
  float: right;
}
.account-row .my-account {
  margin-left: 20px;
}
.account-row .language-col {
  float: right;
  margin-left: 20px;
}
.account-row .language-col button {
  padding: 0;
  background: none;
  border: 0;
  font: 400 14px/14px 'Roboto', sans-serif;
  color: #fff;
}
.header-style-7 .my-account .acc-btn {
  padding: 0;
  margin: 0;
  background: none;
  font: 400 14px/14px 'Roboto', sans-serif;
  color: #fff;
  text-transform: capitalize;
}
.header-style-7 .my-account .acc-btn i {
  background: none;
  width: auto;
  height: auto;
  margin: 0 6px;
  line-height: inherit;
}
.account-row ul.search-cart {
  padding: 0;
}
.header-style-7 .burger-nav {
  padding: 11px 0 0 0;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  background: none;
  margin: 15px 0 0 14px;
}
.header-style-7 .burger-nav a {
  line-height: 44px;
}
.header-style-7 .burger-nav a img {
  display: block;
  width: 20px;
  margin: 0 auto;
}
.header-style-7 .search-icon {
  float: right;
}
.header-style-7 .search-form {
  float: right;
  width: 211px;
  position: relative;
  margin: 16px 0 0 0;
}
.header-style-7 .search-form input[type="text"] {
  float: left;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 36px;
  background: none;
  padding: 0 20px;
  font: 400 14px/14px 'Roboto', sans-serif;
  color: #fff;
}
.header-style-7 .search-form button {
  border: 0;
  padding: 0;
  background: none;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 8px;
}
.header-style-7 .logo-5 {
  padding: 0;
  position: absolute;
  top: -57px;
  z-index: 9;
  border: 0;
}
.header-style-7 .navigation-row .nav > li > a {
  font-size: 15px;
  padding: 0 25px;
}
.header-style-7 .navigation-row .nav > li > a:first-child {
  padding: 0 25px 0 0;
}
.header-style-7 .navigation-row .navbar-collapse {
  float: left;
  margin-left: 150px;
}
.header-style-7 .navigation-row .navbar {
  float: left;
}
.header-style-7 .search-form input[type="text"]::-webkit-input-placeholder { /* Edge */
  opacity: 1;
  color: #fff;
}
.header-style-7 .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 1;
  color: #fff;
}
.header-style-7 .search-form input[type="text"]::placeholder {
  opacity: 1;
  color: #fff;
}
.header-style-7 .top-head {
  background: #faab39;
  padding: 8px 0;
}
.header-style-7 .top-head strong.tag {
  float: left;
  border-radius: 12px;
  color: #fff;
  background: #fc4a59;
  font: 400 14px/28px 'Roboto', sans-serif;
  padding: 0 15px;
  margin: 0 15px 0 0;
}
.header-style-7 .top-head span {
  float: left;
  font: 400 14px/28px 'Roboto', sans-serif;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.account-row .menu-col {
  float: right;
  margin-right: 20px;
}
.account-row .menu-col ul {
  list-style: none;
  padding: 0;
}
.account-row .menu-col ul li {
  float: left;
  padding: 0 10px;
}
.account-row .menu-col ul li a {
  text-decoration: none;
  color: #fff;
  font: 400 14px/14px 'Roboto', sans-serif;
}
.account-row ul.search-cart li:first-child {
  border: 0;
  padding: 0;
  margin: 0;
}
.account-row span.pcount {
  position: static;
  float: right;
  margin: 0 0 0 6px;
  background: #fc4a59;
}
.account-row .cart-icon .btn-group .vcart-btn {
  font-size: 18px;
}
.dropdown-menu.cart-box {
  top: 41px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.account-row strong.title {
  float: left;
  color: #fff;
  font: 500 18px/25px 'Roboto', sans-serif;
  padding-left: 163px;
}
.banner-style-6 {
  position: relative;
}
.banner-style-6 img {
  display: block;
  width: 100%;
}
.banner-style-6 .caption {
  position: absolute;
  left: 0;
  top: 28%;
  width: 100%;
}
.banner-style-6 .caption .text-box {
  float: left;
  max-width: 800px;
}
.banner-style-6 .caption .text-box h1 {
  margin: 0 0 55px 0;
  color: #fff;
  font: 400 80px/70px 'Kanit', sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.top-head a.btn-close {
  float: right;
}
.banner-style-6 .caption .text-box h1 span {
  /*color: #fa394a;*/
}
.banner-style-6 .caption .text-box form {
  float: left;
  width: 650px;
  position: relative;
}
.banner-style-6 .caption .text-box input[type="text"] {
  float: left;
  width: 100%;
  height: 56px;
  border: 0;
  padding: 0 20px;
  color: #999;
  font: 16px 'Roboto', sans-serif;
}
.banner-style-6 .caption .text-box input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 165px;
  background: #fa394a;
  border: 0;
  padding: 0;
  color: #fff;
  font: 16px 'Roboto', sans-serif;
  text-transform: uppercase;
  height: 56px;
  text-align:center !important;
}
.banner-style-6 .caption .text-box input[type="submit"]:hover {
  background: #18254a;
}
.banner-style-6 .caption .text-box a.btn-all {
  display: block;
  color: #fff;
  font: 400 16px/16px 'Roboto', sans-serif;
  clear: both;
  padding: 30px 0 0 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.banner-style-6 .caption .text-box a.btn-all i {
  font-size: 14px;
  color: #fa394a;
  padding-left: 4px;
}
.banner-style-6 .caption .text-box a.btn-all:hover i {
  color: #fff;
}
.about-section {
  background: url("../images/about-img-01.jpg") no-repeat left top;
  margin-bottom: 90px;
}
.about-section .text-box {
  float: left;
  width: 100%;
  background: rgba(24, 27, 74, 0.6);
  padding: 80px 50px;
}
.about-section .text-box h2 {
  color: #fff;
  font: 42px/42px 'Kanit', sans-serif;
  margin: 0 0 15px 0;
}
.about-section .text-box b {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font: 20px/26px 'Kanit', sans-serif;
  padding: 0 0 15px 0;
}
.about-section .text-box p {
  color: #fff;
  margin: 0;
  font: 400 16px/28px 'Roboto', sans-serif;
}
.about-section .text-box a.btn-donate {
  float: right;
  color: #fff;
  font: 14px/48px 'Roboto', sans-serif;
  text-transform: uppercase;
  padding: 0 32px;
  background: #fa394a;
  margin-right: -189px;
  position: relative;
  z-index: 99;
}
.about-section .text-box a.btn-donate:hover {
  background: #fff;
  color: #fa394a;
}
.about-section .video-box {
  float: left;
  width: 100%;
  position: relative;
  height: 63vh;
}
.about-section .video-box a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  border: 8px solid #fa394a;
  color: #fff;
  text-align: center;
  font-size: 40px;
  padding-top: 30px;
}
.about-section .video-box a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.about-section .video-box a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  background: #fa394a;
}
.about-section .video-box a img {
  position: relative;
}
.infro-section {
  padding: 100px 0;
}
.infro-section .box {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  height: 200px;
  padding: 30px 15px;
}
.infro-section .box .icon-col {
  display: block;
  border: 1px solid #ddd;
  border-radius: 100%;
  margin: 0 auto 20px;
  width: 120px;
  height: 120px;
}
.facts-section .box {
  float: left;
  width: 100%;
}
.facts-section .box strong.title {
  display: block;
  color: #18254a;
  font: 400 60px/60px 'Kanit', sans-serif;
  position: relative;
}
.facts-section .box strong.title:before {
  content: '';
  position: absolute;
  left: 34%;
  top: 9px;
  width: 40px;
  height: 40px;
  border: 2px solid #f9eded;
  border-radius: 100%;
}
.facts-section .box strong.title:after {
  content: '';
  position: absolute;
  left: 33%;
  top: 30px;
  border: 1px solid #bd3738;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
.facts-section .box b {
  display: block;
  color: #999;
  font: 400 18px/26px 'Roboto', sans-serif;
  padding: 0 0 0 20px;
}
.facts-section .box b span {
  display: block;
}
.event-style-2 {
  float: left;
  width: 100%;
  padding: 0 0 80px 0;
}
#inner-banner strong.center-event-logo img {
  width: auto;
  margin: 0 auto 28px;
}
#inner-banner strong.date {
  display: block;
  color: #fff;
  font: 400 15px/15px 'Public Sans', sans-serif;
  padding: 0 0 20px 0;
}
#inner-banner .countdown-section {
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  margin: 0 3px 30px 3px;
  display: inline-block;
  padding: 10px 0;
  width: 70px;
}
#inner-banner .countdown-period, #inner-banner .countdown-amount {
  display: block;
  text-align: center;
  position: relative;
}
#inner-banner .countdown-amount {
  font: 400 30px/30px 'Public Sans', sans-serif;
  color: #fff;
  padding: 0 4px 0 0;
}
#inner-banner .countdown-period {
  color: #fff;
  font: 400 12px/12px 'Public Sans', sans-serif;
}
#inner-banner.event-banner h1 {
  font: 900 40px 'Overpass', sans-serif;
  margin: 0 auto 10px;
  width: 60%;
  text-align: center;
}
#inner-banner.event-banner span.time {
  display: inline-block;
  font: 400 15px/15px 'Public Sans', sans-serif;
  color: #fff;
  padding: 0 13px;
}
#inner-banner.event-banner span.time img, #inner-banner.event-banner span.location img {
  width: auto;
  float: left;
  padding: 0 16px 0 0;
}
#inner-banner.event-banner span.location {
  display: inline-block;
  font: 400 15px/15px 'Public Sans', sans-serif;
  color: #fff;
  padding: 0 13px;
}
.event-style-2 .style-2-box {
  background: #fff;
  padding: 26px 10px 30px 20px;
  height: 392px;
  position: relative;
}
.event-style-2 .style-2-box img {
  float: right;
  margin-right: 10px;
}
.event-style-2 .style-2-box strong.date {
  float: left;
  border: 1px solid #faccd5;
  border-radius: 3px;
  padding: 10px 14px;
  font: 400 30px/30px 'Public Sans', sans-serif;
  text-align: center;
  margin: 0 0 45px 0;
}
.event-style-2 .style-2-box strong.date span {
  display: block;
  font: 400 15px/15px 'Public Sans', sans-serif;
}
.event-style-2 .style-2-box h3 {
  clear: both;
  overflow: hidden;
  color: #010101;
  font: 900 30px/34px 'Overpass', sans-serif;
  margin: 0 0 20px 0;
}
.event-style-2 .style-2-box strong.time, .event-style-2 .style-2-box strong.location {
  display: block;
  font: 400 15px/15px 'Public Sans', sans-serif;
  color: #000;
  clear: both;
  padding: 0 0 15px 0;
}
.event-style-2 .style-2-box strong.time img, .event-style-2 .style-2-box strong.location img {
  float: left;
  padding: 0 14px 0 0;
}
.event-style-2 .style-2-box .round-thumb {
  position: absolute;
  bottom: 30px;
  right: 10px;
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  margin: 60px 10px 0 0;
}
.event-style-2 .style-2-box .round-thumb img {
  display: block;
  width: 100%;
  margin: 0;
}
.event-style-2 .style-2-box a.btn-free {
  position: absolute;
  left: 32px;
  bottom: 32px;
  float: left;
  padding: 10px 28px;
  border-radius: 3px;
  text-transform: uppercase;
  font: 700 16px/16px 'Public Sans', sans-serif;
  border: 1px solid;
  margin-top: 72px;
}
.event-style-2 .style-2-box a.btn-free:hover {
  color: #fff;
}
.event-style-2 .pagination-row {
  margin: 20px 0 0 0;
}
.homepage-style-7 .news-updates-section .box {
  margin-bottom: 30px;
}
.homepage-style-7 .news-updates-section .right-col h4 {
  clear: both;
  font-size: 20px;
  line-height: 26px;
}
.homepage-style-7 .news-updates-section .right-col span.date {
  text-align: center;
  border-radius: 100%;
  padding: 0 0 0 0;
  margin-right: 30px;
  font-size: 16px;
}
.homepage-style-7 .news-updates-section .right-col span.date i {
  display: block;
  text-align: center;
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 100%;
  line-height: 30px;
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #fa394a;
}
.homepage-style-7 .news-updates-section .right-col span.date:before {
  display: none;
}
.homepage-style-7 .news-updates-section .right-col span.date b {
  display: block;
  padding-top: 10px;
}
.homepage-style-7 .news-updates-section .right-col span.title {
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  color: #fa394a;
}
.homepage-style-7 .news-updates-section .frame strong.tag {
  background: #fa394a;
}
.homepage-style-7 .news-updates-section .right-col span.title img {
  padding-right: 10px;
}
.news-updates-section .right-col ul li .holder {
  overflow: hidden;
}
.homepage-style-7 .news-updates-section .text-box {
  padding: 30px 20px 15px 20px;
}
.homepage-style-7 .news-updates-section::before {
  background-position: right bottom;
}
.homepage-style-7 .news-updates-section .right-col ul {
  padding-left: 30px;
  position: relative;
  z-index: 99;
}
.news-updates-section .right-col:before {
  content: '';
  position: absolute;
  right: -83%;
  top: -81px;
  width: 100%;
  height: 30%;
  background: #f6f6f6;
}
.news-updates-section .right-col:after {
  content: '';
  position: absolute;
  right: 8px;
  top: -81px;
  width: 100%;
  height: 30%;
  background: #f6f6f6;
}
.department-section-2 {
  background-color: #18254a;
  padding: 80px 0;
  position: relative;
}
.department-section-2 .owl-dots {
  display: block;
  text-align: center;
  margin: 40px 0 0 0;
}
.department-section-2 .owl-carousel button.owl-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 100%;
  margin: 0 4px;
}
.department-section-2 .owl-carousel button.owl-dot.active {
  background: #fa394a;
  width: 10px;
  height: 10px;
}
.department-section-2 h2 {
  margin: 0 0 30px 0;
  color: #fff;
  line-height: 48px;
}
.department-section-2 .box {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
  padding: 35px 22px;
  border-bottom: 3px solid #fa394a;
}
.department-section-2 .box:hover .icon-col {
	background:#fa394a;
}
.department-section-2 .box .icon-col {
  display: block;
  margin: 0 auto 22px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #18254a;
  text-align: center;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);
}
.department-section-2 .box .text-box {
  text-align: center;
}
.department-section-2 .box .text-box h5 {
  margin: 0;
  font: 400 16px/22px 'Kanit', sans-serif;
  color: #999;
}
.department-section-2 .btn-row {
  display: block;
  width: 100%;
  text-align: center;
  margin: 50px 0 0 0;
}
.department-section-2 a.btn-more {
  display: inline-block;
  background: #fa394a;
  padding: 20px 30px;
  font: 500 16px/16px 'Kanit', sans-serif;
  color: #fff;
}
.homepage-style-7 .news-updates-section .right-col a.btn-more {
  background: #fa394a;
}
.homepage-style-7 .news-updates-section .right-col a.btn-more:hover {
  background: #fff;
  color: #fa394a;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.homepage-style-7 .welcome-section h3 {
  color: #fa394a;
  font: 500 35px/43px 'Kanit', sans-serif;
}
.homepage-style-7 .welcome-section strong.title {
  color: #18254a;
}
.homepage-style-7 .flip_frame .flip_front .inner h2::before, .homepage-style-7 .flip_frame .flip_back .inner h2::before {
  background: #fa394a;
}
.homepage-style-7 .mbc {
  background: #fa394a;
}
.admission-section .left-box {
  float: left;
  width: 50%;
}
.admission-section .left-box img {
  display: block;
  width: 100%;
}
.admission-section {
  background: #18254a url("../images/footer-map-img.png") no-repeat right center/40%;
  padding: 80px 0 140px 0;
  height: 400px;
  margin-bottom: 70px;
}
.admission-section .right-box {
  float: left;
  width: 100%;
}
.admission-section .right-box h2 {
  color: #fff;
  margin: 0 0 25px 0;
}
.admission-section .right-box strong {
  display: block;
  color: #fa394a;
  font: 400 18px/18px 'Roboto', sans-serif;
  padding: 0 0 20px 0;
}
.admission-section .right-box p {
  color: #fff;
  font: 400 18px/30px 'Roboto', sans-serif;
  margin: 0 0 80px 0;
  padding: 0 500px 0 0;
}
.admission-section .right-box a.btn-apply, .admission-section .left-box a.btn-apply {
  float: left;
  color: #fff;
  background: #fa394a;
  padding: 17px 36px;
  font: 400 16px/16px 'Kanit', sans-serif;
  margin: 0 10px;
}
.apy-section {
  margin-top: 0;
}
.apy-section ul {
  list-style: none;
  padding: 25px 0;
  margin: 0;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.apy-section ul li {
  display: inline-block;
  padding: 0 42px;
}
.gallery-section-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gallery-section-2 ul li {
  float: left;
  padding: 0;
  width: 16.66666%;
  position: relative;
  overflow: hidden;
}
.gallery-section-2 ul li a {
  position: absolute;
  left: -130%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: #fa394a;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
}
.gallery-section-2 ul li:hover a {
  left: 0;
}
.gallery-section-2 ul li a:hover {
  background: #18254a;
}
.gallery-section-2 ul li img {
  width: 100%;
  display: block;
}
.homepage-style-7 .main-content {
  padding: 0;
}
.homepage-style-7 .newsletter {
  background: #18254a;
}
.homepage-style-7 .newsletter .holder {
  background: none;
  padding: 35px 0 30px 0;
  border-bottom: 1px solid #0c1225;
}
.homepage-style-7 .newsletter .input-group .subscribe {
  background: #fa394a;
}
.homepage-style-7 .newsletter .input-group .subscribe:hover {
  background: #fff;
  color: #fa394a;
  border-left: 2px solid #fa394a;
}
.homepage-style-7 .footer {
  background: #18254a;
}
.homepage-style-7 .copyrights {
  background: #18254a;
  padding: 0;
}
.homepage-style-7 .copyrights .holder {
  border-bottom: 1px solid #0c1225;
  border-top: 1px solid #0c1225;
  padding: 20px 0;
}
.homepage-style-7 .copyrights .holder address {
  margin: 0;
  overflow: hidden;
}
.homepage-style-7 .copyrights .footer-social a {
  border-color: rgba(255, 255, 255, 0.3);
  color: #999;
}
.homepage-style-7 .copyrights .footer-social a:hover {
  background: #fff;
}
.homepage-style-7 .copyrights ul {
  list-style: none;
}
.homepage-style-7 .copyrights ul li {
  float: left;
  padding: 0 0 0 38px;
}
.homepage-style-7 .copyrights .footer-social li {
  display: inline-block;
  margin-left: 5px;
  padding: 0;
}
.homepage-style-7 .copyrights ul li:first-child {
  padding: 0;
}
.homepage-style-7 .copyrights ul li a .icon {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 12px 0 0;
  text-align: center;
  font-size: 11px;
}
.homepage-style-7 .copyrights ul li a {
  text-decoration: none;
  color: #fff;
  font: 400 14px/30px 'Roboto', sans-serif;
}
.homepage-style-7 .copyrights ul li a:hover {
  color: #fa394a;
}
.homepage-style-7 .textwidget a.btn-more {
  float: left;
  color: #fff;
  padding: 12px 28px;
  font: 400 14px/14px 'Kanit', sans-serif;
  background: #fa394a;
  margin: 25px 0 0 0;
}
.homepage-style-7 .footer-logo img {
  display: block;
  margin-bottom: 10px;
}
.homepage-style-7 .footer-logo strong.slo {
  display: block;
  font: 500 18px/25px 'Roboto', sans-serif;
  color: #fff;
}
.homepage-style-7 .widget .quick-links a::before {
  display: none;
}
.homepage-style-7 .newsletter .container {
  width: 1170px;
}
.homepage-style-7 .widget img {
  float: right;
}
.homepage-style-7 .footer strong.slo {
  display: block;
  color: #fff;
  font: 700 20px/25px 'Roboto', sans-serif;
  padding: 0 0 15px 0;
  position: relative;
  margin: 0 0 30px 0;
}
.copy-btm-row strong.copy {
  color: #fff;
  display: block;
  font: 400 14px/14px 'Roboto', sans-serif;
  padding: 30px 0;
}
.copy-btm-row strong.copy a {
  color: #fa394a;
}
.copy-btm-row strong.copy a:hover {
  color: #fff;
}
.homepage-style-7 .footer strong.slo:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  height: 1px;
  background: #0c1225;
}
.homepage-style-7 .footer strong.slo:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  background: #fa394a;
}
.homepage-style-7 .footer a.btn-more {
	float: left;
    color: #fff;
    padding: 10px 28px;
    font: 400 14px/14px 'Kanit', sans-serif;
    border: 1px solid #fa394a;
    margin-top: 0;
    background: none;
}


.homepage-style-7 .footer a.btn-more:hover {
  border-color: transparent;
  background: #fff;
  color: #fa394a;
}
.homepage-style-7 .footer p {
  margin: 0 0 20px 0;
  color: #fff;
}
.center-row {
  position: relative;
}
.center-row:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/footer-map-img.png") no-repeat right top;
  width: 100%;
  height: 220px;
}
.newsletter .input-group .form-control, .newsletter .input-group .subscribe {
  height: 45px;
}
.newsletter .input-group .subscribe, .newsletter .input-group i {
  line-height: 45px;
}
.homepage-style-7 .welcome-section h3::after {
  display: none;
}
.homepage-style-7 .welcome-section {
  background: none;
}
.homepage-style-7 .welcome-section .holder {
  width: 93%;
}
.homepage-style-7 .welcome-section .text-box {
  margin-top: 20px;
}
.search-section .holder {
  padding: 60px 80px 80px 80px;
  position: relative;
}
.search-section {
  padding: 50px 0 80px 0;
}
.search-section .holder img.cap {
  position: absolute;
  width: auto;
  left: 0;
  right: 0;
  margin: auto;
  top: -45px;
}
.search-section .holder:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #f1f1f1;
}
.search-section h2 {
  color: #18254a;
  margin: 0 0 20px 0;
  position: relative;
}
.search-section p {
  margin: 0 0 30px 0;
}
.search-section .input-box {
  position: relative;
}
.search-section .input-box img {
  position: absolute;
  right: 20px;
  top: 17px;
}
.search-section input[type="text"] {
  float: left;
  width: 100%;
  height: 55px;
  padding: 0 15px;
  color: #999;
  border: 1px solid #ddd;
  font: 400 16px 'Roboto', sans-serif;
  margin: 0 0 30px 0;
}
.search-section select {
  float: left;
  width: 100%;
  height: 55px;
  font: 400 16px 'Roboto', sans-serif;
  color: #999;
  padding: 0 15px;
  background: url("../images/select-drop-icon-2.png") no-repeat 96% center;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.search-section button {
  float: left;
  width: 100%;
  height: 55px;
  border: 0;
  background: #fa394a;
}
.search-section button:hover {
  background: #18254a;
}
.quick-links-box {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.quick-links-box .frame {
  margin-bottom: 0;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.quick-links-box .frame img {
  display: block;
  width: 100%;
  height: 100%;
}
.quick-links-box .frame .caption {
  position: absolute;
  left: 0;
  bottom: -64%;
  width: 100%;
  text-align: center;
  background: #fa394a;
  padding: 0 15px;
}
.quick-links-box .frame .caption p {
  margin: 0 0 20px 0;
  color: #fff;
  font: 400 14px/24px 'Roboto', sans-serif;
}
.quick-links-box .frame .caption a.title {
  color: #fff;
  display: block;
  padding: 20px 0;
  font: 500 20px/20px 'Roboto', sans-serif;
}
.quick-links-box .frame .caption .btn-more {
  display: inline-block;
  padding: 14px 30px;
  background: #fff;
  color: #fa394a;
  text-transform: uppercase;
  font: 500 16px/16px 'Roboto', sans-serif;
  margin: 0 0 20px 0;
}
.quick-links-box .frame .caption .hover-text {
  background: #fa394a;
}
.quick-links-box .frame:hover .caption {
  bottom: 0;
}
.quick-links-box .frame:hover .caption a.title {
  font: 500 20px/20px 'Roboto', sans-serif;
}
.quick-links-box .thumb {
  float: left;
  width: 100%;
  position: relative;
}
.quick-links-box .thumb img {
  display: block;
  width: 100%;
  height: 100%;
}
.quick-links-box .thumb .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #fa394a;
}
.quick-links-box .thumb .caption a {
  color: #fff;
  display: block;
  padding: 20px 0;
  font: 500 16px/16px 'Roboto', sans-serif;
  text-transform: uppercase;
}
.tab-section .nav-tabs {
  border: 0;
}
.tab-section .nav-tabs > li {
  float: none;
  margin: 0;
  display: block;
  overflow: hidden;
  padding: 0 0 15px 0;
}
.tab-section .nav-tabs > li a {
  display: block;
  border: 1px solid #ddd;
  border-left: 3px solid #fa394a;
  border-radius: 0;
  background: #fff;
  color: #fa394a;
  font: 600 18px/32px 'Roboto', sans-serif;
}
.tab-section {
  position: relative;
  padding: 50px 0 50px 0;
  margin: 90px 0 90px 0;
}
.tab-section:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
  border-radius: 0 235px 235px 0;
  background: #f1f1f1;
}
.tab-section h2 {
  position: relative;
  color: #18254a;
  margin: 0 0 20px 0;
  padding-left: 40px;
}
.tab-section h2:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 6px;
  background: #fa394a;
}
.tab-section ul {
  list-style: none;
  position: relative;
}
.tab-section ul li {
  float: left;
  padding: 0 47px;
}
.tab-section ul li:first-child {
  padding: 0 47px 0 0;
}
.tab-section p {
  position: relative;
  margin: 0 0 30px 0;
  width: 50%;
}
.tab-section .owl-dots {
  display: block;
  text-align: center;
  margin: 50px 0 0 0;
}
.tab-section .owl-carousel button.owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #18254a;
  border-radius: 100%;
  margin: 0 4px;
}
.tab-section .owl-carousel button.owl-dot.active {
  background: #fa394a;
}
.tab-section img:hover {
  filter: gray;
  -webkit-filter: grayscale(100%);
  opacity: 0.4;
}
.partnets-row {
  float: left;
  width: 100%;
}
.partnets-row ul {
  list-style: none;
}
.partnets-row ul li {
  float: left;
  padding: 0 10px 0 0;
}
.homepage-style-7 .upcoming-events-section {
  margin-top: -195px;
  padding-top:0;
  padding-bottom:0;
}

.homepage-style-7 .newsletter .container {
    background: none;
}
.homepage-style-7 .newsletter{
	margin-bottom:0;
}
.homepage-style-7 .newsletter .status{
	color:#fff;
}
.search-department-form.search-sidebar{
	margin-bottom:80px;
}

/********************************************Home 6 Style End********************************************/
.campus-section .box a.btn-zoom, .campus-section .box:before, .management-section .box .frame .caption:before, .management-section .box .frame .caption a.btn-zoom, .exploring-section .frame, .news-updates-section .box .frame img, .news-updates-section .text-box h3 a, .news-updates-section .text-box .btm-row a.btn-more, .news-updates-section .text-box .btm-row span::before, .news-updates-section .right-col ul li, .call-action-section .holder a.btn-apply, .online-admission-section button, .discover-section .nav-tabs > li a, .quick-links-box ul li, .quick-links-box ul li a, .search-department-form button[type="submit"], .event-grid-box .frame img, .event-grid-box .text-box h3 a, .event-grid-box .text-box a.btn-continue, .event-grid-box .text-box strong.date .fas, .event-list-box .thumb img, .event-list-box .text-col h3 a, .event-list-box .text-col h3::before, .exploring-section .frame a, .department-box:before, .gallery-section .owl-carousel .owl-nav button.owl-next, .gallery-section .owl-carousel .owl-nav button.owl-prev, .sidebar-social li a, .radio-boxes input[type="radio"].css-radio + label.css-label, .donation-section a.btn-join, .donation-section a.btn-donate, .homepage-style-5 .textwidget a.btn-more, .news-updates-section .right-col a.btn-more, .quick-links-box .frame .caption, .quick-links-box .frame .caption a.title, .banner-style-6 .caption .text-box input[type="submit"], .banner-style-6 .caption .text-box a.btn-all, .about-section .text-box a.btn-donate, .homepage-style-7 .news-updates-section .right-col a.btn-more, .department-section-2 .box .icon-col, .department-section-2 .box, .tab-section img, .search-section button, .gallery-section-2 ul li a, .homepage-style-7 .newsletter .input-group .subscribe, .homepage-style-7 .footer a.btn-more, .homepage-style-7 .copyrights ul li a, .copy-btm-row strong.copy a, .homepage-style-7 #sb_instagram .sbi_photo:before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.FONTS {
  font-family: 'Kanit', sans-serif;
  font-family: 'Roboto', sans-serif;
}
.form-btns{
	position:fixed;
	top:40%;
	right:0;
	z-index:9;
}
.homepage-style-7 .form-btns a{
	display:block;
	width:100px;
	height:100px;
	border-radius:100%;
	background:red;
	margin:10px 0;
	text-align:center;
	color:#fff;
	font:500 18px/30px 'Kanit', sans-serif;
}
.homepage-style-7 .form-btns a:nth-child(1){
	background:#18254a;
}
.homepage-style-7 .form-btns a:nth-child(2){
	background:#fa394a;
}
.homepage-style-7 .form-btns a:nth-child(2){
	background:#faab39;
}
.homepage-style-7 .woocommerce ul.cart_list, .woocommerce ul.product_list_widget{
	margin:10px 0;
}
.homepage-style-7 .woocommerce ul.cart_list li, .homepage-style-7 .woocommerce ul.product_list_widget li{
	padding:10px 0 10px 30px;
	display:block;
	overflow:hidden;
	border:0;
}
.homepage-style-7 .woocommerce .widget_shopping_cart .cart_list li a.remove, .homepage-style-7 .woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 14px;
    border: 1px solid #ccc;
    line-height: 18px;
	font-size:20px;
	border:0;
}
.homepage-style-7 .woocommerce ul.cart_list li a, .homepage-style-7 .woocommerce ul.product_list_widget li a{
	font-size:16px;
}
.homepage-style-7 .woocommerce ul.cart_list li img, .homepage-style-7 .woocommerce ul.product_list_widget li img{
	width:65px;
	height:65px;
}
.homepage-style-7 .woocommerce.widget_shopping_cart.widget-box{
	margin-top:10px;
}
.homepage-style-7 .woocommerce.widget_shopping_cart .total{
	overflow:hidden;
	padding:15px 0;
}
.homepage-style-7 .woocommerce.widget_shopping_cart .total strong{
	float:left;
	padding:0 10px 0 0;
	color:#fa394a;
}
.homepage-style-7 .woocommerce.widget_shopping_cart .total span.woocommerce-Price-amount.amount{
	float:left;
}
.header-style-7 .burger-nav strong.menu-logo a img{
	width:auto;
}
.homepage-style-7 .copyrights .footer-social a{
	background:#fff;
	color:#fa394a;
}
.homepage-style-7 #sb_instagram .sbi_photo{
	position:relative;
}
.homepage-style-7 #sb_instagram .sbi_photo:before{
	content:"\f16d";
	font-family:"FontAwesome";
	position: absolute;
	left: -130%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: #fa394a;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 28px;
}
.homepage-style-7 #sb_instagram .sbi_photo:hover:before{
	left:0;
}
.header-style-7 .navigation-row .navbar-collapse {
float: left;
margin-left: 163px;
}