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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i, em { font-style:normal; }
button, select { border:none; margin:0; padding:0; background:transparent; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
/* Finish RESET */
body { margin:0; color:#222; font-size:14px; font-family:Gilroy, Arial; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; }
*::-moz-selection { background:rgba(0, 0, 0, 0.2); }
*::selection { background:rgba(0, 0, 0, 0.2); }
a { color:#313F72; text-decoration:none; }
a:hover { color:#F68837; text-decoration:none; }
input, textarea, select { float:left; margin:0; font-size:14px; font-weight:500; font-family:Gilroy, Arial; border-radius:0; border:0; -webkit-appearance:none; }
button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:Gilroy, Arial; font-weight:700; font-size:17px; }
.input { width:64%; height:45px; padding:0 15px; border:1px solid #CCC; transition:ease 0.3s; background-color:#FFF; border-radius:35px; }
.input:focus { border-color:#3ECE7E !important; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); }
.select { padding-right:29px; background:#FFF url(../images/arrow-select.png) no-repeat right center / auto 5px; box-shadow: none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
textarea.input { padding-top:12px !important; padding-bottom:12px !important; }
.button { float:none; height:45px; line-height:45px; display:inline-block; padding:0 18px; position:relative; cursor:pointer; border:none; color:#FFF; background-color:#F68837; transition: all 0.2s; border-radius:35px; overflow:hidden;margin-left: 16px; }
.buttonb { float:none; height:45px; line-height:45px; display:inline-block; padding:0 35px; position:relative; cursor:pointer; border:none; color:#FFF; background-color:#140279; transition: all 0.2s; border-radius:5px; overflow:hidden; }
.buttonx { float:none; height:45px; line-height:45px; display:inline-block; padding:0 35px; position:relative; cursor:pointer; border:1px solid; color:#1f1e1e; transition: all 0.2s; border-radius:50px; top: 30px; overflow:hidden; }
.buttonm { float:none; height:45px; line-height:45px; display:inline-block; padding:0 35px; position:relative; cursor:pointer; border:1px solid; background-color: #1b1b58; transition: all 0.2s; border-radius:50px; top: 30px; overflow:hidden; }
.button:hover { background-color:#313F72; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); letter-spacing:1px; }
.button:hover::before { left:40%; transform:skew(-20deg); opacity:0.2; }
.buttonm:hover { background-color:#ffc107; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); letter-spacing:1px; }
.buttonm:hover::before { left:40%; transform:skew(-20deg); opacity:0.2; }
.checkbox { margin:3px 7px 0px 0px; }
.akademi { float:left; width:100%; position:relative; }
.outer { float:left; width:100%; padding:0 60px; position:relative; }
.wrap { margin:0 auto; width:1320px; min-height:10px; position:relative; }
.tac { text-align:center; }
.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }
.w100 { float:left; width:100% !important; padding-top:50px; }
.w50 { float:left; width:50%; }
.mt30 { margin-top:30px; }
/* Start TOP */
.header { position:absolute; top:0; left:0; right:0; height:100px; z-index:8000; transition:all 0.6s; box-shadow:0 0 15px rgba(0, 0, 0, 0.08); }
#logo { float:left; margin-top:28px; position:relative; z-index:1010; transition:all 0.3s; }
#logo img { float:left; height:55px; }
#logo img.scrolled { display:none; }
.nav-icon , .for-mobile { display:none; }
.search-icon { float:right; width:60px; height:100px; position:relative; background-image:linear-gradient(180deg,rgba(19, 24, 44, 0.4),rgba(19, 24, 44, 0)); cursor:pointer; transition:all 0.2s; text-indent:-9999px; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2); }
.search-icon::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icon-search-2.png) no-repeat center / 20px; transition:all 0.2s; }
.search-icon-close { background-color:#313F72; border-color:rgba(0, 0, 0, 0.2) !important; }
.search-icon-close::before { background-image:url(../images/icon-close.png) !important; background-size:26px !important; }
.hero-search-wrap { position:absolute; right:0; top:100px; left:0; z-index:7990; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); display:none; }
.hero-search-wrap .wrap { padding:0; }
.hero-search { float:left; width:100%; position:relative; overflow:hidden; }
.hero-search input { float:left; width:100%; height:50px; padding:0 70px 0 20px; font-size:14px; line-height:50px; background-color:rgba(255, 255, 255, 0.92); }
.hero-search button { position:absolute; top:0; right:0; bottom:0; width:60px; background:#F99D1B url(../images/icon-search-2.png) no-repeat center / 20px; text-indent:-9999px; }
.hero-search button:hover { background-size:22px; background-color:#DC0D16; }
#nav { float:right; z-index:200; }
#nav li { position:relative; margin-right:40px; }
#nav li:nth-child(-n + 3) { float:right; margin-right:20px; }
#nav li:hover { z-index:10; }
#nav li > a { float:left; font-weight:600; font-size:16px; color:#FFF; line-height:100px; position:relative; transition:all 0.3s; }
#nav li:hover > a , #nav li > a.active { color:#FFB131; }
#nav li > a i { float:left; height:50px; padding:0 24px; margin-top:25px; line-height:48px; border:1px solid rgb(255, 208, 0); box-shadow: 0px 0px 15px rgb(203 155 43 / 50%); border-radius:25px; }
#nav li > a:hover i { border-color:#FFB131; }
#nav > ul li span { display:none; position:absolute; top:65px; left:50%; width:600px; padding:15px; margin-left:-118px; box-shadow:0 10px 50px rgba(0, 0, 0, 0.2); border-radius:5px; }
#nav > ul li span.education-menu-list { width: 300px; margin-left:-150px;}
#nav li span::before {
content:"";
border-bottom:3px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
height: 0;
position: absolute;
width:0;
left:50%;
top:-5px;
margin-left:-4px;
}
#nav li span article { float:left; width:100%; margin:5px 0 -5px 0; display:flex; flex-direction: column; }
#nav li span em { float:left; width:50%; padding:0 5px; }
#nav li span.education-menu-list em { width: 100%; }
#nav li span a { float:left; width:100%; padding:10px 15px; margin-bottom:10px; position:relative; font-weight:500; transition:all 0.3s; background-color:#F6F6F6; border-radius:5px; }
#nav li span a:hover { color:#FFF; background-color:#8A99CE; }
/* Finish TOP */
/* Finish SCROLL */
/*======================================
Courses CSS
========================================*/
.courses {
background-color: #fff;
}
.courses .section-title {
margin-bottom: 40px;
}
.courses.grid-page {
padding-top: 90px;
}
.courses.style2 {
background: #fff;
}
.courses.style2 .single-course {
background: #fff;
}
.courses.style2 .single-course .content {
position: relative;
}
.courses.style2 .single-course .content .price {
height: 65px;
width: 65px;
line-height: 65px;
text-align: center;
font-weight: 700;
font-size: 16px;
position: absolute;
right: 20px;
top: -30px;
background: #1b1b58;
color: #fff;
border-radius: 50%;
}
.courses.style2 .single-course .content .date {
font-size: 12px;
display: block;
margin-bottom: 14px;
font-weight: 500;
display: inline-block;
border: 1px solid #eee;
padding: 6px 18px;
border-radius: 30px;
}
.courses.style2 .single-course .content h3 {
line-height: 32px;
}
.courses.style2 .button {
text-align: center;
margin-top: 70px;
}
.courses .single-course {
margin-top: 30px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.courses .single-course .course-image {
position: relative;
overflow: hidden;
}
.courses .single-course .course-image img {
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.courses .single-course .course-image .price {
color: #fff;
background-color: #1b1b58;
font-size: 14px;
font-weight: 600;
position: absolute;
right: 0;
top: 25px;
padding: 0;
padding-right: 0px;
padding-left: 0px;
height: 36px;
line-height: 36px;
padding-right: 20px;
padding-left: 5px;
}
.courses .single-course .course-image .price::before {
position: absolute;
content: "";
left: -32px;
top: 0;
border: 18px solid #1b1b58;
border-left-color: transparent;
height: 10px;
width: 10px !important;
border-left-color: transparent;
}
.courses .single-course:hover {
-webkit-box-shadow: 0px 0px 20px #00000012;
box-shadow: 0px 0px 20px #00000012;
}
.single-course {
margin: 10px;
}
.courses .single-course:hover .course-image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.courses .single-course .content {
padding: 30px;
padding-top: 25px;
border: 1px solid #eee;
border-top: none;
}
.courses .single-course .content h3 {
display: block;
margin-bottom: 15px;
}
.courses .single-course .content h3 a {
font-size: 20px;
font-weight: 700;
color: #081828;
}
.courses .single-course .content h3 a:hover {
color: #1b1b58;
}
.courses .single-course .bottom-content {
padding: 20px 30px;
border: 1px solid #eee;
border-top: none;
overflow: hidden;
}
.courses .single-course .bottom-content .review {
float: left;
}
.courses .single-course .bottom-content .review li {
display: inline-block;
}
.courses .single-course .bottom-content .review li i {
color: #FFAA30;
}
.courses .single-course .bottom-content .review li:last-child {
color: #081828;
font-weight: 500;
font-size: 13px;
margin-left: 5px;
}
.courses .single-course .bottom-content .tag {
float: right;
}
.courses .single-course .bottom-content .tag i {
color: #1b1b58;
display: inline-block;
margin-right: 4px;
font-size: 14px;
}
.courses .single-course .bottom-content .tag a {
font-size: 13px;
font-weight: 500;
color: #081828;
}
.courses .single-course .bottom-content .tag a:hover {
color: #1b1b58;
}
.container-fluid,
{
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x)/ -2);
margin-left: calc(var(--bs-gutter-x)/ -2)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media (min-width:576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.3333333333%
}
.offset-md-2 {
margin-left: 16.6666666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.3333333333%
}
.offset-md-5 {
margin-left: 41.6666666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.3333333333%
}
.offset-md-8 {
margin-left: 66.6666666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.3333333333%
}
.offset-md-11 {
margin-left: 91.6666666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.3333333333%
}
.offset-lg-2 {
margin-left: 16.6666666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.3333333333%
}
.offset-lg-5 {
margin-left: 41.6666666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.3333333333%
}
.offset-lg-8 {
margin-left: 66.6666666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.3333333333%
}
.offset-lg-11 {
margin-left: 91.6666666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.3333333333%
}
.offset-xl-2 {
margin-left: 16.6666666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.3333333333%
}
.offset-xl-5 {
margin-left: 41.6666666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.3333333333%
}
.offset-xl-8 {
margin-left: 66.6666666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.3333333333%
}
.offset-xl-11 {
margin-left: 91.6666666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media (min-width:1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.3333333333%
}
.offset-xxl-2 {
margin-left: 16.6666666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.3333333333%
}
.offset-xxl-5 {
margin-left: 41.6666666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.3333333333%
}
.offset-xxl-8 {
margin-left: 66.6666666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.3333333333%
}
.offset-xxl-11 {
margin-left: 91.6666666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
/*======================================
Our Achievement CSS
========================================*/
.our-achievement {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding-top: 70px;
padding: 90px 0 120px 0;
}
.our-achievement.style3 {
padding-top: 200px;
position: relative;
}
.our-achievement.style3::after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100px;
width: 100%;
background-image: url("../images/hero/shape2.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 2;
}
.our-achievement.overlay::before {
background-color: #1b1b58;
opacity: 0.92;
}
.our-achievement .single-achievement {
margin-top: 30px;
text-align: center;
padding: 0;
}
.our-achievement .single-achievement h3 {
font-size: 35px;
font-weight: 700;
display: block;
margin-bottom: 15px;
color: #fff;
}
.our-achievement .single-achievement h4 {
font-weight: 700;
font-size: 20px;
display: block;
margin-top: 15px;
color: #fff;
}
.our-achievement {
background-color: #1b1b58;
background-image: url("http://localhost:8888/guvennetakademi1/public/front_end/static/images/ach.jpeg");
}
.our-achievement .single-achievement {
margin-top: 70px;
text-align: center;
padding: 0px 50px;
}
.our-achievement .single-achievement h3 {
font-size: 40px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.our-achievement .single-achievement p {
font-size: 15px;
}
/*======================================
Features CSS
========================================*/
.features .padding-zero {
padding: 0 !important;
}
.features.style2 .single-feature {
padding: 50px;
border-bottom: 1px solid #eee;
}
.features.style2 .single-feature h3 {
line-height: 32px;
}
.features.style2 .single-feature h3 a {
font-size: 20px;
font-weight: 700;
}
.features.style2 .single-feature h3 a:hover {
color: #1b1b58;
}
.features.style2 .single-feature::before {
background-color: #1b1b58;
}
.features .single-feature {
position: relative;
padding-right: 62px;
padding: 60px;
border-right: 1px solid #eee;
position: relative;
height: 100%;
}
.features .single-feature::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 5px;
width: 0%;
background-color: #1b1b58;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* Section Title */
.section-title {
text-align: center;
margin-bottom: 50px;
padding: 0 0px;
position: relative;
z-index: 5;
}
.section-title span {
font-size: 14px;
font-weight: 500;
color: #081828;
padding: 7px 20px;
border: 2px solid #eee;
border-radius: 30px;
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
}
.section-title i {
font-size: 18px;
color: #1b1b58;
height: 40px;
width: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
background-color: #00a6511c;
margin-bottom: 10px;
border-radius: 50%;
}
.section-title h2 {
font-size: 35px;
margin-bottom: 20px;
padding-bottom: 20px;
line-height: 40px;
text-transform: capitalize;
position: relative;
font-weight: 700;
}
.section-title h2::before {
position: absolute;
content: "";
left: 50%;
bottom: 0;
height: 3px;
width: 50px;
background-color: #1b1b58;
border-radius: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.section-title p {
font-size: 14px;
line-height: 24px;
}
.section-title.align-right {
padding: 0;
padding-left: 600px;
}
.section-title.align-right h2:before {
display: none;
}
/*======================================
Teachers CSS
========================================*/
.teachers {
background-color: #F4F7FA;
}
.teachers .section-title {
margin-bottom: 40px;
}
.teachers .single-team {
border: 1px solid #eee;
background-color: #fff;
margin-top: 30px;
position: relative;
}
.teachers .single-team::before {
position: absolute;
content: "";
right: 0;
top: 0;
height: 0;
width: 5px;
background-color: #1b1b58;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.teachers .single-team:hover::before {
height: 100%;
}
.teachers .single-team .image {
overflow: hidden;
padding: 10px 0 10px 10px;
}
.teachers .single-team .image img {
width: 100%;
border: 1px solid #eee;
}
.teachers .single-team .info-head {
padding: 35px 40px 35px 20px;
}
.teachers .single-team .info-head .info-box .designation {
font-weight: 600;
font-size: 13px;
display: block;
color: #1b1b58;
margin-bottom: 3px;
}
.teachers .single-team .info-head .info-box .name {
display: block;
margin-bottom: 15px;
}
.teachers .single-team .info-head .info-box .name a {
font-weight: 700;
font-size: 19px;
color: #081828;
}
.teachers .single-team .info-head .info-box .name a:hover {
color: #1b1b58;
}
.teachers .single-team .info-head .info-box p {
font-size: 14px;
margin-bottom: 20px;
}
.teachers .single-team .info-head .social {
display: contents;
margin-top: 5px;
}
.teachers .single-team .info-head .social li {
display: inline-block;
margin-right: 5px;
margin-top: 10px;
}
.teachers .single-team .info-head .social li:last-child {
/*margin: 0;*/
}
.teachers .single-team .info-head .social li a {
height: 40px;
width: 40px;
padding-top: 13px;
line-height: 40px;
border: 1px solid #eee;
color: #081828;
border-radius: 50%;
font-size: 13px;
text-align: center;
}
.teachers .single-team .info-head .social li a:hover {
background-color: #1b1b58;
color: #fff;
border-color: transparent;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.section-title.align-right h2:after {
position: absolute;
right: 0;
bottom: -1px;
height: 2px;
width: 50px;
background: #1b1b58;
content: "";
}
.section-title.align-left {
padding: 0;
padding-right: 600px;
}
.section-title.align-left h2:before {
left: 0;
margin-left: 0;
}
.features .single-feature:hover::before {
width: 100%;
}
.features .single-feature.last {
border-right: none;
}
.features .single-feature:hover h5:before {
width: 100%;
}
.features .single-feature:hover h5 {
letter-spacing: 2px;
}
.features .single-feature h3 {
line-height: 32px;
}
.features .single-feature h3 a {
font-size: 22px;
font-weight: 700;
}
.features .single-feature h3 a:hover {
color: #1b1b58;
}
.features .single-feature p {
display: block;
margin-top: 20px;
}
.features .single-feature:hover span {
color: #1b1b58;
opacity: 1;
}
.features .single-feature .button {
margin-top: 30px;
}
.features .single-feature .button .btn {
color: #081828;
border: 1px solid #eee;
background-color: transparent;
padding: 10px 30px;
}
.features .single-feature .button .btn::before {
width: 0px;
}
.features .single-feature .button .btn:hover::before {
width: 100%;
}
.features .single-feature .button .btn i {
display: inline-block;
margin-left: 5px;
font-size: 15px;
position: relative;
top: 2px;
}
.features .single-feature .button .btn:hover {
color: #fff;
border-color: transparent;
}
/*======================================
About Us CSS
========================================*/
.about-us {
background-color: #F4F7FA;
position: relative;
}
.about-us .round-shape {
position: absolute;
top: -100px;
left: -100px;
height: 200px;
width: 200px;
}
.about-us .about-left {
padding-right: 100px;
}
.about-us .about-left p {
margin-bottom: 25px;
}
.about-us .about-left .about-title {
padding: 0;
margin-bottom: 40px;
}
.about-us .about-left .about-title span {
position: relative;
text-transform: capitalize;
padding: 8px 20px;
border-radius: 30px 30px 30px 0;
font-weight: 600;
color: #fff;
background-color: #1b1b58;
font-size: 13px;
margin-bottom: 8px;
}
.about-us .about-left .about-title h2 {
font-size: 35px;
margin-bottom: 20px;
padding-bottom: 20px;
line-height: 40px;
text-transform: capitalize;
position: relative;
font-weight: 700;
}
.about-us .about-left .button {
margin-top: 40px;
}
.about-us .about-left .button .btn {
margin-right: 10px;
}
.about-us .about-left .button .btn i {
display: inline-block;
margin-left: 8px;
font-size: 12px;
}
.about-us .about-left .button .btn:last-child {
margin: 0;
}
.about-us .about-right {
position: relative;
}
.about-us .about-right img {
width: 100%;
border-radius: 0;
overflow: hidden;
}
.our-achievement .single-achievement {
margin-top: 70px;
text-align: center;
padding: 0px 50px;
}
.our-achievement .single-achievement h3 {
font-size: 40px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.our-achievement .single-achievement p {
font-size: 15px;
}
.section {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.controls { height:100%; }
.slick-prev , .slick-next {
position:absolute;
top:50%;
width:40px;
height:40px;
margin: 10px;
margin-top:-20px;
text-indent:-9999px;
cursor:pointer;
z-index:1000;
transition:all 0.2s ease;
background: url(../images/arrow-left.png) no-repeat center / auto 40px;
}
.slick-prev { left:0; }
.slick-next { right:0; background-image:url(../images/arrow-right.png); }
.slick-prev:hover , .slick-next:hover { opacity:0.5; }
ul.slick-dots { position:absolute; text-align:center; right:0; left:0; bottom:0; padding:25px 0; z-index:1000; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)); }
ul.slick-dots li { float:none; height:5px; margin:0 5px; display:inline-block; }
ul.slick-dots li button { float:left; width:20px; height:5px; cursor:pointer; background-color:#FFF; transition:all 0.3s; position:relative; text-indent:-9999px; opacity:0.5; border-radius:3px; }
ul.slick-dots li button:hover { opacity:0.6; }
ul.slick-dots li.slick-active button { width:30px; opacity:1; }
.slider-hero-wrap { float:left; width:100%; position:relative; z-index:700; }
.slider-hero { float:left; width:100%; position:relative; z-index:700; overflow:hidden; }
.slider-hero-item { float:left; width:100%; position:relative; color:#FFF; }
.slider-hero-item img { float:left; width:100%; position:relative; }
.slider-hero-item::before { content:""; position:absolute; top:0; left:0; right:0; bottom:50%; background-image:linear-gradient(180deg,#313F72,rgba(39, 46, 102, 0)); opacity:0.8; z-index:1; }
.slider-hero-title { position:absolute; top:0; bottom:0; left:0; right:0; z-index:10; }
.slider-hero-title-in { float:left; width:100%; }
.slider-hero-title section { float:left; width:50%; padding:20px 0; }
.slider-hero-title section span { float:left; margin-bottom:20px; position:relative; font-size:20px; font-weight:600; color:#fff; padding: 10px;
border-radius: 40px;
background: #242f82;}
.slider-hero-title section strong { float:left; width:100%; font-size:60px; line-height:70px; letter-spacing:-1px; text-shadow:0 3px 0 rgba(0, 0, 0, 0.3); }
.slider-hero-title section article { float:left; width:100%; margin-top:46px; }
.slider-hero-title section article a { float:left; height:50px; padding:0 28px; font-size:16px; font-weight:600; color:#FFF; line-height:44px; border:2px solid #dcb84c; border-radius:25px; transition:all 0.3s; }
.slider-hero-title section article a:hover { border-color:#FFB131; color:#FFB131; }
.slider-hero-title section article a:last-child { border-color:transparent; }
.slider-hero-title section article a:hover::after { margin:0 -15px 0 18px; }
.slider-hero-title section article a:last-child::after { display:none; }
.slider-hero ul.slick-dots { padding-bottom:80px; }
.vertical-out { width:100%; height:100%; display:table; }
.vertical-in { width:100%; display:table-cell; vertical-align:middle; }
.slider-logos-wrap { float:left; width:100%; padding: 30px; 10px; margin-top:-60px; position:relative; background-color:#FFF; border-radius:8px; box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); z-index:800; }
.slider-logos { float:left; width:100%; padding:20px 50px; position:relative; overflow:hidden; }
/* .slider-logos .slick-list { overflow:hidden; } */
.slider-logos-item { float:left; width:100%; position:relative; }
.slider-logos-item::after { content:""; position:absolute; top:20px; bottom:20px; left:-1px; width:2px; background-color:#000; opacity:0.08; }
.slider-logos div a { float:left; width:100%; text-align:center; }
.slider-logos div a img { display:inline-block; max-width:100%; max-height:80px; filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity:0.7; }
.slider-logos div a:hover img { filter:none; -webkit-filter:none; opacity:1; }
.slider-educations { float:left; width:100%; position:relative; }
.slider-educations .slick-list { overflow:hidden; }
.slider-edu-item { float:left; width:100%; padding-bottom:50px; position:relative; border: 0.3px solid;
margin: 10px;}
.slider-edu-item:hover { z-index:10; }
.slider-edu-item a { float:left; width:100%; position:relative; background-color:#FFF; box-shadow:0 2px 0 #FFB131 , 0 0 40px rgba(0, 0, 0, 0.1); transition:all 0.3s; }
.slider-edu-item:hover a { margin-bottom:-40px; }
.slider-edu-item a section { float:left; width:100%; padding:30px; position:relative; background-color:#FFF; }
.slider-edu-item a section span { float:left; width:100%; padding:6px 0 11px 20px; position:relative; font-weight:500; }
.slider-edu-item:hover a section span { color:#13182C; }
.slider-edu-item a section span::before { content:""; position:absolute; left:0; top:0; width:30px; height:30px; background-color:#314073; opacity:0.15; border-radius:50%; transition:all 0.2s; }
.slider-edu-item:hover a section span::before { top:-10px; width:40px; height:40px; background-color:#F68837; opacity:1; border-radius:8px; }
.slider-edu-item a section span i { position:relative; }
.slider-edu-item a section strong { float:left; width:100%; height:60px; margin-bottom:-7px; position:relative; overflow:hidden; font-size:24px; font-weight:600; line-height:30px; }
.slider-edu-item a picture { float:left; width:100%; height:240px; position:relative; background-size:cover; background-position:center; transition:all 0.3s; }
.slider-edu-item:hover a picture { height:280px; }
.slider-educations .slick-prev { left:-50px; background-image:url(../images/arrow-white-left.png); background-color:transparent; }
.slider-educations .slick-next { right:-50px; background-image:url(../images/arrow-white-right.png); background-color:transparent; }
.slider-teacher { float:left; width:100%; position:relative; }
.slider-teacher .slick-list { overflow:hidden; }
.slider-teach-item { float:left; width:100%; padding-bottom:50px; position:relative; }
.slider-teach-item:hover { z-index:10; }
.slider-teach-item a { float:left; width:100%; position:relative; background-color:#FFF; box-shadow:0 2px 0 #FFB131 , 0 0 40px rgba(0, 0, 0, 0.1); transition:all 0.3s; }
.slider-teach-item:hover a { margin-bottom:-40px; }
.slider-teach-item a section { float:left; width:100%; padding:20px; position:relative; background-color:#fbfbfb; }
.slider-teach-item a section span { float:left; width:100%; padding:6px 0 11px 20px; position:relative; font-weight:500; }
.slider-teach-item:hover a section span { color:#13182C; }
.slider-teach-item a section span::before { content:""; position:absolute; left:0; top:0; width:30px; height:30px; background-color:#314073; opacity:0.15; border-radius:50%; transition:all 0.2s; }
.slider-teach-item:hover a section span::before { top:-10px; width:40px; height:40px; background-color:#F68837; opacity:1; border-radius:8px; }
.slider-teach-item a section span i { position:relative; }
.slider-teach-item a section strong { float:left; width:100%; height:60px; margin-bottom:-7px; position:relative; overflow:hidden; font-size:24px; font-weight:600; line-height:30px; }
.slider-teach-item a picture { float:left; width:100%; height:280px; position:relative; background-size:cover; background-position:center; transition:all 0.3s; }
.slider-teach-item:hover a picture { height:300px; }
.slider-teacher .slick-prev { left:-50px; background-image:url(../images/arrow-white-left.png); background-color:#ccc; }
.slider-teacher .slick-next { right:-50px; background-image:url(../images/arrow-white-right.png); background-color:#ccc; }
.slider-testimonials { float:left; width:100%; padding:10px 0 40px 0; position:relative; overflow:hidden; }
.testimonial-item { float:left; width:100%; padding:0 20px; position:relative; }
.testimonial-item section { float:left; width:100%; padding:30px; position:relative; background-color:#FFF; border-radius:8px; box-shadow:0 5px 20px rgba(0, 0, 0, 0.07); }
.testimonial-item section::before { content:""; position:absolute; left:30px; top:-10px; width:100px; height:40px; background:url(../images/icon-comment.png) no-repeat 0 0 / auto 100%; }
.testimonial-item section article { float:left; width:100%; margin:17px 0 13px 0; font-size:16px; line-height:25px; }
.testimonial-item section span { float:left; width:100%; padding-left:20px; box-shadow:inset 2px 0 0 #8A99CE; color:#314073; }
.testimonial-item section span strong { display:block; font-weight:600; font-size:16px; color:#F68737; }
.slider-testimonials ul.slick-dots { padding:5px 0; background:none; }
.slider-testimonials ul.slick-dots li button { background-color:#314073; }
/* Finish SLIDER */
.mask , .mask-top { position:absolute; bottom:0; left:0; right:0; z-index:700; }
.mask-top { top:0; bottom:auto; }
.mask > img , .mask-top > img { float:left; width:100%; }
/* Start FOOTER */
.footer { float:left; width:100%; position:relative; background:#2C374B url(../images/bg-footer.jpg) no-repeat center bottom / cover; color:rgba(255, 255, 255, 0.6); }
.footer-buttons { float:left; width:100%; position:relative; z-index:1; overflow:hidden; }
.footer-buttons ul { width:100%; margin-bottom:-20px; display:flex; flex-flow:row wrap; counter-reset:item; }
.footer-buttons li { padding:0 20px 20px 20px; flex:1; flex-basis:33.33334%; }
.footer-buttons li a { float:left; width:100%; height:100%; padding:40px 20px 40px 120px; position:relative; background-color:#FFF; border-radius:8px; font-size:34px; font-weight:600; line-height:40px; letter-spacing:-0.5px; transition:all 0.2s; }
.footer-buttons li a:hover { box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); }
.footer-buttons li a::after { content:""; position:absolute; top:0; bottom:0; left:59px; width:2px; background-color:#EEE; transition:all 0.25s; }
.footer-buttons li a:hover::after { background-color:#F68837; }
.footer-buttons li a span { position:absolute; top:20px; left:20px; bottom:20px; width:80px; background-color:#FFF; z-index:10; display:table; text-align:center; }
.footer-buttons li a span img { height:50px; margin-top:15px; }
.join-us { float:left; width:100%; position:relative; text-align:center; }
.join-us article { float:left; width:100%; padding:56px 0 24px 0; font-size:26px; line-height:30px; color:#FFF; }
.join-us section { display:inline-block; width:100%; max-width:800px; position:relative; }
.join-us section::before { content:""; position:absolute; top:0; bottom:0; left:24px; width:20px; background:url(../images/icon-mail.png) no-repeat center / 20px; }
.join-us .input { height:60px; padding:0 70px 0 59px; border:0; border-radius:30px; font-size:15px; color:#FFF; line-height:60px; background-color:rgba(19, 24, 44, 0.7); }
.join-us .input:focus { background-color:#13182C; }
.join-us .button { width:50px; height:50px; padding:0; position:absolute; top:5px; right:5px; text-indent:-9999px; background:url(../images/arrow-white-right.png) no-repeat center / auto 20px; border-radius:50%; }
.join-us .button:hover { background-color:rgba(255, 255, 255, 0.1); background-position:55% center; box-shadow:none; }
.join-us .button::before { display:none; }
.footer-decision { float:left; width:100%; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08); }
.footer-decision section { float:left; font-size:16px; }
.footer-decision section strong { display:block; margin:1px 0 -1px 0; font-size:40px; color:#FFF; line-height:40px; }
.footer-decision a , .footer-decision article { float:right; width:35%; padding-left:30px; position:relative; background-color:#FFB131; font-size:17px; font-weight:700; color:#313F72; line-height:60px; border-radius:30px; text-align:center; cursor:pointer; }
.footer-decision a:hover , .footer-decision article:hover { background-color:#FFF; }
.footer-decision a::after , .footer-decision article::after { content:""; float:right; width:20px; height:60px; margin-right:25px; background:url(../images/arrow-right.png) no-repeat center / 20px; transition:all 0.2s; }
.footer-decision a:hover::after , .footer-decision article:hover::after { margin-right:15px; }
.footer-block-wrap { float:left; width:100%; padding-bottom:54px; }
.footer-block { float:left; width:25%; padding:0 20px 20px 20px; }
.footer-block-wide { width:50%; }
.footer-title { float:left; width:100%; padding:39px 0 22px 0; font-size:20px; font-weight:600; color:#fff; }
.footer-links { float:left; width:100%; position:relative; z-index:4; }
.footer-links ul { width:100%; }
.footer-links li { width:100%; padding-bottom:10px; }
.footer-block-wide .footer-links li { width:50%; }
.footer-links li a { float:left; width:100%; color:#FFF; }
.footer-block-wide .footer-links li a { padding-right:10px; }
.footer-links li a:hover { color:#B5BEDF; }
.footer-contact { float:left; width:100%; margin-top:-5px; }
.footer-contact strong { float:left; width:100%; padding:2px 0 8px 0; font-size:20px; color:#FFF; }
.footer-contact span { float:left; width:100%; padding:0px 0 20px 0; }
.footer-contact a { color:#FFF; }
.footer-contact a:hover { color:#B5BEDF; }
.footer-social { float:left; width:100%; margin-top:-5px; }
.footer-social ul { margin-bottom:-10px; }
.footer-social li { padding-right:20px; margin-bottom:20px; }
.footer-social li:last-child { padding-right:0; }
.footer-social li a { float:left; background-color:#13182C; border-radius:50%; transition:all 0.3s; }
.footer-social li a:hover { background-color:#FFB131; }
.footer-social li a img { float:left; height:50px; }
.footer-logos li a img { margin:0; }
.copyright { float:left; width:100%; position:relative; z-index:10; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08); }
.copyright a { color:#FFF; }
.copyright a:hover { color:#B5BEDF; text-decoration:underline; }
/* Start CONTENT */
.page-title { float:left; width:100%; padding:0px 0 29px 0; position:relative; z-index:30; color:#313F72; font-weight:700; font-size:40px; line-height:50px; letter-spacing:-0.5px; z-index:10; }
.page-title-center { padding-left:5%; padding-right:5%; text-align:center; }
.page-title-thin { font-weight:500; }
.page-title strong { color:#F68637; }
.title-medium { float:left; width:100%; padding:31px 0 24px 0; position:relative; font-size:24px; font-weight:700; color:#313F72; line-height:30px; letter-spacing:-0.4px; }
.text-white { color:#FFF !important; }
.text-orange { color:#F68637 !important; }
.page-about { float:left; width:100%; margin:-11px 0 31px 0; font-size:18px; color:#555; line-height:30px; position:relative; }
.page-about-center { padding:0 10%; margin-top:-1px; text-align:center; }
.page-about::before { content:""; position:absolute; top:13px; left:0; width:60px; height:6px;}
.page-about-center::before { top:-15px; left:50%; margin-left:-30px; }
.page-about a { font-weight:600; }
.page-about b , .page-about strong { color:#151515; }
.page-photo { float:right; width:50%; max-width:330px; padding:0 0 20px 20px; }
.page-photo img { float:right; max-width:100%; border-radius:5px; }
.inner-30 { margin:0 -30px; }
.inner-20 { margin:0 -20px; }
.inner-15 { margin:0 -15px; }
.inner-10 { margin:0 -10px; }
.inner-6 { margin:0 -6px; }
.inner-5 { margin:0 -5px; }
.inner-2 { margin:0 -2px; }
.top-150 { padding-top:150px; }
.top-100 { padding-top:100px; }
.top-50 { padding-top:50px; }
.bottom-150 { padding-bottom:150px; }
.bottom-100 { padding-bottom:100px; }
.bottom-50 { padding-bottom:50px; }
.left-60 { padding-left:60px; }
.right-60 { padding-right:60px; }
.altinkariyer { float:left; width:100%; position:relative; }
.welcome-text { float:left; width:50%; padding-top:20px; }
.welcome-picture { float:left; width:50%; padding-left:180px; text-align:center; }
.welcome-picture picture { float:right; width:100%; position:relative; background-size:cover; background-position:center; }
.welcome-picture picture img { float:left; width:100%; }
.welcome-picture picture section { position:absolute; top:50%; left:-80px; width:160px; height:160px; padding:0 15px; margin-top:-80px; background-color:#FFF; border-radius:50%; box-shadow:0 0 30px rgba(0, 0, 0, 0.1); }
.welcome-picture picture section::before { content:""; position:absolute; top:10px; bottom:10px; left:10px; right:10px; border:1px solid #EEE; border-radius:50%; }
.welcome-picture picture section strong { display:block; margin:46px 0 5px 0; font-size:40px; color:#F68837; letter-spacing:-1px; line-height:40px; }
.welcome-stats { float:left; width:100%; margin-top:10px; color:#314073; }
.welcome-stats li { padding-right:50px; margin-right:50px; border-right:1px solid #EDEDED; }
.welcome-stats li:last-child { padding-right:0; margin-right:0; border-right:0; }
.welcome-stats li section { float:left; padding-left:80px; }
.welcome-stats li section img { float:left; height:60px; margin-left:-80px; }
.welcome-stats li section strong { display:block; margin:7px 0 -1px 0; font-size:30px; line-height:30px; }
.welcome-stats li section span { display:block; opacity:0.6; font-weight:600; font-size:16px; }
.link-all { float:left; width:100%; position:relative; text-align:center; font-family:Oswald; font-size:12px; line-height:40px; }
.link-all a { display:inline-block; height:40px; padding:0 30px; position:relative; color:#757575; letter-spacing:1px; overflow:hidden; background-color:rgba(0, 0, 0, 0.05); transition:all 0.3s; }
.link-all a:hover { color:#313F72; letter-spacing:2px; }
.link-all a::before { content:""; position:absolute; top:0; bottom:0; left:-10px; right:50%; background-color:rgba(255, 255, 255, 0.5); transition:all 0.3s; transform:skew(-20deg); }
.link-all a:hover::before { right:-10px; left:50%; background-color:#FFF; }
.link-all a span { float:left; position:relative; }
.link-all-big { margin-top:20px; font-size:16px; font-weight:500; line-height:56px; }
.link-all-big a { height:60px; padding:0 23px; background-color:rgba(0, 0, 0, 0.07); color:#DC0D16; border-radius:5px; border:2px solid #DC0D16; background-color:#FFF; }
.link-all-big a:hover { border-color:#313F72; }
.link-all-big a:hover::before { background-color:#F5F5F5; }
.link-all-big a span img { float:left; height:56px; padding:16px 0; margin-right:15px; }
.link-all section { float:left; padding:2px 0 2px 20px; font-weight:400; text-transform:uppercase; }
.grayscale { filter:grayscale(100%); -webkit-filter:grayscale(100%); }
.grayscale:hover { filter:none; -webkit-filter:none; }
.block-dark { float:left; width:100%; position:relative; background-image:linear-gradient(150deg,#13182C,#6C3BDB); background-size:cover; background-position:center; }
.block-grey { float:left; width:100%; position:relative; background-image:linear-gradient(180deg,#EFF1F4,#FFF); }
.block-grey-up { position:relative; }
.block-grey-up::before { content:""; position:absolute; left:0; right:0; bottom:0; height:200px; background-color:#EFF1F4; }
.akademi-stats { float:left; width:100%; padding:29px 0 15px 0; position:relative; text-align:center; font-size:16px; font-weight:600; color:#314073; }
.akademi-stats ul { width:100%; display:flex; flex-flow:row wrap; position:relative; }
.akademi-stats li { flex:1; flex-basis:25%; padding:0 20px; }
.akademi-stats li strong { display:block; padding-bottom:6px; font-size:60px; line-height:60px; }
.akademi-stats li span { display:block; opacity:0.6; }
.teachers { float:left; width:100%; }
.teachers ul { width:100%; display:flex; flex-flow:row wrap; }
.teachers li { width:20%; padding:0 15px; margin-bottom:-20px; }
.teachers li:nth-child(even) { margin-top:30px; }
.teachers li a { float:left; width:100%; position:relative; border-radius:8px; overflow:hidden; transition:all 0.3s; }
.teachers li a:hover { box-shadow:0 5px 30px rgba(0, 0, 0, 0.13); }
.teachers li a img { float:left; width:100%; }
.teachers li a picture { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; background-size:cover; background-position:center; transition:all 0.3s; border-radius:0 0 8px 8px; }
.teachers li a:hover picture { bottom:50px; }
.teachers li a picture::after { content:""; position:absolute; top:30%; left:0; right:0; bottom:0; background-image:linear-gradient(180deg,rgba(49, 64, 115, 0),#314073); }
.teachers li a picture strong { position:absolute; left:0; right:0; bottom:0; padding:21px 25px; z-index:10; color:#FFF; font-size:18px; font-weight:600; }
.teachers li a section { position:absolute; left:0; right:0; bottom:-50px; padding:0 25px; z-index:20; color:#F68737; font-weight:600; line-height:50px; background-color:#FFF; transition:all 0.5s; }
.teachers li a:hover section { bottom:0; }
.teachers li a section::after { content:""; float:right; width:20px; height:50px; margin-right:-10px; background:url(../images/arrow-right.png) no-repeat right center / 20px; transition:all 0.2s; }
.akademi-team { float:left; width:100%; }
.akademi-team ul { width:100%; display:flex; flex-flow:row wrap; }
.akademi-team li { width:25%; padding:0 15px; margin-bottom:30px; }
.akademi-team li section { float:left; width:100%; height:100%; position:relative; border:5px solid #FFF; border-radius:8px; overflow:hidden; transition:all 0.3s; box-shadow:0 5px 30px rgba(0, 0, 0, 0.13); }
.akademi-team li section:hover { box-shadow:0 10px 30px rgba(0, 0, 0, 0.27); }
.akademi-team li article { float:left; width:100%; position:relative; border-radius:8px; overflow:hidden; transition:all 0.3s; }
.akademi-team li article img { float:left; width:100%; transform-origin:top center; transition:all 1s; }
.akademi-team li section:hover article img { transform:scale(1.1, 1.1); }
.akademi-team li article picture { position:absolute; left:0; right:0; bottom:0; overflow:hidden; transition:all 0.3s; border-radius:0 0 8px 8px; }
.akademi-team li article picture::after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-image:linear-gradient(180deg,rgba(246, 136, 55, 0),#F68837 80%); }
.akademi-team li article picture strong { float:left; width:100%; position:relative; padding:80px 20px 16px 20px; z-index:10; color:#FFF; font-size:18px; font-weight:600; }
.team-info { float:left; width:100%; position:relative; padding:20px 20px 15px 20px; z-index:20; color:#999; font-weight:600; transition:all 0.5s; }
.team-info::before {
content:"";
border-bottom:4px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
height:0;
position: absolute;
width:0;
left:30px;
top:-4px;
border-bottom-color:#FFF;
}
.team-info span { float:left; width:100%; }
.team-info a { float:left; margin-right:10px; margin-top:10px; background-color:#8A99CE; border-radius:50%; }
.team-info a:hover { background-color:#313F72; }
.team-info a img { float:left; height:32px; }
.tab-wrap { float:left; width:100% !important; position:relative; z-index:90; overflow:hidden; background-color:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.07); }
.tab { float:left; overflow:hidden; }
.tab li a { float:left; padding:0 25px; font-weight:600; line-height:60px; transition:all 0.25s; }
.tab li a:hover { box-shadow:inset 0 -2px 0 #CCC; color:#666; }
.tab li a.active { background-image:linear-gradient(180deg, #FFF 50%, #F4F4F4); color:#151515; box-shadow:inset 0 -2px 0 #F68837; color:#F68837; }
.sub-hero { float:left; width:100%; height:350px; position:relative; background:url(../images/breadcrumb-bg.jpeg) no-repeat center / cover; }
.breadcrumb { position:absolute; left:45%; right:0; bottom:35px; height:60px; z-index:10; font-weight:500; line-height:60px; overflow:hidden; }
.sub-hero .breadcrumb { bottom:125px; }
.breadcrumb section { float:left; }
.breadcrumb a { float:left; color:#FFF; opacity:0.6; }
.breadcrumb a:hover { box-shadow:inset 0 2px 0 #FFF; opacity:1; }
.breadcrumb i { float:left; width:2px; height:20px; margin:20px 25px; background-color:rgba(255, 255, 255, 0.15); transform:skewX(-20deg); }
.breadcrumb strong { float:left; color:#FFF; font-weight:600; }
.parallax-wrap { float:left; width:100%; margin:50px 0; position:relative; }
.parallax-photo-wrap { position:absolute; left:60px; right:50%; bottom:0; top:0; }
.parallax-photo { position:absolute; left:0; right:60px; bottom:0; top:0; background:transparent; background-size:100% auto; }
.parallax-photo::after { content:""; position:absolute; left:0; right:0; bottom:0; top:0; background-image:linear-gradient(145deg,#313F72,rgba(39, 46, 102, 0.1)); opacity:0.2; }
.parallax-wide { float:left; width:100%; position:relative; background:transparent; background-size:100% auto; text-align:center; }
.parallax-wide::before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:#006BA6;
background:linear-gradient(90deg,#006BA6 0,#C19B76);
opacity:0.9;
}
.parallax-wide .hero-text , .parallax-wide .hero-text-info span , .parallax-wide .hero-text-title strong { color:#FFF; }
.parallax-wide .hero-text-info span::before , .parallax-wide .hero-text-info span::after { background-color:#000; }
.parallax-text { float:right; width:50%; position:relative; }
.parallax-right .parallax-photo-wrap { right:60px; left:50%; }
.parallax-right .parallax-photo { left:60px; right:0; }
.parallax-right .parallax-text { float:left; }
.parallax-text .page-title span { padding-left:0; font-size:30px; line-height:40px; }
.parallax-text .page-title span::before { display:none; }
.certificates { float:left; width:100%; text-align:center; position:relative; z-index:100; overflow:hidden; }
.certificates ul { width:100%; overflow:hidden; display:flex; flex-flow:row wrap; }
.certificates li { width:33.33334%; padding:0 15px; margin-bottom:30px; position:relative; }
.certificates li a { float:left; width:100%; height:100%; padding:29px; border:1px solid #DDD; border-radius:5px; transition:all 0.3s; }
.certificates li a:hover { border-color:#666; }
.certificates li a section { float:left; width:100%; height:220px; display:table; }
.certificates li a section strong { display:table-cell; vertical-align:middle; width:100%; }
.certificates li a section strong img { max-width:100%; max-height:200px; }
.certificates li a article { float:left; width:100%; margin:1px 0 -5px 0; font-weight:600; }
/* Start EDUCATION DETAIL */
.education-hero { float:left; width:100%; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; color:#FFF; z-index:1000; overflow:hidden; }
.education-hero::before { content:""; position:absolute; top:0; left:0; right:0; bottom:50%; background-image:linear-gradient(180deg,#313F72,rgba(39, 46, 102, 0)); z-index:1; }
.education-hero > img { float:left; width:100%; position:relative; z-index:5; }
.education-hero .slider-hero-title { background:none; }
.education-hero .background { position:absolute; top:0; left:35%; right:0; bottom:10%; background-size:cover; background-position:center; background-color:#6C3BDB; }
.education-hero .slider-hero-title section { width:65%; }
.education-tab-out { float:left; width:100%; height:60px; position:relative; z-index:1100; background: #dfdfdf;}
.education-tab-wrap { float:left; width:100% !important; position:relative; z-index:90; overflow:hidden; transition:all 0.3s; }
.education-tab-wrap .wrap { transition:all 0.5s; }
.is-sticky .wrap { width:100%; }
.education-tab { float:left; width:100%; height:60px; background-color:#dfdfdf; border-radius:8px; overflow:hidden; text-align:center; }
.is-sticky .education-tab { border-radius:0; }
.education-tab ul { float:none; display:inline-block; }
.education-tab li::after { content:""; float:left; width:2px; height:20px; margin-top:20px; background-color:#FFF; opacity:0.2; }
.education-tab li:last-child::after { display:none; }
.education-tab li a { float:left; padding:0 25px; font-weight:600; color:#313f71; font-size:15px; line-height:60px; transition:all 0.25s; }
.education-tab li a:hover { box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.5); }
.education-tab li a img { float:left; height:60px; padding:22px 0; margin-right:10px; }
.akademi-section { float:left; width:100%; position:relative; background-image:linear-gradient(0deg,#EFF1F4,#FFF,#FFF,#FFF); }
.education-video { float:left; width:100%; max-width:890px; height:500px; }
.akademi-features { float:left; width:100%; position:relative; }
.akademi-features ul { width:100%; display:flex; flex-flow:row wrap; }
.akademi-features li { padding:0 20px 40px 20px; flex:1; flex-basis:25%; }
.akademi-features li section { float:left; width:100%; height:100%; padding:30px; background-color:#FFF; box-shadow:0 10px 20px rgba(0, 0, 0, 0.08); border-radius:5px; transition:all 0.25s; line-height:25px; }
.akademi-features li:hover section { box-shadow:0 10px 30px rgba(0, 0, 0, 0.15); }
.akademi-features li section picture { float:left; width:64px; height:64px; padding:16px 0; text-align:center; border-radius:50%; background-color:#F4F5FA; }
.akademi-features li section picture img { display:inline-block; height:32px; }
.akademi-features li section strong { float:left; width:100%; position:relative; margin-top:26px; font-size:24px; font-weight:600; color:#313F72; }
.akademi-features li section article { float:left; width:100%; margin:18px 0 -3px 0; position:relative; }
/*.akademi-list-education { float: left; width: 100%; position: relative; }+++++
.akademi-list-education ul { width: 100%; display: flex; flex-flow: row wrap; }+++++
.akademi-list-education li { padding: 0 20px 40px 20px; flex: 1; flex-basis: 25%; }+++++
.akademi-list-education li section { float:left; width:100%; height:100%; background-color:#FFF; box-shadow:0 10px 20px rgba(0, 0, 0, 0.08); border-radius:5px; transition:all 0.25s; line-height:25px; }
.akademi-list-education li section picture { float:left; width:100%; height:100%; padding:16px 0; text-align:center; }
.akademi-list-education li section picture img { display: inline-block; height: 350px; }
.akademi-list-education li section strong { float:left; width:100%; position:relative; margin-top:26px; font-size:24px; font-weight:600; color:#313F72; }
.akademi-list-education li section article { float:left; width:100%; margin:18px 0 -3px 0; position:relative; }*/
/*.akademi-list-education { float: left; width: 100%; position: relative; }
.akademi-list-education ul { width: 100%; display: flex; }
.akademi-list-education li { padding: 0 20px 40px 20px; flex: 1; flex-basis: 25%; }
.akademi-list-education li section { float: left; width: 100%; height: 100%; }
.akademi-list-education li section picture { float: left; }
.akademi-list-education li section picture img { }
.akademi-list-education li section strong { }
.akademi-list-education li section article { }*/
.akademi-list-education { float:left; width:100%; position:relative; }
.akademi-list-education ul { width: 100%; display: flex; flex-flow: row wrap; }
.akademi-list-education li { float:left; /*padding: 0 20px 40px 20px;*/ padding: 30px; width:50%; position:relative; }
.akademi-list-education li section { float:left; width:100%; padding:30px; position:relative; background-color:#FFF; box-shadow:0 0 20px rgba(0, 0, 0, 0.25); /*box-shadow:0 10px 20px rgba(0, 0, 0, 0.08);*/ border-radius:5px; transition:all 0.25s; }
.akademi-list-education li section picture { float:left; width:100%; height:100%; position:relative; }
.akademi-list-education li section picture img { /*display: inline-block; height: 350px;*/ width: 100%; position: relative; background-size:cover; background-position:center; transition:all 0.3s; }
.akademi-list-education li section strong { float:left; width:100%; position:relative; margin-top:26px; font-size:20px; font-weight:600; color:#313F72; }
.akademi-list-education li section article { float:left; width:100%; margin:18px 0 -3px 0; font-size: 16px; position:relative; }
@media only screen and (max-width:540px) {
.akademi-list-education li { width:100%;}
}
@media only screen and (max-width:640px) {
.akademi-list-education li { width:100%;}
}
@media only screen and (max-width:767px) {
.akademi-list-education li { width:100%;}
}
.apply-bg { background:url(../images/bg-apply.jpg) no-repeat right bottom; }
.education-form-wrap { width:calc(100% - 100px); }
.education-form { float:left; width:100%; max-width:540px; }
.block-two { width:47%; }
.simple-list { float:left; width:100%; margin-bottom:20px; font-weight:600; font-size:16px; line-height:25px; }
.simple-list ul { width:100%; display:flex; flex-flow:row wrap; }
.simple-list li { width:50%; padding:0 10px 10px 35px; position:relative; display:inline-block; vertical-align:top; background:url(../images/icon-ok.png) no-repeat 0 6px / 16px auto; }
.gallery { float:left; width:100%; margin-bottom:20px; position:relative; overflow:hidden; }
.gallery ul { width:100%; margin:-2px 0; }
.gallery li { width:25%; padding:2px; position:relative; }
.gallery li a { float:left; width:100%; position:relative; overflow:hidden; color:#FFF; }
.gallery li a::after {
content:"";
position:absolute;
top:1px;
bottom:1px;
left:1px;
right:1px;
background:url(../images/icon-zoom.png) no-repeat center / 32px;
transition:all 0.3s;
z-index:10;
}
.gallery li a:hover::after { background-color:rgba(0, 0, 0, 0.0); }
.gallery li a section { float:left; width:100%; position:relative; border-radius:5px; overflow:hidden; }
.gallery li a span { float:left; width:100%; background-size:cover; background-position:center top; transform-origin:center bottom; transition:all 1s; }
.gallery li a img { float:left; width:100%; }
.gallery li a:hover span { transform:scale(1.07, 1.07); }
.gallery li a strong { position:absolute; left:0; right:0; bottom:0; padding:20px 20px 21px 30px; font-size:16px; font-weight:600; z-index:100; }
.gallery li a strong::after { content:""; position:absolute; left:30px; bottom:0; width:50px; height:3px; background-color:#FFF; transition:all 0.3s; }
.gallery li a:hover strong::after { width:100px; }
.gallery li a::after { opacity:1; }
.video-list { float:left; width:100%; margin-bottom:-20px; position:relative; overflow:hidden; }
.video-list ul { width:100%; display:flex; flex-flow:row wrap; }
.video-list li { width:50%; padding:0 20px 40px 20px; }
.video-list li a { float:left; width:100%; }
.video-list li a section { float:left; width:100%; position:relative; border-radius:5px; overflow:hidden; transition:all 0.2s; }
.video-list li a section::after { content:""; position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px; background:rgba(190, 0, 0, 0.5) url(../images/icon-play.png) no-repeat center / auto 20px; border-radius:5px; transition:all 1s; }
.video-list li a:hover section::after { background-color:#F68837; }
.video-list li a section i { float:left; width:100%; transform-origin:center; transition:all 1s; overflow:hidden; }
.video-list li a:hover section i { transform:scale(1.06, 1.06); }
.video-list li a section i img { float:left; width:100%; }
.video-list li a strong { float:left; width:100%; padding-left:20px; margin:20px 0 5px 0; font-size:16px; box-shadow:inset 2px 0 0 #DDD; transition:all 1s; }
.video-list li a:hover strong { box-shadow:inset 2px 0 0 #F68837; }
.blog { float:left; width:100%; margin-bottom:-20px; }
.blog ul { width:100%; display:flex; flex-flow:row wrap; }
.blog li { width:25%; padding:0 15px 30px 15px; }
.blog-list li { width:50%; }
.blog li a { float:left; width:100%; height:100%; position:relative; background-color:#FFF; box-shadow:0 2px 0 #8A99CE , 0 4px 20px rgba(0, 0, 0, 0.08); border-radius:4px; overflow:hidden; }
.blog li a picture { float:left; width:100%; padding-left:30px; margin-top:30px; box-shadow:inset 2px 0 0 #8A99CE; overflow:hidden; transition:all 0.15s; }
.blog li a:hover picture { box-shadow:inset 2px 0 0 #F68837; }
.blog li a picture i { float:left; width:100%; overflow:hidden; background-size:cover; background-position:center; transform-origin:left center; transition:all 1s; }
.blog li a:hover picture i { transform:scale(1.1, 1.1); }
.blog li a picture i img { float:left; width:100%; max-height:200px; }
.blog li section { float:left; width:100%; padding:30px; position:relative; }
.blog li section > span { float:left; width:100%; margin:-15px 0 6px 0; font-size:14px; color:#999; }
.blog li section > strong { float:left; width:100%; margin-bottom:9px; font-size:18px; font-weight:600; line-height:25px; position:relative; }
.blog li section > em { float:left; max-height:60px; color:#999; overflow:hidden; }
.blog-photo { float:left; width:35%; position:relative; }
.blog-photo > img { float:left; width:100%; border-radius:5px; }
.blog-photo .date { margin:20px 0 10px 0; }
.page-share { width:100%; margin-top:0; }
.blog-detail { float:left; width:65%; padding-left:40px; }
.blog-text { padding-left:0 !important; padding-right:0 !important; text-align:left; }
.blog-text::before { display:none; }
.date { float:left; width:100%; padding-left:40px; margin:5px 0 15px 0; font-weight:600; color:#999; position:relative; }
.date::before { content:""; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#CCC; }
.education-list { float:left; width:100%; }
.education-list ul { width:100%; }
.education-list li { width:33.33334%; padding-bottom:30px; position:relative; }
.education-list li:hover { z-index:10; }
.education-list li a { float:left; width:100%; position:relative; background-color:#FFF; box-shadow:0 2px 0 #FFB131 , 0 0 40px rgba(0, 0, 0, 0.1); transition:all 0.3s; overflow:hidden; }
.education-list li a section { float:left; width:100%; padding:30px; position:relative; background-color:#FFF; }
.education-list li a section span { float:left; width:100%; padding:6px 0 11px 20px; position:relative; font-weight:500; }
.education-list li:hover a section span { color:#13182C; }
.education-list li a section span::before { content:""; position:absolute; left:0; top:0; width:30px; height:30px; background-color:#314073; opacity:0.15; border-radius:50%; transition:all 0.2s; }
.education-list li:hover a section span::before { top:-10px; width:40px; height:40px; background-color:#F68837; opacity:1; border-radius:8px; }
.education-list li a section span i { position:relative; }
.education-list li a section strong { float:left; width:100%; height:60px; margin-bottom:-7px; position:relative; overflow:hidden; font-size:24px; font-weight:600; line-height:30px; }
.education-list li a picture { float:left; width:100%; height:240px; position:relative; background-size:cover; background-position:center; transform-origin:top center; transition:all 1s; }
.education-list li a:hover picture { transform:scale(1.1, 1.1); }
.search-results { float:left; width:100%; padding-left:100px; margin-top:-10px; }
.search-results ul { width:100%; border-top:1px solid #EEE; }
.search-results li { width:100%; border-bottom:1px solid #EEE; }
.search-results li a { float:left; width:100%; padding:15px 0; }
.search-results li a section { float:left; width:100%; font-size:20px; font-weight:500; line-height:25px; }
.search-results li a section strong { text-decoration:underline; }
.search-results li a i { float:left; padding:5px 20px; margin-top:10px; color:#FFF; background-color:#F68837; font-weight:600; border-radius:15px; }
.search-results li a span { float:left; width:100%; margin-top:10px; color:#666; font-size:16px; line-height:25px; }
/* Start LOGIN */
.page-login-wrap { float:left; width:100%; margin-top:-25px; position:relative; }
.page-login-wrap:before { content:""; position:absolute; top:30px; bottom:0; left:50%; width:2px; margin-left:-1px; background-color:#EEE; }
.page-login { width:45%; max-width:560px; position:relative; z-index:10; }
.sign-form { float:left; width:100%; }
.sign-form > section { float:left; width:100%; padding-bottom:20px; }
.sign-form > section .button { border-radius:23px; }
.sign-form > section article { float:left; width:100%; margin-bottom:9px; font-size:14px; font-weight:600; color:#FF7F4C; }
.sign-form > section article::before { content:""; float:left; width:12px; height:2px; margin-top:8px; margin-right:15px; background-color:#FF7F4C; }
.sign-form > section label a { font-weight:600; text-decoration:underline; }
.sign-form > section i { float:left; margin-right:20px; }
.sign-form > section i:last-child { margin-right:0; }
.sign-form > section > a { float:left; margin-left:20px; font-weight:600; line-height:45px; }
/* Start CONTACT */
.accordion { float:left; width:100%; margin-bottom:20px; }
.accordion-section-title { float:left; width:100%; padding:25px 30px; margin-bottom:20px; background-color:#F5F5F5; position:relative; font-size:20px; font-weight:600; color:#2C3845; border-radius:5px; }
.accordion-section-title:hover { color:#555; }
.accordion-section-title strong { float:left; }
.accordion-section-title span { float:left; padding-left:20px; margin-left:20px; border-left:2px solid rgba(0, 0, 0, 0.1); font-weight:500; color:#999; font-size:16px; }
.accordion-section-title::before , .accordion-section-title::after {
content:"";
position:absolute;
top:50%;
right:20px;
width:12px;
height:2px;
margin-top:-1px;
background-color:#CCC;
transition:all 0.25s;
}
.accordion-section-title::after { opacity:0; }
.accordion-section-title.active { color:#F68737; }
.accordion-section-title.active::before { background-color:#F68737; }
.accordion-section-title.active::after {
background-color:#F68737;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:1;
}
.accordion-section-content { float:left; width:100%; padding:0 30px; margin-bottom:40px; font-size:16px; font-weight:500; line-height:25px; display:none; position:relative; }
.contact-out { float:left; width:100%; padding:40px; border-radius:6px; position:relative; box-shadow: 0px 0px 20px #00000014; }
.contact-out::before { content:""; position:absolute; top:30px; bottom:30px; left:50%; width:1px; background-color:#000; opacity:0.07; }
.contact-info , .working-hours { float:left; width:47%; /*padding-left:50px; background:url(../images/icon-pin.png)*/ no-repeat 0 0 / auto 30px; font-size:16px; }
.working-hours { float:right; background-image:url(../images/icon-clock.png); }
.contact-info section , .working-hours section { display:block; padding:5px 0 10px 0; position:relative; }
.contact-info section:last-child , .working-hours section:last-child { padding-bottom:0; }
.contact-info section img , .working-hours section img { position:absolute; top:0; left:0; width:30px; opacity:1.4; }
.contact-form { float:left; width:100%; }
.form-item { float:left; width:50%; padding:0 15px 30px 15px; position:relative; }
.form-item:last-child { padding-bottom:30px; }
.form-item label { float:left; width:100%; }
.form-item section { float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:-10px; }
.security-code img { float:left; width:120px; height:45px; margin-right:10px; padding:2px; border:1px solid #CCC; background-color:#FFF; border-radius:7px; }
.security-code a.refresh { float:left; width:45px; height:45px; text-indent:-9999px; background:#FFF url(../images/refresh.png) no-repeat center center / 24px; border:1px solid #CCC; border-radius:7px; }
.security-code a:hover.refresh { background-color:#EEE; }
.contact-map { float:left; width:100%; height:400px; border-radius:6px; overflow:hidden; }
.contact-map-2 { float:left; width:100%; height:400px; border-radius:6px; overflow:hidden; }
/* Start PAGINATION */
.pages { float:left; width:100%; margin-top:40px; font-weight:600; font-size:13px; line-height:43px; text-align:center; }
.pages ul { width:100%; }
.pages li { float:none; display:inline-block; padding:0 5px; }
.pages li a { float:left; min-width:45px; height:45px; padding:0 10px; color:#999; border:1px solid #E4E4E4; transition:all 0.3s; border-radius:23px; }
.pages li a:hover { border-color:#999; }
.pages li a.current { color:#F68837; border-color:#F68837; }
.cookies { position:fixed; right:30px; bottom:30px; width:400px; padding:30px; font-size:12px; background-color:rgba(0,0,0,0.9); color:#FFF; z-index:6500; border-radius:3px; box-shadow:0 0 30px rgba(255, 0, 0, 0.3); display:none; }
.cookies section { float:left; width:100%; }
.cookies article { float:left; width:100%; }
.cookies a { color:#FFF; font-weight:500; }
.cookies a:hover { text-decoration:underline; }
.cookies-ok { float:left; padding:0 25px; margin-top:14px; background-color:#DC0D16; font-weight:600; line-height:30px; border-radius:15px; cursor:pointer; }
.cookies-ok:hover { color:#DC0D16; background-color:#FFF; }
.cookies-close { position:absolute; top:-12px; right:20px; width:24px; height:24px; }
.cookies-close span { float:left; width:100%; height:100%; position:relative; text-indent:-9999px; background:#DC0D16 url(../images/icon-close.png) no-repeat center / 18px; cursor:pointer; border-radius:50%; }
.cookies-close span:hover { background-color:#000; background-size:14px; }
.to-top { position:fixed; right:20px; bottom:-48px; z-index:6600; transition:all 0.3s; }
.go-top .to-top { bottom:120px; }
.to-top a { float:left; width:48px; height:48px; text-indent:-9999px; background-color:#8A99CE; border:2px solid #FFF; border-radius:50%; transition:all 0.4s; }
.to-top a:hover { background-color:#313F72; }
.to-top a::before { content:""; float:left; width:100%; height:100%; text-indent:-9999px; background:url(../images/arrow-white-up.png) no-repeat center / 16px auto; opacity:0.7; }
.to-top a:hover::before { background-size:18px auto; opacity:1; }
.fixed-register { position:fixed; right:10px; bottom:-15px; width:130px; height:108px; background:url(../images/quick-register.png) no-repeat 0 0 / 100% 100%; z-index:6700; transition:all 0.2s; cursor:pointer; }
.fixed-register:hover { bottom:0; }
.lightbox-close { position:absolute; top:-20px; right:20px; width:40px; height:40px; background:#000 url(../images/icon-close.png) no-repeat center / 24px; cursor:pointer; z-index:300; border-radius:50%; }
.lightbox-close:hover { background-color:#F68837; }
.quick-register-active .quick-register { transform:scale(1); opacity:1; visibility:visible; }
.quick-register { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-register .wrap { height:100%; padding:0; }
body.quick-register-active { overflow:hidden; }
body.quick-register-active .quick-register { display:block; }
.quick-register-form { width:100%; max-width:660px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-register-form .form-item { padding:0 10px 20px 10px; }
.quick-register-form .form-item:last-child { padding-bottom:0; }
.quick-register-form .button { border-radius:25px; }
.quick-application-active .quick-application { transform:scale(1); opacity:1; visibility:visible; }
.quick-application { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-application .wrap { height:100%; padding:0; }
body.quick-application-active { overflow:hidden; }
body.quick-application-active .quick-application { display:block; }
.quick-application-form { width:100%; max-width:660px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-application-form .form-item { padding:0 10px 20px 10px; }
.quick-application-form .form-item:last-child { padding-bottom:0; }
.quick-application-form .button { border-radius:25px; }
.select2-selection__rendered {
line-height: 43px !important;
}
.select2-selection {
height: 45px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 70%!important;
}
.quick-info-active .quick-info { transform:scale(1); opacity:1; visibility:visible; }
.quick-info { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-info .wrap { height:100%; padding:0; }
body.quick-info-active { overflow:hidden; }
body.quick-info-active .quick-info { display:block; }
.quick-info-form { width:100%; max-width:660px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-info-form .form-item { padding:0 10px 20px 10px; }
.quick-info-form .form-item:last-child { padding-bottom:0; }
.quick-info-form .button { border-radius:25px; }
.quick-photo-active .quick-photo { transform:scale(1); opacity:1; visibility:visible; }
.quick-photo { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-photo .wrap { height:100%; padding:0; }
body.quick-photo-active { overflow:hidden; }
body.quick-photo-active .quick-photo { display:block; }
.quick-photo-form { width:100%; max-width:1150px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-photo-form .form-item { padding:0 10px 20px 10px; }
.quick-photo-form .form-item:last-child { padding-bottom:0; }
.quick-photo-form .button { border-radius:25px; }
.quick-photo-2-active .quick-photo-2 { transform:scale(1); opacity:1; visibility:visible; }
.quick-photo-2 { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-photo-2 .wrap { height:100%; padding:0; }
body.quick-photo-2-active { overflow:hidden; }
body.quick-photo-2-active .quick-photo-2 { display:block; }
.quick-photo-2-form { width:100%; max-width:1150px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-photo-2-form .form-item { padding:0 10px 20px 10px; }
.quick-photo-2-form .form-item:last-child { padding-bottom:0; }
.quick-photo-2-form .button { border-radius:25px; }
.quick-photo-3-active .quick-photo-3 { transform:scale(1); opacity:1; visibility:visible; }
.quick-photo-3 { position:fixed; top:0; bottom:0; left:0; right:0; padding:20px; z-index:9999; background-color:rgba(49, 63, 114, 0.85); text-align:center; transition:all 0.3s ease; transform:scale(.5); opacity:0; visibility:hidden; overflow-y:auto; }
.quick-photo-3 .wrap { height:100%; padding:0; }
body.quick-photo-3-active { overflow:hidden; }
body.quick-photo-3-active .quick-photo-3 { display:block; }
.quick-photo-3-form { width:100%; max-width:1150px; margin:0 auto; position:relative; display:inline-block; border-radius:5px; box-shadow:0 0 80px rgba(0, 0, 0, 0.4); }
.quick-photo-3-form .form-item { padding:0 10px 20px 10px; }
.quick-photo-3-form .form-item:last-child { padding-bottom:0; }
.quick-photo-3-form .button { border-radius:25px; }
.whitebox { float:left; width:100%; position:relative; background-color:#FFF; border-radius:5px; text-align:left; }
.box-title { float:left; width:100%; padding:15px 25px; position:relative; font-weight:700; font-size:17px; color:#314073; box-shadow:inset 0 -1px 0 #F1F1F4; }
.box-title::after { content:""; position:absolute; left:25px; bottom:0; width:30px; height:2px; background-color:#314073; }
.box-title em { min-width:30px; height:30px; padding:0 8px; margin:-5px 0 -5px 5px; display:inline-block; background-color:#BC9DFF; color:#FFF; line-height:30px; text-align:center; border-radius:15px; }
.box-content { float:left; width:100%; padding:25px; }
.box-text { margin:-10px 0; font-size:16px; font-weight:500; line-height:25px; }
.box-text-photo { float:left; width:100%; margin:10px 0; }
.box-text-photo img { float:left; width:100%; border-radius:5px; }
.spacer { float:left; width:100%; height:1px; background-color:rgba(0, 0, 0, 0.05); }
.show-form .fixed-form-wrap { bottom:0; }
.fixed-form-wrap { position:fixed; left:0; right:0; bottom:-120px; z-index:6600; transition:all 0.5s; overflow:hidden; }
.fixed-form { float:left; width:100%; padding:30px 30px 30px 0; position:relative; background-color:rgba(19, 24, 44, 0.95); color:#FFF; border-radius:0 8px 0 0; }
.fixed-form::before { content:""; position:absolute; top:0; bottom:0; left:-1200px; width:1200px; background-color:rgba(19, 24, 44, 0.95); }
.fixed-form strong { float:left; padding-left:50px; position:relative; font-size:20px; color:#FFB131; line-height:40px; background:url(../images/icon-mouse.png) no-repeat 0 center / 30px; }
.fixed-form strong::after { content:""; position:absolute; left:0; right:0; bottom:-30px; height:2px; background-color:#FFB131; }
.fixed-form section { float:right; width:calc(100% - 220px); padding-right:120px; position:relative; }
.fixed-form section article { float:left; width:23%; padding-right:10px; }
.fixed-form section article:first-child { width:31%; }
.fixed-form section article .input { height:40px; line-height:40px; border:0; border-radius:20px; }
.fixed-form section .button { position:absolute; top:0; right:0; width:120px; height:40px; padding:0; background-color:#FFB131; line-height:40px; border-radius:20px; }
@media only screen and (max-width:1440px) {
.wrap { width:1200px; }
.top-150 { padding-top:100px; }
.top-100 { padding-top:75px; }
.top-50 { padding-top:35px; }
.bottom-150 { padding-bottom:100px; }
.bottom-100 { padding-bottom:75px; }
.bottom-50 { padding-bottom:35px; }
.left-60 { padding-left:30px; }
.right-60 { padding-right:30px; }
#nav li { margin-right:30px; }
.slider-hero-title section strong { font-size:46px; line-height:50px; }
.slider-hero-title section article { margin-top:26px; }
.slider-hero ul.slick-dots { padding-bottom:60px; }
.slider-logos-wrap { margin-top:-40px; }
.slider-logos { padding-top:10px; padding-bottom:10px; }
.slider-logos div a img { max-height:60px; }
.welcome-text { padding-top:0; }
.welcome-stats li { padding-right:30px; margin-right:30px; }
.welcome-picture { padding-left:140px; }
.apply-bg { background-size:95% auto; }
.akademi-team li { width:33.33334%; }
}
@media only screen and (max-width:1320px) {
.wrap { width:980px; }
.header { float:left; width:100%; position:relative; background-color:#13182C; }
#logo img { padding:3px 0; }
.search-icon { background-image:linear-gradient(180deg,rgba(0, 0, 0, 0.4),rgba(19, 24, 44, 0)); }
#nav li:nth-child(3) { display:none; }
#nav li > a { font-size:14px; }
#nav li > a i { padding:0 19px; }
.slider-hero-title { padding-left:60px; padding-bottom:40px; }
.slider-hero-title section strong { font-size:40px; line-height:40px; }
.slider-hero-title section span { margin-bottom:15px; font-size:14px; }
.slider-hero-title section span::before { width:30px; height:2px; margin:8px 0 0 10px; }
.welcome-picture { padding-left:110px; }
.welcome-stats li { padding-right:20px; margin-right:20px; }
.welcome-stats li section span { font-size:14px; }
.teachers li { width:25%; }
.footer-buttons li a { padding:25px 20px 25px 80px; font-size:28px; line-height:30px; }
.footer-buttons li a::after { left:39px; }
.footer-buttons li a span { top:10px; bottom:10px; left:0; }
.footer-buttons li a span img { height:40px; margin-top:10px; }
.footer-block { width:50%; }
.footer-block-wide { width:100%; }
.footer-contact span { padding-top:5px; }
.sub-hero { height:90px; }
.blog li { width:33.33334%; }
.education-list li a picture { height:200px; }
.education-list li a section { padding:20px; }
.education-list li a section strong { height:50px; font-size:20px; line-height:25px; }
.contact-out { padding:30px !important; }
}
@media only screen and (max-width:1200px) {
.fixed-form-wrap { display:none; }
}
@media only screen and (max-width:1100px) {
.slider-educations .slick-prev { left:-20px; background-color:rgba(0, 0, 0, 0.5); }
.slider-educations .slick-next { right:-20px; background-color:rgba(0, 0, 0, 0.5); }
}
@media only screen and (max-width:1023px) {
.wrap { float:left; width:100%; padding:0 20px; }
.header { height:60px; }
#logo { margin-top:8px; }
.search-icon { height:60px; margin-right:-20px; }
.hero-search-wrap { float:left; position:relative; right:auto; top:auto; width:100%; }
.nav-icon { float:right; width:60px; height:60px; position:relative; cursor:pointer; display:block; text-indent:-9999px; }
.nav-icon span { position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background-color:#FFF; transition:all 0.5s; }
.nav-icon span::before { content:""; position:absolute; top:-7px; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.5s; }
.nav-icon span::after { content:""; position:absolute; bottom:-7px; left:0; right:0; height:2px; background-color:#FFF; transition:all 0.5s; }
.nav-icon-close span { background-color:transparent; }
.nav-icon-close span::before {
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg);
top:0;
background-color:#FFB131;
}
.nav-icon-close span::after {
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
bottom:0;
background-color:#FFB131;
}
.nav-icon-close::before {
content:"";
border-bottom:4px solid transparent;
border-left:10px solid transparent;
border-right:10px solid transparent;
height:0;
position: absolute;
width:0;
left:50%;
bottom:0;
margin-left:-10px;
border-bottom-color:#313F72;
}
#nav { position:absolute; top:60px; left:0; right:0; padding:30px; background-color:#313F72; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); display:none; }
#nav ul { width:100%; }
#nav li { width:100%; margin-right:0 !important; border-bottom:1px solid rgba(255, 255, 255, 0.07); }
#nav li:nth-child(3) { display:block; }
#nav li:nth-child(-n + 3) { width:50%; border-bottom:0; }
#nav li.nav-multi::after { content:""; position:absolute; top:0; right:0; width:40px; height:60px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.7; }
#nav li:last-child::before { display:none; }
#nav li > a { width:100%; padding:0 20px; font-size:16px; line-height:60px; position:relative; color:#FFF; z-index:10; }
#nav li:nth-child(-n + 3) > a { padding:0 10px; }
#nav li > a i { width:100%; margin-top:0; text-align:center; }
#nav > ul li span { float:left; width:100% !important; position:relative; top:auto; left:auto !important; right:auto; margin:0 0 -1px 0 !important; box-shadow:none; }
#nav li span::before { left:38px; }
#nav li span a { font-size:14px; }
.top-150 { padding-top:75px; }
.top-100 { padding-top:50px; }
.top-50 { padding-top:25px; }
.bottom-150 { padding-bottom:75px; }
.bottom-100 { padding-bottom:50px; }
.bottom-50 { padding-bottom:25px; }
.left-60 { padding-left:20px; }
.right-60 { padding-right:20px; }
.slider-hero-item::before { display:none; }
.slider-hero-title { padding-left:20px; background:url(../images/hero-mobile.png) no-repeat 0 0 / auto 100%; }
.slider-hero-title section { width:75% !important; }
.slick-prev:hover , .slick-next:hover { opacity:1; }
.altinkariyer { padding-top:10px; }
.welcome-text { width:100%; }
.welcome-picture { width:100%; padding-left:80px; padding-right:80px; margin-top:40px; }
.welcome-picture-single { margin-top:10px; }
.welcome-picture picture { float:none; max-width:400px; display:inline-block; }
.footer-buttons li { flex-basis:100%; }
.footer-decision section , .footer-decision a , .footer-decision article { width:100%; text-align:center; }
.footer-decision a , .footer-decision article { margin-top:20px; }
.page-title { padding:32px 0 18px 0; font-size:30px; line-height:35px; }
.page-title-thin { font-size:24px; }
.page-about { padding-left:0; margin-top:4px; margin-bottom:21px; }
.page-about-center { padding:0; }
.page-about::before { top:-10px; width:40px; height:4px; }
.page-about-center::before { margin-left:-20px; }
.education-form-wrap { width:100%; }
.teachers li { width:33.33334%; margin-bottom:15px; }
.teachers li:nth-child(even) { margin-top:15px; }
.teachers li a { padding-bottom:50px; box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); }
.teachers li a picture { bottom:50px; }
.teachers li a section { bottom:0; }
.tab-wrap .wrap { padding:0; }
.tab-wrap::after { content:""; position:absolute; top:0; bottom:0; right:0; width:40px; background-image:linear-gradient(90deg,rgba(255, 255, 255, 0.0),#FFF,#FFF); z-index:100; }
.tab { width:100%; height:50px; position:relative; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; }
.tab ul { float:none; height:50px; display:block; }
.tab li { float:none; display:inline-block; }
.tab li:last-child { padding-right:40px; }
.tab li a { height:50px; padding:0 20px; font-size:12px; line-height:50px; }
.education-hero .slider-hero-title { padding-bottom:0; }
.education-tab-out { margin-top:0; }
.education-tab-wrap .wrap { padding:0; }
.education-tab-wrap::after { content:""; position:absolute; top:0; bottom:0; right:0; width:40px; background-image:linear-gradient(90deg,rgba(249, 157, 27, 0.0),#F99D1B); z-index:100; }
.education-tab { position:relative; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; border-radius:0; text-align:left; }
.education-tab ul { height:60px; display:block; }
.education-tab li { float:none; display:inline-block; }
.education-tab li:last-child { padding-right:40px; }
.education-tab li a { padding:0 20px; font-size:14px; }
.education-tab li:first-child a { background-color:transparent; }
.breadcrumb { display:none; }
.akademi-features .inner-20 { margin:0 -10px; }
.akademi-features li { flex-basis:50%; padding:0 10px 20px 10px; }
.akademi-features li section { padding:20px; }
.akademi-features li section article { margin-top:8px; }
.simple-list li { width:100%; padding:0 0 10px 30px; }
.sub-hero { height:170px; }
.fixed-register { bottom:0; width:95px; height:84px; }
.blog li , .education-list li { width:50%; }
.block-two { width:100%; }
.search-results { padding-left:0; }
}
@media only screen and (max-width:767px) {
.slider-hero-title .wrap { position:static; }
.slider-hero-title section article { margin-top:0; }
.slider-hero-title section article a:first-child { display:none; }
.slider-hero-title section article a { position:absolute; top:0; bottom:0; left:0; right:0; height:auto; opacity:0; border-radius:0; }
.testimonial-item section::before { left:20px; height:35px; }
.testimonial-item section , .slider-edu-item a section { padding:20px; }
.akademi-stats li strong { font-size:40px; line-height:40px; }
.footer-block-wide .footer-links li { width:100%; }
.footer-block-wide .footer-links li a { padding-right:0; }
.copyright { font-size:12px; }
.teachers li a { padding-bottom:40px; }
.teachers li a picture { bottom:40px; }
.teachers li a section { bottom:0; padding:0 20px; line-height:40px; }
.teachers li a section::after { height:40px; background-size:16px; }
.teachers li a picture strong { padding:16px 20px; }
.education-video { height:300px; }
.education-hero > img { display:none; }
.education-hero .slider-hero-title { float:left; width:100%; padding:6% 0; position:relative; top:auto; bottom:auto; left:auto; right:auto; background:url(../images/hero-mobile.png) no-repeat 0 bottom / cover; }
.education-hero .background { left:0; bottom:0; }
.accordion-section-title { padding:15px 35px 15px 20px; margin-bottom:10px; font-size:16px; }
.accordion-section-title::before , .accordion-section-title::after { right:15px; }
.accordion-section-content { padding:0 20px; margin-bottom:30px; }
.blog li a picture { padding-left:25px; margin-top:25px; }
.blog li section { padding:35px 25px 20px 25px; }
.blog-photo { width:100%; }
.blog-detail { width:100%; padding-left:0; }
.date { margin-bottom:5px; }
.page-share li a img { height:40px; }
.contact-out { padding:20px !important; }
.contact-out::before { display:none; }
.contact-info , .working-hours { width:100%; }
.contact-info { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.akademi-team li { width:50%; }
}
@media only screen and (max-width:640px) {
.slider-hero-title section { width:100% !important; padding-right:40px; }
.slider-hero-title section span { margin-bottom:5px; }
.slider-hero-title section strong { font-size:30px; line-height:34px; }
.slider-hero ul.slick-dots { padding-bottom:45px; }
.slider-logos-wrap { padding:0; margin-top:-30px; }
.slider-logos-item::after { top:10px; bottom:10px; }
.slider-logos div a img { max-height:40px; }
ul.slick-dots { padding:15px 0; }
ul.slick-dots li { height:4px; margin:0 3px; }
ul.slick-dots li button { width:10px; }
ul.slick-dots li.slick-active button { width:20px; }
.testimonial-item { padding:0; }
.testimonial-item section { background-color:#EFF1F4; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.07); }
.footer-block-wrap { padding-top:10px; padding-bottom:14px; }
.footer-block { width:100%; }
.footer-title { padding:9px 0 17px 0; }
.footer-decision section strong { margin-bottom:4px; font-size:26px; line-height:30px; }
.akademi-features li { flex-basis:100%; }
.form-item , .education-list li { width:100%; padding-bottom:20px; }
.education-list li a section strong { height:auto; }
.page-login-wrap { margin-top:0; }
.page-login-wrap:before { display:none; }
.page-login { width:100%; max-width:initial; margin-bottom:20px; }
.contact-map { height:320px; }
.contact-map-2 { height:210px; }
}
@media only screen and (max-width:540px) {
#nav li span em { width:100%; }
.welcome-picture { padding-right:0; }
.welcome-picture-single { padding-left:0; }
.slider-educations ul.slick-dots { border-radius:7px; }
.slider-edu-item { padding-bottom:0; border-radius:8px; overflow:hidden; }
.slider-edu-item a section strong { height:auto; }
.slider-edu-item a section strong { margin-bottom:-2px; font-size:18px; line-height:20px; }
.teachers .inner-15 { margin:0 -10px; }
.teachers li { width:50%; padding:0 10px; margin-bottom:10px; }
.teachers li:nth-child(even) { margin-top:10px; }
.footer-buttons li a { padding:15px 20px 15px 80px; font-size:20px; line-height:30px; }
.footer-buttons li a span img { height:30px; margin-top:5px; }
.copyright { text-align:center; }
.copyright div { width:100%; }
.welcome-stats ul { width:100%; }
.welcome-stats li { width:100%; padding-right:0; margin-right:0; margin-bottom:30px; border-right:0; text-align:center; }
.welcome-stats li:last-child { margin-bottom:0; }
.welcome-stats li section { float:none; display:inline-block; }
.akademi-stats ul { margin-bottom:-30px; }
.akademi-stats li { flex-basis:50%; margin-bottom:30px; }
.blog li { width:100%; padding-bottom:20px; }
.akademi-team li { width:100%; margin-bottom:20px; }
}
@media only screen and (max-width:420px) {
#logo img { padding:6px 0; }
#nav ul { margin-top:-15px; }
#nav li:nth-child(-n + 3) { width:100%; margin-top:15px; }
#nav li:nth-child(-n + 3) > a { padding:0; }
.slider-hero-title section strong { font-size:24px; line-height:28px; }
}
@media only screen and (max-width:374px) {
#logo img { padding:8px 0; }
}
/* iCheck plugin Minimal skin, pink
----------------------------------- */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: -4px 7px 0 0;
padding: 0;
width: 18px;
height: 18px;
background: url(pink.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_minimal-pink {
background-position: 0 0;
}
.icheckbox_minimal-pink.hover {
background-position: -20px 0;
}
.icheckbox_minimal-pink.checked {
background-position: -40px 0;
}
.icheckbox_minimal-pink.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal-pink.checked.disabled {
background-position: -80px 0;
}
.iradio_minimal-pink {
background-position: -100px 0;
}
.iradio_minimal-pink.hover {
background-position: -120px 0;
}
.iradio_minimal-pink.checked {
background-position: -140px 0;
}
.iradio_minimal-pink.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal-pink.checked.disabled {
background-position: -180px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.icheckbox_minimal-pink,
.iradio_minimal-pink {
background-image: url(pink@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}