*{margin: 0px;padding: 0px;}
body{color: #333333;font-family: 'Roboto', sans-serif;font-size: 19px;font-weight: 300;line-height: 1;}
p{line-height: 1.5;}
h1, h2, h3, h4, h5, h6{font-weight: 300;line-height: 1.1;letter-spacing: 1px;}
div#html5-watermark{display: none !important;}
.lead{font-size: 24px;font-weight: 300;margin-bottom: 30px;}

h2.heading-02 {font-size: calc(18px + 3vh);line-height: 1.1;margin-bottom: 30px;}
h2.heading-02 span {color: #e32213;}

.page_wrp{overflow: hidden;}
.container-fluid{/* padding-left: 8.333333%; *//* padding-right: 8.333333%; */padding-left: 6vw;padding-right: 6vw;}

header{padding: 30px 0px;}
header .navbar-brand{display: inline-block;}
header .navbar{padding: 0px;margin: 0px;}
header .navbar-brand img{width: calc(130px + 7vh);}
header ul.navbar-nav{}
header ul.navbar-nav li{}
header ul.navbar-nav li a{color: #000000 !important;font-size: 15px;font-weight: 500;padding-right: 0.75rem !important;padding-left: 0.75rem !important;/* text-transform: uppercase; */}

.btns-wrp{display: flex;align-items: center;}

.btn-bdr-red{color: #000000;font-size: 13px;font-weight: 500;text-transform: uppercase;margin-right: 15px;border: 1px solid #e32213;border-radius: 100px;position: relative;overflow: hidden;transition: all 300ms ease-in-out;}
.btn-bdr-red:before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 300%;background: #e32213;border-radius: 100%;transition: all 500ms ease-in-out;}
.btn-bdr-red span{display: inline-block;padding: 10px 23px;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-bdr-red:hover {text-decoration: none;transition: all 300ms ease-in-out;}
.btn-bdr-red:hover .txt{color: #fff;transition: all 300ms ease-in-out;}
.btn-bdr-red:hover:before {top: 0;border-radius: 0px;transition: all 500ms ease-in-out;}


.btn-fill-red{color: #ffffff;font-size: 13px;font-weight: 500;text-transform: uppercase;margin-right: 15px;background: #e32213;border: 1px solid #e32213;border-radius: 100px;position: relative;overflow: hidden;transition: all 300ms ease-in-out;}
.btn-fill-red:before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 300%;background: #000000;border-radius: 100%;transition: all 500ms ease-in-out;}
.btn-fill-red span{display: inline-block;padding: 10px 23px;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-fill-red:hover {text-decoration: none;transition: all 300ms ease-in-out;}
.btn-fill-red:hover .txt{color: #fff;transition: all 300ms ease-in-out;}
.btn-fill-red:hover:before {top: 0;border-radius: 0px;transition: all 500ms ease-in-out;}


.btns-wrp ul.btn-language{margin: 0px;padding: 0px;list-style-type: none;}
.btns-wrp ul.btn-language li{}
.btns-wrp ul.btn-language li a{color:#e32213;font-size: 13px;font-weight: 500;display: inline-flex;align-items: center;}
.btns-wrp ul.btn-language li a img{margin-right: 10px;}


.btn-know-more{color: #000000;display: inline-block;padding: 10px 45px 13px 20px;border: 2px solid #e32213;border-radius: 100px;position: relative;overflow: hidden;transition: all 300ms ease-in-out;}
.btn-know-more:before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 300%;background: #e32213;border-radius: 100%;transition: all 500ms ease-in-out;}
.btn-know-more:after{content:"";}
.btn-know-more .txt{font-size: 12px;font-weight: 700;text-transform: uppercase;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-know-more .arrow{position: absolute;top: 13px;right: 13px;width: 20px;height: 15px;background: url("../left-arrow.png") no-repeat center center;z-index: 9;transition: all 500ms ease-in-out;}
.btn-know-more:hover {text-decoration: none;transition: all 300ms ease-in-out;}
.btn-know-more:hover .txt{color: #fff;transition: all 300ms ease-in-out;}
.btn-know-more:hover .arrow{filter: invert(1);transition: all 500ms ease-in-out;}
.btn-know-more:hover:before {top: 0;border-radius: 0px;transition: all 500ms ease-in-out;}
 

.btn-know-more-white{color: #000000;display: inline-block;padding: 10px 45px 13px 20px;border: 2px solid #ffffff;background: #ffffff;border-radius: 100px;position: relative;overflow: hidden;transition: all 300ms ease-in-out;}
.btn-know-more-white:before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 300%;background: #e32213;border-radius: 100%;transition: all 500ms ease-in-out;}
.btn-know-more-white:after{content:"";}
.btn-know-more-white .txt{font-size: 12px;font-weight: 700;text-transform: uppercase;position: relative;z-index: 9;transition: all 300ms ease-in-out;}
.btn-know-more-white .arrow{position: absolute;top: 13px;right: 13px;width: 20px;height: 15px;background: url("../left-arrow.png") no-repeat center center;z-index: 9;transition: all 500ms ease-in-out;}
.btn-know-more-white:hover {text-decoration: none;transition: all 300ms ease-in-out;}
.btn-know-more-white:hover .txt{color: #fff;transition: all 300ms ease-in-out;}
.btn-know-more-white:hover .arrow{filter: invert(1);transition: all 500ms ease-in-out;}
.btn-know-more-white:hover:before {top: 0;border-radius: 0px;transition: all 500ms ease-in-out;}
 


section.home-hero-banner {text-align: center;padding: 6vh 0px;border-bottom: 2px solid #e32213;/* display: flex; *//* height: 87vh; */flex-direction: column;justify-content: flex-end;}
section.home-hero-banner .h-thumb{margin-bottom: 6vh;}
section.home-hero-banner .video-big-screen {width: 100%;height: 49vh;background: url("../template/css/hero-banner.jpg") no-repeat center center;background-size: cover;overflow: hidden;position: relative;}
section.home-hero-banner .video-big-screen video{width: 100vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);filter: brightness(1.4);}
section.home-hero-banner h1 {font-size: calc(24px + 4vh);margin-top: 4vh;margin-bottom:  30px;}
section.home-hero-banner h1 span {color: #e32213;}
section.home-hero-banner .video-thumb {color: #000000;text-align: center;display: inline-block;margin-right: 15px;margin-bottom: 20px;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb .thumb {width: 230px;height: 70px;display: block;border-radius: 100px;position: relative;overflow: hidden;background: #000000;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb .thumb video {position: absolute;top: 0;left: 0;width: auto;height: 100%;z-index: 99;opacity: .6;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb .thumb:before {content: "";position: absolute;top: 0;left: 10px;bottom: 0;right: 0;width: 0;height: 0;margin: auto;border: 15px solid transparent;border-left: 22px solid #ffffff;z-index: 999;transition:  all 500ms ease-in-out;}
section.home-hero-banner .video-thumb .thumb:after {content: "";position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;margin: auto;border-radius: 100px;background-size: cover !important;transform-origin: center center;transition:  all 500ms ease-in-out;}
section.home-hero-banner .video-thumb .txt {font-size: 16px;display: inline-block;margin-top: 10px;}
 

/*section.home-hero-banner .video-thumb.vt-01 .thumb:after {background: url("../template/css/video-thumb-01.jpg") no-repeat center;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb.vt-02 .thumb:after {background: url("../template/css/video-thumb-02.jpg") no-repeat center;transition: all 500ms ease-in-out;}*/
section.home-hero-banner .video-thumb:hover {transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb:hover .thumb {background:#ffffff;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb:hover .thumb video {opacity:1;transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb:hover .thumb {transform: scale(.9);transition: all 500ms ease-in-out;}
section.home-hero-banner .video-thumb:hover .thumb:after {transform: scale(1.2);transition: all 500ms ease-in-out;}
section.home-sec-01 {padding: 12vh 0px;border-bottom: 2px solid #000000;position: relative;}
section.home-sec-01 h2:nth-child(1){margin-bottom:20px;}
section.home-sec-01:before {content: "";position: absolute;top: -24vh;right: -26vh;width: 46vh;height: 46vh;background: url("../template/css/home-shape-01.png") no-repeat center center;background-size: cover;}
section.home-sec-01 .lead {}
section.home-sec-01 .towers-country {position: absolute;bottom: -2px;left: 0;width: 34vw;}

section.home-sec-02 {padding: 14vh 0px 0px 0px;position: relative;/* background: url("bg-peoples.jpg") no-repeat center bottom; *//* background-size: cover; */}
section.home-sec-02 .lead {}
section.home-sec-02 .people-video {display: inline-block;position: relative;transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video .p-thumb {display: inline-block;position: relative;overflow: hidden;border-radius: 10px;transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video .p-thumb img {transform: scale(1);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video .p-thumb video {position:absolute;top: 50%;left: 50%;z-index: 9;width: 100%;transform: translate(-50%, -50%) scale(1);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video .p-name {color: #ffffff;font-size: 14px;position: absolute;top: 50%;left: -17%;background: #e32213;padding: 15px 18px 15px 40px;border-radius: 100px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video .p-name .play-icon {position: absolute;top: 12px;left: 10px;width: 20px;height: 20px;background: #fff;border-radius: 100%;}
section.home-sec-02 .people-video .p-name .play-icon:after {content: "";position: absolute;top: 0;left: 7px;bottom: 0;right: 0;width: 0;height: 0;margin: auto;border: 5px solid transparent;border-left: 7px solid #e32213;}
section.home-sec-02 .people-video.pv-01 {margin-right: 20%;width: 40%;}
section.home-sec-02 .people-video.pv-02 {margin: 16vh auto;width: 60%;}
section.home-sec-02 .people-video.pv-03 {margin-right: 50%;width: 40%;}
section.home-sec-02 .people-video.pv-04 {margin-left: 45%;width: 55%;}
section.home-sec-02 .people-video.pv-05 {margin-left: 9%;width: 40%;}
section.home-sec-02 .people-video .p-thumb {display: inline-block;overflow: hidden;transform: scale(1);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video:hover .p-thumb img {transform: scale(1.3);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video:hover .p-thumb video {transform:translate(-50%, -50%) scale(1.3);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video:hover .p-thumb {transform: scale(.9);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-video:hover .p-name {box-shadow: 10px 10px 10px rgba(0,0,0,0.5);transition: all 500ms ease-in-out;}
section.home-sec-02 .people-flex {display: inline-flex;flex-direction: column;justify-content: space-between;align-items: center;}
section.home-sec-02 .container-fluid {position: relative;z-index: 9;}

.accordion {width:100%;/* max-width:1080px; */height:55vh;overflow:hidden;margin:50px auto;}
.accordion ul {width:100%;display:table;table-layout:fixed;margin:0;padding:0;box-shadow: inset 0px 0px 20px black;}
.accordion ul li {display:table-cell;position: relative;width:16.666%;height:55vh;background-repeat:no-repeat;background-position:center center;background-size: cover;transition:all 500ms ease;box-shadow: inset -10px 0px 10px 0px rgb(0 0 0 / 40%);overflow: hidden;}
.accordion ul li video{position: absolute;top: 50%;left: 50%;width: auto;height: 100%;transform: translate(-50%, -50%);opacity: 0;transition: all 500ms ease-in-out;}
.accordion ul li div {display:block;overflow:hidden;width:100%;}
.accordion ul li a {display:block;height:55vh;width:100%;position:relative;z-index:3;vertical-align:bottom;padding:15px 25px;box-sizing:border-box;color: #000;text-decoration:none;opacity:0;-webkit-transition:all 400ms ease;transition:all 400ms ease;}
.accordion ul li .name-txt {position: absolute;left: 0;bottom: 0;background: rgb(191 191 191);padding: 20px 20px 20px 100px;/* box-shadow: 0px 0px 10px black; */width: 1000px;transition:all 500ms ease-in-out;}
.accordion ul li .name-txt:before{content:"";position: absolute;top: 40%;left: 30px;width: 0;height: 0;border: 15px solid transparent;border-left: 22px solid #e32213;z-index: 11;transition: all 500ms ease-in-out;}
.accordion ul li .name-txt:after{content:"";position: absolute;top: 0;left: 0px;width: 80px;height: 100%;z-index: 9;background: #ffffff;box-shadow: inset 1px 1px 10px #00000073;transition: all 500ms ease-in-out;}
.accordion ul li h2 {font-size: 30px;font-weight: 500;margin-bottom: 2px;}
.accordion ul li p {font-size: 15px;font-weight: 500;margin-bottom: 0px;}
.accordion ul li p.designation{font-size: 14px;font-weight: 500;font-style:italic;margin-bottom:10px;}

.accordion ul li:nth-child(1) { background-image:url('../home/Moneygram-Character-Banner_vr1-01.jpg'); }
.accordion ul li:nth-child(2) { background-image:url('../home/Moneygram-Character-Banner_vr1-02.jpg'); }
.accordion ul li:nth-child(3) { background-image:url('../home/Moneygram-Character-Banner_vr1-03.jpg'); }
.accordion ul li:nth-child(4) { background-image:url('../home/Moneygram-Character-Banner_vr1-04.jpg'); }
.accordion ul li:nth-child(5) { background-image:url('../home/Moneygram-Character-Banner_vr1-05.png'); }
.accordion ul li:nth-child(6) { background-image:url('../home/Moneygram-Character-Banner_vr1-06.png'); }

.accordion ul li:hover {width:8%;}
.accordion ul li:focus {outline: none;}

.accordion ul li:hover, 
.accordion ul li:focus {width:60%;}
.accordion ul li:hover a,
.accordion ul li:focus a {background:rgba(0,0,0,0.1);opacity:1;}
.accordion ul li:hover  a  { opacity: 0 !important; }


.accordion ul li:hover {width:60% !important;}
.accordion ul li:hover .name-txt {width: 100%;transition:all 500ms ease-in-out;}
.accordion ul li:hover a {background:rgba(0,0,0,.0);opacity:1 !important;}
.accordion ul li:hover video{opacity: 1;transition: all 500ms ease-in-out;}
.accordion ul:hover li:hover {filter: grayscale(0);}
.accordion ul:hover li {filter: grayscale(1) blur(3px);}
 

section.home-sec-04 {padding: 90px 0px;text-align: center;position: relative;}
section.home-sec-04 .lead {max-width: 780px;display: inline-block;max-width: 1024px;}
section.home-sec-04 .hope-box {/* padding: 20px 0px; *//* margin-top: 30px; */}
section.home-sec-04 .hope-box img {margin-bottom: 20px;}
section.home-sec-04 .hope-box h4 {font-size: 30px;margin-bottom: 15px;}
section.home-sec-04 .hope-box p {/* font-size: 16px; */}
section.home-sec-04 .btn-know-more {margin-top: 40px;}
section.home-sec-05 {/* color: #ffffff; *//* background: url("bg-spotify.jpg") no-repeat center center; background-size: cover;*/background: #e0e0e0;position: relative;overflow: hidden;}
section.home-sec-05 .container-fluid {position: relative;z-index: 9;}
section.home-sec-05:before {content: "";position: absolute;top: 0px;left: 0px;width: 60%;height: 100%;background: url("../home/gray-arrow.png") no-repeat right center;background-size: cover;opacity: .6;}
section.home-sec-05 .hope-thumb{mix-blend-mode:multiply;}
section.home-sec-05 .btn-flex {display: inline-flex;align-items: center;}
section.home-sec-05 .btn-flex p {font-size: 13px;font-weight: 600;letter-spacing: .5px;margin-left: 40px;margin-bottom: 0px;}
section.home-sec-05 .spotify-banner {display: inline-block;position: relative;}
section.home-sec-05 .spotify-banner:after {content: "";position: absolute;top: 0px;left: 8%;width: 200%;height: 100%;background: #000;opacity: .8;border-radius: 28vh 0px 0px 17vh;}
section.home-sec-05 .spotify-banner img {position: relative;z-index: 9;height: 50vh;}
 
ul.social_media_footer {margin: 10px 0px 5px 0px;padding: 0px;list-style-type: none;display: inline-block;width: 100%;}
ul.social_media_footer>li {display: inline-block;}
ul.footerLinks li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_footer>li {transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a {font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;text-align: center;display: flex;align-items: center;padding: 10px 10px;border-radius: 100px;margin-top: -1px;/* min-width: 330px; */transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a img{transition:all 200ms ease-in-out;}
ul.social_media_footer li span{display: none;}
ul.social_media_footer li a:hover{color:#000000;/* background: #ffffff; */transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover img{opacity:1;filter:invert(1);transition: all 200ms ease-in-out;}
a.fb:hover {color: #fff;background: #3b5998 !important;transition: all 500ms ease-in-out;}
a.tw:hover {color: #fff;background: #38A1F3 !important;transition: all 500ms ease-in-out;}
a.dr:hover {color: #fff;background: #eb4b89 !important;transition: all 500ms ease-in-out;}
a.in:hover {color: #fff;background: #0077B5 !important;transition: all 500ms ease-in-out;}
a.insta:hover {color: #fff;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);transition: all 500ms ease-in-out;}
a.vi:hover {color: #fff;background: #00adef !important;transition: all 500ms ease-in-out;}
a.yt:hover {color: #fff;background: #d82423 !important;transition: all 500ms ease-in-out;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	
	body { margin:0; }
	header{padding: 10px 0px;}
	
	h2.heading-02{font-size: 30px;}
	h2.heading-02 br{display: none;}

    section.home-hero-banner{padding-top: 30px;display: block !important;height: auto !important;}
	section.home-hero-banner .h-thumb{transform: scale(1.3) translateX(10px);}
	section.home-hero-banner .video-thumb{width: 43%;margin: 7px;}
	section.home-hero-banner .video-thumb .thumb{width: 100%;}
	
	section.home-sec-01 .towers-country{width: 100%;position: static;}
	
	section.home-sec-01{padding: 40px 0px 0px 0px;}
	section.home-sec-02{padding: 50px 0px 30px 0px;}
	section.home-sec-03{padding:30px 0px 30px 0px;}
	section.home-sec-04{text-align: left;padding: 50px 5px 50px 5px;border-top: 1px solid;}
	section.home-sec-04 h2{margin-bottom: 10px}
	ul.social_media_footer{margin-top: 0px;display: inline-flex;justify-content: center;}
	
	section.home-sec-05{padding: 50px 7px 0px 7px;}	
	section.home-sec-05 .btn-flex{align-items: flex-start;flex-direction: column;}
	section.home-sec-05 .btn-flex p{margin-left:0px;margin-top:10px;}
	
		
	.accordion {height:auto;margin-top: 20px;}
	.accordion ul li,
	.accordion ul li:hover {position:relative;display:table;table-layout:fixed;width: 100% !important;-webkit-transition:none;transition:none;}
	

	.accordion ul li:hover p.designation{display:block}
	.accordion ul li:hover p{display:none}
	
	section.home-sec-05:before{width: 100%;height: 60%;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}