/*Load fonts*/
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Regular.ttf');
  src: url('fonts/Manrope-Regular.ttf') format('truetype'),
	   url('fonts/Manrope-Medium.ttf') format('truetype'),
	   url('fonts/Manrope-Bold.ttf') format('truetype'),
	   url('fonts/Manrope-SemiBold.ttf') format('truetype'),
	   url('fonts/Manrope-ExtraBold.ttf') format('truetype'),
       url('fonts/Manrope-Light.ttf') format('truetype'),
	   url('fonts/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*Font color*/
h1, h2, h3, h4, h5, h6, p {
	color: #333;
}
.hero__subtitle {
	color: #333 !important;
}
.text-white {
	color: white !important;
}

/*Header*/
.header-top {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* School Logo */
.logo-school {
	width: 30% !important;
	margin-left: 33%;
}

/*Social Share*/
@media only screen and (min-width: 992px) {
	.entry__share {
		margin-top: 200px !important;
	}
}
.social-facebook {
	background-color: #39599f;
}
.social-twitter {
	background-color: #55ACEE;
}
.social-pinterest {
	background-color: #bd081c;
}
.social-linkedin {
	background-color: #0077B5;
}
.social-tumblr {
	background-color: #34465d;
}
.social-whatsapp {
	background-color: #25d366;
}
/*Navbar*/
.nav__container {
	background-image: linear-gradient(to right, rgba(222,54,57,1), rgba(222,54,57,.3));
}
.nav__icon-toggle-bar {
	height: 4px;
}
.nav__menu > li > a:hover {
	color: #8B0000;
}
.nav__menu > li > a {
	color: white;
}
.nav__dropdown-menu a {
	color: #ddd;
}
.nav__menu > .active > a {
	color: #8B0000;
}
.ui-arrow-down {
	color: white;
	font-size: 20px;
}
.nav__icon-toggle-bar {
	background: white;
}
.nav--sticky {
	top: 60px;
	transition: all 0.0s ease-in-out;
}
.nav__holder--sticky {
	top: 0px;
}
.nav__menu > li > a {
	padding: 0 10px !important;
}
.nav {
	z-index: 1000;
}

/*Page Home*/
.hero {
	padding-top: 100px;
}
.hero__title {
	font-size: 50px;
	font-weight: bold;
}
.hero__title--boxed {
	max-width: 800px;
}
.triangle-img--align-right {
	top: -50px;
	right: 0px;
	width: 1000px;
	transform: none;
}
.triangle-img--align-left {
	left: 0px;
	top: -100px;
	transform: none;
}
.promo-section--pb-large {
	padding-bottom: 0px;
}
.bg-color {
	background: #F7F9FA;
}
.bg-color .section-title {
	color: #333b69;
}
.testimonial {
	box-shadow: 0 2px 4px rgba(61, 65, 84, 0.3)
}
/*.owl-prev, .owl-next {
	color: #333b69 !important;
}
*/
.section-wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.testimony-home {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #dedede);
	border-radius: 30px;
	box-shadow: 0 2px 4px rgba(61, 65, 84, 0.3);
	margin-bottom: 30px;
}
.small-font {
	font-size: 12px;
	line-height: 1.5;
	padding-right: 10px !important;
}
.home-country-card {
	border-radius: 15px;
	box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.5);
}
.home-school-card {
	border-radius: 10px;
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
	padding: 10px;
}
.feature {
	padding: 10px;
	border-radius: 20px;
}
.owl-dot {
    background-color: #ededed;
    border-radius: 10px;
    padding: 5px;
    margin: 3px;
    border: none;
}
.item-banner {
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}
.item-banner img {
    border-radius: 15px;
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5);
}

/*Page Vista English*/
.testimony-vista-english {
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #e4edff);*/
	background: #e4edff;
	border-radius: 30px;
	box-shadow: 0 2px 4px rgba(61, 65, 84, 0.3);
	margin-bottom: 30px;
	padding-top: 30px;
}
.facility-vista-english {
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #dae6ff);*/
	padding: 0px !important;
	border-radius: 10px !important;
}

/*Page Vista Corporate*/
.testimony-vista-corporate {
	/*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #946609);*/
	/*background: #946609;*/
	/*border-radius: 30px;*/
	/*box-shadow: 0 2px 4px rgba(61, 65, 84, 0.3);*/
	margin-bottom: 30px;
	padding-top: 30px;
}

/*Page Country*/
.country-list {
	background-image: linear-gradient(to bottom, rgba(222,54,57,.6), rgba(222,54,57,0));
}
.country-detail {
	background-image: linear-gradient(to bottom, rgba(222,54,57,.3), rgba(222,54,57,0));
}
.country-detail p {
	color: #555;
}
.div-search-school {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -20px;
}
.input-search-school {
    width: 200px;
}
.btn-search-school {
    border-radius: 5px !important;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.div-search-major {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -60px;
}
.input-search-major {
    width: 200px;
}
.btn-search-major {
    border-radius: 5px !important;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}


/*Footer*/
.footer {
	background-image: linear-gradient(to top, #e13237, #f26c73);
}
.footer__widgets {
	padding-top: 30px;
	padding-bottom: 30px;
}
.widget_nav_menu h5,
.widget_nav_menu ul li a
{
	color: white;
}

/*Button*/
.btn--md {
	border-radius: 20px;
	font-size: 14px;
	line-height: 35px;
}
.btn--color:focus {
	background-color: #FA6262 !important;
}
.btn--alt-color:focus {
	background-color: #4C86E7 !important;
}

/*Cards*/
.card {
	border-radius: 20px;
}
.card__body {
	padding: 20px;
}

.content-wrapper {
	/*padding-top: 43px;*/
	padding-top: 65px;
}

/*Breadcrumb*/
.breadcrumb {
	font-size: 18px;
	margin-bottom: 20px;
}
.breadcrumb a {
	font-size: 18px;
}

/*Background Image*/
.image-backgound-full-width {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 1920px;
	z-index: 0;
}

/*Form*/
input, select, textarea {
	margin-bottom: 30px;
}
.help-block {
	margin-top: -20px;
	margin-bottom: 20px;
	/*background: rgba(222,54,57,.5);*/
	color: white;
	padding-left: 10px;
	border-radius: 5px;
	background-image: linear-gradient(to right, rgb(228, 98, 100, 1), rgba(222,54,57,0));
}

/*Anchor*/
a.anchor {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
}

/* Date Label */
.label-date-small {
    background-color: #ededed;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
    margin-right: 5px;
    color: #FA6262 !important;
    font-size: 14px !important;
    font-weight: 800;
}

.label-date-large {
    background-color: #ededed;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
    margin-right: 5px;
    color: #FA6262 !important;
    font-size: 30px !important;
    font-weight: 800;
}

/* Mobile */
/*Screen mobile kecil: 575px*/
@media only screen and (max-width: 991px) {
	.hero {
		padding-top: 0px;
	}
	.content-wrapper {
		padding-top: 0px;
	}

	/*Header*/
	.nav__container {
		background: rgba(222,54,57,1);
	}
	.logo {
		width: 120px;
		position: relative;
	    /*z-index: 10000;*/
	    z-index: 1040;
	}
	.header-top-left {
		position: absolute;
	    left: -200px;
	    top: 0px;
	    z-index: -1000;
	}
	.header-top-right {
		display: none;
	}	
	.header-social-media {
		text-align: right;
		/*display: none;*/
		/*font-size: 10px;*/
	}
	.social {
		width: 30px;
		height: 30px;
		border-radius: 20px;
		line-height: 30px;
		margin-top: 20px;
	}
    .header-social-media.hidden-desktop {
        margin-top: -50px !important;
    }

	/*Navbar*/
	.nav__menu li a {
		border-bottom: 1px solid #FA6262;
	}
	.nav__dropdown-menu > li > a {
		padding-left: 30px;
	}

	/*Hide elements*/
	.hidden-mobile {
		display: none;
	}
}

/* Laptop */
@media only screen and (min-width: 992px) {

	/*Header*/
	.logo {
		width: 120px;
		position: absolute;
		z-index: 1000 !important;
	}
	.header-top-left {
		position: absolute;
	    left: -150px;
	    top: 0px;
	    z-index: -10;
	}
	.header-top-right {
		position: absolute;
	    right: -150px;
	    top: 0px;
	    z-index: 0;
	}
	.header-social-media {
		text-align: right;
		position: absolute !important;
		right: 100px !important;
	}

	/*Hide elements*/
	.hidden-desktop {
		display: none;
	}
}