/*
Theme Name: Selcuk Hukuk Bürosu
Theme URI: http://www.selcuk.av.tr
Description:
Author: Cenk Dolek
Author URI: http://www.binfil.com
Version: 1.0
Tags:
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html { -webkit-text-size-adjust:none; min-height: 100%}

html,body {
  font-family: 'Noto Serif', serif;
  font-size: 10px;
/*
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
*/
  background-color:#262833;
  color:#4d4d4d;
}

body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;

  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  z-index: 100;
}

#main-wrapper {
    background: #ffffff;
    overflow: hidden;
    margin: 20px auto;
}

.wrapper {
  margin: 0 auto;
  text-align: center;
}

#header{  
  background-image: url('../images/selcuk-attorneys-at-law-banner-1.jpg');
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  overflow: hidden;
  position: relative;
}

#header #logo-tr{
  background: url('../images/selcuk-attorneys-at-law-logo.png');
  background-position: center center;
  background-repeat: no-repeat;
}

#header #logo-en{
  background: url('../images/selcuk-attorneys-at-law-logo-en.png');
  background-position: center center;
  background-repeat: no-repeat;
}

#menu-area {
  font-size: 14px;
  left: 0;
}

#menu-area a,
#menu-area a:visited{
  color:white;
  filter: alpha(opacity=65);
  opacity: 0.65;
  text-decoration: none;
}

#menu-area a:hover{
  filter: alpha(opacity=100);
  opacity:1;
  text-decoration: underline;
}

#menu-area .rm {
  margin-right: 20px;
}

/* page related --------------------- */

.contentbox {
  margin: 0 auto;
  padding: 6% 12% 6% 12%;
  border-bottom:1px solid #e5e5e5;
  overflow: hidden;
}

#about-desc {
  display: none;
}


b, strong {
  font-weight: 700;
}

p.big a, a, a:visited{
  text-decoration: none;
  color:#1e1e1e;
}

p.big a:hover, a:hover{
  color:#008cd5;
}

p.big, p.big a{
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 15px;
  font-weight: 400;
  text-align: center;   
}

p.big2{
  width:90%;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
  padding:0 5%;
  font-weight: 400;
  text-align: center;
}


p.longtext{
  text-align: justify !important;
  text-justify: inter-word !important;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

p+p{
  text-align: justify !important;
  text-justify: inter-word !important;
  margin-top: 15px;
}

i{
  font-style: italic;
}

a.more-btn{
  font-size: 16px;
  text-decoration: none;
  display: block;
}

span.boutique {
  color: #FF5555 !important;
  font-weight: 400;
}

a.boutique {
  color: #FF5555 !important;
}

a.boutique:hover {
  color:#008cd5 !important;
}

h1{
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 15px;
  color:#262833;
  font-weight: 700;
  letter-spacing: 2.5px;
  padding: 0 20px 10px 20px;
  display: inline-block;
  border-bottom: 2.5px solid #1e1e1e;
}

h2{
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
  color:#262833;
  font-weight: 700;
  padding: 20px 0 0 0;
  text-align: center;
}

h3{
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}


/* new menu */

#newmenu {
  background: white;
  display: none;
  z-index: 999;
  position: fixed;
  bottom:0;
  border-top: 1px solid #f5f5f5;
  color: white;
  
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   box-shadow: 0px 0px 10px rgba(0,0,0,.5);  
}

#newmenu #newmenu-menu-area {
  margin: 0 auto;
  overflow: hidden;
}



#newmenu {
  padding-top: 10px;
  padding-bottom: 5px;
}

#newmenu #newmenu-menu-area a span {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
}

ul#new-bottom-menu {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  font-size: 14px;
}

ul#new-bottom-menu li {
  display: table;
  padding: 0 15px 0 15px;
  float:left;
  height: 90px;
  white-space: nowrap;
}

ul#new-bottom-menu li:last-child {
    padding: 0 0 0 15px;
}

ul#new-bottom-menu li a {
  color: #999;
}

ul#new-bottom-menu li a:hover {
  color:#008cd5;
}

ul#new-bottom-menu li span.valign {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
}


/* contact */

#address {
  overflow: hidden;
}

#address div{
  width:24%;
  margin: 40px 1% 0 0;
  text-align: left !important;
  padding-bottom: 40px;
}

#address p,
#address p a {
  font-size: 14px;
  line-height: 22px;
}

/* partners */
.partner {
    font-size: 14px;
    line-height: 20px;
    margin-top: 60px;
}

.partner p {
  margin-bottom: 20px;
}

/* practice list */

#practice-list{
  display: block;
  margin: 20px 1% 0 0;
}

#practice-list li{
  overflow: hidden;
  display:block;  
  border-bottom:1px solid #e5e5e5;
  width:80%;
  margin: 0 auto;
  padding: 20px;
  cursor: hand;
  cursor: pointer;
}

#practice-list li:last-child{
  border-bottom: 0;
}


#practice-list span{
  display:block;
  background-color: #d8d8d8;
  color:white;
  width:20px;
  height:20px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 20px;
  margin:0 auto 10px auto;
}

#practice-list li a{
  display: block;
  line-height: 20px;
  font-size: 16px;
  overflow: hidden;
  padding: 1px 0 0 0;
  font-weight: 700; 
}

#practice-list li div {
  margin: 20px 0 0 0;
  display: none;
}

#footer-menu {
  display: none;
}

.nobottomborder {
  border-bottom: 0 !important;
}

/* 960 -------------------------------------------- */
@media screen and (min-width: 961px) {

  .wrapper {
    width: 960px;
  }

  #header,
  #header #logo-tr,
  #header #logo-en {
    width: 960px;
    height: 530px;
  }

  #menu-area {
    position: absolute;    
    top: 380px;
  }

  #newmenu {
    width: 960px;
  }

  ul#new-bottom-menu {
    width: 670px;
  }

  #address div {
    float:left;
  }


  .partner {
    width: 50%;
    float: left;
  }


} /* 960 */


/* 760 -------------------------------------------- */
@media screen and (min-width: 761px) and (max-width: 960px) {
  
  .wrapper {
    width: 760px;
  }

  #header,
  #header #logo-tr,
  #header #logo-en {
    width: 760px;
    height: 420px;
  }

  #menu-area {
    position: absolute;    
    top: 320px;
  }

  #newmenu {
    width: 760px;
  }
  
  ul#new-bottom-menu {
    width: 610px;
  }

  #address div {
    float:left;
  }


} /* 760 */


/* 480 --------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 760px) {

  .wrapper {
    width: 480px;
  }

  #header {
    width: 480px;
    height: 360px;
    background-size: 200%, 200%;
    background-repeat: no-repeat;
  }

  #header #logo-tr,
  #header #logo-en {
    width: 480px;
    height: 265px;
  }

  #menu-area {
    position: absolute;    
    top: 280px;
  }

  #newmenu {
    width: 480px;
  }
  
  ul#new-bottom-menu {
    width: 480px;
  }

  ul#new-bottom-menu li {
    padding: 0 8px 0 8px;
    font-size: 12px;
  }

  #address {
    padding: 20px 0 40px 0;
  }

  #address div {
    clear: both;
    float:none;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    margin: 0;
  }

  #address div > * {
    text-align: center; 
  }
  
} /* 480 */


/* 320 ----------------------------------------*/
@media screen and (max-width: 480px) {  
  
  #main-wrapper {
    margin: 0 auto;
  }

  .wrapper {
    width: 320px;
  }


  #header {
    width: 320px;
    height: 460px;
    background-size: 245%, 200%;
    background-repeat: no-repeat;
  }
  
  #header #logo-tr,
  #header #logo-en {
    width: 320px;
    height: 320px;
  }

  #menu-area {
    position: absolute;    
    top: 260px;
  }

  #menu-area .rm {
    margin-right: 10px;
    line-height: 40px;
  }

  .contentbox {
    padding: 10% 5% 10% 5%;
  }

  p.big, p.big a {
    font-size: 20px;
    line-height: 26px;
  }

  p.big2, p.big2 a {
    font-size: 16px;
    line-height: 22px;
  }

  #about-desc {
    padding-top: 15px;
  }

  #address {
    padding: 20px 0 40px 0;
  }

  #address div {
    clear: both;
    float:none;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    margin: 0;
  }

  #address div > * {
    text-align: center; 
  }

  .partner > img {
    width: 50%;
    height: auto;
  }

  .partner {
    margin-top: 40px;
  }

  #practice-list {
    margin: 0;
    padding: 0;
  }

  #practice-list li {
    padding: 20px 0 20px 0;
    width: 100%;
  }

  #footer {
    border-top: 1px solid #efefef;
  }

  #footer-menu {
    display: block;
    font-size: 12px;
    line-height: 25px;
  }

  #footer-menu a.rm {
    margin-right: 15px;
  }
  
} /* 320 */



/* iphone landscape */
/* iphone landscape */
/* iphone landscape */

@media screen and (max-device-width: 480px) and (orientation:landscape) {

  .wrapper {
    width: 480px;
  }


  #header {
    width: 480px;
    height: 270px;
    background-size: 200%, 200%;
    background-repeat: no-repeat;
  }
  
  #header #logo-tr,
  #header #logo-en {
    width: 480px;
    height: 200px;
  }

  #menu-area {
    position: absolute;    
    top: 160px;
  }

  #menu-area .rm {
    margin-right: 10px;
    line-height: 40px;
  }

  #newmenu {
    display: none !important;
  }

}


/* retina stuff */


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2), screen and (max-width: 480px) {


}  




@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */

  #header #logo-tr {
    background: url('../images/selcuk-attorneys-at-law-logox2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 251px 100px;
  }

  #header #logo-en{
    background: url('../images/selcuk-attorneys-at-law-logo-enx2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 251px 100px;
  }

  img#bottom-logo-tr {
    content: url('../images/small-selcuk-attorneys-at-law-logox2.png');
  }

  img#bottom-logo-en {
    content: url('../images/small-selcuk-attorneys-at-law-logo-enx2.png');
  }
  

}