.ova_box_feature_2 { text-align: center; } .blink-bg-in { color: #fff; padding: 1px 8px; display: inline-block; border-radius: 0px; animation: blinkingBackground 2s infinite; z-index: 1; font-size: 14px; width: auto; text-align: center; margin-left: 10px; } .btn-youtube { color: #fff; font-size:13px!important; background: #FF0000!important; border-color: #FF0000!important; } .btn-fb { font-size:13px!important; color: #fff; background: #4267B2 !important; border-color: #4267B2 !important; } .bg-yu { background: #FF0000!important; } .bg-fb { background: #4267B2 !important; } .blink-bg-slider{ color: #fff; padding: 8px; display: inline-block; border-radius: 0px; animation: blinkingBackground 2s infinite; z-index: 1; font-size: 15px; text-align: center; } .blink-bg-slider a{ color: #fff; } @keyframes blinkingBackground{ 0% { background-color: #10c018;} 25% { background-color: #5793ec;} 50% { background-color: #ff6e78;} 75% { background-color: #ff9393;} 100% { background-color: #04a1d5;} } .blink-bg{ float: right; color: #fff; padding: 8px; display: inline-block; border-radius: 0px; animation: blinkingBackground 2s infinite; z-index: 1; font-size: 15px; text-align: center; margin-left: 10px; } .blink-bg a{ color: #fff; } @keyframes blinkingBackground{ 0% { background-color: #10c018;} 25% { background-color: #5793ec;} 50% { background-color: #ff6e78;} 75% { background-color: #ff9393;} 100% { background-color: #04a1d5;} } .ova_box_feature_2 { text-align: center; box-shadow: 0px 10px 40px 0px rgb(6 22 58 / 10%); padding: 55px 15px 50px; background: #fff; transition: .4s; margin-left: 1.5rem ; } .bg-layer { background-color: #F6F6F6; } .f12 { font-size:13px!important; } .carousel-bg { background: linear-gradient(103.04deg,#18184a 50.18%,#19398a 98.95%,#18184a 110.32%); } #demos .owl-carousel { margin: 2rem 0; } #demos .owl-carousel .item { height: 10rem; background: #4DC7A0; padding: 1rem; } @media only screen and (min-width: 64.0625em){ .large-12 { width: 100%; } } @media only screen and (min-width: 64.0625em){ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } @media only screen and (min-width: 40.0625em) { .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .ova_feature_box_3 { max-width: 450px; box-shadow: 0px 10px 40px 0px rgb(6 22 58 / 10%); background: #fff; padding: 60px; max-height: 450px; } .info-container { margin: 0; padding: 0 0 0 30px; border-style: solid; border-width: 0 0 0 1px; border-color: #e8e8e8; } .call-widget-container { padding: 0 30px 0 0; } .ova_feature_box_3 .wrap-icon { margin: 0 0 6px; } #demos .owl-carousel { margin: 2rem 0; } .ova-testimonial.version_2 .slide-testimonials .client_info .client img { border-radius: 50%; } .owl-carousel .owl-item img { display: block; width: 100%; } .ova-testimonial.version_2 .slide-testimonials .client_info { display: flex; flex-wrap: wrap; padding: 0; background: 0 0; box-shadow: none; } .ova-testimonial .slide-testimonials .client_info { padding: 34px 35px 40px 40px; position: relative; } .ova-testimonial.version_2 .slide-testimonials .client_info .client { width: 140px; } .ova-testimonial.version_2 .slide-testimonials .client_info .info { width: calc(100% - 140px); padding: 0 0 0 60px; } .ova-testimonial .slide-testimonials .client_info .info { padding-top: 24px; display: flex; flex-wrap: wrap; align-items: center; } .ova-testimonial.version_2 .slide-testimonials .client_info .info p.evaluate { font-size: 26px; line-height: 40px; color: #62718d; margin-bottom: 30px; } .ova-testimonial .slide-testimonials .client_info p.evaluate { font-size: 18px; font-weight: 400; color: #62718d; line-height: 26px; margin: 0 0 9px; } .ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .name { font-size: 18px; line-height: 1.2; font-weight: 400; color: #202b5d; } .ova-testimonial .slide-testimonials .client_info .info .name-job .name { font-size: 18px; line-height: 1.2; font-weight: 400; color: #202b5d; letter-spacing: .2px; margin-bottom: 2px; } .ova-testimonial .slide-testimonials .client_info .info .name-job p { margin: 0; } .ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .job { font-size: 15px; line-height: 1.2; color: #62718d; } .ova-testimonial .slide-testimonials .client_info .info .name-job .job { font-size: 15px; line-height: 1.2; font-weight: 400; color: #62718d; } .ova-testimonial .slide-testimonials .client_info .info .name-job p { margin: 0; } .ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote { bottom: unset; top: -16px; left: 140px; } .ova-testimonial .slide-testimonials .client_info .icon-quote { position: absolute; bottom: 44px; right: 40px; } .ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote span:before { color: #14AFFF; } .ova-testimonial .owl-carousel .owl-stage-outer { margin-right: -30px; margin-left: -30px; padding-left: 30px; padding-right: 30px; width: calc(100% + 35px ); } .ova-testimonial .owl-stage-outer { padding: 50px 0; } .ova-testimonial { margin: -40px 0px 100px 0px; padding: 0% 15% 0% 15%; } .ova_feature_box_3 .title { margin: 0 0 15px; font-size: 36px; line-height: 44px; color: #202b5d; font-weight: 600; } .ova_feature_box_3 .desc { margin: 0 0 79px; font-size: 20px; line-height: 26px; color: #62718d; } .ova_feature_box_3 .desc-light { margin: 0 0 79px; font-size: 20px; line-height: 26px; color: #ffffff; } .ova-contact-info { display: flex; align-items: center; } .ova-contact-info { display: flex; align-items: center; } .ova-contact-info .icon { display: flex; align-items: center; margin-right: 8px; } .ova-contact-info.type2 .address .sub_text_link { font-size: 15px; line-height: 24px; color: #62718d; display: block; } .ova-contact-info .address span { font-size: 15px; line-height: 24px; color: #62718d; } .mt-n4 { margin-top:-3rem;} .mt-n5 { margin-top:-6rem;} .ova-contact-info.type2 .address .text_link a { font-size: 20px; line-height: 24px; color: #202b5d; } .ova-contact-info.type2 .icon { margin-right: 15px; } .ova-contact-info .icon { display: flex; align-items: center; margin-right: 8px; } .widget-container { -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; } .ova_box_feature_2 .icon { margin: 0 0 20px; } .ova_box_feature_2 .icon { margin: 0 0 20px; } .ova_box_feature_2 .excerpt { font-size: 17px; line-height: 24px; color: #62718d; margin: 0 0 23px; transition: .4s; } .ova_box_feature_2 .icon i:before { transition: .4s; margin: 0; font-size: 60px; } .heading-title { color: #202B5D; font-size: 40px; font-weight: 700; line-height: 50px; font-family: 'Helvetica'; } .archive_event { margin: 0 -5px 0px; } /*3D box css*/ @-webkit-keyframes spincube { from, to { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 16% { -webkit-transform: rotateY(-90deg); } 33% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); } 50% { -webkit-transform: rotateY(-180deg) rotateZ(90deg); } 66% { -webkit-transform: rotateY(-270deg) rotateX(90deg); } 83% { -webkit-transform: rotateX(90deg); } } @keyframes spincube { from, to { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 16% { -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } 33% { -moz-transform: rotateY(-90deg) rotateZ(90deg); -ms-transform: rotateY(-90deg) rotateZ(90deg); transform: rotateY(-90deg) rotateZ(90deg); } 50% { -moz-transform: rotateY(-180deg) rotateZ(90deg); -ms-transform: rotateY(-180deg) rotateZ(90deg); transform: rotateY(-180deg) rotateZ(90deg); } 66% { -moz-transform: rotateY(-270deg) rotateX(90deg); -ms-transform: rotateY(-270deg) rotateX(90deg); transform: rotateY(-270deg) rotateX(90deg); } 83% { -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } .cubespinner>div:hover { color: #000 !important; } .cubespinner { -webkit-animation-name: spincube; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 17s; animation-name: spincube; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 17s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 60px 60px 0; -moz-transform-origin: 60px 60px 0; -ms-transform-origin: 60px 60px 0; transform-origin: 60px 60px 0; } .face1, .face2, .face3, .face4, .face5, .face6 { border-radius: 10px; } .face1 a, .face2 a, .face3 a, .face4 a, .face5 a, .face6 a { color: #fff; } .face1 a:hover, .face3 a:hover, .face5 a:hover { color: #E02A2A; } .face2 a:hover, .face4 a:hover, .face6 a:hover { color: #031c3c; } .location-map { width:500px; height:150px; } @media only screen and (max-width: 500px) { .location-map { width:324px; height:150px; } } .soc a{ color: #fff } .soc a:hover{ color: #efefef } @media only screen and (max-width: 1980px) { .suggestionsBox { padding: 20px 199px; position: absolute; width: 2%; z-index: 998; left: -5.8%; top: 5%; } .face1 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face3 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face6 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face4 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face2 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .cubespinner .face1 { -webkit-transform: translateZ(35px); -moz-transform: translateZ(35px); -ms-transform: translateZ(35px); transform: translateZ(35px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(35px); -moz-transform: rotateY(90deg) translateZ(35px); -ms-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); transform: rotateY(90deg) rotateX(90deg) translateZ(35px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(35px); -moz-transform: rotateX(-90deg) translateZ(35px); -ms-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); } } @media only screen and (max-width: 1600px) { .suggestionsBox { padding: 22px 105px; position: absolute; width: 13%; z-index: 998; left: -3.8%; top: 4.5%; } .face1 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face3 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face6 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face4 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face2 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .cubespinner .face1 { -webkit-transform: translateZ(35px); -moz-transform: translateZ(35px); -ms-transform: translateZ(35px); transform: translateZ(35px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(35px); -moz-transform: rotateY(90deg) translateZ(35px); -ms-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); transform: rotateY(90deg) rotateX(90deg) translateZ(35px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(35px); -moz-transform: rotateX(-90deg) translateZ(35px); -ms-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); } } @media only screen and (max-width: 1366px) { .suggestionsBox { padding: 20px 101px; position: absolute; width: 27%; z-index: 998; left: -5.8%; top: 7%; } .face1 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face3 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face6 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face4 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face2 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .cubespinner .face1 { -webkit-transform: translateZ(35px); -moz-transform: translateZ(35px); -ms-transform: translateZ(35px); transform: translateZ(35px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(35px); -moz-transform: rotateY(90deg) translateZ(35px); -ms-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); transform: rotateY(90deg) rotateX(90deg) translateZ(35px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(35px); -moz-transform: rotateX(-90deg) translateZ(35px); -ms-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); } } @media only screen and (max-width: 1280px) { .suggestionsBox { padding: 20px 101px; position: absolute; width: 27%; z-index: 998; left: -5.8%; top: 3%; } .face1 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face3 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face6 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face4 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face2 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .cubespinner .face1 { -webkit-transform: translateZ(35px); -moz-transform: translateZ(35px); -ms-transform: translateZ(35px); transform: translateZ(35px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(35px); -moz-transform: rotateY(90deg) translateZ(35px); -ms-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); transform: rotateY(90deg) rotateX(90deg) translateZ(35px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(35px); -moz-transform: rotateX(-90deg) translateZ(35px); -ms-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); } } @media only screen and (max-width: 780px) { .suggestionsBox { padding: 20px 101px; position: absolute; width: 27%; z-index: 998; left: -11.8%; top: 12%; } .face1 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face3 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face6 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face4 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 13px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .face2 { position: absolute; width: 70px; height: 70px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 20px; text-align: center; font-size: 13px; font-weight: 600; color: #fff; padding-top: 12px; } .cubespinner .face1 { -webkit-transform: translateZ(35px); -moz-transform: translateZ(35px); -ms-transform: translateZ(35px); transform: translateZ(35px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(35px); -moz-transform: rotateY(90deg) translateZ(35px); -ms-transform: rotateY(90deg) translateZ(35px); transform: rotateY(90deg) translateZ(35px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(35px); transform: rotateY(90deg) rotateX(90deg) translateZ(35px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); transform: rotateY(180deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(35px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(35px); -moz-transform: rotateX(-90deg) translateZ(35px); -ms-transform: rotateX(-90deg) translateZ(35px); transform: rotateX(-90deg) translateZ(35px); } } .cubespinner>div a small { font-weight: 400; font-size: 11px; } @media only screen and (max-width: 500px) { .suggestionsBox { padding: 10px 109px; position: absolute; width: 24%; z-index: 998; left: -24%; top: 10%; } .face1 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 14px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 17px; } .face3 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 14px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 17px; } .face6 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 12px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 12px; } .face4 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 12px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 8px; } .face5 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(11, 39, 93, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 14px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 17px; } .face2 { position: absolute; width: 65px; height: 65px; border: 2px solid #ccc; background: rgba(224, 42, 42, 0.9); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2); line-height: 14px; text-align: center; font-size: 11px; font-weight: 400; color: #fff; padding-top: 17px; } .cubespinner .face1 { -webkit-transform: translateZ(30px); -moz-transform: translateZ(30px); -ms-transform: translateZ(30px); transform: translateZ(30px); } .cubespinner .face2 { -webkit-transform: rotateY(90deg) translateZ(30px); -moz-transform: rotateY(90deg) translateZ(30px); -ms-transform: rotateY(90deg) translateZ(30px); transform: rotateY(90deg) translateZ(30px); } .cubespinner .face3 { -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(30px); -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(30px); -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(30px); transform: rotateY(90deg) rotateX(90deg) translateZ(30px); } .cubespinner .face4 { -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(30px); -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(30px); -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(30px); transform: rotateY(180deg) rotateZ(90deg) translateZ(30px); } .cubespinner .face5 { -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(30px); -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(30px); -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(30px); transform: rotateY(-90deg) rotateZ(90deg) translateZ(30px); } .cubespinner .face6 { -webkit-transform: rotateX(-90deg) translateZ(30px); -moz-transform: rotateX(-90deg) translateZ(30px); -ms-transform: rotateX(-90deg) translateZ(30px); transform: rotateX(-90deg) translateZ(30px); } } .form-control:focus { box-shadow: none; } .form-control-underlined { border-width: 0; border-bottom-width: 1px; border-radius: 0; padding-left: 0; } .bg-vlight {background-color: #F6F6F6;} .ovaev-content.content-list:hover { box-shadow: 0px 10px 40px 0px rgb(6 22 58 / 10%); } .ovaev-content.content-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: none; padding: 10px 25px; border-bottom: 1px solid #c1d3ef9e; background: #f9fbff; text-align:justify; } .goog-logo-link { display:none !important; } .goog-te-gadget { color: transparent !important; } .goog-te-banner-frame{ display:none !important } body{ top: 0px !important; position: static !important; } .google-trans ul {list-style-type: none;} .goog-te-gadget .goog-te-combo { cursor: pointer; position: relative; display: inline-flex; border: 1px solid #e0e0e0; padding: 10px 3px 9px 6px; border-radius: 30px; width:max-content; } .text-title { font: size 14px; font-weight: bold; } #google_translate_element select{ background-color:#fff; color:#182a6d; border: none; border-radius:25px; padding:3px 12px; border: 0.8px solid #e0e0e0; } .goog-tooltip { display: none !important; } .goog-tooltip:hover { display: none !important; } .goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; } .VIpgJd-suEOdc { display: none!important; visibility: hidden!important; } .f18{ font-size: 18px; } .succ { padding: 10px; margin-bottom: 30px; border-radius: 11px; width: 400px; } .text-right { text-align: right; display: block; position: absolute; right: 59px; bottom: 3px; } .pdf-link a{ color: #8e0b55!important; } .pdf-link a:hover{ color: #202B5D!important; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #8e0b55!important; background-color: #fff; border-color: #ffffff #ffffff #e7630b!important; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #ffffff #ffffff #e7630b!important; isolation: isolate; } .brd-bottom { border-bottom :1px solid #e2e2e2; } .vid-container { position: relative; padding-bottom: 52%; padding-top: 30px; height: 0; } .vid-container iframe, .vid-container object, .vid-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-list-container { width: 92%; overflow: hidden; margin-top: 20px; margin-left:4%; padding-bottom: 20px; } .vid-list { width: 1344px; position: relative; top:0; left: 0; } .vid-item { display: block; width: 148px; height: 148px; float: left; margin: 0; padding: 10px; } .thumb { overflow:hidden; height: 84px; } .thumb img { width: 100%; position: relative; top: -13px; } .vid-item .desc { color: #21A1D2; font-size: 15px; margin-top:5px; } .arrows { position:relative; width: 100%; } .arrow-left { color: #fff; position: absolute; background: #777; padding: 15px; left: -25px; top: -130px; z-index: 99; cursor: pointer; } .arrow-right { color: #fff; position: absolute; background: #777; padding: 15px; right: -25px; top: -130px; z-index:100; cursor: pointer; } .no-border { border: 0px !important; border-radius: 0rem!important; } .element-6feabf0 { display:flex; align-content: center; position:relative; } .switch-lang { cursor: pointer; position: relative; display: inline-flex; border: 1px solid #e0e0e0; padding: 6px 19px 3px 8px; border-radius: 30px; } .ova_social { display:inline-flex; } .ht{ height:67px; margin-top:-24px; } .col-10 { width:12%; } .col-20 { width:17%; } .col-30 { width:27%; } .col-40 { width:40%; } .col-50 { width:50%; } .col-60 { width:60%; } .ml-5 { margin-left:4em;} .mr-5 { margin-right:4em;} .f12px { font-size:12px!important;} .f13px { font-size:13px!important;} .f14px { font-size:14px!important;} .ova_social .content { display: flex; flex-wrap: wrap; justify-content: center; width: 160px; } .ova_social .content a { display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; /* background: #62718d; */ border-radius: 50%; margin-right: 4px; margin-top:2px; } .fb-bg { background-color: #4267B2!important; } .tw-bg { background-color: #1DA1F2!important; } .ig-bg{ background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } .yu-bg { background-color: #FF0000!important; } .yt-bg { background-color: #FF0000!important; } .ova_social .content a span { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .ova_social .content a i { position: relative; display: block; font-size: 13px; color: #fff; } .fa.fa-facebook-square, .fa.fa-twitter-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; } .fa.fa-facebook-square, .fa.fa-twitter-square { font-family: "Font Awesome 5 Brands"; font-weight: 400; } .fa-facebook-square:before { content: "\f082"; } .element-4cadf4e { width: auto; max-width: auto; } .fa.fa-facebook, .fa.fa-twitter { font-family: "Font Awesome 5 Brands"; font-weight: 400; } .fa.fa-facebook, .fa.fa-twitter { font-family: "Font Awesome 5 Brands"; font-weight: 400; } .switch-lang .current-lang { display: flex; align-items: center; } .switch-lang .current-lang .lang-text { font-size: 15px; line-height: 24px; color: #202b5d; font-weight: 400; margin: 0; padding-left: 10px; position: relative; } .switch-lang .current-lang .lang-text:after { font-family: 'ElegantIcons'; position: absolute; right: -23px; top: 0; font-size: 20px; } .bg-dark { background-color: rgb(17, 17, 46)!important; } .brd {border: 1px solid #c4c4c4;} .switch-lang:hover .lang-dropdown { display: block; } .switch-lang .lang-dropdown { display: none; padding-top: 6px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; left: 10px; right: 0; top:35px; /* min-height: 20px; */ z-index: 99999; background: #fff; box-shadow: 10px 0 40px rgb(6 22 58 / 10%); padding: 8px 10px; height: 34px; } .form-control { display: block; width: 100%; font-size: 0.9rem; font-weight: 400; line-height: 1; color: #212529; background-color: #fff!important; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0!important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .search a { color:rgb(24, 24, 24); } .search a:hover { color:rgb(112, 7, 116); } #header-top-bar { background-color: #044180; } .w-100 { width: 100% !important; } element.style { } .carousel-item { position: relative; margin-top: 5px; } .pe-5 { padding-right: 3rem !important; } .navbar-fashion .navbar-form .form-control { padding-right: 0; color: #fff; } .navbar-fashion .navbar-form .btn, .navbar-fashion .navbar-form .form-control { height: 4rem; background-color: #303030; border: 0; } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .px-4 { padding-right: 1.6rem !important; padding-left: 1.6rem !important; } .red{color:red} @media (max-width: 624px) { .arrows { position:relative; margin: 0 auto; width:96px; } .arrow-left { left: 0; top: -20px; } .arrow-right { right: 0; top: -20px; } } .tick-item { background-image: url("../img/icons/tick-icon.svg"); background-repeat: no-repeat; color: #8e0b55!important; } .bg-lms { background-image: url("../img/lms.jpg"); background-repeat: no-repeat; color: #8e0b55!important; } .bg-ncuihaat { background-image: url("../img/ncui-haat-shoppingcart.jpg"); background-repeat: no-repeat; color: #8e0b55!important; } .timeline-Widget { max-width: 1200px; background-color: #fff; border-radius: 5px; } .timeline-InformationCircle-widgetParent { position: relative; } .timeline-Header { padding: 10px; } .timeline-InformationCircle { position: absolute; right: 12px; top: 15px; } .purple { color: #8e0b55!important; } .text-dark-blue{ color: #131131!important; } .text-med-blue{ color: #202e97!important; } .text-primary { color: #8e0b55!important; } .bg-purple { background-color: #8e0b55!important; } .ht-200 { height: 200px; } .ht-30 { height:28px; } .ht-40 { height:40px; } .ht-50 { height:50px; } .ht-60 { height:60px; } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border-bottom: 0px solid transparent!important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; font-weight: bold; } .navbar-nav.navbar-center { position: absolute; left: 50%; transform: translatex(-50%); } .nav-tabs { border-bottom: 0px solid #dee2e6!important; } .btn-group-lg>.btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .readmore a { font-size: 18px; line-height: 24px; letter-spacing: .2px; color: #fff; font-weight: 600; display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; transition: .3s; } .btn-purple {color:#fff!important;background-color:#8e0b55;border-color:#8e0b55} .btn-purple:hover{color:#fff!important;background-color:#06163A;border-color:#06163A} .btn-check:focus+.btn-purple,.btn-purple:focus{color:#fff!important;background-color:#06163A;border-color:#06163A;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)} .btn-check:active+.btn-purple,.btn-check:checked+.btn-purple,.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle {color:#fff;background-color:#06163A;border-color:#06163A} .btn-check:active+.btn-purple:focus,.btn-check:checked+.btn-purple:focus,.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus {box-shadow:0 0 0 .25rem rgba(130,138,145,.5)} .btn-purple.disabled,.btn-purple:disabled {color:#fff;background-color:#6c757d;border-color:#6c757d} .btn-white {color:#8e0b55!important;background-color:#fff;border-color:#fff} .btn-white:hover{color:#fff!important;background-color:#06163A;border-color:#06163A} .btn-check:focus+.btn-white,.btn-white:focus{color:#fff!important;background-color:#06163A;border-color:#06163A;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)} .btn-check:active+.btn-white,.btn-check:checked+.btn-purple,.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle {color:#fff;background-color:#06163A;border-color:#06163A} .btn-check:active+.btn-white:focus,.btn-check:checked+.btn-white:focus,.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus {box-shadow:0 0 0 .25rem rgba(130,138,145,.5)} .btn-white.disabled,.btn-white:disabled {color:#fff;background-color:#6c757d;border-color:#6c757d} .tab-Location ul.nav { border-bottom: 1px solid #e8e8e8; } .tab-Location ul.nav li.nav-item:first-child { padding-left: 0; } .tab-Location ul.nav li.nav-item { padding: 0 15px; } .nav-tabs .nav-item { margin-bottom: -1px; } .card{ position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px!important ; border-radius: 0!important; } .mt-4-5 { margin-top: 1.8rem!important; } #ui-id-1 { z-index: 3100; } .fb-txt { color: #3b5998; } .tw-txt { color: #55acee; } .yu-txt { color: #ff0000; } .fb-bg { background-color: #3b5998; } .tw-bg { background-color: #55acee; } .yu-bg { background-color: #ff0000; } .lblu {background-color: #d1e1f9;} .news-header { font-size:18px!important; font-weight: bold!important; } .bg-med-grey { background: #cbcbcb!important} .newsboard .card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 64px; padding-top: 0; padding-bottom: 0; background-color: transparent; } .ovaev-content.content-list .date-event { flex: 0 0 160px; } .ovaev-content.content-list .reg-date-event { flex: 0 0 10px; } .ovaev-content.content-list .date-event .weekday { font-size: 20px; color: #b0b8c6; font-weight: 500; text-transform: uppercase; line-height: 22px; } .ovaev-content.content-list .event-readmore a { display: inline-block; background: #fff; border: 2px solid #e0e0e0; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; color: #202b5d; font-size: 16px; line-height: 24px; letter-spacing: .2px; padding: 8px 20px; } .event-readmore a { display: inline-block; background: #fff; border: 2px solid #e0e0e0; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; color: #202b5d; font-size: 16px; line-height: 24px; letter-spacing: .2px; padding: 8px 20px; } .ht-400{ min-height:400px} .ht-500{ min-height:480px} .regis .scroll { margin:4px, 4px; padding:4px; height: 400px; overflow-x: hidden; overflow-y: auto; text-align:justify; } .ovaev-content.content-list .event-readmore a:hover { display: inline-block; background: #8e0b55; border: 2px solid #8e0b55; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; color: #fff; font-size: 16px; line-height: 24px; letter-spacing: .2px; padding: 8px 20px; } .event-readmore a:hover { display: inline-block; background: #8e0b55; border: 2px solid #8e0b55; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; color: #fff; font-size: 16px; line-height: 24px; letter-spacing: .2px; padding: 8px 20px; } .ovaev-content.content-list .desc { display: flex; } .ovaev-content.content-list .desc .event-thumbnail { width: 160px; height: 160px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 50%; flex: 0 0 160px; } .ovaev-content.content-list .desc .event-thumbnail img { display: none; } .ovaev-content.content-list .desc .event_post { padding-left: 50px; flex: 0 0 calc(100% - 160px); } .ovaev-content.content-list .desc .reg_post { padding-left: 50px; } .ovaev-content.content-list .desc .event_post .post_cat { padding-top: 2px; margin-bottom: 12px; } .ovaev-content.content-list .desc .reg_post .post_cat { padding-top: 2px; margin-bottom: 12px; } .ovaev-content.content-list .desc .reg_post .post_cat a.event_type { font-size: 17px; color: #0067da; font-weight: 600; } .ovaev-content.content-list .reg_post .post_cat a.event_type { font-size: 16px; color: #0067da; font-weight: 600; } .ovaev-content.content-list .reg_post .event_title a { font-size: 15px; line-height: 18px; letter-spacing: .2px; font-weight: 500; color: #202b5d; -webkit-transition: all .3s; transition: all .3s; } .event_title { font-size: 15px; line-height: 20px; letter-spacing: .2px; font-weight: 500; color: #202b5d; -webkit-transition: all .3s; transition: all .3s; } .event_title a:hover { color: #202b5d; } .ovaev-content.content-list .event_post .event_title a { font-size: 14px; line-height: 18px; letter-spacing: .5px; font-weight: 500; color: #202b5d; -webkit-transition: all .3s; transition: all .3s; } .ovaev-content.content-list .event_post .post_cat a.event_type { font-size: 14px; color: #0067da; font-weight: 600; } .ovaev-content.content-list .reg_post .time-event .time.equal-date { align-items: flex-start; } .ovaev-content.content-list .event_post .time-event .time.equal-date { align-items: flex-start; } .ovaev-content.content-list .event_post .time-event .time, .ovaev-content.content-list .event_post .time-event .venue { display: flex; align-items: center; } .ovaev-content.content-list .event_post .time-event .time { margin-bottom: 7px; flex-wrap: wrap; margin-right:12px; } article.post-wrap .post-meta .post-meta-content .post-date .left i, article.post-wrap .post-meta .post-meta-content .wp-categories a:hover, article.post-wrap .post-meta .post-meta-content .wp-author a:hover, .sidebar .widget.recent-posts-widget-with-thumbnails ul li a .rpwwt-post-title:hover, article.post-wrap .carousel .carousel-control-prev:hover i, article.post-wrap .carousel .carousel-control-next:hover i, article.post-wrap .post-title a:hover h2, .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid .categories a:hover, .blog-grid article.post-wrap .post-footer .egovt-post-readmore a:hover, .default article.post-wrap .post-footer .socials-inner .share-social .share-social-icons li a:hover, .single-post-egovt article.post-wrap .post-tag .post-tags a:hover, .content_comments .comments .comment-respond small a, .ova-search-page .page-title span, .switch-lang .current-lang .lang-text:hover, .switch-lang .current-lang .lang-text:hover:after, .switch-lang .lang-dropdown .selecting-lang .lang-text:hover, .elementor-widget-ova_header .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb a:hover, .ova-contact-info.type2 .address .text_link a:hover, .ova-contact-info.type2 .icon svg, .ova-contact-info.type2 .icon i, .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date:before, .content_comments .comments ul.commentlists li.comment .comment-body .ova_reply .comment-reply-link:hover, .content_comments .comments ul.commentlists li.comment .comment-body .ova_reply .comment-edit-link:hover, .ovatheme_header_default nav.navbar li a:hover, .ova_wrap_search_popup i:hover, .elementor-widget-ova_menu .ova_nav ul.menu>li>a:hover, .elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a:hover, .elementor-widget-ova_menu .ova_nav ul.menu>li.active>a, .elementor-widget-ova_menu .ova_nav ul.menu>li.current-menu-parent>a, .ova-contact-info .address a:hover, .ova_menu_page .menu li a:hover, .ova_menu_page .menu li.active a, .ova-info-content .ova-email a:hover, .ova-info-content .ova-phone a:hover, .archive_team .content .items .content_info .ova-info-content .ova-social ul li a:hover i, .archive_team .ova-info-content .name:hover, .egovt_list_single_team .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon i, .ova_team_single .ova_info .ova-info-content .ova-email a:hover, .ova_team_single .ova_info .ova-info-content .ova-phone a:hover, .egovt_counter_team .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number, .ova-testimonial .slide-testimonials .client_info .icon-quote span:before, .ova_doc_wrap .ova-doc-sidebar .ova_info .ova-list-cat ul li a:hover, .ova_doc_wrap .ova_doc_content .doc-meta .doc-categories .cat-doc a:hover, .ova_doc_wrap .ova_doc_content .ova-list-attachment li .ova-download a, .ova_doc_wrap.archive-doc .ova_doc_content .items-doc .doc-icon-title .doc-title-item .doc-title a:hover, .egov_editor_check svg, .ova_dep_wrap .ova-dep-sidebar .ova_info .ova-list-dep ul li a:hover, .ova_dep_wrap .ova-dep-sidebar .ova_info .dep-file-sidebar .ova-file-name-size .ova-file-name a:hover, .ova_list_dep .content .icon-dep span:before, .ova_list_dep .content .title-dep a:hover, .ova_list_dep .content .dep-content-sub .dep-readmore:hover, .ova_dep_wrap .ova_dep_content .ova-list-attachment li .ova-download a, .archive_dep .content .ova-content .title a:hover, .archive_dep .content .items:hover .ova-content .icon span i:before, .ova_list_checked ul li svg, .ova_feature .title a:hover, .ova_feature .content-sub .readmore:hover, .ova_feature .icon span:before, .ova_sev_wrap .ova-sev-sidebar .ova_info .sev-file-sidebar .ova-file-name-size .ova-file-name a:hover, .ova_sev_list_file .ova-list-attachment li .ova-download a:hover, .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li a:hover, .egovt-tab.elementor-widget-tabs .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-title.elementor-active, .ova_feature.version_2 .items .title a:hover, .ova_sev_list_file .ova-list-attachment li .ova-file-name-size .ova-file-name a:hover, .archive_sev .items .icon span:before, .archive_sev .items .title a:hover, .archive_sev .items .content-sub .readmore:hover, .ovaev-content.content-grid .desc .event_post .post_cat a.event_type:hover, .ovaev-content.content-grid .desc .event_post .event_title a:hover, .ovaev-content.content-grid .desc .event_post .post_cat a.event_type:hover, .ovaev-content.content-list .desc .event_post .event_title a:hover, .ovaev-content.content-list .date-event .date-month, .ovaev-content.content-list .desc .event_post .post_cat a.event_type:hover, .ovaev-content.content-list .content .desc .event_post .event_title a:hover, .sidebar-event .widget_list_event .list-event .item-event .ova-content .title a:hover, .sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .event_title a:hover, .sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .post_cat .event_type:hover, .sidebar-event .widget_list_event .button-all-event a:hover, .single_event .event_content .event-tags a:hover, .single_event .event_content .event-related .item-event .desc .event_post .post_cat .event_type:hover, .single_event .event_content .event-related .item-event .desc .event_post .event_title a:hover, .ova-team-slider .content .items .ova-info a.name:hover, .single_event .event_content .tab-Location .tab-content .contact .info-contact li a.info:hover, .ovaev-event-element .title-event, .ovaev-event-element .item .title a:hover, .wrap-portfolio .archive-por .content-por .ovapor-item .content-item .category a:hover, .wrap-portfolio .archive-por .content-por .ovapor-item .content-item .title a:hover, .wrap-portfolio .single-por .wrap-content-por .info-por a:hover, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 span, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 span, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-1 a:hover i, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-1 a:hover i, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 a:hover, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 a:hover, .wrap-related-por .related-por .ovapor-item .content-item .category a:hover, .wrap-related-por .related-por .ovapor-item .content-item .title a:hover, .wrap-portfolio .single-por .info-por a:hover, .woocommerce .ova-shop-wrap .content-area ul.products li.product .woocommerce-loop-product__title a:hover, .woocommerce .ova-shop-wrap .woo-sidebar .widget_products ul.product_list_widget li a .product-title:hover, .woocommerce .ova-shop-wrap .woo-sidebar .widget_product_tag_cloud .tagcloud a:hover, .woocommerce .ova-shop-wrap .content-area .product .summary .product_meta .posted_in a:hover, .woocommerce .ova-shop-wrap .content-area .product .summary .product_meta .tagged_as a:hover, .woocommerce .ova-shop-wrap .content-area .product .summary .woocommerce-product-rating .star-rating span, .woocommerce .ova-shop-wrap .content-area .product .woocommerce-tabs .woocommerce-Tabs-panel #reviews #comments ol.commentlist li .comment_container .comment-text .star-rating, .woocommerce .ova-shop-wrap .content-area .product .woocommerce-tabs .woocommerce-Tabs-panel #reviews #review_form_wrapper #review_form #respond .comment-form .comment-form-rating .stars:hover a, .woocommerce ul.products li.product .star-rating, .woocommerce .ova-shop-wrap .woo-sidebar .widget_products ul.product_list_widget li .star-rating, .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.product-name a:hover, .woocommerce .ova-shop-wrap .content-area .product .summary form.cart table.variations tr td .reset_variations:hover, .woocommerce .ova-shop-wrap .content-area .product .summary form.cart table.group_table td a:hover, .ova-history .wp-item .wp-year .year, .egovt_icon_couter.elementor-widget-html .elementor-widget-container i:before, .ova-document-list .list-doc .item h3.title a:hover, .ova-document-list .readmore a:hover, .ovaev-event-element .desc .event_post .post_cat .event_type:hover, .ovaev-event-element .desc .event_post .event_title a:hover, .ovaev-event-element.version_2 .title-readmore .read-more:hover, .ova_feature_box.version_1 .ova-content .title a:hover, .ova_feature_box.version_1 .ova-content .readmore a:hover, .ova_feature_box.version_2 .ova-content .title a:hover, .ova_feature_box.version_3 .ova-content .readmore a:hover, .ova_por_slide.por_element .ovapor-item .content-item .category a:hover, .ova_por_slide.por_element .ovapor-item .content-item .title a:hover, .ova_box_resource .title a, .ova_box_contact .phone a, .ova_contact_slide .owl-carousel .owl-nav>button:hover i, .ova_contact_slide .slide-contact .item .mail a:hover, .ova_contact_slide .slide-contact .item .phone a:hover, .woocommerce #customer_login .woocommerce-form.woocommerce-form-login .form-row.woocommerce-form-row.rememberme_lost_password a:hover, .woocommerce ul.egovt-login-register-woo li.active a, .woocommerce form.woocommerce-form-login.login .form-row.woocommerce-form-row.rememberme_lost_password a:hover, .ova_dep_wrap .ova-dep-sidebar .ova_info .ova-list-dep ul li.active a, .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev .title-list-sev a:hover, .ova_doc_wrap .ova-doc-sidebar .ova_info .ova-list-cat ul li.active a, .ova_dep_wrap .ova-dep-sidebar .ova_info .ova-list-dep .title-list-dep:hover, .ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li.active a, .ova_menu_page.type1.show-arrow a:hover:before, .single-post-egovt article.post-wrap .ova-next-pre-post .pre:hover .num-2 .title, .single-post-egovt article.post-wrap .ova-next-pre-post .next:hover .num-2 .title, .single-post-egovt article.post-wrap .ova-next-pre-post .pre .num-2 span.text-label, .single-post-egovt article.post-wrap .ova-next-pre-post .next .num-2 span.text-label, .single_event .event_content .ova-next-pre-post .pre:hover .num-2 .title, .single_event .event_content .ova-next-pre-post .next:hover .num-2 .title, .single_event .event_content .ova-next-pre-post .pre .num-2 span.text-label, .single_event .event_content .ova-next-pre-post .next .num-2 span.text-label, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre:hover .num-2 .title, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next:hover .num-2 .title, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre span.text-label, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next span.text-label, .ova-contact-info.type3 .address a:hover, .ova-contact-info.type1 .icon svg, .ova-contact-info.type1 .address a:hover, .blogname, .ovatheme_header_default nav.navbar li.active a, article.post-wrap.sticky .post-meta-content .post-date .ova-meta-general, article.post-wrap.sticky .post-meta-content .wp-categories .categories a, article.post-wrap.sticky .post-meta-content .wp-author .post-author a, article.post-wrap.sticky .post-meta-content .comment .right span, .ova_box_signature .name-job .name, .ova_box_feature_2 .icon i:before, .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .ova-content .title a:hover, .ova_box_resource_2 .list-link li a:hover, .ova_box_resource_2 .title, .ova_feature_box_2 .ova-content .number, .ova_box_feature_2:hover .readmore a:hover, article.post-wrap .post-title h2.post-title a:hover, .sidebar .widget ul li a:hover { color: #8e0b55; } .ovaev-content.content-list .event_post .time-event { line-height: 22px; color: #62718d; font-size: 14px; font-weight: 400; } .mt-n2{ margin-top:-1em; } .btn-primary { color: #fff; background-color: #8e0b55!important; border-color: #8e0b55!important; } .mt-n1{ margin-top:-0.50em; } .ova_box_feature_2 .title { font-size: 26px; line-height: 30px; font-weight: 500; color: #202b5d; margin: 0 0 15px; transition: .4s; } .ova_box_feature_2 .excerpt { font-size: 17px; line-height: 24px; color: #62718d; margin: 0 0 23px; transition: .4s; } .ova_box_feature_2 .readmore a { font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: .2px; color: #222225; display: inline-block; border: 2px solid #e0e0e0; padding: 12px 20px; transition: .4s; } .pt-1 { padding-top:1rem; } .pt-2 { padding-top:2rem; } .pt-3 { padding-top:3rem; } .pt-4 { padding-top:4rem; } .pt-5 { padding-top:5rem; } .ova_box_feature_2 .readmore a:hover { border-color: #8e0b55; background-color: #8e0b55; } .owl-theme .owl-dots .owl-dot span { width: 7px!important; height: 7px!important; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .ova-team-slider .content .owl-item.active .items .content_info, .ova-team-slider-2 .content .owl-item.active .items .content_info { box-shadow: 0px 10px 40px -14px rgb(6 22 58 / 10%); } .ova-team-slider .content .items .ova-media, .ova-team-slider-2 .content .items .ova-media { text-align: center; padding-bottom: 0; } .archive_team .content .items .content_info .ova-info-content { padding: 25px 25px 34px; position: relative; background: #fff; } .archive_team .content .items .content_info .ova-info-content .ova-social { position: absolute; top: -47px; left: 50%; transform: translate(-50%,0); opacity: 0; transition: .4s; visibility: hidden; } .ova-info-content .job { font-size: 17px; line-height: 24px; color: #8e0b55; font-weight: 600; margin-bottom: 16px; } .ovaev-content.content-list .desc .reg_post { padding-left: 0px; } .ova-info-content p { margin: 0; } .ova-info-content .job:after { content: ''; width: 40px; height: 1px; background: #e5e5e9; display: block; margin-top: 13px; } .ova-info-content .ova-email { margin-bottom: 10px; } .ova-info-content .ova-email, .ova-info-content .ova-phone { display: flex; align-items: center; align-items: flex-start; } .ova-info-content .ova-email i, .ova-info-content .ova-phone i { margin-right: 8px; font-size: 14px; line-height: 1.4; } .ova-info-content .ova-email a, .ova-info-content .ova-phone a { font-size: 16px; line-height: 1.2; color: #62718d; word-break: break-all; } .archive_team.ova-team-slider-2 .content .items { padding: 0; margin: 0; } .ova-team-slider .owl-carousel .owl-stage-outer, .ova-team-slider-2 .owl-carousel .owl-stage-outer { padding: 30px 30px 40px; margin-bottom: -5px; margin-right: -20px; margin-left: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 40px); } .archive_team .owl-carousel .owl-item { margin-right: 20px!important; margin: -11px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); } .ova-team-slider .owl-stage-outer, .ova-team-slider-2 .owl-stage-outer { padding: 35px 0; } .ova-team-slider .owl-carousel .owl-stage-outer, .ova-team-slider-2 .owl-carousel .owl-stage-outer { padding: 30px 30px 40px; margin-bottom: -5px; margin-right: -20px; margin-left: -20px; padding-left: 20px; padding-right: 20px; width: calc(100% + 5px); } .archive_team .content .items .content_info .ova-info-content .ova-phone { margin: 0; } .sub-heading-title1 { color: #8e0b55; font-size: 22px; font-weight: 700; line-height: 27px; font-family: 'Helvetica'; } .sub-heading-title { color: #8e0b55; font-size: 32px; font-weight: 700; line-height: 46px; font-family: 'Helvetica'; } .team-slider-left { margin-top:60px; } .shadow { box-shadow: 0px 10px 40px 0px rgb(6 22 58 / 10%); } footer .topmenu ul li { float: left; padding: 16px; list-style:none; } .quick-links a { color: #202b5d; } .quick-links .active { color: #80015a; } .quick-links a:hover { color: #80015a; } .bord { border:1px solid #cacaca; } footer { background-color: #fff; color :#003d7e; margin: -48px auto; position:relative; } .maps { z-index:2; } footer a{ color:#003d7e; font-size:14px; font-weight: 500; } footer a:hover{ color:#77026d; footer .bottombar{ background-color: #122b6a; padding: 10px 0px 1px 0px; } .topmenu { border-bottom: solid 1px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #263A65; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } footer .topmenu ul { padding: 0; margin: 0; list-style-type: none; } footer .topmenu ul li a { display: block; color: #fff; text-align: center; padding: 12px 2px; text-decoration: none; font-size:15px; } footer .quickmenu nav .nav-item a { color: #fff!important; } footer .quickmenu nav .nav-item a:hover { color: #fff!important; text-decoration: none; font-size:14px; } footer .topmenu ul li a:hover { color: #fff; } .ova_list_checked ul { padding: 0; margin: 0; list-style-type: none; } .ova_list_checked ul li:not(:last-child) { margin-bottom: 12px; } .elementor img { height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .archive_team.ova-team-slider-2 .content .items .content_info .ova-media a { display: block; width: 100%; height: 100%; } .archive_team.ova-team-slider-2 .content .items .content_info { padding: 0; text-align: left; } .ova-team-slider-2 .content .items { padding: 0; margin: 0; } .owl-theme .owl-dots .owl-dot.active span { width: 12px!important; height: 7px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .single-post-egovt article.post-wrap .ova-next-pre-post .pre:hover .num-1 .icon, .single-post-egovt article.post-wrap .ova-next-pre-post .next:hover .num-1 .icon, .single_event .event_content .ova-next-pre-post .pre:hover .num-1 .icon, .single_event .event_content .ova-next-pre-post .next:hover .num-1 .icon, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre:hover .num-1 .icon, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next:hover .num-1 .icon, .ovatheme_header_default nav.navbar ul.dropdown-menu li.active>a, .ovatheme_header_default nav.navbar ul.dropdown-menu li>a:hover, .ova_box_feature_2 .readmore a:hover, .sidebar .widget.widget_tag_cloud .tagcloud a:hover { border-color: #8e0b55; background-color: #8e0b55; } .ova_box_feature_2:hover .title, .ova_box_feature_2:hover .excerpt { color: #fff; } .ova_box_feature_2:hover .readmore a { color: #fff; } .ova_box_feature_2:hover .readmore a:hover { background: #fff; border-color: #fff; color: #8e0b55; } .default article.post-wrap .post-footer .egovt-post-readmore .btn-readmore, .blog-grid article.post-wrap .post-meta-date .post-meta-content-date, .content_comments .comments .comment-respond .comment-form p.form-submit #submit, .ova-single-text, .ova_wrap_search_popup .ova_search_popup .search-form .search-submit, .ova-skill-bar .cove-killbar .skillbar-bar, .ova_social .content a:hover, .egovt_button .elementor-button-wrapper .elementor-button, .ova-testimonial .slide-testimonials .owl-dots .owl-dot.active span, .archive_dep .content .ova-content .icon span, .ova_box_learnmore .content, .ovaev-content.content-grid .date-event .date, .sidebar-event .widget_feature_event .event-feature .item-event .date-event .date, .single_event .event_content .event_intro .wrap-date-time-loc .wrap-date, .single_event .event_content .event_intro .wrap-date-time-loc .wrap-time, .single_event .event_content .event_intro .wrap-date-time-loc .wrap-loc, .single_event .event_content .tab-Location ul.nav li.nav-item a.active:after, .single_event .event_content .tab-Location ul.nav li.nav-item a:hover:after, .single_event .event_content .event-related .item-event .date-event .date, .ova_time_countdown .ova-button a:hover, .ova-team-slider .owl-dots .owl-dot.active span, .archive_event_type3 .filter-cat-event ul li.active a, .archive_event_type3 .filter-cat-event ul li a:hover, .wrap-portfolio .archive-por .content-por .ovapor-item .content-item .readmore a, .wrap-portfolio .archive-por ul.list-cat-por li:hover a, .wrap-portfolio .archive-por ul.list-cat-por li.active a, .wrap-portfolio .archive-por .ova_more_por .ova-load-more-por, .wrap-portfolio .archive-por .ova-nodata span, .woocommerce .ova-shop-wrap .content-area ul.products li.product .button, .woocommerce .ova-shop-wrap .content-area ul.products li.product a.added_to_cart, .woocommerce .ova-shop-wrap .content-area .product .summary .cart .single_add_to_cart_button, .woocommerce .ova-shop-wrap .content-area .product .woocommerce-tabs .woocommerce-Tabs-panel #reviews #review_form_wrapper #review_form #respond .comment-form .form-submit input, .woocommerce .ova-shop-wrap .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .woocommerce .ova-shop-wrap .woo-sidebar .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .woocommerce .woocommerce-cart-form table.shop_table tbody tr td.actions .button, .woocommerce .cart-collaterals .cart_totals .shop_table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator .button:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button, .woocommerce-checkout #payment .place-order #place_order, .woocommerce-checkout form.checkout_coupon .button, .egovt_404_page .egovt-go-home a:hover, .ova-history .wp-item .wp-year .dot .dot2, .ova_feature.version_3 .items:hover, .ova-document-list .icon-doc, .ovaev-event-element .date-event .date, .ova_feature.version_2 .items:hover .icon, .egovt_heading_border_left:after, .ova_list_link, .ova_por_slide.por_element .ovapor-item .content-item .readmore a:hover, .ova_por_slide.por_element .owl-dots .owl-dot.active span, .ova_contact_slide .slide-contact .item h3, .ova_contact_slide .owl-dots .owl-dot.active span, .woocommerce #customer_login .woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit, .woocommerce #customer_login .woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit, .woocommerce ul.egovt-login-register-woo li.active a:after, .woocommerce .woocommerce-message a.button, .woocommerce form.woocommerce-form-login.login .woocommerce-form-login__submit, #scrollUp, .ova_feature_box.version_2:hover, .ova_feature_box.version_2:hover .ova-image a:after, .single-post-egovt article.post-wrap .ova-next-pre-post .ova-slash:hover span, .single_event .event_content .ova-next-pre-post .ova-slash:hover span, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .ova-slash:hover span, .wrap-portfolio .archive-por .content-por.grid-portfolio .ovapor-item .content-item .readmore a:hover, .wrap-related-por .related-por .ovapor-item .content-item .readmore a:hover, .elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li.active>a, .elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li>a:hover, .elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a:after, .ovatheme_header_default nav.navbar ul.dropdown-menu li a:before, .sidebar .widget.widget_categories li>a:before, .sidebar .widget.widget_archive li>a:before, .sidebar .widget.widget_links li>a:before, .sidebar .widget.widget_meta li>a:before, .sidebar .widget.widget_nav_menu li>a:before, .sidebar .widget.widget_pages li>a:before, .sidebar .widget.widget_recent_entries li>a:before, .sidebar .widget.widget_product_categories li>a:before, .ova_archive_dep_slide .ova_dep_slide .owl-dots .owl-dot.active span, .ova-team-slider-2 .owl-dots .owl-dot.active span, .ovaev-event-element.ovaev-event-slide .owl-nav button.owl-prev:hover, .ovaev-event-element.ovaev-event-slide .owl-nav button.owl-next:hover, .ova-blog-slide.blog-grid .owl-nav button:hover, .ovaev-event-element.ovaev-event-slide .owl-dots .owl-dot.active span, .ova-blog-slide.blog-grid .owl-dots .owl-dot.active span, .ova_feature_box_2 .ova-content:hover .icon, .ova_feature_box_3 .readmore a, .ova_box_feature_2:hover, .ova_box_resource_2 .list-link li a:before, .pagination-wrapper .blog_pagination .pagination li.active a, .pagination-wrapper .blog_pagination .pagination li a:hover { background-color: #8e0b55; } .ova_feature .items { padding: 40px 30px 43px; border: 1px solid #e8e8e8; position: relative; overflow: hidden; transition: .4s; min-height: 188px; background: #fff; } .ova_feature.version_2 .items { background: 0 0; text-align: center; padding: 23px 20px 34px; border: none; } .ova_feature.version_2 .items .icon { margin-bottom: 16px; display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #fff; border-radius: 50%; transition: background-color 1.5s ease; } .ova_feature.version_2 .items:hover .title:after { width: 40px; visibility: visible; opacity: 1; } .ova_feature.version_2 .items .title:after { content: ''; display: block; width: 0; height: 1px; background: rgba(6,22,58,.2); margin: 23px auto 0px auto; visibility: hidden; opacity: 0; transition: .4s; } .ova_feature.version_2 .items .title { margin: 0; font-size: 22px; line-height: 24px; color: #202b5d; font-weight: 500; } .ova_feature .title a { font-size: 20px; } .ova_feature.version_2 .items .title a { font-size: 22px; line-height: 24px; color: #202b5d; font-weight: 500; } .ova_feature.version_2 .items:hover .icon { transition: background-color 2.5s ease; } .ova-contact-info { justify-content: center; } .ova-contact-info { display: flex; align-items: center; } .ova-contact-info.type2 .icon { margin-right: 15px; } .ova-contact-info .icon { display: flex; align-items: center; margin-right: 8px; } .ova-contact-info.type2 .address .sub_text_link { font-size: 15px; line-height: 24px; color: #62718d; display: block; } .ova-contact-info.type2 .address .text_link { font-size: 20px; line-height: 24px; color: #202b5d; display: block; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: #8e0b55!important; } .orange { color: #ff3514; } .widget-container { padding: 0 30px 0 0; position:relative; } .ova-contact-info.type2 .address .text_link a { font-size: 20px; line-height: 24px; color: #202b5d; text-decoration: none!important; } .brd-top { border-style: solid; border-width: 1px 0 0; border-color: #e5e5e5; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; } .motion-effects-layer { background-color: #FF3514; } .element-f6c831c { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } section { position: relative; } .ova_feature.version_2 .items:hover { box-shadow: 5px 9px 50px 0px rgb(0 0 0 / 8%); } .widget-wrap { padding: 0 10px 0 0; } .widget-wrap { justify-content: flex-end; } .dropdown-menu { display: block; top: 110%; z-index: -1; box-shadow: 0px 10px 40px 0px rgb(6 22 58 / 10%); } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 4rem; padding: 15px!important; margin: 0; font-size: 0.9rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.9rem!important; } .dropdown-toggle::after { /* display: none !important; */ } .nav-link { display: block; font-size: 0.9rem!important; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; } @media (min-width: 991px) { .dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } } .dropdown-submenu { position: relative; } .dropdown-submenu>a:after { content: "\f0da"; float: right; border: none; font-family: 'FontAwesome'; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; } .dropdown-menu li a { padding: 7px 15px; font-family: "Cabin",Sans-serif; font-size: 0.9rem; font-weight: 400; text-transform: capitalize; line-height: 24px; } .dropdown-item:hover { background-color: #8e0b55!important; color:#fff!important; font-weight: bold; } } ul.menu .dropdown-menu li.active>a { color: #fff; } .necontainer { height: 323px; width: 344px; max-height: 323px; } .nav-link { display: block; padding: 0.5rem 1rem; color: #003d80!important; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; } @media (min-width: 992px){ .section-lg-120 { padding-top: 120px; padding-bottom: 120px; } } .section-80 { padding-top: 80px; padding-bottom: 80px; } .bg-gray-lighter { background: #f3f4f7; fill: #f3f4f7; } @media only screen and (min-width: 1601px) { #carouselncui .carousel-item img{ width: 100%; height: auto; } .btns { z-index: 23; background:#fff; position: absolute; width: 99%; text-align: center; } .news-container1, .news-container2 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 274px!important; max-height: 274px!important; overflow-y: scroll; overflow-x: hidden; } .news-container4 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 344px!important; max-height: 344px!important; overflow-y: scroll; overflow-x: hidden; } .necontainer { height: 324px; width: 468px; max-height: 326px; } } @media only screen and (min-width: 1401px) { #carouselncui .carousel-item img{ width: 100%; height: 358px; } .news-container1, .news-container2 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 274px!important; max-height: 274px!important; overflow-y: scroll; overflow-x: hidden; } .btns { z-index: 23; position: absolute; width: 99%; text-align: center; background:#fff; } .news-container4 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 323px!important; max-height: 323px!important; overflow-y: hidden; overflow-x: hidden; } .necontainer { height: 323px; width: 344px; max-height: 323px; } } @media only screen and (max-width: 1400px) { #carouselncui .carousel-item img{ width: 100%; height: 320px; } .news-container1, .news-container2 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 237px!important; max-height: 237px!important; overflow-y: scroll; overflow-x: hidden; } .btns { z-index: 23; position: absolute; width: 99%; text-align: center; background:#fff; } .news-container4 { margin: -29px auto 0; padding: 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 254px!important; max-height: 254px!important; overflow-y: hidden; overflow-x: hidden; z-index: 1; } .necontainer { height: 323px; width: 344px; max-height: 323px; } } @media only screen and (max-width: 1280px) { #carouselncui .carousel-item img{ width: 100%; height: 290px; } .btns { z-index: 23; position: absolute; width: 99%; text-align: center; background:#fff; } .news-container1, .news-container2 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 207px!important; max-height: 207px!important; overflow-y: scroll; overflow-x: hidden; } .news-container4 { margin: -29px auto 0; padding: 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 254px!important; max-height: 254px!important; overflow-y: hidden; overflow-x: hidden; z-index: 1; } .btns { z-index: 23; position: absolute; width: 99%; text-align: center; background:#fff; } .necontainer { height: 249px; width: 329px; max-height:274px; } } @media only screen and (max-width: 500px) { #carouselncui .carousel-item img{ width: 100%; height: 240px; } .news-container4 { padding: 0; margin: -29px auto 0; border: 0px solid #eff7f3; border-radius: 0px; min-height: 323px!important; max-height: 323px!important; overflow-y: hidden; overflow-x: hidden; } .btns { z-index: 23; position: absolute; width: 99%; text-align: center; background:#fff; } .necontainer { height: 323px; width: auto; max-height: 323px; } } } @media (min-width: 1200px){ .container-wide { max-width: 1800px; } } .page .text-info-dr { color: #22a9bf !important; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .text-ubold { font-weight: 900; } h5 + h2 { margin-top: 20px; } .divider-80 { margin-top: 30px; margin-bottom: 30px; width: 80px; } .divider-primary { background-color: #c62a82; } .divider { height: 2px; border: none; } .lo { padding-bottom:3px; } @media only screen and (min-width: 1601px){ .navbar-brand { margin-right: 7rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:center; } .haat img { width:70%;} } @media only screen and (max-width: 1600px){ .navbar-brand { margin-right: 4rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:center; } .haat img { width:70%;} } @media only screen and (max-width: 1400px){ .navbar-brand { margin-right: -4rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:right; } .haat img { width:60%;} } @media only screen and (max-width: 1280px){ .navbar-brand { margin-right: -4rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:right; } .haat img { width:60%;} } @media only screen and (max-width: 1024px){ .navbar-brand { margin-right: -9rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:right; } .haat img { width:60%;} } @media only screen and (max-width: 800px){ .navbar-brand { margin-right: 1rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:right; } .haat img { width:60%;} } @media only screen and (max-width: 500px){ .navbar-brand { margin-right: 1rem!important; padding-bottom:1px!important ; } .navbar-brand img { width:100%; height:auto; } .haat { text-align:right; } .haat img { width:50%;} } @media (min-width: 1500px){ .post-blog-type-3 .post-blog-caption { width: 48.5%; } } @media (min-width: 1200px) { .post-blog-type-3 .post-blog-caption { width: 75%; } } @media (min-width: 768px) { .post-blog-type-3 .post-blog-caption { width: 50%; padding: 43px 40px 120px; } } .post-blog-type-3 .post-blog-caption { height: 100%; padding: 23px 20px 120px; background-color: rgba(0, 0, 0, 0.6); text-align: left; } .repo a{ color:#80015a; font-weight: 700; font-size:13px; } .repo a:hover{ color:#06163A ; } #image { min-height:200px; } .rounded-10 { border-radius: 10px!important; } .row-50 { margin-bottom: -50px; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .row-50 > * { margin-bottom: 50px; } .row-10 { margin-bottom: -10px; } .post-blog-type-3 .post-blog-caption { height: 100%; padding: 23px 20px 120px; background-color: rgba(0, 0, 0, 0.6); text-align: left; } @media (min-width: 768px) { .text-md-left { text-align: left !important; } } .post-blog-type-3 * + .post-blog-title { margin-top: 43px; } .text-bold, strong { font-weight: 700; } .post-blog-type-3 p { color: #e4e4e4; } .text-italic { font-style: italic; } .post-blog-type-3 .post-blog-title a { color: #fff; } .wrap_ova_header.bg_feature_img { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .wrap_ova_header { width: 100%; position: relative; } .cover_color { background-color: rgba(6,22,58,.4); } .wrap_ova_header .cover_color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wrap_ova_header .ova_header_el { position: relative; z-index: 1; } .wrap_ova_header .ova_header_el .header_title { padding: 69px 0 12px; color: #fff; text-transform: capitalize; font-size: 50px; line-height: 1.2; font-weight: 700; letter-spacing: .2px; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs { padding: 0 0 60px; } .wrap_ova_header .ovatheme_breadcrumbs_el { background-color: transparent; margin: 0; padding: 0; } .wrap_ova_header.left #breadcrumbs ul.breadcrumb { justify-content: flex-start; } .ovatheme_breadcrumbs ul.breadcrumb li, .ovatheme_breadcrumbs ul.breadcrumb a, .ovatheme_breadcrumbs ul.breadcrumb li a { color: #343434; -webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset; hyphens: unset; word-break: break-word; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb { color: #fff; font-size: 18px; line-height: 26px; letter-spacing: .2px; font-weight: 400; } .wrap_ova_header .ovatheme_breadcrumbs_el ul.breadcrumb { margin: 0; padding: 0; background-color: transparent; } .ovatheme_breadcrumbs ul.breadcrumb { word-break: break-word; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb li { color: #fff; } .ovatheme_breadcrumbs ul.breadcrumb li { word-break: break-word; } .breadcrumb .separator { color: #fff; } .ovatheme_breadcrumbs .separator { padding-left: 2px; padding-right: 2px; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb .separator:before { font-size: 20px; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb .separator { color: #fff; } .wrap_ova_header .ova_header_el .ovatheme_breadcrumbs .breadcrumb a { color: #fff; font-size: 18px; line-height: 26px; letter-spacing: .2px; font-weight: 400; } .ova-heading { text-align: left; } .ova-heading .title { font-size: 32px; line-height: 36px; } .ova-heading .title { margin: 0; font-size: 40px; line-height: 44px; font-weight: 600; color: #202b5d; margin-bottom: 17px; } .cell { width:auto!important; display: block!important; min-height: 30px; } .ova-heading .sub-title { font-size: 17px; } .ova-heading .sub-title { margin: 0; font-size: 18px; line-height: 26px; color: #62718d; } .push { margin-left: auto; } .tophdr { margin: auto; } .google-trans{ margin-top : -3px; } .goog-te-gadget { font-family: Roboto, "Open Sans", sans-serif !important; text-transform: uppercase; } .goog-te-gadget-simple { background-color: rgba(255, 255, 255, 0.2) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; padding: 8px !important; border-radius: 4px !important; font-size: 1rem !important; line-height: 2rem !important; display: inline-block; cursor: pointer; zoom: 1; } .goog-te-menu2 { max-width: 100%; } .goog-te-menu2-value { color: #000 !important; } .goog-te-menu-value:before { } .goog-te-menu-value span:nth-child(2) { display: none; } .goog-te-menu-value span:nth-child(3) { border: none !important; font-family: "Material Icons"; } .goog-te-menu-value span:nth-child(3):after { font-family: "Material Icons"; content: ""; font-size: 1.5rem; vertical-align: -6px; } .goog-te-gadget-icon { background-image: url(https://placehold.it/32) !important; background-position: 0px 0px; height: 32px !important; width: 32px !important; margin-right: 8px !important; display: none; } .goog-te-banner-frame.skiptranslate { display: none !important; } .goog-te-menu2-item div, .goog-te-menu2-item-selected div { padding: 14px; } .goog-te-menu-value span:nth-child(3), .goog-te-menu-value span:nth-child(5), .goog-te-gadget-icon, .goog-te-banner-frame.skiptranslate { display:none !important; } div#google_translate_element div.goog-te-gadget-simple { border: none; background-color: transparent; } .social { width: 200px; height: 220px; position: fixed; margin-top: 30%; perspective: 1000px; z-index: 10; margin-left:-32px; } .social li a { display: block; height: 70px; width: 70px; background: rgb(27, 40, 122); border-bottom: 1px solid rgb(24, 36, 112); font: normal normal normal 16px/20px "FontAwesome", "Source Sans Pro", Helvetica, Arial, sans-serif; color: #fff; -webkit-font-smoothing: antialiased; padding: 10px 0; text-decoration: none; text-align: center; transition: background 0.5s ease 0.3ms; } .social li:first-child a:hover { background: #3b5998; } .social li:nth-child(2) a:hover { background: #3b5998; } .social li:nth-child(3) a:hover { background: #3b5998; } .social li:nth-child(4) a:hover { background: #3b5998; } .social li:first-child a { border-radius: 0 5px 0 0; } .social li:last-child a { border-radius: 0 0 5px 0; } .social li a span { width: 100px; float: left; text-align: center; background: rgb(46, 119, 255); color: rgb(255, 255, 255); margin: -25px 74px; padding: 8px; transform-origin: 0; visibility: hidden; opacity: 0; transform: rotateY(45deg); border-radius: 5px; transition: all 0.5s ease 0.3ms; } .social li span:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: -20px; top: 7px; border: 10px solid transparent; border-right: 10px solid rgb(46, 119, 255); } .social li a:hover span { visibility: visible; opacity: 1; transform: rotateY(0); } .gal .row > .column { padding: 0 8px; } .gal .row:after { content: ""; display: table; clear: both; } .gal .column { float: left; width: 25%; } #demos .owl-carousel .item { height: 10rem; background: #4DC7A0; padding: 1rem; } #demos .owl-carousel { margin: 2rem 0; } .card-rounded { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px!important; border-radius: 10px!important; } .carouselgal{ max-width: 1200px; margin: auto; padding: 0 30px; } .carouselgal .card{ color: #fff; text-align: center; margin: 20px 0; line-height: 250px; font-size: 90px; font-weight: 600; border-radius: 10px; box-shadow: 0px 4px 15px rgba(0,0,0,0.2); } .w-80 { width: 80%!important; } .w-85 { width: 85%!important; } .w-90 { width: 90%!important; } .w-95 { width: 95%!important; } .lightbox { z-index: 999; } .close { position: absolute; right: 2px!important; top: 0; z-index: 999; font-size: 1rem; font-weight: normal; color: #fff; background-color: transparent!important; opacity: 1; border: 0px; } /* The overlay effect with black background */ .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 3000; top: 0; left: 0; background-color: #0a0a38ef; background-color: #0a0a38ef; /* Black with a little bit see-through */ } /* The content */ .overlay-content { position: relative; top: 15%; width: 70%; text-align: center; margin-top: 30px; margin: auto; } /* Close button */ .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } /* Style the search field */ .overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; border-radius: 0px!important; } .overlay input[type=text]:hover { background: #f1f1f1; } /* Style the submit button */ .overlay button { float: left; width: 100%; padding: 15px; background: #8e0b55; font-size: 17px; border: none; cursor: pointer; color:#fff; } .overlay button:hover { background: #bbb; } @media only screen and (max-width: 500px) { .overlay-content { position: relative; top: 15%; width: 96%; text-align: center; margin-top: 30px; margin: auto; } .overlay .closebtn { position: absolute; top: 20px; right: 25px; font-size: 40px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } } .iframe-fb-container { text-align: center; width:100%; height:360px; display:inline-block; } .iframe-fb { width: 100%; height: 360px; overflow: hidden; } .ap-foot-img1 { position: absolute; left: 30px; width: 12%; bottom: 200px; z-index: 1; } .dropdown.arrow-top:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown.arrow-top { position: absolute; } .ap-absolute-elements { display: block; } .absolute { position: absolute; } .social-bg { background: url(/asset/img/TopHighlights-bg.jpg) no-repeat center center/cover; } .social-bg-light { background: url(/asset/img/latest-bg-light.png) no-repeat center center/cover; } .ap-banner-parent { padding: 20px 20px 20px 0; background: url(/asset/img/banner_bg.jpg) no-repeat center center/cover; } .card-bg { position: relative; border-radius: 8px; border: 6px solid transparent; background: linear-gradient(140.76deg,rgb(95 143 215 / 65%) -17.17%,rgb(158 203 255 / 70%) 142.13%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); } .bg-navbar { padding: 0 2px; background: linear-gradient(92.04deg,#18184a 24.18%,#19398a 50.95%,#18184a 110.32%); box-shadow: 0 4px 8px 0 hsl(0deg 0% 7% / 50%); } .text-dark-b { color:#003d7e; } .bg-dark-b { background-color:#003d7e; } .ap-socialDiv { width: 100%; display: flex; text-align: right; position: relative; justify-content: flex-end; align-items: center; } .bank table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .bank table caption { font-size: 1.5em; margin: .5em 0 .75em; } .bank table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; } .bank table th, .bank table td { padding: .625em; text-align: center; } .bank table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } @media screen and (max-width: 600px) { .bank table { border: 0; } .bank table caption { font-size: 1.3em; } .bank table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .bank table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .bank table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .bank table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .bank table td:last-child { border-bottom: 0; } } .picsinsta { min-height:360px; padding:10px; overflow-y: scroll; width:auto; height:300px; } .picsinsta img{ width:100%; height:auto; }