@charset "utf-8";
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-SemiBold.woff2') format('woff2'),
        url('Mukta-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-Regular.woff2') format('woff2'),
        url('Mukta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-Bold.woff2') format('woff2'),
        url('Mukta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-ExtraBold.woff2') format('woff2'),
        url('Mukta-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-Light.woff2') format('woff2'),
        url('Mukta-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: url('Mukta-Medium.woff2') format('woff2'),
        url('Mukta-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
a.bnrbtn, .s1prdbtn, a.s2btn, a.s3btn, a.s3btn2{
	height:56px;
	width:247px;
	border:1px solid #0da2ea;
	border-radius:30px;
	margin:43px 0 0 0;
	font-weight:bold;
	font-size:20px;
	line-height:56px;
	color:#0da2ea;
	text-align:left;
	display:block;
	background:#fff url(../images/s1btnarrow.png) 80% 25px no-repeat;
	padding:0 0 0 45px;
}
.s1prdbtn{
	height:38px;
	line-height:38px;
	width:100%;
	margin:15px auto 0 auto;
	font-weight:bold;
	font-size:16px;
	background:#fff url(../images/s1btnarrow.png) 80% center no-repeat;
	text-align:left;
	padding:0 0 0 45px;
	outline:none;
}
a.s2btn{	
	background:#0da2ea url(../images/s1btnarrow-hov.png) 80% 25px no-repeat;
	color:#fff;
	margin:22px 0 0 0;
}
a.s3btn{margin:32px 0 0 0;}
a.s3btn2{margin:32px 0 0 80px;}
a.bnrbtn img, a.s2btn img, a.s3btn img, a.s3btn2 img{margin:0 0 0 20px;}
.s1prdbtn:hover, .s1prdbtn.active, a.bnrbtn:hover, a.s2btn:hover, a.s3btn:hover, a.s3btn2:hover{
	background:#0da2ea url(../images/s1btnarrow-hov.png) 80% center no-repeat;
	color:#fff;
}
a.bnrbtn:hover, a.s3btn:hover, a.s3btn2:hover{
	background:#0da2ea url(../images/s1btnarrow-hov.png) 80% 25px no-repeat;
}
a.s2btn:hover{
	color:#0da2ea;
	background:#fff url(../images/s1btnarrow.png) 80% 25px no-repeat;
}
/*----------inner--------------*/
a.pkgbtn, .contbtn {
    width: 350px;
    margin: 25px 25px 0 0;
    background: #1076bc;
    border-radius: 50px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    padding: 2px 0 0 0;
	display: inline-block;
    border: none;
    outline: none;
	 font-family: 'Sailec';
    font-weight: 500;
	color: #fff;
    text-align: center;
}
.contbtn{
	width:232px;
	height:52px;
	line-height:50px;
	margin:20px 0 0 0;
	cursor:pointer;
}
.btnarrow{margin:0 0 0 26px;}
a.shopbtn, a.shopbtn2, .shopbtn3 {
    width: 249px;
    margin: 32px 0 0 0;
	border:1px solid #0da2ea;
    border-radius: 50px;
    height: 58px;
    font-size: 20px;
    line-height: 58px;
    padding: 0 0 0 0;
	display: block;
    outline: none;
	font-family: 'Sailec';
    font-weight: 500;
	color: #0da2ea;
    text-align: left;
	background:#fff url(../images/s1btnarrow.png) 80% 25px no-repeat;
	padding:0 0 0 40px;
}
.shopbtn3{
	width:200px;
	height:40px;
	margin:20px auto 0 auto;
	font-size:16px;
	line-height:37px;
	background:#fff url(../images/s1btnarrow.png) 80% 17px no-repeat;
	cursor:pointer;
}
a.shopbtn2{margin: 34px 0 0 64px;}
a.shopbtn:hover, a.shopbtn2:hover, .shopbtn3:hover{
	background:#0da2ea url(../images/s1btnarrow-hov.png) 80% center no-repeat;
	color:#fff;
}
@media only screen and (max-width: 1179px){
a.pkgbtn {
    width: 292px;
    margin: 20px 0 0 0;
}
}
@media only screen and (max-width: 1013px){
a.bnrbtn{margin:25px 0 0 0;}
.s1prdbtn{
	background:#fff url(../images/s1btnarrow.png) 90% center no-repeat;
	padding:0 0 0 15px;
}
.s1prdbtn:hover, .s1prdbtn.active{
	background:#0da2ea url(../images/s1btnarrow-hov.png) 90% center no-repeat;
}
a.s3btn{display:none;}
a.s3btn2{margin:32px auto 0 auto;}
/*----------inner--------------*/
a.pkgbtn {
    width: 217px;
    margin: 20px 0 0 0;
	font-size:18px;
}
.btnarrow {
    margin: 0 0 1px 9px;
}
a.shopbtn2, a.shopbtn  {
    margin: 32px auto 0 auto;
}
}
@media only screen and (max-width: 767px){
a.bnrbtn{margin:5px auto 0 auto;} 
.s1prdbtn{width:200px;}
a.s2btn{margin:22px auto 0 auto;}
/*----------inner--------------*/
a.pkgbtn {
       width: 50%;
    margin: 20px 0 0 0;
    display: inline-block;
    float: none;
}
.contbtn{
	display:block;
	margin:20px auto 0 auto;
}
}
@media only screen and (max-width: 479px){
.s1prdbtn{width:180px;font-size:15px;}
/*----------inner--------------*/
a.pkgbtn {
    width: 300px;
    margin: 20px auto;
}
a.shopbtn2, a.shopbtn{
    margin: 27px auto 0 auto;
}
/*a.shopbtn, a.shopbtn2, a.shopbtn3{width:95%;font-size:15px;}*/
.shopbtn3{width:160px;background:#fff url(../images/s1btnarrow.png) 86% 17px no-repeat;padding:0 0 0 22px;}
.shopbtn3:hover{
	background:#0da2ea url(../images/s1btnarrow-hov.png) 86% 17px no-repeat;
	color:#fff;
}
}
@media only screen and (max-width: 359px){
a.pkgbtn {
    width: 100%;
    margin: 20px auto;
}
}
/*---------------------------*/
.hide-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .tab-video {display:none;}
.hide-400, .hide-479{display:inline-block;}
@media only screen and (max-width: 1179px){
.show-desk{display:block;}
.show-hide{display:none;}
}
@media only screen and (max-width: 1013px){
.show-tab{display:block;}
.hide-tab{display:none;}
.tab-video{display:block;}
}

@media only screen and (max-width: 767px){
.hide-767, .hide-desk{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 570px){
.hide-570{display:none;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479, .tab-video{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
}
@media only screen and (max-width: 340px){
.show-340{display:block;}
}