@charset "utf-8";

/*Animations*/
[data-animate-in]{opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"]{transform: translate3d(0, 100px, 0);}
[data-animate-in="left"]{transform: translate3d(-100px, 0, 0);}
[data-animate-in="right"]{transform: translate3d(100px, 0, 0);}
[data-animate-in="down"]{transform: translate3d(0, -100px, 0);}
[data-animate-in="scaleIn"] {transform: scale(.5);}
[data-animate-in].in-view{opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 0.6s ease, opacity 0.6s ease;}

.hs_clear{clear: both;}
.hs_clear:before,
.hs_clear:after{content: '';clear: both;display: block;height: 0;}

#quick-social_cont{position: relative;z-index: 1000;display: none;}
.quick-social-link{margin-top: 65px;margin-right: 12px;right: 0;display: none;position: absolute;}
.quick-social-link a{
	font-size: 2em;
	background: #fff;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	text-align: center;
	margin-top: 12px; 
	display: block;
	opacity: 1;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
}
#mobile-menu-button {
	cursor: pointer;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #24629f;
	position: absolute;
	right: 10px;
	top: 13px;
	opacity: 0.7;
}
#mobile-menu-button a {
    position: relative;
    width: 100%;
    height: 50px;
    display: block;
}
#mobile-menu-button a:before {
	content: "";
	position: absolute;
    left: 23px;
    top: 12px;
	width: 6px;
	height: 0.35em;
	background: #fff;
	box-shadow: 0 0.6em 0 0 #fff, 0 1.2em 0 0 #fff;
}
#mobile-menu-button.active a:before{
	background: #fff;
	box-shadow: 0 0.6em 0 0 #fff 0 1.2em 0 0 #fff;
}

body{margin: 0;}
.header{
	width: 100%;
	/*position: fixed;*/
	z-index: 5;
	top: 0;
	background-color: #FFF;
/*	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);*/
	padding: 15px 0;
}
.header_content{max-width: 1700px;margin: 0 auto;padding: 0 15px;}
.logo{
	display: block;
	max-width: 250px;
	position: relative;
	height: auto;
/*	text-indent: -9999px;*/
}
/*.logo:before{
	display: block;
	position: absolute;
	content: '';
	top: 0;
	max-width: 200px;
	width: 100%;
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png) ;
	background-size: contain;
	z-index: 998;
}*/
.nav{
	width: 100%;
	padding: 0 0 0 20%;
	position: relative;
}
.nav>ul{
	width: 100%;
  position: relative;
  z-index: 999;
  text-align: right;
}
.nav ul li{
	display: inline-block;
	/*float: right;
	width: 14.1%;*/
	position: relative;
}
.nav ul li a{
	width: 100%;
	color: #525252;
	font-size: 18px;
	text-align: center;
	margin-top: 40px;
	padding: 10px;
	display: block;
	font-weight: bold;
}

.nav ul li ul{
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	top: 80px;
}

.nav ul li li{
	width: 100%;
	display: none;
}
.nav ul li li a{
	background-image: none;
	background-color: rgba(255,255,255,.9);
	padding: 10px 0;
	height: auto;
	font-size: 14px;
	text-align: center;
}
.nav ul li:hover a, .nav ul li.active a{color: #D85225;background-image: url(../images/index_button01.png);}
.nav ul li:hover a:before, .nav ul li.active a:before{width: 100%;}
.nav ul li:hover li a, .nav ul li.active li a{
	background-image: none;
	background-color: rgba(255,255,255,.9);
	color: #525252;
	padding: 10px;
	transition: 0.5s;
}

.nav ul li li a:hover{
	background-color: #D85225;
	color: #FFF;
}

.nav ul li ul li a:before{display: none;}
.nav ul li.outer_link{display: none;}

footer{background-color: #CA1A24;}

.footer_content{
  background-image: url(../images/1688_bg001.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid #809ED2;
  padding: 55px 0 45px 0;
  display: none;
}

.footer_itembox{
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 100px;
  border-left: 2px solid rgba(221,221,221,0.35);
  border-right: 2px solid rgba(221,221,221,0.35);
}

.footer_title{margin-bottom: 40px;}
.footer_title{max-width: 720px;width: 100%;}
.footer_title img{width: 100%;}
.footer_item{
  width: 20%;
  display: inline-block;
  vertical-align: top;
  float: left;
  text-align: center;
  padding: 10px 20px;
}

.footer_item img{width: 100%;}
.footer_item p{
  margin-top: 20px;
  font-size: 18px;
  color: #FFF;
  font-weight: 600;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
  line-height: 120%;
}

.footer_content3{display: none;}

.footer_content2{
  text-align: center;
  padding: 20px 0 0 0;
}

.footer_logo{margin-bottom: 40px;}

.footer_storebox{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.footer_linkbox{
	position: absolute;
	right: 20px;
	top: -10px;
	z-index: 999999;
}

.footer_linkbox a{
	width: 30px;
	display: inline-block;
	margin: 5px;
	transition: 0.5s;
}

.footer_linkbox a:hover{transform: scale(1.05);}

.footer_linkbox a img{width: 100%;}

.footer_store{
  width: 50%;
  text-align: left;
  padding: 20px;
  position: relative;
}

.footer_store p:before{
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 7px;
  left: 0;
}

.footer_store p{
	padding: 0 0 0 15px;
	position: relative;
}

.footer_store p span{
  display: block;
  line-height: 160%;
  color: #FFF;
  font-size: 15px;
}

.footer_link{
  padding: 10px;
}

.footer_link a{
  display: inline-block;
  vertical-align: top;
  padding: 2px 20px;
  color: #FFF;
  font-size: 15px;
  border-right: 1px solid #FFF;
  margin: 5px 0;
}

.footer_link a:last-child{border-right: none;}

.copy {
	padding: 10px 5px;
	font-size: 13px;
	letter-spacing: 1px;
	background: #D85225;
	color: #ededed;
	text-align: center;
	position: relative;
}

.copy a{color: #FFF;}

.total_view {
	position: absolute;
	right: 5px;
	top: 2px;
}
.to_top {
    width: 42px;
    height: 42px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 60px;
    right: 10px;
    display: none;
    z-index: 1100;
    color: #fff;
    background-color: rgba(0,0,0,.3);
}
#keywords {
	width: 100%;
    display: block;
    height: 2px;
    overflow: hidden;
    color: #072457;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-text-size-adjust: none;
}

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

	.nav ul li{padding: 0;}

	.nav ul li a{
	    font-size: 15px;
	    /*background-position: center top;
	    padding: 60px 0 10px 0;*/
	    background-position: left top;
	    padding:10px;
	}

}

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

		.nav ul{margin-top: 40px;padding: 40px 0 0 0;}
		.nav ul li a{
		    background-position: center top;
		    padding: 10px;
		    margin-top: 0;
		}

    .footer_content{padding: 40px 15px;}
    .footer_itembox{max-width: 800px;padding: 0 35px;text-align: center;}
    .footer_title{margin-bottom: 40px;}
    .footer_item{
      width: 30.333%;
      float: none;
      margin: 20px 1%;
      padding: 0;
    }

    .footer_item p{margin-top: 20px;font-size: 18px;}
    .footer_logo{margin-bottom: 20px;}
    .footer_store{
      width: 50%;
    }

    .footer_store p span{line-height: 150%;}
    .footer_link a{padding: 2px 15px;}


}

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

    .footer_content{
      background-size: cover;
      background-position:center;
      background-attachment: fixed;
      position: relative;
      display: none;
    }

    .footer_content:before{
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.4);
    }

    .footer_itembox{max-width: 500px;padding: 20px;position: relative;z-index: 9;}
    .footer_title{margin-bottom: 20px;}
    .footer_item{
      width: 22%;
      margin: 10px 1%;
    }

    .footer_item p{margin-top: 10px;}

    .footer_content3{max-width: 450px;width: 100%;display: block;margin: 0 auto;display: none;}
    .footer_content3 img{width: 100%;margin-bottom: 5px;}

    .footer_storebox{padding: 0 0 20px 0;}
    .footer_store{max-width: 300px;width: 100%;margin: 0 auto;padding: 20px 5px;}
    .footer_store p{padding: 0;margin: 0 auto;}
    .footer_store p span{font-size: 14px;padding: 0 0 0 15px;}
    .footer_link{margin: 0 auto;padding: 10px 0;}
    .footer_link a{padding: 0 5px;margin: 2px 0;font-size: 14px;}
    .footer_store:before{top: 6px;}

    .to_top{bottom: 80px;}

    .footer_content2{padding: 30px 0 0 0;}
    .footer_linkbox{top: -20px;}

}

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

	.footer_center{text-align: center;}
	.footer_text{width: 300px;text-align: left;}
	.footer_text p{width: 100%;margin: 0;}
	.footer_text h4{font-size: 20px; margin-bottom: 5px;}

	.nav>ul{width: 96%;}

	.mainPagePic{background-size: cover;}

	.btn:after{left: -150%;}
	.btn:hover:after{width: 300%;height: 200%;}


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

		.nav>ul{background-color: #FFF;}
		.header {
		    width: 100%;
		    position: fixed;
		    z-index: 999;
		    top: 0;
		}
		#nav-toggle {
			cursor: pointer;
			width: 50px;
			height: 30px;
			position: fixed;
		    top: 25px;
		    left: 15px;
		    padding-top: 10px;
		    z-index: 999;
		    display: block;
		}
		#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
			cursor: pointer;
			border-radius: 1px;
			height: 2px;
			width: 30px;
			background: #444;
			position: absolute;
			display: block;
			content: '';
		}
		#nav-toggle span:before {
	  		top: -8px; 
		}	
		#nav-toggle span:after {
		  	bottom: -8px;
		}
		#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
		  	transition: all 300ms ease-in-out;
		}
		#nav-toggle.active span {
		  	background-color: transparent;
		}
		#nav-toggle.active span:before, #nav-toggle.active span:after {
		  	top: 0;
		}
		#nav-toggle.active span:before {
		  	transform: rotate(45deg);
		}
		#nav-toggle.active span:after {
		  	transform: rotate(-45deg);
		}

		.logo {
	    width: 100%;
	    float: none;
	    height: 90px;
		}

		.logo:before{background-color: #FFF;}
		.nav{
			display: none;
			padding: 0;
			position: fixed;
			top: 90px;
			left: 0;
		}

		.nav>ul{padding: 40px 20px 20px 20px;}
		.nav ul li{width: 100%;}
		.nav ul li a{
			max-width: 100%;
			width: 100%;
		  margin: 0 auto;
		  font-size: 16px;
		  padding: 10px;
		  display: block;
		  text-align: center;
		}
		.nav ul li:hover a, .nav ul li.active a {
			/*background-position: right;*/
		  background-repeat: no-repeat;
		  background-color: transparent;
		}
		.nav ul li ul{position: relative;top: 0;}

		.footer_itembox a{padding: 20px 15px;}

		.nav>ul{width: 100%;margin: 0 auto;}

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

			.total_view{top: -16px;}

		} /* 580 */
	} /* 768 */
} /* 827 */

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

		.btn:after{left: -100%;}
		.btn:hover:after{width: 200%;height: 200%;}

		.footer_content{padding: 40px 10px;}
		.footer_item p{font-size: 15px;}
		.footer_itembox{
		    border-left: none;
		    border-right: none;
		    padding: 0;
		}

}



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

	.footer_logo{margin: 10px auto;padding: 0;}
	.footer_text{padding: 0;text-align: center;}
	.footer_linkbox{width: 100%;position: static;}
	.footer_store{padding: 5px;}
	.footer_content2{padding: 15px 0 0 0;}

}

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

	.footer_itembox a{width: 90%;}
	.footer_itembox a img{display: block;margin: 0 auto;}
	.footer_itembox a b{padding: 0;text-align: center;}

}

/******************************************************************************/
svg.svg {
	display: block;
}
.footer_top_bg {

	width: 100%;
    background-position: center bottom;
    /*background-repeat-x: repeat;
    background-repeat-y: no-repeat;*/
    background-repeat: repeat-x;
}
.instagram_fab_btn {
	display: inline-block;
	margin: 9px;
}
.phone_fab_btn {
	display: inline-block;
	margin: 9px 8px;
}
.quick-social-link a:nth-child(1),.quick-social-link a:nth-child(2),.quick-social-link a:nth-child(3),
.quick-social-link a:nth-child(4),.quick-social-link a:nth-child(5){
  animation-name:fadeInUp; animation-duration: 1s;  
}
.quick-social-link a:nth-child(1){animation-delay:0s;}
.quick-social-link a:nth-child(2){animation-delay:0.1s;}
.quick-social-link a:nth-child(3){animation-delay:0.2s;}
.quick-social-link a:nth-child(4){animation-delay:0.3s;}
.quick-social-link a:nth-child(5){animation-delay:0.4s;}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(20px);} 
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInUp {
  0% {opacity: 0;-moz-transform: translateY(20px);}
  100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInUp {
  0% {opacity: 0;-o-transform: translateY(20px);}
  100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInUp {
  0% {opacity: 0;transform: translateY(20px);}
  100% {opacity: 1;transform: translateY(0);}
}