/*
	!!!!! DO NOT CHANGE OR MODIFY THIS PART !!!!!

	URI: http://www.gunayguzellik.com
	Description: Main CSS File For Günay Güzellik Salonu
	Version: 1.0
	Author: Tunç Akın
	Author URI: http://www.tuncakin.com

	!!!!! DO NOT CHANGE OR MODIFY THIS PART !!!!!
*/

/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div{
    display: block;
}

img {
    border: none;
}

table {
    border-spacing: 0px;
    border: none;
}

a {
    text-decoration: none;
    color: #333333;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html, body{
    height: 100%;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

*:focus {
    outline: 0;
}
/* Reset CSS */

/* General Components */
body{
    background-color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #333;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
    url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
    url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
    url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol{
    font-size: 70px;
    cursor: pointer;
    display: inline-block;
    margin: 0px 2px;
}

.ie_symbol{
	display: none;
}

.ie .ie_symbol{
    width: 70px;
    margin: 0px 2px;
    height: 70px;
    display: inline-block !important;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

.facebook{
    color: #3b5998;
}

.twitter{
    color: #00aced;
}

.googleplus{
    color: #dd4b39;
}

.instagram{
    color: #517fa4;
}

#main_container{
    width: 100%;
    min-height: 200px;
    height: auto;
    margin: 0px auto;
}

#menu_container{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 100px;
    background-color: #f5f5f5;
}

#menu_and_logo_holder{
    width: 1024px;
    height: 100%;
    position: relative;
    margin: 0px auto;
}

#page_contents{
    position: relative;
    width: 1024px;
    display: block;
    margin: 0px auto;
    padding-top: 40px;
    min-height: 460px;
}

#logo_container{
    width: 300px;
    height: 120px;
    position: absolute;
    left: 0;
    z-index: 99;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#logo{
    position: relative;
    width: 100%;
    padding: 15px;
    background-color: #FF1300;
    height: 100%;
}

#logo_container:before, #logo_container:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

#logo_container:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}


#logo_container span{
    color: #ffffff;
    text-align: center;
    display: block;
    position: relative;
    width: 215px;
    float: right;
    font-weight: 100;
}

#logo_container span:last-of-type{
    font-size: 16px;
}

#logo:before{
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    background: url("../images/logo_kadin.png") no-repeat transparent;
    width: 56px;
    height: 80px;
}

#menu{
    float: right;
    width: auto;
    height: 100%;
}

.menu_items{
    display: inline-block;
    margin: 0px 15px;
    width: 110px;
    line-height: 100px;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-weight: 100;
}

.active_menu_item:before{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 55px 0 55px;
    border-color: #FF1300 transparent transparent;
}

.active_menu_item{
    color: #fff;
    background-color: #FF1300;
    -webkit-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    1px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         1px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.active_menu_item a{
    color: #ffffff;
}

#copyright, #address, #telephone{
    font-size: 13px;
    font-weight: 100;
    display: block;
    line-height: 15px;
    width: 440px;
    margin: 10px 0px;
}

#social_icons{
    position: absolute;
    width: auto;
    height: 100px;
    padding: 10px;
    right: 0;
    top: 0;
}

#logo_font{
    font-family: 'Philosopher', sans-serif;
    color: #ffffff;
    font-size: 50px;
}

#footer{
    position: relative;
    width: 1024px;
    display: block;
    min-height: 100px;
    margin: 0px auto;
    border-top: 1px solid #ccc;
}
/* General Components */


/* Hizmetlerimiz */
#hizmetlerimiz_imaj{
    width: 400px;
    height: 400px;
    -webkit-border-radius: 400px;
    -moz-border-radius: 400px;
    border-radius: 400px;
    padding:10px;
    background-color: #efefef;
    position: relative;
    float: left;
}

.hizmetlerimiz_imaj_minik{
    width: 200px;
    height: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    padding:10px;
    background-color: #efefef;
    position: absolute;
    top: 320px;
    left: -50px;
}

.hizmetlerimiz_imaj_minik:last-of-type{
    top: 320px;
    left: 250px;
}

.hizmetlerimiz_imaj_minik img{
    width: 180px;
    height: 180px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    position: absolute;

}

#hizmetlerimiz_imaj img{
    width: 380px;
    height: 380px;
    -webkit-border-radius: 380px;
    -moz-border-radius: 380px;
    border-radius: 380px;
    position: absolute;

}

#hizmetlerimiz_yazi{
    width: 600px;
    float: left;
    margin: 10px 0px 10px 20px

}

#hizmetlerimiz_yazi p{
    margin: 10px 0px;
    font-weight: 100;
}

.hizmetlerimiz_liste li{
    padding: 5px 0px;
}

.hizmetlerimiz_liste{
    float: left;
    width: 200px;
    font-weight: 200;
    margin-left: 60px;
}

.hizmetlerimiz{
    height: 570px;
}
/* Hizmetlerimiz */

/* Galeri */
.fancybox{
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 10px 8px 10px 8px;
    border: 5px solid #efefef;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.fancybox:hover{
    border: 5px solid #FF1300;
}

.fancybox img{
    width: 140px;
    height: 140px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.gallery_sub_items{
    display: block;
    padding: 10px 0px;
    width: 100%;
    height: auto;
    float: left;
}

.gallery_sub_items span{
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    font-weight: 100;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#instagram_link{
    border-bottom: 1px dotted #333333;
    color: #517fa4;
}

#italic{
    font-style: italic;
}
/* Galeri */


/* İletişim */
.iletisim{
    height: 560px;
}

#harita_holder{
    float: left;
    width: 620px;
    border-right: 1px solid #cccccc;
    padding: 20px 20px 20px 0px;
    position: relative;
    height: auto;
    min-height: 200px;
}

#harita_holder iframe{
    position: relative;
    float: left;
}

#adres_holder{
    float: left;
    width: 390px;
    padding: 10px 0px 10px 10px;
    height: 450px;
    position: relative;
}

#address_header, #telephone_header{
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 5px 5px 5px 0px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 100;
}

#telephone_header{
    margin-top: 40px;
}

.adres_span{
    position: relative;
    margin: 10px 0px !important;
    float: left;
    font-size: 16px;
    font-weight: 100;
}
/* İletişim */



/* Ana Sayfa */
#gallery_holder{
    position: relative;
    display: block;
}


.gecko .main_page{
    min-height: 500px !important;
}

.ie .main_page{
    min-height: 400px !important;
}

.ie .symbol{
    display: none;
}

/* Ana Sayfa */