@font-face
{
	font-family: 'BrandonText-Black';
	src: url('../fonts/HVD Fonts - BrandonText-Black.otf');
}


@font-face
{
	font-family: 'BrandonText-Bold';
	src: url('../fonts/HVD Fonts - BrandonText-Bold.otf');
}


@font-face
{
	font-family: 'BrandonText-Regular';
	src: url('../fonts/HVD Fonts - BrandonText-Regular.otf');
}

@font-face
{
	font-family: 'ITCAvantGardeStd-Bk';
	src: url('../fonts/ITCAvantGardeStd-Bk.otf');
}



@font-face
{
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.otf');
}


@font-face
{
	font-family: 'Montserrat-Extra-Bold';
	src: url('../fonts/Montserrat-ExtraBold.otf');
}

@font-face
{
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.otf');
}


@font-face
{
	font-family: 'Montserrat-Medium';
	src: url('../fonts/Montserrat-Medium.otf');
}

@font-face
{
	font-family: 'Montserrat-Semi-Bold';
	src: url('../fonts/Montserrat-SemiBold.otf');
}





.top_st{
	background: #373737;
	color: #878787;
	padding: 4px;
}

.top_st span{
	font-size: 12px;
	font-family: 'ITCAvantGardeStd-Bk';
}


.top_soc a{
	background: #dcdddf;
	padding: 4px 6px;
	font-size: 13px;
	border-radius: 50%;
	color: #383836;
	margin-right: 10px;
}


.top_soc .fb_top{
	background: #dcdddf;
	padding: 5px 9px 3px 8px;
	font-size: 13px;
	border-radius: 50%;
	color: #383836;
}

.navbar-brand{
	padding-left: 92px;
}

.navbar-brand img{
	width: 301px;
}

.bg-light{
	background: #FFFF;
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
    margin-left: auto;
}

.navbar .navbar-nav .nav-item .nav-link{
	margin-right: 30px;
	font-size: 17px;
	color: #7da02a;
	font-family: 'Montserrat-Semi-Bold';
}


.navbar .navbar-nav .nav-item .nav-link:hover{
	font-family: 'Montserrat-Bold';
}

.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item{
	font-size: 15px;
	color: #7da02a;
	font-family: 'Montserrat-Semi-Bold';
}

.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover{
	font-family: 'Montserrat-Extra-Bold';
}


/*carousel*/

.carousel-inner{
	height: 500px;
}

.carousel-inner .carousel-item img{
	width: 100%;
}

.carousel-caption{
	/* top: 30%; */
    /* right: 40%; */
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 22, 1, 0.5);
    z-index: 0;
    left: 0;
}


.carousel-caption .capx {
    position: absolute;
    top: 40%;
    left: 15%;
    right: 15%;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
}

.carousel-caption .capx h1{
	font-size: 3.9rem;
	font-family: 'Montserrat-Extra-Bold';
}

.carousel-caption .capx p{
	font-family: 'Montserrat-Light';
	font-size: 50px;
}


.carousel-caption .capx a{
	background: #FFF;
    padding: 6px 30px 9px 30px;
    border-radius: 20px;
    color: #7da02a;
    font-family: 'Montserrat-Semi-Bold';
}

.carousel-caption .capx a:hover{
	text-decoration: none;
}
/*about section*/

.att_abt{
	/*background: url(../images/aqua4sml.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    /*border-top: 6px solid #58ae49;*/
}

.att_overlay{
	background: rgba(245, 246, 250, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
}

.tlv_st{
	padding-top: 20px;
    padding-bottom: 5px;
}

.tlv_st h1{
	color: #7ea12d;
	font-family: 'Montserrat-Extra-Bold';
	font-size: 25px;
	padding: 10px;
}

.img_tap{
	padding-top: 60px;
	padding-bottom: 15px;
}

.img_tap img{
	width: 137px;
}

.abt_des{
	padding: 0px 10px 0px;
}

.abt_des a{
	padding: 0px 10px 0px;
	font-family: 'Montserrat-Light';
	color: #606261;
	font-size:15px;
}

.abt_des a:hover{
	text-decoration:none;
}



.btn_all{
	padding: 15px 0px 15px 0px;
	margin-bottom: 20px;
}


.btn_all a{
	color: #7ea12d;
	font-family: 'Montserrat-Semi-Bold';
	font-size: 15px;
	border: 1px solid #7ea12d;
	padding: 6px 30px 6px 30px;
	border-radius: 20px;
}


.btn_all a:hover{
	text-decoration: none;
}

/*services*/
.srv_abt{
	background: url(../images/attr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    /*border-top: 6px solid #58ae49;*/
}

.srv_overlay{
	background: rgba(136, 158, 50, 0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}

.blv_stv{
	padding: 20px;
}

.blv_stv img{
	width: 70px;
	padding-bottom: 10px;
}

.blv_stv a{
	background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv_stv a:hover{
	text-decoration: none;
}

.blv_stv h4{
	font-size: 15px;
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Extra-Bold';
}

.blv_stv p{
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Light';
}

.blv1_stv{
	padding: 20px;
}

.blv1_stv img{
	width: 93px;
	padding-bottom: 10px;
}

.blv1_stv a{
	background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv1_stv h4{
	font-size: 15px;
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Extra-Bold';
}

.blv1_stv p{
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Light';
}

.blv1_stv a:hover{
	text-decoration: none;
}

.blv2_stv{
	padding: 20px;
}

.blv2_stv img{
	width: 70px;
}

.blv2_stv a{
	background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv2_stv a:hover{
	text-decoration: none;
}

.blv2_stv h4{
	font-size: 15px;
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Extra-Bold';
}

.blv2_stv p{
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Light';
}

.blv3_stv{
	padding: 20px;
}

.blv3_stv img{
	width: 100px;
	padding-bottom: 10px;
}

.blv3_stv a{
	background: transparent;
    border: 1px solid #FFFF;
    color: #FFFF;
    padding: 3px 20px 3px 20px;
    border-radius: 20px;
}

.blv3_stv a:hover{
	text-decoration: none;
}

.blv3_stv h4{
	font-size: 15px;
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Extra-Bold';
}

.blv3_stv p{
	color: #FFFF;
	padding-bottom: 10px;
	font-family: 'Montserrat-Light';
}

.btn_blx{
	padding: 30px;
}

.aqua_serv{
	background: #58ae49;
	padding: 15px;
	padding-bottom: 40px;
}

.blx_srv{
	padding: 6px;
    border: 2px solid #3c60aa;
    background: #3c60aa;
    border-radius: 3px;
    margin-top: 20px;
}

.blx_srv a{
	font-family: 'Montserrat-Medium';
	color: #FFF;
}

.blx_srv a:hover{
	text-decoration: none;
}
/*objectives*/
.obj_st{
	padding: 45px;
}

.objx_st{
	padding-bottom: 10px;
}

.objx_st h1{
	color: #7ea12d;
	font-family: 'Montserrat-Extra-Bold';
	font-size: 25px;
}

.obj_des{
	font-family: 'Montserrat-Medium';
	color: #606261;
	font-size: 15px;
}


.ovr_flx h1{
	font-size: 14px;
	text-transform: uppercase;
}


.image-container {
    position: relative;
    width: 250px;
    height: auto;
	margin-top:10px;
}
.after {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    position: absolute;
    width: 100%;    
}

.flv{
	position: absolute;
    top: 10%;
    left: 5%;
    right: 15%;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
}

.flv a h1{
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
}



.flv a:hover{
	font-size: 13px;
	text-transform: uppercase;
	text-decoration:none;
}

.tr_st{
	padding: 15px;
}

.fm_shadow{
	padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    text-align: justify;
}

.fm_shadow h4{
	padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
	font-size:18px;
}

.htlx_st h6 {
    font-size: 0.786em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
	margin-top:10px;
}

/*footer*/

footer{
	background: #575556;
	padding: 23px 0px 5px 0px;
}

.ul_ftx{
	margin: 0;
	padding: 0;
}

.ul_ftx li{
	display: inline;
}

.ul_ftx li a{
	color: #9c9c9c;
	font-family: 'Montserrat-Bold';
	font-size: 15px;
	margin-right: 20px;
}


.ul_ftx li a:hover{
	text-decoration: none;
}

.bpd{
	padding-top: 25px;
}


.ft_lgo{
	padding-top: 25px;
}

.ft_lgo img{
	width: 300px;
	padding-bottom: 20px;
}


.ft_soc{
	padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.ft_soc a{
	background: #dcdddf;
	padding: 4px 6px;
	font-size: 13px;
	border-radius: 50%;
	color: #383836;
	margin-right: 20px;
}


.ft_soc .fb_top{
	background: #dcdddf;
	padding: 5px 9px 3px 8px;
	font-size: 13px;
	border-radius: 50%;
	color: #383836;
}

.ft_address{
	padding-top: 25px;
	line-height: 1.2rem;
}

.ft_address h1{
	color: #878787;
	font-family: 'Montserrat-Extra-Bold';
	font-size: 14px;
}

.ft_address span{
	color: #878787;
	font-size: 15px;
	font-family: 'Montserrat-Medium';
}


.sck{
	background: #706e6f;
	padding: 2.5px;
	color: #888888;
}

.cx_fm span{
	font-family: 'Montserrat-Light';
	color: #FFF;
    padding-left: 60px;
}

.cx_fm a{
	font-family: 'Montserrat-Light';
	color: #FFF;
    padding-left: 60px;
	font-size:13px;
}

.cx_fm a:hover{
	text-decoration:none;
}
/*internal pages*/
.page-area {
    position: relative;
    height: 120px;
}

.page-areax {
    position: relative;
    height: 109px;
}

.home-overly {
    background: rgba(1, 41, 77, 0.8);
    height: 100%;
    position: absolute;
    width: 100%;
}

.slider-content {
    /* padding: 180px 60px; */
    margin-top: 15%;
}

.slider-contentz {
    /* padding: 180px 60px; */
    margin-top: 1%;
}


.title2 {
    color: #FFF;
    font-size: 38px;
    line-height: 50px;
    font-weight: 900;
    padding-left: 55px;
}

.breadcrumbs ul li {
    display: inline-block;
    list-style-type: none;
    color: #fff;
    position: relative;
    padding: 0 15px;
    margin-left: 15px;
    padding: 0;
}

.breadcrumbs ul li:after {
    content: "/";
    top:0;
    position: absolute;
    right: -13px;
}


#contact{
	padding: 15px;
}

.dwn_stx{
	padding: 15px;
}

.shadow_bx{
	padding: 25px;
	font-family: 'Montserrat-Medium';
	font-size: 14px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    text-align: justify;
    margin:10px;
}

.b_shadow{
	padding: 10px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    text-align: justify;
    margin:10px;
}

.cr_shadow{
	padding: 10px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    text-align: justify;
	margin-bottom: 10px;
	font-size: 14px;
    font-family: 'Montserrat-Light';
}

.b_shadow a{
	color: #606261;
	font-size:14px;	

}

.b_shadow a:hover{
	text-decoration: none;
	color: #77818b;
}

.slider-contentx {
    /* padding: 180px 60px; */
    margin-top: 4%;
}

.lns_st{
	border-right: 1px solid #b3b3b3;
}

.ln_lft{
	padding-left: 20px;
}

.car_des{
	padding-top: 20px;
}

.car_des h1{
	font-size: 15px;
    font-weight: Bold;
    text-align: center;
    color: #7ea12d;
    /* padding: 5px 0; */
    font-family: Arial, Helvetica, sans-serif;
}

.car_des a{
	color: #7ea12d;
	border: 1px solid #575556;
    padding: 3px 25px 5px 25px;
    border-radius: 16px;
}

.car_des a:hover{
	text-decoration: none;
}

.single_st{
	padding: 20px;
}

.elv_st{
	padding-top: 10px;
}


.htl_st h1{
	font-size: 1.1rem;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin: -0.1em 0 0;
}


.htl_st h6{
	font-size: 0.786em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    margin-top: 1em;
    margin-bottom: 2.2em;
}

.car_meta{
	display: block;
    width: 100%;
    clear: both;
    margin-top: 2em;
}


.car_meta div{
	display: inline-block;
    font-size: 0.786em;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid;
    line-height: 1;
    padding: 0.6em 0.95em 0.7em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

.car_option_list {
    margin-top: 1em;
    max-width: 480px;
}

.car_option_list .car_option_list_title {
    font-size: 0.786em;
    font-weight: 800;
    font-style: italic;
    line-height: 1.571em;
    text-transform: uppercase;
    margin-bottom: 2em;
}

.car_option_list  .car_option_list_text_item {
    width: 50%;
    display: inline-block;
    margin-bottom: 0.5em;
    font-family: 'Montserrat-Light';
    font-size: 13px;
}

.des_car{
	font-family: 'Montserrat-Light';
    font-size: 13px;
}


.btn_bk{
	margin-top: 30px;
}

.btn_bk a{
	background-color: #3A3A3A;
    font-size: 0.857em;
    line-height: 1em;
    font-weight: 800;
    color: #FFF;
    display: inline-block;
    text-align: center;
    padding: 1.6em 3.1em 1.65em;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn_bk a:hover{

    text-decoration: none;
}


.fl_tc{
	padding: 50px;
}

.des_fl{
	font-family: 'Montserrat-Light';
	font-size: 14px;
}

.des_fl h1{
	font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.btn_stv{
	margin-top:15px;
}

.btn_stv a{
	background-color: #3A3A3A;
	color:#FFF;
	font-size:14px;
	padding: 10px 25px 13px 25px;
}

.btn_stv a:hover{
	text-decoration:none;
	background-color:#1C4C6F;
}

.form_cx{
	padding:50px;
}

.htl_res{
	padding:50px;
}

.card {
    box-shadow: 1px 1px 10px -3px #ccc;
}

.desc-header h1{
            font-size: 17px;
            font-weight:Bold;
            text-align: center;
            color: #2c4798;
            padding: 10px 0;
            font-family: Arial, Helvetica, sans-serif;
        }

.hrcl{
	width:240px;
	margin-top:0;
}

.fnt_sz{
	padding: 0px 20px;
	line-height: 2rem;
}

.fnt_sz p{
	font-family: 'Montserrat-Light';
    font-size: 14px;
}

.btn-primarx a{
	background-color: #0062cc;
	padding: 2px 86px;
    /* margin-bottom: 11px; */
    color: #fff;
    margin-left: 17px;
}

.btn-primarx a:hover{
	background-color: #0062cc;
	text-decoration:none;
}

.htl_res {
    padding: 50px;
}

/*responisveness*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    /*phones*/

    .navbar-brand {
	    padding-left: 0px;
	}
	
	.navbar-brand img {
		width: 215px;
	}

	.carousel-inner {
	    height: auto; 
	}

    .carousel-inner .carousel-item img{
		width:100%;
	}

	.carousel-caption .capx h1{
		display: none;
	}
	
	.carousel-caption .capx p{
		display: none;
	}
	
	.carousel-caption .capx a{
		font-size: 10px;
		padding: 3px 5px 3px 5px;
	}


	.blue_bg {
	    margin-top: 10px;
	    /* z-index: 1; */
	    position: relative;
	    margin-left: auto;
	    width: 100%;
	}

	.store_bg {
	    padding: 10px;
	}

	.off_bg {
	    margin-bottom: 10px;
	}

	.obj_st {
	    padding: 15px;
	}



	.mpx{
		display: none;
	}

	.tl_t {
	    padding: 0px;
	    padding-top: 20px;
	    margin-top: 0px;
	}
	
	
	.image-container {
		position: relative;
		width: auto;
		height: auto;
		margin: 5px;
	}
	
	
	.title2 {
		font-size: 28px;
	}

	footer {
	    padding: 10px;
	}
	
	.fl_tc {
		padding: 10px;
	}
	
	.htl_res {
		padding: 10px;
	}
	
	.form_cx {
		padding: 10px;
	}
    /*end phones*/
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  /*this affects my pc*/
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /*this affects my pc*/
  }

@media only screen and (min-width: 992px) {
  /*this affects my pc*/
  
}  

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) */
@media screen and (max-width: 1329px) and (min-width: 992px)
{

  /*paterne's pc or allan miles'pc*/
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}
/*end respojnsiveness*/


.lbl-st{
	
	font-family: 'Montserrat-Light';
	font-size: 13px;
}

::-webkit-input-placeholder { /* Edge */
  font-family: 'Montserrat-Light';
  font-size: 13px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'Montserrat-Light';
  font-size: 13px;
}

::placeholder {
  color: red;
}


/*gallery*/
.gal_tvx{
	padding:50px;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  font-weight: normal;
  padding: 20px 80px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
/*end gallery*/