.about .wrap{max-width: 1040px; margin:0px auto;} .about .title{ width: 100%; min-height:90%; display: flex; justify-content: center; align-items: center; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .about .title h1{ font-size: 4em; text-shadow: 2px 2px 8px #000000; line-height:1.1; letter-spacing: 0px; color:white; text-align:center; } .about .title h3{ font-size: 1.6em; text-shadow: 2px 2px 8px #000000; line-height:1.1; letter-spacing: 0px; color:white; text-align:center; margin-bottom:0.8em; } .about .title h4{ font-size: 1.4em; font-weight:bold; text-shadow: 2px 2px 8px #000000; line-height:1.2; letter-spacing: 0px; color:white; text-align:center; margin-bottom:0.8em; } .about .subtitle { width: 100%; max-height: 35%; display: flex; justify-content: center; align-items: center; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .about .title h2{ font-size: 3em; text-shadow: 2px 2px 8px #000000; color:white; line-height:1.1; } .about .title p{ color: white; padding-top:10px; text-shadow: 2px 2px 8px #000000; font-size: 18px; font-family: Open Sans; line-height:1; } .about .title a{ color: white; text-shadow: 2px 2px 8px #000000; font-size: 18px; font-family: Open Sans; font-weight:bold; } @media only screen and (max-width: 1040px){ .about .title{ min-height: 400px; } } .phototitle { position: relative;} .phototitle .title{ width: 100%; justify-content: center; align-items: center; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .phototitle .title { text-align:center; width: 100%; } .phototitle .title h1{ width: 100%; font-size: 4em; position: absolute; line-height: 1em; text-shadow: 2px 2px 8px #000000; color: #CCCCCC; text-align:center; vertical-align:top; top: 0.2em; } .phototitle .subtitle { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .phototitle .title h2{ font-size: 3em; text-shadow: 2px 2px 8px #000000; color:white; } .phototitle .title p{ color: black; font-size: 16px; font-family: Open Sans; line-height: 1.5; } .ngdialog.ngdialog-theme-event .ngdialog-content{padding:4px 3px 0px 3px;} .userpanel { position: fixed; display: inline-block; z-index: 11; margin: 0px; padding:0px; height: 32px; width:100%; top: 0px; } .userpanel li{position: relative;display: inline-block; margin:0px; vertical-align:middle} .userpanel ul li:hover a{ transition: 0.2s; background-color: transparent; color:white; } .registerbutton { padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; height: 25px; background: #FF0000; color: #FFF; font-size: 11px; border: 1px #D50000 solid; box-shadow: 1px 1px #E6E6E6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bgfontlarge { color:#FFFFFF; font-size:12px; } h4 { font-size: 24px; margin-bottom:20px; } .messageboxfont { font-size:18px; vertical-align:middle; font-weight: normal; } .loginbutton { padding: 2px; margin:0px; height:26px; background:#FFFFFF; color: #000066; font-size: 16px; border: 1px #FFFFFF solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; cursor:pointer; width:100px; -webkit-appearance: none; } .media-main .wrap{max-width: 1040px;margin:0px auto;} .media-main .title-background { width: 100%; margin-top:70px; min-height: 600px; display: flex; justify-content: center; align-items: center; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .media-main .title-background .title { margin: 0px auto; max-width: 1020px; text-align: center; } .media-main h1{ font-size: 40px; color:#1e5f9e; } .media-main .title-background h1 { color: white; font-size: 4em; text-shadow: 2px 2px 8px #000000; } @media only screen and (max-width: 1040px){ .media-main .title-background{ min-height: 400px; } } .media-main p { color: #66FFFF; text-shadow: 2px 2px 8px #000000; font-size:18px; } .media-main .press-background{ padding: 50px; } .media-main .press-background .title{ margin:10px 10px; max-width: 1020px; position: relative; display: flex; align-items: center; } .media-main .press-background .title .sub{ font-weight: 900; font-family: Open Sans; margin-left:10px; } .media-main .press-background .press .item .title2{ margin:10px; } .media-main .press-background .press .title2{ font-family: Open Sans; font-weight: 900; } .media-main .press-background h2{ padding: 10px; color:#1e5f9d; font-size: 2em; font-family: FuturaStd-Bold; } .media-main .press-background .sub a{ color:#1e5f9e; margin-left:10px; } .media-main .press-background .navigator{ position: absolute; top:20px; right: 0px; width: 90px; text-align: right; } .media-main .press-background .navigator .nav{ padding:2px 7px 3px; background-color: #1e5f9e; margin:5px; border-radius: 2px; color: white; } .media-main .press-background .navigator .nav i{ color: white; font-size:0.8em; } .media-main .press-background .press{ margin:0px auto; width: 100%; display: flex; } .media-main .press-background .press .item{ height: 320px; width: 230px; padding:5px; border-radius: 5px; background-color: white; position: relative; -webkit-box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); margin:10px; } .media-main .press-background .press .item .image{ width: 100%; height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center; } .media-main .press-background .press .item .date{ color:#737373; padding:10px 10px 0px 10px; font-family: Open Sans; } .media-main .press-background .press .item .title{ padding: 0px; margin:10px; height: 60px; font-weight: 600; font-family: Open Sans; } .media-main .press-background .press .item a{ color:white; font-weight: bolder; background-color: #eb1e32; position: absolute; border-radius: 55px; padding: 10px 30px; bottom: 15px; left:50px; font-family: FuturaStd-Bold; font-size: 0.8em; } @media only screen and (max-width: 1040px) { .media-main .press-background .press { justify-content: center; } } .media-main .photo-vid{ display: flex; width:100%; justify-content: center; } @media only screen and (max-width: 768px) { .media-main .photo-vid{ flex-wrap: wrap; } } .media-main .photo-background{ background-color:#2A2A2A; height: 500px; position: relative; padding:0px 50px; width:100%; } .media-main .photo-background .title{ margin:30px auto; position: relative; transition: 0.2s; font-size: 0.8em; } .media-main .photo-background h1{ color: #66FFFF; transition: 0.2s; } .media-main .photo-background p{ transition: 0.2s; margin:10px 0px; } .media-main .photo-background a{ color:#1e5f9d; background-color:white; border-radius: 60px; padding: 13px 20px; margin-top:50px; text-align: center; padding-top: 13px; font-family: Open Sans; font-weight: 600; transition: 0.2s; } .media-main .photo-background .btn-text{ color:#1e5f9d; } .media-main .photo-background:hover a{background-color:#ffdd15; transition: 0.2s;} .media-main .photo-background:hover h1{color: #ffdd15; transition: 0.2s;} .media-main .photo-background:hover p{color: #ffdd15; transition: 0.2s;} /*photo archive*/ .media-photo{ max-width: 1040px; margin:0px auto; margin-top:70px; padding: 50px; background-color: white; } .media-photo .title{ margin:10px; } .media-photo .title h1{ font-size: 40px; color: #1e5f9e; } .media-photo .gallery-cont{ display: flex; flex-wrap: wrap; margin:10px; } .media-photo .gallery-cont .item{ height: 300px; width: 200px; margin:10px; } .media-photo .gallery-cont .item .img{ height: 200px; width: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 3px 3px 10px 1px rgba(184,184,184,1); -moz-box-shadow: 3px 3px 10px 1px rgba(184,184,184,1); box-shadow: 3px 3px 10px 1px rgba(184,184,184,1); } .media-photo .gallery-cont .item .caption{ text-align: center; padding:10px 0px; margin-top:10px; } .media-photo .gallery-cont .item .caption a{ font-family: Open Sans; color: #1e5f9e; text-align: center; } .media-photo .gallery-cont .item .caption a:hover{ text-decoration: underline; } .photo-section{ padding:30px 20px; } .photo-section .title{ margin:10px; margin-bottom: 30px; text-align: center; } .photo-section .title h1{ font-size: 40px; color:#1e5f9e; } .photo-section .photo-wrap{ display: flex; flex-wrap: wrap; margin:10px; justify-content: center; } .photo-section .photo-wrap .photo-item{ width: 150px; height: 100px; margin:2px; } .photo-section .photo-wrap .photo-item .photo-thumb{ background-size: cover; background-repeat: no-repeat; background-position: center; height: 100px; width: 150px; } .lightbox{z-index: 10001;} .photo-arena { background-image: url(../img/arena.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; position: relative; padding:0px 50px; width:100%; } .photo-dream { background-image: url(../img/dream.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; position: relative; padding:0px 50px; width:100%; } .photo-rectangle { background-image: url(../img/rectangle.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; position: relative; padding:0px 50px; width:100%; } /*WHAT SECTION*/ .desc-1{ width: 100%; background-color:rgb(233, 244, 253); text-align: center; padding:65px 0px; } .desc-cont{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px; } .desc-cont .desc-item{ width: 250px; padding:30px; height: 350px; margin-top: 100px; margin-left: 35px; margin-right: 35px; margin-bottom: 35px; padding:30px; background-color:white; display: flex; flex-direction:column; align-items: center; border-radius: 4px; -webkit-box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); box-shadow: 0px 0px 42px -14px rgba(0,0,0,0.75); } .desc-cont .desc-item .circle{ width: 280px; height: 90px; position: relative; margin-top:-60px; display: flex; justify-content: center; align-items: center; border-radius: 3px; } .desc-cont .desc-item .circle h1{ font-family: Open Sans; font-weight: 800; text-align: center; margin-top:15px; font-size: 24px; } .desc-cont .desc-item:first-child .circle{ background-color:rgb(240, 80, 68); } .desc-cont .desc-item:first-child p{ color: #1e5f9e ; font-family: Open Sans; font-size: 14px; margin-top: 30px; font-weight: medium; text-align: center; line-height: 1.8; } .desc-cont .desc-item:nth-child(2) .circle{ background-color:rgb(25, 136, 200); } .desc-cont .desc-item:nth-child(2) p{ color: #1e5f9e ; font-family: Open Sans; margin-top: 30px; font-size: 14px; font-weight: medium; text-align: center; line-height: 1.8; } .desc-cont .desc-item:nth-child(3) .circle{ background-color:rgb(20, 169, 159); } .desc-cont .desc-item:nth-child(3) p{ color: #1e5f9e; font-family: Open Sans; margin-top: 30px; font-size: 14px; font-weight: medium; text-align: center; line-height: 1.8; } .desc-cont .desc-item p{ margin-top:20px; } @media only screen and (max-width: 1040px) { .desc-1 .desc-cont .desc-item{ margin-bottom:130px; min-height: 270px; height: 100%; } } .desc-cont .desc-item h1{ font-family: Open Sans; font-weight: bold; color: white; margin-bottom: 15px; font-size:2em; } .desc-cont .desc-item p{ color: white; font-family: Open Sans; font-size: 16px; } .submit-button{ width: 90%; background-color: #e91222; margin-top:20px; text-align: center; align-content: center; border-radius: 40px; font-weight: 900; font-size: 14px; padding: 15px; } .submit-button .submit{ color: white; } #content p { margin-top: 0px; margin-bottom: 12px; line-height:1.5; } #content ul li::before { content: "\2022"; font-weight: bold; display: inline-block; width: 1em; margin-left: -0.7em; } .breadcrumb { padding: 2px; margin-bottom: 20px; list-style: none; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } p { line-height:1.5; letter-spacing: 0px; margin-top: 0px; margin-bottom: 12px; } .direction { color: white; font-size: 16px; font-weight:bold; text-decoration:none; } .direction:hover { color: white; font-size: 16px; font-weight:bold; text-decoration:none; } .link { color: white; font-weight:bold; text-decoration:none; } .link:hover { color: white; font-weight:bold; text-decoration:none; } #footerbox { z-index: 9999; width:100%; position: fixed; bottom: 5; padding: 20px; text-align:right; } #whatsapp a { border: solid #005100 1px; background-color: #006600; padding: 10px; color: white; border-radius: 10px; } #whatsapp a:hover { background-color: #00CC00; cursor: hand; padding: 15px; color: white; text-decoration:none; border-radius: 10px; } #quotation a { background-color: #6699FF; border: solid #0099FF 1px; padding: 10px; color: white; border-radius: 10px; margin-right: 10px; } #quotation a:hover { background-color: #66CCFF; cursor: hand; padding: 15px; color: white; text-decoration:none; border-radius: 10px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { float: left; } .col-1 { width: 100%; } .col-2 { width: 75%; } .col-3 { width: 67%; } .col-4 { width: 50%; } .col-5 { width: 33%; } .col-6 { width: 25%; } @media only screen and (max-width: 600px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { float: left; width: 100%; } } .video-wrapper {position: relative; padding-bottom: 44.3%; /* 16:9 */ padding-top: 0px;} .video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}