/* =================== Knit Aoki Website ===================== */

	  	.parallax-1 {
		    /* The image used */
		    background-image: url('../images/img/bg-review.jpg');
		    /* Full height */
		    height: 100%; 
		    /* Create the parallax scrolling effect */
		    background-position: right;
		    background-size: cover;
		    z-index: 1;
		    overflow: hidden;
		}

		.parallax-2 {
		    /* The image used */
		    background-image: url('../images/img/branch4.jpg');

		    /* Full height */
		    height: 100%; 

		    /* Create the parallax scrolling effect */
		    background-attachment: fixed;
		    background-position: center;
		    background-size: cover;
		    z-index: 1;
		    overflow: hidden;
		}
		/* ==================== Notice ======================== */
		.modal-dialog-center {
			position: absolute !important;
			top: 50% !important;
			left: 50% !important;
			transform: translate(-50%, -50%);
			width: 100% !important;
			max-width: 720px !important;
		}
		.modal-body-notice {
			padding: 5% 10% !important;
			text-align: center !important;
		}

		/* =========================== Arrow =========================== */
		.center-arrow {
			position: absolute;
			top: 70%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 0;
			height: 50px;
			border-left: 6px dotted rgba(255,255,255,0.3);
		}
		.arrow {
			position: absolute;
			top: 0;
			left: -6px;
			height: 0px;
			width: 6px;
			background: #fff;
			animation: animate3 2s infinite;
		}
		.arrow:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: -7px;
			width: 20px;
			height: 20px;
			border-bottom: 6px solid #fff;
			border-right: 6px solid #fff;
			transform: rotate(45deg);
		}

		@keyframes animate3 {
			0% {
				transform: translateY(0);
				opacity: 0.5;
			}
			50% {
				transform: translateY(50px);
				opacity: 1;
			}
			100% {
				transform: translateY(100px);
				opacity: 0;
			}
		}

		/* =========================== ----- =========================== */
			
		.top-margin {
			margin-top: -10px !important;
		}


	  	.text-center {
		    padding-top: 60px !important;
		    padding-bottom: 50px !important;
		    padding-left: 30px !important;
		    padding-right: 30px !important;
		}
		.text-center2 {
		    padding-top: 60px !important;
		    padding-bottom: 50px !important;
		    padding-left: 30px !important;
		    padding-right: 30px !important;
		}

	 	.text-left {
	 		text-align: left;
	 	}
	 	.text-left-para {
		    padding-top: 60px !important;
		    padding-bottom: 50px !important;
		    padding-left: 30px !important;
		    padding-right: 30px !important;
		    text-align: left;
		    text-indent: 2.5em;
		}
		.text-left-para2 {
		    text-align: left;
		    text-indent: 2.5em;
		}
	 	.text-right {
	 		text-align: right;
	 		padding-top: 60px !important;
		    padding-bottom: 20px !important;
		    padding-left: 30px !important;
		    padding-right: 30px !important;
		    color: #3E3E3B !important;
	 	}
	 	.text-left2 {
	 		
	 		padding-top: 50px !important;
		    padding-left: 7% !important;
		    padding-right: 30px !important;
		    color: #3E3E3B !important;
		    
	 	}

	 	.text-left2 > h1 {
	 		text-align: left;
	 		font-size: 28px !important;
	      	font-family: Julius Sans One, sans-serif !important;
	      	color: #fff;
	      	-webkit-filter: drop-shadow( 0px 2px 0px rgba(0,0,0,0.7) );
	  		filter: drop-shadow( 0px 2px 0px rgba(0,0,0,0.7) );

	 	}

	 	.text-left2-clone {
	 		
	 		padding-top: 50px !important;
		    padding-left: 7% !important;
		    padding-right: 30px !important;
		    color: #3E3E3B !important;
		    
	 	}
	 	.text-left2-clone > h1 {
	 		text-align: left;
	 		font-size: 28px !important;
	      	font-family: Julius Sans One, sans-serif !important;
	      	color: #3E3E3B ;

	 	}

	 	.text-left2 > h2 {
		  font-size: 24px;
		  margin-bottom: -60px;
		  padding-left: 90px;
	      color: #a1903f;
	      font-weight: 200;
	      text-transform: none;
		  font-family: 'Pacifico', cursive;
		}

		.text-left3 {
	 		
	 		padding-top: 50px !important;
		    margin-left: -2% !important;
		    padding-right: 30px !important;
		    color: #3E3E3B !important;
		    
	 	}

	 	.text-left3 > h1 {
	 		text-align: left;
	 		font-size: 28px !important;
	      	font-family: Julius Sans One, sans-serif !important;
	 	}

		.text-left-top {
	 		
	 		padding-top: 30px !important;
		    padding-left: 28px !important;
		    padding-right: 30px !important;
		    margin-bottom: -40px !important;
		    color: #000 !important;
		    
	 	}

	 	.text-left-top > h1 {
	 		text-align: left;
	 		font-size: 28px !important;
	      	font-family: Julius Sans One, sans-serif !important;
	 	}

	 	/*=============== TOP VDO ==============================================================*/

		.home-top img {
			position: relative;
			width: 100%;
			max-width: 600px;
			height: auto;
			margin-bottom: 5%;
			margin-top: 3%;
		}

		.text-on-video-lg {
			width: 100%;
			height: auto;
			padding-top: 25%;
			padding-bottom: 25%;
			left: 0;
			top: 0;
			z-index: 3;
			position: absolute;
			display: block;
		}
		.text-on-video-sm {
			width: 100%;
			height: auto;
			padding-top: 25%;
			padding-bottom: 25%;
			left: 0;
			top: 0;
			z-index: 3;
			position: absolute;
			display: none;
		}
	
		.text-on-video h1 {
	      font-size: 38px;
	      color: #fff;
	      font-family: Quicksand, sans-serif !important;
	      text-transform: uppercase;
	      font-weight: 300;
	      letter-spacing: 3px;
	      margin-top: -10px;
	      -webkit-filter: drop-shadow( 0px 2px 2px #000 );
  			filter: drop-shadow( 0px 2px 2px #000);	
	     
	  	}
		.text-on-video h2 {
	      font-size: 22px;
	      color: #fff;
	      text-shadow: 1px 0 0 #ccc;
	      /* //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan; */
	      font-family: Lateef, cursive !important;
	      margin-top: 0px;
	      -webkit-filter: drop-shadow( 0px 2px 2px #000 );
  			filter: drop-shadow( 0px 2px 2px #000);	
	  	}
		.text-on-video-lg img{
			position: relative;
			max-width: 458px;
			height: auto;
			padding-top: 10%;
			
		}

	
		.top-video {
			width: 100%;
			max-height: 810px;
			padding-top: 27%;
			padding-bottom: 27%;
			left: 0;
			top: 0;
			z-index: 5;
			position: relative;
			background-color: rgba(0,0,0,0);
			
		}

		.text-top-video img {
			max-width: 180px;
			max-height: 180px;
			top: 50%;
			left: 50%;
			z-index: 6;
			position: absolute;
		}
		
		/*=============== Params #1 ==============================================================*/
		.one-text{
			padding-left: 10%;
			padding-right: 10%;
			padding-bottom: 2%;
			padding-top: 2%;
			margin: 10% !important;
			margin-top: 0% !important;
			margin-bottom: 12% !important;
			border:  1px solid #000;
			background-color: #F9F9F9;
			box-shadow: 10px 10px 0px rgba(0,0,0,.5);
		}
		.one-text h2 {
	      font-size: 22px;
	      color: #A2AAB0;
	      text-align: center;
		}
		.one-text h1 {
	      font-size: 16px;
	      color: #3E3E3B;
	      text-align: center;
	      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
		  font-weight: normal;
		}
		.one-text h2 b {	
	      font-weight: 500;
	      font-size: 28px;
	      font-style: italic;
		}
		
		.one-text h4 {
			font-size: 16px;
			margin-bottom: -10px;
			color: #a1903f;
		}
		.one-text h5 {
			font-size: 15px;
			color: #CBC5C1;
			text-align: center;
		}
		.one-text-btn{
			padding-left: 10%;
			padding-right: 10%;
			padding-top: 70% !important;
			padding-bottom: 5% !important;
		}
		.one-text-btn a {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 17px;
			color: #262626;
			letter-spacing: 3px;
			border: 2px solid #262626;
			padding: 20px 40px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #262626;
			color: #fff;
			padding: 20px 40px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #262626;
			color: #262626;
			padding: 20px 400px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn a:hover:before {
			top: 0;
		}
		.one-text-btn a:hover:after {
			top: -100%;
		}
		/*==============================================================================*/

		.one-text-btn3 a {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 16px;
			color: #262626;
			letter-spacing: 3px;
			border-bottom: 1px solid #262626;
			padding: 10px 20px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn3 a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #f4511e;
			color: #fff;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn3 a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #f4511e;
			color: #f4511e;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn3 a:hover:before {
			top: 0;
		}
		.one-text-btn3 a:hover:after {
			top: -100%;
		}
		/*==============================================================================*/

		.one-text-btn4 {
			padding-bottom: 15px !important;
		}
		.one-text-btn4 a {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 14px;
			color: #000;
			letter-spacing: 3px;
			border: 1px solid #000;
			padding: 10px 20px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn4 a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #000;
			color: #fff;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn4 a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #000;
			color: #000;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn4 a:hover:before {
			top: 0;
		}
		.one-text-btn4 a:hover:after {
			top: -100%;
		}
		/*==============================================================================*/
		.one-text-btn5 a {
			position: absolute;
			top: 90%;
			right: -50px !important;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 11px;
			color: #262626;
			letter-spacing: 3px;
			border-bottom: 1px solid #262626;
			padding: 10px 20px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn5 a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #f4511e;
			color: #fff;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn5 a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #f4511e;
			color: #f4511e;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.one-text-btn5 a:hover:before {
			top: 0;
		}
		.one-text-btn5 a:hover:after {
			top: -100%;
		}
		/*==============================================================================*/
		.one-text2 {
			max-height: 480px !important;
			margin-top: 20%;
			margin-bottom: 10%;
			padding-left: 8%;
		}
		.one-text2 h1 {
	      font-size: 20px;
	      color: #DC143C;
	      font-family: Julius Sans One, sans-serif !important;
	      -webkit-filter: drop-shadow( 0px 1px 0px rgba(0,0,0,1) );
	  		filter: drop-shadow( 0px 1px 0px rgba(0,0,0,1) );
		}
		.one-text2 h2 {
	      font-size: 15px;
	      color: #999;
	      font-family: Prompt, sans-serif !important;
	      font-weight: 200;
		}
		.one-text2 h3 {
	      font-size: 13px;
	      color: #000;
	      font-family: Prompt, sans-serif !important;
	      font-weight: 200;
	      line-height: 26px;
	      margin-top: -10px;
	      -webkit-filter: drop-shadow( 0px 2px 0px rgba(255,255,255,1) );
	  		filter: drop-shadow( 0px 2px 0px rgba(255,255,255,1) );
		}
		.one-text2 h2 b {	
	      font-weight: 400;
	      font-size: 14px;
	      font-style: italic;

		}
		
		
		.one-text2 h4 {
			font-size: 18px;
			margin-bottom: -10px;
			color: #a1903f;
			font-weight: 200;
		}
		.one-text2 h5 {
			font-size: 15px;
			color: #CBC5C1;
			text-align: center;
		}

		.one-text-btn2 a {
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-family: Montserrat, sans-serif;
			text-decoration: none !important;
			text-transform: uppercase;
			font-size: 14px;
			color: rgba(0,0,0,1);
			background: transparent;
			letter-spacing: 3px;
			border: 1px solid rgba(0,0,0,1);
			padding: 7px 14px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn2 a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #000;
			color: #fff;
			padding: 7px 14px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
			text-decoration: none !important;
		}
		.one-text-btn2 a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #000;
			color: rgba(0,0,0,1);
			padding: 7px 14px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
			text-decoration: none !important;
		}
		.one-text-btn2 a:hover:before {
			top: 0;
		}
		.one-text-btn2 a:hover:after {
			top: -100%;
		}

		.one-text-btn-s a {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-family: Montserrat, sans-serif;
			text-decoration: none !important;
			text-transform: uppercase;
			font-size: 14px;
			color: rgba(255,255,255,1);
			background: #000;
			letter-spacing: 3px;
			border: 1px solid rgba(0,0,0,1);
			padding: 7px 14px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.one-text-btn-s a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #a1903f;
			color: #000;
			padding: 7px 14px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
			text-decoration: none !important;
		}
		.one-text-btn-s a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #000;
			color: rgba(0,0,0,1);
			padding: 7px 14px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
			text-decoration: none !important;
		}
		.one-text-btn-s a:hover:before {
			top: 0;
		}
		.one-text-btn-s a:hover:after {
			top: -100%;
		}
		
		/*==============================================================================*/
		.one-text-2 {
			position: absolute;
			top: 0;
			left: 30%;
			padding-left: 5%;
			padding-right: 5%;
			padding-top: 10%;
			padding-bottom: 5%;
			text-align: center;
		}

		.one-text-2 > h2 {
		  margin-top: -15px;
	      font-weight: 500;
		}
		.one-text-2 > h3 {
		  font-size: 24px;
	      color: #a1903f;
	      font-weight: 200;
	      text-transform: none;
		  font-family: 'Pacifico', cursive;
		}
		.one-text-2 > h4 {
		  font-size: 20px;
		  padding-bottom: 40px;
		  border-bottom: 2px dotted #a1903f; 
		}

		/*==============================================================================*/

		.one-text-btn-faq a {
			left: 50%;
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 14px;
			color: #262626;
			letter-spacing: 3px;
			border-bottom: 1px solid #262626;
			padding: 10px 20px;
			box-sizing: border-box;
			text-align: center;
		}
		.one-text-btn-faq a:hover {
			color: #f4511e;
			border-bottom: 1px solid #262626;
		}	

		/*==================== Text Under ====================================================*/
		.one-under{
			padding-left: 20%;
			padding-right: 0%;
			padding-bottom: 8%;
			padding-top: 8%;
			height: 100vh;
		}
		.one-under h1 {
	      font-size: 48px;
	      color: #A2AAB0;
	      font-family: Julius Sans One, sans-serif !important;
		}
		.one-under h2 {
	      font-size: 24px;
	      color: #3E3E3B;
	      font-family: Prompt, sans-serif !important;
	      font-weight: 200;
	      line-height: 1.5;
		}
		.one-under h2 b {	
	      font-weight: 500;
	      font-size: 28px;
	      font-style: italic;
		}
		
		.one-under h4 {
			font-size: 16px;
			margin-bottom: -10px;
			color: #CBC5C1;
		}
		.one-under h5 {
			font-size: 15px;
			color: #CBC5C1;
			text-align: center;
		}
		.one-under img {
			left: 50%;
			max-width: 200px !important;
		}

		/*=============== Slider ==============================================================*/
		.con-slider {
			overflow: hidden;
			height: 360px;
		}
		.con-slider2 {
			overflow: hidden;
			height: 400px;
			margin: 0 !important;
		}

		.con-slider figure img {
			width: 100%;
			max-width: 360px !important;
			float: left;
		}

		.con-slider figure {
			position: relative;
			width: 500%;
			margin: 0;
			left: 0;
			animation: 30s sliderx infinite;
		}
		
		
		@keyframes sliderx {
			0%{
				left: 0%;
			}
			10%{
				left: 0%;
			}
			12%{
				left: -100%;
			}
			22%{
				left: -100%;
			}
			24%{
				left: -200%;
			}
			34%{
				left: -200%;
			}
			36%{
				left: -300%;
			}
			46%{
				left: -300%;
			}
			48%{
				left: -400%;
			}
			58%{
				left: -400%;
			}
			60%{
				left: -300%;
			}
			70%{
				left: -300%;
			}
			72%{
				left: -200%;
			}
			82%{
				left: -200%;
			}
			84%{
				left: -100%;
			}
			94%{
				left: -100%;
			}
			96%{
				left: 0%;
			}
			100%{
				left: 0%;
			}
		}
		
		/*=============== Params #2 ==============================================================*/
		.two-text{
			padding-left: 20%;
			padding-right:20%;
			padding-bottom: 3%;
			padding-top: 3%;
		}
		.two-text h1 {
	      font-size: 28px;
	      color: #A2AAB0;
	      font-family: Julius Sans One, sans-serif !important;
		}
		.two-text h2 {
			font-size: 22px;
			color: #A2AAB0;
		}
		.two-text h4 {
			font-size: 16px;
			color: #CBC5C1;
		}
		
		/*=============== Params #3 ==============================================================*/
		.three-text{
			padding-left: 20%;
		    padding-right: 20%;
		    padding-bottom: 0%;
		    margin-top: -5%;
		}
		.three-text h1 {
	      font-size: 28px;
	      color: #000;
	      font-family: Julius Sans One, sans-serif !important;
	      margin-bottom: -15px;
    	  margin-top: -15px;
		}
		.three-text h1 b {
	      font-size: 32px;
	      color: #f4511e;
	      font-family: Julius Sans One, sans-serif !important;
	      font-weight: 900;
		}

		.three-text h4 {
	 	  line-height: 24px;
		  font-size: 16px;
	      color: #3E3E3B;
	      font-weight: 200;
	      text-transform: none;
		}
		.three-text h2 {
		  font-size: 24px;
		  margin-bottom: -33px;
		  margin-left: -153px;
	      color: #a1903f;
	      font-weight: 200;
	      text-transform: none;
		  font-family: 'Pacifico', cursive;		
		}

		/*=============== Params #4 ==============================================================*/

		.four-text{
			padding-left: 0%;
			padding-right: 0%;
			padding-bottom: 0%;
			padding-top: 0%;

		}
		.four-text h1 {
	      font-size: 28px;
	      padding-bottom: 25px;
	      color: #A2AAB0;
	      font-family: Julius Sans One, sans-serif !important;
		}
		.four-text h4 {
			font-size: 18px !important;
			color: #f4511e !important;
		}
		.four-text h5 {
			font-size: 16px;
			color: #A2AAB0;
			line-height: 24px;
			font-weight: 200;

		}
		.four-text span {
			font-size: 18px !important;
			color: grey !important;
		}

		/*=============== Params #5 ==============================================================*/
		.five-text{
			padding-left: 10%;
			padding-right:10%;
			padding-bottom: 3%;
			padding-top: 3%;
		}
		.five-text h1 {
	      font-size: 28px;
	      color: #3E3E3B;
	      font-family: Julius Sans One, sans-serif !important;
		}
		.five-text h4 {
			font-size: 16px !important;
			color: #3E3E3B;
			line-height: 25px;
			text-align: left;
		}

		.five-text i {
			font-size: 24px !important;
			color: #a1903f;
		}
		.text-contact {
			padding-right: 10% !important;
		}

		/*=============== IMG 8 ==============================================================*/

		.image-box {
			position: relative;
			overflow: hidden;
		}
		.image-box > img{
			width: 100%;
			transition: .5s;
			object-fit: cover;
		}
		.image-box:hover .image-text-box{
			left: 0%;
		}
		
		.image-box:hover > img{
			transform: scale(1.2);
		}

		.image-box > a {
			position: absolute;
			left: 50%;
		}
		

		.image-text-box{
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.8);
			transition: .5s;
		}

		.image-text-box h1 {
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    top: 30%;
		    left: 50%;
		    transform: translateX(-50%) translateY(-50%);
		    color: #fff;
		    font-family: Julius Sans One, sans-serif !important;
		    font-size: 16px;
		    text-align: center;
		}

		.image-text-box h2{
			margin: 0;
			padding: 0;
			position: absolute;
			top: 55%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			color: #fff;
			font-family: Julius Sans One, sans-serif !important;
			font-size: 22px;
			text-align: center;
		}
		.image-text-box a{
			margin: 0;
			padding: 0;
			position: absolute;
			top: 75%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			color: #fff;
			font-size: 2.5em;
		}
		.image-text-box a:hover{
			color: #a1903f; 
		}
		.clickable {
		    cursor: pointer;
		}

		.modal-dialog {
		    max-width: 800px !important;
		    width: 100% !important;
		    margin: 30px auto;

		}

		.modal-body > img {
		    width: 100%;
		    height: auto;

		}
		.modal-body {
		    padding: 0px !important;
		}
		
		.image-box-btn{
			padding-left: 20%;
			padding-right: 20%;
			padding-bottom: 50%;
			padding-top: 50%;
		}
		.image-box-btn a {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-family: Montserrat, sans-serif;
			font-size: 14px;
			color: #fff;
			letter-spacing: 3px;
			border: 1px solid #fff;
			padding: 10px 20px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.image-box-btn a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #fff;
			color: #f4511e;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.image-box-btn a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #fff;
			color: #262626;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.image-box-btn a:hover:before {
			top: 0;
		}
		.image-box-btn a:hover:after {
			top: -100%;
		}

		.image-box-btn-faq{
			padding-left: 20%;
			padding-right: 20%;
			margin: 10%;
		}
		.image-box-btn-faq a {
			position: absolute;
			top: 90%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none !important;
			text-transform: uppercase;
			font-size: 18px;
			color: #ccc;
			letter-spacing: 5px;
			border: 3px solid #ccc;
			padding: 10px 20px;
			box-sizing: border-box;
			overflow: hidden;
			text-align: center;
		}
		.image-box-btn-faq a:before {
			content: attr(data-title);
			position: absolute;
			top: 100%;
			left: 0;
			background: #fff;
			color: #f4511e;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.image-box-btn-faq a:after {
			content: attr(data-title);
			position: absolute;
			top: 0;
			left: 0;
			background: #fff;
			color: #262626;
			padding: 10px 20px;
			box-sizing: border-box;
			top: 100%;
			transition: .3s;
		}
		.image-box-btn-faq a:hover:before {
			top: 0;
		}
		.image-box-btn-faq a:hover:after {
			top: -100%;
		}
		
		/*=============== Params Social ==============================================================*/
		.social {
			width: 100%;
			height: 320px;
			margin: 0;
		}

		/*=============== Params Map ==============================================================*/
		.map {
			padding-right: 0 !important;
			padding-left: 0 !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
		}
		.map > img{
			height: 480px;
			width: 100%;
			object-fit: cover;
			
		}
		.center-map {
			position: absolute;
			top: 46%;
			left: 48%;
			transform: translate(-50%, -50%);
		}

		/*=============== Pulse #Map ==============================================================*/

		.placeholder-pulse {
			width: 50px;
			height: 50px;
			background: #fff;
			border-radius: 50%;
			font-size: 20px;
			animation: animate 3s linear infinite;
		}
		.placeholder-pulse img {
			width: 37px;
			height: 37px;
			position: absolute;
			top: 16%;
			left: 14%;
		}
		@keyframes animate {
			/*0%{
				box-shadow: 0 0 0 0 rgba(255,109,74,0.7), 0 0 0 0 rgba(255,109,74,0.7);
			}*/
			40%{
				box-shadow: 0 0 0 50px rgba(255,109,74,0), 0 0 0 0 rgba(255,109,74,0.7);
			}
			80%{
				box-shadow: 0 0 0 50px rgba(255,109,74,0), 0 0 0 30px rgba(255,109,74,0);
			}
			100%{
				box-shadow: 0 0 0 0 rgba(255,109,74,0), 0 0 0 30px rgba(255,109,74,0);
			}
		}

		/*=============== Pulse #Top Params ==============================================================*/
		@keyframes animate2 {
			0%{
				box-shadow: 0 0 0 0 rgba(255,255,255,0.7), 0 0 0 0 rgba(255,255,255,0.7);
			}
			40%{
				box-shadow: 0 0 0 50px rgba(255,255,255,0), 0 0 0 0 rgba(255,255,255,0.7);
			}
			80%{
				box-shadow: 0 0 0 50px rgba(255,255,255,0), 0 0 0 30px rgba(255,255,255,0);
			}
			100%{
				box-shadow: 0 0 0 0 rgba(255,255,255,0), 0 0 0 30px rgba(255,255,255,0);
			}
		}
		.center-slide {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 400px;
			height: 320px;
			padding-top: 50px;

		}

		.slide-pulse {
			width: 13px;
			height: 13px;
			background: orange;
			border-radius: 50%;
			animation: animate2 3s linear infinite;
		}
		.pulse1 {
			position: absolute;
			top: 50%;
			left: 87%;
			transform: translate(-50%, -50%);
		}
		.pulse2 {
			position: absolute;
			top: 67%;
			left: 67%;
			transform: translate(-50%, -50%);
		}
		.pulse3 {
			position: absolute;
			top: 82%;
			left: 54%;
			transform: translate(-50%, -50%);
		}

		.center-slide img {
			width: 400px;
			height: auto;
			position: inherit;
			/*-webkit-filter: drop-shadow( 0px 2px 0px rgba(255,255,255,0.9) );
	  		filter: drop-shadow( 0px 2px 0px rgba(255,255,255,0.9) ); */
			

		}

		/*=============== Params #Footer ==============================================================*/

		.text-bottom-center {
			top: 50%;
			left: 50%;
			padding-right: 20%;
			padding-left: 10%;
			padding-bottom: 5%;
			text-align: left;			
		}
		.text-bottom-center > h2 {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 200;
	      line-height: 1.5;
	      text-transform: none;
	      border-left: 2px solid #f4511e;
	      padding-left: 10%;
		}
		.text-bottom-center h2 > a {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 400;
	      line-height: 1.5;
	      text-decoration: none !important;
	     }

	     .text-bottom-center h2 > a:hover {
	      font-size: 14px;
	      color: #f4511e;
	      font-weight: 400;
	      line-height: 1.5;
	      text-decoration: none !important;
	     }

		.text-howto-center {
			top: 50%;
			left: 50%;
			padding-right: 20%;
			padding-left: 20%;
			padding-bottom: 5%;
			padding-top: 5%;
						
		}
		.text-howto-center > h1 > span {

	      color: #a1903f;

		}
		.text-howto-center > h1 {
			font-size: 20px !important;
			margin-bottom: 10%;
		}
		.text-howto-center > h2 {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 200;
	      line-height: 1.5;
	      text-transform: none;
	      border-left: 2px solid #f4511e;
	      padding-left: 10%;
	      text-align: left;
		}
		.text-howto-center > img {
			width: 100%;
			max-width: 540px;
			height: auto;
			margin-left: 15%;
		}
		.text-bottom-center-h2 {
			top: 50%;
		    left: 50%;
		    padding-right: 10%;
		    padding-left: 10%;
		    padding-bottom: 2%;
		    padding-top: 2%;
		    text-align: left;			
		}
		.text-bottom-center-h2 > h2 {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 200;
	      line-height: 1.5;
	      text-transform: none;
	      padding-left: 5%;
	      
		}
		.text-bottom-center-h2 h2 > b{
	      font-size: 16px !important;
	      color: #a1903f;
	      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
    	  font-weight: normal;
	    }

		.text-bottom-center-h2 i {
			color: #a1903f !important;			
		}
		.text-bottom-center-h2 h2 > p {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 200;
	      line-height: 1.5;
	      text-transform: none;
		}
		.text-bottom-center-top {
			top: 50%;
		    left: 50%;
		    padding-right: 20%;
		    padding-left: 20%;
		    padding-bottom: 5%;
		    text-align: center;
		    margin-left: -15px;
		    margin-right: -15px;
		    margin-bottom: -15px;
		}
		.text-bottom-center2 {
			top: 50%;
			left: 50%;
			padding-right: 20%;
			padding-left: 20%;
			padding-bottom: 5%;
			text-align: center;
		}
		.text-bottom-center3 {
			left: 50%;
			padding-right: 2%;
			padding-left: 2%;
			padding-bottom: 5%;
			padding-top: 0%;
			text-align: center;			
		}
		.text-bottom-center3 > h1 {
	      font-size: 18px;
	      color: #3E3E3B;
	      font-weight: 300;
	      line-height: 1.5;
	      text-transform: none;
		}
		.text-bottom-center3 > h4 {
	      font-size: 14px;
	      color: #3E3E3B;
	      font-weight: 300;
	      line-height: 1.5;
	      text-transform: none;
		}
		.text-bottom-center3 > p {
	      font-size: 16px;
	      color: #3E3E3B;
	      font-weight: 200;
	      line-height: 1.5;
	      text-transform: none;
		}

		.text-bottom-left {
			padding-top: 0%;
			padding-bottom: 0%;
		}

		.text-bottom-left ul {
			display: flex;
			position: absolute;
			left: 50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
    		padding-bottom: 0px;
    		padding-left: 0;
		}
		.text-bottom-left ul li {
			list-style: none;
		}
		.text-bottom-left ul li a {
			width: 32px;
			height: 32px;
			background: transparent;
			text-align: center;
			line-height: 38px;
			font-size: 20px;
			margin: 0 10px;
			display: block;
			border-radius: 50%;
			position: relative;
			overflow: hidden;
			border: 2px solid transparent;
		}
		.text-bottom-left ul li a .fa {
			position: relative;
			color: #000;
			transition: .5s;
		}
		.text-bottom-left ul li a:hover .fa {
			transform: rotateY(360deg);
			-webkit-transform: rotateY(360deg);
		}
		
		.text-bottom-left ul li a:hover:before {
			top: 0;
		}

		.text-bottom-right {
			padding-top: 0%;
			padding-bottom: 0%;
		}

		.text-bottom-right ul {
			display: flex;
			position: absolute;
			left: 45%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
    		padding-bottom: 0px;

		}
		.text-bottom-right ul li {
			list-style: none;
		}
		.text-bottom-right ul li a {
			width: 100%;
			height: auto;
			background: transparent;
			text-align: center;
			line-height: 14px;
			font-size: 14px !important;
			padding: 0px;
			margin: 2px;
			display: block;
			position: relative;
			overflow: hidden;
			color: #000;
			text-transform: uppercase;
		}
		
		.text-bottom-right ul li a:hover {
			top: 0px;
			text-decoration: none !important;
			border-bottom: 1px solid #a1903f;
		}

		.bottom-margin {
			padding-top: 5%;
		}

		.hide-b {
			opacity: 0;
		}
		.hide-s {
			opacity: 1;
		}

		.text-bottom-all {
			padding-top: 2%;
			padding-bottom: 2%;
		}

		.text-bottom-all ul {
			display: flex;
			position: absolute;
			left: 50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
    		padding-bottom: 50px;

		}
		.text-bottom-all ul li {
			list-style: none;
		}
		.text-bottom-all ul li a > p {
			width: 100%;
			height: auto;
			background: transparent;
			text-align: center;
			line-height: 14px;
			font-size: 11px !important;
			padding: 0 20px 0 20px;
			display: block;
			position: relative;
			overflow: hidden;
			color: #000;
			text-transform: uppercase;
		}

		.text-bottom-all ul li a:hover {
			text-decoration: none !important;
		}

		.text-bottom-all ul li a > p:hover {
			text-decoration: none !important;
			border-bottom: 1px solid #a1903f;
			padding-bottom: 5px;
		}

		.text-bottom-all ul li a > .fa {
			width: 32px;
			height: 32px;
			background: transparent;
			text-align: center;
			line-height: 38px;
			font-size: 20px;
			top: -15px;
			margin: 0 20px;
			display: block;
			border-radius: 50%;
			position: relative;
			overflow: hidden;
			border: 2px solid transparent;
	
		}
		.text-bottom-all ul li a > .fa {
			position: relative;
			color: #000;
			transition: .5s;
		}
		.text-bottom-all ul li a > .fa:hover  {
			transform: rotateY(360deg);
			-webkit-transform: rotateY(360deg);
		}
		
		.text-bottom-all ul li a > .fa:hover:before {
			top: 0;
		}
		
		

		/*============== Card ======================================================================*/
		.container-card {
			width: 100%;
			height: auto;
			margin: 0;
			border: 2px dashed #000;
		}
		.container-card:hover {
		   	box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);
		}
		.card {
		  border-radius: 10px;
		  /* //box-shadow: -6px 6px 1px rgba(0, 0, 0, 0.1); */
		}
		.card-head {
		  opacity: 1;
		  position: relative;
		  background: #fff;
		}
		.card-head img {
			width: 100%;
			max-width: 96px;
			height: auto;
			left: 50%;
			padding-top: 20%;
			padding-bottom: 40%;
		}

		/*============== Twin border ======================================================================*/
		.margin-twin {
			padding: 4% !important;
		}
		.twin-border {
			width: 100%;
			max-height: 420px;
			margin: 0;
			border: 1px solid #000;
			box-shadow: 10px 10px 0px rgba(0,0,0,.5);
			background-color: #FFFFFF;
		}
		.for-wide {
			display: block !important;
			background-image: url('../images/img/PetiteLaine_site.jpg');
			background-position: left !important;
			background-size: cover;
		}
		.for-wide img {
			opacity: 0;
		}

		.for-small {
			display: none !important;
			background-image: url('../images/img/PetiteLaine_site_sm.jpg');
			background-position: left !important;
			background-size: cover;
		}
		.for-small img {
			opacity: 0;
		}


		/*=============== Anythings - Page ==============================================================*/
		.page-bg {
			width: 100%;
			height: auto;
			background-color: #fff;
			left: 0;
			top: 0;
			z-index: 4;
			position: relative;
		}
		.bg-white {
			background-color: #FFFFFF;
		}
		.bg-blank {
			background-color: rgba(0,0,0,0);
		}
		.bg-cashmere {
		      background-color: #CBC5C1;
		}
		.bg-frenchblue {
		  	  background-color: #A2AAB0;  
		}
		.bg-whitewash {
		  	  background-color: #EBECED;  
		}
		.bg-denim {
		  	  background-color: #4C586F;  
		}
		.bg-gunmetal {
		  	  background-color: #3E3E3B;  
		}
		.bg-black {
		  	  background-color: #000;  
		}
		.bg-sky {
			background: #a9c9f9;  /* fallback for old browsers */
		    background: -webkit-linear-gradient(right, #c4fcff, #a9c9f9);
		    background: -o-linear-gradient(right, #c4fcff, #a9c9f9);
		    background: linear-gradient(to left, #c4fcff, #a9c9f9);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		
		}
		.bg-whitemap {
		  	  background-color: #e8e8e8;  
		}
		.bg-overlay {
			background-color: rgba(0,0,0,0.4);
		}
		.bg-opacity {
			opacity: 1;
			background-color: transparent;
		}

		.bg-how2{
            background-image: url('../images/img/howto2.jpg');
            background-size: cover;
           	background-position: center;

        }
        
        .bg-contact{
            background-image: url('../images/img/con01.jpg');
            background-size: cover;
           	background-position: center;
           	min-height: 480px !important;


        }
        .bg-branch{
            background-image: url('../images/img/branch4.jpg');
            background-size: cover;
           	background-position: center;
           	min-height: 480px !important;
           	opacity: 1;


        }
        .bg-howto-right{
            background-image: url('../images/img/slide01.jpg');
            background-size: cover;
           	background-position: left;
           	min-height: 400px !important;

        }
        .bg-howto-left{
            background-image: url('../images/img/howto-bg.jpg');
            background-size: cover;
           	background-position: left;
           	min-height: 400px !important;

        }
        .bg-petite {
        	background-image: url('../images/img/PetiteLaine_site.jpg');
            background-size: cover;
           	background-position: left !important;

        }

        .bg-sub {
        	background-image: url('../images/img/sub.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }
        .bg-sub2 {
        	background-image: url('../images/img/sub2.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }
        .bg-sub3 {
        	background-image: url('../images/img/sub3.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }
        .bg-sub4 {
        	background-image: url('../images/img/sub4.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }
        .bg-sub5 {
        	background-image: url('../images/img/sub5.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }
        .bg-sub6 {
        	background-image: url('../images/img/sub6.jpg');
            background-size: cover;
           	background-position: left;
           	opacity: 1;
        }
		.bg-sub7 {
        	background-image: url('../images/img/sub7.jpg');
            background-size: cover;
           	background-position: center;
           	opacity: 1;
        }

		.col-lg-12 {
			padding-right: 0px !important;
			padding-left: 0px !important;
		}
		.col-sm-3-img {
			width: 25% !important;
			padding-right: 0px !important;
			padding-left: 0px !important;
			float: left;
			position: relative;
		}

		.col-sm-8, .col-sm-4, .text-center{
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}
		.col-sm-6-plus {
		    width: 50%;
		}
		.col-sm-8-plus {
		    width: 66.66666667%;
		}
		.col-sm-4-plus {
			width: 33.33333333%;
		}
		.col-sm-8-plus, .col-sm-4-plus {
		    position: relative;
			min-height: 1px;
	     	padding-right: 15px;
			padding-left: 15px;
			padding-top: 15px;
			padding-bottom: 15px;
			float: left;
		}

		.container-fluid {
		      /*padding: 70px 60px !important;*/
		      width: 100% !important;
		      z-index: 4;
		}
		

	    .jumbotron {
		      background-color: #f4511e;
		      color: #fff;
		      padding: 100px 25px;
		      font-family: Montserrat, sans-serif;
	    }

	    .thumbnail {
		      padding: 0 0 15px 0;
		      border: none;
		      border-radius: 0;
		      background-color: rgba(0,0,0,0) !important;
		      border: 1px solid #a1903f !important;
		      
		}
		.thumbnail img {
		      width: 100%;
		      height: 100%;
		      margin-bottom: 10px;
		      max-width: 200px !important;
    		  max-height: 200px !important;
		}

		.panel {
	      margin-top: 20px !important; 
	      border-radius:0 !important;
	      transition: box-shadow 0.5s;
		}
		.panel:hover {
		   	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
		}
		.panel-footer .btn:hover {
		    border: 1px solid #f4511e;
		    background-color: #fff !important;
		    color: #f4511e;
		}
		.panel-heading {
		      color: #fff !important;
		      background-color: #f4511e !important;
		      padding: 25px;
		      border-bottom: 1px solid transparent;
		      border-top-left-radius: 0px;
		      border-top-right-radius: 0px;
		      border-bottom-left-radius: 0px;
		      border-bottom-right-radius: 0px;
		}
		.panel-footer {
		      background-color: white !important;
		}
		.panel-footer h3 {
		      font-size: 32px;
		}
		.panel-footer h4 {
		      color: #aaa;
		      font-size: 14px;
		}
		.panel-footer h5 {
		      font-weight: 200 !important;
		}
		.panel-footer .btn {
		      margin: 15px 0;
		      background-color: #f4511e;
		      color: #fff;
		}

		.carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            width: 100%;
            height: 400px !important;
            object-fit: cover;
        }

        
        .col-top {
        	padding-top: 15px !important;
        	padding-bottom: 15px !important;
        }

		.how2{
            width: 100%;
            min-height: 480px;
            height: auto;
            background: transparent;
        }

        .how2 h1 {
			font-size: 28px;
	      	color: #3E3E3B;
	      	font-family: Julius Sans One, sans-serif !important;

        }
        .sub-how2 {
        	width: 100%;
        	height: 240px;
        	margin: 0;
        	background: #ccc;
        }
        .review{
            width: 100%;
            height: 480px;
            opacity: 1 ;
        }
        .img-howto > img {
        	position: absolute;
        	max-width: 400px;
        	width: 100%;
        	top: 0px;
        	left: 0px;


        }

	
		footer {
	      font-size: 10px;
	      color: #aaa;
	      line-height: 1.5;
	      font-family: Montserrat, sans-serif;
	      display: block;
	      padding-bottom: 2%;
	      padding-top: 5%;
	      text-align: center;
		}
		footer a {
		    font-size: 10px;
		    color: #a1903f;
	        font-family: Montserrat, sans-serif;
		}
	    footer img {
		    margin-bottom: 12px;
		    margin-top: 12px;
			max-width: 200px;
			width: 100%
		}
		footer p {
			font-size: 11px !important;
			color: #000;
		}
		
		.slideanim {visibility:hidden;}
		.slide1 {
		      animation-name: slide1;
		      -webkit-animation-name: slide1;
		      animation-duration: 1s;
		      -webkit-animation-duration: 1s;
		      visibility: visible;
		}
		@keyframes slide1 {
		    0% {
		      opacity: 0;
		      transform: translateY(70%);
		    } 
		    100% {
		      opacity: 1;
		      transform: translateY(0%);
		    }
		}
		@-webkit-keyframes slide1 {
		    0% {
		      opacity: 0;
		      -webkit-transform: translateY(70%);
		    } 
		    100% {
		      opacity: 1;
		      -webkit-transform: translateY(0%);
		    }
		}

		.slideanim2 {visibility:hidden;}
		.slide2 {
		      animation-name: slide2;
		      -webkit-animation-name: slide2;
		      animation-duration: 1s;
		      -webkit-animation-duration: 1s;
		      visibility: visible;
		}
		@keyframes slide2 {
		    0% {
		      opacity: 0;
		      transform: translateX(70%);
		    } 
		    100% {
		      opacity: 1;
		      transform: translateX(0%);
		    }
		}
		@-webkit-keyframes slide2 {
		    0% {
		      opacity: 0;
		      -webkit-transform: translateX(70%);
		    } 
		    100% {
		      opacity: 1;
		      -webkit-transform: translateX(0%);
		    }
		}


		/*=============== Media views 1700 ==============================================================*/

	  	@media screen and (min-width: 1699px) {
			.con-slider {
				overflow: hidden;
				height: 360px;
				margin-bottom: 10%;
			}

	  	}
	  		
		/*=============== Media views 1260 ==============================================================*/

	  	@media screen and (max-width: 1259px) {
			.top-video {
					
				padding-top: 24%;
				padding-bottom: 24%;

			}
			.text-on-video h1 {
		      font-size: 32px;
		      color: #fff;
		      font-family: Julius Sans One, sans-serif !important;

				
		     
		  	}
			.text-on-video h2 {
		      font-size: 24px;
		      color: #000;
		      text-shadow: 1px 0 0 #ccc;
		      /* //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan; */
		      font-family: Lateef, cursive !important;
		      margin-top: -20px;
		  	}
			.text-on-video-lg img{
				position: relative;
				max-width: 358px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.5) );
	  			filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.5) );
	  		
			}
			.text-on-video-sm img{
				position: relative;
				max-width: 358px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  			filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  		
			}
			.bottom-margin {
		  		padding-top: 5%;
		  	}
		  	.text-bottom-all {
				padding-top: 2%;
				padding-bottom: 2%;
			}

	  	}

	  	/*=============== Media views 1200 ==============================================================*/

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

		  	.text-bottom-all {
				padding-top: 1%;
				padding-bottom: 2%;
			}
			.bottom-margin {
		  		padding-top: 2%;
		  	}
		  	.text-howto-center > img {
				margin-left: 10%;
			}
	  	}

	  	/*=============== Media views 1100 ==============================================================*/

	  	@media screen and (max-width: 1099px) {
			.one-text-btn{
				padding-left: 10%;
				padding-right: 10%;
				padding-top: 80% !important;
				padding-bottom: 5% !important;
			}
			.one-text-btn a {
				
				font-size: 14px;
				padding: 10px 20px !important;
				
			}
			.one-text-btn a:before {
				padding: 10px 20px !important;
				
			}
			.one-text-btn a:after {
				padding: 10px 20px !important;
		  	}

			.one-text-btn3 a {
				top: 80%;
				font-size: 13px;
				padding: 10px 20px !important;
				
			}
			.one-text-btn3 a:before {
				padding: 10px 20px !important;
				
			}
			.one-text-btn3 a:after {
				padding: 10px 20px !important;
		  	}
		  	.bottom-margin {
		  		padding-top: 2%;
		  	}
		  	.col-sm-8-plus {
			    width: 100% !important;
			}
			.col-sm-4-plus {
			    width: 100% !important;
			}
			.map > img{
				height: 320px;
				width: 100%;
				object-fit: cover;
				
			}
		  }	

	  	/*=============== Media views 1080 ==============================================================*/

	  	@media screen and (max-width: 1080px) {
			.for-wide {
				display: none !important;
			}
			.for-small {
				display: block !important;
			}
			.top-video {
				padding-top: 22%;
				padding-bottom: 22%;
			}
			.col-sm-6-plus {
		    width: 100% !important;
			}

			.one-text-btn{
				padding-left: 10%;
				padding-right: 10%;
				padding-top: 80% !important;
				padding-bottom: 5% !important;
			}
			.one-text-btn a {
				
				font-size: 12px;
				
			}
			.one-text-btn3 a {
				top: 80%;
				font-size: 11px;
				
			}
			.text-bottom-center-h2 {
				top: 50%;
				left: 50%;
				padding-right: 10%;
				padding-left: 10%;
				padding-bottom: 5%;
				padding-top: 5%;
				text-align: left;			
			}

			.text-bottom-center {
				top: 50%;
				left: 50%;
				padding-right: 5%;
				padding-left: 10%;
				padding-bottom: 5%;
				text-align: left;			
			}
			.text-bottom-center > h2 {
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
		      border-left: 2px solid #f4511e;
		      padding-left: 5%;
			}

			.text-bottom-center-h2 {
				top: 50%;
			    left: 50%;
			    padding-right: 5%;
			    padding-left: 5%;
			    padding-bottom: 2%;
			    padding-top: 2%;
			    text-align: left;			
			}
			.text-bottom-center-h2 > h2 {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
		      padding-left: 5%;
		      
			}
			.text-bottom-center-h2 h2 > b{
		      font-size: 16px !important;
		      color: #a1903f;
		      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
	    	  font-weight: normal;
		    }

			.text-bottom-center-h2 i {
				color: #a1903f !important;			
			}
			.text-bottom-center-h2 h2 > p {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
			}

			.text-bottom-all {
				padding-top: 4%;
				padding-bottom: 2%;
			}

			.text-bottom-all ul li a > p {
				width: 100%;
				height: auto;
				background: transparent;
				text-align: center;
				line-height: 14px;
				font-size: 11px !important;
				padding: 0 10px 0 10px;
				
			}

			.one-text2 {
				margin-top: 25%;
				margin-bottom: 15%;
				padding-left: 8%;
			}


	  	}


		/*=============== Media views 980 ==============================================================*/

	  	@media screen and (max-width: 979px) {
			.top-video {
				
				padding-top: 25%;
				padding-bottom: 25%;
			}

			.one-text-btn{
				padding-left: 0% !important;
				padding-right: 0% !important;
				padding-top: 100% !important;
				padding-bottom: 0% !important;
			}
			.one-text-btn a {
				
				font-size: 11px;
				letter-spacing: 3px;
				padding: 10px 10px !important;
					
			}
			.one-text-btn a:before {
				padding: 10px 10px !important;
			}	
			.one-text-btn a:after {
				padding: 10px 10px !important;
			}	
			.one-text-btn3 a {
				top: 75%;
				font-size: 10px;
				padding: 10px 10px !important;
					
			}
			.one-text-btn3 a:before {
				padding: 10px 10px !important;
			}	
			.one-text-btn3 a:after {
				padding: 10px 10px !important;
			}

			.one-text{
				padding-left: 10%;
				padding-right: 10%;
				
			}
			.one-text h2 {
		      font-size: 22px;
		      color: #A2AAB0;
		      text-align: center;
			}
			.one-text h1 {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 300;
		      text-align: center;
			}

			.four-text h5 {
				font-size: 14px;
				color: #A2AAB0;
				line-height: 22px;
				font-weight: 200;

			}
			.text-on-video h1{
				font-size: 28px;
			}
			.col-sm-3-img {
				width: 50% !important;
			}
			.text-bottom h1 {
		      font-size: 14px;
		     
		  	}
		  	.one-text-2 {
				position: absolute;
				top: 15%;
				left: 20%;
			}
			.bg-opacity {
				opacity: 0;
				background-color: transparent;
			}
			.text-on-video-lg {
				display: none !important;
			}
			.text-on-video-sm {
				display: block !important;
			}
			.text-on-video-sm img{
				max-width: 380px !important;
				-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  			filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  		
			}

			.text-bottom-all {
				padding-top: 4%;
				padding-bottom: 2%;
			}

			.text-bottom-all ul li a > p {
				width: 100%;
				height: auto;
				background: transparent;
				text-align: center;
				line-height: 14px;
				font-size: 10px !important;
				padding: 0 8px 0 8px;
				
			}


			.text-bottom-all ul li a > .fa {
				line-height: 38px;
				font-size: 18px;
				top: -15px;
				margin: 0 16px;
		
			}

			.text-howto-center > img {
				margin-left: 5%;
			}

				
	  	}

	  	/*=============== Media views 860 ==============================================================*/

	  	@media screen and (max-width: 860px) {
			.text-bottom-center-h2 {
				top: 50%;
			    left: 50%;
			    padding-right: 5%;
			    padding-left: 5%;
			    padding-bottom: 2%;
			    padding-top: 2%;
			    text-align: left;			
			}
			.text-bottom-center-h2 > h2 {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
		      padding-left: 5%;
		      
			}
			.text-bottom-center-h2 h2 > b{
		      font-size: 14px !important;
		      color: #a1903f;
		      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
	    	  font-weight: normal;
		    }

			.text-bottom-center-h2 i {
				color: #a1903f !important;			
			}
			.text-bottom-center-h2 h2 > p {
		      font-size: 12px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
			}

			.text-bottom-all {
				padding-top: 5%;
				padding-bottom: 2%;
			}

			.text-bottom-all ul li a > p {
				width: 100%;
				height: auto;
				background: transparent;
				text-align: center;
				line-height: 14px;
				font-size: 9px !important;
				padding: 0 6px 0 6px;
				
			}


			.text-bottom-all ul li a > .fa {
				line-height: 38px;
				font-size: 16px;
				top: -15px;
				margin: 0 14px;
		
			}
			.center-arrow {
				top: 80%;
				width: 0;
				height: 50px;
				border-left: 6px dotted rgba(255,255,255,0.3);
			}
			.one-text h1 {
		      line-height: 1.5;
			}

			.one-text2 {
				margin-top: 30%;
				margin-bottom: 15%;
				padding-left: 8%;
			}
			
			.one-text2 h3 {
		      font-size: 12px !important;
			}
			
			.one-text2 h4 {
				font-size: 12px !important;
			}

	  	}

		/*=============== Media views 767 ==============================================================*/

	  	@media screen and (max-width: 767px) {
			.modal-dialog-center {
				margin: auto 0px !important;
			}
			.for-wide {
				display: block !important;
			}
			.for-small {
				display: none !important;
			}

			.bg-sub6 {
				background-attachment: inherit !important;
				background-image: url('../images/img/sub6-sm.jpg');
	        }
			.parallax-2 {
			    /* The image used */
			    background-image: url('../images/img/branch4-resize.jpg');
				background-size: auto !important;
				background-attachment: inherit !important;
			}
		    .col-sm-4 {
		      text-align: center;
		    }
		    .btn-lg {
		        width: 100%;
		        margin-bottom: 35px;
		    }
			video{
				margin-top: 50px !important;
				min-height: 360px !important;
			}
			.text-on-video-sm img{
				position: relative;
				max-width: 320px !important;
				height: auto;
				padding-top: 10%;
	  		
			}

			.top-video {
				margin-top: 50px !important;
				padding-top: 25% !important;
				padding-bottom: 25% !important;
			}
			.on-video {
				margin-top: 50px !important;
				background-color: #3E3E3B !important;
			}
			.text-on-video > h1{
				opacity: 0;
			}
			.text-on-video > h2{
				opacity: 0;
			}

			.one-text-btn{
				padding-left: 0% !important;
				padding-right: 0% !important;
				padding-top: 0% !important;
				padding-bottom: 15% !important;
			}
			.one-text-btn a {
				top: 20%;
				font-size: 15px;
				letter-spacing: 3px;
				padding: 10px 20px !important;
					
			}
			.one-text-btn a:before {
				padding: 10px 20px !important;
			}	
			.one-text-btn a:after {
				padding: 10px 20px !important;
			}
			.one-text-btn3{

				padding-top: 0% !important;
				padding-bottom: 15% !important;
			}
			.one-text-btn3 a {
				top: 60%;
				font-size: 14px;
				padding: 10px 20px !important;
				
			}
			.one-text-btn3 a:before {
				padding: 10px 20px !important;
			}	
			.one-text-btn3 a:after {
				padding: 10px 20px !important;
			}
			
			.one-text{
				padding-left: 5%;
				padding-right: 5%;
				padding-bottom: 8%;
				padding-top: 8%;
			}

			.one-text h2 {
		      font-size: 22px;
		      color: #A2AAB0;
		      text-align: center;
			}
			.one-text h1 {
		      font-size: 13px;
		      color: #3E3E3B;
		      font-weight: 300;
		      line-height: 2;
		      text-align: center;
			}

			/*==============================================================================*/
			.one-text2 {
				height: auto !important;
				margin-top: 25%;
				margin-bottom: 20%;
				padding-left: 8%;
			}
			.one-text2 h1 {
		      font-size: 20px;

			}
			.one-text2 h2 {
		      font-size: 15px;

			}
			.one-text2 h3 {
		      font-size: 13px;

			}
			.one-text2 h2 b {	
		      font-weight: 400;
		      font-size: 14px;
		      font-style: italic;

			}
			
			
			.one-text2 h4 {
				font-size: 18px;
				margin-bottom: -10px;
				color: #a1903f;
				font-weight: 200;
			}
			.one-text2 h5 {
				font-size: 15px;
				color: #CBC5C1;
				text-align: center;
			}

			.one-text-btn2 a {
				position: absolute;
				margin-top: 10%;
				margin-bottom: 10%;
				top: 100%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-family: Montserrat, sans-serif;
				text-decoration: none !important;
				text-transform: uppercase;
				font-size: 14px;
				color: rgba(0,0,0,1);
				background: transparent;
				letter-spacing: 3px;
				border: 1px solid rgba(0,0,0,1);
				padding: 7px 14px;
				box-sizing: border-box;
				overflow: hidden;
				text-align: center;
			}
			.one-text-btn2 a:before {
				content: attr(data-title);
				position: absolute;
				top: 100%;
				left: 0;
				background: #000;
				color: #fff;
				padding: 7px 14px;
				box-sizing: border-box;
				top: 100%;
				transition: .3s;
				text-decoration: none !important;
			}
			.one-text-btn2 a:after {
				content: attr(data-title);
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
				color: rgba(0,0,0,1);
				padding: 7px 14px;
				box-sizing: border-box;
				top: 100%;
				transition: .3s;
				text-decoration: none !important;
			}
			.one-text-btn2 a:hover:before {
				top: 0;
			}
			.one-text-btn2 a:hover:after {
				top: -100%;
			}
				
			.two-text{
				padding-left: 10%;
				padding-right: 10%;
				padding-bottom: 3%;
				padding-top: 3%;
			}
			.three-text{
				padding-left: 10%;
				padding-right: 10%;
				padding-bottom: 3%;
				padding-top: 3%;

			}
			.image-box-btn-faq a {
				top: 93%;
			}

		  	.one-under h1 {
		      font-size: 28px;
		      color: #A2AAB0;
		      font-family: Julius Sans One, sans-serif !important;
			}
			.one-under h2 {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-family: Prompt, sans-serif !important;
		      font-weight: 200;
		      line-height: 1.5;
			}
			.map > img{
				height: 320px;
			}
			.one-text-btn4 {
				padding-top: 15px !important;
			}
			.one-text-btn4 a {
				font-size: 12px;
			}
			.carousel-inner > .item > img,
	        .carousel-inner > .item > a > img {
	            width: 100%;
	            height: 360px !important;
	            margin: auto;
	            object-fit: cover;
	        }
	        .review{
	            height: 360px;
	        }
	        .one-text-2 {
				position: absolute;
				top: 10%;
				left: 20%;
			}

			.text-bottom-center-h2 {
				top: 50%;
			    left: 50%;
			    padding-right: 10%;
			    padding-left: 10%;
			    padding-bottom: 2%;
			    padding-top: 2%;
			    text-align: left;			
			}
			.text-bottom-center-h2 > h2 {
		      font-size: 16px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
		      padding-left: 5%;
		      
			}
			.text-bottom-center-h2 h2 > b{
		      font-size: 16px !important;
		      color: #a1903f;
		      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
	    	  font-weight: normal;
		    }

			.text-bottom-center-h2 i {
				color: #a1903f !important;			
			}
			.text-bottom-center-h2 h2 > p {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
			}

			.hide-s {
				opacity: 0;
			}

			.hide-b {
				opacity: 1;
			}

			.text-bottom-all {
				padding-top: 0%;
				padding-bottom: 0%;
			}

			.text-bottom-right {
				padding-top: 3%;
				padding-bottom: 4%;
			}
			.text-bottom-right ul {
				display: flex;
				left: 50%;
				padding-left: 0px !important;

			}
			.text-bottom-right ul li a > p {
				line-height: 14px;
				font-size: 11px !important;
				padding: 5px;
				margin: 2px;
				display: block;
			}
			

			.text-bottom-left {
				padding-top: 2%;
				padding-bottom: 7%;
			}

			.text-bottom-left ul li a {
				width: 32px;
				height: 32px;
				background: transparent;
				text-align: center;
				line-height: 38px;
				font-size: 20px;
				margin: 0 10px;
				display: block;
				border-radius: 50%;
				position: relative;
				overflow: hidden;
				border: 2px solid transparent;
			}
			.modal-dialog {
			    margin-left: 0 !important;
			}

			/*============== Twin border ======================================================================*/
			.margin-twin {
				padding: 5% !important;
			}
			.twin-border {
				width: 100%;
				height: auto;
				margin: 0;
				border: 1px solid #000;
				box-shadow: 10px 10px 0px rgba(0,0,0,.5);
			}

		}
		/*=============== Media views 600 ==============================================================*/
	  	@media screen and (max-width: 599px) {
			.one-text-2 {
				position: absolute;
				top: 10%;
				left: 16%;
			}
			.text-bottom-right {
				padding-top: 3%;
				padding-bottom: 5%;
			}
			.text-bottom-left {
				padding-top: 3%;
				padding-bottom: 7%;
			}

			.text-bottom-left ul li a {
				line-height: 38px;
				font-size: 16px;
				margin: 0 8px;
				
			}

			.text-bottom-right ul li a > p {
				line-height: 14px;
				font-size: 9px !important;
			}

	  	}
		/*=============== Media views 480 ==============================================================*/
	  	@media screen and (max-width: 480px) {
			.for-wide {
				display: none !important;
			}
			.for-small {
				display: block !important;
			}

			.col-sm-3-img {
				width: 100% !important;
			}
			.one-text-2 {
				position: absolute;
				top: 10%;
				left: 8%;
			}
		
			footer img {
			    margin-bottom: 12px;
			    margin-top: 12px;
				max-width: 160px;
				width: 100%
			}
			.home-top img {
				margin-bottom: -5%;
				margin-top: 0;
			}
			.text-howto-center {
				padding-right: 2% !important;
				padding-left: 2% !important;
			}
			.text-howto-center > h1 {
				margin-right: 5% !important;
				margin-left: 5% !important;
			}
			.text-howto-center > h2 {
		        margin-right: 5% !important;
				margin-left: 5% !important;
				padding-left: 5% !important;
			}

			.text-bottom-right {
				padding-top: 4%;
				padding-bottom: 5%;
			}
			.text-bottom-left {
				padding-top: 3%;
				padding-bottom: 8%;
			}

			.text-bottom-left ul li a {
				line-height: 38px;
				font-size: 15px;
				margin: 0 8px;
				
			}


			.text-bottom-right ul li a > p {
				line-height: 12px;
				font-size: 8px !important;
				padding: 0px;
				margin: 2px;
			}

			.text-howto-center > img {
				margin-left: 0%;
			}
			.center-arrow {
				top: 80%;
				width: 0;
				height: 30px;
				border-left: 6px dotted rgba(255,255,255,0.3);
			}
			@keyframes animate3 {
				0% {
					transform: translateY(0);
					opacity: 0.5;
				}
				50% {
					transform: translateY(30px);
					opacity: 1;
				}
				100% {
					transform: translateY(40px);
					opacity: 0;
				}
			}

			.margin-twin {
				padding-top: 5% !important;
				padding-bottom: 7% !important;
				padding-left: 5% !important;
				padding-right: 7% !important;
			}

			.center-arrow {
				border-left: 6px dotted rgba(255,255,255,0);
			}

			 .bg-sub {
	        	background-image: url('../images/img/sub-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        .bg-sub2 {
	        	background-image: url('../images/img/sub2-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        .bg-sub3 {
	        	background-image: url('../images/img/sub3-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        .bg-sub4 {
	        	background-image: url('../images/img/sub4-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        .bg-sub5 {
	        	background-image: url('../images/img/sub5-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        /* .bg-sub6 {
	        	background-image: url('../images/img/sub6-sm.jpg');
	            background-size: cover;
	           	background-position: left;
	           	opacity: 1;
	        } */
			.bg-sub7 {
	        	background-image: url('../images/img/sub7-resize.jpg');
	            background-size: cover;
	           	background-position: center;
	           	opacity: 1;
	        }
	        .one-text h1 {
		      font-size: 12px;
		      color: #3E3E3B;
		      font-weight: 300;
		      line-height: 1.5;
		      text-align: center;
			}
				
	  	}

		/*=============== Media views 420 ==============================================================*/
	  	@media screen and (max-width: 420px) {
		  	.center-slide {
				position: absolute;
				top: 50%;
				left: 45%;
				transform: translate(-50%, -50%);
				width: 280px;
				height: 220px;
			}
			.con-slider figure img {
				width: 100%;
				max-width: 280px !important;
				float: left;
			}
			.pulse1 {
				top: 57% !important;
				left: 87% !important;
			}
			.pulse2 {
				top: 77% !important;
				left: 67% !important;
			}
			.pulse3 {
				top: 91% !important;
				left: 54% !important;
			}
			.cover-pulse {
				width: 280px;
				height: auto;
				top: 50%;
				left: 50%;
				position: absolute;
				z-index: 7;
			}
			.slide-pulse {
				width: 10px;
				height: 10px;
				background: orange;
				border-radius: 50%;
				animation: animate2 3s linear infinite;
			}
			.pulse1 {
				position: absolute;
				top: 37%;
				left: 87%;
				transform: translate(-50%, -50%);
			}
			.pulse2 {
				position: absolute;
				top: 54%;
				left: 67%;
				transform: translate(-50%, -50%);
			}
			.pulse3 {
				position: absolute;
				top: 70%;
				left: 54%;
				transform: translate(-50%, -50%);
			}
			.center-slide img {
				width: 100%;
				max-width: 280px !important;
				height: auto;
				position: inherit;
			}
			.col-sm-8-right {
				width: 100%;
				height: 400px;
			}
			.col-sm-4-left {
				width: 100%;
				height: 400px;
			}

			.one-text-btn{
				padding-left: 0% !important;
				padding-right: 0% !important;
				padding-top: 0% !important;
				padding-bottom: 15% !important;
			}
			.one-text-btn a {
				top: 20%;
				font-size: 13px;
				letter-spacing: 3px;
				padding: 10px 20px !important;
					
			}
			.one-text-btn3{

				padding-top: 0% !important;
				padding-bottom: 15% !important;
			}
			.one-text-btn3 a {
				top: 60%;
				font-size: 12px;
				padding: 10px 20px !important;
				
			}
			.text-bottom-center {
				top: 50%;
				left: 50%;
				padding-right: 5%;
				padding-left: 5%;
				padding-bottom: 5%;
				text-align: left;			
			}
			.text-bottom-center > h2 {
		      font-size: 14px;
		      color: #3E3E3B;
		      font-weight: 200;
		      line-height: 1.5;
		      text-transform: none;
		      border-left: 2px solid #f4511e;
		      padding-left: 5%;
			}
			.text-center2 {
			    padding-top: 50px !important;
			    padding-bottom: 50px !important;
			    padding-left: 2% !important;
			    padding-right: 2% !important;
			}
			.text-bottom-right ul li a > p {
				line-height: 22px;
				font-size: 9px !important;
				
			}
			.text-bottom-right ul {
				display: block !important;
				left: 50%;
				padding-left: 0px !important;
			}
			.text-bottom-right {
				padding-top: 8%;
				padding-bottom: 10%;
			}
			.text-bottom-left {
				padding-top: 4%;
				padding-bottom: 8%;
			}
			
			.text-bottom-right ul li a:hover {
				border-bottom: 0px solid #a1903f !important;
				color: #a1903f;
			}
			.text-on-video-sm img{
				position: relative;
				max-width: 260px !important;
				height: auto;
				padding-top: 14% !important;
				-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  			filter: drop-shadow( 0px 1px 1px rgba(0,0,0,0.2) );
	  		
			}
	  	}

		/*=============== Media views 360 ==============================================================*/
	  	@media screen and (max-width: 360px) {
		    .logo {
		        font-size: 150px;
		    }
		    .one-text{
				padding-left: 5%;
				padding-right: 5%;
				padding-bottom: 8%;
				padding-top: 8%;
			}
			.one-text h1 {
		      font-size: 13px !important;
			}
			.one-text h2 {
		      font-size: 16px;
		      color: #3E3E3B;
		      font-family: Prompt, sans-serif !important;
		      font-weight: 200;
		      line-height: 1.5;
			}
			.one-text h2 b {	
		      font-weight: 500;
		      font-size: 20px;
		      font-style: italic;
			}
			
			.one-text h4 {
				font-size: 14px;
				margin-bottom: -10px;
				color: #CBC5C1;
			}
			.one-text h5 {
				font-size: 12px;
				color: #CBC5C1;
				text-align: center;
			}

			.text-on-video-sm img{
				position: relative;
				max-width: 240px !important;
				height: auto;
				padding-top: 18% !important;
	  		
			}
			.image-box-btn a {
				
				font-size: 12px;
			}
			.one-text-2 {
				position: absolute;
				top: 10%;
				left: 3%;
			}

			.text-bottom-right ul li a > p {
				line-height: 12px;
				font-size: 8px !important;
				
			}
			.text-bottom-right {
				padding-top: 10%;
				padding-bottom: 10%;
			}

			.text-bottom-left {
				padding-top: 6%;
				padding-bottom: 10%;
			}

			.text-bottom-left ul li a {
				line-height: 38px;
				font-size: 14px;
				margin: 0 10px;
				
			}

			.text-bottom-right ul li a {
				padding: 3px !important;
				
			}

			

				
		}