﻿/*



Custom Styles. Bootstrap Styles are default'



*/



* {}

@font-face {
    font-family: PSG-Bold;
    src: url(fonts/PSG-Bold.otf);
}

@font-face {
    font-family: PSG-Regular;
    src: url(fonts/PSG-Regular.otf);
}


body {

    font-family: Verdana, Helvetica, sans-serif !important;

    color: #1a2b4c;

    font-size: 14px !important;

    line-height: 20px;



}

/*Typography*/



a,
input,
button {

    -webkit-transition: all ease .2s;

    -moz-transition: all ease .2s;

    -o-transition: all ease .2s;

    transition: all ease .2s;

}

3a {

    color: #ed1c24;

}

a:hover {

    color: #ed1c24;

    text-decoration: underline;

}

hr {

    border-color: #e5e5e5;

    margin: 10px 0 10px 0;

}

hr.ozel-cizgi2 {
    background-color: #e91a27;
    width: 50px;
    height: 2px;
    position: relative;
    content: " ";
    display: block;
    margin-top: 15px;
    margin-left: calc(50% - 25px);
}

h1,
h2,
h3,
h4,
h5 {

    font-family: 'PSG-Bold', sans-serif;

}


.navbar-default .nav-justified > li,
.btn {

    font-family: 'PSG-Bold', sans-serif;
}


p.big-paragraph,
p.small-paragraph,
.carousel-caption,
.recent-posts .col-md-9 .text p small {

    font-family: 'PSG-Regular', sans-serif;
}

}

h1,
h2,
h3,
h4,
h5,
.btn {

    font-weight: bold
}

h1 {

    font-size: 48px;

    text-transform: uppercase;

    color: #fff;

}

h2 {

    font-size: 32px;

    line-height: 24px;

    padding: 40px 0;

    color: #1e1e1e;

    text-transform: uppercase;

}

h2 span {

    color: #1e1e1e;

}

span.sep {

    width: 80px;

    display: inline-block;

    border-top: 1px solid #ed1c24;

}

h2 small {

    color: #1a2b4c;

    font-size: 14px;

    text-transform: none;

    font-weight: normal;

}



h2.block__title {

    border-top: 1px solid #dcdcdc;

    border-bottom: 1px solid #dcdcdc;

    line-height: 3px;

    margin-bottom: 60px;

}

h2.block__title span {

    border: none;

    background-color: #eff2f2;

    padding: 0 30px;

    text-transform: uppercase;

    line-height: 3px;

}

.main_content h2,
.main-content h2 {

    padding: 0;

    line-height: 20px;

}

h3 {

    font-size: 27px;

    color: #1e1e1e;

    text-transform: uppercase;

}

h3 a {

    color: #33313a;

}

h3 a:hover {

    text-decoration: none;

    color: #ed1c24;

}

h3 small {

    font-size: 18px;

    color: #1e1e1e;

    font-weight: bold;

}

.typo {

    margin-top: 80px;

}

h4 {

    font-size: 22px;

    line-height: 16px;

    color: #434a4a;

    text-transform: uppercase;

    line-height: 105%;

}

h4 a {

    color: #bcbcbc;

}

h4 a:hover {

    text-decoration: none;

    color: #434a4a;

}



h4.egitim-baslik {
    color: red;
    text-align: center;
    text-transform: none;
}


h5 {

    font-size: 18px;

    text-transform: uppercase;

    color: #33313a;

}

h5.program-med-icon {
    font-size: 16px;
    text-transform: none;
    color:white;
}

h2.with__margin {

    margin-top: 70px;

    margin-bottom: 0px;

}

h2.with__margin2 {

    margin: 50px 0;

}

/* Forms */



.form-control,
.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.form-control:focus {

    border-color: #ed1c24;

}

/*Buttons*/



.btn-primary {

    font-size: 18px;

    text-transform: none;

    color: #fff;

    background-color: #ed1c24;

    border-color: #ed1c24;

    border-bottom: 4px solid #f2f2f2;

}

.btn-primary:hover,
.btn-primary:focus {

    border-color: #dfdfdf;

    background: none;

    color: #434a4a;

}

.btn-info {

    font-size: 14px;

    font-family: Calibri, sans-serif;

    text-transform: none;

    color: #434a4a;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    border-color: #dfdfdf;

    background: none;

}

.btn-info:hover,
.btn-info:focus {

    background-color: #fff;

    border-color: #fff;

    color: #6dc5b5 !important;

}

.btn-default {

    font-size: 18px;

    text-transform: none;

    color: #fff;

    border-color: #fff;

    background: none;

}

.btn-default:hover,
.btn-default:focus {

    background-color: #ed1c24;

    border-color: #ed1c24;

    color: #fff;

}

button.btn-primary:focus,
.btn-default:focus,
.btn-info:focus {

    outline: none;

}

.btn-lg {

    width: 180px;

    height: 57px;

    line-height: 57px;

    padding: 0;

    font-size: 18px;

    text-transform: uppercase;

}

.btn-lg.btn-primary {

    width: 250px;

    margin: 48px 0 0 0;

}

footer .btn.btn-default {

    margin-top: 5px;

    font-size: 12px;

    background-color: #ed1c24;

    border-color: #ed1c24;

}

footer .btn.btn-default:hover {

    color: #fff;

    border-color: #fff;

    background: none;

}


.alt-menu {
    text-align: center;
    margin-bottom: 15px;
    margin-top: -15px;
}

.tblver {

    width: 100%;

    border: 1px #004070 solid;



}



.tblver td {
    text-align: left;

    border-bottom: 1px #004070 solid;



}

.tblver td:first-child {

    background-color: #ED1C24;

    color: white;

    font-weight: bold;

    text-align: right;

    border-bottom: 1px #004070 solid;

    font-size: 15px;

    font-style: italic;





}





.wrapper {}





.tblhor {

    width: 100%;

    border: 1px #004070 solid;



}



.tblhor tr {
    text-align: left;

    border-bottom: 1px #004070 solid;



}

.tblhor tr:first-child {

    background-color: #ED1C24;

    color: white;

    font-weight: bold;

    font-size: 1em;

    font-style: italic;

    text-transform: capitalize
}







#bkimages {

    min-height: 100%;

    min-width: 1024px;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: -9999;



}



#bkimage-left {

    width: auto;

    height: 100%;

    left: 0;

    background: #004070 url('../images/psg_left_banner_2025-1.jpg') no-repeat scroll right top;

    position: fixed;

    background-size: cover;







}

#bkimage-right {

    width: auto;

    height: 100%;

    right: 0;

    background: #004070 url('../images/psg_right_banner_2025-1.jpg') no-repeat scroll left top;

    position: fixed;

    background-size: cover;



}

body.modal-open {
    background: #004070;
}



.vcenter-table {

    display: table;

    height: 100%;

}

.vcenter {

    display: table-cell;

    vertical-align: middle;

    float: none;

}





.no-margin-title {

    margin-top: 0;

    line-height: 18px
}











/*Header*/



header {

    width: 100%;



}

.navbar-header {

    float: none;

    text-align: center;



}

.navbar-toggle {

    margin-right: 0;

    float: none;

}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {

    font-family: 'Cookie', cursive;

    text-transform: none;

    text-align: center;

    display: block;

    margin: 0 auto;

    float: none;

    padding: 0;

    position: relative;



}

.navbar-default .navbar-brand a {

    color: #1a1a1a;

    text-decoration: none;



}

/*Main Navigaion Menu*/



.dropdown:hover .dropdown-menu {

    display: block;

}

.navbar-default {

    background: none;

    border: none;

    padding: 40px 0 0 0;

    margin-bottom: 0px;

    position: relative;

    z-index: 999;

}

.navbar-default .nav-justified {

    border-top: 1px solid #f9f8f9;

    padding: 0px 0px 8px 0px;

    margin-top: 40px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;



}

.navbar-default .nav-justified > li {

    position: relative;

    bottom: 1px;

}

.dropper {

    position: relative;

    text-align: center;

}

.dropper a.dropdown-toggle {

    color: #FFF;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    text-decoration: none;

    padding: 25px 0;

    display: block;

}

.dropper a.dropdown-toggle:hover {

    color: #ed1c24;

}

.navbar-default .nav-justified > li.dropdown:hover,
.navbar-default .nav-justified > li.dropdown.active {

    border-top: 1px solid #ed1c24;

}

.navbar-default .nav-justified li.active .dropper a.dropdown-toggle,
.navbar-default .nav-justified li.open .dropper a.dropdown-toggle {

    color: #ed1c24;

}

.navbar-default .nav-justified > li > a {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    border-top: 1px solid transparent;

    padding: 17px 10px;

    text-transform: uppercase;

}

.navbar-default .nav-justified > li.dropdown > a {

    background: none;

}

.navbar-default .nav-justified > li.active > a,
.navbar-default .nav-justified > li.open > a {

    border-top: 1px solid #ed1c24;

    color: #ed1c24;

    background: none;

}

.navbar-default .nav-justified > li > a.kamp:hover,
.navbar-default .nav-justified > li.active > a.kamp {

    border: 2px dashed #ed1c24;
    color: #ed1c24;
    background: white;
    border-top: 1px solid;

}

.navbar-default .nav-justified > li > a:hover {

    border-top: 1px solid #ed1c24;

    color: #ed1c24;

    background: none;

}

.navbar-default .nav-justified > li:first-child {

    margin-left: 0px;

}

ul.dropdown-menu {

    padding: 0;

    width: 100%;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    -ms-border-radius: 0px;

    border: none;

    background: #1a1a1a;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    -o-box-shadow: none;

    -ms-box-shadow: none;

}

ul.dropdown-menu li {

    border-bottom: 1px solid #3e3f3f;

    background: #1a1a1a;

}

ul.dropdown-menu li:last-child {

    border-bottom: none;

    border-radius: 0px 0px 2px 2px;

    -webkit-border-radius: 0px 0px 2px 2px;

    -moz-border-radius: 0px 0px 2px 2px;

    -ms-border-radius: 0px 0px 2px 2px;

    -o-border-radius: 0px 0px 2px 2px;

}

ul.dropdown-menu li:first-child {

    border-radius: 2px 2px 0px 0px;

    -webkit-border-radius: 2px 2px 0px 0px;

    -moz-border-radius: 2px 2px 0px 0px;

    -ms-border-radius: 2px 2px 0px 0px;

    -o-border-radius: 2px 2px 0px 0px;

}

ul.dropdown-menu > li > a {

    color: #b1b1b1;

    border-top: none;

    font-weight: bold;

    font-size: 14px;

    padding: 15px 20px;

    text-transform: none;

}

ul.dropdown-menu > li > a:hover {

    color: #ed1c24;

    border-top: none;

    background: none;

}

.carousel-control:hover {
    background: #00000038;
}


a.kamp {
    background-image: linear-gradient(red, #8d1b27);
    border: dashed 2px white;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 3px 1px 0px black;
}

.cloudtranslation-selectioncontainer {
    padding: 20px;
    background-color: #00a7ce;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}



/*Carousel*/



.slider {

    z-index: 9;



}

.boxess {

    padding-bottom: 25px;

    background: #1a1a1a;

}

.slider .btn {

    margin: 40px 10px;

}

.carousel-caption {

    top: 50%;

    margin-top: -180px;

    font-size: 18px;

    color: #ffffff;

    text-shadow: 1px 1px 3px #666666;

    text-transform: none;

    font-weight: normal;

}

.carousel-caption h1 {

    font-size: 48px;

    line-height: 48px;

    color: #fff;

}

/*
.carousel-control {

	background: none;

	opacity: 1;

	position: absolute;

	top: 50%;

	margin-top: -27px;

	-moz-opacity: 1;

}

.carousel-control .carousel-control-left {

	background: url('../images/slider/prev.png') no-repeat;

	width: 54px;

	height: 54px;

	left: 20px;

}

.carousel-control .carousel-control-right {

	background: url('../images/slider/next.png') no-repeat;

	width: 54px;

	height: 54px;

	right: 20px;

}

.carousel-control .carousel-control-left:hover {

	background: url('../images/slider/prev_a.png') no-repeat;

}

.carousel-control .carousel-control-right:hover {

	background: url('../images/slider/next_a.png') no-repeat;

}

.boxed .carousel-control .carousel-control-left {

	left: -150px;

	top: 270px;

}

.boxed .carousel-control .carousel-control-right {

	right: -150px;

	top: 270px;

}

.boxed .carousel-caption {

	top: 90px;

}

.boxed .carousel-caption h1 {

	font-size: 40px;

	line-height: 40px;

} */

/*Container*/



.main__middle__container .row ul,
.main__middle__container .row ol {

    padding-left: 20px;

}

.main__middle__container {

    width: 100%;

}

.row {

    padding: 75px 0;

}

.row2 {

    padding: 20px 0;

}

.row.with__sep {

    background: url('../images/lines.png') repeat-x left bottom;

}

.container .row:first-child {

    padding: 45px 10% 50px 10%;

}

p.big-paragraph {

    font-size: 18px;

    color: #1a2b4c;

}

.orange {

    color: #ed1c24;

    padding: 0 0 10px 0;

}

.black-text {

    color: #1e1e1e;

}

/*Icons Blocks*/



.icons__blocks p.small-paragraph {

    font-size: 14px;

    position: relative;

    bottom: 10px;

    margin-top: 15px;

    color: #1a2b4c;

}

.icons__blocks h3 a {

    background: url('../images/icons/icon3.png') no-repeat center top;

    padding: 120px 0px 0px 0px;

    display: block;

}

.icons__blocks .col-md-4:nth-child(2) h3 a {

    background: url('../images/icons/icon1.png') no-repeat center top;

}

.icons__blocks .col-md-4:nth-child(3) h3 a {

    background: url('../images/icons/icon2.png') no-repeat center top;

}



/*

.icons__blocks h3 a:hover {

	background: url('../images/icons/icon3_a.png') no-repeat center top;

	padding: 120px 0px 0px 0px;

}

.icons__blocks .col-md-4:nth-child(2) h3 a:hover {

	background: url('../images/icons/icon1_a.png') no-repeat center top;

}

.icons__blocks .col-md-4:nth-child(3) h3 a:hover {

	background: url('../images/icons/icon2_a.png') no-repeat center top;

}

*/

*/ .icons__blocks p {

    margin-top: 20px;

}

/* grey-info-block */



.grey-info-block {

    background: url('../images/line_bg_repeat.jpg') repeat;

    color: #1a2b4c;

}

.grey-info-block p.small-paragraph {

    font-size: 14px;

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 40px;

    margin-top: 15px;

    color: #1a2b4c;

    border-bottom: 1px solid #e4e4e4;

}

/*Three Blocks*/



.three-blocks {

    background: url('../images/big_line_bg.jpg') no-repeat;

    background-size: 100% 100%;

}

.three-blocks h2 {

    color: #fff;

    line-height: 30px;

    font-size: 30px;

    padding: 0;

}

.three-blocks p {

    padding: 5px 0;

    font-size: 18px;

    color: #fff;

}

/* Recent Posts */



.recent-posts .col-md-9,
.recent-posts .col-md-3 {

    margin-top: 40px;

}

.recent-posts .col-md-9 .text {

    float: left;

    width: 55%;

    margin-left: 2%;

}

.recent-posts .col-md-9 .text h3 {

    margin-top: -25px;

    margin-bottom: 10px;

}

.recent-posts .col-md-9 .text p {

    padding: 5px 0;

}

.recent-posts .col-md-9 .text p small {

    position: relative;

    bottom: 10px;

    font-size: 14px;

    color: #c2c2c2;

    font-weight: normal;

    text-transform: uppercase;

}

.recent-posts .col-md-9 img {

    width: 43%;

}

.recent-posts .col-md-9 article {

    margin-bottom: 50px;

}

.recent-posts .col-md-4 h3 {

    text-transform: none;

}

.recent-posts .col-md-3 .icon-item {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    padding: 15px 0px;

    border-bottom: 1px solid #e0dfdf;

}

.recent-posts .col-md-3 .icon-item:first-child {

    padding-top: 0px;

}

.recent-posts .col-md-3 .icon-item:last-child {

    border-bottom: none;

}

/*Social Icons*/



.socialicon {

    position: relative;

    display: inline-block;

    width: 32px;

    margin-right: 5px;

    height: 32px;

}

.socialicon-twitter {

    background: url('../images/social/twitter.png') no-repeat;

}

.socialicon-facebook {

    background: url('../images/social/facebook.png') no-repeat;

}

.socialicon-instagram {

    background: url('../images/social/instagram.png') no-repeat;

}

.socialicon-google {

    background: url('../images/social/google.png') no-repeat;

}

.socialicon-youtube {

    background: url('../images/social/youtube.png') no-repeat;

}

.socialicon-mail {

    background: url('../images/social/mail.png') no-repeat;

}

.socialicon-twitter:hover {

    background: url('../images/social/twitter_a.png') no-repeat;

}

.socialicon-facebook:hover {

    background: url('../images/social/facebook_a.png') no-repeat;

}

.socialicon-instagram:hover {

    background: url('../images/social/instagram_a.png') no-repeat;

}

.socialicon-google:hover {

    background: url('../images/social/google_a.png') no-repeat;

}

.socialicon-youtube:hover {

    background: url('../images/social/youtube_a.png') no-repeat;

}

.socialicon-mail:hover {

    background: url('../images/social/mail_a.png') no-repeat;

}


/* Contact Form */

.location-image {overflow:hidden;}
.location-image img {transition: all 1.5s ease;}
.location-image:hover img {transform: scale(1.5);}

.contact-form {}

.contact-form .col-md-6 {

    padding: 0 20px 0 0;

}

.contact-form .col-md-6:nth-child(2) {

    padding: 0 0px 0 0;

}

/* Aside */



aside h3 {

    line-height: 11px;

    margin-bottom: 40px;

}

aside img {

    width: 100%;

    margin-bottom: 10px;

}

aside ul li {

    border-bottom: 1px solid #e5e5e5;

    padding: 10px 0;

}

aside ul li:last-child {

    border-bottom: none;

}

aside a.btn {

    margin: 20px 0 40px;

}

/* Main Content*/



.main-content h2 {

    line-height: 11px;

    margin-bottom: 40px;

}

/* Footer */



footer {

    background: transparent;

    padding: 0;

    color: #808080;

}

footer h3 small {

    color: #fff;

    padding-bottom: 20px;

}

footer hr {

    border-top: 1px solid #47454a;

    margin: 70px 0 0 0;

}

footer p span {

    color: #fff;

}

footer .text-center {

    padding: 40px 0;

    margin: 0;

}

footer .form-group {

    width: 90%;

}

footer button.btn-primary {

    position: relative;

    top: 10px;

}

footer button.btn-primary:focus {

    outline: none;

}

.dis_bolme {
    width: 100%;

}

@media screen and (min-width: 992px) {
    .ic_bolme {
        margin-top: 15px;
        text-align: center;
        width: 50%;
        float: left;
        height: 250px;
    }
}

@media screen and (max-width: 992px) {
    .ic_bolme {
        margin-top: 15px;
        text-align: center;
        width: 100%;
        float: none;
        height: 100%;
    }
}



@media screen and (max-width: 768px) {
    .ic_bolme {
        margin-top: 15px;
        text-align: center;
        width: 100%;
        float: none;
        height: 100%;
    }
}


p.coach-yazi {
    text-align: left;
    padding-left: 40px;
    padding-right: 10px;
}

@media screen and (max-width: 992px) {
    p.coach-yazi {
        text-align: left;
        padding-left: 20px;
    }

}





/*Responsive - debugging default problems*/


img.img-gallery1 {
    max-width: 100%;
    height: 230px;
    padding: 2px;
}

@media screen and (max-width: 768px) {
    img.img-gallery1 {
        max-width: 100%;
        height: auto;
        padding: 2px;
    }
}

ul.btn-galeri {
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
}

li.btn-galeri {
    float: left;
    border: solid 1px white;
    background-image: linear-gradient(red, #8d1b27);
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}

li.btn-galeri:hover {
    background-image: linear-gradient(#063a6b, #0175b9);
}

li.btn-galeri a {
    display: block;
    padding: 12px 10px;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


.img-responsive {

    margin: 0 auto;

}

.no-margin {

    margin: 0;

}

.no_padding {

    padding: 0px 0 80px 0;

}

.nothing {

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.blue__line {

    width: 100%;

}

.blue__line h1 {

    color: #1e1e1e;

}

@media(max-width:1600px) {

    .carousel-caption h1 {

        font-size: 40px;

        line-height: 40px;

    }

}

@media(max-width:1310px) {

    .carousel-caption {

        font-size: 14px;

        top: 65%;

    }

    .carousel-caption h1 {

        font-size: 30px;

        line-height: 30px;

    }

    .slider .btn {

        margin: 10px;

    }

}

@media(max-width:990px) {

    .main__middle__container h3.heading.white {

        background: none;

    }

    .carousel-caption {

        font-size: 13px;

        top: 50%;

        margin-top: -110px;

        left: 15%;

        right: 15%;

    }

    .navbar-header {

        float: none;

        margin: 0 auto 20px;

        text-align: center;



    }

    .navbar-header .navbar-brand.pull-left {

        float: none !important;

        text-align: center;

        display: inline-block;

    }

    .carousel-caption h1 {

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 0px;

        padding-bottom: 5px;

    }

    .navbar-right {

        float: none !important;

    }

    .navbar-default .navbar-nav > li {

        margin: 0 0 10px 0;

        display: inline-block;

    }

    .navbar-default .navbar-nav {

        margin: 0 auto;

        float: none;

    }

    .carousel-control .carousel-control-left {

        left: 5px;

    }

    .carousel-control .carousel-control-right {

        right: 5px;

    }



    .boxess .carousel-control {

        width: auto;

        top: 50%;

        margin-top: -27px;

    }

    .boxess .carousel-caption {

        top: 50%;

        margin-top: -80px;

    }

}

@media(max-width:768px) {

    .navbar-default .nav-justified {

        padding: 0;

    }

    .dropdown.open .dropdown-menu {

        display: block;

        position: relative;

        top: 0 !important;

        width: 100%;

        text-align: center;

        margin-top: -25px;

        margin-bottom: 20px;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li {

        border: none;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #fff;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #ff831f;

    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {

        color: #ff831f;

        background-color: transparent;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #fff;

    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        color: #ff831f;

    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {

        color: #ff831f;

        background-color: transparent;

    }

    .three-blocks p {

        padding: 20px 0 10px 0;

        margin-bottom: 0px;

    }

    .recent-posts .col-md-9 .text,
    .recent-posts .col-md-9 img {

        float: left;

        width: 99%;

    }

    header.with-boxed {

        height: auto;

    }

    .navbar-collapse {

        max-height: 100%;

    }

}

@media(max-width:767px) {

    .navbar-default .nav-justified > li > a {

        padding: 10px 0;

    }

    ul.dropdown-menu {

        top: 30px !important;

    }

    .dropper {

        height: auto;

    }

    .dropper a.dropdown-toggle {

        padding: 10px 0;

    }

    .navbar-collapse {

        max-height: 100%;

        height: 0px;

        overflow: hidden;

    }

    .navbar-collapse.in {

        display: block !important;

    }

}

@media(max-width:600px) {

    .slider .btn {

        display: none;

    }

}

@media(max-width:440px) {

    .carousel-caption {

        display: none;

    }

}

.carousel-fade {

    .carousel-inner {

        .item {

            opacity: 0;

            transition-property: opacity;

        }

        .active {

            opacity: 1;

        }

        .active.left,
        .active.right {

            left: 0;

            opacity: 0;

            z-index: 1;

        }

        .next.left,
        .prev.right {

            opacity: 1;

        }

    }

    .carousel-control {

        z-index: 2;

    }

}

.carousel-fade .carousel-inner .item {

    opacity: 0;

    -webkit-transition-property: opacity;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

    opacity: 1;

}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-control {

    z-index: 2;

}


li.coach-tablo {
    list-style: none;
    padding: 2px;

}

li.yerleskeler {
    list-style: none;
    margin-left: -7px;
}

li.yerleskeler-merkez {
    list-style: none;
    margin-left: -7px;

}

.yerleske-main {
    background: #283348;
    border: 1px solid #515151;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 2px 2px 5px 0px #8d8d8d;
    width: 95%;
    margin: 5px 10px 5px 0px;
    display: flex;
    align-items: center;
    position: relative;
    height: 64px;
    z-index: 1;
}

.yerleske-main-merkez {
    background: #283348;
    border: 1px solid #515151;
    box-shadow: 2px 2px 5px 0px #8d8d8d;
    width: 100%;
    margin: 5px 0px 5px 0px;
    display: flex;
    align-items: center;
    position: relative;
    height: 64px;
    z-index: 1;
    border-radius:50px;
}

.yerleske {
    text-align: center;
    width: 100%;
}

.yerleske.merkez::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: calc(50% + 10px);
    height: 4px;
    background: black;
}

.yerleske.merkez::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: calc(50% + 21px);
    height: 4px;
    background: black;
}

.merkez-main {
    background: #3b679e;
    background: -moz-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-linear-gradient(-76deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    background: linear-gradient(167deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=1);
    border: 1px solid #515151;
    box-shadow: 2px 2px 5px 0px #8d8d8d;
    width: 90%;
    margin: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 70px;
}

.merkez-main::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 4px;
    height: calc(-8% + 20px);
    background: black;
}



.merkez-main.nihat::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 4px;
    height: calc(-8% + 20px);
    background: black;
}


.merkez-main.cem::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 49.6%;
    width: 4px;
    height: calc(30% + 25px);
    background: black;
}


.merkez-resim {
    width: 25%;
    float: left;
}

.coach-main-merkez-sol {
    background: #3b679e;
    background: -moz-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-linear-gradient(-76deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    background: linear-gradient(167deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=1);
    border: 1px solid #515151;
    box-shadow: 2px 2px 5px 0px #8d8d8d;
    width: 90%;
    margin: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 70px;

}

.coach-main-merkez-sol::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 110%;
    width: 4px;
    height: 120%;
    background: black;
    transform: translate(0%, 0%);
}

.coach-main-merkez-sol::after {
    content: "";
    position: absolute;
    top: -50%;
    left: 110%;
    width: 4px;
    height: 100%;
    background: black;
    transform: translate(0%, 3%);
}



.coach-resim.merkez::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0%, -50%);
    width: 10%;
    height: 4px;
    background: black;
}




.coach-lokasyon-govde {
    float: left;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px 0pxx rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    background-color: #ad131b;
    border-radius: 50px;
    position: relative;
    width: 90%;
    display: flex;
    height: 60px;
    margin-bottom: 30px;
    margin-top: 5px;
    align-items: center;
    margin-left: 3%;
}

.coach-lokasyon-yazi {
    float: left;
    color: #ffffff !important;
    padding: 12px 24px 10px 40px;
    height: 40px;
    background-image: url(../images/marker.png);
    background-repeat: no-repeat;
    background-position: 15px 12px;
    background-size: 20px;
    font-size: 16px;
    font-family: 'PSG-Bold', sans-serif;
    text-align: left;
    width: 50%;
}



@media screen and (max-width: 992px) {
  .coach-lokasyon-yazi {
    float: left;
    color: #ffffff !important;
    padding: 12px 24px 10px 12px;
    height: 40px;
    background-image: url(../images/marker.png);
    background-repeat: no-repeat;
    background-position: 15px 12px;
    background-size: 0px;
    font-size: 16px;
    font-family: 'PSG-Bold', sans-serif;
    text-align: left;
    width: 50%;
}
}

@media screen and (max-width: 768px) {
  .coach-lokasyon-yazi {
    float: left;
    color: #ffffff !important;
    padding: 12px 24px 10px 40px;
    height: 40px;
    background-image: url(../images/marker.png);
    background-repeat: no-repeat;
    background-position: 15px 12px;
    background-size: 20px;
    font-size: 16px;
    font-family: 'PSG-Bold', sans-serif;
    text-align: left;
    width: 50%;
}
}


.coach-lokasyon-secim {
    float: left;
    background: #ffffff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;

    width: 50%;
    text-align: center;
    height: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
}

select#select-boxcoach {
    height: 60px;
    width: 100%;
    padding-left: 10px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    font-weight: bold;
}

.bos {
    border: 1px solid white;
    width: 90%;
    margin: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    position: relative;

}


.bos.sag::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -10%;
    width: 4px;
    height: 150%;
    background: black;
    transform: translate(0%, 0%);
}

.coach-resim.merkez.sag::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    transform: translate(0%, -50%);
    width: 10%;
    height: 4px;
    background: black;
}



.coach-main {
    background: #3b679e;
    background: -moz-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-linear-gradient(-76deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    background: linear-gradient(167deg, #3b679e 0%, #2a5f8e 50%, #134977 51%, #0c1b26 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b679e', endColorstr='#7db9e8', GradientType=1);
    border: 1px solid #515151;
    box-shadow: 2px 2px 5px 0px #8d8d8d;
    width: 90%;
    margin: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 70px;

}

.coach-main::before {
    content: "";
    position: absolute;
    top: -75px;
    left: -20px;
    width: 4px;
    height: calc(100% + 20px);
    background: black;
}

.coach-main::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -20px;
    width: 4px;
    height: calc(100% + 2px);
    background: black;
}

.coach-main.ust::before {
    content: "";
    position: absolute;
    top: -30px;
    left: -20px;
    width: 4px;
    height: calc(100% + 20px);
    background: black;
}

.coach-main.ust::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -20px;
    width: 4px;
    height: calc(100% + 2px);
    background: black;
}


.coach-resim {
    width: 25%;
    float: left;
}



.coach-resim::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-100%, -50%);
    width: 20px;
    height: 4px;
    background: black;

}

.coach-detay {
    width: 75%;
    float: right;
    padding: 0px 10px 0px 10px;
}

h4.coach-isim {
    color: white;
    font-size: 16px;
    margin: 0px;
    text-transform: capitalize;
}



span.coach-gorev {
    color: white;
    font-size: 13px;
}







/* Portfolio */



#portfolio {

    padding: 30px 0px 40px 0px;

    overflow: hidden;

}

#portfolio ul.controls {

    padding: 0px 0 20px 2px;

    overflow: hidden;

    margin: 20px 0;

    border-bottom: #ed1c24 solid 2px;

}

#portfolio ul.controls li {

    float: left;

    color: #000;

    font-weight: 400;

    font-size: 15px;

    padding: 5px 15px;

    cursor: pointer;

}

#portfolio ul.controls li:hover,
#portfolio ul.controls li.active {

    padding: 4px 15px;

    color: #ed1c24;

    margin: 0 -1px;

    border: 1px solid #ed1c24;

}

#portfolio ul#Grid,
#portfolio ul#Grid1 {

    margin: 0 0 30px 0;

    padding: 0;

    position: relative;

}

#portfolio ul#Grid li,
#portfolio ul#Grid1 li {

    padding: 0 1px 1px 0;

    margin: 0;

    display: none;

    position: relative;

}

#portfolio ul#Grid li a,
#portfolio ul#Grid1 li a {

    display: block;

    position: relative;

    color: #fff;

}

#portfolio ul#Grid li span.overlay,
#portfolio ul#Grid1 li span.overlay {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;

    text-indent: -9999px;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    background: #000;

}

#portfolio ul#Grid li:hover span.overlay,
#portfolio ul#Grid1 li:hover span.overlay {

    visibility: visible;

    opacity: 0.2;

    filter: alpha(opacity=20);

}

#portfolio ul#Grid span.text,
#portfolio ul#Grid1 span.text {

    padding: 0px 10px;

    height: 0;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    z-index: 10;

    overflow: hidden;

    font-size: 22px;

    font-weight: 400;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    color: #FFF;

    line-height: 30px;

    background: #ed1c24;

}

#portfolio ul#Grid li:hover span.text,
#portfolio ul#Grid1 li:hover span.text {

    background: #ed1c24;

    opacity: 0.9;

}

#portfolio ul#Grid span.text span,
#portfolio ul#Grid1 span.text span {

    color: #f9f9f9;

    font-weight: 400;

    display: block;

    font-size: 14px;

    text-transform: none;

    line-height: 22px;

}

#portfolio ul#Grid span.text:after,
#portfolio ul#Grid1 span.text:after {

    border-color: rgba(63, 141, 191, 0);

    border-bottom-color: #ed1c24;

    border-width: 10px;

    margin-left: -10px;

}

#portfolio ul#Grid span.text:before,
#portfolio ul#Grid1 span.text:before {

    border-color: rgba(63, 141, 191, 0);

    border-bottom-color: #ed1c24;

    border-width: 16px;

    margin-left: -16px;

}

#portfolio ul#Grid li:hover span.text,
#portfolio ul#Grid1 li:hover span.text {

    padding: 10px 10px;

    height: auto;

    overflow: visible;

    text-decoration: none;

}


/* ## REST CSS */



ul.dropdown-menu {

    display: block;

    -webkit-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    -o-transition: all .25s ease;

    transition: all .25s ease;

    top: 85% !important;

    opacity: 0;

    visibility: hidden;

}

.dropdown:hover .dropdown-menu {

    top: 100% !important;

    opacity: 1;

    visibility: visible;

}

@media(max-width:767px) {

    .navbar-default .navbar-nav > li > a {

        padding: 10px 10px;

    }

    .dropdown:hover .dropdown-menu {

        display: none;

    }

    ul.dropdown-menu {

        visibility: visible;

        opacity: 1;

        display: none;

        position: relative;

        left: 0px;

        top: 0px !important;

    }

    .dropdown:hover .dropdown-menu {

        top: 0 !important;

    }

    .open .dropdown-menu,
    .open:hover .dropdown-menu {

        display: block;

        visibility: visible;

        opacity: 1;

    }

    .navbar-collapse.in {

        max-height: 350px;

    }

    .open a.dropdown-toggle {

        color: #ed1c24;

    }

    .navbar-default ul.navbar-collapse {

        display: block !important;

        height: 0px;

    }

    h1 {

        font-size: 24px;

    }

    h2 {

        font-size: 22px;

    }

    h3 {

        font-size: 20px;

    }

    .pull-left {

        float: none !important;

    }

    .pull-right {

        float: none !important;

    }

    .recent-posts .col-md-9 article img.pull-left {

        max-width: 100%;

    }

    .recent-posts .col-md-9 .text {

        text-align: center;

        width: auto;

        padding-top: 10px;

    }

    .slider {

        overflow: hidden;

        max-width: 100%;

    }

    .main__middle__container {

        overflow: hidden;

        max-width: 100%;



    }

    footer {

        overflow: hidden;

        max-width: 100%;

    }

    footer {

        padding-top: 0px;

    }

    .carousel-control .carousel-control-right,
    .carousel-control .carousel-control-left {

        margin-top: -30px;

    }

    .navbar-default .nav-justified > li.dropdown:hover,
    .navbar-default .nav-justified > li.dropdown.active {

        border-top: 0px solid #ed1c24;

    }

    .row {

        padding: 15px 0;

    }

    #portfolio ul#Grid a.link span {

        font-size: 11px;

        line-height: 15px;

    }

    #portfolio ul.controls li {

        padding: 5px 10px;

    }

}

@media(min-width:768px) and (max-width: 991px) {

    h1 {

        font-size: 30px;

    }

    h2 {

        font-size: 24px;

    }

    .recent-posts .col-md-9 .text h3 {

        margin-top: 0px;

    }

    .recent-posts .col-md-3 .icon-item img {

        max-width: 100%;

    }

    .nav-justified > li {

        padding: 0 8px;

        display: block;

        float: left;

        width: auto;

    }

    .navbar-default .nav-justified > li > a,
    .dropper a.dropdown-toggle {

        font-size: 12px;

    }

    #portfolio ul#Grid a.link {

        font-size: 18px;

    }

    #portfolio ul#Grid a.link span {

        font-size: 11px;

        line-height: 15px;

    }

}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {

    min-width: 100%;

    height: auto;

}

/* Columns */

.one_half_pad {

    width: 44%
}

.one_third_pad {

    width: 27%
}

.one_fourth_pad {

    width: 19%
}

.one_fifth_pad {

    width: 14%
}

.one_sixth_pad {

    width: 10.5%
}

.two_fifth_pad {

    width: 37%
}

.two_third_pad {

    width: 60%
}

.two_fourth_pad {

    width: 43%
}

.two_fifth_pad {

    width: 33%
}

.three_fifth_pad {

    width: 58.4%
}

.three_fourth_pad {

    width: 74%
}

.four_fifth_pad {

    width: 67.2%
}

.five_sixth_pad {

    width: 82.67%
}

.one_half_pad,
.one_third_pad,
.two_third_pad,
.three_fourth_pad,
.one_fourth_pad,
.one_fifth_pad,
.two_fifth_pad,
.two_fourth_pad,
.two_fifth_pad,
.three_fifth_pad,
.four_fifth_pad,
.one_sixth_pad,
.five_sixth_pad {

    float: left;

    margin-bottom: 20px;

    margin-left: 3%;

    margin-right: 3%;

    position: relative
}

.one_half {

    width: 48%
}

.one_third {

    width: 30.5%
}

.one_fourth {

    width: 22%
}

.one_fifth {

    width: 16.8%
}

.one_sixth {

    width: 13.33%
}

.two_fifth {

    width: 37.6%
}

.two_third {

    width: 65.33%
}

.two_fourth {

    width: 48%
}

.three_fifth {

    width: 58.4%
}

.three_fourth {

    width: 74%
}

.four_fifth {

    width: 67.2%
}

.five_sixth {

    width: 82.67%
}

.one_half,
.one_third,
.two_third,
.two_fourth,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {

    float: left;

    margin-bottom: 10px;

    margin-right: 4%;

    position: relative
}

.column-last {

    clear: right;

    margin-right: 0 !important
}

.dc_tabs_type_2 .one_third {

    width: 29%
}

.clr {

    clear: both;

    margin: 0;

    padding: 0;

    width: 100%
}

.dc_clear {

    clear: both;

    font-size: 0px;

    line-height: 0px;

    margin: 0;

    padding: 0;

    width: 100%
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nopadding2 {
    margin: 0 !important;
    padding: 0 5px;
}


.tab-navigation1 {
    background-image: linear-gradient(#ed0305, #9c1721);
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 20px;
    border: 2px solid #ed1c24;
}


.camp-kayit-bg {
    background-image: url("http://psgacademyturkey.com/images/camp-form-bg.png");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;
}

.camp-kayit {
    padding: 30px;
}

.firsatlar-content {
    background-color: #04335e;
    background-image: url(../images/camp-form-bg.png);
    background-size: cover;
    border-bottom: 5px solid #074987;
    border-top: 5px solid #074987;
    padding-top: 50px;
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-bottom: 30px;
}

h3.firsatlar-onmetin {
    text-align: left;
    font-size: 18px;
    color: red;
    text-transform: none;
    margin: 0px;
    margin-top: 5px;
}

h3.firsatlar-alt-baslik {
    text-align: left;
    font-size: 24px;
    color: red;
    text-transform: none;
    margin: 0px;
    margin-top: 10px;
}

h4.onmetin-alt {
    font-size: 18px;
    text-transform: none;
    color: white;
    text-align: center;
    background: #002d52;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    line-height: 30px;
}

span.altyazi1 {
    font-family: 'PSG-Bold', sans-serif;
    color: red;
    font-size: 19px;
}

span.pic-left {
    float: left;
    padding: 0px 10px 10px 10px;
    width: 75px;
    margin-top: 10px;
}

p.firsatlar-yazi-bolum {
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}

.program-content {

    background-color: #04335e;
    background-image: url(../images/camp-form-bg.png);
    background-size: cover;
    border-bottom: 5px solid #074987;
    border-top: 5px solid #074987;
    padding-top: 20px;
    background-repeat: no-repeat;


}

.kamp-content {
    background-color: #04335e;
    background-image: url(../images/camp-back.jpg);
    background-size: cover;
    border-bottom: 5px solid #074987;
    border-top: 5px solid #074987;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.program-lokasyon-govde {
    float: left;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px 0pxx rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    background-color: #c00202;
    border-radius: 10px;

    position: relative;
}

.program-lokasyon-yazi {
    float: left;
    color: #ffffff !important;
    padding: 10px 24px 10px 50px;
    height: 40px;
    background-image: url(../images/marker.png);
    background-repeat: no-repeat;
    background-position: 20px 12px;
    background-size: 20px;
    font-size: 16px;
}

.program-lokasyon-secim {
    float: left;
    background: #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
   
}

select.location-option {
    height: 40px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 5px;
    font-weight: bold;
    
}

.forma-lokasyon-yazi {
    float: left;
    float: left;
    color: #ffffff !important;
    padding: 10px 24px 10px 50px;
    height: 40px;
    background-image: url(../images/forma-icon.png);
    background-repeat: no-repeat;
    background-position: 15px 6px;
    background-size: 30px;
    font-size: 16px;
}

.forma-govde {
    float: left;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px 0pxx rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
    background-color: #c00202;
    border-radius: 10px;
    position: relative;
    width: 100%;

}


@media screen and (max-width: 768px) {
    .forma-govde {
        float: left;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 15px 0pxx rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
        background-color: #c00202;
        border-radius: 10px;
        position: relative;
        width: 100%;
    }
}

.forma-content {
    width: 100%;
    height: 80px;
    margin-right: 10px;
    margin-left: 0px;
    padding: 0px 30px 0px 30px;
    margin-bottom: 10px;

}

.forma-secim {

    float: right;
    background: #ffffff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    width: 65%;
    text-align:left;
}

@media screen and (max-width: 768px) {
    .forma-secim {
        float: left;
        background: #ffffff;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 10px;
        width: 100%;
    }

}

.forma-fiyati {
    border: solid 1px #00365e;
    border-radius: 12px;
}

ul.forma-yazi {
    padding: 0;
    text-align:left;
    list-style-type: none;
}


.forma-fiyat-govde {
    background-color: #00365e;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


p.forma-fiyat-aciklama {
    padding: 10px;
}


.forma-kayıt-ol {
    text-align: center;
    background: #c00202;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
}

h3.forma-fiyat {
    color: white;
    text-align: center;
}

a.forma-kayıt-ol {
    color: white;

}

a.forma-kayıt-ol::after {
    content: url(../images/icons/arrow-button.png);
    margin-left: 15px;
    float: right;

}

span.icon {
    float: left;
    padding-right: 10px;

}



.iletisim-baslik {
    background: url(../images/contact-form-background.png);
    height: 410px;
    margin-top: -20px;
    background-position: center center;
    background-size: cover;
}

.iletisim-lokasyon {
    margin-top: -67px;
}

.adresbaslik {
    text-align: center;
    color: black;
    padding: 5px;
    margin-top: 3px;

}

p.adresbaslik1 {
    vertical-align: middle;
    display: table-caption;
}

.adressatir-bg {
    margin-bottom: 10px;
    margin-top: 5px;
}

p.adresssatir {
    text-align: left;
    padding-left: 30px;
}

span.adres-sehir {
    color: red;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.container.no-padding {
    padding: 0px;
    margin: auto;
}


.sol-kutu {
    max-width: 50%;
    float: left;
}


.sag-kutu {
    max-width: 50%;
    float: right;
}




.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .container.vertical-align {
        display: block;
        /* Turn off the flexible box layout */
    }
}


/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row2.vertical-align {
        display: block;
        /* Turn off the flexible box layout */
    }
}



img.programres {
    max-width: 100%;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    box-shadow: -3px 6px 10px 0px;
    margin-bottom: 10px;
}

h3.program-yazi-baslik {

    text-align: center;
}

p.program-yazi-bolum {
    text-align: justify;
    line-height: 24px;
    font-size: 14px;
}

.ara-icon {
    text-align: center;
    padding: 20px 50px 20px 50px;
    display: flow-root;
    background-image: url(../images/camp-form-bg.png);
    background-position: center;
}


.col-md-12.egitim {
    padding: 20px 20px 20px 20px;
    background: #003056;
   color:White;
 
 
}

.col-md-12.egitim1 {
    padding: 20px 20px 20px 20px;
    background: white;
    border-top-right-radius:50px;
    border-top-left-radius:50px;
 
 
}

.col-md-6.egitim1 {
    padding: 20px 20px 20px 20px;
    background: white;
    height:350px;
    border-top:2px dashed red;
 
 
}
@media screen and (max-width: 992px) {
 .col-md-6.egitim1 {
    padding: 20px 20px 20px 20px;
    background: white;
    border-top:2px dashed red;
    height:380px;
}

}

@media screen and (max-width: 768px) {
    .col-md-6.egitim1 {
    padding: 20px 20px 20px 20px;
    background: white;
    border-top:2px dashed red;
    height:100%;
 
 
}

}

.col-md-6.egitim2 {
    padding: 20px 20px 20px 20px;
    background: #003056;
    color:white;
      height:350px;
      border-top:2px dashed white;
  
}

@media screen and (max-width: 992px) {
    
    .col-md-6.egitim2 {
    padding: 20px 20px 20px 20px;
    background: #003056;
    color:white;
      height:380px;
      border-top:2px dashed white;
  
}
}

@media screen and (max-width: 768px) {
    .col-md-6.egitim2 {
    padding: 20px 20px 20px 20px;
    background: #003056;
    color:white;
   height:100%;
      border-top:2px dashed white;
  
}
}

img.egitim-banner {
    width: 70%;
    height: 100%;
    margin-top: -20px;
    margin-bottom: -30px;
}




@media screen and (max-width: 768px) {
    img.egitim-banner {
    width: 80%;
    height: 100%;
    margin-top: -20px;
    margin-bottom: -40px;
    }
}

img.egitim-alt-resim {
    width: 100%;
    height: 350px;
   
}

@media screen and (max-width: 992px) {
    img.egitim-alt-resim {
    width: 100%;
    height: 380px;
   
}
}

@media screen and (max-width: 768px) {
    img.egitim-alt-resim {
  width: 100%;
    height: 100%;
    }
}



.tab-content > .tab-pane {

    border: solid 1px #002a4c;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    overflow: auto;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #002d52;
    cursor: default;
    background-color: #fff;
    border: 1px solid #002e53;
    font-weight: bold;
    border-bottom-color: transparent;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: #002643;
    color: white;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #002d52;
    color: white;
}

.nav-tabs > li > a.program-kayıt-ol {
    float: right;
    background-color: #c00202;

}


.nav-tabs > li > a.program-kayıt-ol::after {
    content: url(../images/icons/arrow-button.png);
    margin-left: 15px;
}




/* This adds padding from top and bottom */
.custom-popup-class .mfp-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* This adds max-width to popup content */
.custom-popup-class .mfp-content {
    width: 100%;
    max-width: 500px;

}

/* This makes "#popup-with-something" scale down proportionally */
#popup-with-something {
    width: 100%;
    height: 0;
    overflow: hidden;
    /* This is scale ratio */
    padding-top: 45%;
}

/* This shifts close button outside of the container */
#popup-with-something .mfp-close {
    top: -44px;
    color: #FFF;
    text-align: right;
    right: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
}

/* This is an element itself */
.some-element {
    background: #EBE8E8;
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

a.antreman1 {
    position: fixed;
    bottom: -2px;
    left: 30px;
    line-height: 0 !important;
    background-image: linear-gradient(#941924, #f60203);
    font-size: 18px;
    padding: 26px;
    text-shadow: 1px 1px 0 #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: dashed 2px;
    list-style: none;
    color: white;
    text-decoration: none;
    z-index: 2;
}

a.antreman1:hover {
    background: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: dashed 2px red;
    color: red;
    text-decoration: none;
}




a.whatsapp1 {
    position: fixed;
    bottom: -2px;
    left: 170px;
    line-height: 0 !important;
    background-image: linear-gradient(#0def09, #047c08);
    font-size: 27px;
    padding: 12px;
    text-shadow: 1px 1px 0 #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: dashed 2px;
    list-style: none;
    color: white;
    text-decoration: none;
    z-index: 2;
}

a.whatsapp1:hover {
    background: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border: dashed 2px #47f300;
    color: #1dc01b;
    text-decoration: none;
}



@media screen and (max-width: 768px) {
    a.whatsapp1 {
        position: fixed;
        bottom: -2px;
        font-size: 18px;
        padding: 11px;
        text-shadow: 1px 1px 0 #000;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border: dashed 2px;
        list-style: none;
        color: white;
        z-index: 2;
        right: 129px;
        background-image: linear-gradient(#0def09, #047c08);
    }


    @media screen and (max-width: 768px) {
        a.antreman1 {
            position: fixed;
            bottom: -2px;
            background-image: linear-gradient(#941924, #f60203);
            font-size: 13px;
            padding: 20px;
            text-shadow: 1px 1px 0 #000;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border: dashed 2px;
            list-style: none;
            color: white;
            z-index: 2;
            right: 20px;

        }