/*Reset*/
:focus,:hover{outline: none}
ul,li{list-style-type: none;padding: 0;margin: 0}
a:hover,a:focus{outline: none}
/*a {-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
a:hover{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }*/

/*Font Face*/
@font-face {
    font-family: 'bira_font';
    src: url('../fonts/bira_personal_use_only-webfont.eot');
    src: url('../fonts/bira_personal_use_only-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bira_personal_use_only-webfont.woff2') format('woff2'),
    url('../fonts/bira_personal_use_only-webfont.woff') format('woff'),
    url('../fonts/bira_personal_use_only-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*Wrapper*/
.wrapper{}
    .autoCenter{width: 1000px;margin: 0 auto}
    /*Header*/
    .header{position: relative}
        .headerTop{position: absolute;z-index: 10;width: 100%}
            .menuTop{padding: 10px 0}
                .social{float: left}
                    .socialici{float: left}
                        .socialici a{background: url("../images/social-icon.png") 0 0 no-repeat;width: 22px;height: 22px;display: block}
                        .face{margin-right: 4px}
                            .face a{background-position: 0 0}
                            .face a:hover{background-position: 0 -24px}
                        .twit{}
                            .twit a{background-position: -26px 0}
                            .twit a:hover{background-position: -26px -24px;opacity: 0.7}
                .phone{float: right;}
                    .phone span{font-family: century gothic, sans-serif;font-weight: 700;font-size: 11px;color: #fff;display: block;float: left;padding: 3px 0 0 9px;}
                    .phone-icon{background: url("../images/phone-icon.png") 0 0 no-repeat;width: 22px;height: 22px;display: inline-block;float: left}
            .menuWrapper{background-color: black;height: 95px;}
                .logo{float: left;padding: 10px 0}
                    .logo a{display: block}
                .menu{float: right}
                    .menu ul{float: left;margin-right: 15px}
                        .menu ul li{float: left}
                        .menu ul li a{display:block;font-family: century gothic, sans-serif;font-weight: 700;font-size: 14px;color: #fff;text-decoration: none;padding: 39px 23px;}
                        .menu ul li a:hover{color:#ff71b7;background:url("../images/menu-bg-hover.png") 0 0 repeat-x;opacity: 1}
                    .profilWrapper{float: left;margin-top: 20px}
                        .sepet{margin-bottom: 10px}
                            .sepet a{background: url("../images/sepet-icon.png") 0 0 no-repeat;width: 23px;height: 23px;display: block}
                        .profil{}
                            .profil a{background: url("../images/profil-icon.png") 0 0 no-repeat;width: 23px;height: 23px;display: block}

        .headerBottom{position: relative;top: 0;z-index: 0;}
            .slider{position: relative}
                .underline{position: absolute;width: 280px;margin: 0 0 0 -138px;left: 50%;bottom: 42px;background: url("../images/border.png") 0 0 no-repeat;height: 1px}


    /*Content*/
    .content{background: url("../images/content-bg.png") 0 0 no-repeat;width: 100%;background-size: 100%;font-family:'Century Gothic';}
        .content-ici{position: relative;padding-bottom: 15px}
            .content-ici > ul{margin-top: 25px;float: left;}
                .content-ici > ul > li{float: left;position: relative;margin: 0 28px 10px 0;}
                    .content-img{float: left}
                    .iconContent{background: url("../images/content-icon.png") 0 0 no-repeat;width: 47px;height: 47px;display: inline-block;float: left;position: absolute;left: 137px;top: 52px}
                    .contentText{float: left;width: 163px;background: #fff;height: 159px;padding: 10px 10px 0 32px;}
                    .contentText1{padding: 10px 30px 0 10px!important;}
                        .contentText a{color:#694273;font-family: century gothic, sans-serif;font-weight: 400;font-size: 20px;margin: 0 0 5px;text-decoration: none;display: inline-block;line-height: 23px}
                        .contentText p{color: #818181;font-family: century gothic,sans-serif;font-size: 11px;font-weight: 500;height: 77px;line-height: 13px; margin: 7px 0 0 0;overflow: hidden;text-align: justify}
                        .content-ici > ul > li:hover .contentText a{color:#ff71b7}
                        .content-ici > ul > li:hover .iconContent{background-position: 0 -48px}
            .contentRight{float: right;background: url("../images/contentRight-bg.png") 0 0 no-repeat;width: 242px;height: 588px;position: absolute;right: 0;top: -38px;padding: 20px 16px 20px 10px;z-index: 2}
                .contentRight a{color:#988e93;font-family: century gothic, sans-serif;font-weight: 400;font-size: 20px;text-decoration: none;display: inline-block}
                .contentRight > p{color:#c5c4c5;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px}
                .contentSlider{margin-bottom:11px}
                    .contentSlider p{color:#c5c4c5;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;text-align: justify;text-indent: 25px}
                .contentRighticerik{padding: 15px 0}
                    .contentRighticerik a{text-align: right;padding: 0 0 0 111px;line-height: 20px}
                    .contentRighticerik p{text-align: right;margin: 12px 0 0;color:#c5c4c5;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;height: 32px;overflow: hidden}

    /*Footer*/
    .footer{}
        .footerTop{background-color:black;height: 184px;padding: 20px 0;width: 100%;}
            .footerMenu{border: 1px dashed #763e70;padding: 15px;border-radius: 3px}
                .footerMenu h1{color:#ff71b7;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;margin: 0 0 10px 0;background: url("../images/footeri-icon.png") 0 center no-repeat;padding-left: 9px}
                .footerMenu a{color:#fff;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;display: inline-block;text-decoration: none;line-height: 23px}
                .f_menu{float: left;margin-right: 52px}
                .e-bulten{border-left: 1px dashed #763e70; width: 226px;margin-right: 0;padding-left: 28px}
                    .e-bulten p{color:#fff;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;line-height: 22px}
                    .ebultenForm{background: url("../images/input-bg.png") 0 0 no-repeat;width: 189px;height: 33px;padding: 3px 0 0 4px}
                        .ebultenForm input{border: none;width: 135px;height: 27px;color:#fff;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;background: none}
                        .ebultenForm button{background: url("../images/btn-bg.png") 0 0 no-repeat;width: 45px;height: 27px;border: none;color:#fff;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;padding:0}
        .footerBottom{height: 38px;background: #000000}
            .footerBottom p{text-align: right;color:#fff;font-family:verdana, arial, sans-serif;font-weight: 400;font-size: 10px;margin: 0;padding: 13px 0}
            .footerBottom p span{color:#ff96d5}

    /*Alt Detay Sayfası*/
    .menuBotomPhoto{}
        .menuBotomPhoto img{width: 100%;height: 207px}
    .textWrapper{background: #fff;padding: 20px 12px;}
        .textWrapperBaslik{margin-bottom: 35px}
            .textWrapperBaslik h1{margin: 0 auto;text-align: center;background: #fff;position: relative;z-index: 1;width: 320px;color: #3a2344;font-family: 'Century Gothic';font-size: 22px}
            .textWrapperBaslik span{display:block;border: 1px solid #8087a7;margin: -12px 0 0 0}
    .textWrapperici{}
        .textWrapperici .imgBig{margin-bottom: 30px}
        .textWrapperici img{border: 6px solid #f2f2f2}
        .textWrapperici p{text-indent: 35px;text-align: justify;margin-bottom: 0;color:#3a2344;font-family: century gothic, sans-serif;font-weight: 500;font-size: 15px;}
        .text-ici{margin: 35px 0}
            .text-ici img{float: left}
            .text-ici p{float: right;width: 550px}

     /*Detay Form Sayfası*/
    .detayForm{border:1px dashed #a8a5aa;margin-top: 30px;padding: 40px 30px;border-radius: 5px}
        .detayForm h1{margin: -53px -10px 0;background: #fff;position: relative;z-index: 1;color: #3a2344;font-size: 22px;float: left;padding: 0 10px;}
        .formControl{}
            .formControl .clearfix{margin-bottom: 27px}
            .checkboxWrapper{position: relative}
            .groupControl{float: left;margin-right: 7px}
            .groupControl:last-child{margin-right: 0}
                .groupControl .input{width: 300px;height: 35px;border-radius: 5px;border: none;background: #f4f4f4;color: #6b6b6b;font-family: century gothic, sans-serif;font-weight: 500;font-size: 12px;padding: 0 10px}
                .groupControl .checkbox1{margin-right: 10px;position: relative;top:2px}
                .groupControl label{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 500;font-size: 12px;margin-bottom: 10px}
                    .marginNone{margin: 0!important;}
                .groupControl select{width: 300px;height: 35px;border-radius: 5px;border: none;background: #f4f4f4;color: #6b6b6b;font-family: century gothic, sans-serif;font-weight: 500;font-size: 12px;padding: 0 10px;}
                .formControl textarea{width: 913px;height: 140px;border-radius: 5px;border: none;background: #f4f4f4;color: #6b6b6b;font-family: century gothic, sans-serif;font-weight: 500;font-size: 12px;padding: 10px 10px}
                .groupControl button{border: none;background:url("../images/detay-form-btn-bg.png") 0 0 no-repeat;width: 147px;height: 42px;padding: 0;color: #fff;font-family: century gothic, sans-serif;font-weight: 700;font-size: 11px}
                .submitBtn{position: absolute;right: 0;bottom: 0}
    /*Detay Sayfası*/
    .textWrapperici1{position: relative}
        .detayLeft{background-color: #000000;width: 243px;position: relative;top: -40px;padding: 25px 30px;float: left}
            .detayMenu{}
                .detayMenu ul{}
                .detayMenu ul li{background: url("../images/detay-menu-border.png") 0 bottom no-repeat;width: 176px}
                .detayMenu ul li:last-child{background:none}
                .detayMenu ul li a{display:block;text-decoration: none;color: #fff;font-family: century gothic, sans-serif;font-weight: 500;font-size: 13px;padding: 13px 0 13px 30px;}
                .detayMenu ul li i{background: url("../images/cristal-icon.png") 0 0 no-repeat;width: 16px;height: 13px;display: inline-block;float: left;margin-top: 14px}
                .detayMenu ul li:hover a{color: #fff}
                .detayMenu ul li:hover i{background-position: 0 -16px }
        .detayRight{float: left;background: #fff;padding: 30px 20px 30px 30px;width: 756px}
            .textWrapperBaslik1{}
                .textWrapperBaslik1 h1{margin: 0;text-align: left;display: inline-block;padding-right: 20px;width: auto}
                .textWrapperBaslik1 i.icon-1{background: url("../images/icon-1.png") 0 0 no-repeat;width: 19px;display: inline-block;height: 19px;margin-right: 20px}
            .text-ici1{}
                .text-ici1 p{width:405px}
    /*İletişim Sayfası*/
    .iletisimForm{}
        .f_left{float: left;padding-left: 15px}
            .f_left label{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;}
            .f_left input{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 400;font-size: 12px;background: #f3f3f3;border: none;width: 250px;height: 30px;padding-left: 10px}
            .f_left textarea{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;background: #f3f3f3;border: none;resize: none;width: 350px;height: 110px;padding: 10px}
            .f_left button{color: #fff;font-family: century gothic, sans-serif;font-weight: 700;font-size: 11px;border: none;resize: none;width: 123px;height: 30px;background: url("../images/form-btn.png") 0 0 no-repeat;padding:0;margin-top: 10px}
        .f_Right{float: right;width: 352px}
            .f_Right ul li{margin-bottom: 15px}
                .f_Right ul li i.iconAdress{background: url("../images/adress-icon.png") 0 0 no-repeat;display: inline-block;float:left;width: 18px}
                .f_Right ul li i.map-icon{background-position: 0 4px;height: 21px;}
                .f_Right ul li i.telephone-icon{height: 18px;background-position: 0 -19px}
                .f_Right ul li i.mail-icon{height: 15px;background-position: 0 -39px}
                .f_Right ul li p{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;float: left;margin:0 0 0 15px }
                .f_Right ul li span{color: #3a2344;font-family: century gothic, sans-serif;font-weight: 400;font-size: 11px;float:left;margin-left: 15px}
    .map{margin-top: 15px;padding-left: 15px}
        .map iframe{height: 240px;width: 960px}