@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; 
	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: 424px;*/
    height: 510px;
    width: 33px;
}
.right_image2{
	float:right;
	/*height: 424px;*/
	height: 510px;
    width: 33px;
    margin: 0px -19.4px 0 0;
}
.p_first{
	margin-top:42px;
	letter-spacing: -1px;
}
.p_second{
	font-size:18px;
	margin-top:30px;
	letter-spacing: -1px;
}
.span_first{
	font-size:20px;
}
.span_second{
	margin-left:-19px;
	font-size: 28px;
}
.p_second .span_1{
	margin-left: -53px;
	font-size: 17px;
}
.p_second .span_2{
	margin-left: -33px;
	font-size: 17px;
	line-height: 1;
}
.p_second .span_3{
	margin-left: -13px;
	font-size: 17px;
	line-height: 1.5;
}
.p_second .span_4{
	margin-left: 2px;
	font-size: 17px;
	line-height: 1.1;
}
.p_second .span_5{
	margin-left: 11px;
	font-size: 17px;
	line-height: 1.5;
}
.p_second .span_6{
	margin-left: 1px;
	font-size: 17px;
	line-height: 1;
}
.p_second .span_7{
	margin-left: -8px;
	font-size: 17px;
	line-height: 1.5;
}
 .border_color{
 	background-color: white;
 	margin-right:-2px;
 }
 .border_right{
 	background-color: white;
 	z-index:0;
 	margin-top: 0px;
 }
 .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;
}
.row_margin1{
	margin-top: 30px;
	margin-right: -85px;
}
.row_margin2{
	margin-bottom: 35px;
	margin-right: -60px;
}
.image_1{
	border: 2px solid black;
	padding-left:0px;
	/*position: relative;*/
}
.image_2{
	border: 2px solid black;
	padding-left: 0px;
	z-index:2;
	margin-left: -2px;
	min-height: 217.3px;
	position: relative;
}
.image_3{
	border: 2px solid black;
	margin-top: -2px;
	padding-left: 0px;
}
.image_4{
	border: 2px solid black;
	padding-left: 0px;
	z-index:2;
	margin-left: -2px;
	margin-top: -2px;
	min-height: 209.9px;
	position: relative;
}
.image_2 img{
	height: 145px;
	margin-top: 15px;
}
.image_4 img{
	height: 145px;
	margin-top: 15px;
}
.paragraph_1{
	background-color: #D3D3D3;
	padding: 6px 0;
	text-align: center;
	font-size: 22px;
	margin: 0px 0px 0px 0px;
}
.paragraph_2{
	background-color: #D3D3D3;
	padding: 6px 0;
	position: absolute;
	bottom: 0;
	width:99.6%;
	text-align: center;
	font-size: 22px;
	margin:0 0 0 0px;;
}
.paragraph_3{
	background-color: #D3D3D3;
	padding: 6px 0;
	text-align: center;
	font-size: 22px;
	margin: 0px 1px 0px 0px;
}
.paragraph_4{
	background-color: #D3D3D3;
	padding: 6px 0;
	position: absolute;
	bottom: 0;
	width:99.6%;
	text-align: center;
	font-size: 22px;
	margin:0 0 0 0.9px;;
}
.inner_section{
	position:relative;
}
.form_submit{
	padding: 44px 4px;
}
/*animation + slider*/
 /*jssor slider loading skin spin css*/
        

        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; }
		}
/*For menu text blow*/
a:link {
  text-decoration: none;
}
a {
  color:black;
  -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;
}
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:11px;
	}
	.border_right{
		margin-top: 0px;
	}
 	.border_bottom{
	 	padding:0;
	 	width:105.2%;
	 	margin:-3px 0 0 -6.9px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 #rainbow{
	 	width:102.6%;
	 	height:149px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -23px;
	    height: 508px;
	    width: 31.4px;
	}
	.right_image2{
		float:right;
		height: 508px;
	    width: 30px;
	    margin: 0px -44.9px 0 0;
	}
	.image_2{
		border: 2px solid black;
		padding-left: 0px;
		z-index:2;
		margin-left: -2px;
		min-height: 191.3px;
		position: relative;
	}
	.image_4{
		border: 2px solid black;
		padding-left: 0px;
		z-index:2;
		margin-left: -2px;
		margin-top: -2px;
		min-height: 184.9px;
		position: relative;
	}
	.image_2 img{
		height: 120px;
		margin-top: 15px;
	}
	.image_4 img{
		height: 120px;
		margin-top: 15px;
	}
	.paragraph_1{
		background-color: #D3D3D3;
		padding: 6px 0;
		text-align: center;
		font-size: 22px;
		margin: 0px 1px 0px 1px;
	}
	.paragraph_2{
		background-color: #D3D3D3;
		padding: 6px 0;
		position: absolute;
		bottom: 0;
		width:99.6%;
		text-align: center;
		font-size: 22px;
		margin:0 1px 0 0.5px;;
	}
	.paragraph_3{
		background-color: #D3D3D3;
		padding: 6px 0;
		text-align: center;
		font-size: 22px;
		margin: 0px 1px 0px 0.6px;
	}
	.paragraph_4{
		background-color: #D3D3D3;
		padding: 6px 0;
		position: absolute;
		bottom: 0;
		width:99.1%;
		text-align: center;
		font-size: 22px;
		margin:0 0 1px 0.9px;;
	}
	.custom_alert{
		font-size: 12px;
	}
}
/*Media query for sm*/
@media (min-width: 768px) AND (max-width:991px) {
	.section_1 .nav_margin{
		width:76%;
		margin:0 auto; 
		font-size:12px;
	}
	 .border_bottom{
	 	padding:0;
	 	width:104.8%;
	 	margin:-1px 0 0 -8.4px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 #rainbow{
	 	width:102.1%;
	 	height:174px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -23px;
	    height: 510px;
	    width: 33px;
	}
	.right_image2{
		float:right;
		height: 510px;
	    width: 33px;
	    margin: 0px -45.2px 0 0;
	}
	.image_2{
		border: 2px solid black;
		padding-left: 0px;
		z-index:2;
		margin-left: -2px;
		min-height: 211.3px;
		position: relative;
	}
	.image_4{
		border: 2px solid black;
		padding-left: 0px;
		z-index:2;
		margin-left: -2px;
		margin-top: -2px;
		min-height: 203.9px;
		position: relative;
	}
	.image_2 img{
		height: 120px;
		margin-top: 15px;
	}
	.image_4 img{
		height: 120px;
		margin-top: 15px;
	}	
}
/*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.8%;
	 	margin:-2px 0 0 -4.2px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:19px;
	 }
	 .section_1 .nav_margin{
		bottom:-1px;
		z-index:2;
	}
	 #rainbow{
	 	width:102.2%;
	 	height:95px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
  	.left_image2{
		float:left;
	    margin: 0px 0px 0px -19px;
	    height: 511px;
	    width: 18px;
	}
	.right_image2{
		float:right;
		height: 511px;
	    width: 20px;
	    margin: 0px -34.9px 0 0;
	}
	
	.row_margin1{
		margin-top: 30px;
		margin-right: 3px;
	}
	.row_margin2{
		margin-bottom: 35px;
		margin-right: 3px;
	}
	.border_color.test2{
	    padding-left: 35px;
	}
	.work_center{
		padding-left: 54px;
		text-align: left;
	}
	.custom_alert{
		font-size: 8px;
	}
}
/*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.4%;
	 	margin:-7px 0 0 -4px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 6px;
	 	left:19px;
	 }
	 .section_1 .nav_margin{
		bottom:-1px;
		z-index:2;
	}
	 #rainbow{
	 	width:101.8%;
	 	height:83px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	  .left_image2{
		float:left;
	    margin: 0px 0px 0px -18.5px;
	    height: 504px;
	    width: 16px;
	}
	.right_image2{
		float:right;
		height: 504px;
	    width: 17px;
	    margin: 0px -30.9px 0 0;
	}
	
	.row_margin1{
		margin-top: 30px;
		margin-right: 3px;
	}
	.row_margin2{
		margin-bottom: 28px;
		margin-right: 3px;
	}
	.test2{
		padding-left:35px;
	}
	.work_center{
		padding-left: 37px;
		text-align: left;
	}
	.custom_alert{
		font-size: 7px;
	}
}
/*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:20px;
	 }
	 .section_1 .nav_margin{
		bottom:-1px;
		z-index:2;
	}
	 #rainbow{
	 	width:102%;
	 	height:69px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	 .left_image2{
		float:left;
	    margin: 0px 0px 0px -18px;
	    height: 510px;
	    width: 13px;
	}
	.right_image2{
		float:right;
		height: 510px;
	    width: 17px;
	    margin: 0px -30.9px 0 0;
	}
	
	.row_margin1{
		margin-top: 30px;
		margin-right: 3px;
	}
	.row_margin2{
		margin-bottom: 27px;
		margin-right: 3px;
	}
	.test2{
		padding-left:32px;
	}
	.work_center{
		padding-left: 22px;
		text-align: left;
	}
	.custom_alert{
		font-size: 8px;
	}
}
/*Media query for xs*/
@media (min-width:360px) AND (max-width:360px){
	.border_bottom{
	 	padding:0;
	 	width:104.5%;
	 	margin:-2px 0 0 -4.1px;
	 }
	 .bottom_image{
		width:100%;
	 }
	 button.navbar-toggle.navbar_button{
	 	top: 7px;
	 	left:19px;
	 }
	 .section_1 .nav_margin{
		bottom:-1px;
		z-index:2;
	}
	 #rainbow{
	 	width:101.6%;
	 	height:79px;
	 }
	 .margin_row{
	 	margin-bottom: 42px;
	 }
	  .left_image2{
		float:left;
	    margin: 0px 0px 0px -18.5px;
	    height: 509px;
	    width: 15px;
	}
	.right_image2{
		float:right;
		height: 509px;
	    width: 15px;
	    margin: 0px -28.9px 0 0;
	}
	.row_margin1{
		margin-top: 30px;
		margin-right: 3px;
	}
	.row_margin2{
		margin-bottom: 22px;
		margin-right: 3px;
	}
	.test2{
		padding-left:37px;
	}
	.work_center{
		padding-left: 34px;
		text-align: left;
	}
	.custom_alert{
		font-size: 7px;
	}
}