*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}
a,a:hover{text-decoration:none;cursor:pointer}

/* <---------- html, body, wrapper, & container structure starts */
html,body,#wrapper,header,main,footer{float:left;background:#fff;width:100%;height:auto;font:400 14px 'Poppins',sans-serif;padding:0;margin:0;position:relative}
.container{width:100%;max-width:1200px;height:auto;padding:0 40px;margin:auto}
.container:before,.container:after{content:' ';display:table}
.container:after{clear:both}
#header,#footer,[class^='part-'],#UserLog[class*=' part-']{float:left;width:100%;height:auto}
#header{min-height:860px;}
/* html, body, wrapper, & container structure ends ----------> */
.part-1{min-height:1050px}
.part-2,.part-3{min-height:700px;}

/* <---------- header starts */
header{float:left;height:100%;position:relative;background:#081c32 url(../img/banner/banner-top-bg.jpg) top center no-repeat;width:100%;background-size:cover;}
/*.videoBanner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}*/
#fifaVideo{width:100%;height:100%;position:absolute;top:0;left:0;}
header:before{width:30%;height:100%;content:'';position:absolute;top:0;left:0;background:linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 35%, rgba(0,0,0,0) 100%);z-index:3}
header:after{width:30%;height:100%;content:'';position:absolute;top:0;right:0;background:linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 35%, rgba(0,0,0,0) 100%);z-index:3}
.logo{margin:40px 0 0;position:relative;z-index:4}
header > .container{width:100%;height:100%;position:static}
header h2{font:normal 80px/80% Open Sans, Arial;color:#fff;text-align:center;margin:70px 0 0;position:relative;z-index:4}
header h2 > span{font-size:55px}
header h2 > b{color:#f00;text-transform:uppercase}
header h2 > i{font-size:45px}
header p{font:400 22px 'Poppins';color:#fff;text-align:center;margin:20px 0 0;position:relative;z-index:4}
.scrollDownArrow{width:50px;height:50px;margin:auto;border:1px solid #fff;border-radius:50%;position:absolute;right:0;bottom:20px;left:0;z-index:9;cursor:pointer;}
.scrollDownArrow:before{width:15px;height:15px;content:'';margin:auto;border:2px solid #fff;border-top:0;border-right:0;left:10px;border-radius:3px;transform:rotate(-45deg);position:absolute;top:-10px;right:0;bottom:0;left:0}

.scrollDownArrowDark{width:50px;height:50px;margin:auto;border:1px solid #d0d0d0;border-radius:50%;position:absolute;right:0;bottom:20px;left:0;z-index:9;cursor:pointer;}
.scrollDownArrowDark:before{width:15px;height:15px;content:'';margin:auto;border:1px solid #d0d0d0;border-top:0;border-right:0;left:10px;border-radius:3px;transform:rotate(-45deg);position:absolute;top:-10px;right:0;bottom:0;left:0}
.scrollDownArrowDark:hover{border:1px solid #000;transition: ease-in .500s;}
.scrollDownArrowDark:hover:before{border:1px solid #000;border-top:0;border-right:0;transition: ease-in .500s;}
/* header ends ----------> */


/* <---------- part-1 starts */
.part-1{background:#f8f8f8;padding:100px 0;position:relative;}
.title{font:normal 28px/120% Open Sans, Arial;color:#092c91;text-align:center}
.title > b{font-size:50px;color:#151515;line-height:60px;}
.part-1 form{float:left;width:100%;font:400 22px Poppins;color:#4b4b4b;padding:50px 90px 0}
.part-1 form label{float:left;width:50%;padding:7px 30px 0 0;display:block;position:relative;text-align:left;}
.part-1 form label:after{content:':';position:absolute;top:7px;right:15px}
.part-1 form input{float:left;width:50%;height:50px;padding:20px;border:1px solid #dbdbdb;border-radius:3px}
.part-1 form select{float:left;width:50%;height:45px;}
.part-1 form button,.resetBtn{background:#092c91;font:normal 35px/80% Open Sans, Arial;color:#fff;padding:15px 50px;margin:0 20px;border:0;display:inline-block}
.resetBtn{background:#000;cursor:pointer}
.row{float:left;width:100%;height:auto;margin:0 0 40px}
.row.btn{text-align:center;margin:0}
/* part-1 ends ----------> */

/* <---------- display table style starts */
.displayTable{width:100%;height:100%;text-align:center;display:table;table-layout:fixed}
.displayTableCell{width:100%;height:auto;vertical-align:middle;display:table-cell}
/* display table style ends ----------> */

/* <---------- part-2 starts */
#Timeline{position:relative;}
.part-2 .container{padding:100px 0;position:relative;}
#timeLineContainer{margin:50px 0 0}
#fifaTimeLineContainer,.initialStatus{width:auto;height:45px;display:inline-block;position:relative;cursor:default}
#fifaTimeLineContainer{width:100%;text-align:center;margin:30px 0 0}
.fifaTimeLineDate{float:left;width:250px;font:300 20px/20px Poppins;color:#4b4b4b;text-align:left}
.fifaTimeLineInnerContainer{width:auto;text-align:center;margin:auto;position:relative;display:inline-block}
.initialStatus i{float:left;width:33px !important;height:24px !important;font-size:12px;color:#4b4b4b;padding:5px !important;margin:15px 0 0 !important;display:inline-block;position:relative;z-index:1}
.initialStatus:before{background:#77d283;height:8px;content:'';position:absolute;top:0;right:12px;left:12px}
.initialStatus i:after{background:#77d283;width:8px;height:8px;margin:auto;position:absolute;right:0;bottom:-15px;left:0}
.initialStatus i:first-child:after,.initialStatus i:last-child:after{width:16px;height:8px;content:'';bottom:-19px}
.initialStatus i:first-child:after,.initialStatus i:last-child:after{bottom:31px}
.initialStatus i.availabilityStatus_5:after,.statusInfo .availabilityStatus_5:before{background:#f47272}
.statusInfo > div.availabilityStatus_5 div,.statusInfo > div.availabilityStatus_5 > div:before{background:#569aff}
.statusInfo{height:45px;position:absolute;top:0;right:12px;left:12px;z-index:1}
.statusInfo:before{background:#77d283;width:100%;height:8px;content:'';position:absolute;top:0;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.statusInfo:after{background:#fff;width:100px;height:20px;content:'';position:absolute;top:0;left:101%}
.statusInfo > div{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}
.statusInfo > div:before{width:100%;height:1px;content:'';position:absolute;top:35px;display:block;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.statusInfo > div:before{height:8px;top:0}
.statusInfo > div:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0}
.statusInfo > div > i{width:100%;height:1px;position:absolute;top:35px;left:0;display:block}
.statusInfo > div.availabilityStatus_1 > i{display:none}
.statusInfo > div > i:before,.statusInfo > div > i:after{width:8px;height:8px;content:'';position:absolute;top:-4px;left:-6px;transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.statusInfo > div > i:after{left:auto;right:0}
.statusInfo:hover > div > i:before,.statusInfo:hover > div > i:after{width:0;height:0}
.statusInfo > div div{width:180px;height:auto;font:normal 13px LatoRegular;color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);position:absolute;z-index:9;opacity:0;filter:alpha(opacity=0);display:none}
.statusInfo > div > div:before{width:12px;height:20px;content:'';margin:auto;transform:rotate(-45deg);position:absolute;bottom:-7px;right:0;left:-5px}
.statusInfo > div > div > span{float:left;width:100%;height:auto;font:300 14px Poppins;text-align:center;margin:2px 0;display:inline-block}
.statusInfo > div > div > span > b{font:400 14px Poppins}
.statusInfo > div > div > span.mbUsed{font-size:18px;color:#ffd154}
.moreBtn{float:left;width:100%;height:auto;text-align:center;margin:20px 0}
.moreBtn > b{background:#092c91;font:300 20px/20px Poppins;color:#fff;padding:8px 30px;cursor:pointer}
/* part-2 ends ----------> */

/* <---------- part-3 starts */

.part-3{position:relative;overflow:hidden;background:#151515;}
.bg-video-banner{#151515url(../img/banner/goal_keeper.jpg) top center no-repeat !important;width:100%;background: #151515 url(../img/banner/goal_keeper.jpg) top center no-repeat !important;background-size: cover !important;}
.part-3 .container{position:relative;z-index:2}
#videoBanner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.part-3 h2{font:normal 45px/120% Open Sans, Arial;color:#fff;text-align:left;margin:auto;position:relative;z-index:4;display:inline-block}
.part-3 h2 > span{font-size:40px}
.part-3 h2 > b:not(.type2){color:#ffd800}
.type2{font-size:80px !important;color:#fff !important}
/* part-3 ends ----------> */

/* <---------- banner starts */
.bannerTitle{float:left;width:100%;font:normal 35px/120% Open Sans, Arial;color:#434343;text-align:center;margin:0 0 25px;position:relative;z-index:4;display:inline-block;padding-top:20px;padding-bottom:25px;}
.bannerTitle > b{font-size:55px !important;color:#3d4f92}
.vtop{vertical-align:top;}
.type2{font-size:70px !important;color:#fff !important}
.callbacks_container{position:relative;float:left;width:100%;text-align:center}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;margin:0}
.callbacks li{position:absolute;width:100%;left:0;top:0}
.callbacks li a{font:normal 22px/150% Open Sans, Arial;color:#434343;text-align:center}
.callbacks b{float:left;width:100%;font-size:40px}
.callbacks p{float:left;width:100%;min-height:70px;padding:0 0;margin: 0}
.callbacks img{position:relative;z-index:1;height:auto;border:0;width:100%}
.callbacks_tabs li{display:inline-block}
.callbacks_tabs a{visibility:hidden}
.callbacks_tabs a:after{background:#2f6caf;content:"\f111";font-size:0;font-family:FontAwesome;visibility:visible;display:block;height:9px;width:9px;display:inline-block;border-radius:30px}
.callbacks_here a:after{background:#ff0054}
.callbacks_tabs{margin:40px auto 0;display:inline-block}
.callbacks_nav{background:#91a3d6;width:50px;height:90px;margin:auto;position:absolute;top:0;bottom:0;z-index:2}
.callbacks_nav.prev{left:-65px}
.callbacks_nav.next{right:-65px}
.callbacks_nav:before{width:16px;height:16px;content:'';margin:auto;border:2px solid #000;border-radius:3px;transform:rotate(45deg);position:absolute;top:0;right:0;bottom:0;left:0;transition:all ease .3s}
.callbacks_nav:hover:before{border-color:#fff}
.callbacks_nav.prev:before{border-top:0;border-right:0;left:10px}
.callbacks_nav.next:before{border-bottom:0;border-left:0;right:10px}
/* banner ends ----------> */

/* <---------- part-4 starts */
.part-4{background:#f3f3f3;20px 0 60px 0;position:relative;min-height:950px;}
/* part-4 ends ----------> */

/* <---------- part-5 starts */
.part-5{text-align:center;padding: 80px 0;}
.part-5 .downloadBtn{background:#ff0054;font:normal 35px/80% Open Sans, Arial;color:#fff;padding:18px 50px;margin:20px 0;display:inline-block}
.part-5 p{float:left;width:100%;font:100 50px Poppins;text-align:center;color:#a1a1a1;text-transform:uppercase;font-weight:300;}
.part-5 h2{font:normal 35px/120% Open Sans, Arial;color:#36578d}
.part-5 h2 > b{color:#191919}
/* part-45ends ----------> */

.divTimeZone{position: absolute;top: 0;right: 0;background: #f7f7f7;padding: 15px;border: solid 1px #f5f5f5;border-radius: 4px;color: #000000;font-size: 1.3em;transition:1s ease;}
.divTimeZone span{color:#063bd2;}

/* . Quick Link . */

.qklnk ul{text-align:center;clear:both;position:relative;}
.qklnk ul:before{content:"";position: absolute;border-top: solid 1px #9c9c9c;width: 210px;left: 43%;}
.qklnk ul li{width:auto;font:normal 20px Open Sans, Arial;padding:5px;margin:20px 10px;display:inline-block;text-align:center;}
.qklnk ul li a{color:#384363}
.qklnk ul li a:hover{text-decoration:underline}

.footer-ct{background:#f3f3f3;text-align:center;}
.footer-ct h1{margin:0;padding:15px 0;}


/* <---------- footer starts */
footer{background:#384363;text-align:center;padding: 80px 0;}
footer h1{color:#fff;line-height:60px;}
footer h1 strong{font-size:40px;font-weight:bold;}
footer a:link,footer a:visited{color:#6ae8ff;} footer a:hover{color:#ffe422;}
footer ul li{width:auto;font:normal 20px Open Sans, Arial;padding:5px;margin:20px 10px;display:inline-block}
footer ul li a{color:#ffffff}
footer ul li a:hover{text-decoration:underline}
footer p{font:300 14px Poppins;color:#f6f6f6}
/* footer ends ----------> */

#meGDPRMessage label, #formCTAgdpr{font-size:12px;} #meGDPRMessage label:after{content:""}

@media screen and (max-width: 1200px) {
    #fifaVideo{display:none}
}

@media screen and (max-width: 650px) {
header h2{font-size:3.5em;line-height:40px;margin-top:0px;}
header p{font-size:1em;}
header h2 span, header h2 i{font-size:.7em;}
.part-1 h3 >b {line-height:45px;font-size:1.5em}
.part-1 h3 {line-height:40px;}
.part-1{min-height:1450px;}
.part-1 form{padding:10px 0}
.part-1 form input{clear:both;width:95%;height:40px;}
.part-1 form select{clear:both;width:95%;height:40px;border: solid 1px #c5c5c5;background: #fff;}
.part-1 form label{width:100%;text-align:left;}
.part-1 form label:after{content:"";}
.part-1 form button, .resetBtn{font-size: 25px;padding: 19px 25px;margin:0 10px !important;}
.part-1 form .row{margin-bottom:20px}

.part-3 h2{font-size:2em;line-height:40px;text-align:center}

footer ul li{width:100%}
}
@media screen and (max-width: 320px) {
  .part-1{min-height:1700px;}
}