@import "../fonts/stylesheet.css";

body {
    font-family: 'Proxima Nova Rg';
    width: 100%;
    background: url('../images/bg.png') #fff;
    background-position: top center;
}

header {
    padding: 20px 0;
    box-sizing: border-box;
}

.phoneClass {
    display: block;
    padding: 10px 0;
    box-sizing: border-box;
}

.navMenu {
    text-align: center;
    display: block;
    padding: 7px 0;
}

.navMenu i {
    font-size: 28px;
}

.slide img {
    width: 100%;
}

.colorGreen {
    color: #146c37;
}

.subeler {}
.subeler h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
}

.subeler .item {
    position: relative;
    margin-bottom: 12px;
}
.subeler .item a {
    display: block;
}
.subeler .item a img {
    width: 100%;
}
.subeler .item  span {
    background: rgba(20, 108, 55, 0.81);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    padding: 11px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 21px;
}

.subeler .item  span a {
    color: #146c37;
    float: right;
    text-align: center;
    padding: 4px 10px;
    font-weight: bold;
    transition: all ease .5s;
    background: #fff;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px;
}
.subeler .item:hover  span {
    background: rgba(20, 108, 55, 1);
    transition: all ease .5s;
}



.yesilCerceve {}
.yesilCerceve h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
}

.yesilCerceve .itemGallery {}
.yesilCerceve .itemGallery a {
    display: block;
    margin-bottom: 10px;
}
.yesilCerceve .itemGallery a img {
    width: 100%;
}

.yesilCerceve .itemGallery .col-xs-3 {
    padding-right: 5px;
    padding-left: 5px;
}

.yesilCerceve .itemGallery .row {
    margin-right: -5px;
    margin-left: -5px;
}


.cemoSosyal {}
.cemoSosyal h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
}

.cemoSosyal .item {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
}
.cemoSosyal .item h4.title {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
}
.cemoSosyal .item h4.title small {
    font-weight: normal;
}
.cemoSosyal .item p {
    color: #9b9ba0;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
}

.cemoSosyal a.sosyalBtn {
    background: #146c37;
    border-radius: 4px;
    color: #fff;
    display: block;
    width: 100%;
    padding: 12px;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
}

.cemoSosyal .buttonGroup {
    margin: 15px 0;
    float: left;
    width: 100%;
}

footer {
    background: #146c37;
    float: left;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

footer .footerlogo {
    display: block;
    width: 100%;
    text-align: center;
}

footer .footerlogo img {
    display: inline-block;
}

footer .social {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
footer .social li {
    text-align: center;
}
footer .social li a {
    display: inline-block;
}
footer .social li a i {
    color: #fff;
    font-size: 28px;
}
footer .footerMenu {
    padding: 0;
    list-style: none;
    margin: 25px 0;
}
footer .footerMenu li {}
footer .footerMenu li a {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}

.clickMenu {
    background: rgba(20, 108, 55, 0.97);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
}
.clickMenu #close {
    width: 100%;
    text-align: right;
    display: block;
    color: #fff;
    padding: 20px 5px;
    margin-top: 10px;
}
.clickMenu #close i {
    font-size: 32px;
}
.clickMenu .headerMenu {
    list-style: none;
    padding: 0;
    font-size: 22px;
}
.clickMenu .headerMenu > li {
    margin-bottom: 10px;
}
.clickMenu .headerMenu > li a {
    color: #fff;
}
.clickMenu .headerMenu > li a i {
    color: #e1cf7c;
    margin-right: 7px;
}
.clickMenu .headerMenu > li ul.subMenu {
    list-style: none;
    margin-top: 10px;
}
.clickMenu .headerMenu > li ul.subMenu li {
    margin-bottom: 10px;
}
.clickMenu .headerMenu > li ul.subMenu li a {
    color: #fff;
}
.clickMenu .headerMenu > li ul.subMenu li a i {
    color: #e1cf7c;
}

.content {}
.content .pageImage {}
.content .pageImage img {
    width: 100%;
}

.backWhite {
    background: #fff;
    float: left;
    width: 100%;
    border: 1px solid #eaeaea;
}

.content {}
.content h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
}


.content p {
    color: #9b9ba0;
}

.content .itemList {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.content .itemList span {
    color: #aaaaae;
    font-size: 20px;
    font-weight: bold;
}
.content .itemList p {
    font-size: 16px;
    font-weight: 100;
}

.content .galleryItem {
    background: #fff;
    border: 1px solid #eaeaea;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 20px;
}

.content .galleryItem a {
    display: block;
    text-align: center;
    height: 130px;
    line-height: 130px;
    vertical-align: middle;
}
.content .galleryItem a img {
    width: 60%;
    display: inline-block;
}



.menuler {}
.menuler h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 20px;
}

.menuler .Menutitle {
    color: #a3a3a7;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}

.menuler .menuItem {
    background: #fff;
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 15px 0;
    border-radius: 3px;
    margin-bottom: 15px;
    float: left;
}
.menuler .menuItem img {
    width: 75%;
    display: inline-block;
}

.menuler .menuItem span {
    color: #9b9ba0;
    font-weight: 100;
    font-size: 16px;
    float: left;
    width: 100%;
}

.sube {
    margin-bottom: 20px;
}
.sube .pageImage {
    position: relative;
}
.sube .pageImage span {
    position: absolute;
    bottom: 30px;
    left: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.sube .pageImage img {
    width: 100%;
}

.sube .backWhite {
    border: none;
}

a.videoBtn {
    background: url('../images/videoBtn.png');
    height: 87px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    color: #fff;
    font-weight: bold;
    background-size: 100%;
    font-size: 16px;
    display: block;
    float: left;
    padding: 34px;
    padding-left: 50px;
    cursor: pointer;
    padding-right: 0;
}

.sube h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 20px;
}

.sube .menuItem {
    background: #fff;
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 15px 0;
    border-radius: 3px;
    margin-bottom: 15px;
    float: left;
}
.sube .menuItem img {
    width: 75%;
    display: inline-block;
}

.sube .menuItem span {
    color: #9b9ba0;
    font-weight: 100;
    font-size: 16px;
    float: left;
    width: 100%;
}

.sube .itemGallery {}
.sube .itemGallery a {
    display: block;
    margin-bottom: 10px;
}
.sube .itemGallery a img {
    width: 100%;
}

.sube .itemGallery .col-xs-3 {
    padding-right: 5px;
    padding-left: 5px;
}

.sube .itemGallery .row {
    margin-right: -5px;
    margin-left: -5px;
}

.map {
    float: left;
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}



.iletisim h4.title {
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 20px;
}

.iletisim .img {
    position: relative;
}
.iletisim .img img {
    width: 100%;
    border-radius: 4px;
}

.iletisim .img span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.iletisim .img a {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    background: #146c37;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
}

.iletisim .info {}
.iletisim .info .item {}
.iletisim .info .item label {
    color: #aaaaae;
    font-weight: bold;
    font-size: 16px;
}
.iletisim .info .item p {
    color: #aaaaae;
    font-weight: 100;
    font-size: 14px;
}

.iletisimItem {
    margin-bottom: 15px;
}
.dosyalist{
    height: 100%;
    color: #b0b9a1;
    transition: all ease .5s;
    /* Center slide text vertically */
    border: 1px solid #eaeaea;
    margin-bottom: 15px;
    float: left;
    text-align: center;
    padding: 10px;
}
.dosyalist i {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    font-size: 42px;
    float: left;
}
.dosyalist span {
    width: 100%;
    -: inline-block
    text-align: center;
    font-size: 14px;
    float: left;
    text-align: center;
}

.dosyalist:hover a {
    color: #146c37;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 38% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    position: relative;
    z-index: 99999999;
    height: 425px;
    border-radius: 15px;
}

/* The Close Button */
.close {
    float: right;
    font-size: 28px;
    font-weight: bold;
    color: #146c37;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-content img {
    margin-top: -62%;
    width: 100%;
    float: left;
}

.modal-content .right {
    float: right;
    width: 100%;
    box-sizing: border-box;
}

.modal-content .right h4 {
    font-size: 20px;
    color: #146c37;
    margin-bottom: 15px;
}
.modal-content .right p {
    font-size: 16px;
    color: #9b9ba0;
    line-height: 125%;
    height: 150px;
}

.modal-content .right span {
    color: #9b9ba0;
    font-size: 12px;
}

.gradient {
    background: rgba(105,89,54,1);
    background: -moz-linear-gradient(left, rgba(105,89,54,1) 0%, rgba(213,184,123,1) 95%, rgba(213,184,123,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,89,54,1)), color-stop(95%, rgba(213,184,123,1)), color-stop(100%, rgba(213,184,123,1)));
    background: -webkit-linear-gradient(left, rgba(105,89,54,1) 0%, rgba(213,184,123,1) 95%, rgba(213,184,123,1) 100%);
    background: -o-linear-gradient(left, rgba(105,89,54,1) 0%, rgba(213,184,123,1) 95%, rgba(213,184,123,1) 100%);
    background: -ms-linear-gradient(left, rgba(105,89,54,1) 0%, rgba(213,184,123,1) 95%, rgba(213,184,123,1) 100%);
    background: linear-gradient(to right, rgba(105,89,54,1) 0%, rgba(213,184,123,1) 95%, rgba(213,184,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695936', endColorstr='#d5b87b', GradientType=1 );
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.yorumForm input {
    float: left;
    width: 100%;
    margin-right: 1%;
    display: block;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 16px 20px;
    transition: all ease .5s;
    margin-top: 12px;
    border-radius: 10px;
}
.yorumForm input:focus {
    outline: 0;
    border-color: #146c37;
}
.yorumForm input:hover {
    outline: 0;
    border-color: #146c37;
}
.yorumForm div input:last-child {
    margin-right: 0;
    margin-top: 10px;
}
.yorumForm textarea {
    margin-top: 10px;
    float: left;
    width: 99%;
    display: block;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 16px 20px;
    transition: all ease .5s;
    height: 150px;
    border-radius: 10px;
}
.yorumForm textarea:focus {
    outline: 0;
    border-color: #146c37;
}
.yorumForm textarea:hover {
    outline: 0;
    border-color: #146c37;
}
.yorumForm button {
    background: #146c37;
    background: -moz-linear-gradient(left, #146c37 0%, #093218 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #146c37 0%,#093218 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #146c37 0%,#093218 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146c37', endColorstr='#093218',GradientType=1 ); /* IE6-9 */
    color: #fff;
    width: 176px;
    height: 50px;
    display: block;
    float: right;
    margin-top: 20px;
    border: none;
    cursor: pointer;
    font-family: 'Proxima Nova Rg', sans-serif;
    font-weight: 300;
    text-align: center;
    border-radius: 15px;
    font-size: 18px;
    transition: all ease .5s;
}

.yorumForm button:hover {
    transition: all ease .5s;
    background: #093218;
    background: -moz-linear-gradient(left, #093218 0%, #146c37 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #093218 0%,#146c37 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #093218 0%,#146c37 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093218', endColorstr='#146c37',GradientType=1 ); /* IE6-9 */
}

.yorumForm button:focus {
    outline: 0;
}