@font-face {
 	font-family: realvirtue;
 	src: url(1_REALVIRTUE.ttf);
 }
body .nav_margin{
	font-family: realvirtue;
}
.section_1 .nav_margin{
	width:72%;
	margin:0 auto; 
	bottom:45px;
	font-size:12px;
	position:absolute;
	left:14%;
	bottom:-7px;
}
.navbar_button{
	border: 1px solid black;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent !important;
}
.navbar-nav a{
	color: white;
}
.icon_color{
	background-color: black;
}
.left_image2{
	float:left;
    margin: 0px 0px 0px -23px;
    height: 1415px;
    width: 33px;
}
.right_image2{
	float:right;
	height: 1415px;
    width: 33px;
    margin: 0px -3.5px 0 0;
}
 .border_color{
 	background-color: white;
 	margin-right:-2px;
 	margin-top: -1px;
 }
 .border_right{
 	background-color: white;
 	z-index:0;
 	margin-top: -1px;
 }
 .border_bottom{
 	padding:0;
 	width:101.3%;
 	margin:-10px 0 0 -8.4px;
 }
 .bottom_image{
	width:100%;
 }
 .margin_row{
 	margin-right:-23px;
 }
 #rainbow img{
	width:100% !important;
}
.work_center{
    display: block;
    margin-top: 13px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
}
.inner_section{
	position:relative;
}
.bike_image_one{
	margin: 3px 0 15px -85px;
}
.bike_image_two{
	width: 310px;
	height: 200px;
}
.bike_image_three{
	width: 310px;
	height: 200px;
}
.div_1{
	margin: 3px 0 15px 73px;
    z-index: 1;
}
.custom_row{
	margin-bottom: 15px;
}
.slide_url{
	margin-left:66px;
	color:#23527c;
	font-weight: bold;
	font-style: italic;
}
.div_left{
    margin: 12px 0 0 -66px;
    font-size: 13px;
}
.div_left p{
   line-height: 1.3;
}

/*animation + slider*/
 /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        
        /*jssor slider bullet skin 053 css*/
        .jssorb053 .i {position:absolute;cursor:pointer;}
        .jssorb053 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb053 .i:hover .b {fill-opacity:.7;}
        .jssorb053 .iav .b {fill-opacity: 1;}
        .jssorb053 .i.idn {opacity:.3;}
        
        /*jssor slider arrow skin 093 css*/
        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}

        body{
			background-color: black;  
		}
		#rainbow {
			background-color: blue;  
		  	width: 98.6%;
		  	height:174px;
		  	-webkit-animation-name: example; /* Chrome, Safari, Opera */
		  	-webkit-animation-duration: 15s; /* Chrome, Safari, Opera */
		  	animation-name: example;
		  	animation-duration: 15s;
		  	animation-iteration-count: infinite;
		}

		@keyframes example {
		    0%   {background-color: red; }
		    25%  {background-color: yellow; }
		    50%  {background-color: blue; }
		    75%  {background-color: green; }
		    100% {background-color: red; }
		}

		/* Chrome, Safari, Opera */
		@-webkit-keyframes example {
		    0%   {background-color: red; }
		    25%  {background-color: yellow; }
		    50%  {background-color: blue; }
		    75%  {background-color: green; }
		    100% {background-color: red; }
		}
		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 0px;}
/*For slider*/
#jssor_1{
	position:relative;
	margin:0 auto;
	top:-53px;
	left:-122px;
	width:718px;
	height:216px;
	overflow:hidden;
	visibility:hidden;
}
/*For menu text blow*/
.navbar-nav>li>a:link {
  text-decoration: none;
}
.navbar-nav>li>a:hover {
  color: #fdec6e;
  text-shadow:0px 0px 30px #fdec6e;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/*Media query for md*/
@media (min-width: 992px) AND (max-width:1199px) {
	.section_1 .nav_margin{
		width:84%;
		margin:0 auto; 
		font-size:12px;
	}
	.border_right{
		margin-top: -1px;
	}
 	.border_bottom{
	 	padding:0;
	 	width:105.2%;
	 	margin:-3px 0 0 -6.7px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 #rainbow{
	 	width:102.6%;
	 	height:154px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -22px;
	    height: 1381px;
	    width: 30px;
	}
	.right_image2{
		float:right;
		height: 1381px;
	    width: 31px;
	    margin: 0px -31.2px 0 0;
	}
	.bike_image_one{
		margin: 3px 0 15px -80px;
	}
	.bike_image_two{
		width: 280px;
		height: 170px;
	}
	.bike_image_three{
		width: 280px;
		height: 170px;
	}
	.div_1{
		margin: 3px 0 15px 73px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 15px;
	}
	.slide_url{
		margin-left:30px;
		color:#23527c;
		font-weight: bold;
		font-style: italic;
	}
	.div_left{
	    margin: 12px 0 0 -66px;
	    font-size: 13px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}
/*Media query for sm*/
@media (min-width: 768px) AND (max-width:991px) {
	.section_1 .nav_margin{
		width:76%;
		margin:0 auto; 
		font-size:13px;
	}
	 .border_bottom{
	 	padding:0;
	 	width:105%;
	 	margin:-27px 0 0 -9px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 #rainbow{
	 	width:102.1%;
	 	height:177px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -23px;
	    height: 1435px;
	    width: 33px;
	}
	.right_image2{
		float:right;
		height: 1435px;
	    width: 33px;
	    margin: 0px -29.9px 0 0;
	}
	.bike_image_one{
		margin: 3px 0 15px -80px;
	}
	.bike_image_two{
		width: 310px;
		height: 200px;
	}
	.bike_image_three{
		width: 310px;
		height: 200px;
	}
	.div_1{
		margin: 3px 0 15px 73px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 15px;
	}
	.slide_url{
		margin-left:59px;
		color:#23527c;
		font-weight: bold;
		font-style: italic;
	}
	.div_left{
	    margin: 12px 0 0 -66px;
	    font-size: 13px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}
/*Media query for xs*/
@media (min-width:425px) AND (max-width:767px){
	.navbar_position{
	    position: absolute;
	    background-color: black;
	    width: 100%;
	    color: white;
	}
	.navbar_position li a{
		color: white;
	}
	 .border_bottom{
	 	padding:0;
	 	width:104.7%;
	 	margin:-1px 0 0 -4.3px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:15px;
	 }
	 .section_1 .nav_margin{
		bottom:1px;
		z-index:2;
		left: 62px;
	}
	 #rainbow{
	 	width:102.2%;
	 	height:95px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	  .left_image2{
		float:left;
	    margin: 0px 0px 0px -19.3px;
	    height: 1606px;
	    width: 19px;
	}
	.right_image2{
		float:right;
		height: 1606px;
	    width: 21px;
	    margin: 0px -19.9px 0 0;
	}
	.border_color.test2{
	    padding-left: 35px;
	}
	.work_center{
		padding-left: 59px;
		text-align: left;
	}
	.bike_image_one{
		margin: 5px 0 15px -61px;
		z-index: 1;
	}
	.bike_image_two{
		width: 340px;
		height: 230px;
	}
	.bike_image_three{
		width: 340px;
		height: 230px;
	}
	.div_1{
		margin: 5px 0 15px -61px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 15px;
	}
	.slide_url{
		margin-left: 0;
	    color: #23527c;
	    font-weight: bold;
	    font-style: italic;
	    display: block;
	    overflow: hidden;
	    clear: both;
	    position: relative;
	    left: -12px;
	    width: 100%;
	    text-align: center;
	    z-index: 1;
	    font-size: 12px;
	}
	.div_left{
	    margin: 12px 0 0 -39px;
	    font-size: 12px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}
/*Media query for xs*/
@media (min-width:375px) AND (max-width:424px){
	.navbar_position{
	    position: absolute;
	    background-color: black;
	    width: 100%;
	    color: white;
	}
	.navbar_position li a{
		color: white;
	}
	 .border_bottom{
	 	padding:0;
	 	width:104.5%;
	 	margin:-7px 0 0 -4px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:15px;
	 }
	 .section_1 .nav_margin{
		bottom:1px;
		z-index:2;
		left:53px;
	}
	 #rainbow{
	 	width:101.8%;
	 	height:88px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	  .left_image2{
		float:left;
	    margin: 0px 0px 0px -19.1px;
	    height: 1541px;
	    width: 17px;
	}
	.right_image2{
		float:right;
		height: 1541px;
	    width: 17px;
	    margin: 0px -15.9px 0 0;
	}
	.test2{
		padding-left:35px;
	}
	.work_center{
		padding-left: 40px;
		text-align: left;
	}
	.bike_image_one{
		margin: 5px 0 15px -60px;
		z-index: 1;
	}
	.bike_image_two{
		width: 300px;
		height: 190px;
	}
	.bike_image_three{
		width: 300px;
		height: 190px;
	}
	.div_1{
		margin: 5px 0 15px -60px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 15px;
	}
	.slide_url{
		margin-left: 0;
	    color: #23527c;
	    font-weight: bold;
	    font-style: italic;
	    display: block;
	    overflow: hidden;
	    clear: both;
	    position: relative;
	    left: -12px;
	    width: 100%;
	    text-align: center;
	    z-index: 1;
	    font-size: 12px;
	}
	.div_left{
	    margin: 12px 0 0 -45px;
	    font-size: 12px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}
/*Media query for xs*/
@media (min-width:320px) AND (max-width:374px){
	.navbar_position{
	    position: absolute;
	    background-color: black;
	    width: 100%;
	    color: white;
	}
	.navbar_position li a{
		color: white;
	}
	 .border_bottom{
	 	padding:0;
	 	width:104%;
	 	margin:-3px 0 0 -3px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:15px;
	 }
	 .section_1 .nav_margin{
		bottom:1px;
		z-index:2;
		right: 36px;
	}
	 #rainbow{
	 	width:102%;
	 	height:74px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -18.3px;
	    height: 1462px;
	    width: 15px;
	}
	.right_image2{
		float:right;
		height: 1462px;
	    width: 17px;
	    margin: 0px -15.9px 0 0;
	}
	.test2{
		padding-left:32px;
	}
	.work_center{
		padding-left: 24px;
		text-align: left;
	}
	.bike_image_one{
		margin: 5px 0 12px -60px;
		z-index: 1;
	}
	.bike_image_two{
		width: 270px;
		height: 160px;
	}
	.bike_image_three{
		width: 270px;
		height: 160px;
	}
	.div_1{
		margin: 0px 0 15px -60px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 4px;
	}
	.slide_url{
		margin-left: 0;
	    color: #23527c;
	    font-weight: bold;
	    font-style: italic;
	    display: block;
	    overflow: hidden;
	    clear: both;
	    position: relative;
	    left: -12px;
	    width: 100%;
	    text-align: center;
	    z-index: 1;
	    font-size: 12px;
	}
	.div_left{
	    margin: 12px 0 0 -45px;
	    font-size: 12px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}
/*Media query for xs*/
@media (min-width:360px) AND (max-width:360px){
	.border_bottom{
	 	padding:0;
	 	width:104.5%;
	 	margin:-25px 0 0 -4.1px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:15px;
	 }
	 .section_1 .nav_margin{
		bottom:1px;
		z-index:2;
		right: 39px;
	}
	 #rainbow{
	 	width:101.6%;
	 	height:84px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	  .left_image2{
		float:left;
	    margin: 0px 0px 0px -19.1px;
	    height: 1526px;
	    width: 17px;
	}
	.right_image2{
		float:right;
		height: 1526px;
	    width: 17px;
	    margin: 0px -15.9px 0 0;
	}
	.test2{
		padding-left:37px;
	}
	.work_center{
		padding-left: 34px;
		text-align: left;
	}
	.bike_image_one{
		margin: 5px 0 12px -60px;
		z-index: 1;
	}
	.bike_image_two{
		width: 290px;
		height: 180px;
	}
	.bike_image_three{
		width: 290px;
		height: 180px;
	}
	.div_1{
		margin: 0px 0 15px -60px;
	    z-index: 1;
	}
	.custom_row{
		margin-bottom: 4px;
	}
	.slide_url{
		margin-left: 0;
	    color: #23527c;
	    font-weight: bold;
	    font-style: italic;
	    display: block;
	    overflow: hidden;
	    clear: both;
	    position: relative;
	    left: -12px;
	    width: 100%;
	    text-align: center;
	    z-index: 1;
	    font-size: 12px;
	}
	.div_left{
	    margin: 12px 0 0 -45px;
	    font-size: 12px;
	}
	.div_left p{
	   line-height: 1.3;
	}
}