body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color:#ffffff;
  width:100%;
    
}

/* Global */
.container{
  width:98%;
  margin:auto;
  overflow:hidden;
  border: 0px solid #e8491d;
  
}


  a:link{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

  a:visited{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

  a:hover{
  color:#e8491d;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

  a:active{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}



/* Header **/

    #header{
      background:#ffffff;
      color:#ffffff;
      padding-top:0px;
      margin:auto;
      width:80%;
      border:0px solid red;

    }

 .header_top{
      background:#fff;
      color:#708090;
      padding-top:10px;
      min-height:80px;
      margin:auto;
      width:100%;
      border:0px solid red;
}


 .header_top_button{
      background:#f5f5f5;
      margin:0px;
      padding-top:10px;
      float:left;
      text-align:center;
      text-decoration: none;
      font-size: 13px;
      font-weight:bold;  
      cursor:pointer;
      color:#708090;
      min-height:30px;
      width:100px;
}

 .header_top_button:hover {
      background:#eeeeee;
 }



 .header_top_axtar {
     float:right;
     margin-right:10px;
     padding-top:5px;     
 }

 .header_box{
      background-color:#fff;
      width:100%;
      
      margin:auto;
    border: 0px solid #008080;      
}

 .head_menu {
      background:#008080;
      float:left;
      width:100%;
 }

 .head_menu_button {
      background:#008080;
      margin:0px;
      padding-top:10px;
      float:left;
      text-align:center;
      text-decoration: none;
      font-size: 13px;
      font-weight:bold;  
      cursor:pointer;
      color:#fff;
      min-height:30px;
      width:10%;
 }

 .head_menu_button:hover {
      background:#b22222;
 }


 .head_menu_button2 {
      background:#00cccc;
      margin:0px;
      padding-top:10px;
      float:left;
      text-align:center;
      text-decoration: none;
      font-size: 13px;
      font-weight:bold;  
      cursor:pointer;
      color:#fff;
      min-height:30px;
      width:10%;
 }

 .head_menu_button2:hover {
      background:#b22222;
 }


 #header .logo{
  margin-top:0px;    
  float:left;
  margin-right:0px;
}

 #header .reklam_01{

    width:65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
  border: 0px solid red;
     
 }

 #header .reklam_02{

    display: none;

 }



.hidden-menu {
 display:none;
}

.btn-menu {
 display:none;       
}

/* Headmenu */

#headmenu {
    padding:0px;
    width:100%;
    margin:auto;
    overflow:hidden;
    background-color:#fff;
    margin-top:0px; 

}


.topnav {
  width:100%;
  margin:auto;
  overflow: hidden;
  color: #fff;
  background-color: #008080;

}

.topnav {
  width:100%;
  margin:auto;
  overflow: hidden;
  color: #fff;
  background-color: #008080;

}


.topnav a {
  float: left;
  min-width:10%;
  display: block;
  background-color:#008080;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight:bold;  
}

.topnav a:hover {
  background-color: #b22222;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight:bold;
    
}


.topnav a:visited {
  
  color: #fff;
  
}

.topnav a:active {
  color: #fff;
  opacity: 0.5;
    
}

.topnav .icon {
  display: none;
}


.header_reg {
    padding-right:15px; 
    background-color:#fff;
    margin-top:10px;
    margin-bottom:0px;
    border: 0px solid red;
    text-align:right;
}


/* Central */

#xeberler {
    padding:0px;
    width:80%;
    margin:auto;
    overflow:auto;
    background-color:#fff;
    margin-top:0px; 
    border-radius: 5px;
    border: 0px solid silver;
}

 .deyisenxeber {
  float:left;
  width:70%;
  padding:0px;
  margin-top:0px;
  background-color:#fff;
  border-radius: 5px;
  border: 0px solid silver;


 }


.mainDiv{
    float:left;
    width: 100%; /* Replace the xxxx with the the width of your site (eg 800px)*/
    text-align:left;
}

#feature-paging {text-align: right;padding-top: 1px;padding-bottom: 1px;}
#feature-paging img {margin-right: 1px}
.feature-new {height:200px; padding:0; background-repeat:no-repeat; background-size: 100%;}
#feature-new {border:0px solid #ccc; margin-bottom:0px; height:50px; color:#333;}
#feature-new {margin-bottom:0px; height:50px; color:#333;}
#feature-new .feature-left{float: left;width: 400px;height: 140px;background-color: #eeeeee;}
#feature-new .feature-left-inner{height: 140px;background-color: #eeeeee; text-align: left}
#feature-new .feature-title {color: red; font-size: 15px;font-family: Tahoma;margin-left: 20px; margin-right: 10px;margin-top: 10px ;margin-bottom: 10px;}
#feature-new .feature-description{color: blue; font-size: 12px;font-weight: normal;font-family: Tahoma;margin-left: 20px; margin-right: 10px}
#feature-new a, #feature-new a:hover {text-decoration:none; cursor:pointer;}
#feature-new h1, #feature-new a h1 {font-size:24px; line-height:27px; font-weight:normal; margin:0; padding:0; text-decoration:none;}
#feature-new a:hover h1 {text-decoration:underline;}
#feature-new h2, #feature-new a h2 {font-size:17px; line-height:20px; font-weight:normal; margin:0; padding:0; text-decoration:none;}



 .abune {
  float:right;
  width:25%;
  padding:5px;
  vertical-align:text-top;
  margin-top:0px;
  background-color:#acd2c5;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
 }




#main {
    padding:0px;
    width:80%;
    margin:auto;
    overflow:hidden;
    background-color:#fff;
    margin-top:0px; 
    border-radius: 5px;
    border: 0px solid red;
    box-shadow: 0 0 0px rgba(0,0,0,0.5);

}

.calc_block {
  padding:25px;
  margin-top:0px;
  background-color:#f2f2f2;

}



/* Movzu */

  #movzu{
  float:left;
  width:70%;
  padding:0px;
  text-align:left;
  margin-top:0px;
  background-color:#fff;
  font: 14px/1.5 Arial, Helvetica,sans-serif;
  color:#2F4F4F;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
}


  #movzu1{
  float:left;
  width:45%;
  padding:10px;
  margin-top:10px;
  background-color:#fff;
  font: 14px/1.5 Arial, Helvetica,sans-serif;
  color:#2F4F4F;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
}

  #movzu2{
  float:left;
  width:25%;
  padding:2px;
  margin-top:10px;
  background-color:#fff;
  font: 14px/1.5 Arial, Helvetica,sans-serif;
  color:#2F4F4F;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;    
  overflow:auto;
}

 .xeber_pc,
 .meqale_block {
    display: block; 
 }

 .xeber_mob,
 .meqale_block2 {
    display: none; 
 }





.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }



article a:link{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

article a:visited{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

article a:hover{
  color:#e8491d;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

article a:active{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}


 .message_box {
  float:left;
  width:95%;
  margin-top:10px;
  padding:10px;
  background-color:#f2f2f2;
  border-radius: 5px;
  border: 0px solid silver;

 }


.telim_blok {

  float:left;
  width:400px;
  margin:10px;
  padding:10px;
  background-color:#fff;
  border-radius: 5px;
  border: 1px solid silver;
  box-shadow: 1px 1px 3px;    
    
}






/* Sidebar */
  #sidebar {
  float:right;
  width:25%;
  margin-top:10px;
  padding:10px;
  background-color:#fff;
  border-radius: 5px;
  border: 0px solid silver;
}


aside a:link{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

aside a:visited{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

aside a:hover{
  color:#e8491d;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

aside a:active{
  color:#000080;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
}

.sidemenu {
  float:right;
  width:100%;
  margin-top:5px;
  padding:2px;
  background-color:#fff;
  text-align:left;
  border-bottom:#f5f5f5 1px solid;
}

.sidemenu_head {
  color:#fff; 
  background-color:#4F628E; 
  font-size:15px;
  font-weight:bold;
  text-align:center;
  border-radius: 5px;
  padding: 10px;
}


.sidebox {
  float:right;
  width:100%;
  margin-top:5px;
  padding:2px;
  background-color:#fff;
  text-align:center;  
  border-bottom:#f5f5f5 1px solid;
}

  .xeb_img,
 .block_abune {
    display:none;
}





.button_1{
  height:36px;
  background:#e8491d;
  border:0;
  padding-left: 20px;
  padding-right:20px;
  color:#ffffff;
  float:right;
  font-weight:bold;
}


.button_sifaris{
  height:36px;
  background:#e8491d;
  border:0;
  padding-left: 20px;
  padding-right:20px;
  color:#ffffff;
  font-weight:bold;
  cursor: pointer;
}



.next {
 display: block;
 height: 30px;
 width: 300px;
 background: #3399cc;
 border: 2px solid #3399cc;
 color: white;
 font-size: 14pt;
 cursor: pointer;
}

.next:hover {
    background-color: #3399cc;
    cursor: pointer;
}

.next:active {
    opacity: 0.5;
}



/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}






/* Movzularin stilleri  */






/* Footer */

footer {
  width:80%;
  margin:auto;
  padding:0px;
  margin-top:20px;
  color:#ffffff;
  background-color:#008080;
  text-align: justify;
}


footer .block{
  float:left;
  width:200px;
  margin-right:15px;
  margin-top:0px;    

    
}


footer .bashliq{
  color:#ffffff;
  font-size:16px;
  text-transform: uppercase;
  font-weight:bold; 
}



footer a:link{
  color:#ffffff;
  text-decoration: none;
  font-size:14px;
  font-weight:bold;
}

footer a:visited{
  color:#ffffff;
  text-decoration: none;
  font-size:14px;
  font-weight:bold;
}

footer a:hover{
  color:#e8491d;
  text-decoration: none;
  font-size:14px;
  font-weight:bold;
}

footer a:active{
  color:#ffffff;
  text-decoration: none;
  font-size:14px;
  font-weight:bold;
}










 .adi_table table {
    background: #FFFFFF; /* Цвет фона таблицы */

   }
 .adi_table  td {
    background: #F2F2F2; /* Цвет фона ячеек */
    color: #000000; /* Цвет текста */
    padding:5px;
    FONT-SIZE: 13px; 
    FONT-FAMILY: Arial; 
    line-height: 150%;

   }

 .muxabir TABLE {
    background: #FFFFFF; /* Цвет фона таблицы */
    
   }
 .muxabir  TD {
    background: #f2f2f2; /* Цвет фона ячеек */
    color: #000000; /* Цвет текста */
    FONT-SIZE: 13px; 
    FONT-FAMILY: Arial; 
    line-height: 150%;
    padding: 10px;
   }

 .misal TABLE {
    background: #FFFFFF; /* Цвет фона таблицы */
    border: 1px solid silver;    
   }

 .misal  TD {
    background: #e0f0f9; /* Цвет фона ячеек */
    color: #000000; /* Цвет текста */
    FONT-SIZE: 13px; 
    FONT-FAMILY: Arial; 
    line-height: 150%;
    padding: 5px;


   }


 .sitat TABLE {
    background: #FFFFFF; /* Цвет фона таблицы */

   }

 .sitat  TD {
    background: #d2e0ef; /* Цвет фона ячеек */
    color: #000000; /* Цвет текста */
    FONT-SIZE: 13px; 
    FONT-FAMILY: Arial; 
    line-height: 150%;
    padding: 5px; 

   }

   
   .misal {
  float:left;
  width:99%;
  padding:10px;
  margin-bottom:10px;
  margin-right:5px;
  background-color:#e0f0f9;
  FONT-SIZE: 13px; 
  FONT-FAMILY: Arial;
  color:#2F4F4F;
  line-height: 150%;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;

}


   .sitat {
  float:left;
  width:95%;
  padding:10px;
  margin-bottom:10px;
  margin-right:5px;
  background-color:#e0f0f9;
  FONT-SIZE: 13px; 
  FONT-FAMILY: Arial;
  color:#2F4F4F;
  line-height: 150%;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
}


   .diqqet {
  float:left;
  width:95%;
  padding:10px;
  margin-bottom:10px;
  margin-right:5px;
  background-color:#e0f0f9;
  FONT-SIZE: 13px; 
  FONT-FAMILY: Arial;
  color:#2F4F4F;
  line-height: 150%;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
}

   .qeyd {
  float:left;
  width:95%;
  padding:10px;
  margin-bottom:10px;
  margin-right:5px;
  background-color:#e0f0f9;
  FONT-SIZE: 13px; 
  FONT-FAMILY: Arial;
  color:#2F4F4F;
  line-height: 150%;
  border-radius: 5px;
  border: 0px solid silver;
  overflow:auto;
}

   .esas {
  float:left;
  width:98%;
  padding:10px;
  margin-bottom:10px;
  background-color:#eef3f4;
  FONT-SIZE: 15px; 
  FONT-FAMILY: Arial;
  color:#2F4F4F;
  line-height: 100%;
  border-radius: 5px;
  border: 1px solid silver;
  overflow:auto;
}



 .message {
  float:left;
  width:95%;
  margin-bottom:10px;
  padding:10px;
  background-color:#e6e600;
  color:#35424a;
  border-radius: 5px;
  border: 1px solid silver;
  overflow:auto;
     
 }



 .basliq  {

    color: #3d566e; /* Цвет текста */
    FONT-SIZE: 16px; 
    FONT-FAMILY: Arial; 
    font-weight:bold;
    text-decoration:none;
   }


 .k_basliq  {

    color: #2F4F4F; /* Цвет текста */
    FONT-SIZE: 14px; 
    FONT-FAMILY: Arial; 
    font-weight:bold;
    text-decoration:none;

   }


b { 
    font-weight: bold;
    color:#2F4F4F;
}

 .b {
    font-weight: bold;
    color:#cc0000; 
 }




/* Media Queries */


@media(max-width: 800px){
  #main,
  #movzu1,  
  #movzu2,
  .sidebox,
  .container,
  #header .logo {
    float:none;
    text-align:left;
    width:95%;

  }
  
  
  
    #header .reklam_01 {
    display: none; 
      
  }


    #header .reklam_02 {
    width: 100%;  
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
  border: 0px solid red;

  }


  
  footer,  
  #movzu,
  #header {
    width:100%;      
    float:none;      
    text-align:left;
  }

 .xeber_pc,
 .meqale_block {
    display: none; 
 }

 .xeber_mob,
 .meqale_block2 {
    display: block; 
 }



 #boxes .box {
    float:none;
    text-align:center;
    width:200px;
     
 }

 .central {
    float:none;
    text-align:justify;
    width:90%;
     
 }

.hidden-menu,
.btn-menu {
 display:block;       
}

.xeb_img {
     display:block;       
     float:left;
     padding:5px;
}




  #movzu2{
  border-right: 0px solid #eeeeee;
  border-left: 0px solid #eeeeee;    
  overflow:auto;
}






/* Xeberler ile Meqalelerin yerlerini deyismek ucun */
.swap-vr {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}
.swap-vr__head {
    display: table-header-group;
}
.swap-vr__body {
    display: table-row-group;
}
.swap-vr__foot {
    display: table-footer-group;
}

/* Xeberler ile Meqalelerin yerlerini deyismek ucun sonu */

    .sidemenu,
     #sidebar {
    float:none;
    text-align:justify;
    width:95%;
     
 }


.header_box {
    float:none;
    text-align:center;
    width:100%;



     
 }


.header_top {
    float:none;
    text-align:justify;
    width:100%;

     
 }

 .sidebox {
    float:none;
    text-align:center;
    width:100%;
     
 }


 .head_menu,
 .header_top_axtar,
 #xeberler {
     display:none;
     
 }

 .block_abune {
  display:none;
  float:none;
  text-align:justify;  
  padding:10px;
  margin-top:10px;
  background-color:#acd2c5;
  border-radius: 5px;
}





  header{
    padding-bottom:20px;
  }


  #newsletter button, .quote button{
    display:block;
    width:100%;
  }

  #newsletter form input[type="text"], .quote input, .quote textarea{
    width:100%;
    margin-bottom:5px;
  }
}


@media screen and (max-width: 800px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: relative;
    right: 0;
    top: 0;
  }
 

  
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}