/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

section {
  padding: 13px 0;
}
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{ 
overflow-x:hidden;
font-family: 'Montserrat Alternates', sans-serif;
color:#B6489A;
}

.mag{font-family:'Montserrat Alternates', sans-serif;font-weight:500; }

.mag-2{font-family:'Montserrat Alternates', sans-serif;font-weight:500;	text-shadow:.1rem .0rem .8rem black; }
.mag-3{
   font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h5,h6{
    font-family: 'Montserrat', sans-serif;   
}
h4{font-family: 'Open Sans', sans-serif;}
.spacing{margin-top: 30px;
line-height: 1.8;}

.sp-title{ font-family: 'Pattaya', sans-serif;   
}
    
    

.offset:before{ 
height:3.9rem;
margin-top:-3.8rem;
content:"";
display:block;
} 

/*---navbar---*/
.navbar{ 

font-weight:700;
font-size:.9rem;
letter-spacing:.1rem;
background:rgba(0,0,0,6)!important;
}
.jumbotron{background:rgba(255, 0, 0, 0.2)!important;}
.jumbotron white{background:rgba(0, 0, 0, 0)!important;}
.navbar-brand img{height:3.5rem;
}
	
.navbar-nav li{
		padding-right:.7rem;
		}
.navbar-dark .navbar-nav .nav-link
{ color:#f4f;
padding-top:.8rem;
	}
.navbar-dark .navbar-nav .nav-link .active,
.navbar-dark .navbar-nav .nav-link:hover{
	color:#B6489A;	
}
.navbar-brand{    margin-top: -13px;}
/*--slider--*/
.carousel-item{
	height:100vh;
}
.carousel-caption{
	position:absolute;
	top:30%;
	 
	 width:100%;
	 right:0;
	 left:0;
}
.carousel-caption h1{
	font-size:3.6 rem;
	font-weight:500;
	letter-spacing: .2rem;
	text-shadow:.1rem .0rem .8rem black;
}

.silder-text{
    font-family: "Helvetica",sans-serif;
}

accordion {
  background-color:#B6489A;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, accordion:hover {
  background-color: #ccc;
}

.title{margin-top:20px;}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.btn {background-color:#F3C;}
.btn:hover{background-color:#FCF;}

.pic{

	
	}
.center-img{ 
margin-left:100px;}

#fixed {background:url(img/background.jpg)) no-repeat center center fixed;
display:table;
height:60%;
Position:relative;
width:100%;
background-size:cover;
}
btn-lg{
	border-width:medium;
	border-radius:0;
    font-size: 1rem;
}

.contact-clean {
  background: #f1f7fc;
  padding: 80px 0;
}

@media (max-width:767px) {
  .contact-clean {
    padding: 20px 0;
  }
}

.contact-clean form {
  max-width: 480px;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 4px;
  color: #505e6c;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

@media (max-width:767px) {
  .contact-clean form {
    padding: 30px;
  }
}

.contact-clean h2 {
  margin-top: 5px;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 36px;
  color: inherit;
}

.contact-clean .form-group:last-child {
  margin-bottom: 5px;
}

.contact-clean form .form-control {
  background: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  outline: none;
  color: inherit;
  padding-left: 12px;
  height: 42px;
}

.contact-clean form .form-control:focus {
  border: 1px solid #b2b2b2;
}

.contact-clean form textarea.form-control {
  min-height: 100px;
  max-height: 260px;
  padding-top: 10px;
  resize: vertical;
}

.contact-clean form .btn {
  padding: 16px 32px;
  border: none;
  background: #B6489A;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1;
  outline: none !important;
}
.card-header{
background-color:#B6489A;
text-align:center;
	}
#h5{color: aliceblue;}
.contact-clean form .btn:hover {
  opacity: 1;
}

.contact-clean form .btn:active {
  transform: translateY(1px);
}

.contact-clean form .btn-primary {
  background-color: #055ada !important;
  margin-top: 15px;
  color: #fff;
}

.h5, h5 {
    font-size: 1.25rem;
    text-align: center;
}
a{color:#fff;}
/*============= COURSE SECTION =============*/

.narrow {
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;
}
.btn-md {
  border-width: medium;
  border-radius: 0;
  padding: .6rem 1.1rem;
  text-transform: uppercase;
  margin: 1rem;
   
}

.jumbotron{ border-radius:0;
padding: 3rem 0 2rem;
margin-bottom:0;}


.heading-underline{
	width:9rem;
	height:.2rem;
	background-color:#B6489A;
	margin: 0 auto 2rem;
}
.portfolio img{
	max-width:100%;
	transition:transform .5s ease;
   
}
  
.portfolio img:hover{
	transform:scale(1,1);
	cursor: zoom-in
}

.portfolio{ 
overflow:hidden;
}
.card {
	margin: 2rem;
}

footer{
background-color:#B26D97;
background:rgba(178,109,151,0.8);
padding:2 rem0 3rem;

color:#fff;
}
	
		footer a{
			color:white;
		}
		footer svg.svg-inline--fa{
			font-size:1.6 rem;
			margin:1.2rem .2rem 0 0;
		}footer svg.svg-inline--fa:hover{
			color:#B26d97;
		}
.map-container-6{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container-6 iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}	

/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

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