body {
    margin: 0;
    padding: 0;
    color: #3e4d5c;
    direction: ltr;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'FuturaMdBTMedium', Tahoma, Geneva, sans-serif;
}

    h1.widgetH1 {
        font-size: 25px;
        font-family: 'FuturaExtendedRegular', Tahoma, Geneva, sans-serif;
    }

    h3.boxh3 {
        font-size: 15px;
        font-family: 'FuturaExtendedRegular', Tahoma, Geneva, sans-serif;
        margin: 0;
        padding: 10px 0;
        letter-spacing: 0.9px;
    }

a {
    color: #E02222;
}

    a, a:focus, a:hover, a:active {
        outline: 0;
        text-decoration: none;
    }

        a:hover {
            color: #E02222;
            text-decoration: underline;
        }

.spaceDiv {
    clear: both;
    height: 10px;
}

.clear {
    height: 30px;
    clear: both;
}

.box {
    padding: 5px;
}

.borderDiv {
    border: 1px solid #CECECE;
    background: #FFF;
    padding: 10px;
}

a.imgHover img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity:50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

a.devami {
    color: #EB212E;
    font-size: 11px;
    float: right;
    padding-bottom: 10px;
    padding-right: 10px;
}

    a.devami:hover {
        text-decoration: underline;
    }


.SNC {
    padding: 8px 8px;
    border-bottom: 1px solid #c2c2c2;
}


.navbar-default {
    border: none;
    box-shadow: none;
    z-index: 99999;
    border-bottom: 1px solid #A70619;
    font-family: 'FuturaMdBTMedium', Tahoma, Geneva, sans-serif;
    font-size: 15px;
    margin-bottom: 1px;
    background: #d90d2e;
    background: -moz-linear-gradient(top, #d90d2e 0%, #c20921 100%);
    background: -webkit-linear-gradient(top, #d90d2e 0%,#c20921 100%);
    background: linear-gradient(to bottom, #d90d2e 0%,#c20921 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90d2e', endColorstr='#c20921',GradientType=0 );
}

    .navbar-default .navbar-nav > li > a {
        text-shadow: 0 1px 0 #000 !important;
        color: #FFF;
        padding-top: 15px;
        padding-bottom: 15px;
        background: none !important;
        z-index: 99999;
    }

@media (max-width:750px) {
    .navbar-default .navbar-nav > li > a {
        color: #FFF !important;
        padding-top: 10px;
        padding-bottom: 9px;
        background: #d90d2e !important;
        z-index: 99999;
    }

        .navbar-default .navbar-nav > li > a:hover {
            background: #231F20 !important;
        }
}

.navbar-default .navbar-nav > li > a:hover {
    color: #E9E8E8 !important;
    z-index: 99999;
    background: #AD061C !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #FFF !important;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF !important;
}

.navbar-toggle {
    background: #d90d2e !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-toggle {
    margin-top: 13px !important;
}


.navbar-right {
    margin-right: 10px;
}









header {
    background: #FAFAFA;
    border-bottom: 1px solid #E9E8E8;
    border-top: 5px solid #22447C;
    padding-top: 10px;
}

.carousel-control.left {
    background: #F2F2F2;
    height: 70px;
    margin-top: 30%;
}

.carousel-control.right {
    background: #F2F2F2;
    height: 70px;
    margin-top: 30%;
}

div.logo {
    padding: 25px 5px;
}


.btn-lg, .btn-group-lg > .btn {
    padding: 10px 19px !important;
    font-size: 17px !important;
    line-height: 1.471 !important;
    border-radius: 6px !important;
}

.btn {
    padding: 10px 15px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    border: none !important;
    border-radius: 4px !important;
    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear !important;
    transition: border .25s linear,color .25s linear,background-color .25s linear !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.btn-tkd-red {
    margin-top: 5px;
    color: #fff !important;
    background-color: #B11033 !important;
}

    .btn-tkd-red:hover {
        color: #fff !important;
        background-color: #EB212E !important;
    }

.btn-tkd-purple {
    margin-top: 5px;
    color: #fff !important;
    background-color: #301442 !important;
}

    .btn-tkd-purple:hover {
        color: #fff !important;
        background-color: #B11033 !important;
    }

.btn-tkd-giris {
    color: #fff !important;
    background-color: #B11033 !important;
    padding-left: 4px !important;
    text-align: center !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 13px !important;
    width: 100% !important;
}

    .btn-tkd-giris:hover {
        color: #fff !important;
        background-color: #EB212E !important;
    }


.footerBox {
    border-left: 1px solid #D9D7D7;
}

.footer {
    font-size: 12px;
}

ul.footer {
    padding-left: 0;
}

    ul.footer a {
        color: #404040;
    }


div.posterBox {
    text-align: center;
}

    div.posterBox img {
        width: 80%;
        text-align: center;
    }

.kongrePoster {
    padding: 5px;
    border: 1px solid #D7D7D7;
}

.kongreTitle {
    font-size: 15px;
}

.kongreYear {
    color: #D2222F;
    font-weight: bold;
    font-size: 15px;
    padding-top: 2px;
    margin-top: 2px;
}


.jcarousel ul li h5 {
    padding: 5px 10px;
}

.jcarousel ul li strong {
    padding: 0 !important;
}






/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #22447C;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #e9e8e8;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .activeyil:after {
            content: ' ';
            width: 14px;
            height: 14px;
            background: #22447C;
            border-radius: 50px;
            position: absolute;
            top: 8px;
            left: 8px;
        }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #22447C;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
/*END Form Wizard*/


.dersust-md {
    background-color: #09383c;
    font-size: 16px;
    padding: 3px 0;
    border: 2px solid white;
}

    .dersust-md a:hover {
        color: #a6d3d6
    }

.mg-button {
    color: white !important;
}

    .mg-button:hover {
        text-decoration: none !important;
    }

.md-padding {
    padding-right: 0px !important;
}
.videoders-md {
    padding-left: 0px !important;
}
@media (max-width:990px) {
    .md-padding {
        padding: 0px !important
    }
    .videoders-md {
        padding-left: 15px !important;
    }
}
.md-logo-box {
    margin: 3px;
    vertical-align: middle;
    min-height: 83px;
    box-shadow: 0 1px 2px 2px #ccc;
}
.md-fligram-box {
    position: relative;
    text-align: left;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: bolder;
    max-width: 132px;
}
.md-module-box {
    min-height: 240px;
  
}
@media screen and (min-width: 992px) {
    .md-module-box {
        min-height: 330px;
    }
}
/*md  Form Wizard*/

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/*md END Form Wizard*/

.btn-md-save {
    background-color: #5bc0de;
    color: white;
    padding: 10px 25px;
    border-radius: 6px;
    margin:15px;
  
}
    .btn-md-save:hover {
        text-decoration: none;
        color: white;
        font-weight: bolder;
    }






/*----------------------------------*/



.modul-inclusive{
    min-height: 180px;
    box-shadow: 0px 10px 9px 0px #ddd;
    background-color: #dedede;
    border: 2px solid white;
    padding: 0px;
    position: relative;
    margin-top: 55px;
    width: 49%;
    margin-right: 1%;
	float: left;
}

.modul-inclusive:nth-child(even){
    margin-right: 0px !important;
}

.modul-img,
.modul-text{
	float: left;
}

.modul-img{
	width: 20%;
	margin-top: 5px;
	margin-left: 5px;
}

.modul-text{
	width: 74%;
    margin-left: 5%;
    margin-top: 2%;
	font-size: 17px;
}

.modul-text em{
	font-size: 13px;
}

.modul-content{
	position: absolute;
    background-color: #09383c;
    padding: 6px 38px;
    color: #fff;
    font-size: 16px;
    top: -39px;
    right: 0px;
    border: 2px solid white;
}

.modul-online-offline,
.modul-online {
	padding: 4px 38px;
    color: #fff;
    font-size: 16px;
    border: 2px solid white ;
	position: absolute;
    top: -39px;
    right: 208px;
}

.modul-online-offline{
	 background-color: #828282;
}

.modul-online{
	background-color: #e81c37;
}

.modul-online-offline img {
	width: 25px;
}

.modul-online img {
	width: 25px;
}

.modul-text p{
	margin-left: 200px !important;
}


@media screen and (max-width:1063px){
	.modul-text {
		width: 72% !important;
	}
}

@media screen and (max-width:768px){
	.modul-inclusive {
		width: 100% !important;
	}
}

@media screen and (max-width:410px){
	.modul-online-offline,
	.modul-online {
		padding: 4px 4px !important;
	}
}

@media screen and (max-width:350px){
	.modul-online-offline, 
	.modul-online{
		display: inline-block !important;
		width: 100% !important;
		top: -76px !important;
		right: 0px !important;
	}
	.modul-content{
		width: 100% !important;
	}
	.modul-inclusive {
		margin-top: 100px !important;
	}
}