/*!

	Straightway - Coming soon unique creative Page
 	Copyright (c) 2014, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: February 2014
	
*/	

/* This file is used only to change the color of the template */
	

	body { color: #f1f1f1; }
	body, .pageFade { background-color: #222222; }
	.darkStyle { color: #f1f1f1	}


/* Background */
	
	/* Plain version background */
	body.plain_bg, .plain_bg .pageFade,
	.plain_bg .home_page.right_content, .plain_bg .home_page.left_content
		{
		background: none; 
		filter: none; 
		background-color:#222222;
		}
	
	.plain_bg .contentWrapper 
		{
		background: none; 
		filter: none; 
		background-color:#282828;
		}
		
	.pageFade, body.plain_bg .pageFade{ 
		background-color:#222222;
		}
		
	/* Transparent background */	
	.contentWrapper{
		background-color:#000000; 
		background-color:rgba(0,0,0, .65);
		}
			
	.home_page.right_content{
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 1%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.75)), color-stop(1%,rgba(0,0,0,0.75)), color-stop(40%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.25) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 1%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#40000000',GradientType=1 ); /* IE6-8 */
		}


	.home_page.left_content{
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-8 */
		}	
	
	.home_page.left_content{ 
		border-right: 1px solid rgba(255, 255, 255, .25);
		-webkit-background-clip: padding-box; /* for Safari */
   		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
		}
	
	.home_right_content_border{ 
		border-left: 1px solid rgba(255, 255, 255, .25);
		-webkit-background-clip: padding-box; /* for Safari */
   		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
		}
			
	.home_container.mobile{
		background-color: #000000;
		background: rgba(0, 0, 0, .65);
		}	
	
	.plain_bg .home_container.mobile{
		background: none ;
		filter: none; 
		background-color:#222222;
		}
	
	.mobile_header{
		background-color: #000000;
		background: rgba(0, 0, 0, .9);
		}		
		
	.mobile .home_page.left_content, .mobile .home_page.right_content {
		background:none;
		filter: none;
		border-right: none;
		border-left: none;
		}

	.darkStyle.backGround, .blackBackground  {
		background-color: #111111;
		}
	
	.darkStyle.backGround_light, .darkStyle .backGround_light  {
		background-color: #1a1a1a;
		}
			
	.highlight_backGround{
		background-color: #f55088;
		}
		
/* menu color */
		
	.home_page.right_content{  }
	
	.header_content ul li a{ color: #ffffff; }
	
	.header_content ul li a:hover{
		text-shadow: 0px 0px 10px #ffffff;		
		background:none !important;}	
	
	.header_content ul li a.active, .header_content ul li ul li a.active_sub{ color: #f55088; background:none; }
	
	.header_content ul li a.active:hover, .header_content ul li ul li a.active_sub:hover { color: #f55088;  background:none !important;}
	
	.header_content ul li .stroke{ background-color:#ffffff; opacity:0.25; }
	.header_content ul li .active .stroke{ background-color:#f55088; opacity:0.5; }
	
/* Menu Show / Hide button */
	.showHideMenu, .iButton{
		background-color:#ffffff; 
		background-color:rgba(255,255,255, .75); 
		color:#000000;
		text-shadow: #ffffff 0 1px 0;
		}
	
	.showHideMenu:hover, .iButton:hover{
		background-color:#000000; 
		background-color:rgba(0,0,0, .75); 
		color:#ffffff;
		}
	
	.closeMenu{
		color:#000000;
		text-shadow: #ffffff 0 1px 0;
		}	
	.closeMenu:hover{
		color:#f55088;
		}
	
	h1, h2, h3, h4, h5, h6 {  color: #2e2e2e; }

	.darkStyle h1, .darkStyle h2, .darkStyle h3, 
	.darkStyle h4, .darkStyle h5, .darkStyle h6,
	.darkStyle p {
		color: #f1f1f1;	
		text-shadow: none !important;	
		}
	.darkStyle span  { color: #f1f1f1; text-shadow: none !important;}
	
	.darkStyle .separator_bar, .darkStyle.separator_bar, .darkStyle .separator_medium ,
	.darkStyle.separator_medium{ background-color:#333333; }
	
	.pgScrollUp{
		border: #ffffff 2px solid;
		}
	
	.pgScrollUp:hover{
	  background-color : #f55088;
	  border: #f55088 2px solid
	  }	

	

/* social bookmarks*/

		
	.darkStyle .font_awesome.inverse li a:hover, .darkStyle .font_awesome_2x.inverse li a:hover,
	.darkStyle .font_awesome_3x.inverse li a:hover,
	
	.font_awesome li a, .font_awesome_2x li a,
	.social_black.font_awesome li a, .social_black.font_awesome_2x li a {
		background-color: #1a1a1a !important;
		background-color:rgba(0,0,0, .25) !important;
		}
		
	.darkStyle .font_awesome.inverse li a:hover i, .darkStyle .font_awesome_2x.inverse li a:hover i, 
	.darkStyle .font_awesome_3x.inverse li a:hover i,
	
	.font_awesome li a i, .font_awesome_2x li a i,
	.social_black.font_awesome li a i, .social_black.font_awesome_2x li a i { 
		color: #f1f1f1 !important;
		text-shadow: none !important;
		}
	
	
	.darkStyle .font_awesome.inverse li a, .darkStyle .font_awesome_2x.inverse li a,
	.darkStyle .font_awesome_3x.inverse li a,
		
	.font_awesome li a:hover, .font_awesome_2x li a:hover,
	.social_black.font_awesome li a:hover, .social_black.font_awesome_2x li a:hover {
		background-color: #f1f1f1 !important;
		background-color:rgba(255,255,255, .75) !important;
		}
	
	.darkStyle .font_awesome.inverse li a i, .darkStyle .font_awesome_2x.inverse li a i, 
	.darkStyle .font_awesome_3x.inverse li a i,
		
	.font_awesome li a:hover i, .font_awesome_2x li a:hover i,
	.social_black.font_awesome li a:hover i, .social_black.font_awesome_2x li a:hover i {
		color: #1a1a1a !important;
		}
	  
	
/* a tag Link */

	a, a:visited { color: #f55088; }
	a:hover{ color: #ffffff; }	
	.darkStyle a:hover{ color: #f1f1f1; }
	
	a:focus { color: #f55088; }
	
	a.normal { color: #2e2e2e; text-shadow: none !important; }
	a.normal:hover { color: #f55088; }
	
	.darkStyle a.normal { color: #f1f1f1; text-shadow: none !important; }
	.darkStyle a.normal:hover { color: #f55088; }
	
	a .box_hover, .box_hover, a .box_hover_min, .box_hover_min{
		border-color: #f55088 !important;
		color: #f55088 !important;
		}	
		
	a.inverse .box_hover, .inverse .box_hover, a.inverse .box_hover_min, .inverse .box_hover_min{
		border-color: #111111 !important;
		color: #111111 !important;
		}
			
	a .box_hover:hover, a .box_hover_min:hover {
		border-color: #ffffff !important;
		color: #ffffff !important;
		}
	
	ul.tag li{
		color: #ffffff;
		background-color: #111111;
		}
		
	ul.tag li a{ color: #ffffff; }
		
	ul.tag li:hover{
		color: #111111;
		background-color: #ffffff;
		}
		
	ul.tag li:hover a{ 
		color: #111111; 
		background-color: #ffffff;
		}	

	.blog_element a{ color:#f1f1f1; }
	.blog_element a:hover { color:#f55088 !important; }
	
/* Service items  */
		
	.services .description{ 
		background-color:#000000; 
		background-color:rgba(0,0,0, .25); 
		}
		
	.services .description i{	
		color: #1a1a1a; 
		}
	a.services:hover .description {
		background-color: #f55088;
		background-color: rgba(245, 80, 136, .90);
		}
	a.services:hover .description i{
		color: #333333 !important;
		}
	a.services:hover i, a.services:hover .description h4,
	a.services:hover .description p, a.services:hover .description h6{
		color: #ffffff !important;
		}	
	
	a.services .service_icon{		
		border:#f55088 1px solid;
		}
	
/* blockquote color */ 	

	blockquote, blockquote p { color: #2e2e2e; }
	blockquote { border-left: 1px solid rgba(255,255,255,0.5); }
	blockquote cite { color:#f55088 !important; }
		
/* Text color */ 	
	.light_color { color: #ffffff !important; }
	.dark_color { color: #000000 !important; text-shadow: #ffffff 0 1px 0 !important; }



/* Border */ 
	.dark_border { border:1px solid; border-color: #222222 !important; }
	.light_border { border:1px solid; border-color: #f1f1f1 !important; }
	
	.top_border{ border-top:1px solid #222222 ; }
	
	.stroke-wrapper { border: 1px solid rgba(255,255,255,0.5); }
	.stroke-line {  background-color: #ffffff; }
	
	.imgBorder{ border: 1px solid rgba(255,255,255,0.5);   }
	.imgBorder_inner{ border: 1px solid rgba(255,255,255,0.5);  }
	
	.thumbnail_list .imgBorder_inner:hover { border: 1px solid rgba(245, 80, 136, 1); }	
	.thumbnail_list a:hover .imgBorder{ border: 1px solid rgba(245, 80, 136, 1); }
	
	.thumbnail_list .imgBorder{ background-color:rgba(0,0,0, .25); }
	.thumbnail_list .imgBorder:hover{ background-color:rgba(0,0,0, .5); }

/* Text highlight color1 */ 	
	.highlight_color, a.highlight_color { color: #f55088 !important; }
	a.highlight_color:hover { color: #f1f1f1 !important; }
	
	.darkStyle a.highlight_color:hover { color: #f1f1f1 !important; }

/* background highlight color1 */ 	
	.bg_highlight_color { background-color: #f55088 !important; }
	
/* Text highlight color */ 
	.text_highlight{
		background-color: #f55088;
		background-color: rgba(245, 80, 136, .50);
		text-shadow: none !important;
		}		
		  
/* Text hover color */ 
	a.list_hover, a.list_hover i{
		color: #111111 !important;
		}
	a:hover.text_hover, a:hover.list_hover {
		color: #222222;
		background-color: #f1f1f1;		
		}
			
	.darkStyle a.list_hover, .darkStyle a.list_hover i{
		color: #ffffff !important;
		}
		
	.darkStyle a:hover.text_hover, .darkStyle a:hover.list_hover {
		color: #f1f1f1 !important;
		background-color: #111111;
		}
			
	a.hover_alt {
		color: #111111 !important;
		}
	a:hover.hover_alt {
		color: #ffffff !important;
		}

/* Table hover color */ 
	.table-hover tbody tr:hover > td,
	.table-hover tbody tr:hover > th {
		background-color: #000000 !important;
		background-color: rgba(0, 0, 0, 0.5) !important;
		}		
	.table th,
	.table td {
		border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
		}
	
	
/* supersized gallery */

	#supersized li{ background-color: #111111; }	
	.supersized-nav li a, .darkStyle .supersized-nav a { color:#ffffff;  background-color:#000000; background-color: rgba(0, 0, 0, .5); }
	.supersized-nav li a:hover, .darkStyle .supersized-nav li a:hover { background-color:#ffffff; color:#000000; }
	.supersized-nav li a.active, .supersized-nav li a.active:hover,
	.darkStyle .supersized-nav li a.active, .darkStyle .supersized-nav li a.active:hover { background-color:#f55088; color:#000000; }

	
/* Feature */
	.feature .bg_hover_change{
		background-color:#111111;
		}
	.feature .bg_hover_change i{
		color:#111111;
		}
		
	a:hover .bg_hover_change{
		background-color:#222222;
		}
	a:hover .bg_hover_change i{
		color:#222222;
		}	



/* Scroll bar */
	
	.mCSB_dragger_bar{
		background: #f55088 !important;
	}
	
	.mCSB_draggerRail{
		background: #555555 !important;
		}
		

/* Accordion color */ 
	.accordion dt .acc_heading{
		background-color:#000000 !important; 
		background-color:rgba(0,0,0, .25) !important; 
		}
	
	.accordion dt:hover .acc_heading{
		background-color:#000000 !important; 
		background-color:rgba(255, 192, 203, 0.5) !important; 
		border-radius: 5px;
		}


/* Graph bar background color */
	.graph_container li {
		background-color:#ffffff; 
		background-color:rgba(255,255,255, .25); 
		}

/* Graph bar color */
	.graph_container li a { 
		background-color: #f55088;
		}

/* Graph Text color */	
	.graph_container li span.graph_item { color: #f1f1f1; }
	
	.graph_container li span.graph_value span { color: #000000; }	
	.graph_container li span.graph_value i{ color: #ffffff; }
	.graph_container li span.graph_value { background-color: #ffffff;  }
		
	.darkBgCaption{
		color: #ffffff !important;
		background-color: #222222;
		background-color: rgba(0, 0, 0, 0.75);
		zoom: 1;	
		}
		
	.darkStyle .bgCaption {
		background-color: #222222;
		background-color: rgba(0, 0, 0, 0.75);
		zoom: 1;	
		}

	 
	 .bgCaptionHighlight{
		background-color: #f55088;		
		zoom: 1;	
		}
		
	.bgCaptionHighlight h1, .bgCaptionHighlight h2, .bgCaptionHighlight h3,
	.bgCaptionHighlight h4, .bgCaptionHighlight h5, .bgCaptionHighlight h6,
	.bgCaptionHighlight p, .bgCaptionHighlight span{
		text-shadow: #ffffff 0 1px 0 !important;
		}
	
	.bgCaptionHighlight.transparent {
		background-color: #f55088;
		background-color: rgba(245, 80, 136, .90);
		text-shadow: #ffffff 0 1px 0 !important;
		zoom: 1;	
		}
		 
/* Tab color */

		
	ul.nav-tabs.plainTab > li > a{	
		color: #000000 !important; 
		border:none !important;
		}
		
	ul.nav-tabs.plainTab,
	ul.nav-tabs.plainTab > .active > a,
	ul.nav-tabs.plainTab > .active > a:hover,
	ul.nav-tabs.plainTab > .active > a:focus {
		color: #f55088 !important;
		background: none !important;
		}	
	
	ul.nav-tabs.plainTab > li > a:hover {	color: #222222 !important; }

	
	ul.nav-tabs {
		border-bottom:  1px solid rgba(255,255,255,0.4); 
		-webkit-background-clip: padding-box; /* for Safari */
   		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
		

		}
	
	.nav-tabs > .active > a,
	.nav-tabs > .active > a:hover,
	.nav-tabs > .active > a:focus {
		color: #111111;
		text-shadow: none !important;
		border:none !important;	
	 	background-color:#ffffff !important; 
		background-color:#ffffff !important;
		}
		
	
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus {
	 	color: #ffffff;
		border:none !important;	
		background-color:rgba(255, 192, 203, 0.5) !important;
		}

	.nav-pills > .active > a,
	.nav-pills > .active > a:hover,
	.nav-pills > .active > a:focus {
		color: #ffffff;
		border:none !important;	
	  	background-color: #333333;
		}

/* Button color */
	a.button, .button, button, 
	a.button.inverse:hover,.button.inverse:hover,
	button.inverse:hover,
	.darkStyle a.button, .darkStyle .button, .darkStyle button, 
	.darkStyle a.button.inverse:hover, .darkStyle .button.inverse:hover,
	.darkStyle button.inverse:hover
	 {
		color: #ffffff;
		background-color: #FF677E;
		text-shadow: none !important;
		}
	
	a.button:hover,.button:hover, button:hover, 
	a.button.inverse, .button.inverse,
	button.inverse,
	.darkStyle a.button:hover, .darkStyle .button:hover, .darkStyle button:hover, 
	.darkStyle a.button.inverse, .darkStyle .button.inverse,
	.darkStyle button.inverse {
		color: #222222;
		background-color: #ffffff;
		background: rgba(225, 225, 225, .75);
		}
	
	a.button.highlight, .button.highlight, button.highlight{
		background-color: #f55088 !important;
		color: #222222;
		text-shadow: none !important;
		}
	
	a.button.highlight:hover, .button.highlight:hover, button.highlight:hover{
		background-color: #FF677E !important;
		color: #ffffff;
		text-shadow: none !important;
		}
	
	.button.transparent,
	.button.inverse.transparent:hover {
		background-color: rgba(255, 192, 203, 0.5) !important;
		}
	
	.button.transparent:hover,
	.button.inverse.transparent {
		background-color: rgba(255, 192, 203, 100) !important;
		}
					
	.alert .close{
		background: none !important;
		color:#000000 !important;
		font-size:22px !important;
		font-weight:bold !important;
		}

/* Form object style */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="url"],
	textarea {
		color: #f1f1f1;
		background-color: #222222;
		}	
	
	.transparent input[type="text"],
	.transparent input[type="password"],
	.transparent input[type="email"],
	.transparent input[type="url"],
	.transparent textarea {
		background-color: rgba(255, 192, 203, 0.5) !important;
		}	
			
	.label {color: #f1f1f1;}
		
		
/* Input text field color */ 
	input[type="submit"],
	input[type="reset"],
	input[type="button"]{
		color: #2e2e2e;	
		}
		
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #ffffff;
		}
	
	
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active{
		color: #ffffff;
		}

	.darkStyle input[type="text"],
	.darkStyle input[type="password"],
	.darkStyle input[type="email"],
	.darkStyle input[type="url"],
	.darkStyle textarea {
		color: #ffffff;
		border:none;
		background-color: #FF677E;
		background: rgba(255, 192, 203, 0.5);
		}
	
	.darkStyle input[type="submit"],
	.darkStyle input[type="reset"],
	.darkStyle input[type="button"]{
		color: #ffffff;	
		}
		
	.darkStyle input[type="submit"]:hover,
	.darkStyle input[type="reset"]:hover,
	.darkStyle input[type="button"]:hover {
		color: #ffffff;
		}
	
	
	.darkStyle input[type="submit"]:active,
	.darkStyle input[type="reset"]:active,
	.darkStyle input[type="button"]:active{
		color: #ffffff;
		}
	
	.textShadow{
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
		}
	  
	p.lead { color: #ffffff;  }
	
	.img_place img { border: #111111 1px solid }


/* Map */
	
	.openGoogleMap i, .openGoogleMap:hover i { color: #f55088 !important; }
	
	
/* Join us email input field */	

	#joinus_email{
		color: #ffffff;
		border:none;
		background-color: #f55088;
		background: rgba(245, 80, 136, .5) !important;
		padding:10px !important;
		width: 215px;
		}
	.plain_bg #joinus_email {
		background-color: #f55088;
		background: rgba(245, 80, 136, 1) !important;
		}	
		
	#joinus_submit{
		background:none !important;
		}
	button:hover#joinus_submit{
		background:none !important;
		}
		
	
	/* counter */
	#bodycounter {
  height: 6%;
  
}

.pb100 {
    padding-bottom: 10px;
}

.pt100 {
    padding-top: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    padding: 0;
    margin: 0;
}

.counter-section {
  background: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  background-size: 100%;
}

.counter-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.89);
  border-radius:15px;
} 

.count-items {
  text-align: center;
  padding: 1px 1px;
  margin-left: 30%;
  margin-left: -10%;
  border-radius: 50%;
  border-bottom: 3px dotted #666;
  border-top: 3px dotted #666;
}

.count-items:hover.count-items i{
  color: #ffaf53;
  font-weight: bold;
}

.count-items:hover.count-items h2{
  color: #f35b68;
  font-weight: bold;
}


.count-items i {
  color: #f35b68;
  font-size: 36px;
  font-weight: bold;
}

.count-items span {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  padding: 0px 0px;
  
}

.count-items h2 {
  font-size: 16px;
  font-weight: bold;
  color: #ffaf53;
  font-weight: bold;
}
.funfact {
  margin-top: 50px;
  text-align: center;
  font-weight: bold;
}

.funfact h2 {
    color: #ffaf53;
    font-size: 42px;
	font-weight: bold;
    font-weight: 700;
    position: center;

}
.funfact h2:after {
position: absolute;
content: "";
width: 115px;
height: 2px;
background:#fff;
right: 0px;
bottom: -24px;


}
.funfact p {
  line-height: 1px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 50px;
  color: #e1e1e1;
}
a.site-btn.transition-ease.quote-btn {
  padding:0px 0px;
  background: #f35b68;
}
.site-btn.header-quote-btn:hover {

    background: transparent;
    color: #252525;

}
.site-btn.header-quote-btn {
padding:14px 28px;
background: #f35b68;
  background: linear-gradient(to right, #f35b68, #ffaf53);
  margin-left: 0px;
text-transform: capitalize;
font-weight: bold;
background-origin: border-box ;
}
#marquee-container {
  padding: 20% 20%;

}


.fix {
    overflow: hidden;
}



/* typewriter4 */ 
.typewriter4 h6 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  color: #ffffff;
  background-color:rgba(255, 192, 203, 0.5);	
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  float: right;
   border-left: .05em solid white; /* The typwriter cursor */
  border-right: .05em solid white; /* The typwriter cursor */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  text-indent: 10px;

  
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  10% { border-color: pink; }
}


.typewriter7 h5 {
    overflow: hidden;
	background-color: rgba(255, 192, 203, 0.5);
    opacity: .8;
	padding: 15px;
	border-radius: 15px;	
}

.typewriter7:hover {
    background-color: rgba(0, 0, 0, 100);
    opacity: .8;
	padding: 15px;
	border-radius: 15px;	
      }


.typewriter8 h6 {
    overflow: hidden;
	background-color: rgba(255, 192, 203, 0.5);
    color: #FF677E;
    opacity: .5;
	padding: 15px;
	border-radius: 15px;
}


.typewriter9 h6  {
    background-color: rgba(255, 192, 203, 0.5);
    color: #fff;
}


.typewriter4 h5 {
	overflow: hidden;
    background-color: #000;
    color: #ffffff;
    opacity: .5;
	padding: 15px;
	border-radius: 15px;
	
}


.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #ffffff 0%,
    #44107a 29%,
    #ff1361 67%,
    #231557 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 12px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.animate-charcter2
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #ffffff 0%,
    #44107a 29%,
    #ff1361 67%,
    #231557 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 60px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}



* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}



.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  animation: flip 2s infinite;
  animation-delay: calc(.2s * var(--i))
}

@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}



@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

*{
box-sizing: border-box;
}



        .swiper {
            height: 400px;
        }
        .swiper-slide{
           
            justify-content: center;
            align-items: center;
            font-size: 12px;
        }
		
		.wrapper {
		background-image: url("../images/road.jpg");
		background-color: rgba(0, 0, 0, 0.779);
        background-blend-mode: color;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        aspect-ratio: 30/9;
		
		
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 15px;
		padding-block-end: 2rem;
		padding-inline: 2rem;
		overflow-x: clip;

		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 900;
		font-size: clamp(0.65rem, 6.5vw, 6.5rem);
		font-weight: 700;
		text-transform: uppercase;

		perspective: 2.5em;
		}
		
		.glow, 
		.glow-shadow {
		position: absolute;
		inset: 0;
		display: grid;
		place-content: center;
		}
		.glow {
		--glow-color: hsl(248, 16%, 39%);

		background: inherit;
		background-size: cover;
		background-position: center;
		background-clip: text;
		-webkit-background-clip: text;

		color: rgba(0, 0, 0, 0);
		mix-blend-mode: plus-lighter;

		-webkit-text-stroke: 0.012em rgba(241, 240, 255, 0.384);
		filter: drop-shadow(0px 0px 5px var(--glow-color)) 
			drop-shadow(0px 0px 10px var(--glow-color));
		}


		.glow-shadow {
		color: hsl(20, 100%, 98%);
		mix-blend-mode: soft-light;

		filter: brightness(2);
		transform:translateY(10%)                 
			rotateX(81deg) 
			scaleY(-1)                               
			translateY(-15%) scaleY(1.35)
		}   
		
		
		
		
		
		
		@import url('https://fonts.googleapis.com/css?family=Roboto:700');

		

		#container1 {
		  color:#999;
		  text-transform: uppercase;
		  font-size:clamp(0.18rem, 1.8vw, 1.8rem);
		  font-weight:bold;
		  padding-top:40px;  
		  position:fixed;
		  width:95%;
		  bottom:55%;
		  display:block;
		  
		}
		
		#container2 {
		  color:#999;
		  text-transform: uppercase;
		  font-size:clamp(0.16rem, 1.6vw, 1.6rem);
		  font-weight:bold;
		  padding-top:40px;  
		  position:fixed;
		  width:95%;
		  bottom:15%;
		  display:block;
		  margin-left: 1em;
		  
		  
		}


		#flip {
		  height:60px;
		  overflow:hidden;
		}

		#flip > div > div {
		  color:#fff;
		  padding:5px 5px;
		  height:50px;
		  margin-bottom:45px;
		  display:inline-block;
		  
		}

		#flip div:first-child {
		  animation: show 3s linear infinite;
		}

		#flip div div {
		  background:#0909FF;
		  border-radius:30% 70% 70% 30% / 30% 30% 70% 70% ;
		  
		  
		}
		#flip div:first-child div {
		  background:#C00000;
		}
		#flip div:last-child div {
		  background:#7030A0;
		}
		
		

		@keyframes show {
		  0% {margin-top:-270px;}
		  5% {margin-top:-180px;}
		  33% {margin-top:-180px;}
		  38% {margin-top:-90px;}
		  66% {margin-top:-90px;}
		  71% {margin-top:0px;}
		  99.99% {margin-top:0px;}
		  100% {margin-top:-270px;}
		}
		
		
		
		
		
		.Iam {
		  padding: 2em 5em;
		  font: normal 12px/15px Montserrat, sans-serif;
		  color: #999;
		}
		.Iam pagi {
		  height: 100px;
		  float: left;
		  margin-right: 0.3em;
		}
		.Iam bali {
		  float: left;
		  overflow: hidden;
		  position: relative;
		  height: 50px;
		  top: 40px;
		}
		.Iam .innerIam {
		  display: inline-block;
		  color: #e74c3c;
		  position: relative;
		  white-space: nowrap;
		  top: 0;
		  left: 0;


		/*animation*/
		-webkit-animation:move 5s;
		   -moz-animation:move 5s;
			-ms-animation:move 5s;
			 -o-animation:move 5s;
				animation:move 5s;
		/*animation-iteration-count*/
		-webkit-animation-iteration-count:infinite;
		   -moz-animation-iteration-count:infinite;
			-ms-animation-iteration-count:infinite;
			 -o-animation-iteration-count:infinite;
				animation-iteration-count:infinite;
		/*animation-delay*/
		-webkit-animation-delay:1s;
		   -moz-animation-delay:1s;
			-ms-animation-delay:1s;
			 -o-animation-delay:1s;
				animation-delay:1s;
		}
		@keyframes move{
		0%  { top: 0px; }
		20% { top: -50px; }
		40% { top: -100px; }
		60% { top: -150px; }
		80% { top: -200px; }
		}

		@-webkit-keyframes move {
			0%  { top: 0px; }
			20% { top: -50px; }
			40% { top: -100px; }
			60% { top: -150px; }
			80% { top: -200px; }
		}
		@-moz-keyframes move {
			0%  { top: 0px; }
			20% { top: -50px; }
			40% { top: -100px; }
			60% { top: -150px; }
			80% { top: -200px; }
		}
		@-o-keyframes move {
			0%  { top: 0px; }
			20% { top: -50px; }
			40% { top: -100px; }
			60% { top: -150px; }
			80% { top: -200px; }
		}
		@keyframes move {
			0%  { top: 0px; }
			20% { top: -50px; }
			40% { top: -100px; }
			60% { top: -150px; }
			80% { top: -200px; }
		}