/**@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); Generated by FG @font-face { font-family: 'Conv_Proxima Nova Bold'; src: url('../fonts/Proxima Nova Bold.eot'); src: local('☺'), url('../fonts/Proxima Nova Bold.woff') format('woff'), url('../fonts/Proxima Nova Bold.ttf') format('truetype'), url('../fonts/Proxima Nova Bold.svg') format('svg'); font-weight: normal; font-style: normal; }**/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; line-height: inherit; } body { font-family: 'Oswald', sans-serif; } a {text-decoration: none !important; color: #000000; } * {box-sizing: border-box;outline: none;} h1,h2,h3,h4,h5,h6,ul,ol,li { margin: 0px; padding: 0px; } p{ text-align: justify; font-size: 17px; margin: 8px 0px; } .container { width: 1232px; margin: 0px auto; } .wrapper { overflow: hidden; } .header.fixed .logo img{ width: 140px; } .header.fixed { /* padding: 15px 15px; */ padding: 0px 0px 15px 0px; } .header { position: absolute; width: 100%; top: 0; left: 0; right: 0; padding: 0px 0px; z-index: 999; transition: all 0.4s linear 0s; background-color: transparent; } .toggle_menu { display: block; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 0px; z-index: 999999; } #nav-icon2 { width: 35px; height: 28px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon2 { width: 30px; height: 28px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon2 span:nth-child(odd) { left: 0px; } #nav-icon2 span:nth-child(even) { left: 50%; } #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 10px; } #nav-icon2 span:nth-child(even) { left: 50%; } #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 21px; } #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; } #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon2.open span:nth-child(1) { left: 2px; top: 8px; } #nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 8px; } #nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; } #nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; } #nav-icon2.open span:nth-child(5) { left: 2px; top: 16px; } #nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 16px; } #nav-icon2 span { display: block; position: absolute; height: 4px; width: 50%; background-color: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .header .container { position: relative; } .mt40{ margin-top:40px; } .mt80{ margin-top:80px; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } .header .mobile_menu { background-color: #ffffff; padding-top: 110px; padding-left: 15px; padding-right: 15px; position: relative; height: auto; padding-bottom: 10px; -webkit-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); } .header .mobile_menu .menu-item-has-children .toggle_dropdown { display: block; background-image: url(../images/add.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; height: 16px; width: 16px; right: 0; top: 5px; cursor: pointer; } .header .mobile_menu .menu-item-has-children.show .toggle_dropdown{ background-image: url(../images/add_1.png); } .sub-menu { display: none; } .header .mobile_menu .menu-item-has-children { position: relative; } /*.header .mobile_menu li:hover { background-color: red; }*/ .header .mobile_menu li a{ display: block; line-height: 26px; margin-bottom: 8px; } /*.header .mobile_menu li:hover a{ color:white; }*/ .header .mobile_menu .sub-menu a { margin-bottom: 0px; font-size: 12px; line-height: 22px; } .header.fixed { box-shadow: 0 6px 0 0 rgba(0,0,0,.01), 0 15px 32px 0 rgba(0,0,0,.06); position: fixed; background-color: rgba(255, 255, 255, 0.9294117647058824); animation: slide-down 0.6s; -webkit-animation: slide-down 0.6s; -moz-animation: slide-down 0.6s; -o-animation: slide-down 0.6s; -ms-animation: slide-down 0.6s; } .hero_slider div { position: relative; } .header .logo img{ width: 130px; } .hero_slider div .hero_banner img { height: auto; width: 100%; object-fit: cover; object-position: center; } .hero_slider div .hero_content { position: absolute; width: 100%; bottom: 15%; } .hero_slider div .hero_content h1 { font-size: 70px; color: #ffffff; line-height: 70px; text-transform: uppercase; } .hero_slider div .hero_content .pad_0 { padding: 0px; } .hero_slider .slick-dots { bottom: 40px; width: 100%; text-align: left; max-width: 1220px; width: 100%; left: 0; right: 0; margin: 0 auto; } .hero_slider .slick-dots li button:before { display: none; } .hero_slider .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #2f5391; } .hero_slider .slick-dots li.slick-active button { background-color: #efc94c; } .hero_slider .slick-dots li { margin-right: 0px; margin: 0px; } .slick-dotted.slick-slider { margin-top: 0px; } .about_dcb img { height: 448px; object-fit: cover; object-position: center; width: 100%; position: relative; z-index: 9; margin-bottom: 150px; } .about_dcb { margin-top: 50px; } .seation_1 { position: relative; background-color: #f8f8f8; } .seation_1 .yello_box { position: absolute; background-color: #2f5391; width: 648px; right: 0; top: 22px; min-height: 545px; } .seation_1 .about_dcb_containt{ max-width: 580px; width: 100%; position: absolute; z-index: 99; background-color: #ffffff; padding: 60px 40px; right: 0%; top: 40px; text-align: center; /*-webkit-box-shadow: 1px 1px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 11px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 11px 0px rgba(0,0,0,0.75);*/ } .seation_1 .about_dcb_containt h2 { font-size: 35px; text-transform: uppercase; position: relative; line-height: 40px; margin-bottom: 25px; padding-bottom: 12px; } .seation_1 .about_dcb_containt h2::after { content: ""; display: inline-block; vertical-align: middle; position: absolute; background-color: #ed2227; height: 2px; width: 130px; left: 0; right: 0; margin: 0 auto; bottom: 0; } .seation_1 .about_dcb_containt p { font-family: 'Oswald', sans-serif; font-size: 17px; line-height: 32px; font-weight: 500; margin-bottom: 40px; } .seation_1 .about_dcb_containt a.btn_1 { max-width: 120px; display: block; margin: 0 auto; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 13px; border: 2px solid #2f5391; padding: 10px; text-decoration: none; color: #2f5391; margin-bottom: -37px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; font-family: 'Oswald', sans-serif; } .about_dcb_containt .pad_0{ padding: 10px; } .about_dcb_containt .pad_0 img { width: 100%; } .seation_1 .btn-info:hover { background-color: #2f5391; color: #ffffff; } .seation_1 .about_dcb_containt a.btn_1:hover { background-color: #2f5391; color: #ffffff; } .seation_2 .pad_0 { padding: 0px; } .seation_2 .zooming_image img{ width: 100%; object-fit: cover; object-position: center; max-width: 100%; transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; } .seation_2 .zooming_image { overflow: hidden; position: relative; } .seation_2 .zooming_image h4 { text-align: center; position: absolute; width: 100%; bottom: 0; padding: 20px 40px; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; color: #ffffff; background: rgba(0, 0, 0, 0.45); z-index: 9; transition: all 0.4s linear 0s; z-index: 99; } .seation_2 .zooming_image:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .seation_2 .zooming_image h4::after { content: ""; display: inline-block; vertical-align: middle; position: absolute; left: 0px; height: 100%; width: 0%; background-color:#ed2227; top: 0px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; z-index: -1; } .seation_2 .zooming_image h4:hover{ color: white; } .seation_2 .zooming_image:hover h4::after { width: 100%; } .seation_2 .btn-info { font-size: 35px; color: #ffffff; background-color: #ed2227; display: inline-block; vertical-align: middle; padding: 4px; max-width: 505px; width: 22%; text-align: center; text-transform: uppercase; line-height: 45px; text-decoration: none; transition: all 0.4s linear 0s; position: absolute; top: -53px; } .seation_2 .container { position: relative; } .seation_2 .view_all { background-color: #2f5391; padding: 40px 30px; color: #ffffff; } .seation_2 .view_all h3 { font-size: 42px; text-transform: uppercase; margin: 15px 0px; line-height: 58px; text-align: center; } /*.seation_2 .view_all h3 { font-size: 55px; text-transform: uppercase; margin: 15px 0px; line-height: 58px; }*/ .seation_2 .view_all a.btn_1 { max-width: 120px; display: block; font-weight: 700; text-transform: uppercase; font-size: 13px; border: 2px solid #ffffff; padding: 10px; text-decoration: none; color: #ffffff; margin: 20px auto 0px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; font-family: 'Oswald', sans-serif; text-align: center; } .seation_2 .view_all a.btn_1:hover { color: #2f5391; background-color: #ffffff; border: 2px solid #ffffff; } .seation_2 { margin-bottom: 95px; } .seation_3 .btn-info.text-right { font-size: 35px; color: #ffffff ; background-color: #ed2227; display: inline-block; vertical-align: middle; padding: 4px; max-width: 505px; width: 14%; text-align: center; text-transform: uppercase; line-height: 45px; text-decoration: none; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .seation_3 .heading { text-align: right; } .seation_3 .no_pad { padding: 0px; } .seation_3 .life_tab img { width: 100%; object-fit: cover; object-position: center; max-width: 100%; transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; } .seation_3 .life_tab { overflow: hidden; position: relative; } .seation_3 .life_tab h4{ position: absolute; width: 100%; bottom: 0; padding: 20px 40px; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; color: #000000; z-index: 9; transition: all 0.4s linear 0s; z-index: 99; } .seation_3 .life_tab:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .seation_3 .life_tab h4::after { content: ""; display: inline-block; vertical-align: middle; position: absolute; left: 0px; height: 100%; width: 0%; background-color: #ed2227; top: 0px; transition: all 0.4s linear 0s; z-index: -1; } .seation_3 .life_tab:hover h4::after { width: 100%; } .seation_3 h2 { background-color: #2f5391; color: #ffffff; font-size: 45px; padding: 25px 60px; text-transform: uppercase; line-height: 55px; } .seation_3 .slider_2 .slick-prev{ bottom: -68px; top: auto; left: auto; right: 150px; } .seation_3 .slider_2 .slick-next { bottom: -68px; top: auto; right: 80px; } .seation_3 .slider_2 .slick-prev:before { content: "\f190"; font-family: 'FontAwesome'; font-size: 40px; color: #2f5391; opacity: 9; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .seation_3 .slider_2 .slick-next:before { content: "\f18e"; font-family: 'FontAwesome'; font-size: 40px; color: #2f5391; opacity: 9; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .seation_3 .slider_2 .slick-prev:hover:before,.seation_3 .slider_2 .slick-next:hover:before { color: #ed2227; } .seation_3 { margin-bottom: 105px; } .seation_4 .btn-info{ font-size: 35px; color: #ffffff; background-color: #ed2227; display: inline-block; vertical-align: middle; padding: 4px; max-width: 505px; width: 20%; text-align: center; text-transform: uppercase; line-height: 45px; text-decoration: none; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .seation_4 .slider_3 .events { position: relative; } .seation_4 .slider_3 .events .pik { overflow: hidden; } .seation_4 .slider_3 .events .pik img { width: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; } .seation_4 .slider_3 .event_cnt { position: absolute; width: 100%; bottom: 0px; left: 0; right: 0; padding: 20px 20px; color: #ffffff; background:rgba(0, 0, 0, 0.45); } .seation_4 .slider_3 .event_cnt h4 { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 30px; line-height: 35px; margin-bottom: 10px; padding-right: 15px; } .seation_4 .slider_3 .event_cnt p { font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 200; line-height: 24px; margin-bottom: 15px; text-align: left; padding-right: 15px; } .seation_4 .slider_3 .event_cnt a{ display: inline-block; vertical-align: middle; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-transform: uppercase; font-size: 13px; border: 2px solid #ffffff; padding: 10px 35px; text-decoration: none; color: #ffffff; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; text-align: center; outline: none; } .seation_4 .slider_3 .event_cnt a i { margin-left: 5px; } .seation_4 .slider_3 .event_cnt a:hover { background-color: #2f5391; color: #ffffff; border: 2px solid #2f5391; } .seation_4 .slider_3 .events .pik img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .seation_4 .slider_3 div { padding: 0px 1.5px; outline: none; } .seation_4 .slider_3 div:first-child { padding-left: 0px; } .seation_4 .slider_3 div:last-child { padding-right: 0px; } .seation_4 { padding-bottom: 105px; } .seation_4 .slider_3 .slick-prev { bottom: -68px; top: auto; left: auto; right: 150px; } .seation_4 .slider_3 .slick-prev:before { content: "\f190"; font-family: 'FontAwesome'; font-size: 40px; color: #2f5391; opacity: 9; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .seation_4 .slider_3 .slick-next { bottom: -68px; top: auto; right: 80px; } .seation_4 .slider_3 .slick-next:before { content: "\f18e"; font-family: 'FontAwesome'; font-size: 40px; color: #2f5391; opacity: 9; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .part_ofdsb { text-align: center; background-color: #2f5391; margin: 0 auto; padding: 35px 0px; } .part_ofdsb a { display: block; max-width: 540px; border: 2px solid #ffffff; text-align: center; margin: 0px auto; padding: 5px; color: #ffffff; font-size: 35px; text-transform: uppercase; text-decoration: none; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .part_ofdsb a i { margin-left: 5px; } .part_ofdsb a:hover { background-color: #ffffff; border: 2px solid #ffffff; color: #2f5391; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .dsb-part{ padding: 0px; } .seation_5 .our_location { position: relative; z-index: 999; padding: 68px; color: #ffffff; } .seation_5 .location_image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-image: url(../images/Image-for-web.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .seation_5 .location_image img { width: 100%; object-fit: cover; object-position: center; } .seation_5 .location_euro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-image: url(../images/final/location-euro.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .seation_5 .location_euro img { width: 100%; object-fit: cover; object-position: center; } .seation_5 .no_pad_1 { padding: 0px; } .seation_5 .our_location h3 { font-size: 35px; color: #ffffff; text-transform: uppercase; padding: 0px 15px; margin-bottom: 65px; } .seation_5 .our_location h4 { color: #ffffff; font-size: 25px; font-family: 'Oswald', sans-serif; font-weight: 500; margin-bottom: 35px; } .seation_5 .our_location address p { color: #ffffff; } .seation_5 .our_location p { font-size: 20px; color: #ffffff; font-family: 'Oswald', sans-serif; color: #ffffff; font-weight: 300; line-height: 26px; margin-bottom: 15px; } .seation_5 .our_location a { color: #ffffff; font-size: 20px; font-family: 'Oswald', sans-serif; font-weight: 300; display: inline-block; vertical-align: middle; text-decoration: none; transition: all 0.4s linear 0s; } .seation_5 .our_location a:hover { color: #efc94c; } .seation_5 .our_location .border_right { border-left: 2px solid #efc94c; padding-left: 60px; } /*FOOTER : STYLE :: SET*/ footer { padding: 25px 0px 0px; background-color: #f8f8f8; position: relative; } footer h4 { font-size: 16px; color: #2f5391; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 800; margin-bottom: 15px; } footer ul.menu { font-size: 0px; font-family: 'Oswald', sans-serif; margin-bottom: 25px; list-style: none; } footer ul.menu li { display: inline-block; vertical-align: middle; position: relative; margin-right: 20px; } footer ul.menu li:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; height: 14px; width: 2px; background-color: #000000; right: -10px; top: 5px; } footer ul.menu li:last-child:after { display: none; } footer ul.menu li a { display: block; color: #000000; font-size: 16px; font-weight: 500; text-decoration: none; } footer ul.menu li.open { display: block; color: #000000; font-size: 16px; font-weight: 500; text-decoration: none; } footer ul.sosial { font-size: 0px; margin-bottom: 45px; } footer ul.sosial li { display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; } footer ul.sosial li a { font-size: 25px; text-align: center; } footer ul.sosial li a i { padding: 13px; background-color: #ed2227; color: #ffffff; border-radius: 50%; height: 50px; width: 50px; transition: all 0.4s linear 0s; } footer ul.sosial li a i:hover { background-color: #efc94c; color: #000000; } footer p { font-size: 16px; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 500; line-height: 22px; } footer form { width: 100%; position: relative; margin-bottom: 12px; } footer form input { width: 100%; padding: 18px; border: 1.5px solid #2f5391; border-radius: 5px; font-size: 16px; font-weight: 500; font-family: 'Oswald', sans-serif; } footer form input.btn-info { position: absolute; right: 0px; max-width: 180px; top: 0; background-color: #2f5391; text-transform: uppercase; border-color: #2f5391; } #copyright-footer{ background: #2f5391; padding: 20px 0px 10px; } #copyright-footer a{ color: white; } #copyright-footer a:hover{ color: #efc94c; } /*.created-by p{ float: right; }*/ /*FOOTER : STYLE :: END*/ .logo_seation { padding: 50px 0px; background-color: #f8f8f8; } .logo_seation .logo { width: 100%; } .logo_seation .logo ul li { float: left; width: 25%; display: block; padding: 10px; } .logo_seation .logo ul { margin-left: -10px; margin-right: -10px; list-style: none; } /*.logo_seation .logo ul li a { display: block; padding: 10px; }*/ .logo_seation .logo ul li img { width: 100%; /* -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.47); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.47); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.47);*/ } .seation_1 .container { position: relative; } .about_dcb .no_pad { padding: 0px; } /*MEGA MENU :: SET*/ .mega_menu { position: fixed; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; display: none; } .mega_menu .menu_sec { height: 100%; } .mega_menu .menu_sec .abs_1 { float: left; width: 50%; background-color: #ffffff; color: #ffffff; height: 100%; position: relative; } .mega_menu .menu_sec .abs_2 { float: right; width: 50%; background-color: #0e4b8e; color: #ffffff; height: 100%; position: relative; } .mega_menu .menubar { border-bottom: 0px solid #ddd; height: auto !important; position: absolute; right: 144px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .mega_menu .menu_sec .abs_2 .right_menu { height: auto !important; position: absolute; left: 144px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .mega_menu .nav-tabs>li.active>a, .mega_menu .nav-tabs>li.active>a:focus, .mega_menu .nav-tabs>li.active>a:hover { color: #ed2227; cursor: default; background-color: #fff0; border: 0px solid #ddd; border-bottom-color: transparent; } .mega_menu .nav-tabs-uni>li.active>a, .mega_menu .nav-tabs-uni>li.active>a:focus, .mega_menu .nav-tabs-uni>li.active>a:hover { color: #ed2227; cursor: default; background-color: #fff0; border: 0px solid #ddd; border-bottom-color: transparent; } .mega_menu .nav-tabs>li>a { margin-right: 0; line-height: inherit; border: 0px solid transparent; border-radius: 0; background-color: transparent !important; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .mega_menu .nav-tabs-uni>li>a { margin-right: 0; line-height: inherit; border: 0px solid transparent; border-radius: 0; background-color: transparent !important; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .mega_menu .nav-tabs li { display: block; float: none; margin: 0; } .mega_menu .nav-tabs-uni li { display: block; float: none; margin: 0; } .mega_menu .nav-tabs li a { padding: 0px; font-size: 35px; font-weight: 600; line-height: 48px; font-family: 'Oswald', sans-serif; color: #2f5391 } .mega_menu .nav-tabs-uni li a { padding: 0px; font-size: 35px; font-weight: 600; line-height: 48px; font-family: 'Oswald', sans-serif; color: #2f5391 } .mega_menu .menu_sec .abs_2 .right_menu ul li { padding: 0px; font-size: 30px; font-weight: 500; line-height: 48px; font-family: 'Oswald', sans-serif; color: white; } .mega_menu .menu_sec .abs_2 .right_menu ul li a{ color: white !important; } .mega_menu.show { display: block; } #nav-icon2.open span { background-color: #ffffff; } .header .logo { position: relative; z-index: 999; } .header ul.sosial li { display: inline-block; vertical-align: middle; position: relative; margin-right: 6px; } .header ul.sosial li a { font-size: 20px; text-align: center; } .header ul.sosial li a i { padding: 11px; background-color: #ed2227; color: #ffffff; border-radius: 50%; height: 42px; width: 42px; transition: all 0.4s linear 0s; } .header ul.sosial li a i:hover { background-color: #0e4b8e; color: #ffffff; } /*.mega_menu .menubar .left_menu { padding-bottom: 65px; }*/ .left_menu{ list-style: none; } .header ul.sosial { position: absolute; bottom: -71px; left: 0px; } .nav-tabs { border-bottom: 0px solid #ddd; } .nav-tabs-uni { border-bottom: 0px solid #ddd; } .seation_5 { position: relative; z-index: 8; } .header.fixed { position: fixed; /*height: 100vh;*/ } /*MEGA MENU :: END*/ /*ABOUT PAGE STYLE :: SET*/ .rotateimg180 { -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .inner_hero { position: relative; } .inner_hero .hero_banner img { width: 100%; object-fit: cover; object-position: center; min-height: 380px; } .inner_hero .well_come_dcb { position: absolute; bottom: -20px; width: 100%; left: 0; right: 0; } .well_come_dcb .well_btn { float: left; margin-right: 25px; } .well_come_dcb ul { float: left; } .well_come_dcb .well_btn a { font-size: 28px; color: #ffffff; background-color: #ed2227; display: inline-block; vertical-align: middle; padding: 12px 16px; max-width: 505px; width: 100%; text-align: center; text-transform: uppercase; line-height: 26px; text-decoration: none; transition: all 0.4s linear 0s; } .well_come_dcb ul li { display: inline-block; vertical-align: middle; } .well_come_dcb ul li a { color: #ffffff; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; font-weight: 400; font-family: 'Oswald', sans-serif; font-size: 20px; line-height: 70px; padding-right: 30px; position: relative; text-transform: uppercase; } .well_come_dcb ul li a:hover { color: #ed2227; } .well_come_dcb ul li a:after { content: ">"; display: inline-block; vertical-align: middle; position: absolute; right: 7px; font-size: 25px; } .well_come_dcb ul li:last-child a:after{ display: none; } .dina_fuentes { position: relative; } .dina_fuentes .fuentes_sec .left { float: left; width: 65%; position: relative; } .dina_fuentes .fuentes_sec .right { float: right; background-color: #ffde20; width: 35%; height: 100%; position: absolute; right: 0; } .dina_fuentes .fuentes_sec .right #sidebar { padding: 60px 0px; } /* #sidebar_sect_nav{ position: fixed; top: auto; width: 30%; }*/ .dina_fuentes .fuentes_sec .right ul { position: relative; padding-top: 20px; } .dina_fuentes .fuentes_sec .right ul:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; background-color: #ed2227; height: 8px; right: 0; left: 35px; top: 4px; } .dina_fuentes .fuentes_sec .right ul li a { font-size: 22px; color: #2f5391; font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; position: relative; padding-bottom: 15px; display: block; padding: 15px 40px 15px; position: relative; border: 0px solid #ddd; margin-right: 0px; border-radius: 0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } /* .dina_fuentes .fuentes_sec .right ul li { float: none; } */ .dina_fuentes .fuentes_sec .right ul li a:hover { background-color: #2f5391; color: #ffffff; } .dina_fuentes .fuentes_sec .right ul li a.active { background-color: #2f5391; color: #ffffff; } .dina_fuentes .fuentes_sec .right ul li a:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; background-color: #2f5391; height: 1px; right: 40px; left: 35px; bottom: 0; } .dina_fuentes .fuentes_sec .right ul li:last-child a:after { display: none; } .dina_fuentes .fuentes_sec .right ul li.active a { background-color: #2f5391; color: #ffffff; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .dina_fuentes .fuentes_sec .left .presd { float: right; background-color: #2f5391; color: #ffffff; padding: 127px 115px 127px 216px; position: absolute; top: 64px; right: 0; } .dina_fuentes .fuentes_sec .left .presd h3 { font-size: 35px; color: #ffffff; position: relative; padding-bottom: 15px; margin-bottom: 35px; text-transform: uppercase; text-shadow: 4px 4px black; } .dina_fuentes .fuentes_sec .left .presd h3:before { content: ""; display: inline-block; vertical-align: middle; position: absolute; width: 200px; background-color: #ffde20; height: 6px; left: 0px; bottom: 0px; } .dina_fuentes .fuentes_sec .left .presd h4 { text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 400; padding-bottom: 25px; } .dina_fuentes .fuentes_sec .left .presd a { font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 400; color: #ffffff; } .our_hist { z-index: 99; } .dina_fuentes .fuentes_sec .left img { padding: 150px 0; position: relative; z-index: 9; height: 565px; object-position: center; object-fit: cover; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; border: 5px solid transparent; border: 0; max-width: 340px; width: 100%; } .dina_fuentes .aims_valus ul li a:hover img { border: 5px solid #ed2227; } .dina_fuentes .fuentes_sec .left .cont p { font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 300; line-height: 26px; margin-bottom: 25px; color: #000000; } .dina_fuentes .fuentes_sec .left .cont { padding-right: 35px; } .what_setsup .what_set_pik { position: relative; } .fuentes_sec .tab-content>.active { display: block; } .dina_fuentes .what_setsup .what_set_pik img { width: 100%; padding-top: 40px; padding-bottom: 0px; max-width: 100%; } .dina_fuentes .what_setsup .what_set_pik .dec_in { background-color: #ffffff; position: absolute; bottom: -70px; z-index: 9; max-width: 616px; width: 100%; margin: 0 auto; padding: 30px; text-align: center; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.75); transition: all 0.4s linear 0s; } .dina_fuentes .what_setsup .what_set_pik .dec_in:hover { -webkit-box-shadow: 0px 5px 6px -2px rgb(237, 34, 39); -moz-box-shadow: 0px 5px 6px -2px rgb(237, 34, 39); box-shadow: 0px 5px 6px -2px rgb(237, 34, 39); } .dina_fuentes .what_setsup .what_set_pik .dec_in img { width: auto; height: auto; padding-top: 0px; padding-bottom: 20px; } .dina_fuentes .what_setsup .what_set_pik .dec_in p{ font-size: 24px; font-family: 'Oswald', sans-serif; font-weight: 500; color: #2f5391; line-height: 28px; } .dina_fuentes .philosophy { padding-top: 110px; } .dina_fuentes .philosophy h3 { color: #13529c; font-size: 26px; margin-bottom: 15px; } .dina_fuentes .philosophy p { margin-bottom: 10px; font-size: 18px; color: #000000; line-height: 24px; font-weight: 500; font-family: 'Oswald', sans-serif; } .dina_fuentes .fuentes_sec .right.fixed { } .dina_fuentes .the_future .the_future_dsb { float: left; width: 65%; background-color: #13529c; position: absolute; top: 50%; padding: 32px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .dina_fuentes .the_future { position: relative; margin: 45px 0px; } .dina_fuentes .the_future .the_future_img { float: right; width: 35%; } .dina_fuentes .the_future .the_future_dsb h3 { font-size: 28px; color: #ffffff; margin-bottom: 15px; font-weight: 400; } .dina_fuentes .the_future .the_future_dsb p { font-size: 18px; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 26px; text-align: justify; margin-bottom: 10px; } .dina_fuentes .the_future .the_future_img img { padding: 0; margin: 0; width: 100%; max-height: 425px; object-fit: cover; object-position: center; } .vision_mision .vision_mision_sec { position: relative; font-family: 'Oswald', sans-serif; } .vision_mision .vision_mision_sec .left_s { float: left; width: 50%; } .vision_mision .vision_mision_sec .right_s { float: left; width: 50%; } .vision_mision .vision_mision_sec.evv .left_s { background-color: #13529c; padding: 25px; color: #ffffff; min-height: 430px; position: relative; } .vision_mision .vision_mision_sec.evv .left_s .abs { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding:0 25px; } .vision_mision .vision_mision_sec h3 { font-size: 26px; margin-bottom: 15px; } .vision_mision .vision_mision_sec p { font-size: 17px; text-align: justify; line-height: 26px; margin-bottom: 15px; color: white; } .vision_mision .vision_mision_sec .right_s img{ padding: 0px; width: 100%; height: 310px; object-fit: cover; object-position: center; max-width: 100%; } .vision_mision .vision_mision_sec.odd .left_s { float: right; background-color: #ed2227; padding: 25px; color: #ffffff; position: absolute; right: 0; top: -120px; height: 428px; } .vision_mision .vision_mision_sec.odd .right_s { float: left; } .aims_valus h3{ font-size: 28px; margin-bottom: 30px; color: #000000; } .vision_mision { padding: 45px 0px 100px 0px; } .aims_valus ul li{ display: inline-block; vertical-align: middle; float: left; width: 33.33%; text-align: center; position: relative; overflow: hidden; } .aims_valus ul li a { cursor: pointer; display: block; } .aims_valus ul li a h4 { font-family: 'Oswald', sans-serif; margin-bottom: 45px; font-size: 18px; font-weight: 600; color: #090909; } .what_setsup_aprat { position: relative; margin-top: 135px; margin-left: -10px; margin-right: -10px; } .what_setsup_aprat img{ padding: 0px !important; width: 100%; height: 330px !important; } .what_setsup_aprat .up_aprat_sec .left_sec{ position: relative; } .what_setsup_aprat .up_aprat_sec .right_sec{ position: relative; } .what_setsup_aprat .up_aprat_sec.left_s { float: left; width: 50%; } .what_setsup_aprat .up_aprat_sec.right_s .cont_1{ right: 0px; } .what_setsup_aprat .up_aprat_sec .even .cont_1 { background-color: #2f5391; } .what_setsup_aprat .up_aprat_sec .odd .cont_1 { background-color: #ed2227; } .what_setsup_aprat .up_aprat_sec.right_s { float: left; width: 50%; margin-top: 50px; } .what_setsup_aprat .up_aprat_sec .even ,.what_setsup_aprat .up_aprat_sec .odd { position: relative; padding: 10px; } .what_setsup_aprat .up_aprat_sec .sec { position: relative; overflow: hidden; } .what_setsup_aprat .up_aprat_sec .sec img { transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -mos-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; border: 0px; max-width: 100%; } .dina_fuentes .fuentes_sec .left .cont h5 { font-size: 20px; margin-bottom: 15px; color: #2f5390; margin-top: 75px; } .what_setsup_aprat .up_aprat_sec .sec:hover img { transform: scale(1.1); } .what_setsup_aprat .up_aprat_sec .cont_1 { position: absolute; bottom: 0px; z-index: 99; padding: 15px; width: 80%; font-family: 'Oswald', sans-serif; } .what_setsup_aprat .up_aprat_sec .cont_1 h4 { font-size: 18px; line-height: 26px; color: #ffffff; } .what_setsup_aprat .up_aprat_sec.evv .cont_1 { background-color: #2f5391; color: #ffffff; } .what_setsup_aprat .up_aprat_sec .right_sec .cont_1 { color: #ffffff; background-color: #ed2227; right: 10px; } .dina_fuentes .fuentes_sec .right.fixed { position: fixed; } .fuentes_sec { position: relative; } #left { position:absolute; height:100%; right: 0px; top: 0; } #right { position: relative; } .mobile_menu { display: none; } .dina_fuentes .fuentes_sec .left .tab-pane.hide1{ display: none; } .dina_fuentes .fuentes_sec .left .tab-pane { display: block; padding: 0px 30px; } /*ABOUT PAGE STYLE :: END*/ /*HEAD :: STYLE :: SET*/ .teacher_community .community_sec .our_heads { padding: 10px 15px; } .teacher_community .community_sec .our_heads .left{ float: right; width: 35%; position: relative; } .teacher_community .community_sec .our_heads .right{ float: left; width: 65%; height: 100%; } .teacher_community .community_sec .our_heads .right ul.head { margin-left: -15px; margin-right: -15px; list-style: none; } .teacher_community .community_sec .our_heads .right ul.head li { float: left; text-align: center; width: 33.33%; padding: 15px; font-family: 'Oswald', sans-serif; } .teacher_community .community_sec .our_heads .right ul.head li img { width: 100%; } .teacher_community .community_sec .our_heads .right ul.head li h4 { font-size: 18px; font-weight: 600; margin: 15px 5px 0; color: black; } .teacher_community .community_sec .our_heads .right ul.head li h5 { font-size: 14px; margin: 5px 0; color: black; } .teacher_community .community_sec .our_heads .right ul.head li a { display: block; transition: all 0.4s linear 0s; position: relative; overflow: hidden; /* cursor: auto;*/ } /*.teacher_community .community_sec .our_heads .right ul.head li a.dis-cur { cursor: auto; }*/ .teacher_community .community_sec .our_heads .right ul.head li a:after { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /* background: rgba(0, 0, 0, 0.4392156862745098); */ height: 0%; width: 0%; border-radius: 50%; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .teacher_community .community_sec .our_heads .right ul.head li a.team:after { background: none; } .teacher_community .community_sec .our_heads .right ul.head li:hover a:after { height: 200%; width: 200%; } .head_sec_nav ul{ list-style: none; } .teacher_community .community_sec .our_heads .left .head_sec_nav { padding: 0px 36px; margin-top: 15px; } /* .teacher_community .community_sec .our_heads .left .head_sec_nav ul li.active a{ background-color: #2f5391; } */ .teacher_community .community_sec .our_heads .left .head_sec_nav ul li a{ display: block; color: #000000; background-color: #ffffff; border: 1px solid #000000; text-align: center; padding: 6px; font-size: 18px; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 800; margin-bottom: 15px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; } .teacher_community .community_sec .our_heads .left .head_sec_nav ul li a:hover { background-color: #2f5391; color: #ffffff; border: 1px solid #2f5391; } .teacher_community .community_sec .our_heads .right .head_section.active { display: block; } .teacher_community .community_sec .our_heads .right .head_section.hide1{ display: none; } /*HEAD :: STYLE :: END*/ .teacher-service{ margin-right:-15px; } .teacher-service img{ width: 100%; height: 322px; } .col-lg-5.service-teacher{ height: 23em; position: relative; background-color: #ced3d7; } .teacher-service-content{ padding: 0px 100px; text-align: center; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } .teacher-service-content h3{ font-family: 'Oswald', sans-serif; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; } .teacher{ padding-right: 0px; padding-left: 0px; } .teacher-service-content p{ font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 500; line-height: 26px; margin-bottom: 25px; color: #000000; } .school-cat{ background-color: #fcde07; margin-bottom: 10px; } .school-categories, .active, .sclcat:hover { color: red; } .school-categories a li:hover { color: red; } .school-categories{ font-family: 'Oswald', sans-serif; width: 80%; margin: 16px auto; font-size: 16px; } .school-categories a li{ font-family: 'Oswald', sans-serif; display: inline; list-style: none; padding: 12px; font-weight: 600; } .aboutus_categories, .active, .sclcat:hover { color: red; } .aboutus_categories a li:hover { color: red; } .aboutus_categories{ font-family: 'Oswald', sans-serif; width: 80%; margin: 16px auto; font-size: 16px; } .aboutus_categories a li{ font-family: 'Oswald', sans-serif; display: inline; list-style: none; padding: 13px; font-weight: 600; font-size: 16px; } #myDIV{ text-align: center; } .tab-section{ width: 80% !important; } .tab-section h3{ font-family: 'Oswald', sans-serif; font-size: 21px; margin-top: 20px; margin-left: 14px; } .show { display: block; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; } .btn:hover { background-color: #ddd; } .btn.active { background-color: #666; color: white; } .tab-content p{ font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 500; line-height: 26px; margin-bottom: 25px; color: #000000; text-align: justify; } .nav.nav-tabs1 button { font-family: 'Oswald', sans-serif; padding: 12px 30px; border: 1px solid; border-radius: 7px; margin: 20px 0px 15px; color: white; font-size: 17px; background-color: #13529c; } .nav.nav-tabs1 button a{ color: white; } .tab-pane.fade li{ font-family: 'Oswald', sans-serif; list-style: square; font-size: 17px; font-weight: 500; line-height: 20px; margin-bottom: 25px; color: #000000; } .tab-content .tab-pane .foundation{ color: #13529c; margin-top: 20px; } .eyfc-apply ul, .primary-apply ul{ list-style: none; } .eyfc-apply li:first-child button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 15px 20px; border: 1px solid white; border-radius: 8px; margin-bottom: 10px; font-weight: 500; margin-top: 86px; } .eyfc-apply li button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 20px; border: 1px solid white; border-radius: 8px; width: 92%; margin-bottom: 40px; } .primary-apply li:first-child button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 17px; border: 1px solid white; border-radius: 8px; margin-bottom: 10px; margin-top: 86px; } .primary-apply li:nth-child(2) button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 17px; border: 1px solid white; border-radius: 8px; margin-bottom: 10px; } .primary-apply li:nth-child(3) button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 17px; border: 1px solid white; border-radius: 8px; margin-bottom: 10px; } .primary-apply li button{ font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 17px; border: 1px solid white; border-radius: 8px; width: 92%; margin-bottom: 40px; } .tab-content ul{ margin-left: 40px; margin-top: 10px; } .parent-testimonial{ margin: 50px 0px 30px; } .parent-testimonial .col-lg-4.col-md-4.col-sm-6.col-xs-12 img{ width: 100%; height: 280px; } .parent-testimonial .col-lg-4.col-md-4.col-sm-6.col-xs-12 h4{ font-size: 24px; text-align: center; margin: 20px 0px 10px; } .parent-testimonial .col-lg-4.col-md-4.col-sm-6.col-xs-12 p{ font-size: 17px; text-align: center; margin-bottom: 20px; } input[type=radio] { margin: 6px 10px 0 25px;} .form-horizontal .control-label { font-size: 17px; color: #6e6e6e; text-align: left; padding-left: 98px; } .birthdate input{ border-radius: 5px; margin-left: 6px; padding: 5px 10px; } .panel-body .form-group .reference{ margin-left: 15px; } .form-horizontal .form-group .heading p{ font-weight: 600; font-size: 20px; color: #2f5391; margin: 15px 0px; } .form-horizontal .form-group .form-control { width: 98%; } .form-horizontal{ margin: 50px 0px; } .form-horizontal .form-group .reference { font-size: 17px; color: #6e6e6e; } input[type=checkbox], input[type=radio] { margin-right: 12px; } .panel-body .form-group .gender{ margin-top: 10px; } .panel-body .form-group .grade{ margin-top: 10px; } .panel-body .form-group label{ font-size: 17px; } .panel-body .form-group label p{ color: #2f5391; } .panel-body .form-group .btn.btn-primary{ background: #2f5391; padding: 12px 40px; margin: 30px 0px; } .panel-body .form-group .btn.btn-primary:hover{ background: red; } .panel-body .form-group .grade1 select{ font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid lightgrey; border-radius: 5px; padding: 5px 0px; margin: 10px 0px; } .talk-to-parent img{ width: 100%; height: 335px; } .covid-safety img { width: 100%; } .talk-to-parent p { font-size: 17px; text-align: justify; } .talk-to-parent { margin: 50px 0px; } .admission-form{ width: 100%; height: 700px; } .addmission .col-lg-3{ background: yellow; padding: 10px 10px; width: 33.33%; text-align: center; border: 1px solid black; color: #124683; font-weight: 600; } .addmission .col-lg-6{ background: yellow; padding: 10px 10px; width: 40%; text-align: center; border: 1px solid black; color: #124683; font-weight: 600; margin-left: 150px; } .addmission .col-lg-9{ width: 66.66%; height: 65px; } .addmission .col-lg-12{ background: yellow; padding: 10px 10px; width: 100%; text-align: center; border: 1px solid black; color: #124683; font-weight: 600; margin-bottom: 50px; } .addmission img{ margin-top: -114px; } .addmission .col-lg-3:hover{ background: #124683; color: yellow; } .addmission .col-lg-6:hover{ background: #124683; color: yellow; } .addmission .col-lg-12:hover{ background: #124683; color: yellow; } .process-add span{ font-size: 40px; color: #124683; font-weight: 700; margin-left: 14%; } .birth{ margin-bottom: 20px; } .main-heading-admission{ font-size: 40px; font-weight: 600; color: #114784; margin: 30px 13px 20px; } .grade .dropdown button{ border: 1px solid rgb(206, 202, 202); padding: 7px 34px; } .form-horizontal .form-group .submit button{ border: 1px solid rgb(206, 202, 202); padding: 7px 34px; margin: 20px 0px; } .form-horizontal .form-group .submit button:hover{ background-color: black; color: white; } .grade .dropdown{ position: relative; margin: 20px 10px; } .form-horizontal .form-group .dropdown button{ border: 1px solid rgb(206, 202, 202); padding: 7px 34px; } .admission_process h3{ border: 1px solid; width: 50%; text-align: center; background-color: yellow; color: #124683; font-weight: 600; border: 1px solid black; padding: 10px 10px; } .admission_process h3:hover{ background-color: #124683; color: yellow; } .admission_process span{ font-size: 40px; color:#124683; font-weight:700; margin-left: 22%; } .modal { position: fixed; top: 151px; right: 0; bottom: 0; left: 311px; z-index: 1052; display: none; outline: 0; background-color: #fff; width: 54%; height: 58%; } .modal-title h4{ font-size: 25px; } .modal-title span{ font-size: 18px; } .modal-body p{ font-size: 16px; } .modal-header .close { margin-top: -18px; font-size: 51px; margin-right: -39px; border-radius: 50%; padding: 0px 17px; background-color: #ffde20; z-index: 10000000000; opacity: 1.5; } .modal-title ul{ display: inline; } .modal-dialog{ overflow-y: initial !important } .modal-body{ height: 285px; overflow-y: auto; } .modal-parent img{ padding: 0px 0 !important; height: 480px !important; width: 264px !important; margin-top: -30px; margin-left: -68px; } .modal1-content { margin-left: -36px; margin-right: -50px; } .tab-pane.fade.active h4{ color:#2E2E2E; margin-bottom: 10px; } .modal-dialog img{ margin-left: -314px; margin-top: -30px; height: 480px; width: 540px; } /*Contact Us*/ .nav.nav-tabs2{ text-align: right; } .nav.nav-tabs2 button { font-family: 'Oswald', sans-serif; padding: 12px 30px; border: 1px solid; border-radius: 7px; margin: 20px 15px 15px; color: white; font-size: 17px; background-color: #13529c; } .nav.nav-tabs2 button:hover{ background-color: red; } .nav.nav-tabs2 button a{ color: white; } .contact-tab-section h3 { font-family: 'Oswald', sans-serif; font-size: 25px; margin: 15px 0px 10px; font-weight: 600; color: #2f5391; } .contact-tab-section a{ text-decoration: none !important; color: #000000; font-size: 18px; } .address{ padding: 20px 10px 10px 15px; } .contact-tab-section{ margin-bottom: 50px; } .contact-tab-section .address p{ font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 25px; color: #000000; text-align: justify; padding-right: 71px; } .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 50% !important; } .map{ margin-bottom: 0px; } .contact-tab-section .tab-content{ margin-top: 30px; } /*End Contact US*/ .privacy-content{ margin: 50px 0px; } .privacy-content p{ font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 300; line-height: 26px; margin-bottom: 25px; text-align: justify; color: #000000; } .privacy-content h2{ margin-bottom: 12px; } .outer-sitemap-menu li{ font-size: 20px; font-weight: 500; margin-bottom: 15px; } .internal-sitemap-menu{ padding-left: 25px; } .internal-sitemap-menu li{ font-size: 17px !important; font-weight: 300 !important; margin-bottom: 5px; } .sitemap-info{ margin: 50px 0px; } .main-heading{ font-size: 40px; font-weight: 600; color: #114784; margin: 30px 13px 30px; } .mumbai-life{ width: 85% !important; } .gateway img{ width: 100%; height: 270px; } .taj img{ width: 100%; height: 300px; } .csmt img{ width: 100%; height: 300px; } .airport img{ width: 100%; height: 300px; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } .sealink{ background-image: url(../images/final/livinginmumbai/02-Sea-link.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100% !important; height: 600px; margin: 50px 0px; } .air-qua{ background-image: url(../images/final/air-filter.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100% !important; } .gateway, .taj, .csmt, .airport { margin: 40px 0px; } .mumbai-life h1{ font-size: 40px; margin-top: 40px; color: #124683; font-weight: 600; } .gateway h3{ font-size: 30px; margin-bottom: 20px; color: #124683; font-weight: 500; } .gateway p{ font-size: 17px; text-align: justify; } .taj h3{ font-size: 30px; margin-bottom: 20px; color: #124683; font-weight: 500; text-align: right; } .taj p{ font-size: 17px; text-align: justify; } .csmt h3{ font-size: 30px; margin-bottom: 20px; color: #124683; font-weight: 500; } .csmt p{ font-size: 17px; text-align: justify; } .airport h3{ font-size: 30px; margin-bottom: 20px; color: #124683; font-weight: 500; text-align: right; } .airport p{ font-size: 17px; text-align: justify; } /*.sealink-content{ position:absolute; left: -64%; right: 100%; margin-left:-100px; margin-top: 23px; }*/ .sealink-content{ position: absolute; left: 0%; right: 13%; margin-left: 0px; margin-top: 17px; } .sealink-content h3{ font-size: 30px; margin-bottom: 20px; color: #124683; font-weight: 500; } .sealink-content p{ font-size: 17px; text-align: justify; } .new-events{ margin: 50px 0px 30px; } .new-events .event_cnt { position: absolute; width: 92%; bottom: 29px; left: 14px; right: 0; padding: 20px 20px; color: #ffffff; background: #0000007a; } .new-events .event_cnt a{ display: inline-block; vertical-align: middle; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-transform: uppercase; font-size: 13px; border: 2px solid #ffffff; padding: 10px 35px; text-decoration: none; color: #ffffff; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; text-align: center; outline: none; margin: 10px 0px; } .new-events img{ width: 100%; height: 350px; margin-bottom: 30px; } #garden img{ width: 100%; height: 225px; margin-bottom: 30px; } #aurum img{ width: 100%; height: 225px; margin-bottom: 30px;} .ourhist img{ float: left; margin-right: 20px; } .ourhist{ text-align: justify; font-size: 17px; margin: 30px 0px; } .bottom-left{ position: absolute; bottom: 0px; left: 15px; background-color: #2f5391; color: white; padding: 20px 10px; width: 78%; } .bottom-right { /*position: absolute; bottom: 0px; right: 16px; background-color: #2f5391; color: white; padding: 6px 16px; width: 78%; text-align: justify;*/ background-color: #2f5391; color: white; padding: 20px 10px; } .centered { /*position: absolute; top: 86%; left: 50%; transform: translate(-50%, -50%); width: 78%;*/ background-color: #ed2227; color: white; padding: 20px 10px; } .philosophy img{ width: 100%; height: 335px; } .philosophy{ margin-bottom: 30px; } .philosophy .col-lg-4.col-md-4.col-sm-6{ margin-bottom: 20px; } .philosophy-heading img{ margin-top: 50px; margin-bottom: 10px; } .philosophy-heading .rotateimg180{ float: right !important; margin-top: 0px !important; margin-bottom: 20px !important; } .philosophy-heading p{ font-size: 29px; margin-bottom: 50px; margin-top: 50px; } .principal img{ width: 90%; height: 525px; margin-top: 50px; } .principal h3{ font-size: 25px; } .principal h4{ font-size: 20px; margin: 5px 0px 5px; } .principal p{ text-align: justify; font-size: 17px; margin: 8px 0px; } .principal p:first-child{ text-align: justify; font-size: 17px; margin-top: 50px; } .principal{ margin-bottom: 50px; } .vision{ margin: 30px 0px; text-align: center; background-color: #2f5391; color: white; padding: 40px; } .vision h3{ font-size: 30px; } .vision p{ font-size: 17px; margin-top: 10px; } .mission{ margin: 30px 0px; text-align: center; background-color: #ed2227; color: white; padding: 40px; } .mission h3{ font-size: 30px; } .mission p{ font-size: 17px; margin-top: 10px; } .aims_valus ul li a img { /*padding: 20px 20px 5px 20px !important;*/ padding: 0 !important; margin: 0; /* width: 100%; height: auto;*/ object-fit: cover; object-position: center; height: 120px !important; width: 120px !important; margin-bottom: 15px; } .dsb-philosophy{ margin-bottom: 30px; } .dsb-philosophy img{ width: 100%; height: 300px; } .dsb-philosophy p{ font-size: 17px; text-align: justify; } .future{ margin-bottom: 50px; } .future img{ width: 100%; height: 300px; } .future p{ font-size: 17px; text-align: justify; } .chamber img{ float: left; width: 40%; height: 370px; margin-right: 20px; } .chamber{ margin: 50px 0px; } .chamber p{ text-align: justify; font-size: 17px; margin: 8px 0px; } .nav.nav-tabs2 button { font-family: 'Oswald', sans-serif; padding: 12px 25px; border: 1px solid; border-radius: 7px; margin: 20px 0px 15px; color: white; font-size: 17px; } .campus-selection form .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; font-size: 22px; font-weight: 600; margin-left: 30px; } .campus-selection form .radio input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -26px; margin-top: 10px; } .campus-selection .tab-content .tab-pane h3{ color: black; } .campus-selection form{ margin-left: -24px; } .school-visit select{ font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid lightgrey; border-radius: 5px; padding: 5px 0px; margin: 56px 0px 14px; width: 100%; } .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover{ color: darkgrey; background-color: white; border-color: lightgray; } .person img{ width: 100%; margin-bottom: 30px; } .admission-contact{ margin-bottom: 20px; } .process-add{ margin-top: 50px; } .school-visit form .btn.btn-success{ background-color: #2f5391; color: white; border: 1px solid #2f5391; padding: 10px 40px; margin-bottom: 30px; margin-top: 20px; margin-left: -70px; } .school-visit form button:hover{ background-color: #ed2227; border: 1px solid #ed2227; } .person-info h4{ font-size: 20px; margin: 15px 0px; } .nav.nav-tabs3 button { font-family: 'Oswald', sans-serif; padding: 12px 30px; border: 1px solid; border-radius: 7px; margin: 20px 5px 15px; color: white; font-size: 17px; background-color: #13529c; } .nav.nav-tabs3 button:hover{ background-color: red; } .nav.nav-tabs3 button a{ color: white; } .panel-info { border-color: lightgray; } .panel-body .form-group .referal{ margin-top: 10px; } .panel-body .form-group .child-info{ margin: 20px 0px; } .tab-content.calender .tab-pane img{ margin-bottom: 50px; } #ac-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1001; } #popup { width: 555px; height: 390px; background: #FFFFFF; border: 1px solid #13529c; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; position: relative; top: 150px; left: 375px; text-align: center; padding: 0px 30px; } #popup h2{ margin-top: 10px; } #popup h3{ font-size: 19px; margin: 10px 0px 20px; } #popup button{ font-size: 20px; background: #13529c; color: yellow; border: 1px solid #13529c; border-radius: 5px; padding: 12px 30px; } .nav.nav-tabs4 button { font-family: 'Oswald', sans-serif; padding: 12px 30px; border: 1px solid; border-radius: 7px; margin: 20px 15px 15px; color: white; font-size: 17px; width: 100%; background-color: #13529c; } .nav.nav-tabs4 button:hover{ background-color: red; } .nav.nav-tabs4 button a{ color: white; } .gallery { display: inline-block; margin-top: 20px; } .thumbnail>img { height: 210px; width: 100%; } .thumbnail { border: none; } .fancybox-wrap{ left: 500px !important; } .dsb-history h3{ font-size: 28px; margin-bottom: 30px; color: #000000; } .germany img{ width: 90%; height: 380px; margin: 50px 0px 0px; } .germany p:first-child{ text-align: justify; font-size: 17px; margin: 50px 0px 10px; } .england img{ width: 90%; height: 380px; margin: 50px 0px; } .england p{ text-align: justify; font-size: 17px; margin: 50px 0px; } .germany ol li{ font-size: 17px; text-align: justify; margin-left: 30px; } .germany p{ text-align: justify; font-size: 17px; margin: 10px 0px; } #cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; } #popupScreen { height: 369px; width: 500px; margin: -38px 296px; text-align: center; color: #13529c; position:relative; z-index:10; display:none; border:4px solid #13529c; border-radius: 5px; background: white; } #popupScreen h2{ margin: 30px 0px 10px; } #popupScreen h3{ padding: 0px 25px; } #popupScreen:target, #popupScreen:target + #cover{ display:block; opacity:0.8; } .cancel { display:block; position:absolute; top:-17px; right:2px; color:black; height:30px; width:35px; font-size:50px; text-decoration:none; text-align:center; font-weight:bold; } .singupday{ font-size: 25px; margin: 20px; } .singup-content p{ font-size: 17px; margin-bottom: 7px; text-align: left; } .singup{ margin-bottom: 50px; } .ker-content p{ font-size: 17px; margin-bottom: 7px; text-align: justify; } .ker{ margin-bottom: 50px; } .ker1{ margin-bottom: 50px; padding-right: 50px; } .positioner { width: 50%; height: 50%; position: absolute; left: 0; top: 0; } .icon { position: absolute; left: 75%; top: 80%; width: 32px; height: 32px; } .icon img{ width: 60px; } .video-slider a iframe{ width: 560px; } .singup a iframe{ width: 560px; display: block; margin-left: auto; margin-right: auto; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide img{ width:100%; } .mun-content p{ font-size: 17px; margin-bottom: 7px; text-align: justify; } .mun-content{ margin-bottom: 30px; } .easter img{ width: 40%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .ker .slick-prev { left: -45px; } .ker .slick-next { right: -33px; } .zfa-listing { list-style: none; margin-bottom: 30px; } .zfa h2{ margin: 50px 0px 10px; } .zfa p{ font-size: 17px; margin-bottom: 7px; } .zfa .zfa-listing li{ font-size: 17px; margin-bottom: 5px; } /*Career*/ .career-apply a.btn_1{ max-width: 140px; display: block; font-weight: 700; margin-top: 25px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 13px; border: 2px solid #2f5391; padding: 6px 10px; text-decoration: none; color: #2f5391; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; font-family: 'Oswald', sans-serif; text-align: center; } .career-apply a.btn_1:hover { background-color: #2f5391; color: #ffffff; } .career-box{ padding: 31px 20px 0px; min-height: 333px; margin: 30px 0px; background: #fdfdff; border: 1px solid #2f5391; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .career-box h4{ font-weight: 600; } .career-content p{ font-size: 17px; text-align: justify; line-height: 28px; } .career-content{ padding: 40px 30px 0px 0px; } .career-content h3{ margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid #2f5391; width: 201px; } .career-content h4{ margin-top: 20px; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 2px solid red; width: 100px; } .career-content ul{ margin-left: 30px; } .career-content li{ font-size: 17px; margin-bottom: 5px; } .career-content .offer{ margin-bottom: 50px; } .career-form .form-horizontal .form-group .btn.btn-default { background: #2f5391; padding: 12px 40px; margin: 10px 0px 0px; color: white; } .career-form .form-horizontal .form-group .btn.btn-default:hover { background: red; } .career-form .form-horizontal .input-group .input-group-btn .btn.btn-primary { padding: 7px 10px; background: darkgray; margin-left: -15px; margin-bottom: 16px; } .career-form .form-horizontal .input-group .form-control:last-child{ background: white; } /*End career*/ .campus-selection .radio label{ font-size: 18px; margin-right: 20px; } .btn-schoolvisit{ background: #2f5391; padding: 12px 40px; margin: 30px 0px; border: 1px solid #2f5391; color: white; } .btn-schoolvisit:hover{ background: red; border: 1px solid red; color: white; } .tedx img{ width: 100%; } .apply-join{ background: #2f5391; } .big-heading{ margin-bottom: 20px; font-size: 24px; } .toggle_menu{ background: #ed2227; padding: 12px; border-radius: 6px; } #nav-icon2{ float: right; margin-left: 10px; } .m-text{ color: #fff; font-size: 18px; font-weight: 700; letter-spacing: 2px; } #back2Top { width: 50px; line-height: 55px; overflow: hidden; z-index: 999; display: none; cursor: pointer; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); position: fixed; /*top: 590px !important;*/ bottom: -1px; right: 20px; background-color: #ed2227; color: #fff; text-align: center; font-size: 33px; text-decoration: none; -webkit-transition: all 0.4s linear 0s; } #back2Top:hover { background-color: #fff; border: 1px solid #ed2227; color: #ed2227; -webkit-transition: all 0.4s linear 0s; } .mobile-content{ display:none; } .icon-bar { position: fixed; top: 50%; left:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 11; } .icon-bar a { display: block; text-align: center; padding: 16px; transition: all 0.3s ease; color: white; font-size: 20px; } .icon-bar a:hover { background-color: #efc94c; color: #000000; } .facebook { background: #3B5998; color: white; } .twitter { background: #55ACEE; color: white; } .google { background: #dd4b39; color: white; } .linkedin { background: #007bb5; color: white; } .youtube { background: #bb0000; color: white; } .content { margin-left: 75px; font-size: 30px; } .feedback { background-color : #ed2227; color: white; padding: 10px 20px; border-radius: 4px; border-color: #ed2227; /*-ms-transform: rotate(-90deg); IE 9 transform: rotate(-90deg);*/ -webkit-transition: all 0.4s linear 0s; font-weight: 700; letter-spacing: 2px; font-size: 18px; } .feedback:hover { background-color : #efc94c; color: black; border-color: #efc94c; -webkit-transition: all 0.4s linear 0s; } #mybutton { position: fixed; bottom: 0%; right: 85px; z-index: 99; } .corona{ text-align: center; padding: 50px 0px; } .tab-content{ padding: 0px 15px !important; } .primary-apply{ padding: 0px 25px; } .pre-ibdp{ text-align: center; font-size: 25px; margin-top: -30px; padding-bottom: 40px; } button.admissionenquirybtn { font-family: 'Oswald', sans-serif; background-color: #fcde07; font-size: 17px; padding: 14px 17px; border: 1px solid white; border-radius: 8px; width: 92%; margin-bottom: 20px; } .slick-slide .student-info{ display: block; margin: 0 auto; width: 300px; height: 500px; } .euro-map iframe{ height: 473px; } marquee.marq { background-color: #ed2227; color: #fff; padding-top: 5px; padding-bottom: 5px; font-size: 18px; margin-top: 0px !important; font-family: 'Roboto', sans-serif; display: none; } .covid-safety { margin: 30px 0 30px 0; } .points { font-size: 17px; line-height: 27px; text-align: justify; }