@charset "utf-8";
/* CSS Document */
/*nav----------*/
@font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
  font-family: 'proximanova-regular';
  src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-reg-webfont.ttf')  format('truetype'), url('../fonts/proximanova-reg-webfont.svg#proximanova-reg-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanova-sbold';
  src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanova-sbold-webfont.woff') format('woff'), url('../fonts/proximanova-sbold-webfont.ttf')  format('truetype'), url('../fonts/proximanova-sbold-webfont.svg#proximanova-sbold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanova-bold';
  src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf')  format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proximanova-bold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proximanova-light';
  src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.ttf')  format('truetype'), url('../fonts/proximanova-light-webfont.svg#proximanova-light-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: 'Roboto-Light'; src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/Rockwell.eot?#iefix') format('embedded-opentype'),  url('../fonts/Rockwell.woff') format('woff'), url('../fonts/Rockwell.ttf')  format('truetype'), url('../fonts/Rockwell.svg#proximanova-reg-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*common*/
body{font-family: 'proximanova-regular'; font-size:16px;  }
.no-pad{padding:0;}
h1, h2, h3{ margin: 0; padding: 0;}
.margin-auto{ margin:auto;}
a:hover{text-decoration:none;}
.bor{border:solid 1px #000;}
.col-centered{ margin:0 auto; float: none; }
header, nav, footer{display:block;}
.absolute{position: absolute;} .relative{position: relative;}
.right-border{border-right:solid 1px #ccc;}
.flex{display: flex;}
li{padding: 3px 0;}
audio{display: none;}
/*color*/
.pink-color{color:#f051aa;}.dark-pink-color{color:#85144b;}.black-color{color:#000;}.grey-color{color:#cecece;}.white-color{color:#fff;}
.red-color{color: #dd3339;}
.yellow-color{color: #ffcc00;}
.blue-color{color:#083477;}
/*background*/
.pink-bg{background-color: #f051aa;}
.dark-pink-bg{background-color:#85144b;}
.black-bg{background:#111111;}
.grey-bg{background: #f4f4f4;}
.dark-grey-bg{background: #292929;}
.light-grey-bg{background: #f4f4f4;}
.white-bg{background: #fff;} 
.purple-bg{background: #685582;}
.red-bg{background: #dd3339;}
.dark-blue{background: #002c5a;}
.blue-bg{background: #083477;}
/*padding*/
.padding-20{padding: 20px;}
.padding-15{padding: 15px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-50{padding-top:50px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-50{padding-bottom:50px;}
/*margin*/
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
/*text*/
.heading1{ font-size:2.3em; font-family: 'proximanova-light';}
.heading2{ font-size:1.9em; font-family: 'proximanova-light';}
.heading3{ font-size:1.4em; font-family: 'proximanova-light'; line-height: 1.3em;}
.heading4{ font-size:1.2em; font-family: 'proximanova-light'; line-height: 1.3em;}

.common-text{ font-family:'proximanova-Regular'; font-size:1.2em; line-height:1.6em;  }
.common-text1{ font-family:'proximanova-Regular'; font-size:1.1em; line-height:1.5em;  }
.common-text2{ font-family:'proximanova-Regular'; font-size:.9em; line-height:1.5em;  }
.common-text3{font-family:'proximanova-light'; font-size:.7em; line-height:1.4em;}

.a-button, .b-button{ background: #dd3339; padding: 14px 30px; color: #fff; font:1.2em 'Roboto-light'; border-radius: 5px; border: none;  transition:all 0.3s ease; }
.a-button i{ margin-left: 30px; font-size:1em;}
.b-button{font-size: 1em;}
.a-button:hover{background: #000;}
.b-button i{ margin-left: 0px; font-size:1em;}
.a-link{color:#dd3339 !important;}
.submit-button{padding: 5px 15px; background: #000; color: #fff; font:1em 'Roboto-light'; border-radius: 5px; border: none;}

/*top--------------------*/
.top{ height:100vh; background: url('../images/main-banner.jpg') no-repeat; /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top ul{margin:0; padding: 0; list-style-type: none; }
.top li{ padding:16px 12px; display: inline; }
.top li a{font-size: .9em; color: #fff; line-height: 50px;  font-family: 'Roboto-light';}
.top-content{background: url('../images/black-transparent-bg.png'); height: 100vh;}
/*header-------------------*/
header{height:auto;}
.sticky{position: fixed !important; top: -10px; z-index: 999; width: 100%; height: 70px; box-shadow: 1px 0px 2px #000;  }
.sticky nav .main-menu{padding-top: 35px; }
.main-nav-div{ -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.sticky .navbar-brand img{width: 50%;}
.navbar-brand img{-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; width: 72%;}
.sticky .home-menu-div .navbar-brand img{-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; width:100%;}

nav .main-menu{ -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;  }
nav .main-menu{padding-top: 85px; }
.menu-bor-radius{border-radius: 20px;}
.main-menu{margin-left: 25px; }
.main-menu li a{font-size:1em; font-family: 'proximanova-light' !important; line-height: 0em;  color: #000 !important; margin: 0 2px; }

.navbar-default{ background: transparent; border: none;}
.navbar-default .navbar-nav li {}

.navbar-default .navbar-nav>li>a {
  width:auto; 
  font-weight: bold;transition:all 0.3s ease;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{border-bottom:solid 2px #ed1c24; text-shadow: none; }
.active-menu{border-bottom:solid 2px #ed1c24; color: #fff !important; text-shadow: none; }




/*banner----------------------*/
.banner{height: 360px; }
.banner-left h1{ padding-top: 120px;}
.inner-banner{height:350px; overflow: hidden; padding-top: 10px;}


.tackel{height:auto; background: url('../images/blur-image.jpg') no-repeat; /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding-top: 50px; padding-bottom: 50px; }
/*whatcourse----------------------*/
.whatcourse p{ }
.whatcourse button{ background:#dd3339; border:none; width:200px; color:#fff; padding:5px 10px; font-size:1.2em; border-radius:20px; margin:10px 0 0 0; }
.whatcourse-a{ font:.9em 'Roboto-Regular'; color:#000;  }

/*explore------------------------*/
.explore{height: 395px;}

/*gallert--------------*/
.home-gallery{ height: 250px; overflow:hidden;}
.home-gallery .carousel-inner .active.left { left: 0; }
.home-gallery .carousel-inner .next        { left:  33%; }
.home-gallery .carousel-inner .prev        { left: -33%; }
.home-gallery .carousel-control.left,.carousel-control.right {background-image:none;}
.home-gallery .item:not(.prev) {visibility: visible;}
.home-gallery .item.right:not(.prev) {visibility: hidden;}
.home-gallery .rightest{ visibility: visible;}


/*testi--------------*/
.home-testi{ height: 650px; background: url(../images/testimony-bg.jpg) no-repeat; /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*promo--------------*/
.home-promo{ height: auto;}
/*footer-----------------*/
.social i{font-size: 3em;}
.social a i{color: #ccc;}
.social a:hover i{color: #000;}
footer{margin-bottom: 50px;}
footer img{width: 80%;}
.footer-menu ul{list-style-type: none;}
.footer-menu ul li a{color: #000;}
.footer-menu li{ font-size: 1em;}

/*gallery--------------*/
.gallery{padding-top: 20px;}
.gallery ul{padding-left:70px;}
.gallery li{float: left; width: 23%; padding-right: 2%; list-style-type: none; padding: 20px 1% 0 1%; }
.gallery li img{transition: all .2s ease-in-out; cursor: pointer; border-radius: 5px;}
.gallery li img:hover{transform: scale(1.1); box-shadow: 0px 0px 15px #000; border-radius: 15px; }

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}
/*hover---------*/

@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}
 /* Custom, iPhone Retina */ 
    /* Custom, iPhone Retina */ 
    @media (max-width: 500px)  {
		.sticky .navbar-brand img, .navbar-brand img{width: 100%;}
		.banner-left h1{padding-top: 20px;}
		.banner-left{ text-align: center;}
		.banner{height: 150px; padding-top: 20px; }
		.inner-banner{height:auto; }
		.carousel-indicators{display: none;}
		.home-gallery{padding-top:30px;}
		.home-testi{height: auto; text-align: center;}
		.home-testi .padding-top-50{padding-top: 0;}
		.home-testi .heading2{padding: 20px 0 0 0;}
		.right-border{border-right: none;}
		.padding-top-50{padding-top: 20px;}
		nav .main-menu{padding-top: 10px; background: #fff;}
		.main-menu{margin-left: 0;}
		.main-menu li a{padding: 15px 0;}
		.review-contact{display: none;}
		footer .flex{display: block;}
    }