@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@font-face {
		font-weight: normal;
		font-style: normal;
		font-family: 'ecoicons';
		src: url("../fonts/ecoicons/ecoicons.eot");
		src: url("../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");
}


.spot_l::-webkit-scrollbar
{
	width: 0px !important;
}

::-webkit-scrollbar-track
{
	border: 3px rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.2);
	border-radius: 1em;
}

::-webkit-scrollbar
{
	width: 3px;
	background-color: rgba(255,255,255,0.2);
	-webkit-transition: all 0.4s ease-in !important;
	transition: all 0.4s ease-in !important;
}

::-webkit-scrollbar:hover
{
	width:8px;
	border-radius: 5px !important;
	background-color: transparent;
	-webkit-transition: all 0.4s ease-in !important;
	transition: all 0.4s ease-in !important;
}


::-webkit-scrollbar-thumb
{
	
	background-color: #00838f;	
}

::-webkit-scrollbar-thumb:hover
{
	border-radius: 1em;
	background-color: #00838f;	
}

body
{
	font-family: 'Roboto', sans-serif !important;
}

.v_logo
{
	width: auto !important;
	height: 5em !important;
	margin: 1em;
	background-color: rgba(255,255,255,0.85);
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	border-color: #f1f1f1;
	padding : 0.5em;
}

.side_bar_top
{
	background: url(../images/main_gate.png) ; /* For browsers that do not support gradients */
	
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;

	/*
	background: #00838f !important; 
    background: -webkit-linear-gradient( #e1e1e1, #00838f) !important; 
    background: -o-linear-gradient( #e1e1e1, #00838f) !important; 
    background: -moz-linear-gradient( #e1e1e1, #00838f) !important; 
    background: linear-gradient( #e1e1e1, #00838f) !important; 
	*/
    
}

.nav_menu_btn
{
	
	border-width: 1px;
	border-radius: 1em;

}

.side_bar_hd
{
	font-size: 1.2em;
	box-shadow: 0px 0px 15px #cccccc !important;
	padding: 1em 1em;
	color: #616161;
}

.nav_logo
{
	width: auto !important;
	height: 3em !important;
	margin: 10px 0 0 -20px;
	float: left;
}

.n_logo_txt
{
	font-size: 1.2em;
	margin: 0em 0 0 2.5em;
	text-shadow: 0px 0px 15px #cccccc !important;
	color: #000000;


}

.n_logo_txt2
{
	font-size: 1.2em;
	color: #ffffff;
	margin: 2em 3.5em 0 0;
	box-shadow: 0px 0px 28px rgba(0,0,0,0.4) !important;
	background-color: rgba(0,0,0,0.2) !important;
	border-radius: 5px;


}


/* nav new */

/*end*/


.v_blue
{
	color: #00838f;
}

.v_font
{
	font-family: 'Roboto', sans-serif !important;
}

.nav_logo2
{
	width: auto !important;
	height: 4em !important;
	
}

.nav_a
{
	color: #00838f !important;
	text-decoration: none;
	
	margin: 0.8em 0 0 0;
	font-size: 1.2em;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.nav_a:hover
{
	color: #ffffff !important;
	background-color: #00838f !important;
	text-decoration: none;
	transform: scale(1.05);
	margin-top: 0 0 0 3px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.nav_a:focus
{
	color: #ffffff !important;
	background-color: #00838f !important;
	text-decoration: none;
	transform: scale(1.05);
	margin-top: 0 0 0 3px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.marg_t
{
	margin-top: -1000px;
}


.a_next
{
	color: #ffffff;
	font-size: 4vmin;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.a_next:hover
{
	font-size: 5vmin;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #ffffff;
}

.a_next:focus
{
	
	color: #ffffff;
}



div.angrytext {
 font-size:70px;
 font-weight:bold;
 color:#4794D3;
 width:300px;
 margin:90px auto;

 -webkit-animation: jump 3s ease 0s infinite normal ;
 animation: jump 3s ease 0s infinite normal ;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-30px);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-15px);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}


.nav_li
{
	border-style: solid;
	border-width: 0px 1px 0px 1px !important;
	border-color: rgba(95,111,129,0.1) !important;
}

.side_mnu_hvr
{
	background-color: #ffffff !important;
	color: #00838f !important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.side_mnu_hvr a
{
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.side_mnu_hvr a:hover
{
	text-decoration: none !important;
	color: #ffffff !important;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.side_mnu_hvr:hover
{
	background-color: #00838f !important;
	color: #ffffff !important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.home_banner
{
	background : url(../images/bann.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.95;
	height: 110vh;
	margin-top: -90vh;
	margin-left: -10vh;
	margin-right: 10vh;
	filter: drop-shadow( 0px 0px 10px #aaaaaa) ;
	
}

.service_box
{
	border-style: solid;
	border-color: #f1f1f1;
	border-radius: 5px;
	border-width: 2px;
	padding: 20px;
	background-color: #fafafa;
	box-shadow: 0px 0px 15px #cccccc !important;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;

}

.service_box:hover
{
	
	border-color: #00838f;
	
	transform: scale(1.05);
	box-shadow: 0px 0px 30px #cccccc !important;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
	
}

.service_box p
{
	padding: 20px;
	text-align: justify

}

.heading_main
{
	font-size: 6vmax;
	text-align: center;
	color: #515151;
	font-weight: 300;
	font-family: 'Roboto', sans-serif !important;
}

.heading_main i
{
	font-size: 8vmax;
	color: #00838f;
}

.ab_ico
{
	color: #00838f;
	font-size: 5vmax;
	text-align: center;
}

.ac_ico i
{
	margin: 0 1em;
	text-align: center;
}

.gv_img
{
	border-radius: 50%;
	margin: 1em;
	height: auto;
	width: 20em;
}

.mar_fix
{

}

.v_icon:hover .v_icon{
    transform: scale(1.2);
   
    -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
    
}
.v_icon i{
   
    -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.small_shape1
{
	transform: scale(0.94) !important;
	margin : 0 1.1em !important;
	box-shadow: 0px 0px 15px #cccccc !important;
	-webkit-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
}

.small_shape2
{
	transform: scale(1) !important;
	margin : 0 0 !important;
	box-shadow: 0 !important;
	-webkit-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
}

.tab_active button:focus
{
	background-color: #00838f !important;
	color: #ffffff !important;
	-webkit-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
}

.tab_active button
{
	border-style: solid !important;
	border-width: 0 1px 0 0 !important;
	

}


.no_map
{
	background-image: url(../images/map.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
}

.no_map_overlay
{
	background-color: rgba(255,255,255,0.6);
	font-size: 4vmin;

}

.no_map_overlay p
{
	text-align: center;
}


.nav_li button
{
	background-color: transparent; 
	border-style: none;
	font-size: 1em;
	font-family: 'Lato', Arial, sans-serif;
	font-weight: 600 !important;
	padding: 0 1.5em;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nav_li button:focus , .nav_li button:hover 
{
	outline: none;
	border: none;
	background-color: #00838f;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.notif_a
{
	text-decoration: none !important;
	

}

.notif_a div:hover
{
	background-color: #00838f !important;
	color: #ffffff;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.notif_a div
{
	
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.notif_a:hover
{
	background-color: #00838f !important;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
}

.carousel-caption
{
	background-color: rgba(0,0,0,0.5);
}

.foot_link a
{
	font-size: 2vmin;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.foot_link a:hover
{
	transform: scale(1.1) !important;
	color: #00838f;
	
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.fta_hd
{
	display: all !important;
}
.fta_sw
{
	display: all !important;
	
}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #00838f;
	border-radius: 50%;
	height: 3em;
	width: 3em;
	border-style: solid;
	border-color: #f1f1f1;
	border-width: 1px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2)!important;
	background-color: rgba(210,210,210,0.5);
	font-size: 12px;
	padding: 0.5em 1em 0 0.9em;
	display: none;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.go-top:hover {
	background-color: #00838f;
	color: #ffffff;
	transform: scale(1.2);
	
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}


@media only screen and (max-width: 775px) {
    .phone_hide
    {
    	display: none !important;
    }

    .n_logo_txt
    {
    	font-size: 4vmin;
    	margin: 0em 0 0 2.5em;
		text-shadow: 0px 0px 15px #cccccc !important;
		color: #000000;
    }

    .home_bk
	{
		background-image: url(../images/tt.png);
		background-attachment: fixed;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		margin-right: 0;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	    height: 50vh;
	}

	.home_overlay
	{
		background: rgba(0,0,0,0.2); /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(left top,  transparent, #7fc1c7); /* For Safari 5.1 to 6.0 */
	  	background: -o-linear-gradient(bottom right,  transparent, #7fc1c7); /* For Opera 11.1 to 12.0 */
	  	background: -moz-linear-gradient(bottom right,  transparent, #7fc1c7); /* For Firefox 3.6 to 15 */
	  	background: linear-gradient(to bottom right,  transparent, #7fc1c7); /* Standard syntax */ 
		height: 50vh; 
		width: 100%;
	}

	.home_logo
	{
		width: auto;
		height: 20vmin;
		margin-top: 10vh;
	}

	.home_header
	{
		color: rgba(255,255,255,0.9);
		margin-top: 30vmin;
		text-align: center;
		
	}

	.home_header h1
	{
		font-size: 10vmin;
		font-family: 'Roboto', sans-serif ;
		font-weight: 300;


	}

	.home_header h3
	{
		font-size: 6vmin;
		padding: 0 1em;
		font-family: 'Roboto', sans-serif ;
		font-weight: 100;
		padding: 0.5em;
		background-color: rgba(0,0,0,0.1);

	}

	
	.nav_li
	{
		border-style: none;
		border-width: 0px !important;
		border-color: transparent !important;
	}

	.side_brd
	{
		border-style: solid;
		border-radius: 0px !important;
		border-width: 0 0 0 1px !important;
		border-color: rgba(95,111,129,0.3) !important;
		padding-right: 10px !important;
	}

	footer
	{
		min-height: 6vh;
		background: #007580; /* For browsers that do not support gradients 
		
		background: -webkit-linear-gradient(left top, #00838f, #6270c7); 
	  	background: -o-linear-gradient(bottom right, #00838f, #6270c7); 
	  	background: -moz-linear-gradient(bottom right, #00838f, #6270c7); 
	  	background: linear-gradient(to bottom right, #00838f, #6270c7);  */ 

	}
	.foot_logo
	{
		height: auto;
		width: 2em;
		padding: 0.5em 0 0 0 ;
	}

	.foot_txt
	{
		font-size: 0.8em;
		color: rgba(255,255,255,0.8);
		margin-top: 10px;
		font-family: 'Roboto', sans-serif !important;

	}

	.gv_img
	{
		border-radius: 50%;
		margin: 1em;
		height: auto;
		width: 25vmax;
	}

	.ab_f
    {
    	font-size: 4vmin;
    	font-weight: 400;
    	font-family: 'Roboto', sans-serif !important;
    }

    .p_net
    {
    	font-size: 4vmin;
    	font-weight: 300;
    	font-family: 'Roboto', sans-serif !important;
    }

    .p_net2
    {
    	font-size: 3.6vmin;
    	font-weight: 300;
    	font-family: 'Roboto', sans-serif !important;
    }

    .tab_active button
    {
    	font-size: 3.1vmin;
    }

    .tab_active1 
    {
    	border-right-style: none !important;
    	border-right-width: 0px !important;
    	border-right-color: transparent !important;
    }

    .foot_link a
	{
		font-size: 3vmin;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}

	.foot_link a:hover
	{
		
		color: #00838f;
		
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}


	.fta_hd
	{
		display: none;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}
	.fta_sw
	{
		display: all ;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
		
	}



}

@media only screen and (min-width: 775px) {
  
    .phone_view
    {
    	display: none !important;
    }

    .home_bk
	{
		background-image: url(../images/tt.png);
		background-attachment: fixed;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		margin-right: 0;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	    height: 90vh;
	}

	.home_overlay
	{
		background: rgba(0,0,0,0.2); /* For browsers that do not support gradients */
	  	background: -webkit-linear-gradient(left top, #00838f, rgba(255,255,255,0.2)); /* For Safari 5.1 to 6.0 */
	  	background: -o-linear-gradient(bottom right, #00838f, rgba(255,255,255,0.2)); /* For Opera 11.1 to 12.0 */
	  	background: -moz-linear-gradient(bottom right, #00838f, rgba(255,255,255,0.2)); /* For Firefox 3.6 to 15 */
	  	background: linear-gradient(to bottom right, #00838f, rgba(255,255,255,0.2)); /* Standard syntax */ 
		height: 90vh; 
		width: 100%;
	}

	.home_logo
	{
		width: auto;
		height: 30vmin;
		margin-top: 15vh;
		opacity: 0.9;
	}

	.home_header
	{
		color: rgba(255,255,255,0.9);
		margin-top: 0em;
	}

	.home_header h3
	{
		font-size: 6vmin;
		margin-top: 1em;
		margin-bottom: -0.8em;
		font-family: 'Roboto', sans-serif ;
		font-weight: 100;
		padding: 0.5em;
		background-color: rgba(255,255,255,0.1);
	}

	.nav_clr
	{
		background-color: rgba(255,255,255,0.95) !important;
	}

	footer
	{
		min-height: 7vh;
		background: #007580; /* For browsers that do not support gradients 
		background: -webkit-linear-gradient(left top, #00838f, #16247a); 
	  	background: -o-linear-gradient(bottom right, #00838f, #16247a); 
	  	background: -moz-linear-gradient(bottom right, #00838f, #16247a); 
	  	background: linear-gradient(to bottom right, #00838f, #16247a);  */ 
	}

	.foot_logo
	{
		margin-top: 1em;
		height: auto;
		width: 25em;
		opacity: 0.9;
	}

	.foot_txt
	{
		font-size: 0.8em;
		margin-top: 2em;
		color: rgba(255,255,255,0.8);
		font-family: 'Roboto', sans-serif !important;
	}
	
    .ab_f
    {
    	font-size: 2vmin;
    	font-weight: 400;
    	font-family: 'Roboto', sans-serif !important;
    }

    .p_net, .p_net2
    {
    	font-size: 4vmin;
    	font-weight: 300;

    	font-family: 'Roboto', sans-serif !important;
    }

    .gv_img
	{
		border-radius: 50%;
		margin: 1em;
		height: auto;
		width: 14vmax;
	}

	.map_pad
	{
		padding: 0 2em;
	}

	.foot_link a
	{
		font-size: 2vmin;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}

	.foot_link a:hover
	{
		transform: scale(1.1) !important;
		color: #00838f;
		
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}

	.fta_hd
	{
		display: all;
		
	}

	.fta_sw
	{
		display: all;
		
	}
}