body, td { font-size: 18px; color: #1C1919; /*font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;*/ font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; outline: none; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #29394a; } /* Handle */ ::-webkit-scrollbar-thumb { background: #3d5167; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } html, body { background: #fff; } H1, H2, H3, H4, H5 { font-size: 100%; font-weight: normal; } H1 { font-weight: 600; font-size: 44px; line-height: 50px; } H2 { font-weight: 600; font-size: 38px; line-height: 32px; } H3 { font-weight: 600; font-size: 32px; line-height: 32px; } H4 { font-weight: 600; font-size: 26px; line-height: 32px; } H5 { font-weight: 600; font-size: 22px; line-height: 32px; } h6 { font-weight: 600; font-size: 18px; line-height: 32px; } .clr { clear: both; } .lF { float: left; } .rF { float: right; } A { color: #0077b6; text-decoration: none; } .f-25 a:hover { text-decoration: none; /* This stops the underline hover effect */ color: #0077b6; /* Prevents any color change on hover */ } A:hover { color: #000; text-decoration: none; } A:focus { color: #0077b6; text-decoration: none; } .top { background-color: #032d46; background-image: url(../images/top.jpg); background-position: center top; height: 158px; } .donate_sec { background-image: url(../images/donate_bg.jpg); background-repeat: repeat-x; background-position: center top; margin-top: 0px; padding-top: 30px; } .donate_heading { text-align: right; margin-bottom: 18px; font-size: 60px; font-weight: 600; color: #FFFFFF; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; } .donate {} .donate_box { padding-right: 34px; padding-left: 34px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #3a7cbc; border-right-color: #3a7cbc; border-left-color: #3a7cbc; } .donate_left { color: #FFFFFF; padding-top: 66px; font-size: 20px; line-height: 22px; font-weight: 400; position: relative; } .donate_left_img { position: absolute; left: -55px; } .donate_heading1 { text-align: left; margin-bottom: 26px; font-size: 48px; font-weight: 600; color: #FFFFFF; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; line-height: 40px; } .donate_heading10 { text-align: left; font-size: 40px; font-weight: 600; color: #FFFFFF; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; line-height: 45px; padding-top: 10px; } .donate_right { color: #FFFFFF; padding-top: 66px; } .blue_but { background: #0288c5; border-radius: 14px; padding-top: 22px; padding-bottom: 22px; font-weight: 500; font-size: 20px; color: #FFFFFF; text-decoration: none !important; margin-bottom: 13px; width: 100%; border: 1px solid #FFFFFF; display: block; text-align: center; font-weight: 600; } .blue_but:hover { background: #007ab1; color: #FFFFFF; text-decoration: none !important; border: 1px solid #FFFFFF; } .orange_but { background: #eb5901; border-radius: 14px; padding-top: 22px; padding-bottom: 22px; font-weight: 500; font-size: 20px; color: #FFFFFF; text-decoration: none !important; margin-bottom: 13px; width: 100%; border: 1px solid #FFFFFF; display: block; text-align: center; font-weight: 600; } .orange_but:hover { background: #d35001; color: #FFFFFF; text-decoration: none !important; border: 1px solid #FFFFFF; } .green_but { background: #74ab01; border-radius: 14px; padding-top: 22px; padding-bottom: 22px; font-weight: 500; font-size: 20px; color: #FFFFFF; text-decoration: none !important; margin-bottom: 13px; width: 100%; border: 1px solid #FFFFFF; display: block; text-align: center; font-weight: 600; } .green_but:hover { background: #679801; color: #FFFFFF; text-decoration: none !important; border: 1px solid #FFFFFF; } .yellow_but { background: #f8a01b; border-radius: 14px; padding-top: 22px; padding-bottom: 22px; font-weight: 500; font-size: 20px; color: #FFFFFF; text-decoration: none !important; margin-bottom: 13px; width: 100%; border: 1px solid #FFFFFF; display: block; text-align: center; font-weight: 600; } .yellow_but:hover { background: #ee9002; color: #FFFFFF; text-decoration: none !important; border: 1px solid #FFFFFF; } .frm_primary_label { font-weight: bold; font-size: 1.5em; margin-bottom: 15px; display: block; } #frm_field_85_container .frm_opt_container { display: flex; flex-wrap: wrap; justify-content: space-between; } #frm_field_85_container .frm_radio { flex-basis: 49%; height: 46px; margin-bottom: 8px; position: relative; } #frm_field_85_container .frm_radio label { width: 100%; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 10; cursor: pointer; color: #707070; box-shadow: rgb(112 112 112) 0px 0px 0px 2px inset; background-color: #FFFFFF; border-radius: 10px; font-size: 1.0625rem; font-weight: 700; padding: 10px 24px; } .w-100 { flex-basis: 100% !important; } #frm_field_85_container .frm_radio label:hover, #frm_field_85_container .frm_radio.selected label { box-shadow: rgb(0 119 182) 0px 0px 0px 4px inset; background-color: rgb(227, 246, 255); color: #000; } #frm_field_85_container input[type='radio'] { width: 100%; height: 100%; z-index: -10; position: absolute; margin: 0; border-radius: 0; cursor: pointer; opacity: 0; top: 0; left: 0; } .css-pvmr1s-Box { display: block; overflow: hidden; background-color: #FFFFFF; color: #121212; border: 1px solid #DCDCDC; border-radius: 12px; } .box_grey { border-radius: 10px; background-color: #f6f6f6; padding: 15px; margin-top: 25px; } .box_grey_heading1 { text-align: left; font-size: 40px; font-weight: 700; color: #0077b6; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; line-height: 40px; } .box_grey_heading2 { text-align: left; font-size: 40px; font-weight: 700; color: #000; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; line-height: 40px; } @media only screen and (max-width: 650px) { .card #frm_field_85_container .frm_radio { width: 49% !important; } } @media only screen and (max-width: 650px) { #frm_field_85_container .frm_radio label { font-size: 1em; } } @media only screen and (max-width: 350px) { #frm_field_85_container .frm_radio { flex-basis: 49%; } } .box_all { display: block; overflow: hidden; background-color: rgb(255, 255, 255); color: rgb(18, 18, 18); border: 1px solid rgb(220, 220, 220); border-radius: 12px; padding: 25px; margin-bottom: 16px; } .box_all1 { display: block; overflow: hidden; background-color: rgb(255, 255, 255); color: rgb(18, 18, 18); border: 1px solid rgb(220, 220, 220); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; padding: 25px; margin-bottom: 16px; } .grey_text { font-weight: 600; color: #767676; text-align: center; margin-bottom: 16px; } .grey_text img { margin-right: 5px; } .email { font-size: 1.0625rem; line-height: 1.35; font-weight: 700; color: rgb(18, 18, 18); } .but_pay { display: inline-flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; border: none; background: rgb(5, 41, 98); cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none !important; white-space: nowrap; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; height: 44px; min-height: 44px; padding: 0px 20px 2px; border-radius: 44px; color: rgb(255, 255, 255); -webkit-box-pack: center; justify-content: center; width: 100%; margin-bottom: 28px; } .but_pay:hover { background-color: #234b8a; color: #fff; text-decoration: none !important; } .or { width: 100%; text-align: center; border-bottom: 1px solid #cccccc; line-height: 0.1em; margin: 10px 0 20px; margin-bottom: 28px; color: #cccccc; } .or span { background: #fff; padding: 0 10px; } .line { margin-bottom: 28px; padding-bottom: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; } .payment { margin-bottom: 12px; font-size: 1.75rem; line-height: 1.15; font-weight: 700; color: #000; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; } .payment img { float: right; } .accordion-item .form-check-input { margin-right: 10px; margin-top: 2px; } .accordion_last { border: 1px solid rgb(0, 119, 182) !important; } .card_img { float: right; margin-left: auto; margin-right: -30px; } .secure { font-size: 13px; color: #333333; } .secure a:hover { text-decoration: none; /* This stops the underline hover effect */ color: #0077b6; /* Prevents any color change on hover */ } .box_grey a { text-decoration: underline; } .but_pay1 { display: inline-flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; border: none; background: #ffe500; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none !important; white-space: nowrap; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; height: 44px; min-height: 44px; padding: 0px 20px 2px; border-radius: 44px; color: #000; -webkit-box-pack: center; justify-content: center; width: 100%; margin-bottom: 28px; } .but_pay1:hover { background-color: #ffd213; color: #000; text-decoration: none !important; } .tick_mark {} .tick_mark ul { padding: 0; list-style-type: none; margin: 0; } .tick_mark ul li { padding: 0; margin: 0; list-style-type: none; display: block; background-image: url(../images/tick.png); background-repeat: no-repeat; background-position: left 13px; padding-left: 30px; padding-top: 8px; padding-right: 0; padding-bottom: 8px; } .usd_drop { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #3a7cbc; border-right-color: #3a7cbc; border-bottom-color: #3a7cbc; border-left-color: #3a7cbc; float: left; color: #FFFFFF; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; font-size: 16px; margin-top: -1px; } .usd_drop:hover { color: #3a7cbc !important; } .space_30 { height: 80px; } .usd_drop.dropdown-toggle::after { display: none !important; } .top_line { background-color: #052962; height: 64px; display: flex; align-items: center; } .line_menu { border-right-width: 1px; border-right-style: solid; border-right-color: #255673; } .logo_bg { background-color: #052962 !important; /* margin-bottom: 4px; */ } @media (min-width: 768px) and (max-width: 991px) { .logo_bg { height: 100px !important; } } @media (max-width: 767px) { .logo_bg { height: 80px !important; } } .logo { /* padding-top: 12px; */ padding-top: 8px; /* padding-bottom: 12px; */ padding-bottom: 3px; display: flex; align-items: center; float: left; } .logo img { margin-right: 24px; } .logo_donate { display: flex; align-items: center; float: left; margin-bottom: 20px; } .logo_donate img { margin-right: 24px; } .primary-heading { font-size: 34px; line-height: 1.15; font-weight: 700; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; text-align: left; color: #fff; } .primary-heading a { color: #fff; text-decoration: none; } .primary-heading a:hover { color: #fff; text-decoration: none; } .top_left { float: left; } .top_right { float: right; } .top_right ul { padding: 0; list-style-type: none; margin: 0; display: block; } .top_right ul li { list-style-type: none; display: inline-block; } @media only screen and (min-width: 320px) and (max-width: 349px) { .top_left ul li a { font-size: 11px !important; padding-right: 5px !important; ; padding-left: 5px !important; ; } } @media only screen and (min-width: 350px) and (max-width: 485px) { .top_left ul li a { font-size: 11px !important; padding-right: 5px; padding-left: 5px; } } .top_left ul li a { list-style-type: none; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #fff; font-size: 16px; padding-top: 10px; font-weight: bold; padding-right: 10px; padding-bottom: 5px; padding-left: 15px; } /* .top_right ul li a { list-style-type: none; border-right-width: 1px; border-right-style: solid; border-right-color: #255673; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #fff; font-size: 16px; padding-top: 10px; font-weight: bold; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } */ .top_right ul li a { list-style-type: none; border-left-width: 1px; border-left-style: solid; border-left-color: #255673; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #fff; font-size: 16px; padding-top: 10px; font-weight: bold; padding-right: 10px; /* padding-bottom: 5px; */ padding-left: 10px; } /* desktop screen css */ @media (min-width: 992px) { .top_right ul li a { padding-top: 13vh !important; } .top_sigin { margin-left: 0px !important; } } /* tab screen css */ @media (min-width: 768px) and (max-width: 991px) { .desktop-show { display: none !important; } .top_right ul li a { /* padding-top: 13vh !important; */ border-left: none !important; } } /* mobile screen css */ @media (max-width: 767px) { .desktop-show { display: none !important; } .new-main-nav-div { border-bottom: 1px solid #506991 !important; } .top_right ul li a { /* padding-top: 13vh !important; */ border-left: none !important; } } .top_right ul li a:hover { color: #fff; /* text-decoration: underline; */ } .new-main-nav-div { background-color: #041F4A !important; } .top_right ul li a.yellow { list-style-type: none; border-right-width: 1px; border-right-style: solid; border-right-color: #255673; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #ffe500; font-size: 16px; padding-top: 10px; font-weight: bold; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } .top_right ul li a.yellow:hover { color: #ffe500; /* text-decoration: underline; */ } /* .top_right ul li:first-child { border-left-width: 1px; border-left-style: solid; border-left-color: #255673; } */ .yellow-heading { font-size: 30px; line-height: 35px; font-weight: 700; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; text-align: left; color: #ffe500; /* margin-top: 4px; */ margin-top: 1px; } .btn_yellow { height: 32px; min-height: 32px; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-radius: 16px; background-color: #ffe500; color: #000000; font-size: 15px; font-weight: 700; padding: 0px 12px; margin-bottom: 6px; float: right; display: flex; align-items: center; margin-top: 5px; transition: all .3s ease 0s; } .btn_yellow svg { margin-left: 10px; } .btn_yellow:hover { background-color: #ffd213; color: #000000; } .btn_yellow1 { height: 32px; min-height: 32px; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-radius: 16px; background-color: #ffe500; color: #000000; font-size: 16px; font-weight: 700; padding: 0px 12px; margin-bottom: 6px; float: right; display: flex; align-items: center; /* margin-top: 5px; */ transition: all .3s ease 0s; /* margin-top: 40px; */ } .btn_yellow1 svg { margin-left: 10px; } .btn_yellow1:hover { background-color: #ffd213; color: #000000; } .nav_bg { background-color: #052962; height: 52px; } .menu { float: left; margin-left: -134px; display: flex; margin-top: 49px; /* margin-top: 46px; */ } footer { background-color: #022c46; border-top-width: 4px; border-top-style: solid; border-top-color: #fff; } .bot_sec1 { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #255673; border-left-color: #255673; } .bot_sec { border: 1px solid #255673; color: #FFFFFF; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .bot_sec2 { border: 1px solid #255673; color: #FFFFFF; padding-top: 0px; padding-right: 10px; padding-left: 10px; position: relative; } .btn_white { height: 32px; min-height: 32px; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-radius: 16px; background-color: #fff; color: #052962; font-size: 15px; font-weight: 700; padding: 0px 12px; margin-bottom: 6px; display: flex; float: left; align-items: center; margin-top: 5px; } .btn_white svg { margin-left: 10px; } .btn_white:hover { background-color: #fff; color: #052962; } .left { float: left !important; } .no_margin { margin-top: 0px; } .right_border { border-right-width: 1px; border-right-style: solid; border-right-color: #255673; padding-top: 10px; } .no_border { padding-top: 10px; } .bot_nav { margin-bottom: 20px; } .bot_nav ul { padding: 0; list-style-type: none; margin: 0; } .bot_nav ul li { padding: 0; margin: 0; list-style-type: none; } .bot_nav ul li.noline { padding: 0; margin: 0; border: none; } .bot_nav ul li a { color: #fff; text-decoration: none; display: block; padding-top: 6px; padding-bottom: 6px; text-align: left; font-size: 16px; line-height: 26px; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .bot_nav ul li a:hover { color: #ffe500; } .sec_heading { font-size: 1.5rem; line-height: 1.6875rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 700; position: relative; padding-bottom: 0.25rem; color: #121212; } .full_sec { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d4d4d4; border-left-color: #d4d4d4; } .subnav-link { font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #121212; display: block; padding: 0 0.25rem; position: relative; font-size: 1rem; height: 2.625rem; line-height: 2.625rem; font-weight: 700; } .new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #ffffff; content: ''; display: block; height: 0.8125rem; } .new-header__multiline { background: #fff; } .subnav .gs-container { border: 0.0625rem solid #dcdcdc; border-top: 0; border-bottom: 0; } .inner_conteiner { padding-top: 0.375rem; } .grey_box { background-color: #333333; margin-right: -15px; padding-top: 5px; color: #FFFFFF; display: flex; flex-direction: column; } .grey_box_heading { flex: 1 1 auto; font-weight: 400; font-size: 1.75rem; line-height: 2rem; padding-top: 0.0625rem; padding-bottom: 0.125rem; word-wrap: break-word; overflow: hidden; margin-bottom: 0; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; flex: 1 1 auto; font-weight: 400; } .orange { color: #ff4e36; } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-media .fc-item__media-meta { margin-bottom: -0.375rem; } .fc-item--pillar-news .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ff4e36; border-radius: 50%; } .fc-item--pillar-news .inline-icon { fill: #c70000; } .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ff4e36; border-radius: 50%; margin-right: 7px; } .fc-item--type-media .inline-video-icon svg { fill: #121212; } .fc-item--type-media .fc-item__media-meta .inline-icon__svg { width: 0.875rem; height: auto; margin-left: auto; margin-right: auto; margin-top: 0.375rem; display: block; } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-interview.fc-item--video .fc-item__meta, .fc-item--type-media .fc-item__media-meta { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; } .fc-item__media-meta .inline-icon svg { display: block; width: 15px; margin-left: 5px; margin-top: 2px; color: #000; } .city { font-size: 0.875rem; line-height: 1.125rem; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; -ms-flex: 1 1 auto; padding-bottom: 0.375rem; color: #fff; } .video_left { width: 20.5% !important; position: relative; } .video_right { width: 79% !important; } .duration { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; color: #ff4e36; } .fc-item__media-meta { display: flex; align-items: center; } .fc-item__meta-wrapper { margin-bottom: 10px; } .treats__container { position: absolute; bottom: 2.5625rem; } .treats__container ul { padding: 0; list-style-type: none; margin: 0; } .treats__container ul li { padding: 0; margin: 0; list-style-type: none; } .treats__container ul li a { color: #fff; text-decoration: none; display: block; text-align: left; font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #121212; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #dcdcdc; border-left-color: #dcdcdc; margin-top: 0.5rem; padding: 0.1875rem 0 0.125rem 0.375rem; width: 11.875rem; } .treats__container ul li a:hover { color: #0277BD; } .signin_left { margin-left: 263px; margin-top: 20px; margin-bottom: 20px; width: 40%; } .signin_left_nav { margin-left: 200px; border-left-width: 1px; border-left-style: solid; border-image: linear-gradient(to bottom, #255673, rgba(2, 44, 70, 0)) 1 100%; } .btn_google { font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.0625rem; line-height: 1.35; font-weight: 700; height: 44px; min-height: 44px; padding: 0 20px; border-radius: 44px; padding-bottom: 2px; color: #052962; border: 1px solid #052962; background-color: #FFFFFF; width: 48%; display: flex; justify-content: center; align-items: center; float: left; margin-right: 10px; flex-grow: 1; } .btn_google:hover { color: #052962; border: 1px solid #052962; background-color: #e5e5e5; } .btn_google img { margin-right: 5px; } .signin_but { display: flex; } .center-block { float: none; margin-left: auto; margin-right: auto; } .input-group .icon-addon .form-control { border-radius: 0; } .icon-addon { position: relative; color: #555; display: block; } .icon-addon:after, .icon-addon:before { display: table; content: " "; } .icon-addon:after { clear: both; } .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px } .icon-addon.addon-lg .form-control { position: relative; } .icon-addon.addon-sm .form-control { height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5; } .addon-lg svg { position: absolute; right: 20px; top: 12px; } .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon { font-size: 18px; margin-left: 0; left: 11px; top: 4px; } .icon-addon.addon-md .form-control, .icon-addon .form-control { float: left; font-weight: normal; } .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon { margin-left: 0; font-size: 12px; left: 5px; top: -1px } .icon-addon .form-control:focus+.glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus+.fa, .icon-addon:hover .fa { color: #2580db; } .or1 { width: 100%; text-align: center; border-bottom: 1px solid #cccccc; line-height: 0.1em; margin: 10px 0 20px; margin-bottom: 28px; font-size: 0.9375rem; font-weight: 400; color: #707070; } .or1 span { background: #fff; padding: 0 10px; } .reset { font-size: 0.9375rem; line-height: 1.35; font-weight: 400; margin-top: 10px; } .reset a:hover { text-decoration: none; /* This stops the underline hover effect */ color: #0077b6; /* Prevents any color change on hover */ } .create-acc a { color: #0077b6; text-decoration: none !important; } .create-acc a:hover { text-decoration: none !important; /* This stops the underline hover effect */ color: #0077b6; /* Prevents any color change on hover */ } .newsletter { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 2.125rem; line-height: 2rem; font-weight: 700; letter-spacing: -0.5px; color: #FFE500; margin-left: 37px; padding: 5px; } .newsletter_top { padding-top: 22px; padding-bottom: 22px; padding-left: 46px; padding-right: 46px; background-color: #032d46; margin-top: 10px; display: flex; align-items: flex-end; } .heading1 { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 2.125rem; line-height: 1.15; font-weight: 500; --source-text-decoration-thickness: 4px; color: #121212; padding-bottom: 36px; } .newsletter_text { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 1.25rem; line-height: 1.15; font-weight: 300; --source-text-decoration-thickness: 3px; margin-bottom: 12px; /* max-width: 540px; */ color: #121212; margin-bottom: 10px; } .newsletter_left { width: 20.5% !important; position: relative; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .newsletter_right { width: 79% !important; /* padding-top: 20px; */ /* padding-right: 30px; */ /* padding-bottom: 30px; */ /* padding-left: 20px; */ border-left-width: 1px; border-left-style: solid; border-left-color: #dcdcdc; } .newsletter_right_sec img { height: 100%; width: 100%; object-fit: cover; border-radius: 10px; } .tell { font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 1.0625rem; line-height: 1.35; font-weight: 700; margin-top: 16px; margin-bottom: 16px; color: #121212; display: flex; align-items: center; } .tell_text { margin-right: 16px; } .tell_icon { border: 1px solid #DCDCDC; width: 32px; height: 32px; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 10px; } .tell_icon1 { border: 1px solid #FFE500; width: 32px; height: 32px; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 10px; background-color: #FFE500; } .weekday { margin-left: 4px; font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 0.875rem; line-height: 1.35; font-weight: 400; margin-top: 8px; margin-bottom: 8px; } .email { display: flex; } .email input { width: 80%; margin-right: 10px; } .but_signup { display: inline-flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; border: none; background: #121212; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none !important; white-space: nowrap; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; height: 44px; min-height: 44px; padding: 0px 20px 2px; border-radius: 44px; color: rgb(255, 255, 255); -webkit-box-pack: center; justify-content: center; width: 140px; margin-bottom: 28px; } .but_signup:hover { background-color: #234b8a; color: #fff; text-decoration: none !important; } .overlay { height: 100%; height: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #022c46; overflow-x: hidden; transition: 0.5s; width: 100%; } .overlay-content { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; } .overlay a { padding: 8px; text-decoration: none; color: #818181; display: block; transition: 0.3s; } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } @media screen and (max-height: 450px) { .overlay a { font-size: 20px } .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } .top_sigin { margin-left: 120px; } .bot_nav1 { margin-bottom: 20px; } .bot_nav1 ul { padding: 0; list-style-type: none; margin: 0; } .bot_nav1 ul li { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .bot_nav1 ul li a { color: #fff; text-decoration: none; display: block; padding-top: 13px; padding-bottom: 6px; text-align: left; font-size: 17px; font-weight: 400; line-height: 19px; font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; border-right: 1px solid #506991; padding-right: 47px; padding-left: 10px; } .bot_nav1 ul li a:hover { color: #ffe500; } .bot_nav1 ul li a.noline { padding-right: 47px; padding-left: 10px; margin: 0; border: none; } .copy { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.35; font-weight: 400; padding-top: 12px !important; padding-bottom: 18px !important; } .contries { position: absolute !important; width: 99.9% !important; left: 0.1% !important; border: none !important; } .contries_drop { width: 18.3% !important; float: left !important; clear: none !important; text-decoration: none; color: #000000; background-image: url(../images/work_arrow5.png); background-repeat: no-repeat; background-position: right center; padding-top: 7px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; border: 1px solid #d0d0d0 !important; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; } .contries_dropdown { position: static !important; } .new_teambox_teamFlag { float: left; margin-right: 10px; margin-top: -2px; } .new_teambox_teamname { float: left; font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-weight: 300; font-size: 16px; text-align: left; } .new_teambox_teamFlag img { border: 1px solid #888888; background-color: #FFFFFF; padding: 1px; } .nav1 a.nav-link { position: relative; text-align: center; padding-top: 10px; } .nav1 a.nav-link:after { border-top: 4px solid #FFE500; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .nav1 a.nav-link:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .nav1 a.nav-link:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .nav1 a.nav-link.active { border-top: 4px solid #FFE500; padding-top: 6px; } .nav1 a.nav-link.active:after { border-top: 4px solid #FFE500 !important; opacity: 1 !important; top: -4px !important; } .nav1 a.nav-link.active:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: none; } .nav1 a.nav-link:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; transform: none; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { margin-top: 0; } .css-ia50kf { background-color: #022c46; padding: 0 8px; position: absolute; bottom: -21px; right: 12px; } .css-7juflr { position: relative; font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 1.0625rem; line-height: 1.35; font-weight: 400; --source-text-decoration-thickness: 2px; cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline; text-underline-position: under; text-underline-offset: 5%; display: inline; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-text-decoration: none; text-decoration: none; color: #FFFFFF; font-weight: bold; line-height: 42px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 133px; } .css-1drrzwb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 14px; line-height: 1.35; font-weight: 700; --source-text-decoration-thickness: 2px; margin-right: 8px; } .css-vji6r4 { position: relative; float: right; border-radius: 100%; background-color: #FFFFFF; cursor: pointer; height: 42px; min-width: 42px; } .css-vji6r4:hover { background-color: #ffe500; } .css-7juflr:hover { color: #ffe500; } .css-1it72f1:before { position: absolute; top: 6px; bottom: 0; left: 0; right: 0; margin: auto; border: 2px solid #052962; border-bottom: 0; border-right: 0; content: ''; height: 14px; width: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sidebar { height: 100%; width: 0; position: absolute; z-index: 260; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidebar a { padding: 8px 8px 8px 32px; text-decoration: none; color: #818181; transition: 0.3s; } .sidebar a:hover { color: #f1f1f1; } .sidebar .closebtn { position: absolute; z-index: 100; top: 37px; left: 13px; } .openbtn { cursor: pointer; background-color: #fff; border: none; margin-left: -30px; } #main1 { transition: margin-left .5s; position: relative; padding-right: 20px; padding-left: 69px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #dcdcdc; border-left-color: #dcdcdc; } .players { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #0084c5; border-left-color: #0084c5; } .players_side { border-left-width: 1px; border-left-style: solid; border-left-color: #0084c5; margin-left: 69px; margin-right: 20px; padding-top: 58px; } .player_img .pimg { width: 200px; height: 200px; } @media only screen and (max-width: 767px) { .player_img .pimg { width: 150px; height: 150px; } } @media only screen and (max-width: 1199px) { .player_img .pimg { width: 150px; height: 150px; } } .player_img .timg { width: 42px; height: 42px; } .player_img { width: 200px; height: 200px; position: relative; background-color: #00b2ff; border-radius: 50%; margin-left: auto; margin-right: auto; } .player_img img { position: absolute; top: 0; left: 0; width: 100%; border-radius: 50%; transition: opacity .1s ease-in-out; } .player_num { font-size: 24px; line-height: 28px; font-family: "Guardian Headline", "Guardian Headline Full", "Guardian Egyptian Web", Georgia, serif; font-weight: 700; font-weight: 200; height: 44px; width: 44px; background-color: #0084c5; z-index: 250; border-radius: 50%; color: #fff; position: absolute; left: 5px; bottom: 7px; text-align: center; padding-top: 5px; border: 2px solid #0084c5; } .player_info { padding: 8px 5px 12px 0; pointer-events: none; } .play_title { font-size: 24px; line-height: 26px; font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif; font-weight: 600; } .play_subtitle { padding-top: 2px; font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif; color: #121212; font-size: 22px; line-height: 24px; font-weight: 300; } a .play_title { color: #121212; } a .play_subtitle { color: #121212; } .player_inn { padding-left: 90px; padding-right: 90px; } .player_box { margin-bottom: 60px; cursor: pointer; } .player_box:hover .play_title { color: #0084c5; } .player_box:hover .play_subtitle { color: #0084c5; } .player_box:hover .player_img img { mix-blend-mode: luminosity; filter: contrast(1.25) grayscale(1) brightness(.9); -webkit-filter: contrast(1.25) grayscale(1) brightness(.9) } .player_inn .col { padding-left: 10px; padding-right: 10px; } .player_details { padding-left: 209px; border-top-width: 1px; border-top-style: solid; border-top-color: #0084c5; width: 90%; margin-bottom: 40px; } .blue_box { min-height: 175px; background-color: #0084c5; color: #fff; vertical-align: top; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; margin-bottom: 30px; position: relative; } .blue_box_num { display: inline; color: #03bafe; padding-right: 5px; position: relative; padding-top: 2px; font-size: 28px; } .divider { display: inline; border-right: 1px solid #03bafe; margin-right: 8px; margin-left: 2px; } .blue_box_title1 { color: #FFFFFF; padding-top: 2px; font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif; font-size: 28px; line-height: 32px; } .blue_box_title { width: 460px; vertical-align: top; margin-left: 10px; display: flex; margin-bottom: 30px; } .play_detail_text { font-family: "Guardian Text Egyptian Web", Georgia, serif; color: #121212; font-size: 16px; font-weight: 300; line-height: 22px; } .play_detail_text strong { font-weight: 600; } .play_info {} .all_info { width: 310px; display: flex; border-top: 1px solid #03bafe; font-size: 13px; } .info1 { padding: 4px 0; font-weight: 300; opacity: .9; width: 65px; } .info2 { color: #fff; font-weight: 800; opacity: 1; padding: 4px 0; } .pitch { display: block; position: absolute; background-color: transparent; height: 70px; width: 122px; top: 60px; left: 365px; } .img_details_right { display: block; position: absolute; background-color: transparent; height: 210px; width: 264px; top: 45px; right: 15px; } .player_header { position: -webkit-sticky; position: sticky; top: 28px; } .space { height: 50px; } .play_detail_text a { color: #121212; padding-left: 10PX; } .play_detail_text a:hover { color: #0077b6; } .player_details1 { padding-left: 209px; border-top-width: 1px; border-top-style: solid; border-top-color: #0084c5; width: 80%; margin-bottom: 0px; padding-bottom: 40px; } .newsletter_top1 { padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background-color: #032d46; margin-top: 10px; display: flex; } .newsletter1 { margin-left: 10px; } ul.get_details_text { padding: 0; margin: 0; padding-right: 20px; } ul.get_details_text li { display: inline-block; padding-right: 5px; padding-top: 8px; padding-bottom: 20px; background-image: url(../images/list_icon.gif); background-repeat: no-repeat; background-position: left 11px; padding-left: 40px; width: 100%; } .get_details_list_heading { margin-bottom: 10px; font-size: 17px; line-height: 18px; color: #114a82; font-family: "Guardian Text Egyptian Web", Georgia, serif; } .play_top { padding-top: 5px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #dcdcdc; border-left-color: #dcdcdc; } .play_top_headline { font-size: 44px; line-height: 48px; font-family: "Guardian Titlepiece", "Guardian Headline Full", "Guardian Headline", "Guardian Egyptian Web", Georgia, serif; font-weight: 700; color: #121212; border-left-width: 1px; border-left-style: solid; border-left-color: #dcdcdc; padding-left: 10px; margin-left: 220px; padding-top: 30px; padding-bottom: 30px; } .bot_line_play { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; border-left-width: 1px; border-left-style: solid; border-left-color: #dcdcdc; border-right-width: 1px; border-right-style: solid; border-right-color: #dcdcdc; } .drop_play { color: #0084c5; border-radius: 30px; background-size: auto auto; background-size: 16px auto; padding: 5px 10px; font-family: "Guardian Sans Headline", Helvetica, Arial, sans-serif; cursor: pointer; border: 1px solid #0084c5; width: 250px; background-color: #fff; background-image: url(../images/down-arrow-blue-dark.png); background-repeat: no-repeat; background-position: 93% 50%; float: right; margin-right: 90px; margin-top: 30px; } .drop_play option { padding: 10px; } .drop_play1 { color: #0084c5; border-radius: 30px; background-size: auto auto; background-size: 22px auto; padding: 5px 10px; font-family: "Guardian Sans Headline", Helvetica, Arial, sans-serif; cursor: pointer; border: 1px solid #0084c5; width: 280px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 97% 50%; background-color: #fff; float: right; margin-right: 90px; margin-top: 30px; } @media only screen and (min-width:1200px) and (max-width:1499px) { .player_details { padding-left: 150px !important; width: 900px !important; } } @media only screen and (min-width:1200px) and (max-width:1499px) { .all_info { width: 280px !important; } .pitch { left: 320px !important; } } .sidebar { margin-left: -68px; overflow: hidden; } .players_side { overflow: hidden; } .popupbot { display: none; background-color: #f1f8fc; border-top-width: 2px; border-top-style: solid; border-top-color: #052962; padding-top: 40px; padding-bottom: 40px; } .popup_con { position: relative; width: 90%; margin-left: auto; margin-right: auto; } .frm_radio1 { flex-basis: 32% !important; height: 46px; margin-bottom: 8px; position: relative; } .frm_radio2 { flex-basis: 48% !important; height: 46px; margin-bottom: 8px; position: relative; } .btn_yellow3 { height: 32px; min-height: 32px; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-radius: 16px; background-color: #ffe500; color: #000000; font-size: 20px; font-weight: 700; padding: 0px 12px; margin-bottom: 6px; float: right; display: flex; align-items: center; margin-top: 5px; transition: all .3s ease 0s; } .btn_yellow3 svg { margin-left: 10px; } .btn_yellow3:hover { background-color: #ffd213; color: #000000; } .card_img1 { float: right; margin-left: auto; margin-right: 0px; } .close { position: absolute; right: -50px; cursor: pointer; } .popup_heading { margin-bottom: 25px; color: #052962; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-size: 30px; } .right_sec { margin-top: 50px; } .left_sec { margin-top: 50px; margin-right: 50px; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-size: 16px; line-height: 25px; } /* .selected { background-color: #ffe500; } */ /* .selected { background-color: #ffe500; } */ .popupbot .nav-tabs .nav-item { padding: 0px; } .popupbot .tab-content { padding: 0px; } .popupbot .nav-tabs .nav-link { margin-right: 0px; font-size: 20px; text-transform: capitalize; } .popupbot .nav-link { border: 0px; } .donate .nav-tabs .nav-item { padding: 0px; } .donate .tab-content { padding: 0px; } .donate .nav-tabs .nav-link { margin-right: 0px; font-size: 20px; text-transform: capitalize; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .donate .nav-link { border: 0px; } .not_in_team1 { opacity: .9; } .not_in_team2 { opacity: .5; } .not_in_team { filter: grayscale(100%); opacity: .9; } .not_in_team:hover .player_img img { mix-blend-mode: luminosity; filter: contrast(1.25) grayscale(1) brightness(.9); -webkit-filter: contrast(1.25) grayscale(1) brightness(.9) } .all_conteiner_new { border: none; } @media only screen and (min-width: 320px) and (max-width:440px) { .donate_heading { font-size: 30px !important; } } .fc-item--half-tablet .fc-item__standfirst { color: #000 !important; } .page_line { background-image: url(../images/lines.png); background-repeat: repeat-x; background-position: center top; height: 29px; margin-bottom: 20px; width: 99%; } .dcr-ysrxk6 { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 1.25rem; line-height: 1.15; font-weight: 300; --source-text-decoration-thickness: 3px; margin-bottom: 12px; max-width: 540px; color: #121212; } .dcr-1d1r6yi { font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 0.875rem; line-height: 1.35; font-weight: 400; --source-text-decoration-thickness: 2px; line-height: 135%; padding-top: 6px; word-wrap: break-all; color: #707070; margin-bottom: 6px; } .dcr-94xsh { margin-bottom: 16px; word-break: break-word; font-family: GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia, serif; font-size: 15px; line-height: 1.5; font-weight: 400; --source-text-decoration-thickness: 2px; color: #121212; } .dcr-1xaevyx { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif; font-size: 2.125rem; line-height: 1.15; font-weight: 300; --source-text-decoration-thickness: 4px; font-size: 2.125rem; line-height: 2.375rem; color: #121212; text-transform: capitalize; } .dcr-10pdguq { padding-bottom: 25px; } .news_left { padding-left: 25px; width: 262px !important; } .news_right { border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } .dcr-1y9qb16 { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 2.625rem; line-height: 1.15; font-weight: 300; --source-text-decoration-thickness: 5px; float: left; text-transform: uppercase; box-sizing: border-box; margin-right: 4px; color: #C74600; } .dcr-8l7iat { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 2.625rem; line-height: 1.15; font-weight: 700; --source-text-decoration-thickness: 5px; font-size: 118px; line-height: 99px; vertical-align: text-top; pointer-events: none; margin-right: 4px; font-weight: 200; } .caption { color: #707070; font-size: 10px; } .caption svg { fill: #707070; } .dcr-14uwc2w { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 2.125rem; line-height: 1.15; font-weight: 300; --source-text-decoration-thickness: 4px; line-height: 38px; display: inline; font-style: italic; color: #C74600 !important; background: transparent; } .dcr-14uwc2w a { color: #C74600 !important; } .dcr-1ufxslm { font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 1.25rem; line-height: 1.15; font-weight: 700; --source-text-decoration-thickness: 3px; color: #C74600 !important; } .dcr-70j539 { -webkit-text-decoration: none; text-decoration: none; font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif; font-size: 1.0625rem; line-height: 1.15; --source-text-decoration-thickness: 2px; line-height: 20px; display: block; word-break: break-word; color: #C74600; background-color: transparent; } .space1 { height: 92px; } .dcr-1ybxn6r { list-style: none; cursor: pointer; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dfdfdf; padding-bottom: 10px; } .dcr-eb59kw { padding-top: 2px; margin-bottom: 6px; font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 0.75rem; line-height: 1.35; font-weight: 400; --source-text-decoration-thickness: 2px; color: #707070; } .fc-container__title__text, .fc-item__title, .fc-container__header__title>h2, h1 { text-transform: capitalize !important; } .space20 { height: 10px; } @media screen and (max-width: 768px) { .overlay_all { display: none; } .overlay_left { display: none; } .overlay_right { display: none; } } .btn-close { display: inline; position: absolute; right: 80px; top: 10px; z-index: 85016; width: 50px; background-color: #e7e7e8; } .btn-menu { display: inline; position: absolute; left: 50px; top: -1px; z-index: 1001; width: 70px; color: #4a4a4a; font-family: "Euclid Circular A", Helvetica, Arial; font-weight: 500; letter-spacing: 0.02rem; font-size: 1.9rem; text-transform: uppercase; } .btn-menu1 { display: inline; position: absolute; left: 50px; top: 5px; z-index: 1001; width: 70px; color: #ffffff; font-family: "Euclid Circular A", "Tungsten Rounded B", Helvetica, Arial; font-weight: 500; letter-spacing: 0.02rem; font-size: 1.9rem; text-transform: uppercase; } .button_overlay { position: relative; width: 100%; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } .overlay_all { display: none; position: fixed; top: 0px; width: 100%; height: 100%; background-color: #ffffff; overflow-y: auto; overflow-x: hidden; z-index: 85015; } .wrap { color: #fff; text-align: center; max-width: 1100px; margin: 0 auto; } .wrap ul.wrap-nav { text-transform: capitalize; padding: 150px 0px 100px; } .wrap ul.wrap-nav>li { font-size: 22px; display: inline-block; vertical-align: top; width: 24%; position: relative; } .wrap ul.wrap-nav>li a { color: #d6d6d6; display: block; padding: 8px 0; text-decoration: none; } .wrap ul.wrap-nav>li a:hover { color: #fff; } .wrap ul.wrap-nav ul { padding: 20px 0; } .wrap ul.wrap-nav ul li { display: block; font-size: 16px; width: 100%; color: #919191; } .wrap ul.wrap-nav ul li a { color: #919191; } .social { color: #c1c1c1; font-size: 16px; padding: 20px; } @media screen and (max-width: 48em) { .wrap ul.wrap-nav>li { width: 100%; padding: 20px 0; } .wrap ul.wrap-nav { padding: 30px 0px 0px; } .button { top: 0; } } .overlay_left { width: 260px; height: 100%; background-color: #e7e7e8; position: fixed; top: 0px; overflow: hidden; z-index: 1004; } .overlay_right { width: 80%; height: 100%; position: fixed; top: 0px; overflow-y: auto; overflow-x: hidden; z-index: 1004; left: 260px; margin-left: 2%; } .overlay_logo { text-align: center; padding-top: 15px; padding-bottom: 5px; margin-bottom: 10px; } .overlay_nav { padding: 0px; margin-top: 20px; width: 260px; } .overlay_nav ul { padding: 0; margin: 0; float: left; } .overlay_nav li { padding: 0; margin: 0px; list-style-type: none; } .overlay_nav li a { font-size: 15px; color: #17395f; display: block; text-decoration: none; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 15px; padding-bottom: 15px; font-family: 'Euclid Circular A'; font-weight: 600; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b5b5b5; width: 260px; } .overlay_nav li a:hover { text-decoration: none; color: #ffffff; background-color: #052962; } .overlay_nav li a.act10 { text-decoration: none; color: #ffffff; background-color: #052962; } .overlay_right_nav { padding: 0; } .overlay_right_nav ul { padding: 0; margin: 0; float: left; width: 100%; } .overlay_right_nav li { padding: 0; margin: 0px; list-style-type: none; } .overlay_right_nav li a { font-size: 17px; color: #03366f; display: block; text-decoration: none; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 5px; padding-bottom: 5px; font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; } .overlay_right_nav li a:hover { text-decoration: none; color: #707070; } .overlay_right_nav li a.heading { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ff8f0e; font-size: 20px; line-height: 20px; text-transform: uppercase; } .overlay_right_nav li a.heading_whoweare { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #741784; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_whatwedo { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #951c55; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_global { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #044595; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #ffcc00; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_whereweplay { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #00aeef; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_wherewework { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #80bd01; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_get { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #f03917; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading1 { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ff8f0e; font-size: 16px; line-height: 20px; text-transform: uppercase; } .overlay_right_nav li a.heading1:hover { color: #03366f; } .overlay_right_nav1 { padding: 0; } .overlay_right_nav1 ul { padding: 0; margin: 0; float: left; width: 100%; } .overlay_right_nav1 li { margin: 0px; list-style-type: none; display: inline-block; width: 32.5%; padding-top: 5px; padding-bottom: 5px; } .overlay_right_nav1 li.full { margin: 0px; list-style-type: none; display: inline-block; width: 100%; padding-top: 5px; padding-bottom: 5px; } .overlay_right_nav1 li a { font-size: 16px; color: #03366f; text-decoration: none; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 5px; padding-bottom: 5px; font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; line-height: 20px; } .overlay_right_nav1 li a:hover { text-decoration: none; color: #707070; } .overlay_right_nav1 li a.heading { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ff8f0e; font-size: 19px; line-height: 20px; text-transform: uppercase; } .overlay_right_nav1 li a.heading1 { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ff8f0e; font-size: 20px; line-height: 20px; text-transform: uppercase; } .overlay_right_nav1 li a.heading1:hover { color: #03366f; } .topover_line { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e3; height: 90px; margin-bottom: 20px; } .topover_line1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e3; height: 0px; margin-bottom: 20px; } .sec { margin-bottom: 30px; width: 23%; float: left; padding-left: 20px; } .sec_global { margin-bottom: 90px; width: 23%; float: left; padding-left: 20px; } .sec5 { margin-bottom: 30px; width: 18%; float: left; padding-left: 20px; } .sec6 { margin-bottom: 30px; width: 37%; float: left; padding-left: 20px; } .sec2 { margin-bottom: 30px; width: 32%; float: left; } .sec3 { margin-bottom: 50px; width: 32%; float: left; } .sec1 { width: 40%; float: left; padding-left: 20px; } .sec4 { margin-bottom: 30px; width: 48%; float: left; } .sec_bot_text { font-size: 11px; line-height: 20px; margin-bottom: 10px; } @media only screen and (min-width: 768px) and (max-width:900px) { .sec { margin-bottom: 50px; width: 50%; float: left; clear: right; } .sec5 { margin-bottom: 50px; width: 50%; float: left; padding-left: 20px; } .sec6 { margin-bottom: 50px; width: 90%; float: left; padding-left: 20px; } .overlay_right { overflow-y: auto; overflow-x: hidden; } .sec1 { margin-bottom: 50px; width: 70%; float: left; clear: right; } } @media only screen and (min-width: 901px) and (max-width:1080px) { .overlay_right { overflow-y: auto; overflow-x: hidden; } .sec5 { margin-bottom: 30px; width: 30%; float: left; padding-left: 20px; } .sec { margin-bottom: 30px; width: 30%; float: left; padding-left: 20px; } .sec6 { margin-bottom: 30px; width: 60%; float: left; padding-left: 20px; } .sec1 { margin-bottom: 50px; width: 60%; float: left; clear: right; } } @media only screen and (min-width: 1081px) and (max-width:1200px) { .sec5 { margin-bottom: 30px; width: 30%; float: left; padding-left: 20px; } .sec { margin-bottom: 30px; width: 30%; float: left; padding-left: 20px; } .sec6 { margin-bottom: 30px; width: 50%; float: left; padding-left: 20px; } } @media only screen and (min-width: 769px) and (max-width:850px) { #main_nav_new ul li a { font-size: 11px; padding-right: 8px; padding-left: 8px; } .desk_menu { float: right; width: 90%; } } @media only screen and (min-width: 851px) and (max-width:999px) { #main_nav_new ul li a { font-size: 13px; padding-right: 10px; padding-left: 10px; } } @media only screen and (min-width: 998px) and (max-width:1120px) { #main_nav_new ul li a { font-size: 14px; padding-right: 13px; padding-left: 13px; } } @media only screen and (min-width: 769px) and (max-width:979px) { .btn-menu { margin-top: 5px; } } .overlay_right_nav2 { padding: 0; margin-top: 20px; display: none; } .overlay_right_nav2 ul { padding: 0; margin: 0; float: left; } .overlay_right_nav2 li { padding: 0; margin: 0px; list-style-type: none; font-size: 15px; width: 100%; line-height: 27px; } .whoweare { background-color: #741784; } #other1 { display: none; } #other2 { display: none; } .city1 { display: none; } .imagetop { display: none; } .w3-animate-opacity { -webkit-animation: opac 1.5s; animation: opac 1.5s } @-webkit-keyframes opac { from { opacity: 0 } to { opacity: 1 } } @keyframes opac { from { opacity: 0 } to { opacity: 1 } } .w3-animate-top { position: relative; -webkit-animation: animatetop 0.4s; animation: animatetop 0.4s } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } @keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } .w3-animate-left { position: relative; -webkit-animation: animateleft 0.4s; animation: animateleft 0.4s } @-webkit-keyframes animateleft { from { left: -300px; opacity: 0 } to { left: 0; opacity: 1 } } @keyframes animateleft { from { left: -300px; opacity: 0 } to { left: 0; opacity: 1 } } @media screen and (min-width: 300px) { .overlay_right_nav li a.heading_supporters { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #53893e; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .overlay_right_nav li a.heading_global_fans { font-family: 'Euclid Circular A'; font-weight: 600; text-align: left; color: #ffffff; font-size: 16px; line-height: 20px; text-transform: uppercase; background-color: #e90053; padding-left: 10px; margin-bottom: 5px; padding-top: 8px; } .page-item.active .page-link { color: #ffffff; background-color: #707070; border-color: #707070; border-radius: 50%; font-weight: 700; border: 1px solid #707070 !important; } .page-item .page-link { border-radius: 50%; font-weight: 700; text-decoration: none; border: 1px solid #f9f9f9 !important; } .page-item:first-child .page-link { border: none !important; } .page-item:last-child .page-link { border: none !important; } .page-item:first-child .page-link:hover { border: none !important; } .page-item:last-child .page-link:hover { border: none !important; } .page-item .page-link:hover { border-radius: 50%; border: 1px solid #dcdcdc !important; color: #121212 !important; font-weight: 700; background: #fff; text-decoration: none; } .pagination { float: right; margin-bottom: 10px; } .pagination .next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .pagination .next { padding-right: 18px !important; padding-left: 18px !important; ; border-radius: 20px !important; ; color: #121212 !important; ; background-color: rgba(0, 0, 0, 0) !important; ; border-color: #dcdcdc !important; ; font-weight: 700; } .pagination .prev { padding-right: 18px !important; padding-left: 18px !important; ; border-radius: 20px !important; ; color: #121212 !important; ; background-color: rgba(0, 0, 0, 0) !important; ; border-color: #dcdcdc !important; ; font-weight: 700; } .overlay_new { height: 100%; width: 0%; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0, 0, 0); background-color: rgba(2, 44, 70); overflow-x: hidden; transition: 0.5s; } .overlay-content_new { position: relative; top: 0%; width: 100%; text-align: center; } .overlay_new a { text-decoration: none; font-size: 36px; color: #ffe500; display: block; transition: 0.3s; margin-right: -20px; margin-top: -10px; } .overlay_new a:hover, .overlay_new a:focus { color: #f1f1f1; } .overlay_new .closebtn { position: absolute; top: 108px; right: 20px; font-size: 60px; z-index: 99; } .overlay-content_new .accordion .btn { color: #fff; font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif !important; font-size: 1.5rem !important; line-height: 1.15 !important; text-transform: capitalize; font-weight: 700; } .accordion-item { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #405d6f !important; } .left_nav { margin-bottom: 20px; padding-left: 20px; } .left_nav ul { padding: 0; list-style-type: none; margin: 0; } .left_nav ul li { padding: 0; margin: 0; list-style-type: none; } .left_nav ul li.noline { padding: 0; margin: 0; border: none; } .left_nav ul li a { color: #fff; text-decoration: none; display: block; padding-top: 6px; padding-bottom: 6px; text-align: left; font-size: 16px; line-height: 26px; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .u-responsive-ratio .gallery__img { width: 100%; height: auto !important; } .left_nav ul li a:hover { color: #ffe500; } .overlay-content_new .accordion { margin-top: 0rem; padding-left: 70px; padding-top: 30px; padding-bottom: 10px; padding-right: 0px; } .pagination { line-height: normal !important; } .navbar-nav a.nav-link { position: relative; padding-top: 10px; text-align: center; line-height: 1 !important; } .navbar-nav a.nav-link11:after { border-top: 4px solid #ff5943; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link11:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link11:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link2:after { border-top: 4px solid #ff7f0f; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link2:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link2:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link3:after { border-top: 4px solid #00b2ff; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link3:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link3:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link4:after { border-top: 4px solid #eacca0; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link4:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link4:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link5:after { border-top: 4px solid #ffabdb; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link5:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link5:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link6:after { border-top: 4px solid #ffe500; left: 0; right: 0; top: -5px; content: ''; display: block; position: absolute; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; opacity: 0; } .navbar-nav a.nav-link6:hover:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .navbar-nav a.nav-link6:focus:after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); opacity: 1; } .supoort_nav { margin-left: 50px; } .bot_sec1 .navbar-nav { display: flex; flex-direction: row; flex-wrap: wrap; } .bot_sec1 .nav ul { opacity: 1 !important; visibility: visible !important; } @media only screen and (max-width: 767px) { .bot_sec1 .navbar-nav .nav-link { /* padding-left: 15px; padding-right: 15px; */ padding: 10px; } } .navbar-nav a.nav-link:hover { text-decoration: none; } .modal-fullscreen .modal-body { background-color: #181818; overflow-y: hidden !important; } .modal-fullscreen .modal-header { background-color: #181818; } .modal-fullscreen .modal-body .carousel-item { background-color: #181818; } .right_sec { float: right; display: flex; flex-direction: column; align-content: center; align-items: center; border-left-width: 1px; border-left-style: solid; border-left-color: #333333; height: 90%; padding-left: 20px; position: absolute; right: 30px; top: 0; z-index: 500; } .btn-close-gallery { background: transparent; border: 0; position: absolute; right: 30px; top: 30px; margin-bottom: 20px; z-index: 501; } .modal-body { overflow: hidden; position: relative; } .lg_img { margin-top: 20px; text-align: center; } .arrow_left { height: 46px; width: 46px; background-image: url(../images/aarow_left.png); background-repeat: no-repeat; background-position: center center; } .arrow_left:hover { height: 46px; width: 46px; background-image: url(../images/aarow_left_hover.png); background-repeat: no-repeat; background-position: center center; } .arrow_right { height: 46px; width: 46px; background-image: url(../images/aarow_right.png); background-repeat: no-repeat; background-position: center center; } .arrow_right:hover { height: 46px; width: 46px; background-image: url(../images/aarow_right_hover.png); background-repeat: no-repeat; background-position: center center; } .info_all { height: 46px; width: 46px; background-image: url(../images/info.png); background-repeat: no-repeat; background-position: center center; } .info_all:hover { height: 46px; width: 46px; background-image: url(../images/info_hover.png); background-repeat: no-repeat; background-position: center center; } .left_nav ul li a.yellow { color: #ffe500; font-size: 20px !important; font-weight: 700 !important; line-height: 30px; } .gallery__figcaption { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .gs-container { padding-top: 20px; } } .content__main-column figure { display: flex; flex-direction: column-reverse; } .contries1 { padding-right: 43px; padding-left: 3px; } .contries1 ul { padding: 0; list-style-type: none; margin: 0; text-align: left; display: inline; } .contries1 ul li { padding: 0; margin: 0; list-style-type: none; display: inline-block; width: 19%; margin-left: 10px; } .contries1 ul li .contries_drop { width: 100% !important; padding-bottom: 5px; margin-bottom: 0px; } .pay .accordion-button:not(.collapsed) { color: #000 !important; background: transparent; border-radius: 0px; } .pay .accordion-button { color: #000; } .pay .accordion-button { padding-right: 50px; padding-left: 40px !important; } .pay .accordion-button:not(.collapsed)::before { display: none; } .pay .accordion-flush { height: auto !important; } .pay .accordion { height: auto !important; } } @media only screen and (max-width: 400px) { .contries1 ul li { width: 95%; } } @media only screen and (min-width:401px) and (max-width:767px) { .contries1 ul li { width: 49%; } } @media only screen and (min-width:768px) and (max-width:991px) { .contries1 ul li { width: 32%; } } @media only screen and (min-width:992px) and (max-width:1199px) { .contries1 ul li { width: 24%; } } .line_bot { /* height: 4px; */ height: 1px; background-color: #FFFFFF; } .top_right5 { margin-top: 5px; } .nav_bg_new { background-color: #052962; height: 45px; } .menu1 { margin-top: 52px !important; } .title_most { margin-bottom: 20px; font-family: GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia, serif; font-weight: 600; } .most_viewed { display: flex; } .most_img { width: 20%; float: left; margin-right: 15px; } .most_img img { object-fit: cover; border-radius: 50%; } .most_text { float: left; width: 65%; font-family: GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia, serif; font-size: 1.0625rem; line-height: 1.15; font-weight: 500; --source-text-decoration-thickness: 2px; } .most_text a { color: #121212; } .most_text a:hover { text-decoration: underline; color: #121212; } .most_line { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; margin-bottom: 10px; padding-bottom: 10px; } .right_view { margin-left: 100px; } .lines3 { background-image: url(../images/line3.gif); background-repeat: repeat-x; background-position: center top; height: 20px; } .topic { margin-bottom: 20px; } .topic_title { font-size: 14px; } .topic_links { font-family: GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia, serif; } .topic_links1 { font-size: 16px; } .topic_links a { color: #c74600; } .topic_links a:hover { color: #c74600; text-decoration: underline; } .topic_links1 a { color: #c74600; } .topic_links1 a:hover { color: #c74600; text-decoration: underline; } .img_text_right { position: absolute; display: none; right: -50px; top: 150px; width: 200px; color: #fff; text-align: left; } @media only screen and (min-width: 300px) and (max-width:767px) { .img_text_right { position: static; } .carousel-item { width: 70%; } } @media only screen and (min-width: 768px) and (max-width:975px) { .img_text_right { position: static; } .carousel-item { width: 90%; } } @media only screen and (min-width: 976px) and (max-width:1300px) { .img_text_right { position: absolute; right: -450px !important; top: 150px; width: 200px; color: #fff; text-align: left; } .carousel-item { width: 70%; } } @media only screen and (min-width: 1301px) and (max-width:1800px) { .img_text_right { position: absolute; right: -400px !important; top: 150px; width: 200px; color: #fff; text-align: left; } .carousel-item { width: 80%; } } .primary-heading1 { font-size: 45px; font-size: 2.8125rem; line-height: 54px; margin: 0 0 15px; color: #333333; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: 600; } .financial-graph h2 { float: left; font-size: 28px; font-size: 1.75rem; margin-top: -20px; text-transform: capitalize; font-weight: 600; } .financial-graph { margin-top: 40px; padding-bottom: 70px; } .financial-graph img { clear: right; margin-bottom: 30px; margin-top: -20px; } .financial-graph h3 { font-size: 26px; font-size: 1.625rem; text-transform: capitalize; margin-top: 20px; margin-bottom: 10px; font-weight: 600; } .financial-graph .content1 { font-size: 18px; font-size: 1.125rem; padding-right: 0; } .page-header1 { padding-bottom: 10px; padding-top: 10px; position: relative; } .operating_bg { background: #0079a5; color: #fff; padding-top: 80px; padding-bottom: 80px; } .generic-content-row-wrap .heading { font-size: 26px; font-size: 1.625rem; margin: 40px 0 10px; text-transform: capitalize; font-weight: 600; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .generic-content-row-wrap .heading2 { font-size: 26px; font-size: 1.625rem; margin: 0px 0 10px; text-transform: capitalize; font-weight: 600; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .generic-content-row { padding: 80px 0; } .generic-content-row { border-bottom: 1px solid #dad9d5; } .gray-bg { background: #f6f5f2; padding-bottom: 70px; padding-top: 65px; } .gray-bg .heading3 { font-size: 38px; font-size: 2.375rem; line-height: 1.3; margin-bottom: 45px; text-align: center; } .main_sec { display: flex; } .main_sec_box { display: flex; flex-direction: column; flex-grow: 1; } .panel-content { padding: 30px; background: #fff; box-shadow: 5px 5px 25px 1px #dad9d5; } .heading-small { font-size: 18px; font-size: 1.125rem; margin: 10px 0; font-weight: 600; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .secondary-dark-bg { background: #1c4565; color: #fff; padding-bottom: 70px; padding-top: 65px; } .modal-content { background-color: #e8f0fc; text-align: center; } @media only screen and (min-width: 768px) { .modal .modal-dialog { max-width: 50% !important; } } .modal-inline { display: block; position: relative; } .modal_img { position: relative; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; bottom: 0; background: rgb(28, 69, 101); background: rgba(28, 69, 101, 0.8); color: #f1f1f1; width: 100%; transition: .5s ease; opacity: 0; color: white; font-size: 20px; padding: 20px; text-align: center; height: 100%; vertical-align: middle; } .overlay img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal_img:hover .overlay { opacity: 1; } .navbar-nav a.nav-link11.active::after { border-top: 4px solid #ff5943; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link2.active::after { border-top: 4px solid #ff7f0f; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link3.active::after { border-top: 4px solid #00b2ff; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link4.active::after { border-top: 4px solid #eacca0; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link5.active::after { border-top: 4px solid #ffabdb; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link6.active::after { border-top: 4px solid #ffe500; margin-top: 5px; opacity: 1 !important; } .navbar-nav a.nav-link5.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .navbar-nav a.nav-link11.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .navbar-nav a.nav-link2.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .navbar-nav a.nav-link3.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .navbar-nav a.nav-link4.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .navbar-nav a.nav-link6.active:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .modal.show .modal-dialog { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .modal .modal-dialog { max-width: 90% !important; } } .btn-close1 { float: right; background: transparent; border: 0; margin-bottom: 20px; margin-top: 10px; right: 0; position: absolute; } @media only screen and (max-width: 979px) { .photoGal .carousel-item { max-width: 100%; width: 80%; } .photo_gal_img { width: 90% !important; } .img_text_right { position: relative !important; right: 0px !important; top: 0px; width: 100 !important; color: #fff; text-align: left; } } @media only screen and (min-width: 980px) and (max-width: 1300px) { .img_text_right { position: relative !important; right: 0px !important; top: 120px; width: 20% !important; color: #fff; text-align: left; } } @media only screen and (min-width: 1301px) and (max-width: 1800px) { .photoGal .img_text_right { position: relative !important; right: 0px !important; top: 120px !important; width: 20% !important; } } @media (min-width: 61.25em) { .photoGal .gallery__figcaption { font-size: 0.8125rem; line-height: 1.125rem; position: relative !important; width: 100% !important; top: 25px; right: auto; margin-left: 20px !important; } } .photoGal .img_text_right { display: none; position: relative !important; } .photoGal .img_text_right.imgTextgal { display: block; } .photo_gal_img { width: 80% } .photo_gal_img img { width: 100% !important; } .photo_detail_gal .content__main-column { max-width: 84.5% !important; width: 90% !important; } .photoGal .modal-dialog { max-width: 100% !important; } @media only screen and (min-width: 980px) { .photo_content { display: flex; justify-content: center; } .photoGal .modal-body .carousel-item { right: -5%; width: 90%; left: 0px; } } #myVideo { position: relative; width: 100%; z-index: 0; height: 100%; } .myVideo1 { position: relative; width: 100%; z-index: 0; min-height: 500px; } /* RB ADD 22-03-2024 */ .modal-backdrop.show { opacity: 0 !important; z-index: 0 !important; } .photo_details_banner .content.content--immersive { bottom: 0px; } .articleCls.content.content--gallery { position: relative !important; } @media (min-width: 46.25em) { .photo_detail_gal .caption.caption--gallery { z-index: 3 !important; } .photo_detail_gal .immersive-main-media__headline-container--gallery:after { top: 20px; } .photo_detail_gal .content__headline { padding-bottom: 80px !important; } } /* end/ RB ADD 22-03-2024 */ .content { position: absolute; bottom: 100px; color: #f1f1f1; padding: 20px; z-index: 2; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; } .content h1 { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-size: 3rem; line-height: 3.25rem; } #myBtn { width: 200px; font-size: 18px; padding: 10px; border: none; background: #000; color: #fff; cursor: pointer; } #myBtn:hover { background: #ddd; color: black; } .blue_bg { background-color: #064265; } .blue_bg1 { background-color: #f2f7fe; } .img_left { background-image: url(../images/image-2.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 500px; } .text_right { color: #064265; padding-top: 140px; padding-right: 50px; padding-bottom: 140px; padding-left: 50px; } .img_right { background-image: url(../images/image-1.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 500px; } .text_left { color: #FFFFFF; padding-top: 140px; padding-right: 50px; padding-bottom: 140px; padding-left: 50px; } .text_left h2 { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-weight: 600; font-size: 3rem; line-height: 3.25rem; letter-spacing: .01em; color: #FFFFFF; text-transform: capitalize; } .text_right h2 { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-weight: 600; font-size: 3rem; line-height: 3.25rem; letter-spacing: .01em; text-transform: capitalize; } .text_left h3 { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-weight: 600; font-size: 1.5rem; margin-bottom: 15px; text-transform: capitalize; } .text_right h3 { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-weight: 600; font-size: 1.5rem; margin-bottom: 15px; text-transform: capitalize; } .hero__overlay { position: absolute; top: 0px; left: 0; height: 99.50%; width: 100%; z-index: 1; background-image: url(../images/download.png); background-repeat: repeat; background-position: center center; } .img_left_right { width: 100%; height: 100%; object-fit: cover; } .blue_bg .col-xxl-6, .blue_bg col-xl-6, .blue_bg .col-lg-6, .blue_bg .col-md-6, .blue_bg .col-sm-12 { padding-left: 0px; padding-right: 0px; } .blue_bg1 .col-xxl-6, .blue_bg1 col-xl-6, .blue_bg1 .col-lg-6, .blue_bg1.col-md-6, .blue_bg1 .col-sm-12 { padding-left: 0px; padding-right: 0px; } .block { display: block; width: 100%; } /*=========game details==========*/ .game_bg { background-color: #064265; padding-top: 28px; padding-bottom: 28px; margin-bottom: 16px; } .game_box { background-color: #FFFFFF; border-radius: 15px; padding-top: 18px; padding-right: 36px; padding-bottom: 18px; padding-left: 36px; } .game_1 { display: flex; justify-content: center; align-items: center; gap: 1.2rem; border: 0.1rem solid #ebe5eb; border-radius: 0.8rem 0.8rem 0 0; border-bottom: 0; padding: 0.4rem 0.8rem; width: 70%; margin-left: auto; margin-right: auto; } .mc-summary__info { display: flex; align-items: center; gap: 0.4rem; font-size: 12px; letter-spacing: -.04rem; color: #022c46; } .icn { background-repeat: no-repeat; display: block; background-size: 100%; } .game_2 {} .left_co { background-color: #231f20; margin-left: 48px; color: #FFFFFF; font-size: 30px; font-weight: bold; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 50px; position: relative; margin-bottom: 14px; } .right_co { background-color: #c2112e; margin-right: 48px; color: #FFFFFF; text-align: right; font-size: 30px; font-weight: bold; padding-top: 17px; padding-right: 50px; padding-bottom: 17px; padding-left: 17px; position: relative; margin-bottom: 14px; } .game_score { background-color: #022c46; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; padding-top: 13px; padding-right: 28px; padding-left: 28px; padding-bottom: 15px; margin-left: -20px; margin-right: -20px; } .big { font-size: 60px; font-weight: bolder; color: #FFFFFF; text-align: center; line-height: 60px; } .sm_score { font-size: 14px; font-weight: normal; color: #FFFFFF; text-align: center; } .con_flag { position: absolute; left: -20px; /*top: -10px;*/ } .con_flag1 { position: absolute; right: -20px; top: 15px; } .score_1 { width: 43%; } .score_2 { width: 14%; } .left_text { font-size: 14px; text-align: right; margin-right: 31px; color: #022c46; } .right_text { font-size: 14px; text-align: left; margin-left: 31px; color: #022c46; } .score_logo { border-right-width: 1px; border-right-style: solid; border-right-color: #d3d3d3; float: left; margin-top: 10px; margin-right: 10px; } .center_text {} .ft { margin-top: 20px; font-size: 30px; font-weight: bold; float: left; color: #022c46; } .manofthematch_box { border-radius: 15px; background-color: #064265; background-image: url(../images/match_bg.png); background-repeat: no-repeat; background-position: center center; padding-top: 36px; padding-bottom: 47px; text-align: center; font-size: 20px; color: #ffe500; } .match1 { font-size: 24px; text-transform: uppercase; font-weight: bolder; line-height: 24px; } .match2 { font-size: 36px; text-transform: uppercase; font-weight: bolder; line-height: 36px; } .all_buts { text-align: center; margin-bottom: 16px; margin-top: 16px; } .but_latest { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; background: #022c46; border-radius: 15px; padding-right: 80px; padding-left: 80px; color: #FFFFFF; padding-top: 16px; padding-bottom: 16px; } .but_latest:hover { color: #ffe500; } .btn_yellow_match { height: 32px; min-height: 32px; font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-radius: 16px; background-color: #ffe500; color: #000000; font-size: 14px !important; font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; margin-top: 5px; transition: all .3s ease 0s; padding-top: 0px; padding-right: 65px; padding-bottom: 0px; padding-left: 65px; margin-right: auto; margin-left: auto; width: 280px; justify-content: center; } .btn_yellow_match svg { margin-left: 10px; } .btn_yellow_match:hover { background-color: #ffd213; color: #000000; } .report_box { border: 1px solid #ebebeb; border-radius: 15px; padding: 27px; margin-top: 30px; margin-bottom: 40px; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-size: 15px; } .heading_match { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; font-size: 24px; font-weight: bold; color: #032d46; margin-bottom: 36px; } .officials { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; margin-bottom: 30px; font-size: 15px; } .right_img { margin-bottom: 12px; position: relative; width: 100%; } .round_img { border-radius: 15px; width: 100%; } .openModal { right: 0; top: 0; border-radius: 0 15px 0 15px; background: #ffe500; display: flex; position: absolute; width: 40px; height: 40px; justify-content: center; align-items: center; } .space_16 { height: 16px; } .space_5 { height: 5px; } /*=========country details==========*/ .country_bg1 { background-image: url(../images/con_bg1.jpg); background-repeat: no-repeat; background-position: right top; height: 200px; margin-top: 10px; padding-top: 72px; padding-left: 180px; color: #FFFFFF; font-size: 23px; font-weight: bolder; margin-bottom: 10px; } .sponsor { background-color: #ebebe6; height: 200px; margin-top: 4px; margin-left: -20px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .country_name { background: #76177d; padding-top: 36px; padding-bottom: 36px; font-size: 22px; font-weight: bolder; color: #FFFFFF; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } .country_left { padding-right: 27px; } .country_left1 { border-right-width: 5px; border-right-style: solid; border-right-color: #efefef; padding-right: 27px; padding-top: 50px; } .country_right { padding-left: 54px; } .visit_us { margin-bottom: 50px; } .visit_us ul { padding: 0; list-style-type: none; display: flex; margin: 0; text-align: left; flex-direction: column; } .visit_us ul li { padding: 0; margin: 0; list-style-type: none; display: block; background-color: #0054a6; margin-bottom: 10px; border-radius: 3px; background-image: url(../images/arrow_left.png); background-repeat: no-repeat; background-position: right center; min-height: 40px; /* height: 40px; */ } .visit_us ul li a { color: #fff; text-decoration: none; padding-bottom: 12px; text-align: left; font-size: 15px; font-weight: 500; padding-right: 13px; position: relative; padding-top: 7px; padding-left: 13px; display: flex; } .visit_us ul li a img { padding-right: 10px; margin-bottom: 5px; margin-top: 2px; } .visit_us ul li a:hover { color: #e7e6e6; } .heading_sm { color: #1b2c58; font-size: 15px; font-weight: bold; margin-bottom: 15px; } .left_map { margin-bottom: 50px; } .top_nav { margin-top: 52px; margin-bottom: 50px; } .top_nav ul { padding: 0; list-style-type: none; display: flex; margin: 0; text-align: left; } .top_nav ul li { margin: 0; list-style-type: none; display: inline-block; padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a3a2a2; border-right-width: 1px; border-right-style: solid; border-right-color: #a3a2a2; padding-right: 43px; padding-left: 43px; padding-top: 17px; padding-bottom: 17px; } .top_nav ul li a { color: #464647; text-decoration: none; text-align: left; font-size: 16px; font-weight: 600; } .top_nav ul li a:hover { color: #0054a6; } .top_nav ul li:last-child { border-right: none; } .country_box { background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: right top; background-color: #37003c; padding-top: 50px; padding-right: 25px; padding-left: 25px; color: #FFFFFF; font-size: 14px; height: 280px; } .country_right1 { margin-left: -20px; } .country_box_heading { font-size: 30px; font-weight: bold; margin-bottom: 15px; } .top_nav1 { margin-top: 80px; margin-bottom: 25px; } .top_nav1 ul { padding: 0; list-style-type: none; display: flex; margin: 0; text-align: left; } .top_nav1 ul li { margin: 0; list-style-type: none; display: inline-block; padding: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #a3a2a2; border-right-width: 1px; border-right-style: solid; border-right-color: #a3a2a2; padding-right: 78px; padding-left: 78px; padding-top: 17px; padding-bottom: 17px; } .top_nav1 ul li a { color: #464647; text-decoration: none; text-align: left; font-size: 16px; font-weight: 600; } .top_nav1 ul li a:hover { color: #0054a6; } .top_nav1 ul li:last-child { border-right: none; } .latest_fixtures_date { background-color: #efa72f; padding: 3px 4px 5px 4px; font-size: 16px; color: #FFFFFF; text-decoration: none; float: left; width: 100%; text-align: center; } .team_standing_table { padding-top: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; font-size: 16px; color: #242424; } .team_standing_table a { color: #242424; } .flag_border { border: 1px solid #737373; } .country_gallery { text-align: center; } .large_bg { background-image: url(../images/lg_bg.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 110px; background-size: cover; padding-top: 230px; color: #FFFFFF; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; padding-bottom: 270px; margin-bottom: 110px; } .discover1 { font-size: 100px; font-weight: bolder; text-transform: uppercase; line-height: 100px; text-align: center; width: 100%; } .discover_text { text-align: center; } .but_more { background: #76177d; border-radius: 30px; padding-top: 22px; padding-bottom: 22px; font-size: 16px; color: #FFFFFF; text-decoration: none !important; margin-bottom: 13px; width: 100%; border: 1px solid #FFFFFF; display: block; text-align: center; font-weight: 500; margin-top: 50px; text-transform: uppercase; width: 200px; } .but_more:hover { color: #ffe500; } .sponsors { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e7e7e7; border-bottom-color: #e7e7e7; padding-top: 20px; padding-bottom: 20px; margin-bottom: 50px; } .sponsors1 {} .sponsors1 ul { padding: 0; list-style-type: none; display: flex; justify-content: center; margin: 0; text-align: left; } .sponsors1 ul li { padding: 0; margin: 0; list-style-type: none; display: inline-flex; border: 1px solid #e7e7e7; border-radius: 30px; width: 138px; padding-top: 10px; padding-bottom: 10px; text-align: center; justify-content: center; align-items: center; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; } .heading_sm1 { color: #1b2c58; font-size: 15px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; text-align: center; } .table_box { overflow-x: auto; } .table_width { width: 100%; } .world_cup_top { background-image: url(../images/top_bg.jpg); background-repeat: no-repeat; background-size: cover; height: 886px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; flex-direction: column; } .world_cup_top h1 { font-size: 65px; font-weight: bold; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; margin-bottom: 30px; line-height: normal; } .world_cup_sm_text { font-size: 20px; font-weight: bold; width: 50%; margin-left: auto; margin-right: auto; line-height: 30px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { font-family: 'Material Icons'; font-size: 4rem; } .owl-nav { height: 0; margin: 0; } .owl-carousel .owl-nav .owl-prev:before { font-family: "Material Icons"; content: "\E5CB"; font-size: 4rem; margin-left: 16px; position: absolute; top: 40%; left: 0px; height: auto; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 0px 12px rgba(0, 0, 0, 0.05); } .owl-carousel .owl-nav .owl-next:after { font-family: "Material Icons"; content: "\E5CC"; font-size: 4rem; margin-right: 16px; position: absolute; top: 40%; right: 0px; height: 100%; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1), 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 0px 12px rgba(0, 0, 0, 0.05); } .but_action { background: #fff; border-radius: 30px; padding-top: 15px; padding-bottom: 15px; font-size: 16px; color: #000; text-decoration: none !important; margin-bottom: 13px; width: 100%; display: block; text-align: center; font-weight: bold; margin-top: 50px; width: 200px; transition: .5s ease; } .but_action:hover { color: #000; transform: scale(1.05); } .but_action img { display: inline !important; } .take_sec { margin-top: 95px; margin-bottom: 95px; } .take_sec_heading { margin-bottom: 44px; color: #000000; font-weight: bold; font-size: 32px; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; } .take_img { position: relative; width: 100%; margin-bottom: 20px; } .image { display: block; width: 100%; height: auto; } .take_img_overlay { background-color: #500778; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .5s ease; border-radius: 10px; } .take_img:hover .take_img_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .text { color: white; font-size: 20px; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-weight: bold; } .purple { background-color: #500778; height: 205px; padding: 35px; border-radius: 10px; color: #FFFFFF; } .purple_overlay { background-color: #500778; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .5s ease; border-radius: 10px; } .take_img:hover .purple_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .yellow1 { background-color: #feb904; height: 205px; padding: 35px; border-radius: 10px; color: #FFFFFF; } .yellow_overlay { background-color: #feb904; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .5s ease; border-radius: 10px; } .take_img:hover .yellow_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .blue { background-color: #003da5; height: 205px; padding: 35px; border-radius: 10px; color: #FFFFFF; } .blue_overlay { background-color: #003da5; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .5s ease; border-radius: 10px; } .take_img:hover .blue_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .green { background-color: #32b67a; height: 205px; padding: 35px; border-radius: 10px; color: #FFFFFF; } .green_overlay { background-color: #32b67a; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease; transition: .5s ease; border-radius: 10px; } .take_img:hover .green_overlay { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #owl-1 .owl-theme .owl-nav { display: block !important; } .lg_image { height: 100vh; width: 100%; margin: auto; background-image: url(../images/top_bg1.jpg); background-position: center center; background-size: cover; background-reapeat: no-repeat; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; flex-direction: column; overflow-x: hidden; } .world_cup_top2 { background-image: url(../images/top_bg1.jpg); background-repeat: no-repeat; background-size: cover; height: 886px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-align: center; flex-direction: column; } .world_cup_top2 h1 { font-size: 65px; font-weight: bold; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; margin-bottom: 30px; line-height: normal; } .lg_image h1 { font-size: 65px; font-weight: bold; font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; margin-bottom: 30px; line-height: normal; } body { overflow-x: hidden; } .nav-link_event { border: none; } .overlay-content_new .accordion .btn a { color: #fff; font-family: GH Guardian Headline, Guardian Egyptian Web, Georgia, serif !important; font-size: 1.5rem !important; line-height: 1.15 !important; text-transform: capitalize; font-weight: 700; } .overlay-content_new .accordion .btn a:hover { color: #ffe500; } .accordion-button a::before { top: 10px !important; } .accordion-button::before { top: 10px !important; } .left_nav ul li a { background-image: url(../images/arrow_left_menu.png) !important; background-repeat: no-repeat; background-position: left center; padding-left: 25px; } .left_nav { margin-bottom: 20px; padding-left: 0px !important; margin-left: -15px !important; } .left_nav ul li a.yellow { background-image: none !important; } @media only screen and (min-width:320px) and (max-width:500px) { .px-72 { padding-left: 1rem; padding-right: 1rem; } .text-48 { font-size: 3.5rem; } } .table_box td { font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important; }