html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
	height: 100%;
}
body {
	line-height: 1.6;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:400;
	position: relative;
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.no-padding {
	padding-left:0;
	padding-right:0;
}
.no-margin{
	margin-left:0!important;
	margin-right:0!important;
}
textarea {
	resize:none;
}
a {
	text-decoration:none!important;
}
.section_title{
	text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
    margin-top: 80px;
    margin-bottom: 15px;
}
.position_height{
	position: relative;
    height: 100%;
}
.transform_body {
    overflow: hidden;
}	
/****************MENU****************/
.navbar-fixed-top {
	z-index: 90;
}
.custom_navbar{
	background-color: #fff;
	border: none;
	box-shadow: 0 0 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.05);
}
.custom_navbar .navbar-nav>li>a, .custom_navbar .navbar-brand {
	font-size: 12px;
	font-weight: 700;
	color: #000;
}
.custom_navbar .navbar-nav>li>a:hover{
	color:#01b0d1;
	background-color: rgba(255,255,255,0);
	transition:ease-in-out 0.3s;
	outline: 0;
}
.custom_navbar h1 {
	font-size: 18px;
	text-transform: uppercase;
}
.custom_navbar .navbar-header, #myNavBar {
	margin: 15px;
}
.custom_navbar  .navbar-toggle .icon-bar {
	background-color: #fff;
}
.custom_navbar .navbar-toggle{
    background-color: #34495e;
    border-color: #2c3e50;
}
.custom_navbar .navbar-toggle:focus,
.custom_navbar .navbar-toggle:hover{
	 background-color: #333;
}
.custom_navbar .navbar-brand:hover{
	color:#000;
	background-color: rgba(255,255,255,0);
}
.custom_navbar .navbar-collapse {
	border:none;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	background-color: rgba(255,255,255,0);
	color: #01b0d1;
	outline: 0;
}

/*********parallax_first_section***************/
.parallax_first{
	background-image:url("../images/intro.jpg"); 
	height: 70vh;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parallax_first_text{
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    position: relative;
}
.parallax_first_text h2{
    margin-bottom: 15px;
    font-weight: 700;
	font-size: 50px;
	text-transform: uppercase;
	opacity: 0;
}
.parallax_first_text p {
	font-size: 22px;
	margin-bottom: 20px;
	opacity: 0;
}
.parallax_first_text a {
border-width: 2px;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 0;
    border-color: #FFF;
    color: #fff;
    background-color: transparent;
    font-size: 12px;
    margin-right: 15px;
    opacity: 0;
}
.parallax_first_text a:hover,
.parallax_first_text a:focus {
	background-color: #F9FAFD; 
    border-color: #F9FAFD; 
    color: #444;
}


/************ parallax_second_section**********/
.big_box ,.small_box{
	background-color: #fff;
	color: #444;
}
.small_box,.big_box{
    margin-bottom: 30px;
    background-color: #fff;
    color: #444;
    padding: 30px;
    position: relative;
}
.big_box p,.small_box p{
	margin-bottom: 20px;
}
.big_box img {
	margin-bottom: 30px;
	display: inline-block;
}
.big_box {
	margin-left: 15px;
	margin-right: 15px;
}
.parallax_second {
	background-image:url("../images/1.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parralex_second_title{
	color: #fff;
	margin-bottom: 80px;
}
.parralex_second_title p {
	font-size: 24px;
	padding-left: 20px;
    padding-right: 20px;
}
.parallax_second_text {
	position: relative;
	height: 100%;
}
.parralex_second_title span {
	font-weight: 300;
}
.parralex_second_title h3{
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
    margin-bottom: 15px;
    font-weight:700;
}
.parallax_second_text .row h3 {
	font-size: 24px;
    margin-bottom: 15px;
}
.parallax_second_text i {
	font-size: 60px;
    margin-bottom: 20px;
}
.parallax_second_text a {
	background-color: #FFF;
    border-color: #FFF;
    color: #01B0D1;
}
.parallax_second_text a:hover,
.parallax_second_text a:focus{
	background-color: #FFF;
    border-color: #FFF;
    color: #0299b8;
}
.parallax_second_text .row div:nth-child(4) h3 {
	position: relative;
}
.parallax_second_text .row div:nth-child(4) h3:before{
	content: "\f155 ";
	font-family: FontAwesome;
    margin-left: 2px;
}
.wrapper{
	padding-top: 140px;
    padding-bottom: 140px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}
.parallax-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.parallax_second .parallax-overlay{
	background-color: rgba(1, 176, 209, 0.9);
}
.big_flip{
	opacity: 0;
}

/**********************parallax_third_section**************/
.parallax_third{
	background-image:url("../images/3.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parallax_third_title{
    color: #fff;
    position: relative;
}
.parallax_third_title p, .gallery_title p {
	padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    margin-bottom: 80px;
    font-weight: 300;
    opacity: 0;
}
.parallax_third_title h3, .gallery_title h3 {
	margin-top: 80px;
	margin-bottom: 15px;
}


/*********************parallax_fourth_section*************/
.parallax_fourth {
	background-image:url("../images/2.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parallax_fourth .parallax-overlay {
	background-color: rgba(0, 193, 193, 0.9);
}
.gallery_title{
	color: #fff;
}
.parallax_fourth .row > div {
	margin-top:30px;
}
.gallery_description{
    background-color: #fff;
    display: block;
    padding: 20px 15px;
    color: #333;	
}
.gallery_description span {
	font-weight: 700;
}
.parallax_fourth .row >div:first-child h4:after, 
.parallax_fourth .row >div:nth-child(2) h4:after, 
.parallax_fourth .row div:nth-child(3) h4:after,
.parallax_fourth .row div:nth-child(4) h4:after,
.parallax_fourth .row div:nth-child(5) h4:after,
.parallax_fourth .row >div:last-child h4:after {
	content: "\f030";
	font-family:FontAwesome;
	float: right; 
}
.parallax_fourth .row >div:nth-child(2) h4:after{
	content: "\f0c1";
}
.parallax_fourth .row div:nth-child(3) h4:after{
	content: "\f004";
}
.parallax_fourth .row div:nth-child(4) h4:after{
	content: "\f0e4";
}
.parallax_fourth .row div:nth-child(5) h4:after{
	content: "\f130";
}
.parallax_fourth .row >div:last-child h4:after{
	content: "\f0f4";
}

.zoomimg img {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.zoomimg img:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.zoomimg {
	display: block;
	overflow: hidden;
	height: auto;
}
.myModal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	display:none;
	text-align:center;
	z-index:99;
} 
.myModal img {
    padding: 20px;
    background-color: #fff;
    position: relative;
	display: block;
    max-width: 100%;
    height: auto;
}
.ModalImg{
    max-width: 700px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    cursor: pointer;
    transform: translateY(-50%);
    top: 50%;
}
.ModalImg .next {
	position: absolute;
    right: -40px;
    font-size: 40px;
    top: 50%;
    transform: translateY(-50%);
    color: #f1f1f1;
}
.ModalImg .prev {
	position: absolute;
    left: 0;
    font-size: 40px;
    top: 50%;
    transform: translateY(-50%);
    left: -40px;
    color: #f1f1f1;
}
.ModalImg .closed {
    top: -57px;
    right: 0;
}
.myModal p {
	text-align: left;
	position: relative;
	color: #f1f1f1;
}
.closed {
	position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px; 
	cursor:pointer
}

/******************carousel_section*************/
.parallax_carousel {
	background-image:url("../images/4.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
#myCarousel a {
	background:none;
}
#myCarousel {
	color: #fff;
}
#myCarousel h5 {
	font-size: 30px;
}
#myCarousel p {
    font-size: 14px;
}
#myCarousel ol {
	bottom: -30px;
}
.carousel_box {
	padding: 40px 10px;
}
#myCarousel .left span {
	left: 0;
}
#myCarousel .right span {
	right: 0;
}
#myCarousel span {
	font-size: 20px;
}
.item {
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

/**********************no_parallax_section****************/
.no_parallax {
	background-color: #F9FAFD;
}
.no_parallax .row {
	margin-top: 100px;
	margin-bottom: 100px;
}
.small_container{    
    background: #fff;
    color: #444;
    margin-bottom: 8px;
    border: 1px solid #ddd; 
}
.small_container p, h5 {
	margin: 20px;
	font-size: 15px;
	font-weight: 300;
}
.small_container div {
	 border-top: 1px solid #eee;
	 display: none; 
}
.small_container h5 {
	font-weight: 700;
	font-size: 16px;
}
.small_container h5:hover {
	color: #01b0d1;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}
.no_parallax_title p, .globalP{
    font-size: 24px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
}
.no_parallax_title h3,.parallax_five h3{
	font-weight: 700;
	margin-bottom: 15px;
}
.globalP {
	margin-bottom: 80px;
}
.big_container {
	opacity: 0;
}

.no_parallax .container .row:nth-child(2) .big_container:nth-child(2){
	animation-delay: .60s;
	-webkit-animation-delay:.60s;
}
.no_parallax .container .row:nth-child(2) .big_container:last-child {
	animation-delay: .80s;
	-webkit-animation-delay:.80s;
}


/*********************parallax_five_section***************/
.parallax_five {
	background-image:url("../images/5.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parallax_five .container {
	color: #fff;
}
.love_animation {
	opacity: 0;
}

/**********************parallax_form_section****************/
.parallax_form{
	background-image:url("../images/map.png"); 
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.parallax_form .container {
	color: #fff;
}
.parallax_form .parallax-overlay {
	background-color: rgba(28, 187, 155, 0.9);
}
.parallax_form input,.parallax_form textarea {
	border-radius: 0;
}
.parallax_form label {
	margin-bottom: 5px;
	text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 13px;
}
.parallax_form button {
	margin-top: 30px;
    padding: 9px 20px;
    letter-spacing: 3px;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    border: none;
    border-radius: 0;
}
.parallax_form button:hover{
	color: #fff;
}
.form_animation {
	opacity: 0;
}
.form_animation:first-child {
	animation-delay: .4s;
	-webkit-animation-delay:.4s;
}
.form_animation:nth-child(2) {
	animation-delay: .6s;
	-webkit-animation-delay:.6s;
}
.form_animation:nth-child(3){
	animation-delay: .75s;
	-webkit-animation-delay:.75s;
}
/*********************footer_section***************************/
.footer_section {
    color: #999;
}
.icons_box ul {
	margin-top: 30px;
	margin-bottom: 15px;
}
.icons_box ul li {
	display: inline-block;
	border: 1px solid #ccc;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left:2px;
}
.footer_section p {
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 13px;
}
.icons_box a{
	color: #999;
}
.icons_box ul li a:hover {
	color: #333;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.copyrights_box{
	margin-bottom: 30px;
}













/**************************ANIMATIONS******************************/

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	80% {
		-webkit-transform: translateY(-10px);
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
         
 @keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-1000px);
	}
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	80% {
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
         
.bounceInDown {
	-webkit-animation: 1s ease 1s normal forwards 1 bounceInDown;
	animation: 1s ease 1s normal forwards 1 bounceInDown;
}

    @-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         @keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         .fadeIn {
            -webkit-animation: 1s ease 1.25s normal forwards 1 fadeIn;
			animation: 1s ease 1.25s normal forwards 1 fadeIn;
         }



           @-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInRight {
            -webkit-animation: 1s ease 0.75s normal forwards 1 fadeInRight;
			animation: 1s ease 0.75s normal forwards 1 fadeInRight;
         }


  @-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  opacity: 1;
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 30deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 30deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  opacity: 1;
  }
  } 		


.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation: 1.5s ease 0.4s normal forwards 1 flipInY;
	animation: 1.5s ease 0.4s normal forwards 1 flipInY;
}


@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	80% {
		-webkit-transform: translateY(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
         
@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(500px);
	}
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	80% {
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
         
.bounceInUp {

	-webkit-animation: 1s ease 0.4s normal forwards 1 bounceInUp;
	animation: 1s ease 0.4s normal forwards 1 bounceInUp;
}

         @-webkit-keyframes flipInX {
            0% {
               -webkit-transform: perspective(400px) rotateX(90deg);
               opacity: 0;
            }
            40% {
               -webkit-transform: perspective(400px) rotateX(-10deg);
            }
            70% {
               -webkit-transform: perspective(400px) rotateX(10deg);
            }
            100% {
               -webkit-transform: perspective(400px) rotateX(0deg);
               opacity: 1;
            }
         }
         
         @keyframes flipInX {
            0% {
               transform: perspective(400px) rotateX(90deg); 
               opacity: 0;
            }
            40% {
               transform: perspective(400px) rotateX(-10deg);
            }
            70% {
               transform: perspective(400px) rotateX(10deg);
            }
            100% {
               transform: perspective(400px) rotateX(0deg);
               opacity: 1;
            }
         }
         
         .flipInX{
         	-webkit-animation: 1s ease 0.4s normal forwards 1 flipInX;
			animation: 1s ease 0.4s normal forwards 1 flipInX;
         }
		 
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	80% {
		-webkit-transform: translateY(-10px);
	}
	100% { 
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
         
 @keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-1000px);
	}
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	80% {
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
         
.bounceInDown {
	-webkit-animation: 1s ease 0.4s normal forwards 1 bounceInDown;
	animation: 1s ease 0.4s normal forwards 1 bounceInDown;
}


     


/***********RESPONSIVE************/
@media screen and (max-width: 767px){
	.custom_navbar li {
		padding-left: 15px;
	}
	.custom_navbar{
		box-shadow: none;
	}
	.custom_navbar .navbar-nav {
		border-top: 1px solid #bdc3c7;
		padding-top: 15px;
	}
	.parallax_first_text h2 {
		font-size: 40px;
	}
	.parallax_first_text p {
		font-size:18px;
	}
	.parallax_first_text a {
		margin-top: 15px;
	}
	.parallax_first{
		height: 100vh;
	}
	.ModalImg .next {
		right: 22px;
	}
	.ModalImg .prev {
		left: 22px;
	}
}