/*
    Company: Fikirgen BiliÅŸim
    Developer: Erkan DURSUN
    Email: erkan.dursun@fikirgen.com
*/

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaaaaa;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaaaaa;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa;
}

.color-theme{ color: #b07940;}
.color-yellow{ color: #ffe224 !important;}
.color-blue{ color: #0a8ede !important;}
.color-gray{ color: #828282 !important;}
.color-gray2{ color: #626979 !important;}
.color-darkgray{ color: #343c51 !important;}
.color-lightgray{ color: #c4c9cf !important;}

.bg-theme{ background-color: #b07940;}
.bg-yellow{ background-color: #ffe224 !important;}
.bg-gray{ background-color: #919191 !important;}
.bg-gray2{ background-color: #626979 !important;}
.bg-darkgray{ background-color: #343c51 !important;}
.bg-lightgray{ background-color: #cccccc !important;}
.bg-lightgray2{ background-color: #eeeef1 !important;}
.bg-xlightgray{ background-color: #f6f6f6 !important;}

.btn{ }
.btn.btn-yellow{ background: #ffe224; border-color: #ffe224;}
.btn.btn-yellow:hover{ background: #ffffff !important; border-color: #ffe224 !important;}
.btn.btn-yellow-o{ background: #ffffff !important; border-color: #ffe224 !important; color: #000000 !important;}
.btn.btn-yellow-o:hover{ background: #ffe224 !important;}
.btn.btn-black{ background: #000000; border-color: #000000;}
.btn.btn-black:hover{ background: #ffffff !important; border-color: #000000 !important;}
.btn.btn-darkgray{ background: #343c51; border-color: #343c51;}
.btn.btn-darkgray:hover{ background: #ffffff !important; border-color: #343c51 !important;}
.btn.btn-theme{ background: #b07940; border-color: #b07940;}
.btn.btn-theme:hover{ background: #ffffff; border-color: #b07940; color: #b07940;}
.btn.btn-theme-o{ background: #ffffff;  color: #b07940; border-color:#b07940;}
.btn.btn-theme-o:hover{ background: #b07940;  color: #ffffff;}
.btn.btn-white{ background: #ffffff;  color: #b07940 !important; border-color: #b07940 !important;}
.btn.btn-white:hover{ background: #b07940;  color: #ffffff;}
.btn.btn-white-o{ background: transparent;  color: #ffffff; border-color: #ffffff;}
.btn.btn-white-o:hover{ background: #ffffff;  color: #b07940;}

.btn-noborder {
    border: none;
}
.single-line{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.multi-line {
    /*white-space: pre-line;*/
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.multi-line-3 { -webkit-line-clamp: 3; }
.multi-line-4 { -webkit-line-clamp: 4; }
.multi-line-5 { -webkit-line-clamp: 5; }
.multi-line-6 { -webkit-line-clamp: 6; }
.multi-line-7 { -webkit-line-clamp: 7; }
.multi-line-8 { -webkit-line-clamp: 8; }
.multi-line-9 { -webkit-line-clamp: 9; }
.multi-line-10 { -webkit-line-clamp: 10; }


.max-content {
    max-width: 100%;
    overflow: hidden;
}
.border-gray {
    border: solid 1px #dbdbdb;
}

ol {
    counter-reset: li
}
ol li {
    counter-increment: li;
    margin-left: 20px;
}
ol li::before {
    content: counter(li);
    color: #ffe224;
    display: inline-block;
    font-weight: 900;
    width: 1em;
    margin-left: -1em;
    text-align: right;
    margin-right: 5px;
}


/*# sourceMappingURL=plugin.css.map */

.scrolltop {
    background: rgba(226, 74, 36, 0.55);
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    border-radius: 50%;
    font-size: 40px;
    display: none;
    z-index: 100;
}
.scrolltop:hover {
    background: rgba(226, 74, 36, 1);
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: 800px;
    margin: 20px auto;
}
.start-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
}
.noScroll{margin: 0; height: 100%; overflow: hidden;position: relative;}
.pageload {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #ffffff no-repeat center center;
    z-index: 999;
    height: 100%;
    transition: none;
}

.spinner {
    display: block;
    position: relative;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
    width: 140px;
    height: 140px;
    text-align: center;
}
body {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
    color: #000000;
    font-size: 14px;
    position: relative;
    padding: 0px;
    margin: 0px;
    height: auto;
    max-width: 100%;
    overflow-x: hidden;
}
main {
    margin-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}
a {
    text-decoration: none;
    color: #4a4a4a;
}
b, strong {
    font-weight: bold;
}
.wrapper {
    width: 100%;
}
.container{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.container-fluid{
  width: calc(100% - 200px);
  margin-left: 100px;
  margin-right: 100px;
  display: block;
}
.z10 {z-index: 10;}
.z20 {z-index: 20;}
.z30 {z-index: 30;}
.z40 {z-index: 40;}
.z50 {z-index: 50;}
.z60 {z-index: 60;}
.z70 {z-index: 70;}
.z80 {z-index: 80;}
.z90 {z-index: 90;}
.z100 {z-index: 100;}

.preview-navbar {
    width: 100%;
    height: 35px;
    background: #252525;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    position: fixed;
    left: 0;
    z-index: 9999;
    bottom: 0;
    opacity: .7;
    box-shadow: 0px -3px 5px 0px rgba(50,50,50,0.5);
}

header {
    background: rgba(0,0,0,.75);
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0) 100%);
    /*background: url(../image/header-bg.png) repeat-x;*/
    text-align: right;
    position: fixed;
    width: 100%;
    z-index: 101;
    top: 0;
    left: 0;
    font-size: 0;
    transition: all .2s ease-in-out;
    height: 240px;
    color: #ffffff;
}

.header-type-2 header,
.header-type-3 header,
.header-type-4 header {
    color: #3d3d3d;
    background: none;
    height: 90px;
}


.header-type-2 header,
.header-type-3 header {
    background: none;
}
.header-type-3 header{
    position: relative;
}
.header-type-2 header .header-top > .container > .row {
    padding-left: 40px;
    padding-right: 40px;
}
.header-type-2 header .header-menu > .container {
    background: #ffffff;
}
.header-type-2 header .header-menu > .container > .row {
    padding-left: 40px;
    padding-right: 40px;
}
.header-type-3 header .header-menu {
    background: #ffffff;
    transition: all .2s ease-in-out;
}

header.sticky {
    background: #ffffff;
    color: #3d3d3d;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    height: 55px;
    padding: 0px 0 10px;
    position: fixed;
}

header.sticky.has-topheader {
    height: 90px;
}

header .menu-content {
    padding-left:15px;
    padding-right:15px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    transition: all .2s ease-in-out;
    text-align: left;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); 
}
header.sticky .menu-content {
    margin-top: 0px;
    box-shadow: none;
}
header.sticky .menu-content {
    padding-left:15px;
    padding-right:15px;
    height: 35px;
    line-height: 35px;
}


/* Header Logo */
header .logo {
    margin-top: 6px;
    display: inline-block;
    float: left;
}
header .logo img {
    transition: all .2s ease-in-out;

}
header.sticky .logo img {
    filter: none;
    height: 40px;
}
header .logo img.original-logo {
    display: none;
}
.header-type-2 header .logo img.original-logo,
.header-type-3 header .logo img.original-logo {
    display: block;
}
header .logo img.white-logo {
    display: block;
}
.header-type-2 header .logo img.white-logo,
.header-type-3 header .logo img.white-logo {
    display: none;
}
header.sticky .logo img.original-logo {
    display: block;
}
header.sticky .logo img.white-logo {
    display: none;
}


header .mobile-logo {
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
    float: left;
}
header .mobile-logo img {
    max-height: 50px;
}


/***************************************/

header .header-top {
    color: #ffffff;
    transition: all .2s ease-in-out;
}

.header-type-2 header .header-top > .container {
    background: #e6e6e6;
}
.header-type-2 header.sticky .header-top {
    background: #e6e6e6;
}
.header-type-3 header .header-top {
    background: #e6e6e6;
}

header .header-contact a{
    color: #ffffff;
}

.header-type-2 header .header-contact a:not(.btn),
.header-type-3 header .header-contact a:not(.btn) {
    color: #b07940;
    font-weight: 700;
}
header.sticky .header-contact a:not(.btn) {
    color: #b07940;
}

.header-type-2 header nav.mainmenu > div > a,
.header-type-3 header nav.mainmenu > div > a,
.header-type-2 header nav.mainmenu > div > span,
.header-type-3 header nav.mainmenu > div > span {
    color: #484848;
}

header.sticky nav.mainmenu > div > span,
header.sticky nav.mainmenu > div > a{
    color: #666666 !important;
}



/* Header Menu */

header nav.mainmenu {
    clear: both;
    display: inline-block;
    text-align: right;
    padding-top: 15px;
    transition: all .2s ease-in-out;
    vertical-align: top;
}

header.sticky nav.mainmenu {
    padding-top: 5px;
}

header nav.mainmenu > div {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}
header nav.mainmenu > div.has-submenu:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 7.5px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .8));
    margin-top: -12px;
    margin-left: 30px;
}
header.sticky nav.mainmenu > div.has-submenu:hover:after {
    margin-top: -8px;
}
header nav.mainmenu > div:hover > div{
    display: inline-block;
    padding: 20px 25px
}
header nav.mainmenu > div > span,
header nav.mainmenu > div > a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 0 30px 0 0;
    display: inline-block;
    text-decoration: none;
    line-height: 40px;
    height: 50px;
}
header nav.mainmenu > div:last-child > a{
    padding-right: 0px;
}
header nav.mainmenu > div > a:hover{
    color: #b07940;
}

header nav.mainmenu > div > .submenu{
    display: none;
    position: absolute;
    top: 46px;
    left: -50px;
    background: #ffffff;
    z-index: 99;
    width: 300px;
    text-align: left;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    font-size: 0;
    padding: 20px 0 20px 20px;
}

header.sticky nav.mainmenu > div > .submenu{
    top: 50px;
}

header nav.mainmenu > div >  .submenu > div{
}
header nav.mainmenu > div >  .submenu > div > a{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    display: block;
    z-index: 99;
    vertical-align: top;
}
header nav.mainmenu > div >  .submenu > div > a:hover  {
    color: #b07940;

}
header nav.mainmenu > div >  .submenu > div > a img{
    vertical-align: middle;
    margin-right: 10px;
    width: 32px;
}
header nav.mainmenu > div >  .submenu > div > a:hover img{
    filter: brightness(0) invert(1);
}
header nav.mainmenu > div >  .submenu > div > a > i{
    float: right;
    margin-top: -3px;
    font-size: 36px;
    color: #b07940;
}

header nav.mainmenu > div >  .submenu > div{
    position: relative;
}
header nav.mainmenu > div >  .submenu > div > .submenu2{
    display: none;
    position: absolute;
    top: -8px;
    left: 275px;
    background: #ffffff;
    padding: 20px 0px 20px 20px;
    z-index: 99;
    width: 250px;
    text-align: left;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    border-radius: 7px;
}

header nav.mainmenu > div >  .submenu > div:hover > .submenu2{
    display: block;
}

header nav.mainmenu > div >  .submenu > div:hover > .submenu2 > div{
    border-left: 7px solid #cccccc;
}

header nav.mainmenu > div >  .submenu > div > .submenu2 > div > a{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 10px;
    display: block;
    z-index: 99;
    vertical-align: top;
}
header nav.mainmenu > div >  .submenu > div > .submenu2 > div > a:hover{
    color: #b07940
}

/* Mega Menu */
header nav.mainmenu > div > .megamenu{
    display: none;
    position: absolute;
    top: 60px;
    left: 0px;
    background: #ffffff;
    padding: 20px 0 20px 20px;
    z-index: 99;
    width: 100%;
    text-align: left;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    font-size: 0;
    border-radius: 6px;
}
header.sticky nav.mainmenu > div > .megamenu{
    top: 55px;
}
header nav.mainmenu > div > .megamenu > div div.megamenu-subitems {
    margin-bottom: 30px;
}
header nav.mainmenu > div > .megamenu > div a {
    color: #606060;
    font-size: 16px;
    font-weight: 300;
    display: block;
    padding: 5px 0;
    display: block;
    vertical-align: top;
}
header nav.mainmenu > div >  .megamenu > div a.megamenu-header{
    font-weight: 700;
    width: 100%;
    border-left: none;
    font-size: 16px;
}
header nav.mainmenu > div >  .megamenu > div a:hover  {
    color: #b07940;

}
header nav.mainmenu > div >  .megamenu > div  img,
header nav.mainmenu > div >  .megamenu > div > span > img,
header nav.mainmenu > div >  .megamenu > div > a > img{
    vertical-align: middle;
    margin-right: 10px;
    width: 100%;
}
header nav.mainmenu > div >  .megamenu > div a > i{
    float: right;
    margin-top: -3px;
    font-size: 36px;
}


header nav.mainmenu > div >  .megamenu > div{
    position: relative;
}
header nav.mainmenu > div >  .megamenu > div > .mega-submenu{
    top: 10px; 
    left: 297px;
    padding: 10px 0px;
    z-index: 99;
    text-align: left;
}


header nav.mainmenu > div >  .megamenu > div:hover > .mega-submenu{
    display: block;
}

header nav.mainmenu > div >  .megamenu > div > .mega-submenu a{
    color: #b07940;
    font-size: 16px;
    padding: 8px 10px;
    display: block;
    z-index: 99;
    vertical-align: top;
}
header nav.mainmenu > div >  .megamenu > div > .mega-submenu:hover{
    background: #b07940;
    color: #ffffff;
}

/* Language */

header .language:hover {
    background: #3d3d3d;
    border-color: #3d3d3d;
    color: #ffffff;
}

header .language {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    vertical-align: top;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    transition: all .2s ease-in-out;
    margin-top: 15px;
    width: 50px;
}
header .language-seperator {
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 15px;
    transition: all .2s ease-in-out;
}
header.sticky .language-seperator {
    margin-top: 5px;
}
header .language > div {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    height: 45px;
    width: 50px;
    cursor: pointer;
}

.header-type-2 header .language,
.header-type-3 header .language {
    color: #3d3d3d;
}
header .language > div:hover{
    background: #3d3d3d;
    height: auto;
    color: #ffffff;
}
header.sticky .language {
    color: #3d3d3d;
    margin-top: 5px;
}
header .language:hover {
    background: #3d3d3d;
    border-color: #3d3d3d;
    color: #ffffff;
    height: auto;
    min-height: 50px;
}
header .language ul li a:hover {
    background: #c0df26;
    color: #3d3d3d !important;
}

/* Search */
header .search {
    color: #ffffff;
}

.header-type-2 header .search,
.header-type-3 header .search {
    color: #3d3d3d;
}

header.sticky .search {
    color: #3d3d3d;
}


/* Mobile Menu */
header .mobile-menu {
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #e24a24;
    padding: 0 5px;
    font-size: 35px;
    transition: all .2s ease-in-out;
}
header .mobile-menu i {
    transition:all .2s ease-in-out;
}
header .mobile-menu.open i {
    transform:rotate(45deg)
}

.mobilemenu {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    padding-top: 30px;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.mobilemenu img{
    display: none;
}
.mobilemenu div > a {
    color: #333;
    font-weight: 900;
    font-size: 16px;
    display: block;
    width: 80%;
    margin-left: 10%;
    border-bottom: solid 1px #ddd;
    padding: 5px 0;
    text-align: left;
}
.mobilemenu .mobile-submenu > a {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    display: block;
    width: 75%;
    margin-left: 15%;
    border-bottom: solid 1px #ddd;
    padding: 5px 0;
    text-align: left;
}


/* Mobile Quick Menu */
.mobile-quick-menu-btn {
    background: #e24a24;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 95;
    font-size: 45px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    cursor: pointer;
}
.mobile-quick-menu {
    position: fixed;
    left: 20px;
    bottom: 90px;
    z-index: 95;
    overflow: hidden;
    height: 0;
    transition: all .2s ease-in-out;
    list-style: none;
}
.mobile-quick-menu.open{
    height: auto;
}
.mobile-quick-menu li a{
    display: inline-block;
    padding: 5px 20px;
    color: #ffffff;
    margin-bottom: 10px;
    background: #bc8d49;
    font-size: 20px;
    border-bottom: solid 2px #eeeeee;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.mobile-quick-menu a.whatsapp{
    color: #000000;
    background: #35b848;
}
.mobile-quick-menu a.call-us{
    background: #5d5d5d;
}

/* Search */

.search-content {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(226, 74, 36,.9);
    top: 0;
    right: 0;
    z-index: 105;
    transition: none;
    left: 0;
    bottom: 0;
}

.search-content input{
    width: calc(100% - 80px);
    margin-top: 300px;
    height: 80px;
    float: left;
    background: transparent;
    line-height: 80px;
    padding: 0 20px;
    font-size: 24px;
    color: #ffffff;
    border: solid 2px #ffffff;
}

.search-content input::placeholder {
    color: #7e1a00;
    font-weight: 900;
}

.search-content button{
    float: right;
    color: #ffffff;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    padding: 0 15px;
    cursor: pointer;
    text-align: center;
    width: 80px;
    margin-top: 300px;
}

.search-content button:hover{
    color: #000;
}

/* Home InfoBox*/
.info-box {
    background: rgb(105,151,204);
    background: linear-gradient(90deg, rgba(105,151,204,1) 0%, rgba(110,208,247,1) 100%);
    border-radius: 10px;
    height: 150px;
}
/* Footer */

footer {
    clear: both;
    position: relative;
    z-index: 90;
}

.instagram-slider{}
.instagram-slider a {
    height: 150px;
    display: block;
    background-size: cover;
    background-position: center center;
}


.social-link {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    color: #000000;
    border-radius: 50%;
    text-align: center;
    margin: 0 5px;
}

.social-link:hover {
}

.social-link.linkedin {
    color: #017bba;
}
.social-link.facebook {
    color: #3c5a98;
}
.social-link.twitter {
    color: #4ac6ea;
}
.social-link.youtube {
    color: #eb1c24;
}
.social-link.instagram {
    color: #833ab4;
}
.social-link.whatsapp {
    color: #34AF23;
}

.social-link:hover {
    color: #000000 !important;
}

.social-link-box {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #454545;
    border-radius: 50%;
    text-align: center;
    margin: 0 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    vertical-align: middle;
}


.header-type-3 .social-link-box,
.header-type-2 .social-link-box {
    color: #ffffff;
    background: #b07940;
}

.social-link-box:hover {
}

.social-link-box.linkedin:hover {
    background: #017bba;
    color: #ffffff;
}
.social-link-box.facebook:hover {
    background: #3c5a98;
    color: #ffffff;
}
.social-link-box.twitter:hover {
    background: #4ac6ea;
    color: #ffffff;
}
.social-link-box.youtube:hover {
    background: #eb1c24;
    color: #ffffff;
}
.social-link-box.instagram:hover {
    background: #833ab4;
    color: #ffffff;
}


.copyright {
}

/* Breadcrumb */

.breadcrumb {
    margin: 10px 10px 10px 0;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 600;
}
.breadcrumb a{
    color: #4b4b4b;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 300;
}
.breadcrumb a:last-child:after{
    margin-right: 0px;
    content: ''
}
/* Home Slider*/
.home-slider-content {
    background: #000000;
    z-index: 10;
}
.home-slider{

}
.home-slider .home-slider-item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.home-slider .home-slider-item .cover{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .4);
}
.home-slider .home-slider-item .description{
    bottom: 140px;
    left: 0;
    position: absolute;
    width: 100%;
    min-height: 10px;
    padding: 30px 20px 20px;
    font-size:28px;
    font-weight: 400;
    color: #ffffff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
    border-bottom: solid 5px #ffffff;
}
.home-slider .home-slider-item .slider-content {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.home-slider .home-slider-item .slider-content .slider-detail{
    padding-top: 300px;
    width: 60%;
}
.home-slider .home-slider-item .slider-content .slider-detail-center{
    text-align: center;
    margin-left: 20%;
}
.home-slider .home-slider-item .slider-content .slider-detail-right{
    text-align: right;
    margin-left: 40%;
}
.home-slider .home-slider-item .slider-content h3{
    display: block;
    font-size:40px;
    font-weight: bold;
}

.home-slider.owl-carousel .owl-stage-outer{
    width: 100%;
}

.home-slider.owl-carousel .owl-dots{
    text-align: right;
    position: absolute;
    bottom: 50px;
    width: 100%;
    left: 0;
    padding-left: 20px;
    z-index: 91;
}

.home-slider.owl-carousel .owl-dots .owl-dot{
    width: 20px;
    height: 20px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin: 0 3px;
}
.home-slider.owl-carousel .owl-dots .owl-dot.active,
.home-slider.owl-carousel .owl-dots .owl-dot:hover{
    background: #ffffff;
    border-color: #ffffff;
}

#carousel-custom-dots.owl-dots{
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    z-index: 91;
}

#carousel-custom-dots.owl-dots .owl-dot{
    width: 30px;
    height: 10px;
    border: solid 1px #ffffff;
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;    box-shadow: 1px 1px 5px 0px rgba(0,0,0,.4);
}
#carousel-custom-dots.owl-dots .owl-dot.active,
#carousel-custom-dots.owl-dots .owl-dot:hover{
    background: #e24a24;
    border-color: #e24a24;
}


/* Reference Slider */

#reference-slider-dots.owl-dots{
    text-align: center;
    bottom: 20px;
    margin-top: 20px
}

#reference-slider-dots.owl-dots .owl-dot{
    width: 12px;
    height: 12px;
    border: solid 1px #aaaaaa;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;

}
#reference-slider-dots.owl-dots .owl-dot.active,
#reference-slider-dots.owl-dots .owl-dot:hover {
    background: #aaaaaa;
    border-color: #aaaaaa;
}
/* Content Slider */

.container-slider-dots.owl-dots{
    text-align: center;
    bottom: 20px;
    margin-top: 20px
}

.container-slider-dots.owl-dots .owl-dot{
    width: 12px;
    height: 12px;
    border: solid 1px #aaaaaa;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;

}
.container-slider-dots.owl-dots .owl-dot.active,
.container-slider-dots.owl-dots .owl-dot:hover {
    background: #aaaaaa;
    border-color: #aaaaaa;
}
.fvd-boxlist-image {
    width: 100%;
}

.fvd-boxlist-image-10 { width: 10%; }
.fvd-boxlist-image-20 { width: 20%; }
.fvd-boxlist-image-30 { width: 30%; }
.fvd-boxlist-image-40 { width: 40%; }
.fvd-boxlist-image-50 { width: 50%; }
.fvd-boxlist-image-60 { width: 60%; }
.fvd-boxlist-image-70 { width: 70%; }
.fvd-boxlist-image-80 { width: 80%; }
.fvd-boxlist-image-90 { width: 90%; }
.fvd-boxlist-image-100 { width: 100%; }



.owl-carousel .owl-stage {
    height: 100%;
}

.owl-carousel .owl-item,
.owl-carousel .owl-item > div {
    height: 100%;
}

.content-slider-dots {
    margin-top: 20px;
    text-align: center;
}
.content-slider-dots.owl-dots .owl-dot {
    background: #ffffff;
    border: solid 1px #000000;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 2px;
}
.content-slider-dots.owl-dots .owl-dot.active, 
.content-slider-dots.owl-dots .owl-dot:hover {
    background: #000000;
}
.content-slider-dots.owl-dots .owl-dot.active {
    width: 18px;
}

/* Static Page */
.page-detail {
}
.page-detail .main-image {
    padding-left: 25px;
    position: relative;
    margin-top: 25px;
}
.page-detail .main-image:after {
    content: '';
    background: #ffe224;
    left: 0;
    top: -25px;
    position: absolute;
    z-index: 19;
    width: 70%;
    height: 70%;
}
.page-detail .main-image img {
    width: 100%;
    position: relative;
    z-index: 20;
}
.page-detail .page-content{
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}
.page-title {
    color: #505050;
    font-size: 36px;
    padding: 0 50px 0 0;
    position: relative;
    z-index: 1;
    text-align: left;
}
.page-title:before {
    border-top: 1px solid #a1a1a1;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.page-title span{
    background: #ffffff;
    padding: 0 50px 0 0;
    font-weight: 700;
    display: inline-block;
}
.header{
    position: relative;
    background: #dce6ef;
}

.header .detail {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(1, 93, 174, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.header h1{
    display: block;
    margin: 90px auto 20px;
    color: #02599d;
    font-size: 34px;
    font-weight: 800;
    text-transform: uppercase;
}
.header p{
    display: inline-block;
    width: 60%;
    color: #000000;
    font-size: 24px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
.header span{
    display: inline-block;
    color: #ffffff;
    background: #02599d;
    font-size: 24px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
    padding: 10px 30px;
    margin-top: 50px
}
.under-line {
    position: relative;
}
.under-line:after {
    content: '';
    display: block;
    background: #e24a24;
    width: 100px;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* Product Category */

#product-categoy-page .products .product-item:hover {
    border-color: #ffe224;
}
/* Contact */
.contact-detail {
}
.contact-detail .header{
    position: relative;
    background: #dce6ef;
}
.contact-detail .header .detail{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.contact-detail .header h1{
    display: inline-block;
    width: 50%;
    margin: 70px auto 20px;
    color: #02599d;
    font-size: 40px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
.contact-detail .header p{
    display: inline-block;
    width: 60%;
    color: #000000;
    font-size: 24px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
}
.contact-detail .header span{
    display: inline-block;
    color: #ffffff;
    background: #02599d;
    font-size: 24px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .4);
    padding: 10px 30px;
    margin-top: 50px
}
.contact-detail .header .breadcrumb{
    margin: 20px;
}
.contact-detail .header .breadcrumb a{
    color: #000000;
    font-size: 14px;
    margin-right: 5px;
}
.contact-detail .header .breadcrumb a:after{
    margin-left: 5px;
    content: '>'
}
.contact-detail .header .breadcrumb a:last-child:after{
    margin-right: 0px;
    content: ''
}

.contact-content{
}
.contact-form{

}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color: #a1a09f;
}
.contact-form input,
.contact-form textarea{
    width: 100%;
    height: 60px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    background: #ffffff;
    border: solid 1px #959595;
    display: block;
    margin: 0px 0 30px 0;
    padding: 0 20px;
}
.contact-form input.error,
.contact-form textarea.error{
    background: #ffd1d1;
    border: solid 1px #ff6a6a;
}
.contact-form textarea{
    height: 105px;
}
.contact-form select{
    width: 100%;
    height: 60px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    background: #ffffff;
    border: solid 1px #959595;
    display: block;
    margin: 0px 0 30px 0;
    padding: 0 20px;
}
.contact-form select.error{
    background: #ffd1d1;
    border: solid 1px #ff6a6a;
}

.contact-form .sendcontact i{
    display: none;
}
.contact-form .sendcontact.sending{
    background: #aaa;
}
.contact-form .sendcontact.sending i{
    display: inline-block;
}
.contact-info{
}
#map{
    width: 100%;
    height: 450px;
    background: #ebf0f4;
    padding: 25px;
}

/* Blog */
.blog-share-tools a {
    display: inline-block;
    text-align: center;
    font-size: 26px;
    color: #000000;
    background: transparent;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px 0 0;
}

.social-link:hover {
}

.blog-share-tools a.ssk-linkedin {
    background: #017bba;
    color: #ffffff;
}
.blog-share-tools a.ssk-linkedin:hover {
    background: #017bba;
    color: #ffffff;
}
.blog-share-tools a.ssk-facebook {
    background: #3c5a98;
    color: #ffffff;
}
.blog-share-tools a.ssk-facebook:hover {
    background: #3c5a98;
    color: #ffffff;
}
.blog-share-tools a.ssk-twitter {
    background: #4ac6ea;
    color: #ffffff;
}
.blog-share-tools a.ssk-twitter:hover {
    background: #4ac6ea;
    color: #ffffff;
}
.blog-share-tools a.ssk-whatsapp {
    background: #34AF23;
    color: #ffffff;
}
.blog-share-tools a.ssk-whatsapp:hover {
    background: #34AF23;
    color: #ffffff;
}

/* Title Style*/

.title-style-1 {
    color: #505050;
    padding: 0 50px 0 0;
    position: relative;
    z-index: 1;
    text-align: left;
}
.title-style-1:before {
    border-top: 1px solid #a1a1a1;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.title-style-1 span{
    background: #ffffff;
    padding: 0 30px 0 0;
    font-weight: 700;
    display: inline-block;
}

.page-header {
    position: relative;
}

.page-header .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 90;
}

.page-header .page-header-content {
    color: #ffffff;
    padding: 0 50px 0 0;
    position: absolute;
    text-align: left;
    z-index: 90;
    bottom: 100px;
    width: 100%;
}
.page-header .page-header-content h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 50px;
    padding: 0 50px 0 0;
    text-align: left;
    z-index: 90;
    bottom: 100px;
}
.page-header.page-header-without-image {
    padding: 20px 0 20px 0;
    background: #f0f1f5;
}
.page-header.page-header-without-image .page-header-content{
    position: relative;
    bottom: auto;
}

.page-header.page-header-without-image .page-header-content h1{
    color: #4b4b4b;
    font-size: 36px;
}
.page-header .breadcrumb,
.page-header .breadcrumb a{
    color: #ffffff;
}

/* Html Content */
.html-content {
    color: #020202;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 300;
}
.html-content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 300;
}
.html-content .big-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.6em;
}
.html-content .small-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.6em;
}
.html-content .highlight {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.6em;
}
.html-content h1 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content h3 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content h4 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content h5 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content h6 {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.6em;
}
.html-content p.small{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    line-height: 1.6em;
}
.html-content b,
.html-content strong{
    font-weight: bold;
}
.file-download-button {
    display: inline-block;
    color: #000000;
    text-align: left;
    margin: 20px;
    font-size: 18px;
    border: solid 1px #dddddd;
    padding: 5px;
    line-height: 52px;
}

.file-download-button-2:before {
    font-family: "Font Awesome 5 free";
    font-size: 36px;
    content: "\f019";
    display: block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-top: 20px;
    font-weight: 900;
}

.file-download-button:before {
    content: '';
    background: url("/assets/images/icon-sertifika.png");
    padding: 5px;
    width: 40px;
    height: 40px;
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}

.file-download-button.inverse-btn:before {
    content: '';
    background: #e24a24 url("/assets/images/icon-sertifika.png");
    padding: 5px;
    width: 40px;
    height: 40px;
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
}

.file-download-button:hover {
    background: #e24a24;
    padding: 5px 33px;
    border: solid 1px #e24a24;
}

.file-download-button:hover:before {
    background: #e24a24;
    display: none;
}
.file-download-button:hover:after {
    filter: none;
}

/* Accordion */
.accordion-detail {
    overflow: hidden;
    height: 0;
    padding: 0;
    transition: all .3s ease-in-out;
}
.accordion-detail.open {
    height: auto;
    padding: 40px 0 20px 0px;
}
.accordion h4 i {
    transition: all .3s ease-in-out
}
.accordion h4.open i {
    transform: rotate(180deg)
}
.accordion h4 {

}
/*.accordion h4.open,
.accordion h4:hover {
    background: #626979 !important;
    color: #ffffff !important;
}*/
.accordion h4.open .accordion-icon,
.accordion h4.open .title-style-1 span,
.accordion h4:hover .accordion-icon,
.accordion h4:hover .title-style-1 span{
    background: #626979 !important;
    color: #ffffff;

}
/* GeniÅŸ Ekran */
@media only screen and (min-width: 1500px) {
    .container {
        width: 1100px;
    }

    .home-slider .home-slider-item .slider-content h3 {
        font-size: 50px;
    }
}

/* Tablet Dikey*/
@media only screen and (max-width: 1200px){
	.container{
		width: 940px;
	}
    header .language {
        margin-top: 5px;
    }
    header .language-seperator {
        margin-top: 5px;
    }
    .menu-bg {
        height: 70px;
    }
    header .search {
        display: inline-block;
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        vertical-align: top;
        height: 35px;
        line-height: 35px;
        border-radius: 23px;
        padding: 0 15px;
        overflow: hidden;
        transition: all .2s ease-in-out;
        vertical-align: top;
        margin-top: 10px;
    }
    .search-content .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .search-content input{
        font-size: 18px;
    }
    .search-content #search-btn {
        background: #272727;
    }
    header {
        padding-bottom: 0;
    }
    header.sticky {
        height: 70px;
    }
    header .mobile-menu {
        display: inline-block;
    }
    
    .home-slider .home-slider-item .slider-content .slider-detail{
        padding-top: 150px;
    }
    .home-slider .home-slider-item .slider-content h3 {
        font-size: 30px;
    }
    .mobile-items {
        position: absolute;
        right: 80px;
        top: 14px;
    }
    .header-type-3 header .header-menu {
        height: 60px;
    }
}

/* Tablet Yatay */
@media only screen and (max-width: 1024px) {
    header .logo img {
        height: 40px;
        filter: none;
    }
    .page-header {
        
    }
    .container-fluid{
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
        display: block;
    }
}

/* Tablet Yatay */
@media only screen and (max-width: 1024px) and (max-height: 768px){


}

/* Mini Tablet Dikey */
@media only screen and (max-width: 991px){
    main {
        margin-top: 70px;
    }
    .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    header {
        height: 90px;
    }
   
    header.sticky {
        height: 70px;
    }
    .header-type-2 header, .header-type-3 header {
        height: 70px;
        background: #ffffff;
    }
    header.sticky.has-topheader {
        height: 70px;
    }

    .home-slider .home-slider-item .slider-content .slider-detail {
        padding-top: 100px;
        width: 70%;
        margin-left: 15%;
    }
    .home-products ul li {
        width: 50%;
    }
    .page-header  {
        margin-top: 70px;
    }
    .page-header .page-header-content h1 {
        font-size: 32px;
    }
    .search-content button {
        font-size: 16px;
        float: right;
    }
    home-products-slider.owl-carousel .owl-nav .owl-next, .home-products-slider.owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .home-products-slider.owl-carousel .owl-nav .owl-next {
        right: 0px;
    }
    .page-header .page-header-content {
       bottom: 20px;
    }
    .breadcrumb {
        display: none;
    }
    
    .fvd-boxlist-image {
    }
}


/* Mini Tablet Yatay */
@media only screen and (max-width: 991px) and (max-height: 768px){


}

/* Mobil Dikey */
@media only screen and (max-width: 767px){
    .container{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    header .mobile-menu {
        padding: 0 15px;
    }
    header .language {
        padding: 0 10px;
    }

    .copyright {
        font-size: 11px;
    }
    .home-box1 .cover .title {
        font-size: 30px;
        margin-top: 70px;
        margin-bottom: 50px;
    }

    .home-products ul li {
        width: 100%;
    }

    .home-products ul li {
        border-left: none;
    }

    table.responsive-table {
        border: 0;
    }

    table.responsive-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
  
    table.responsive-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
  
    table.responsive-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

        table.responsive-table td::before {
            /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
            content: attr(data-title);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }
  
    table.responsive-table td:last-child {
        border-bottom: 0;
    }

    .page-header h1{
        font-size: 24px;
    } 
    

    /* HTML AREA */

    .html-content .big-title {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    .page-header.page-header-without-image .page-header-content h1 {
        color: #4b4b4b;
        font-size: 20px;
    }
    
    .fvd-boxlist-image {
    }
    .container-fluid{
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        display: block;
    }
}

/* Mobil Yatay */
@media only screen and (max-width: 767px) and (max-height: 450px){


}


/* Mobil Dikey */
@media only screen and (max-width: 479px){
	.container{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
   
    header .logo img {
        height: 40px;
        margin-top: 4px;
    }
    header.sticky .logo img {
        height: 40px;
        margin-top: 4px;
    }
    .breadcrumb{ display: none;}

    .home-slider .home-slider-item .slider-content .slider-detail {
        padding-top: 150px;
        width: 100%;
        margin-left: 0%
    }
    .home-slider .home-slider-item .slider-content h3 {
        font-size: 20px;
    }
    
    .page-header .page-header-content {
        bottom: 10px;
    }
    .page-header .page-header-content h1 {
        font-size: 20px;
    }
    .product-detail .product-seri {
        padding: 5px 10px;
        font-size: 16px;
        font-weight: 700;
        margin-left: 8px;
        margin-bottom: 10px;
    }
    .search-content input {
    }
    #carousel-custom-dots.owl-dots {
        bottom: 5px;
    }
    .home-slider .home-slider-item a {
        padding: 0 15px;
        height: 35px;
        line-height: 35px;
        border-radius: 50px !important;
        font-size: 14px;
    }
}


/* Mini Mobil Dikey */
@media only screen and (max-width: 360px){
    .container{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    header .logo img {
        margin-top: 10px
    }

    header.sticky .logo img {
        height: 40px;
        margin-top: 10px;
    }
    .home-slider .home-slider-item .slider-content .slider-detail {
        padding-top: 100px;
    }
}