@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');

body {
     color: #888;
          font-family: 'Yantramanav', sans-serif;
     font-weight: 400;
    font-size: 16px;
     
}
#content{    
    overflow-x: hidden;
    min-height: 500px;}
.container
{
   margin-right: auto;
    margin-left: auto;
        padding: 2px 30px 30px 2px;
}

.bg{

 /*font-family: 'Bebas Neue', cursive;
 font-family: 'Epilogue', sans-serif;
 font-family: 'Yantramanav', sans-serif;
 font-family: 'Dancing Script', cursive;*/
    background-color:#fff;
  
}

.bg2{
     /*background-color:#fafafa;*/
      background :url(../img/Kongre/bg11.jpg) no-repeat center center fixed;    
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Yantramanav', sans-serif      

}
.bg3 {
            background: rgb(8,60,131);
            background: -moz-linear-gradient(315deg, rgba(8,60,131,1) 0%, rgba(0,254,255,1) 100%);
            background: -webkit-linear-gradient(315deg, rgba(8,60,131,1) 0%, rgba(0,254,255,1) 100%);
            background: linear-gradient(315deg, rgba(8,60,131,1) 0%, rgba(0,254,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#083c83",endColorstr="#00feff",GradientType=1);
        }

        .tsw {
            text-shadow: 1px 1px #fff;
        }
.bg4{ background-color:#d5e2ea;}
 td label {
            margin-left: 5px !important;
        }
 label 
 {
     margin-bottom:0.1em !important
 }
.h100
{
     width:100%;
     
}
.MT-3{
margin-top:3rem;

}
.MT-4{
margin-top:4rem;

}
.MinW-3{

    min-width:30%}
.mavi
{min-height:95px;
 width:30%;
 background-color:#137da5

}
.gri{
    min-height:85%;
    width:30%;
    background-color:#e9ecf1;
}
.gri-275{
    height:275px;
    width:29px;
    background-color:#e9ecf1;
}
.anketText{
    font-weight:600;
    text-decoration:underline
}
.Mastermavi
{min-height:60px;
 width:30%;
 background-color:#137da5

}
.Mastergri{
    min-height:78%;
    width:30%;
    background-color:#e9ecf1;
}
 .kongre-text
 { color:#187da4;
   font-weight:600;
   font-size:18px;
 }
 .kongre-box-text{
     color:#187da4;
  
   font-size:16px;}
 hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-top: 1px solid rgba(0,0,0,.1) !important;
}
 .box {
    padding: 5px;
    /*background: #fff none repeat scroll 0 0;*/
     background-color:rgba(255, 255, 255, 0.8);
    
    box-shadow: 0 0 11px #ececec;
    transition-duration: 0.6s;
}
 .red{ color:#ff0000}
 
 .rightimg
 {max-width:80%}

  .Mfont1{    
     font-size:7rem;
     line-height:0.8;
     float:left;
     font-weight:800; 
 }
   .Mfont2{    
     font-size:5rem;
     line-height:1.3;
     float:left;
     /*word-spacing:15rem;*/
     font-weight:800; 
     letter-spacing: -0.2rem; 
 }
   .Mfont3
   {
    font-size:4rem;
     float:left;
     line-height:0.8;
     font-weight:500; 
     letter-spacing: -0.2rem; 
   }
   .Mfont4
   {
    font-size:2rem;
     float:left;
     font-weight:500; 

   }

    .Mfont5
   {
    font-size:4.6rem;
     float:left;
     font-weight:600; 
     line-height:1;

   }
     .Mfont6
   {
    font-size:2rem;
     float:left;
     font-weight:400; 

   }
        .Mfont7
   {
    font-size:2.3rem;
     float:left;
     font-weight:400; 

   }
   .Yfont1{
       color:#87ad46;
       font-style:italic;
       font-weight:500;
        font-family: 'Yantramanav', sans-serif;
        font-size:1.7rem

   }
    .Yfont2{
       color:#87ad46;
       font-style:italic;
       font-weight:500;
        font-family: 'Yantramanav', sans-serif;
        font-size:1.9rem
   }
    .Kfont1{
        color:#b00c0c;
       font-style:italic;
       font-weight:500;
        font-family: 'Yantramanav', sans-serif;
        font-size:3rem;
        text-align:center;
    }
   .slogan{
   font-family: 'Dancing Script', cursive;
   font-size:3rem;
   text-align:center;
   }
 .baslik{
     font-family: 'Yantramanav', sans-serif;
     color:#137da5;     
     float:left;
     line-height:1;
 }
 .ucdLogo img
 {
     max-width:200px !important;
  float:right;
 }
 .MasterUcdLogo img
 {
     max-width:227px !important;
  float:right;
 }
 .left
 {
     float:left;

 }
  .online img
 {
      max-width:200px !important;
  float:left;
  margin-top: -12px;
 }
.userinfo{
      color:#87ad46;
        font-size:2rem;
        line-height:2;
  }
.cikis
{font-weight:500;
 color:#187da4;
 font-size:2rem;
        line-height:2;
}
.btn
{font-weight:600;
 font-size:1.8rem;
}
.shadow2 {
    -webkit-box-shadow: 0px 11px 9px -3px rgba(171,171,171,1);
    -moz-box-shadow: 0px 11px 9px -3px rgba(171,171,171,1);
    box-shadow: 0px 11px 9px -3px rgba(171,171,171,1);
}
.stant{
    border:2px solid #83ad3f;
    float:left;  
    text-align:center;
       background-color:#83ad3f;
       height:271px;

}
.rotate-textStant {
    font-size: 1.6rem;
    font-weight: 900;
    writing-mode: vertical-rl;
    display: inline-block;
    line-height:65px;
    color:#fff;
     /*word-spacing:15rem;*/  
     letter-spacing: -0.6rem; 
}
.orientation {
    text-orientation: upright;
 }
.bildiri{
   
    padding:5px;
    float:left;  
    text-align:center;
   width:47%;
background-color:#fa9d1c;
margin-top:2rem
}

.textBildiri {
    font-size: 1.2rem;
    font-weight: 800;
    display: inline-block;  
   color:#fff; 
    
}
.bildiriimg{
      border:3px solid #fa9d1c;

}
.program{
    padding:5px;
    width:47%;
    float:left;  
    text-align:center;
       background-color:#fed245;
       margin-left:1rem !important;
       margin-top:2rem

}

.programimg{
     border:3px solid #fed245;
    
}
.textProgram {
    font-size: 1.2rem;
    font-weight: 800;    
   color:#fff; 
   word-spacing:0.5rem; 
   /*letter-spacing: 0.2rem;*/ 
}
.platin{
   background: rgba(75,71,70,1);
background: -moz-linear-gradient(top, rgba(75,71,70,1) 0%, rgba(209,209,209,1) 51%, rgba(140,140,140,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,71,70,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(140,140,140,1)));
background: -webkit-linear-gradient(top, rgba(75,71,70,1) 0%, rgba(209,209,209,1) 51%, rgba(140,140,140,1) 100%);
background: -o-linear-gradient(top, rgba(75,71,70,1) 0%, rgba(209,209,209,1) 51%, rgba(140,140,140,1) 100%);
background: -ms-linear-gradient(top, rgba(75,71,70,1) 0%, rgba(209,209,209,1) 51%, rgba(140,140,140,1) 100%);
background: linear-gradient(to bottom, rgba(75,71,70,1) 0%, rgba(209,209,209,1) 51%, rgba(140,140,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4746', endColorstr='#8c8c8c', GradientType=0 );

    border-radius:5px;
}
.platin-text
{text-align:center;
 color:rgba(75,71,70,1);
 font-weight:800;
 font-size:20px;
 padding-top:10px;
}
.platinimg img{
    border:1px solid  #8f8d8c;    
    margin:5px 15px 5px 15px;
    border-radius:5px;
    width:20%;

}
.altin{
background: rgba(236,183,23,1);
background: -moz-linear-gradient(top, rgba(236,183,23,1) 0%, rgba(224,209,94,1) 27%, rgba(241,228,114,1) 68%, rgba(214,178,16,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,183,23,1)), color-stop(27%, rgba(224,209,94,1)), color-stop(68%, rgba(241,228,114,1)), color-stop(100%, rgba(214,178,16,1)));
background: -webkit-linear-gradient(top, rgba(236,183,23,1) 0%, rgba(224,209,94,1) 27%, rgba(241,228,114,1) 68%, rgba(214,178,16,1) 100%);
background: -o-linear-gradient(top, rgba(236,183,23,1) 0%, rgba(224,209,94,1) 27%, rgba(241,228,114,1) 68%, rgba(214,178,16,1) 100%);
background: -ms-linear-gradient(top, rgba(236,183,23,1) 0%, rgba(224,209,94,1) 27%, rgba(241,228,114,1) 68%, rgba(214,178,16,1) 100%);
background: linear-gradient(to bottom, rgba(236,183,23,1) 0%, rgba(224,209,94,1) 27%, rgba(241,228,114,1) 68%, rgba(214,178,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb717', endColorstr='#d6b210', GradientType=0 );
 border-radius:5px;
}
.altin-text
{text-align:center !important;
 color:rgba(75,71,70,1);
 font-weight:800;
 font-size:19px;
 padding-top:10px;
}
.altinimg img{
    border:1px solid #ddbf29;
    margin:5px 15px 5px 15px;
    border-radius:5px;
    width:17%;
}
.gumus{
background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(204,204,204,1) 0%, rgba(230,230,230,1) 32%, rgba(235,235,235,1) 54%, rgba(224,224,224,1) 82%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(0%, rgba(204,204,204,1)), color-stop(32%, rgba(230,230,230,1)), color-stop(54%, rgba(235,235,235,1)), color-stop(82%, rgba(224,224,224,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(204,204,204,1) 0%, rgba(230,230,230,1) 32%, rgba(235,235,235,1) 54%, rgba(224,224,224,1) 82%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(204,204,204,1) 0%, rgba(230,230,230,1) 32%, rgba(235,235,235,1) 54%, rgba(224,224,224,1) 82%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(204,204,204,1) 0%, rgba(230,230,230,1) 32%, rgba(235,235,235,1) 54%, rgba(224,224,224,1) 82%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(204,204,204,1) 0%, rgba(230,230,230,1) 32%, rgba(235,235,235,1) 54%, rgba(224,224,224,1) 82%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ebebeb', GradientType=0 );
border-radius:5px;
}
.gumus-text
{text-align:center !important;
 color:rgba(75,71,70,1);
 font-weight:700;
 font-size:16px;
 padding-top:10px;
}
.gumusimg img{
    border:1px solid #d0d0d0;
    margin:5px 15px 5px 15px;
    border-radius:5px;
    width:15%;
}
.bronz{
     /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #EDD799 0%, #BF7F37 100%);
    /* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #EDD799 0%, #BF7F37 100%);
    /* Opera */ 
background-image: -o-linear-gradient(bottom, #EDD799 0%, #BF7F37 100%);
    /* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EDD799), color-stop(1, #BF7F37));
    /* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #EDD799 0%, #BF7F37 100%);
    /* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #EDD799 0%, #BF7F37 100%);
    border-radius:5px;
}
.bronz-text
{text-align:center !important;
color:rgba(75,71,70,1);
 font-weight:600;
 font-size:16px;
 padding-top:10px;
}
.bronzimg img{
    border:1px solid #c58c45;
    margin:5px 15px 5px 15px;
    border-radius:5px;
    width:10%;
}
.roombaslik
{
    font-size:1.6rem;
    color:#137da5;
    font-weight:800;
    }
.btn
{font-size:1.3rem !important;
 font-weight:600 !important;
}
.btn-sm {
    padding: .3rem .5rem !important;
    font-size: 1.3rem !important;
}

.yanson {
    animation: blinker 1s linear infinite;
}
.stil{
font-weight: 800;
font-size: 35px;
color: #fc1212;
}
.textBox{
    height:245px;
    float:left;
    overflow:scroll;
    border:1px solid rgba(140,140,140,1);
    width:100%; 
}
.but-img 
{
    border-radius:5px;
}

/* Mobile Media */
/* Extra small devices (portrait phones, less than 576px) */


@media only screen and (max-width:767px)


/*@media only screen and (max-width: 575.98px)*/ 
{
    #content{   
    width: 100%;

    }
     .container-fluid
{
    padding: 0px !important;
}
    .rightimg
    {
        max-width:100%;
    }
    .Mfont1
    {
        font-size:4rem !important

    }
    .ucdLogo img
    {
        max-width:120px !important;

    }
    .Mfont2{
        font-size:1.9rem !important
    }
    .Mfont3{
        font-size:1.8rem !important
    }
    .online img
    {
        margin-top:0px;
        max-width:140px !important;
    }
    .mobMT
    {
        margin-top:2rem 
    }
    .Yfont1
    {
        font-size:1rem
    }
    .Mfont4
    {
        font-size:1.4rem
    }
    .Kfont1
    {
        font-size:1rem
    }
    .slogan
    {
        font-size:1.5rem;
        margin-top:1rem !important;
    }
    .gri-275
    {
        width:10%
    }
    .MasterUcdLogo img
    {max-width:95px !important}
    .Mfont5
    {
font-size:1.4rem !important
    }
    .Yfont2
    {font-size:0.8rem;

    }
    .Mfont7
    {font-size:1rem;}
    .Masterslogan
    {
        padding:0px !important;
        font-size:0.8rem !important;
        margin-top:0.5rem !important; 
        text-align:left !important
    }
    .userinfo
    {
        line-height:1;

        font-size:0.7rem;
    }
    .cikis 
    {
 line-height:1;
 font-size:0.7rem;
    }
    .roombaslik
    {font-size:1.5rem !important}
    .btn
    {
        font-size:1rem !important;
    font-weight:600 !important;
    }
    .btn-sm {
    padding: .3rem .5rem !important;
    font-size: 1rem !important;
}
    .rotate-textStant
    {
        line-height:20px;
        font-size:1.3rem
    }
    .display-none
    {
        display:none;
    }
    .stantYatay
    {
        font-size:1.2rem;
        padding: 5px;
        font-weight:900;
    width: 100%;
    margin-top: 1rem;
    color:#fff;
         border:2px solid #83ad3f;
    float:left;  
    text-align:center;
       background-color:#83ad3f;line-height:30px;
    }
    #wowslider-container1
    {
        width:100% !important

    }
    #wowslider-container1 .ws_images
    {
        width:100% !important;
    }
    #wowslider-container1 .ws_images ul a {
   width:100% !important;
}
    #wowslider-container1 .ws_images > div > img {
	max-height:300px;
    width: 100%;
}
    #wowslider-container1 img
    {width:100% !important;

    }
    .textProgram 
    {
        font-size:0.9rem;
        word-spacing:0px !important
    }
    .bildiriimg
    {
        width:100%
    }
    .programimg
    {
        width:100%;
        margin-left: 1rem !important;
    }
   .textBildiri
   {
       font-size:1rem
   }
   .minResim
   {
       width:47%
   }
   .platinimg img
   { width:45%;
     margin:5px !important
   }
    .altinimg img {
        width: 40%;
        margin: 5px !important;
    }
    .gumusimg img
    {
         width: 30%;
        margin: 5px !important;
    }
    .bronzimg img
    {
        width: 20%;
        margin: 5px !important;
    }
    
}
   /*768 den Küçük ekranlar*/ 
 @media only screen and (max-width:767px)

 { 
      #content {
        width: 100%;
    }
      /*.program
     {
         background-color:black;
     }*/
          .platinimg img
   { width:20%;
     margin:5px !important
   }
    .altinimg img {
        width: 17%;
        margin: 5px !important;
    }
    .gumusimg img
    {
         width: 15%;
        margin: 5px !important;
    }
    .bronzimg img
    {
        width: 10%;
        margin: 5px !important;
    }
 }

@media only screen and (min-width:768px) {
    #content {
        width: 750px;
    }
     
     .container-fluid
{
    padding: 0px !important;
}

    /*.program {
        background-color: red;
    }*/

    .stantYatay {
        display: none;
    }
    .minResim
    {
        width:47%;
    }
    .bildiriimg
    {
        width:100%
    }
    .programimg
    {
        width:100%;
        margin-left: 1rem !important;
    }
    .Mfont5
    {
        font-size:3.2rem
    }
    .slogan
    {
        font-size:2rem;
        margin-top:1rem !important;
    }
    .userinfo
    {font-size: 1.6rem;
    line-height: 3;}

    .cikis {
    font-size: 1.6rem;
    line-height: 3;
} 
    
}
 @media (min-width: 992px)
 {
     #content {
    width: 970px;
}

 } 

@media (min-width: 1200px) {
    #content {
        width:1140px
    } 
  }