html, body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
.slider {
width: 100%;
margin: 0px auto;
}
.slick-slide {
margin: 0px 0px;
}
.slick-slide img {
width: 100%;
max-height: 630px;
border-radius: 10px
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .7;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}
.newjobz{ display: none;}
.where_banner.where_banner_imgjuly {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
}
.where_bannerjuly{
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
}
.where_overlay_newjuly {
width:30% !important;
bottom: 150px !important;
padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:5px;}
.where_overlay_newjuly1 {
/*width:45% !important*/
left:27.5%;
padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:5px;
}
.july_indicator {
position: absolute;
bottom: 40px;
left:4%;
z-index: 161;
width: 50%;
padding-left: 0;
background-color:#990000;
text-align: left;
}
.where_overlay_new6 {
bottom: 50px;
left:20%;
padding: 20px;
background-image: url(../images/work_bg.png);
background-repeat: repeat;
z-index:102;
position: absolute;
}
.where_overlay_new6:hover{
background-image: url(../images/work_bg1.png);
background-repeat: repeat;
color:#00aeef;
}
.where_overlay_new6 .category {
color: rgba(255,255,255,0.6);
font-size: 14px;
background-image: url(../images/work_line.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 8px;
margin-bottom:21px;
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
font-weight: 400;
text-transform: uppercase;
}
.where_overlay_new6 h1 {
font-weight: 600;
line-height: 1.33;
letter-spacing: normal;
font-size: 24px;
color:#FFFFFF;
text-transform:uppercase;
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
}
.where_overlay_new6 p {
font-size: 16px;
line-height: 1.44;
color:#FFFFFF;
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
}
.where_overlay_new6 h1 a {
color:#FFFFFF;
text-decoration:none;
}
.where_overlay_new6 h1 a:hover {
color:#00aeef;
text-decoration:none;
}
footer {
position: relative!important;
}
.where_bannerjuly {
position: relative!important;
height: 700px!important;
width: 100%;
background-size: cover;
}
.where_bannerjuly1 {
position: relative!important;
height: 700px!important;
width: 100%;
background-size: cover;
}
.where_bannerjuly1 {
position: relative!important;
height: 700px!important;
width: 100%;
background-size: cover;
overflow: hidden;
}
.where_bannerjuly .content {
position: absolute;
bottom: 50px;
width: 1000px;
}
.where_bannerjuly .content h1 {
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
font-size: 2rem;
line-height: 2.8rem;
}
.tedframe {
height: 100%;
width: 100%;
min-height: 760px;
border: none;
margin-top: 20px;
}
.carousel .carousel-item{
width: 100%!important;
}.carousel-indicators [data-bs-target] {
position: relative;
width: 60px;
height: 6px;
border: none;
border-radius: 24px;
}
.carousel-indicators .active [data-bs-target] span {
animation-name: c;
animation-duration: 5s;
animation-timing-function: ease-out;
animation-play-state: running;
}
.carousel-indicators [data-bs-target] span {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
border-radius: 0.8rem;
background-color: #ff3000;
}
.carousel-indicators [data-bs-target] span {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #7952b3;
border-radius: inherit;
}.july_indicator .carousel-indicators li {
display: inline-block;
width: 50px!important;
height: 5px!important;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #cccccc;
border: 1px solid #cccccc;
border-radius: 3px!important; margin: 3px;}
.july_indicator .carousel-indicators button {
display: inline-block;
width: 50px!important;
height: 5px!important;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #cccccc;
border: 1px solid #cccccc;
border-radius: 3px!important; margin: 3px;}.july_indicator .carousel-indicators button span {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #db0000;
border-radius: inherit;
}
.july_indicator .carousel-indicators {
position: absolute;
bottom: 10px;
left: 29%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.july_indicator .carousel-indicators .active {
background-color: #db0000!important;
opacity: 1;border: 1px solid #db0000;
}
.carousel-inner .july_indicator .carousel-indicators .active {
opacity: 1;
background-color: #cccccc!important;
border: 1px solid #cccccc;}
#myVideo {
position: relative;
width: 100%;
z-index:0; height:100%;
}
.myVideo1 {
position: relative!important;
width: 100%;
z-index: 100;
min-height: 700px!important;
top: 0!important;
}
.content_vd {
position: absolute;
bottom: 0px;
color: #f1f1f1;
padding: 20px;
z-index: 2;
width: 100%;
left: 0;
height: 700px;
background-image: url(images/video_bg.png);
background-repeat: repeat-x;
background-position: center bottom;
}
.content_vd1 {
position: absolute;
bottom: 100px;
color: #f1f1f1;
padding: 20px;
z-index: 20;
width: 100%;
left:10%;
}
.where_bannerjuly .content_vd1 h1 {
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
font-size: 2rem;
line-height: 2.8rem;
}
@media only screen and (min-width: 240px) and (max-width:991px){
.where_overlay_new6 .category {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
font-size:0.7rem !important;
}
.where_bannerjuly .content h1 {
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.where_bannerjuly {
position: relative!important;
height: 80vh!important;
width: 100%;
background-size: cover;
}
.where_overlay_new6 {
left: 2%;
padding:10px;
width: 100%;
}
.where_bannerjuly .content {
width: 80%!important;
left:0px;
}
.where_overlay_newjuly1 p{
display: none;
}
.content_vd1 {
position: absolute;
bottom: 100px;
color: #f1f1f1;
padding: 20px;
z-index: 20;
width: 100%;
left: 0%;
}
.content_vd {
bottom: 0px;
}
}
.video-cover video {
object-fit: cover;
}
@media only screen and (min-width: 240px) and (max-width:500px){
.tedframe {
min-height: 450px;
}
.slick-slide img {
width: 100%;
max-height: 228px;
border-radius: 10px
}
}
@media only screen and (min-width: 501px) and (max-width:767px){
.tedframe {
min-height: 550px;
}
.slick-slide img {
width: 100%;
max-height: 323px;
border-radius: 10px
}
}
@media only screen and (min-width: 992px) and (max-width:1199px){
.where_overlay_new6 {
left: 5%;
width: 80%;
}
.content_vd1 {
position: absolute;
bottom: 100px;
color: #f1f1f1;
padding: 20px;
z-index: 20;
width: 100%;
left: 0%;
}
.content_vd {
bottom: 0px;
}
}
@media only screen and (min-width: 1900px) and (max-width:3500px){
.slick-slide img {
width: 100%;
max-height: 630px;
border-radius: 10px
}
}
@media only screen and (min-width: 1200px) and (max-width:1500px){
.content_vd {
bottom: 0px;
}
}
video{
position: absolute!important;
top:0;
left:0;
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
.spacer{ height:28px; background-color:#fff; background-image: url(images/shadow.png);}
.talk-grid__tile__details__title {
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
}
.talk-grid__page--page-1 .talk-grid__tile--tile-1 .talk-grid__tile__details__speaker, .talk-grid__tile--tile-1 .talk-grid__tile__details__speaker {
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
}.btn_yellow2 {
float: left!important;
}
.but_play_pause{ position:absolute; z-index:1; top:50px; right:20%; color:#ffe500; font-size:50px;}.gallery1{ background-color:#FFFFFF;}
.gal_left{ float:left; width:14.9%; position:relative;}
.gal_main{float:left; width:70%;position:relative;}
.gal_right{float:left; width:14.9%;position:relative;}
.gal_arrows_left{ position:absolute; top: 50%; cursor: pointer;
left: 320px;
z-index: 9999;
transform: translate(-50%, -0%);}
.gal_arrows_right{ position:absolute; top: 50%; cursor: pointer;
right: 270px;
transform: translate(-50%, -5%); z-index:10;}
.gal_main img{object-fit: fill; }
@media only screen and ( min-width:992px) and ( max-width:1200px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: 0%;
transform: translate(-50%,0%); z-index:10;}
.gal_arrows_left {
left: 7%;
}
}
@media only screen and ( min-width:1200px) and ( max-width:1500px ) {
.gal_arrows_right {
right: 10%;
}
}
@media only screen and ( min-width:1501px) and ( max-width:1700px ) {
.gal_arrows_right {
right: 12%;
}
}
@media only screen and ( min-width:768px) and ( max-width:991px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: 0%;
transform: translate(-50%,0%); z-index:10;}
.gal_arrows_left {
left: 7%;
}
}
@media only screen and ( min-width:320px) and ( max-width:420px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: -23%;
transform: translate(-50%, -23%); z-index:10; text-align:center;}
.gal_arrows_left{text-align:center;}
.gal_arrows_right img{ width:70%;}
.gal_arrows_left img{width:70%;}
}
@media only screen and ( min-width:421px) and ( max-width:500px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: -23%;
transform: translate(-50%, -23%); z-index:10; text-align:center;}
.gal_arrows_left{text-align:center;}
}
@media only screen and ( min-width:501px) and ( max-width:600px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: -18%;
transform: translate(-50%, -18%); z-index:10; text-align:center;}
.gal_arrows_left{text-align:center;}
}
@media only screen and ( min-width:601px) and ( max-width:767px ) {
.gal_arrows_right{ position:absolute; top: 50%;
right: -15%;
transform: translate(-50%, -15%); z-index:10; text-align:center;}
.gal_arrows_left{text-align:center;}
}
.latest_galleries{
font-size:30px;
color:#032d46;
margin-bottom:50px;
margin-top:50px;
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif!important;
font-weight:700;
float: left;
}.btn_yellow10{
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;
padding: 0px 12px;
margin-bottom: 6px; float: right; display: flex;
align-items: center; margin-top:5px; transition: all .3s ease 0s; margin-top: 50px;}
.btn_yellow10 svg{ margin-left:10px;}
.btn_yellow10:hover{ background-color:#ffd213; color:#000000;}
@media only screen and ( min-width:320px) and ( max-width:470px ) {
.latest_galleries {
margin-bottom: 20px;
margin-top:0px;
}
.btn_yellow10 {
margin-top: 0px;
}
}
@media only screen and (min-width: 300px) and (max-width: 529px) {
.races_all_new {
position: relative!important;
top: 10px!important;
}
.races_left {
width: 100%!important;
top: 10px!important;
position: relative!important;
}
.races {
width: 100%!important;
top: 10px!important;
position: relative!important;
}
#map-canvas {
height: 650px;
}
}
.races {
width: 340px;
position:absolute;
z-index: 10;
right:0;
top:0px;
}
.races_menu{
background-color: #19232e;
}
.races_all {
background-color: #19232e;
padding:10px;
height:50px;
}
.race_img{padding-bottom:10px;}
.custom-select {
position: relative;
font-family: 'Euclid Circular A', Arial;
border: 1px solid #7b8a9b;
}
.custom-select select {
display: none; /*hide original SELECT element:*/
}
.select-selected {
background-color: #3d5167;
font-family: 'Euclid Circular A', 'Open Sans', sans-serif;
font-weight: 400;
font-size: .800em;
text-transform: uppercase;
}
/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 4px solid transparent;
border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
color: #ffffff;
padding: 1px 8px 1px 6px;
border-color: transparent transparent #fff transparent;
cursor: pointer;
user-select: none;
}
.select-items div{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #7b8a9b;
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: #3d5167;
border: 1px solid #7b8a9b;
top: 100%;
left: 0;
right: 0;
z-index: 99;
width:99.95%;
font-family: 'Euclid Circular A', 'Open Sans', sans-serif;
font-weight: 400;
font-size: .800em;
text-transform: uppercase;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #2b3c4e;
}
/* 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;
}
#map-canvas {
height: 650px;
}
.map_nav {
text-align: left;
overflow: auto;
height: 350px;
margin-bottom: 10px;
font-size: 1em !important;
}
.map_nav ul{
padding:0;
list-style-type:none;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0px;
}
.map_nav ul li{ padding:0; margin:0;}
.map_nav ul li{
color:#bebebe;
text-decoration:none;
display:block;
background-image: url(../images/arrow_in.jpg);
background-repeat: no-repeat;
background-position: right;
background-color: #3d5167;
margin-bottom: 2px;
font-family: 'Euclid Circular A', 'Open Sans', sans-serif;
font-weight: 400;
font-size: .800em;
text-transform: uppercase;
height:69px;
}
.map_nav ul li .date{
background-color: #29394a;
float:left;
background-image:none;
font-family: 'Euclid Circular A', 'Open Sans',sans-serif;
font-weight: 400;
font-size: .800em;
text-align:center;
padding-top: 6px;
padding-right: 20px;
padding-bottom: 7px;
padding-left: 18px;
}
.map_nav ul li .date span{
font-weight: 700;
display: flex;
}
.map_nav ul li:hover .date{
background-image: url(../images/line.jpg);
background-repeat: no-repeat;
background-position: right center;
background-color: #29394a;
text-align:center;
}
.map_nav ul li:hover {
background-image: url(../images/arrow_on.jpg);
background-repeat: no-repeat;
background-position: right;
color:#FFFFFF;
}
.map_nav ul li .state{
padding-top: 25px;
padding-bottom: 15px;
padding-left: 20px;
float:left;
font-weight: 700;
}
.map_nav ul li a{
color:#bebebe;
text-decoration:none;
}
.map_nav ul li a:hover{
color:#FFFFFF;
text-decoration:none;
}
@media only screen and ( min-width: 530px) and ( max-width:768px ) {
}
@media screen and (max-width: 768px) {
.races {
width: 100%!important;
position: relative!important;
}
.map_nav {
height:350px;
}
.races_left {
width: 100%!important;
position: relative!important;
}
.where_bannerjuly1 {
position: relative!important;
height: 100%!important;
width: 100%;
background-size: cover;
margin-top: 24px;
}
}
@media only screen and (min-width: 769px) and (max-width:1000px){
.map_nav {
height:350px;
}
}
.races_all_new{
width: 100%;
position:absolute;
z-index: 10;
left:0;
}
.races_left {
width: 340px;
position:absolute;
z-index: 11;
left:0;
top:0px;
}
.races_left_container {
position: relative;
width: 100%;
z-index: 12;
margin-bottom:12px;
}
.races_left_image {
display: block;
width: 100%;
height: auto;
}
.races_left_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
z-index: 13;
background-image: url(../images/over_bg.png);
text-align:center;
}
.races_left_container:hover .races_left_overlay {
opacity: 1;
}
.races_left_text {
color: white;
font-size: 18px;
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width:100%;
font-family: 'Euclid Circular A', 'Open Sans',sans-serif;
font-weight: 400;
}
.races_left_text {
color: white;
font-size: 18px;
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width:100%;
font-family: 'Euclid Circular A', 'Open Sans',sans-serif;
font-weight: 400;
}
.races_left_text a {
color: white;
text-decoration:none;
font-weight: bold;
}
.races_left_text a:hover {
color: #FFFFFF;
text-decoration:none;
font-weight: bold;
}
.slick-initialized .slick-slide {
display: block;
padding-left:2px!important; padding-right:2px!important;
padding-bottom:0!important; padding-top:0!important;
margin-bottom: -10px!important;
}
@charset "utf-8";
/* CSS Document */
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 50%;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
border-radius: 0px;
}
/* Modal Content/Box */
.modal-content {
background-color:#80bd01 !important;
border: 1px solid #888;
width: 85%; /* Could be more or less, depending on screen size */
margin-top: 5%;
margin-right: auto;
margin-bottom: 15%;
margin-left: auto;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
border-radius: 0px !important;
}
/* The Close Button */
.close {
color: #000000 !important;
float: right;
font-size: 40px !important;
font-weight: bold;
margin-top:-10px !important;
opacity:1 !important;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.modal-header {
background-color: #80bd01;
color: white;
text-align:center;
margin-top:-20px;
height:20px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
}
/* Modal Body */
.modal-body {
background-color: #014255;
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
padding: 0px !important;
background-image: url(images/img_popup.png);
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
}
/* Modal Footer */
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
text-align:center !important;
}
@keyframes animatetop{
from {top: 300px; opacity: 0}
to {top: 0; opacity: 1}
}
@font-face {
font-family: 'Euclid Circular A', 'minion_proregular';
src: url('minion_pro-webfont.woff2') format('woff2'),
url('minion_pro-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
#map-canvas {
height: 650px;
}
#iw_container {
width:500px;
}
#iw_container .iw_title {
font-size: 30px;
font-weight: 700;
letter-spacing: -.05rem;
text-transform: uppercase;
color: #000;
}
.iw_content {
padding: 30px 30px 30px 0;
color:#000000;
font-weight:400;
font-size: 18px;
}
.button_video1{
text-decoration:none;
display:inline-block;
color: #FFFFFF!important;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
padding-right: 50px;
padding-left:50px;
font-size:20px;
background-color: #cf102d;
text-transform: uppercase;
font-family: 'Euclid Circular A', 'Open Sans', sans-serif;
font-weight:800;
border: 2px solid #cf102d;
border-radius:5px;
margin-top:20px;
}
.button_video1:hover{
background-color:#cf102d;
color: #ffffff;
}
/* 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;
}
.map_nav {
text-align: left;
overflow: auto;
height: 350px;
margin-bottom: 10px;
font-size:1em !important;
}
.popup_left{ padding:40px; float:left; text-align:left; width:65%;}
.p_heading{
background-color: #80bd01;
border: 2px solid #FFFFFF;
font-size: 90px;
font-weight: 900;
color: #fff;
font-family: 'Euclid Circular A', 'Muli', sans-serif;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
margin-bottom:40px;
text-align:left;
float:left;
}
.popup_left_h1{
font-size: 50px;
font-weight: 900;
color: #fff;
font-family: 'Euclid Circular A', 'Muli', sans-serif; margin-bottom:20px;}
.popup_left_h2{
font-size:30px;
color: #fff;
font-family: 'Euclid Circular A', 'Muli', sans-serif; margin-bottom:20px; margin-bottom:20px;}
.popup_button{
text-decoration:none;
display:inline-block;
color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
padding-right: 30px;
padding-left:30px;
font-size:25px;
background-color: #ef8a18;
font-weight: 700;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
font-family: 'Euclid Circular A', 'Muli', sans-serif;
margin-bottom:20px;
}
.popup_button:hover{
background-color:#d97402;
color: #ffffff;
text-decoration:none;
}
.season{ float:left; font-family: 'Euclid Circular A', 'Muli', sans-serif;}