html,body {font-size:16px;}
html,body, a, h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}
a:hover {text-decoration:none;}
ul {margin:0;padding:0;list-style:none}
.uk-lightbox {background: rgba(18, 49, 10, 0.85)
}
#offcanvas-overlay {z-index:99999}
.round {border-radius:20px;}
.greenFade {background: rgba(69, 148, 93, 0.5);color:#fff;}
.circle {background:rgba(256,256,256,.3);border-radius:50%;padding:7px;display:block; width:55px;height:55px;margin:auto;}
.circle u {background:rgba(256,256,256,.6);border-radius:50%;padding:7px;display:block;}
.circle u i {background:rgba(256,256,256,.9);border-radius:50%;padding:7px;display:block;}
.circle:hover {background:rgba(256,256,256,.4);}
.circle:hover u {background:rgba(256,256,256,.4);}
.circle:hover u i {background:rgba(256,256,256,1);}
@media screen and (orientation: landscape)
{
header.welcomeHead {position:absolute;top:7px;left:0;right:0;width:100%;z-index:9999}
header .container {width:90%;margin:auto}
header .iconwrap {}
header .icon-container {background:#fff;width:25px;height:25px;border-radius:50%;padding:6px;text-align: center;border:5px solid #8ABC99}
header h2 {font-size:10px;color:#C5DECD}
header h2 a {font-size:13px;font-weight:bold;color:#fff;display:block;}
header h2 a:hover {opacity:.65;color:#fff;}
header .navLnk a {color:#fff;display:inline-block;margin-left:33px;margin-top:15px;}
header .navLnk a:hover {color:#45945D;}
header .navLnk a.active {color:#45945D;}

.pageHeader {background: url(../img/bg-pageHead.jpg) no-repeat right top;height:350px;}
.pageHeader .container {width:90%;margin:auto}
.pageHeader .navWrap {height:265px;}
.pageHeader h1 {font-size:36px;font-weight:bold;padding-left:100px;color:#fff;}
.pageHeader h1 span {color:#fff;font-size:14px;display:block;font-weight:normal}

.welcome {background: url(../img/welcome-bg.jpg) no-repeat right top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.welcome h1 {font-size:60px;font-weight:bold;}
.welcome h1 span {color:#45945D;font-size:23px;letter-spacing:5px;display:block;font-weight:normal}
.welcome h1 p {font-size:14px;font-weight:normal;margin:0;padding:0}
.welcome .uk-slideshow-nav a {font-weight: bold;font-size:16px;}
.welcome .uk-slideshow-nav a span {position: relative;top:3px;left:5px;}
.welcome .uk-slideshow-nav li a img {opacity:0;}
.welcome .uk-slideshow-nav li.uk-active a{color:#45945D;}
.welcome .uk-slideshow-nav li.uk-active a img {opacity:1;}
.welcome .socialmedia {position: absolute;bottom:33px;left:5%;}
.welcome .socialmedia a {width:35px;height:35px;border-radius:50%;background:transparent;color:#fafafa;padding:15px;}
.welcome .socialmedia a:hover {background:#45945D;color:#fff;}

.about  h1  {font-size:36px;color:#45945D;font-weight:bold;margin-left:50px}
.about  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
.about .aboutText {background:url(../img/bg01.png) no-repeat center;height:572px;padding:175px 6% 0 6%;}
.about .aboutText  {}
.about .aboutText p {font-size:14px;padding:0 50px}
.about .aboutText a {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;margin-left:50px!important;font-size:13px}
.about .aboutGallery {height:572px;padding:175px 0 0 0;}
.about .aboutGallery .slider-left  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
.about .aboutGallery .slider-right  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
.about .aboutGallery .slider-left:hover {;background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
.about .aboutGallery .slider-right:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
.about .aboutGallery a.button {background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:25px;font-size:14px;padding:5px 15px}
.about .aboutGallery a.button:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:25px;}

.metin {background:url(../img/bg02.png) no-repeat 110% 0;margin:100px 0}
.metin .container {width:90%;margin:auto;}
.metin  h1  {font-size:36px;color:#45945D;font-weight:bold;}
.metin  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal}
.metin p {font-size:16px;}
    .metin  a {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;font-size:13px}


    .metin2 {margin:100px 0}
    .metin2 .container {width:90%;margin:auto;background: #fafafa}
    .metin2  h1  {font-size:36px;color:#45945D;font-weight:bold;}
    .metin2  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal}
    .metin2 p {font-size:16px;}

.products {background:#45945D   url(../img/bg03d.png) no-repeat center;padding:100px 0}
.products .container {width:90%;margin:auto;}
.products .card {background:#fff;padding:75px;border-radius:25px;}
.products  h1  {font-size:36px;color:#fff;font-weight:bold;}
.products  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal}
.products  h2  {font-size:32px;color:#171D29;font-weight:bold;text-align:center}
.products  h2 span{font-size:18px;letter-spacing:5px;color:#45945D;display:block;font-weight: normal}
.products  a.lnk{background: #171D29;color:#fff;font-size:18px;padding:20px;border-radius: 25px;font-weight:normal;margin-right:10px!important;}
.products  a.lnk:hover{background: #45945D;color:#fff;font-size:18px;padding:20px;border-radius: 25px;font-weight:normal;margin-right:10px!important;}
.products  a.btn{background: #171D29;color:#fff;font-size:26px;padding:20px 22px;border-radius: 50%;font-weight:bold;width:33px;height:33px;margin-right:10px!important;}
.products  a.btn:hover{background: #45945D;color:#fff;font-size:26px;padding:20px 22px;border-radius: 50%;font-weight:bold;width:33px;height:33px;margin-right:10px!important;}

.hazirlama {margin:100px 0;}
.hazirlama .container {width:90%;margin:auto;}
.hazirlama  h1  {font-size:36px;color:#45945D;font-weight:bold;}
.hazirlama  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
.hazirlama  h2  {font-size:36px;color:#45945D;font-weight:bold;}
.hazirlama  h2 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
.hazirlama a.textLnk {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;font-size:13px}
.hazirlama .switchNav  {background:url(../img/bg04.png) repeat-x center;display:table;margin:50px auto;}
.hazirlama .switchNav li {display:inline-block;background:#fff;margin-right:250px;}
.hazirlama .switchNav li:last-child {display:inline-block;background:#fff;margin-right:0;}
.hazirlama .switchNav li a {display:inline-block;position:relative}
.hazirlama .switchNav li a  {display:block;width:20px;height:20px;text-align:center;padding:10px 10px 12px 10px;color:#171D29;background:#DFE5E1;border-radius:50%;}
.hazirlama .switchNav li a span {position:absolute;bottom:-30px;left:0;font-size:12px;font-weight:bold;color:#DFE5E1}
.hazirlama .switchNav li.uk-active a  {display:block;width:20px;height:20px;text-align:center;padding:10px 10px 12px 10px;color:#fff;background:#45945D;border-radius:50%;}
.hazirlama .switchNav li.uk-active a span  {}

.blog {background:url(../img/bg05.png) no-repeat}
.blog .container {width:90%;margin:auto;}
.blog  h1  {font-size:45px;color:#45945D;font-weight:bold;margin-left:50px}
.blog  h1 span{font-size:18px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
.blog  .slider-left  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
.blog  .slider-right  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
.blog  .slider-left:hover {;background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
.blog  .slider-right:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
.blog .haber {padding:50px;background:#fafafa;border-radius: 0 25px 25px 0}
.blog .yorum {padding:50px 0px 50px 75px;}
.blog .yorum .portreContainer {width:184px;height: 124px;background: url(../img/bg06.png);text-align:center;padding-top:22px;display:table;margin:auto;}
.blog .yorum .portreContainer img {max-width:162px;}
.blog .yorum h2 {font-size:22px;color:#45945D;text-align:center;}
.blog .yorum h2 span {font-size:12px;display:block;color:#171D29}
.blog .yorum p {font-size:16px;color:#171D29}

.instagram {margin-top:0px;position:relative;top:100px;}
.instagram .container{width:67%;margin:auto}
.instagram ul li {margin:10px;}
.instagram  a {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;margin-left:50px!important;}

.ekGaleri .container {width:90%;margin:auto;margin-top:66px;}
.ekGaleri .container h1 {color:#171a1d;font-weight:bold;font-size:42px}
.ekGaleri  .slider-left  {width:20px;height:20px;padding:15px 15px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;position:absolute;top:0;right:99px}
.ekGaleri  .slider-right  {width:20px;height:20px;padding:15px 15px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;position:absolute;top:0;right:33px}
.ekGaleri  .slider-left:hover {;background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
.ekGaleri  .slider-right:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}

.galerimiz  .container {width:90%;margin:auto;margin-top:66px;}

footer {background: #171D29;color:#fff;padding-top:200px;padding-bottom:33px;}
footer .container {width:65%;margin:auto;}
footer .nav strong {font-size:18px;}
footer .nav ul {margin-top:15px;}
footer .nav a {font-size:14px;color:#81848B;}
footer .nav a:hover {font-size:14px;color:#45945D;}
footer .socialmedia a {width:15px;height:15px;border-radius:50%;background:transparent;color:#fafafa;padding:8px 10px;}
footer .socialmedia a:hover {background:#45945D;color:#fff;}
footer .socialmedia strong {font-size:16px;display:block;margin-bottom:20px;}
footer .hizmet {margin-top:15px;font-size:18px;background:#262C37;padding:10px 25px;border-radius:33px;font-weight:bold;}
footer .hizmet span {display:block;margin-top:5px;font-size:12px;font-weight:normal}

.sozlesme {width:90%;margin:auto;padding:15px 0;text-align:right!important;}
.sozlesme a {font-size:14px;color:#171D29}

.siparis {position:fixed;top:40%;bottom:40%;right:0;}

}

.iletisim p  {margin-bottom:27px;}
.iletisim p strong {display:block;}
.iletisim .socialmedia {text-align:center;}
.iletisim .socialmedia a {width:35px;height:35px;border-radius:50%;background:transparent;color:#171a1d;padding:13px;}
.iletisim .socialmedia a:hover {background:#45945D;color:#fff;}

@media screen and (orientation: portrait)
{
    .mobile-header {background:transparent;position:absolute;top:0;left:0;right:0;width: 100%;z-index:9999}
    .mobile-header a {color:#fff;}
    .siparis {position:fixed;top:0;bottom:0;right:0;}
    
    .welcome {background: url(../img/welcome-bg-mobile.png) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
    .welcome h1 {font-size:36px;font-weight:bold;}
    .welcome h1 span {color:#45945D;font-size:16px;letter-spacing:5px;display:block;font-weight:normal}
    .welcome h1 p {font-size:14px;font-weight:normal;margin:0;padding:0}
    .welcome .uk-slideshow-nav a {font-weight: bold;font-size:16px;}
    .welcome .uk-slideshow-nav a span {position: relative;top:3px;left:5px;}
    .welcome .uk-slideshow-nav li.uk-active a{color:#45945D}
    .welcome .socialmedia {position: absolute;bottom:33px;left:5%;}
    .welcome .socialmedia a {width:35px;height:35px;border-radius:50%;background:transparent;color:#fafafa;padding:15px;}
    .welcome .socialmedia a:hover {background:#45945D;color:#fff;}

    .about  h1  {font-size:30px;color:#45945D;font-weight:bold;margin-left:5%}
    .about  h1 span{font-size:16px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
    .about .aboutText {background:url(../img/bg01.png) no-repeat center;height:572px;padding:33px 0% 0 0%;}
    .about .aboutText  {}
    .about .aboutText p {font-size:16px;padding:0 5%}
    .about .aboutText a {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;margin-left:13px!important;}
    .about .aboutGallery {height:572px;padding:33px;}
    .about .aboutGallery .slider-left  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
    .about .aboutGallery .slider-right  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
    .about .aboutGallery .slider-left:hover {;background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
    .about .aboutGallery .slider-right:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
    .about .aboutGallery a.button {background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:25px;font-size:14px;padding:5px 15px}
    .about .aboutGallery a.button:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:25px;}

    .metin {background:#fafafa url(../img/bg02.png) no-repeat 110% 0;padding:33px  0;margin:33px 0}
    .metin .container {width:90%;margin:auto;}
    .metin  h1  {font-size:30px;color:#45945D;font-weight:bold;}
    .metin  h1 span{font-size:16px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal}
    .metin p {font-size:14px;}

    .products {background:url(../img/bg03.png) no-repeat center;padding:33px 0}
    .products .container {width:90%;margin:auto;}
    .products .card {background:#fff;padding:33px;border-radius:25px;border:1px solid #ccc;}
    .products  h1  {font-size:30px;color:#45945D;font-weight:bold;}
    .products  h1 span{font-size:14px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal}
    .products  h2  {font-size:24px;color:#171D29;font-weight:bold;text-align:center}
    .products  h2 span{font-size:14px;letter-spacing:5px;color:#45945D;display:block;font-weight: normal}
    .products  a.lnk{background: #171D29;color:#fff;font-size:14px;padding:10px 15px;border-radius: 25px;font-weight:bold;margin-right:10px!important;}
    .products  a.btn{background:#171D29!important;font-size:12px!important;padding:10px 10px;border-radius:5px;font-weight:bold;width:10px;height:10px;margin-right:7px!important;}

    .hazirlama {margin:100px 0;}
    .hazirlama .container {width:90%;margin:auto;}
    .hazirlama  h1  {font-size:30px;color:#45945D;font-weight:bold;}
    .hazirlama  h1 span{font-size:14px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
    .hazirlama  h2  {font-size:30px;color:#45945D;font-weight:bold;}
    .hazirlama  h2 span{font-size:14px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
    .hazirlama a.textLnk {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;}
    .hazirlama .switchNav  {background:url(../img/bg04.png) repeat-x center;display:table;margin:50px auto;}
    .hazirlama .switchNav li {display:inline-block;background:#fff;margin-right:20px;}
    .hazirlama .switchNav li:last-child {display:inline-block;background:#fff;margin-right:0;}
    .hazirlama .switchNav li a {display:inline-block;position:relative}
    .hazirlama .switchNav li a  {display:block;width:20px;height:20px;text-align:center;padding:10px 10px 12px 10px;color:#171D29;background:#DFE5E1;border-radius:50%;}
    .hazirlama .switchNav li a span {position:absolute;bottom:-30px;left:0;font-size:12px;font-weight:bold;color:#DFE5E1}
    .hazirlama .switchNav li.uk-active a  {display:block;width:20px;height:20px;text-align:center;padding:10px 10px 12px 10px;color:#fff;background:#45945D;border-radius:50%;}
    .hazirlama .switchNav li.uk-active a span  {}

    .blog {background:#fafafa url(../img/bg05.png) no-repeat}
    .blog .container {width:90%;margin:auto;}
    .blog  h1  {font-size:30px;color:#45945D;font-weight:bold;margin-left:0px}
    .blog  h1 span{font-size:14px;letter-spacing:5px;color:#171D29;display:block;font-weight: normal;}
    .blog  .slider-left  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
    .blog  .slider-right  {width:20px;height:20px;padding:5px 7px;background: #ffffff;border:1px solid #171D29;color:#171D29;border-radius:50%;}
    .blog  .slider-left:hover {;background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
    .blog  .slider-right:hover {background: #45945D;border:1px solid #45945D;color:#ffffff;border-radius:50%;}
    .blog .haber {padding:50px;background:#fafafa;border-radius: 0 25px 25px 0}
    .blog .yorum {padding:50px 0px 50px 75px;}
    .blog .yorum .portreContainer {width:184px;height: 124px;background: url(../img/bg06.png);text-align:center;padding-top:22px;display:table;margin:auto;}
    .blog .yorum .portreContainer img {max-width:162px;}
    .blog .yorum h2 {font-size:18px;color:#45945D;text-align:center;}
    .blog .yorum h2 span {font-size:12px;display:block;color:#171D29}
    .blog .yorum p {font-size:16px;color:#171D29}

    .instagram {margin-top:0px;position:relative;top:0px;}
    .instagram .container{width:90%;margin:auto}
    .instagram ul li {margin:10px;}
    .instagram  a {background:#45945D;color:#fff;padding:10px 20px;border-radius:25px;margin-left:50px!important;}

    footer {background: #171D29;color:#fff;padding-top:33px;padding-bottom:33px;}
    footer .container {width:70%;margin:auto;}
    footer .nav strong {font-size:16px;}
    footer .nav ul {margin-top:15px;}
    footer .nav a {font-size:12px;color:#81848B;}
    footer .nav a:hover {font-size:14px;color:#45945D;}
    footer .socialmedia a {width:15px;height:15px;border-radius:50%;background:transparent;color:#fafafa;padding:8px 10px;}
    footer .socialmedia a:hover {background:#45945D;color:#fff;}
    footer .socialmedia strong {font-size:16px;display:block;margin-bottom:20px;}
    footer .hizmet {margin-top:15px;font-size:24px;background:#262C37;padding:10px 25px;border-radius:33px;font-weight:bold;}
    footer .hizmet span {display:block;margin-top:5px;font-size:13px;font-weight:normal}

}