/*default font family*/
	h1, h2, h3{margin-top: 0;}
	html{font-size: 16px;}
	body{font-family:'Roboto', sans-serif;font-weight: 300}
	/*h1{}*/
	h2{font-size: 2.5rem; color: #fff; line-height:5.625rem;}
	h3{font-size: 1.8rem; color: #171717;font-family: 'Roboto Condensed', sans-serif;}
	h7{font-size: 1.7rem; color: #fff; line-height:3.625rem; font-weight: 500;}
	/*h4{}*/
	p, li{font-size: 1.125rem;  line-height: 1.5;}
	a{color: #393939; text-decoration: none}
	a:hover{color: #393939;}
.text_style{
	font-size: 4rem; margin-top: 10px;margin-bottom: 0; line-height: 4rem; color: white; font-weight: 500; padding-top:30px; padding-bottom:30px;
	
	}
	.text_style_box{
	font-size: 1.5rem; margin-top: 10px;margin-bottom: 0; line-height: 2.5rem; color: white; font-weight: 500; padding-top:50px; padding-bottom:0px;
	
	}
	.text_color{
		color:#7fbe25;
		}
	.Block{
			background-color:#3d3d3d;
			padding:0px 35px 40px 35px; 
			
			}
	.set_down{
		padding-bottom:10px;
		}
	.text_down{
		padding-bottom:30px;
		}
		

	.row_height{
		position: relative;height: 30vh;
		}	
	.vertical_box{
	  position: absolute;
      top: 50%;
     left: 50%;
     transform: translate(-50%,-95%);
     -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     -webkit-transform: translate(-50%,-50%);
			}
			
	.font_box{
	font-size: calc(10px + 0.3vw);
		}	
		
		
	.margin_mode{
		padding-bottom:20px;
		
			}	
			
	/*for area color white setting*/
	.font-color-white{color: #fff;} 

	/*default bg color*/
	.bgc-red{background-color: #3d3d3d;}
	.bgc-gray{background-color: #EDEDED;}
	.listprice {color:#666666; font-weight:500;}
/* layout setting*/
    .row-1440 { 
	    max-width: 1560px;
        padding-left: 3.84615%;
        padding-right: 3.84615%;
	    margin:0 auto;
	

	}

    .btn-flex-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
    }

    .btn-flex-container button {
        flex:1;
        border-radius:0px;
    }


    @media screen and (max-width: 600px) {
        .btn-flex-container {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction:column;
        }

        .btn-flex-container button {
            margin-top:0px;
            margin-bottom: 0px;
        }
			.Block{
			background-color:#3cadc8;
			padding:0px 35px 0px 35px; 
			
			}
    }


	.row-flex {
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	padding-left:5% !important;
    	padding-right:5% !important;
	}

	.col-flex {
    	-webkit-flex: 1;
    	-ms-flex: 1;
    	flex: 1;
    }
	
    @media screen and (max-width: 767px){
    	.row-flex { 
    		display:inline-block; 
    		width:100%;
    	}
		
     

	}



  

    .container-h2{}
    
    /*if h2 container only have title, no content*/
    .container-h2-title{ padding-top: 70px;}

	.container-h3{
		margin-top: 70px;
		margin-bottom: 70px;
	}

	.banner{max-width: 100%;}
	.top-container{background-color: transparent; padding-top: 16px; padding-bottom: 0.5rem;z-index: 9999;}  /*1.875rem = 30px*/
	@media screen and (max-width: 900px){
		.top-container{background-color: rgba(255,255,255,0.95); border-bottom: 1px solid #ccc;}
		
		.Block{
			background-color:#3d3d3d;
			padding:0px 35px 0px 35px; 
			
			}
	}

/*common UI*/
	/*default button 1 with fill bg*/
	.btn-fillbg{
		background-color: rgb(137, 137, 137);
        color: white;
        line-height: 3.125rem;
		font-weight: 300;
        font-size: 1.5rem;
        border-radius: 0;  
	}
	.btn-fillbg:hover, .btn-fillbg:focus, .btn-fillbg:active, .btn-fillbg:active:focus{
        background-color: transparent;
        border: 1px solid #343434;
        color: #343434;
        outline:none;
    }


    .btn-border{
        font-size: 1.875rem;
        line-height: 4.375rem;
        font-weight: 600;
        background-color:#4b4b4b !important;
    }

	/*default button 2 with border*/
	.btn-border,.btn-border-gray, .btn-border-white{
        color: white;
        font-size: 1.5rem;
	    line-height: 3.125rem;
        cursor: pointer;
        margin-bottom:5px;
        margin-top:5px;
	}

	.btn-border:hover, .btn-border:focus, .btn-border:active, .btn-border:active:focus,
	.btn-border-gray:hover, .btn-border-gray:focus, .btn-border-gray:active, .btn-border-gray:active:focus{
        background-color: #e0ac52 !important;
	}
	
.Qualify,.Qualify-gray, .Qualify-white{
	
		
        background-color: #7fbe25;
		border: 2px solid #7fbe25;
		color: #fff;
    	font-size: 2rem;
	    line-height: 3.2rem;
		
	}
	.Qualify:hover, .Qualify:focus, .Qualify:active, .Qualify:active:focus,
	.Qualify-gray:hover, .Qualify-gray:focus, .Qualify-gray:active, .Qualify-gray:active:focus{
		
	    border: 2px solid #7fbe25;
        color: #7fbe25;
        background-color: transparent;
        border-radius: 0;
        outline:none;
	}
	
.margin_box{
	padding-left:10px;
	}
		

	/* header */
		.logo-rl{margin: 0px 70px 0px 0} 
		@media screen and (max-width: 900px){
			.logo-rl{margin: 0px 5px 0px 0} 
			.Block{
			background-color:#3d3d3d;
			padding:0px 35px 0px 35px; 
			
			}
		}

		.btn-hamburger{
			font-size: 24px;
		    padding: 4px 10px;
		    border-radius: 4px;
		    display: none;
		}
		
	    @media screen and (max-width: 900px){
			.btn-hamburger{display: inline-block;}
	    }
		.btn-hamburger:hover, .btn-hamburger:focus{
			background-color: #DDD;
			color: #000;
		}
		.border-gray{border: 1px solid #DDD;} /*for header btn-hamburger border*/

		.btn-menu{font-size: 1.3rem; line-height: 2.5rem;   text-align:center; }
	
	

		.menu{display: inline-block;}
		.menu > li{float: left;}
		.menu > li > a{color: #939496;font-size: 1.125rem;line-height: 1.375rem; padding-left:0; padding-right: 40px}
		.menu > li > a:hover{color: #50b2e1; background-color: transparent}
		@media screen and (max-width: 900px){
			.menu{ float: left; width: 100%; border-top: 1px solid #ccc;}	
			.menu > li { float: none;  text-align:left;}
			.hiddenMenu{display: none; width:100%;}
		    .showMenu{display: block; }
		    .bgc-phone-menu-color{background-color: #222;}
		}

		.fixed {
			position: fixed; 
			top: 0; 
			z-index: 1;
			width: 100%;
			background-color: rgba(255,255,255,1);
			border-bottom: 1px solid #ccc;
		}
		.line{
			border-bottom:1px solid #808080;
			}
        .box_right{
				padding-right:0px; padding-left:10px;
				}
       .box_left{
				padding-right:10px; padding-left:0px;
				}
	   .box_none{ border:3px solid #7d7d7d;
			
		width:calc(70px + 7.29vw);
		height:calc(90px + 3.125vw);
		vertical-align:middle;
		float:left;}

		/*main img*/
		.banner-img{
			background-image: url("../images/content/main.jpg");
			background-repeat: no-repeat;
			height: 55vh;
			background-position: 50% 50%;
		    background-size: cover;
		}
		
	
		@media screen and (max-width: 767px){
			.banner-img{
				background-image: url("../images/content/main_mobile.jpg");
				height: auto;
			    background-size: cover;
			   
				   position: relative;
             padding-bottom: 70%;
			}
			.btn-menu{ margin-left:0px; margin-top:0px;  text-align:center; padding: 0 0.7rem 0 0.7rem; margin-bottom:20px;}
			
			.line{
			border-bottom:0px none #808080; margin-bottom:10px;
			}
			.box_right{
				padding:0px;
				}
			.box_left{
				padding:0px;
				}
			.content_bg{
			 background-image: url("../images/content/media_bg.png");
				height: auto;
			    background-size: cover;
			   
				   position: relative;
             padding-bottom: 70%;
			 
		
			}
			
		}

	/*footer setting*/
	    .footer-container{ padding-top: 53px; padding-bottom: 47px; background-color: #000000;}
	    .footer-container p{ color: white; font-size: 15px;}

/*common class*/
    .clearfix:after{       
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}

	.width-100{ width: 100%; }

	/*pos*/
    .right{float: right;}
    .left{float: left;}
    .center{margin: 0 auto;}

    .text-center{text-align: center;}
    .text-right{text-align: right;}

    .cursor{cursor: pointer;}

    .display-none{display: none;}

    .m0{margin: 0;}

	
	/*li*/
	.list {
	color: #aeaeae;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 15px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
}
.list a:link, .list a:visited {
	color: #000000;
	text-decoration: none;
	
}
.list a:hover {
	color: #535353;
	text-decoration: none;
	text-decoration: underline;
}
.list ul {
	padding-left: 20px;
}
.list ul li {
	list-style-type: disc;
	padding-left: 0px;
}




.list_box {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 15px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
}
.list_box a:link, .list a:visited {
	color: #000000;
	text-decoration: none;
	
}
.list_box a:hover {
	color: #fff;
	text-decoration: none;
	text-decoration: underline;
}
.list_box ul {
	padding-left: 20px;
}
.list_box ul li {
	list-style-type: disc;
	padding-left: 0px;
}


.spacing{
			padding-left:0px;
			padding-right:0px;
			}
			

			  @media screen and (max-width: 767px){
				  

        .row-1440 {
            padding-left: 0;
            padding-right: 0;
        }
		.margin_box{
			padding-left:0px;
			padding-right:0px;
	
	}

	
		
	.row_height{
		position: relative;height: 10vh;
		}
	
	
	 .descarea {
			text-align:center;
	}
.Block{
			background-color:#3d3d3d;
			padding:0px 35px 40px 35px; 
			
			}
	
    }
		@media screen and (min-width: 1560px) {
		.row-1440 { 
			max-width: 1440px;
			padding-left: 0%;
			padding-right: 0%;
	    	margin:0 auto;
	    }

	
	}

.coupon{
	padding:15px 0 0 0; background-color:#f6ce82;
	font-size: calc(0.4464285714285714vw + 20px); font-weight: 700; color: #101010;
}