/* ============================================== RESET --> =============================================== */ html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; } body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 500; font-size: 14px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased; line-height: 22px; letter-spacing: 0px; color: #3A4146;} section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; } /* Undragable Images */ img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; } ol, ul{ list-style: none; padding: 0; } a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;} *{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:hover, *:focus{ outline:none !important; } .container{max-width: 1170px;} h6{font-size: 14px;} section{overflow: hidden; position: relative;} /* ============================================== FONTS --> =============================================== */ h1{font-family: 'Zilla Slab Highlight', cursive;} #preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;} .classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #111111;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9;} @-webkit-keyframes classy-load{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} } @keyframes classy-load{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} } .navigation{width:100%;display:table;position:relative;font-family:inherit;background-color:transparent;} .navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .navigation-portrait{height:48px} .navigation-fixed{position:fixed;top:0;left:0;z-index:19998} .navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important} .align-to-right{float:right} .nav-header{float:left} .navigation-hidden .nav-header{display:none} .nav-brand img{max-width: 190px;} .nav-brand:hover,.nav-brand:focus{color:#343a40} .navigation-portrait .nav-brand{font-size:18px;line-height:48px} .nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left} .nav-logo:focus>img{outline:initial} .navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0} .nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;display:none;cursor:pointer} .nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#343a40;border-radius:10px;box-shadow:0 .5em 0 0 #343a40,0 1em 0 0 #343a40} .navigation-portrait .nav-toggle{display:block} .navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px} .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0} .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0} .nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:26px;cursor:pointer} .navigation-portrait .nav-menus-wrapper-close-button{display:block} .nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0} .navigation-portrait .nav-menu{width:100%} .navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center} .navigation-landscape .nav-menu.nav-menu-centered>li{float:none} .nav-menu>li{display:inline-block;float:left;text-align:left} .navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0} .nav-menu+.nav-menu>li:first-child{border-top:none} .nav-menu>li>a{padding:10px 12px;display:inline-block;font-size: 14px;color: #FFFFFF;letter-spacing: 2px;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s} .navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px} .nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#F39542} .nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)} .nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)} .navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center} .nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important} .navigation-portrait .nav-menu.nav-menu-social>li{width:auto} .nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px} .nav-menu.nav-menu-social>li>a>.fa{font-size:14px} .navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px} .submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .2s;transition:all .2s} .navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000} .submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #fff #fff transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .2s;transition:border .2s} .navigation-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px} .nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent #F39542 #F39542 transparent} .navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999} .no-scroll{width:100%;height:100%;overflow:hidden} .nav-search{height:70px;float:right;z-index:19998} .navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:52px} .navigation-hidden .nav-search{display:none} .nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd} .navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px} .nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#343a40;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none} .nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .nav-search-button:hover .nav-search-icon{color:#27ae60} .nav-search>form{width:100%;height:100%;padding:0 auto;display:none;position:absolute;left:0;top:0;background-color:#fff;z-index:99} .nav-search-inner{width:70%;height:70px;margin:auto;display:table} .navigation-portrait .nav-search-inner{height:48px} .nav-search-inner input[type=text],.nav-search-inner input[type=search]{height:70px;width:100%;margin:0;padding:0 12px;font-size:26px;text-align:center;color:#343a40;outline:none;line-height:70px;border:none;background-color:transparent;-webkit-transition:all .3s;transition:all .3s} .navigation-portrait .nav-search-inner input[type=text],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px} .nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#343a40;font-size:20px;cursor:pointer;text-align:center} .navigation-portrait .nav-search-close-button{top:10px;right:14px} .nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px} .nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none} .navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px} .nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px} .navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0} .navigation-portrait .nav-text+ul{margin-top:15px} .nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap; background-color:#fff; border-radius: 20px; } .navigation-portrait .nav-dropdown{width:100%;position:static;left:0} .nav-dropdown .nav-dropdown{left:100%} .nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0} .nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left} .nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;} .nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#3A4146} .nav-dropdown.nav-dropdown-left{right:0} .nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%} .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right} .navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px} .navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px} .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px} .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px} .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px} .nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute} .navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0} .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent} .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px} .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)} .nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0} .nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0} .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none} .nav-dropdown-horizontal>li{width:auto;clear:none;position:static} .navigation-portrait .nav-dropdown-horizontal>li{width:100%} .nav-dropdown-horizontal>li>a{position:relative} .nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)} .navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)} .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fdfdfd;box-shadow:0 10px 20px rgba(0,0,0,.075)} .navigation-portrait .megamenu-panel{padding:25px;position:static;display:block} .megamenu-panel [class*=container]{width:100%} .megamenu-panel [class*="container"] [class*="col-"]{padding:0} .megamenu-panel-half{width:50%} .megamenu-panel-quarter{width:25%} .navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%} .megamenu-panel-row{width:100%} .megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0} .megamenu-panel-row:after{clear:both} .megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%} .megamenu-panel-row [class*=col-]:first-child{margin-left:0} .navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px} .navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0} .megamenu-panel-row .col-1{width:5.583333333333%} .megamenu-panel-row .col-2{width:14.166666666666%} .megamenu-panel-row .col-3{width:22.75%} .megamenu-panel-row .col-4{width:31.333333333333%} .megamenu-panel-row .col-5{width:39.916666666667%} .megamenu-panel-row .col-6{width:48.5%} .megamenu-panel-row .col-7{width:57.083333333333%} .megamenu-panel-row .col-8{width:65.666666666667%} .megamenu-panel-row .col-9{width:74.25%} .megamenu-panel-row .col-10{width:82.833333333334%} .megamenu-panel-row .col-11{width:91.416666666667%} .megamenu-panel-row .col-12{width:100%} .megamenu-tabs{width:100%;float:left;display:block} .megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none} .navigation-portrait .megamenu-tabs-nav{width:100%} .megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff} .megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5} .megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff} .megamenu-tabs-pane.active{display:block} .navigation-portrait .megamenu-tabs-pane{width:100%} .megamenu-lists{width:100%;display:table} .megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none} .megamenu-list:last-child{margin:0;border:none} .navigation-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0} .navigation-landscape .megamenu-list:last-child{border:none} .megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-decoration:none;font-size:13px;} .megamenu-list>li>a:hover{background-color:#27ae60;color:#fff} .megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:600;text-transform:uppercase;color:#343a40} .megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent} .navigation-landscape .list-col-2{width:50%} .navigation-landscape .list-col-3{width:33%} .navigation-landscape .list-col-4{width:25%} .navigation-landscape .list-col-5{width:20%} .nav-dropdown > li > a{color:#343a40;padding:10px 30px;} .nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#3A4146; font-weight: 700;} .main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1);} .transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;} .navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px 10px 10px 30px;} .header-btn1{font-weight: 700;font-size: 14px;color: #0A67A0 !important;letter-spacing: 2px !important; background-color: #A4E0FF; border-radius: 14px;margin-right: 22px;} .header-btn2{font-weight: 700;font-size: 14px;letter-spacing: 2px !important; background-color: #EEA563; border-radius: 14px;} .nav-menu>li:hover .header-btn2{color: #fff;} @media only screen and (min-width:320px) and (max-width:767px){ .nav-dropdown > li > a,.megamenu-list > li > a{width:65%} } header.sticky .nav-menu>li>a{color: #124C88;} .logo-color{display: none;} header{position: fixed;width: 100%;z-index: 99;} header.sticky .logo-color{display: block;} header.sticky .logo-white{display: none;} .navigation-sticky { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 30px 12% 0; margin: 0; background-color: transparent; } header.sticky .navigation-sticky { background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 40%); padding: 12px 12%; } header.sticky .submenu-indicator-chevron{border-color: transparent #F39542 #F39542 transparent;} .site-btn{display: flex;justify-content: center; align-items: center;font-weight: 600;font-size: 13px;color: #48B9F2;letter-spacing: 0.81px; background-color: #fff; border-radius: 14px;display: inline-flex;padding: 12px 25px;} .site-btn span{padding-right: 100px;} .site-btn img{max-width: 18px;} .site-btn .site-btn-white{display: none;} .site-btn:hover .site-btn-white{display: block;} .site-btn:hover .site-btn-color{display: none;} .site-btn:hover{background-image: linear-gradient(180deg, #F39542 0%, #E08230 100%);box-shadow: 0 15px 30px -10px rgba(224,130,48,0.70);transition: all 300ms ease-in-out;} .slideshow .slide .image{position: relative;} .slideshow { overflow: hidden; position: relative; width: 100%; height: 100vh; z-index: 1; } .slideshow .slideshow-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slideshow .slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .slideshow .slide { display: none; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: opacity 0.3s ease; } .slideshow .slide.is-active { display: block; } .slideshow .slide.is-loaded { opacity: 1; } .slideshow .slide .caption { padding: 0 100px; } .slideshow .slide .image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 1; background-size: cover; image-rendering: optimizeQuality; } .slideshow .slide .image-container::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #124C88;mix-blend-mode: multiply;z-index: 1; } .slideshow .slide .image { width: 100%; width: 100%; object-fit: cover; height: 100%; } .slideshow .slide-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; } .slideshow .slide .title { font-family: 'Zilla Slab Highlight', cursive; font-size: 36px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 43px; } .slideshow .slide .title span{color: #E08230;} .slideshow .slide .text { margin: 0 auto; max-width: 635px; font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 1px; text-align: center; line-height: 22px; padding: 10px 0 40px; } .slideshow .slide .btn { margin: 15px 0 0; border-color: #fff; } .slideshow .slide .btn::before { background: #fff; } .slideshow .pagination { position: absolute; top: 50%; transform: translateY(-50%); left: 7%; cursor: default; z-index: 2; text-align: center; display: inline-grid; } .slideshow .pagination .item { display: inline-block; padding: 15px 5px; position: relative; width: 40px; height: 32px; cursor: pointer; text-indent: -999em; z-index: 1; } .slideshow .pagination .item + .page { margin-left: -2px; } .slideshow .pagination .item::before { content: ""; display: block; position: absolute; top: 15px; left: 5px; width: 12px; height: 12px; border-radius: 100%; background: rgba(255, 255, 255, 0.4); transition: background 0.2s ease; } .slideshow .pagination .item::after { width: 0; background: #fff; z-index: 2; transition: width 0.2s ease; } .slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before { background-color: #fff; } .slideshow .arrows{display: none;} @media screen and (max-width: 768px){ .navigation-sticky{padding: 20px 2% 0;} header.sticky .navigation-sticky{padding: 20px 2% 10px;} .nav-toggle{top: 42%;right: 0;} .nav-toggle:before{background-color: #fff;box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;} .nav-menu>li>a{color: #F39542;} .navigation-portrait .nav-menu > li > a{width: auto;padding: 10px 25px;} .header-btn2{color: #fff !important;} .header-btn2, .header-btn1{margin-left: 15px;margin-bottom: 10px;} .navigation-portrait .nav-menu>li{border: none;} .slideshow .slide .caption{padding: 0 50px} .slideshow .pagination{left: 4%;} header.sticky .nav-toggle:before{background-color: #F39542; color: #fff;box-shadow: 0 0.5em 0 0 #F39542, 0 1em 0 0 #F39542;} .slideshow .slide .title{font-size: 32px;} .submenu-indicator-chevron{border-color: transparent #F39542 #F39542 transparent;} } .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description:after{ height:100%; } .home-school .home-school-center .home-school-center-item .home-school-center-item-hover-description-item p, .home-school .home-school-center .home-school-center-item .home-school-center-item-hover-description-item a{ opacity:1 !important; } .home-school .home-school-center .home-school-center-item .home-school-center-item-hover{ z-index:1; } .home-school{overflow: initial;z-index: 2;background-image: url(../images/svg/home-school-bg.svg); width: 100%; height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;} .home-school .home-school-center{padding: 30px;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0 30px 40px -10px rgba(58,65,70,0.10);border-radius: 50px;transform: translateY(-100px);} .home-school .home-school-center .home-school-center-item img{border-radius: 20px;} .home-school .home-school-center .home-school-center-item{position: relative;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover{position: absolute;left: 0;top: 0; text-align: center; padding: 10px;width: 100%; height: 100%;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description{position: relative;width: 100%;height: 100%;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description:after{position: absolute; content: ''; width: 100%; height: 50px; background-color: #E08230; opacity: 0.9; left: 0;top: 0; border-radius: 10px;transition: all 700ms} .home-school .home-school-center .home-school-center-item-ilkokul .home-school-center-item-hover .home-school-center-item-hover-description:after{background-color: #44934A;} .home-school .home-school-center .home-school-center-item-ortaokul .home-school-center-item-hover .home-school-center-item-hover-description:after{background-color: #48B9F2;} .home-school .home-school-center .home-school-center-item-lise .home-school-center-item-hover .home-school-center-item-hover-description:after{background-color: #0A67A0;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item{z-index: 2;position: relative;width: 100%;height: 100%;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item h2{font-weight: 900;font-size: 21px;color: #FFFFFF;letter-spacing: 0.58px;text-align: center;padding-top: 12px;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item p{font-weight: 700;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 20px; position: absolute;top: 50%;transform: translateY(-50%); padding: 0 10px;opacity: 0} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item a{font-weight: 600; font-size: 13px;color: #FFFFFF;letter-spacing: 0.37px;text-align: center;line-height: 20px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-decoration: underline; opacity: 0;} .home-school .home-school-center .home-school-center-item:hover .home-school-center-item-hover-description:after{height: 100%;transition: all 700ms} .home-school .home-school-center .home-school-center-item:hover .home-school-center-item-hover-description-item-p, .home-school .home-school-center .home-school-center-item:hover .home-school-center-item-hover-description-item-a{opacity: 1 !important;-webkit-transition: opacity .55s ease-in-out;-moz-transition: opacity .55s ease-in-out;-ms-transition: opacity .55s ease-in-out;-o-transition: opacity .55s ease-in-out;transition: opacity .55s ease-in-out;} @media screen and (max-width: 768px){ .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description:after{height: 100%;} .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item p, .home-school .home-school-center .home-school-center-item .home-school-center-item-hover .home-school-center-item-hover-description .home-school-center-item-hover-description-item a{opacity: 1;} .home-school .home-school-center .home-school-center-item{margin-bottom: 20px;} .home-school{background-image: none;} } .home-felsefe{padding-bottom: 100px;} .home-felsefe .home-felsefe-img img{max-width: 60%; margin: 0 auto;} .site-title h2{font-size: 21px;color: #124C88;letter-spacing: 2px;text-align: center;line-height: 36px;} .site-title h6{font-weight: 400;font-size: 16px;color: #48B9F2;letter-spacing: 0;text-align: center;line-height: 36px;} .home-felsefe .home-felsefe-description p{font-size: 14px;color: #3A4146;letter-spacing: 0.3px;text-align: center;line-height: 22px; max-width: 95%; margin: 0 auto; padding: 15px 0 40px;} .site-btn2{background-image: linear-gradient(180deg, #F39542 0%, #E08230 100%);box-shadow: 0 15px 30px -10px rgba(224,130,48,0.70); color: #fff;transition: all 300ms ease-in-out;} .site-btn2 .site-btn-white{display: block;} .site-btn2 .site-btn-color{display: none;} .site-btn2:hover{background-image: linear-gradient(180deg, #489EDD 0%, #0A67A0 100%); color: #fff;} .home-felsefe-description-button{text-align: center;} @media screen and (max-width: 768px){ .home-felsefe .home-felsefe-img img{max-width: 90%;} .home-felsefe{padding-bottom: 70px;} } .home-galeri{padding-bottom: 100px;} .home-galeri .swiper-container {height: calc(90vh - 120px);border-radius: 60px;} .home-galeri .swiper-slide {overflow: hidden;} .home-galeri .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;} .home-galeri .swiper-container .slide-inner{border-radius: 60px;} .home-galeri .swiper-container .slide-inner .slide-inner-description{padding: 50px;} .home-galeri .swiper-container .slide-inner .slide-inner-description h1{font-size: 36px;color: #FFFFFF;letter-spacing: 0;text-shadow: 0 2px 4px rgba(0,0,0,0.50);} .home-galeri .swiper-container .slide-inner .slide-inner-button{position: absolute;right: 50px; bottom: 50px;} .swiper-button-next, .swiper-button-prev{top: auto;bottom: 60px;background-size: 20px 35px;} .swiper-button-prev{left: 50px;} .swiper-button-next{left: 130px; right: auto;} .dergi-box{ position: relative; max-width: 400px; margin: auto; } .dergi-btn{display: flex;justify-content: center; align-items: center;font-weight: 600;font-size: 13px;color: #0A67A0;letter-spacing: 0.81px; background-color: #A4E0FF; border-radius: 14px;display: inline-flex;padding: 6px 45px;letter-spacing: 3px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;transition: all 500ms ease;} .dergi-btn:hover{color: #48B9F2;background-color: #0A67A0;} @media screen and (max-width: 768px){ .home-galeri{padding-bottom: 70px;} .home-galeri .swiper-container .slide-inner .slide-inner-button{bottom: 150px; right: auto;left: 50px;} } .home-news{padding: 70px 0;background-color: #F9F9F9;} .home-news .home-news-items{padding-top: 50px;} .home-news .home-news-items .home-news-item{background-color: #fff;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} .home-news .home-news-items .home-news-item .home-news-item-img{position: relative;} .home-news .home-news-items .home-news-item .home-news-item-img img{border-radius: 15px;} .home-news .home-news-items .home-news-item .home-news-item-img .home-news-item-img-title{font-weight: 400;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center; border-radius: 10px; padding: 7px 30px;position: absolute;bottom: 10px;right: 10px; background-color: #124C88;} .home-news .home-news-items .home-news-item .home-news-item-description{background-color: #fff;padding: 25px;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; position: relative;} .home-news .home-news-items .home-news-item .home-news-item-description:after{position: absolute; content: ''; bottom: 20px; left: 25px; width: calc(100% - 25px);height: 1px;background-color: #48B9F2;} .home-news .home-news-items .home-news-item .home-news-item-description h6{font-weight: 700;font-size: 16px;color: #124C88;letter-spacing: 0.46px;line-height: 20px;} .home-news .home-news-items .home-news-item .home-news-item-description p{font-size: 13px;color: #3A4146;letter-spacing: 0.37px;line-height: 20px; padding: 10px 0 20px;} .home-news .home-news-items .home-news-item .home-news-item-description a{font-weight: 300;font-size: 12px;color: #0A67A0;letter-spacing: 0.34px;line-height: 20px;} .home-news .home-news-items .home-news-item2{display: flex;justify-content: center; align-items: center; margin-bottom: 15px;} .home-news .home-news-items .home-news-item2 .home-news-item-img{width: 50%;} .home-news .home-news-items .home-news-item2 .home-news-item-description{width: 50%; padding: 0 25px;} .home-news .home-news-items .home-news-item2 .home-news-item-img .home-news-item-img-title{background-color: #48B9F2;} .home-news .home-news-items .home-news-item2 .home-news-item-description:after{background-color: #48B9F2;} .home-news .home-news-items .home-news-item2 .home-news-item-description h6{color: #48B9F2;} .home-news .home-news-items .home-news-item2 .home-news-item-description a{color: #48B9F2;} .home-news .home-news-items .home-news-item3 .home-news-item-img .home-news-item-img-title{background-color: #E08230;} .home-news .home-news-items .home-news-item3 .home-news-item-description:after{background-color: #E08230;} .home-news .home-news-items .home-news-item3 .home-news-item-description h6{color: #E08230;} .home-news .home-news-items .home-news-item3 .home-news-item-description a{color: #E08230;} .home-news .home-news-items .home-news-item4 .home-news-item-img .home-news-item-img-title{background-color: #44934A;} .home-news .home-news-items .home-news-item4 .home-news-item-description:after{background-color: #44934A;} .home-news .home-news-items .home-news-item4 .home-news-item-description h6{color: #44934A;} .home-news .home-news-items .home-news-item4 .home-news-item-description a{color: #44934A;} .home-news-button{padding-top: 40px; text-align: center;} @media screen and (max-width: 768px){ .home-news{padding: 50px 0;} .home-news .home-news-items{padding-top: 30px;} .home-news .home-news-items .home-news-item{margin-bottom: 20px;} .home-news .home-news-items .home-news-item2{display: block;} .home-news .home-news-items .home-news-item2 .home-news-item-img, .home-news .home-news-items .home-news-item2 .home-news-item-description{width: 100%;} .home-news .home-news-items .home-news-item2 .home-news-item-description{padding: 25px;} } .home-newsletter{padding-bottom: 70px;} .home-newsletter .home-newsletter-bg{background-image: url(../images/newsletter-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;padding: 100px 0; border-radius: 60px;} .home-newsletter .home-newsletter-item-title h6{font-weight: 700;font-size: 13px;color: #48B9F2;letter-spacing: 0.93px;text-align: center;} .home-newsletter .home-newsletter-item-title p{font-weight: 700;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 20px;max-width: 540px;margin: 0 auto; padding-top: 10px;} .newsletter-form {padding-top: 30px;} .newsletter-form form .form-item{text-align: center;background-color: #fff;max-width: 50%;margin: 0 auto; display: flex;justify-content: center; align-items: center;padding: 5px; border-radius: 14px;} .newsletter-form form .form-item input{width: 80%; padding-left: 30px;} .newsletter-form form .form-item input::placeholder{font-style: italic;font-size: 13px;color: #CBCBCB;letter-spacing: 0.81px;} .newsletter-form form .form-item button{font-weight: 400;font-size: 13px;color: #FFFFFF;letter-spacing: 0;text-align: center; background-color: #E08230; border-radius: 14px;padding: 8px 25px;width: 20%;} @media screen and (max-width: 768px){ .home-newsletter .home-newsletter-bg{padding: 70px 0;} .newsletter-form form .form-item{max-width: 90%;} .newsletter-form form .form-item input{width: 60%; padding-left: 15px;} .newsletter-form form .form-item button{width: 40%;} } footer .footer-top{padding: 50px 0; background-image: url(../images/svg/home-school-bg.svg); background-repeat: no-repeat; background-position: center center;} footer .footer-top .footer-top-description img{max-width: 140px; margin: 0 auto} footer .footer-top .footer-top-description p{font-weight: 500;font-size: 14px;color: #3A4146;letter-spacing: 0.3px;text-align: center;line-height: 22px; max-width: 920px; margin: 0 auto; padding-top: 20px;} footer .footer-bottom{background-color: #fff;box-shadow: 0 -10px 40px -10px rgba(0,0,0,0.10);border-radius: 60px 60px 0 0;} footer .footer-bottom .footer-bottom-items{padding: 50px 0;} footer .footer-bottom .footer-bottom-items h6{font-size: 13px;color: #48B9F2;letter-spacing: 0.93px; padding-bottom: 10px;} footer .footer-bottom .footer-bottom-items ul li a, footer .footer-bottom .footer-bottom-items p{font-weight: 400;font-size: 13px;color: #8B9196;letter-spacing: 0.93px;line-height: 20px;} footer .footer-bottom .footer-bottom-items .footer-location{display: flex;justify-content: flex-start; align-items: center; padding-top: 10px;} footer .footer-bottom .footer-bottom-items .footer-location span{font-weight: 600;font-size: 13px;color: #0A67A0;letter-spacing: 0.37px;line-height: 20px; text-decoration: underline;} footer .footer-bottom .footer-bottom-items .footer-location img{max-width: 38px; padding-top: 5px;} footer .footer-bottom .footer-bottom-items .footer-social{display: flex;justify-content: flex-start;align-items: center;} footer .footer-bottom .footer-bottom-items .footer-social a{width: 32px; height: 32px; margin-right: 10px; text-align: center;display: flex;justify-content: center; align-items: center; background-image: linear-gradient(180deg, #F39542 0%, #E08230 100%);border-radius: 10px;} footer .footer-bottom .footer-bottom-items .footer-social a img{max-width: 18px;} footer .footer-copyright p{font-weight: 400;font-size: 12px;color: #8B9196;letter-spacing: 1px;text-align: center;} footer .footer-copyright{padding: 30px 0; border-top: 1px solid #48B9F2;} @media screen and (max-width: 768px){ footer .footer-bottom .footer-bottom-items{padding: 30px 0;} footer .footer-bottom .footer-bottom-item{text-align: center;padding-bottom: 15px;} footer .footer-bottom .footer-bottom-items .footer-location, footer .footer-bottom .footer-bottom-items .footer-social{justify-content: center;} } .alt-title{position: relative;background-image: url(../images/alt-title-bg.jpg);background-repeat: no-repeat;background-position: center center; background-size: cover;width: 100%;padding: 200px 0 100px;border-radius: 0 0 60px 60px;box-shadow: 0 30px 40px -10px rgba(58,65,70,0.50);} .alt-title:after{position: absolute;content: ''; top: 0; left: 0; width: 100%;height: 100%;background-color: #124C88;mix-blend-mode: multiply;border-radius: 0 0 60px 60px;} .alt-title .container{position: relative;z-index: 2;} .alt-title .alt-title-description h2{font-weight: 800;font-size: 28px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 32px;} .alt-title .alt-title-description p{font-weight: 4000;font-size: 14px;color: #A4E0FF;letter-spacing: 1px;text-align: center;line-height: 24px;max-width: 790px; margin: 0 auto;padding-top: 15px;} .alt-felsefe{position: relative; padding-top: 120px;} .alt-felsefe:after{background-image: url(../images/svg/home-school-bg.svg); background-repeat: no-repeat; position: absolute;left: 0;top: 0;width: 100%;height: 40%; content: '';} .about-center{margin-bottom: 100px;} .about-center .col-md-4{padding: 0;} .about-center .about-center-item{position: relative;border-bottom: 10px solid #44934A;} .about-center .about-center-item .about-center-item-description{position: absolute;bottom: -100%;left: 0;background-color: #44934A;padding: 50px;transition: all 500ms ease-in-out;} .about-center .about-center-item .about-center-item-description h2{font-weight: 800;font-size: 36px;color: #FFFFFF;letter-spacing: 1.71px;padding-bottom: 20px;} .about-center .about-center-item .about-center-item-description p{font-weight: 600;font-size: 13px;color: #FFFFFF;letter-spacing: 0.36px;padding-bottom: 15px;line-height: 16px;} .about-center .about-center-item:hover .about-center-item-description{bottom: 0;} .about-center .about-center-item img{max-height: 90vh; object-fit: cover;} .about-center .about-center-item2{border-bottom: 10px solid #124C88 !important;} .about-center .about-center-item2 .about-center-item-description{background-color: #124C88;} .about-center .about-center-item3{border-bottom: 10px solid #E08230 !important;} .about-center .about-center-item3 .about-center-item-description{background-color: #E08230;} @media screen and (max-width: 768px){ .alt-title{padding: 130px 0 70px;} .alt-felsefe{padding-top: 70px;} .about-center{margin-bottom: 70px; padding: 0 20px;} .about-center .about-center-item .about-center-item-description{bottom: 0;padding: 30px;} .about-center .about-center-item .about-center-item-description h2{padding-bottom: 10px;} .about-center .about-center-item .about-center-item-description p{padding-bottom: 5px;} .about-center .about-center-item{margin-bottom: 30px;border-bottom: 0 !important;} } .message-description{padding: 70px 0;max-width: 85%;margin: 0 auto;} .message-description h6{font-weight: 700;font-size: 16px;color: #3A4146;letter-spacing: 0;line-height: 22px;padding-bottom: 15px;} .message-description p{font-size: 13px;color: #3A4146;letter-spacing: 0;line-height: 22px;padding-bottom: 10px;} .message-description p span{font-weight: 600;} @media screen and (max-width: 768px){ .message-description{padding: 40px 0 0;} } .team .team-item .team-item-description{padding: 30px; background-color: #F9F9F9;} .team .team-item{margin-bottom: 50px;} .team .team-item .team-item-description h3{font-weight: 700;font-size: 16px;color: #48B9F2;letter-spacing: 0.44px;} .team .team-item .team-item-description h6{font-weight: 400;font-size: 14px;color: #48B9F2;letter-spacing: 0.39px;padding-top: 3px;} .team .team-item .team-item-description p{font-weight: 500;font-size: 13px;color: #3A4146;letter-spacing: 0;line-height: 20px; padding-top: 7px;} @media screen and (max-width: 768px){ .team .team-item{margin-bottom: 30px;} } .egitim-felsefe:after{display: none;} .egitim-s1{background-image: url(../images/svg/home-school-bg.svg); background-position: center center; background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;padding: 50px 0;} .egitim-s1 .egitim-s1-center{background-color: #124C88;padding: 10px;border-radius: 60px;} .egitim-s1 .egitim-s1-center .egitim-s1-center-left img{border-radius: 50px;} .egitim-s1 .egitim-s1-center .egitim-s1-center-right{height: 100%;display: flex;justify-content: center;align-items: center;} .egitim-s1 .egitim-s1-center .egitim-s1-center-right p{font-weight: 700;font-size: 13px;color: #A4E0FF;letter-spacing: 0.28px;line-height: 20px;padding-bottom: 20px;padding: 0 20px;max-width: 90%; } .egitim-s1 .egitim-s1-center .egitim-s1-center-right p:nth-child(1){padding-bottom: 20px;} .egitim-bottom{transform: translateY(-104px);} .egitim-bottom .egitim-bottom-item .egitim-bottom-item-top{position: relative;border-radius: 40px 40px 0 0;padding: 30px 0;text-align: center;} .egitim-bottom-item-top{background-color: #F39542;} .egitim-bottom-item-top2{background-color: #44934A;} .egitim-bottom-item-top3{background-color: #48B9F2;} .egitim-bottom-item-top4{background-color: #0A67A0;} .egitim-bottom .egitim-bottom-item .egitim-bottom-item-top span{opacity: 0.2;font-weight: 800;font-size: 96px;color: #FFFFFF;letter-spacing: 0; position: absolute;left: 30px;bottom: -5px;line-height: 70px;} .egitim-bottom .egitim-bottom-item .egitim-bottom-item-top p{font-weight: 800;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;} .egitim-bottom .egitim-bottom-item .egitim-bottom-item-top-description{background-color: #fff;border-radius: 0 0 40px 40px;box-shadow: 0 35px 40px -15px rgba(0,0,0,0.10);padding: 30px;} .egitim-bottom .egitim-bottom-item .egitim-bottom-item-top-description p{font-size: 13px;color: #3A4146;letter-spacing: 0;line-height: 20px;padding-bottom: 30px; } .egitim-bottom-item-top-description-p{border-bottom: 4px solid #E08230;} .egitim-bottom-item-top-description-p2{border-bottom: 4px solid #44934A;} .egitim-bottom-item-top-description-p3{border-bottom: 4px solid #48B9F2;} .egitim-bottom-item-top-description-p4{border-bottom: 4px solid #0A67A0;} @media screen and (max-width: 768px){ .egitim-s1 .egitim-s1-center .egitim-s1-center-right{padding: 30px 0;} .egitim-bottom .egitim-bottom-item{margin-bottom: 30px;} } .egitim-lise{padding-bottom: 40px;} .egitim-lise .egitim-lise-item{padding: 70px 30px 30px; background-color: #fff;box-shadow: 0 35px 40px -15px rgba(0,0,0,0.10);} .egitim-lise .egitim-lise-item h2{font-weight: 800;font-size: 21px;color: #0A67A0;letter-spacing: 1px;} .egitim-lise .egitim-lise-item p{font-weight: 600;font-size: 13px;color: #3A4146;letter-spacing: 0;line-height: 20px; padding: 10px 0 30px; border-bottom: 4px solid #48B9F2;max-width: 93%;} .duyurular{padding: 90px 0; position: relative;} .duyurular .container{position: relative;z-index: 2;} .duyurular:after{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 15%;background-image: url(../images/svg/home-school-bg.svg); background-position: center center; background-repeat: no-repeat;background-size: cover;} .duyurular .duyurular-item .duyurular-item-description{background-color: #F9F9F9;padding: 30px;} .duyurular .duyurular-item .duyurular-item-description h6{font-weight: 400;font-size: 13px;color: #48B9F2;letter-spacing: 1px;line-height: 30px;} .duyurular .duyurular-item .duyurular-item-description h2{font-weight: 700; font-size: 14px;color: #48B9F2;letter-spacing: 0.39px;line-height: 24px;padding-bottom: 10px;} .duyurular .duyurular-item .duyurular-item-description p{font-weight: 400;font-size: 13px;color: #0A67A0;letter-spacing: 0.36px;line-height: 20px;} .duyurular .duyurular-item{margin-bottom: 30px;} .duyuru-detail .duyuru-detail-description{max-width: 80%; margin: 0 auto;} .duyuru-detail .duyuru-detail-description h6{font-weight: 400;font-size: 14px;color: #8B9196;letter-spacing: 1px;line-height: 22px;} .duyuru-detail .duyuru-detail-description h2{font-weight: 700;font-size: 21px;color: #124C88;letter-spacing: 0;line-height: 22px;padding: 10px 0 20px;} .duyuru-detail .duyuru-detail-description p{font-weight: 500;font-size: 13px;color: #3A4146;letter-spacing: 0;line-height: 22px;padding-bottom: 20px;} .duyuru-detail .duyuru-detail-description p span{font-weight: 600;} .duyuru-detail .duyuru-detail-description h5{font-weight: 700;font-size: 16px;color: #3A4146;letter-spacing: 0;line-height: 22px; padding: 20px 0;} .duyuru-detail .duyuru-detail-img{padding: 20px 0;} @media screen and (max-width: 768px){ .duyuru-detail .duyuru-detail-description{max-width: 90%;} } .gallery-page .container{position: relative;z-index: 2;} .galeri-buttons{display: flex; justify-content: center; align-items: center; padding-top: 20px;} .detail-galeri .nak-gallery-poster{filter: none;} .detail-galeri .container{max-width: 1170px;} .revGallery-anchor, .gal-overlay, .nak-gallery-poster{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .revGallery-anchor{ overflow: hidden; position: relative; width: calc(100% / 4); display: block; float: left; padding: 15px; } .gal-overlay{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: background .4s ease; -webkit-transition: background .4s ease; } .revGallery-anchor:hover .gal-overlay{ background: rgba(27,27,27, 0); } .nak-gallery { display: block; width: 100%; position: relative; margin-top: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .nak-gallery-poster{ padding-bottom:100%; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: all .4s ease; -webkit-transition: all .4s ease; } .revGallery-anchor:hover .nak-gallery-poster{ transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .img-responsive{ display:none; } .detail-galeri .button{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-weight: 400; font-size: 16px; color: #8B9196; letter-spacing: 1px; background-color: transparent; margin: 0 50px; } .detail-galeri .button:hover { color: #0A67A0; } .detail-galeri .button:active, .detail-galeri .button.is-checked { color: #0A67A0; font-weight: 700; border-bottom: 3px solid #F39542; } .detail-galeri .button.is-checked { color: #0A67A0; } .revGallery-anchor-width1{ width: 40% } .revGallery-anchor-width2{ width: 30% } .revGallery-anchor-width3{ width: 20% } .nak-gallery-height1{ padding-bottom: 400px } .nak-gallery-height2{ padding-bottom: 300px } .nak-gallery-height3{ padding-bottom: 200px } .preloader{ display: none; } .preloaderStyle{ background: red; width: 100%; height: 100px; } @media screen and (max-width: 768px){ .galeri-buttons{display: block;} .galeri-buttons button{margin-bottom: 15px;} .revGallery-anchor{width: calc(100% / 2);} .duyurular{padding: 70px 0;} } .alt-felsefe .container{position: relative;z-index: 2;} .on-kayit-form{background-color: #fff; padding: 30px;max-width: 70%;margin: 0 auto;} .on-kayit-form .form-title h6{font-weight: 700;font-size: 16px;color: #3A4146;letter-spacing: 0;line-height: 22px;padding-bottom: 40px;} .on-kayit-form form input, .on-kayit-form form select, .on-kayit-form form input::placeholder{font-style: italic;font-size: 13px;color: #CBCBCB;letter-spacing: 0.81px;font-weight: 600;} .on-kayit-form form input, .on-kayit-form form select{border-bottom: 1px solid #48B9F2;padding: 12px 20px; width: 100%;} .on-kayit-form form .form-item{margin-bottom: 30px;} .on-kayit-form .form-title2{padding-top: 40px;} .on-kayit-page:after{height: 20%;} /* Contact form checkbox */ .contact-form .main-wrapper { } .contact-form .cutsom-checkbox-row input[type="checkbox"] { margin: 0; opacity: 0; } .contact-form .cutsom-checkbox-row { position: relative; margin-top: -20px; } .contact-form .cutsom-checkbox-row input[type="checkbox"] + label { display: inline-block; } .contact-form .cutsom-checkbox-row input[type="checkbox"] + label::before { border-color: #dddddd; border-radius: 4px; border-style: solid; border-width: 1px; content: ""; cursor: pointer; display: inline-block; height: 25px; left: 0; position: absolute; transition: 0.3s linear all; width: 25px; } .contact-form .cutsom-checkbox-row input[type="checkbox"] + label::before { border-color: #124C88; border-radius: 100%; transform: scale(1); } .contact-form .cutsom-checkbox-row input[type="checkbox"]:checked + label::before { border-color: #3bb6b6; border-style: dotted; transition: 0.3s linear all; } .contact-form .checkbox-s .cutsom-checkbox-row input[type="checkbox"]:checked + label::before { background-color: transparent; border-style: solid; transform: scale(1.2); border-color: #124C88; } .contact-form .checkbox-s .cutsom-checkbox-row input[type="checkbox"]:checked + label::after { transform: scale(1); opacity: 1; } .contact-form .checkbox-s .cutsom-checkbox-row input[type="checkbox"]:checked + label::after { color: #124C88; content: "\f00c"; cursor: pointer; font-family: 'FontAwesome'; left: 5px; position: absolute; top: 23px; transform: scale(1); transition: 0.3s linear all; } .contact-form .checkbox-s .cutsom-checkbox-row input[type="checkbox"] + label::after { transform: scale(2); opacity: 0; } .contact-form .checkbox-s .cutsom-checkbox-row input[type="checkbox"] + label::after { content: ""; transform: scale(0); transition: 0.3s linear all; } .contact-form .checkbox-s .main-wrapper #checkbox1{ width: 30px; height: 30px; } .contact-form .checkbox-s .main-wrapper label:before, .checkbox-s .main-wrapper label:after{ margin-top: 20px; } .contact-form .checkbox-s{ display: flex; position: relative; } .contact-form .checkbox-text{ padding: 24px 0 0 0; font-weight: 400; font-size: 12px; color: #585B58; letter-spacing: -0.27px; max-width: 278px; } .form-item-checkbox{margin-top: -30px; padding-left: 15px;} .form-item-button{margin-top: 20px;} .form-item-button button{font-weight: 600;font-size: 13px;color: #FFFFFF;letter-spacing: 0.81px; padding: 10px 20px;background-image: linear-gradient(180deg, #489EDD 0%, #0A67A0 100%);box-shadow: 0 15px 30px -10px rgba(18,76,136,0.70);border-radius: 14px;width: 100%;text-align: left; position: relative;} .form-item-button button img{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;max-width: 18px;} @media screen and (max-width: 768px){ .on-kayit-form{max-width: 100%;} } .contact-page .map-bg{background-image: url(../images/map-bg.jpg); background-position: center center;background-repeat: no-repeat;background-size: cover;width: 100%;padding: 10px; border-radius: 60px;} .contact-page .map-bg .map-bg-left{height: 100%;display: flex;justify-content: center; align-items: center; width: 100%;} .contact-page .map-bg .map-bg-left img{max-width: 50px;min-width: 50px;} .contact-page .map-bg .map-bg-right{height: 100%; display: flex;justify-content: center; align-items: center;background-color: #0A67A0;mix-blend-mode: multiply;border-radius: 50px;text-align: center;padding: 90px 0;} .contact-page .map-bg .map-bg-right h6{font-weight: 400;font-size: 13px;color: #A4E0FF;letter-spacing: 0.81px;text-align: center;} .contact-page .map-bg .map-bg-right h2{font-weight: 700;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;text-align: center;padding: 10px 0 40px;} .contact-page .map-bg .map-bg-right a{font-weight: 600;font-size: 13px;color: #FFFFFF;letter-spacing: 0.81px;display: inline-flex;justify-content: center; align-items: center;background-image: linear-gradient(180deg, #F39542 0%, #E08230 100%);box-shadow: 0 15px 30px -10px rgba(224,130,48,0.70);border-radius: 14px; padding: 10px 20px;} .contact-page .map-bg .map-bg-right a img{max-width: 18px;} .contact-page .map-bg .map-bg-right a span{padding-right: 80px;} .contact-page-bottom{padding-top: 40px;border-top: 1px solid #48B9F2;margin-top: 40px;} .contact-page-bottom .contact-page-bottom-item{display: flex;justify-content: center; align-items: center;} .contact-page-bottom .contact-page-bottom-item img{max-width: 30px;} .contact-page-bottom .contact-page-bottom-item .contact-page-bottom-item-description{padding-left: 30px;} .contact-page-bottom .contact-page-bottom-item .contact-page-bottom-item-description a{font-weight: 700;font-size: 16px;color: #124C88;letter-spacing: 0.44px;} .contact-page-bottom .contact-page-bottom-item .contact-page-bottom-item-description p{font-weight: 400;font-size: 13px;color: #48B9F2;letter-spacing: 0.81px;} .contact-page2:after{display: none;} .contact-page2{background-color: #124C88;padding: 45px 0;margin-bottom: 80px;} .contact-page2 .on-kayit-form{max-width: 100%;padding: 90px 15% 60px;border-radius: 60px;} .form-item-checkbox2{padding-top: 20px;} @media screen and (max-width: 768px){ .contact-page .map-bg .map-bg-left{padding: 30px 0;} .contact-page-bottom .contact-page-bottom-item{justify-content: flex-start;margin-bottom: 30px;} .contact-page{padding-bottom: 30px;} .contact-page2 .on-kayit-form{padding: 60px 10% 30px;} } .video-modal img{max-width: 50px; margin: 0 auto;}