.playBtn { background-color: #3776c4; padding:10px 20px; color: #fff !important; font-size: 12px; border-radius: 50px; line-height: 22px; transition: all 0.5s ease; text-transform:uppercase; outline:none; text-decoration:none  }
.playBtn:hover { background-color: #c00000; color: #fff !important; font-size: 12px; border-radius: 50px ;}
.playBtn.whiteBg{ background-color: #fff; color: #211f1f !important;}
.playBtn.whiteBg:hover{ color: #e75521 !important;}

.playBtn.BrowBg{ background-color: #7c6a55; color: #fff ;}
.playBtn.BrowBg:hover{  background-color: #e75521; }

.playBtn.OrengeBg{ background-color: #ed7023; color: #fff ;}
.playBtn.OrengeBg:hover{  background-color: #e75521; }
.ltBtnViewAll{position:absolute; right:15px; top:-7px; background-color:#fff !important;font-size:12px !important;color:#333333 !important; }
.ltBtnViewAll:hover{ background-color: #ed7023 !important;color: #fff !important ;}
.header .subMenu ul > li > a i { background: url(../images/menu-arrow.html) no-repeat center center; width: 12px; display: inline-block; margin: 0 5px; height: 8px; }
.submenu2 { padding: 0 !important;  }

.topMenu { background: #3776c4;height: auto; padding-bottom:0px; position: relative; z-index:13  }
.topMenu .container { display:none; position:relative; }
.topMenu .container.active { display:block; position:relative; }
.topMenu ul { display: table; float: right; color: #ffffff; padding: 5px 0; margin: 0; }
.topMenu ul li { display: table-cell; vertical-align: middle; padding: 0 13px; font-family: Meiryo !important; font-size: 12px; }
.topMenu ul li a { color: #ffffff; }
.topMenu ul li:last-child { border: none; }

.topMenu .arrow { position:absolute; width:30px; height:30px; left:0; right:0; bottom:-15px; margin:auto; transform:rotate(45deg); background:#7c6a55; z-index:-1; cursor:pointer; }
.topMenu .arrow:before { content:''; position:absolute; left:1px; top:1px; bottom:0px; right:0px; margin:auto; width:10px; height:10px; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.topMenu .arrow.active:before { border-bottom:none; border-right:none;  border-left:1px solid #fff; border-top:1px solid #fff;}

.followUs {
    display: table-cell;
    float: right;
}
.followUs a.facebook {
    color: #585858;
    width: 20px;
    height: 20px;
    background: url(../images/iconsocial.png) no-repeat left top;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    transition: all 0.3s ease;
}
.followUs a.facebook:hover { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat left -20px; display: table-cell; vertical-align: middle; transition: all 0.3s ease; }
.followUs a.IN { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -23px top; display: table-cell; vertical-align: middle; text-decoration: none; transition: all 0.3s ease; }
.followUs a.IN:hover { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -23px -20px; display: table-cell; vertical-align: middle; transition: all 0.3s ease; }
.followUs a.TW { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -47px top; display: table-cell; vertical-align: middle; text-decoration: none; transition: all 0.3s ease; }
.followUs a.TW:hover { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -47px -20px; display: table-cell; vertical-align: middle; transition: all 0.3s ease; }
.followUs a.GP { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -71px top; display: table-cell; vertical-align: middle; text-decoration: none; transition: all 0.3s ease; }
.followUs a.GP:hover { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -71px -20px; display: table-cell; vertical-align: middle; transition: all 0.3s ease; }
.followUs a.YT { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -95px top; display: table-cell; vertical-align: middle; text-decoration: none; transition: all 0.3s ease; }
.followUs a.YT:hover { color: #585858; width: 20px; height: 20px; background: url(../images/iconsocial.png) no-repeat -95px -20px; display: table-cell; vertical-align: middle; transition: all 0.3s ease; }

.submenu2 .search { position:relative; }
.submenu2 .search .searchWrap { position:absolute; right:0; top:calc(100% + -63px); background:#fff; width:0px; z-index:20; display:none; transition:all 400ms ease-in; overflow:hidden; -webkit-box-shadow: 0px 25px 37px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 25px 37px -20px rgba(0,0,0,0.75); box-shadow: 0px 25px 37px -20px rgba(0,0,0,0.75); border-radius:3px;}
.submenu2 .search .searchWrap input[type="text"] { height:71px; line-height:71px; font-size:24PX; color:#585858; width:calc(100% - 50px); background:none; border:none; float:right; padding:0 10px; box-sizing:border-box;  border-bottom-left-radius:5PX; outline:none; } 
.submenu2 .search .searchWrap .goBtn { height:71px; width:40px; background:#fff; color:#ffff; line-height:40px; text-align:center; border:none; float:right; background:url(../images/btn-search.png) no-repeat center center; -webkit-box-shadow: 0px 0px 0px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px -20px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px -20px rgba(0,0,0,0.75); text-indent:999px; }
.submenu2 .search .searchWrap .searchclose {    font-family: Meiryo !important;  font-size: 15px; font-weight:bold; position:absolute; right:5px; display:block; cursor:pointer;}
.submenu2 .search.active .searchWrap { width:500px; display:block; border:1px solid #e3e3e3;  }

.header { position: relative; z-index:15; }
.header .container { position: relative; }
.header .subMenu { padding-top:20px; z-index: 18; display: inherit }
.header .subMenu ul { margin: 0; float: right; display: table; padding-top: 10px; box-sizing: border-box; position: relative; }
.header .subMenu ul .call { color: #777777; font-size: 11px; text-transform: uppercase; line-height: 15px; }
.header .subMenu ul .call span { font-size: 14px; display: block; }
.header .subMenu ul .mobileMenu { width: 33px; float: right; padding: 0px 7px; margin-top: 7px; margin-left: 10px; cursor: pointer; }
.header .subMenu ul .mobileMenu .bar1, .header .subMenu ul .mobileMenu .bar2, .header .subMenu ul .mobileMenu .bar3 { height: 2px; width: 25px; background: #3776c4;  margin: 3px 0; display: block; border-radius: 5px; transition: 0.4s;}
.header .subMenu ul .mobileMenu.change .bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 3px); transform: rotate(-45deg) translate(-6px, 3px); }
.header .subMenu ul .mobileMenu.change .bar2 { opacity: 0;}
.header .subMenu ul .mobileMenu.change .bar3 {  -webkit-transform: rotate(45deg) translate(-3px, -2px); transform: rotate(45deg) translate(-3px, -2px);    }

.header .subMenu ul > li { display: table-cell; vertical-align: middle; padding: 0 15px; position: relative }
.header .subMenu ul > li.border { border-right: 1px solid #e1e1e1 }
.header .subMenu ul > li > a { display: inline-block; text-transform: uppercase; position: relative; text-decoration: none; color: #777788; font-weight: bold; }
.header .subMenu ul > li > a.border { display: block; }
.header .subMenu ul > li > a:hover { color: #3776c4; font-weight: bold; }
.header .subMenu ul > li:hover a.border:after { content: ""; position: absolute; left: -15px; top: 15; width: 4px; height: 15px; border-radius: 100px; background-color: #3776c4 }
.header .subMenu ul > li.active > a { color: #3776c4 }
.header .subMenu ul > li.active a.border:after { content: ""; position: absolute; left: -15px; top: 0; width: 4px; height: 15px; border-radius: 100px; background-color: #3776c4; color: #3776c4; }
.header .subMenu ul ul { position: absolute; display: none; top: 90%; background: #FFF; padding: 10px 0px; margin-left: -100%; z-index:17; width: 238px; border: 1px solid #d7d7d7; border-radius: 5px; -webkit-box-shadow: 0px 0px 41px 0px rgba(215,215,215,1); -moz-box-shadow: 0px 0px 41px 0px rgba(215,215,215,1); box-shadow: 0px 0px 41px 0px rgba(215,215,215,1); }
.header .subMenu ul ul:before { content: ""; width: 10px; height: 10px; position: absolute; left: 45%; top: -5px; background-color: #fff; border: 1px solid #d7d7d7; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.header .subMenu ul ul li { width: 100%; display: block; padding: 0px 30px; font-family: Meiryo !important; font-weight: 200; }
.header .subMenu ul ul li:hover { background: #f2f2f2; }
.header .subMenu ul ul li:hover a { color: #3776c4; }
.header .subMenu ul > li:hover { background: #FFF; }
.header .subMenu ul > li:hover ul { display: table; }
.header .subMenu ul ul li:last-child { border: none; }
.header .subMenu > ul > li:last-child:hover { background: none; }
.header .subMenu > ul > li:nth-last-child(2):hover { background: none; }
.header .subMenu ul ul li a { padding: 10px 0; display: block; }
.ThirdMenu-MainWapper { margin: 0; padding: 0; display: block; text-align: center; position: relative; z-index:11; }
.ThirdMenu-MainWapper ul { padding: 0 0 15px 0; margin:0; }
.ThirdMenu-MainWapper ul li.rx-tab1 { margin: 0; padding: 0 10PX; display: inline-block; position: relative }
.ThirdMenu-MainWapper ul li.rx-tab1 a { font-family: Meiryo !important; color: #777777; font-size: 13px; font-weight: bold; text-decoration: none; }
/*.ThirdMenu-MainWapper ul li.rx-tab1:hover a { color: #585858; }
.ThirdMenu-MainWapper ul li.rx-tab1:hover a:after { content: ""; position: absolute; left: 0px; top: 0; right: 0; bottom: -50px; margin: auto; width: 24px; height: 5px; border-radius: 100px; background-color: #e75521; color: #585858; }
*/.ThirdMenu-MainWapper ul li.rx-tab1.active a { color: #c00000; }
.ThirdMenu-MainWapper ul li.rx-tab1.active a:after { content: ""; position: absolute; left: 0px; top: 0; right: 0; bottom: -50px; margin: auto; width: 24px; height: 5px; border-radius: 100px; background-color: #c00000; color: #585858; }

.ThirdMenu-MainWapper ul li.rx-tab1.pactive a { color: #585858; }
.ThirdMenu-MainWapper ul li.rx-tab1.pactive a:after { content: ""; position: absolute; left: 0px; top: 0; right: 0; bottom: -50px; margin: auto; width: 24px; height: 5px; border-radius: 100px; background-color: #e75521; color: #585858; }

.ThirdMenu-MainWapper .rx-contant-wrapper { position: absolute; left: 0; top: 60px; width: 100%; }
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant { padding: 10px 0; background:url(../images/trasparentmenubg.png) repeat; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; position: absolute; left: 0; top: 0px; width: 100%; }
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant .rx-tab2{ display:none; color:#585858; font-size:20px; padding:0 15px;}
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant .rx-tab2.active{ display:inline-block; }
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant .rx-tab2.activeTab{  color:#c00000 }
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant .rx-tab2:hover{ color:#c00000 }
.ThirdMenu-MainWapper .AllMenuLink{ background-color:#fbf8f8; position:absolute;  position: absolute; left: 0; top: 60px; width: 100%; -webkit-box-shadow: 0px 10px 9px 0px rgba(133,133,133,1);
-moz-box-shadow: 0px 10px 9px 0px rgba(133,133,133,1);
box-shadow: 0px 10px 9px 0px rgba(133,133,133,1); }
.ThirdMenu-MainWapper .AllMenuLink ul{ margin:10px 0; padding:0; list-style:none; width: 100%; display: inline-block;}
.ThirdMenu-MainWapper .AllMenuLink ul li{ width:100%;  box-sizing: border-box; text-align: left; font-size: 14px; float:left; display:table; color: #585858; padding:10px 0; border-bottom:1px solid #e5e5e5; }
.ThirdMenu-MainWapper .AllMenuLink ul li a{font-size: 14px; color: #585858; display:table-cell; vertical-align:middle; text-align:left; }
.ThirdMenu-MainWapper .AllMenuLink ul li a:hover {font-size: 14px; color: #e75521; text-decoration:none;}
.ThirdMenu-MainWapper .AllMenuLink ul li i{ width:40px; display:table-cell;  padding-right:15px;}

.ThirdMenu-MainWapper .AllMenuLink .AllMenuLinkData{ display:none}
.ThirdMenu-MainWapper .AllMenuLink .AllMenuLinkData.active{ display:block;}

.header .subMenu ul > li > a i { background: url(../images/menu-arrow.html) no-repeat center center; width: 12px; display: inline-block; margin: 0 5px; height: 8px; }

/*Home Banner Start*/
.indexBanner { background: #3776c4; position:relative }
.indexBanner .BannerSlider{ min-height:426px; }


/*.indexBanner .BannerSlider .Banner1{ width:100%; background:#f0c135 url(../images/banner/tellyourstory-offer-bg.jpg) no-repeat center center; background-size:cover; min-height:426px; }*/

.indexBanner .BannerSlider .Banner1{ width:100%; background: url(../images/banner.png) no-repeat center center; background-size:cover; min-height:426px; }

.indexBanner .BannerSlider .Banner2{ width:100%; background:#d4e1e4 url(../images/bannerimg2-bg.png) no-repeat center center; background-size:cover; min-height:426px;  }

.indexBanner .BannerSlider .Banner3{ width:100%; background:#e2f7ff url(../images/bannerimg3-bg.png) no-repeat center center; background-size:cover; min-height:426px; }

.indexBanner .BannerSlider .Banner4{ width:100%; background:#fbeadf url(../images/bannerimg4-bg.png) no-repeat center center; background-size:cover; min-height:426px; }

.indexBanner .BannerSlider .Banner5{ width:100%; background:#fbeadf url(../images/banner5.png) no-repeat center center; background-size:cover; min-height:426px; }


.indexBanner .BannerSlider .BannerText{
	float:left;
	text-align:left;
	width:1130px;
	padding:18% 0 18% 0;
	position:relative;
	z-index:1
} 

.indexBanner .BannerSlider .BannerText1{ float:left; text-align:left; width:324px; padding:18% 0 18% 0; position:relative; z-index:1} 

.indexBanner .BannerSlider .BannerText h2 { color: #686666; font-size:50px; line-height:48px;  margin:25px 0 10px 0; font-family: Meiryo !important;}

.indexBanner .BannerSlider .BannerText1 h2 { color: #ffffff; font-size:38px; line-height:48px;  margin:25px 0 10px 0; font-family: Meiryo !important; }

.indexBanner .BannerSlider .BannerText h2 span { color: #375591;}
.indexBanner .BannerSlider .BannerText p{ font-size:16px; color:#ffffff; margin-bottom:20px;}

.indexBanner .BannerSlider .BannerText1 p{ font-size:16px; color:#ffffff; margin-bottom:20px;}

/*.indexBanner .BannerSlider .BannerImage{position: absolute; margin: auto; height:100%; top:0; text-align:center;}
*/
.indexBanner .BannerSlider .BannerImage .img-responsive{ display:block}

.ExistingLinkBox { width:270px; height:335px; background-color:#fefcfb; border-radius:10px; position:absolute; right:10%; top:10%; z-index:1; }
.ExistingLinkBox h2 { color: #5089a5; font-size:24px;  margin:25px 0 10px 0; font-family: Meiryo !important; }

.BTNBox{ width:90%; margin:0 auto;}
.BTNBox .playBtn{ width:100%; margin-bottom:10px; border:1px solid #CCC}
/*Home Banner End*/

.footerSection p{ padding:0; margin:10px 0; text-align:center; position:relative; z-index:1; color:#fff;}

.footerSection .arrow { position:absolute; width:50px; height:50px; left:0; right:0; top:-24px; margin:auto; transform:rotate(45deg); background:#7c6a55; z-index:0; cursor:pointer; }
.footerSection .arrow:before { content:''; position:absolute; left:0; top:0; bottom:10px; right:10px; margin:auto; width:15px; height:15px; border-left:1px solid #fff; border-top:1px solid #fff;}
.footerSection .arrow.active:before { border-left:none; border-top:none; border-bottom:1px solid #fff; border-right:1px solid #fff;}

.footerSection { background: #e3e3e3; padding-top:0px; position:relative; margin-top:40px; }
.footerSection .container{ display:none; padding-top:30px;}
.footerSection h4 { color: #fff; text-transform: uppercase; font-size:14px; margin:10px 0 10px 0;  font-family: Meiryo !important;  }
.footerSection h4.he { color: #fe8633; font-size:20px; }
.footerSection h4 span { font-size: 0.6em; display: block; }
.footerSection h5 { color: #fff; margin:10px 0 10px 0;  font-family: Meiryo !important;  font-size:20px; }
.footerSection h5 span { font-size: 16px; display: block; color:#fff }
.footerSection h4 a, .footerSection h5 a{ color:#fff;  }
.footerSection ul { list-style: none; margin: 0; padding: 0; }
.footerSection hr{ opacity:0.1; margin:10px 0}
.footerSection ul li { display: block; }
.footerSection ul li a { display: block; color: #d9c7b3; font-size: 12px; line-height:14px;  padding: 3px 0;   font-family: Meiryo !important;   }
.footerSection ul li.bold a {font-family: Meiryo !important;  text-transform:uppercase; font-size: 14px; color:#fff; padding:10px 0; line-height:18px; }

.footerBottom { background: #173568; padding-top: 15px; padding-bottom: 15px; }
.footerBottom p { font-size: 14px; text-transform: uppercase; color: #ffffff; margin-bottom: 0; }
.footerBottom p a { margin: 0 5px; }
.footerBottom p.followUs { text-align: right; }
.footerSection .chatBOX { width: 90px; height: 80px; float: right; margin-top: -90px; position: relative; z-index: 100; }
.footerSection .chatBOX img { width: 100%; }
.footerSection .CopyRightText{ color:#fff; padding:10px 0 5px 0; opacity:0.5; font-size:15px; font-family: Meiryo !important; }
.FooterAddress{ position:relative; z-index:1; background-color:#fff; margin: 0 0 30px 0;}
.FooterAddress h4 { color: #000000; text-transform: uppercase; margin:10px 0 10px 0;    font-family: Meiryo !important; }
.FooterAddress p{ color:#69686b;}
.FooterAddress p a{ color:#69686b;}

 @media (max-width:1199px) {
.header .subMenu { position: relative; padding-top: 15px; }
.topMenu ul li { padding: 0 10px; }
.header .subMenu > ul { position: absolute; right: 0; top:53px; background: #FFF; padding: 0 10px; min-width: 290px; display: none; z-index: 18 }
.header .subMenu.active > ul { display: block; z-index: 99; }
.header .subMenu ul > li { display: block; padding: 0 5px; position: relative; float: left; clear:both; }
.header .subMenu ul > li a { padding: 10px 0; width:100%; }
.header .subMenu ul > li a.playBtn { width:140%; display:inline-block; margin-bottom:10px; }
.ExistingLinkBox { width:270px;  background-color:#fefcfb; border-radius:10px; position:absolute; right:1%; top:20%; z-index:1; }
ul.submenu2{ display:inline-flex !important}
.header .subMenu ul > li ul{ position:relative; box-shadow:none; top:inherit; width:100%;  margin-top: 0px;  }
.header .subMenu ul ul{ display:block !important; position:relative; box-shadow:none; }
.header .subMenu ul ul:before{ left:6%;}
.header .subMenu ul > li.active a.border:after{ top:11px}
}
 @media (max-width:991px) {
.indexBanner .BannerSlider{ min-height:126px; }
.indexBanner .BannerSlider .BannerText{ float:left; text-align:left; width:100%; padding:0% 0 0 0; position:relative; z-index:1} 

.ExistingLinkBox { width:100%;  background-color:#fefcfb; border-radius:2px; position:relative; right:inherit; top:inherit; z-index:1; display:inline-block; }
}

@media (max-width:767px) {
.submenu2 .search.active .searchWrap { width:300px; right:-143px;}
.ThirdMenu-MainWapper .AllMenuLink ul{ margin:0px 0;}
.ltBtnViewAll{right:10px;}
}
 @media (max-width:644px) {
.ThirdMenu-MainWapper ul {padding: 10px 0 0px 0; z-index:1; position:relative}
.ThirdMenu-MainWapper ul li.rx-tab1{    padding: 0 5PX;}
.ThirdMenu-MainWapper ul li.rx-tab1 a {  font-size:27px; text-decoration: none; }
.ThirdMenu-MainWapper ul li.rx-tab1.active a:after { bottom: -38px;}
.ThirdMenu-MainWapper .rx-contant-wrapper { top: 58px;  }
.ThirdMenu-MainWapper .AllMenuLink{top:48px; }
 }
 @media (max-width:480px) {
.ThirdMenu-MainWapper ul li.rx-tab1 a {  font-size:20px; text-decoration: none; }
.ThirdMenu-MainWapper ul li.rx-tab1.active a:after { bottom: -26px;}
.ThirdMenu-MainWapper .rx-contant-wrapper .rx-contant .rx-tab2{ padding:0 5px; font-size:14px;}
.ThirdMenu-MainWapper .rx-contant-wrapper { top: 47px;  }
.ThirdMenu-MainWapper .AllMenuLink{top: 37px; }
.ThirdMenu-MainWapper ul li.rx-tab1.pactive a:after {  bottom: -28px; }

 }

 @media (max-width:450px) {
.topMenu ul li { padding: 0 5px; font-size: 9px; line-height: 20px }
.header .subMenu ul .mobileMenu { margin-top: 7px; margin-left: 0px; cursor: pointer; }
}
 @media (max-width:374px) {
.topMenu ul { float: none; }
.header .logo { float: left; text-align: left; width: 100px; }
.ThirdMenu-MainWapper ul li.rx-tab1 a {  font-size:16px; text-decoration: none; }
.ThirdMenu-MainWapper .rx-contant-wrapper { top: 41px;  }
.ThirdMenu-MainWapper .AllMenuLink{top: 32px; }
.playBtn {  padding:6px 14px; }

}