.color1 {
    color: #8e2140;
}

.color2 {
    color: #212934;
}

.bg1 {
    color: #8e2140;
}

.bg2 {
    color: #212934;
}

a {
    color: #8e2140;
}

a:hover {
    color: #aa7f8c;
}

#masterContent {
    padding: 0;
    position: relative;
    padding-top: 88px;
}

#masterContent .container-fluid .row:first-child {
    margin-right: 0;
}

#masterContent .container-fluid .leftMaster,
#masterContent .container-fluid .rightMaster {
    float: right!important
}

#mobileInner {
    display: none
}

#mobileInner img {
    width: 100%
}

#ok {
    top: -31px;
    left: calc(50% - 41.5px);
    position: absolute;
    z-index: 3;
}


/*#masterLeft, #masterRight { float: right; }*/

#masterRight {
    z-index: 1;
}

#masterLeft {
    border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    -webkit-border-radius: 0px 10px 0px 0px;
    border: 0 solid #000000;
    min-height: 185px;
    margin: 0;
    background: #015e4b;
    background-size: cover;
    border-radius: 0;
    padding: 50px;
    width: 100%;
    position: relative;
}


/*#masterLeft:before { background: #fff; position: absolute; content: ''; right: 100%; z-index: -1; top: 0; width: 300%; height: 100%; z-index: -2; }
    #masterLeft:after { content: ""; position: absolute; top: 0; right: -70%; width: 648px; height: 234px; background: url(/images/menuafter.png)no-repeat center; background-size: 100%; z-index: -1; }*/

h1[lang=tr] {
    text-transform: uppercase;
}

#masterRight h1.pageTitle {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
}

.text {
    padding-left: 50px;
}

#masterInner {
    min-height: 300px;
    width: 100%;
    position: relative;
    background: #1c2b4f;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -ms-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}

#masterInner>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    z-index: 1;
}

#masterInner .page-title {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 35%;
    width: 100%;
}

#masterInner .page-title h2 {
    display: inline-block;
    margin: 0;
    padding: 20px;
}

#masterImg .page-title h2::before {
    background-color: #af2c36;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 500%;
    z-index: -1;
}

.master #masterInner h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    display: block;
    text-align: center;
    bottom: 50px;
    z-index: 2;
    position: absolute;
    width: 100%;
}


/*#masterInner:after { content: ''; position: absolute; bottom: -6px; left: 50%; background: #8e2140; margin: 0; width: 0; height: 12px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; animation-duration: .5s; animation-fill-mode: both; animation-timing-function: linear; animation-delay: 2s; animation-name: enlarge; }*/


/*.masterLeft { padding: 15px 0; z-index: 5; border-top: 5px solid #af2c36; position: relative; }
    .masterLeft:after { width: 300%; height: 5px; background: #af2c36; content: ''; position: absolute; left: 100%; top: -5px; }
    .masterLeft #leftMenu h2 { display: none; }*/

.breadcrumb {
    border-radius: 0;
    list-style: outside none none;
    margin: 1px 0 0;
    padding: 0;
    display: block;
    background: transparent;
    border: none;
    margin-bottom: 30px;
}

.breadcrumb a {
    color: #ccc;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .4px;
}

.breadcrumb>li+li::before {
    background: rgba(0, 0, 0, 0) url("../images/bulletList.png") no-repeat scroll top 10px center;
    content: "";
    padding: 0 10px;
}

.menu-title {
    font-size: 30px;
    color: #dedede;
    margin: 0 0 10px;
}

.sub ul {
    position: relative;
}

.sub ul li {
    border-bottom: #0e113f 1px solid
}

.sub ul li:last-child {
    border-bottom: none;
}

.sub ul li a {
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 10px 0;
}

.sub ul li:hover>a {
    background: transparent;
    color: #aa7f8c;
    padding: 10px 0;
}

.sub ul li.active>a {
    color: #aa7f8c;
    padding: 5px 0;
    background: transparent url(../images/ok.png) no-repeat right center;
}

.sub ul li.active:hover>a {
    background: transparent url(../images/ok.png) no-repeat right center;
    color: #aa7f8c;
}

.sub ul li>a:focus {
    background: none;
    color: #aa7f8c;
}

.sub ul li ul {
    margin-left: 20px;
    border-top: 2px dotted #7e1e39;
}

.sub ul li ul li ul {
    margin-left: 20px;
    border-top: 2px dotted #7e1e39;
}


/*.nav-pills > li > a { border-radius: 0; border-bottom: solid 1px #eee; }
.nav-pills > li > a { background: url(/images/ok-beyaz.png) no-repeat left center; color: #656868; display: block; font-size: 15px; font-weight: 400; margin: 0 0 -2px; padding: 10px 15px; position: relative; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .nav-pills > li > a:focus, .nav-pills > li > a:hover { background-color: #fff; padding-left: 25px; text-decoration: none; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
.nav-pills > li:last-child > a { border: none; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: transparent; color: #af2c36; }*/

.icerik {
    font-size: 16px;
    padding: 60px 35px;
}

.icerik h3 {
    margin: 50px 0 20px;
    font-size: 28px;
    color: #1c315b;
    font-weight: 500;
}

.icerik h3:first-child {
    margin-top: 20px;
}

.icerik p {
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 16px;
    text-align: justify;
}

.icerik p strong {
    font-weight: 500;
    color: #8e2140;
}

.icerik h4 {
    color: #8e2140;
}

.icerik ul {
    list-style-image: url(../images/ok.png);
    padding: 0;
    list-style-position: inside;
    margin-bottom: 20px;
}

.icerik ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.icerik .imgHolder {
    -webkit-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.2);
    margin-right: 50px;
    margin-bottom: 50px;
    float: left;
    position: relative;
}

.icerik img {
    display: block;
    height: auto !important;
    max-width: 100%;
}

.icerik .imgHolder:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30px;
    left: -30px;
    border: 4px solid #e30613;
    z-index: -1;
}

.icerik table {
    font-size: 16px;
    line-height: 24px;
    width: 100% !important;
    border-left-width: 5px;
}

.icerik table.tesistable tr td:first-child {
    font-weight: 500;
    width: 30%;
}

.icerik table.tesistable tr td:nth-child(2) p {
    font-size: 15px;
}

.icerik table p {
    margin-bottom: 0;
}

.icerik .newList img {
    width: 100% !important;
}

.icerik .newList .imgHolder {
    width: 100% !important;
}

.haber-item h4 {
    margin-top: 20px;
    height: 80px;
    text-align: left;
}

.haber-item p {
    font-size: 14px;
    font-weight: 400;
}

.g-recaptcha {
    border-radius: 10px;
    height: 73px;
    text-align: right;
    width: 290px;
    max-width: 100%;
}

.g-recaptcha div {
    margin: -2px 0 0 -1px;
}

.form-controlC {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    background: #f9f9f9;
}

#masterRight .contact .mapHolder h3 {
    margin-bottom: 50px;
}

.form-group {
    margin-bottom: 0;
    min-height: 60px;
}

.form-control {
    padding: 10px 10px;
    height: 50px;
    color: #666;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
}

.send {
    width: 100%;
    display: block;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    padding: 21px 20px;
    border-radius: 4px;
    margin-top: 10px;
    background: #656868;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

.send:hover {
    background: #1d1d1b;
    color: #fff;
}

.send:hover,
.send:focus,
.send.focus {
    color: #fff;
}

.capHolder {
    overflow: hidden;
    width: 296px;
    max-width: 100%;
}

.sube {
    background: #f5f5f5;
}

.sube th {
    background: #1c2b4f;
    color: #fff;
    padding: 20px !important;
}

.sube td {}

#masterRight .sube th h3 {
    color: #fff;
}

.ref {
    border: solid 3px #eee;
    text-align: center;
    padding: 10px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    margin-bottom: 30px;
}

.ref img {
    opacity: 1;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

.ref:hover {
    border: solid 3px #e30613;
}

.ref:hover img {
    opacity: .7;
}

.icerik .all {
    width: 100%;
    display: block;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
    background: #656868;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    margin-top: 20px;
}

.all:hover {
    background: #e30613;
    color: #fff;
}

.all:hover,
.all:focus,
.all.focus {
    color: #fff;
}

.logoHolder {
    margin-bottom: 5px;
    background: #fff;
    border: solid 2px #eee;
    padding: 5px;
    font-size: 18px;
    color: #656868;
}

.logoImg {
    display: inline-block;
}

.logoHolder span {
    display: inline-block;
    margin-left: 5px;
    border-left: solid 2px #eee;
    padding-left: 10px;
}

#ikIframe {
    border: solid 3px #eee;
}

.sayfagaleri {
    margin-top: 20px;
}

.sayfagaleri hr {
    margin-bottom: 40px;
}

.sayfagaleri .img-thumbnail {
    margin-bottom: 5px;
    height: 120px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sayfagaleri .img-thumbnail:after {
    background: #fff;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
}

.sayfagaleri .img-thumbnail img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sayfagaleri .img-thumbnail img:hover {
    opacity: .7;
}

#masterContent .icerik #accordion .ui-accordion-header {
    background: #af2c36;
    color: #fff;
    font-size: 16px;
    padding: 20px;
    border: none;
}

#masterContent .icerik #accordion.ui-accordion-header:hover {
    background: #656868;
}

#masterContent .icerik #accordion .ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.html");
}

#masterContent .icerik #accordion h3 {
    color: #fff;
    padding: 20px;
    font-weight: 700;
    font-size: 16px;
}

#masterContent .icerik #accordion .ui-accordion-content {
    padding: 10px;
}

#masterContent .icerik #accordion .table {
    margin-bottom: 0;
}

.table {
    margin-bottom: 30px;
}

.cowList {
    margin-bottom: 50px;
}

#masterRight .cowList h3 {
    margin-top: 0;
}

#masterRight .contact h3 {
    margin: 0;
}

.newsHolder {
    border: solid 3px #1d1d1b;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    font-family: "antonio";
    padding: 10px 10px 10px 50px;
    background: url(../images/news.html) no-repeat left 10px center;
}

.newsHolder a {
    color: #1d1d1b;
    display: block;
}

.newsHolder:hover {
    background: #f5f5f5;
}

.pros {
    padding: 100px 0;
}

#masterRight .hizmet h4 {
    margin: 20px 0;
    color: #000;
}

#masterRight .hizmet {
    background: #f5f5f5;
    min-height: 392px;
    position: relative;
}

#masterRight .hizmet:after {
    content: '';
    width: 50px;
    left: calc(50% - 25px);
    position: absolute;
    bottom: -5px;
    background: #1c2b4f;
    height: 10px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

#masterRight .hizmet:hover:after {
    background: #d70d28;
}

#masterRight .hizmet p {
    color: #8b8b8b;
    font-size: 14px;
    padding: 0 20px 20px;
}

#masterRight .hizmet .img-holder {
    background: #000;
}

#masterRight .hizmet img {
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    opacity: 1;
}

#masterRight .hizmet:hover img {
    opacity: .5;
}

.proHolder {
    background: #f5f5f5;
    min-height: 160px;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

.proHolder a {
    padding: 20px 10px;
    display: block;
}

.proHolder img {
    margin: auto;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    width: 50px;
}

#masterRight .proHolder h4 {
    color: #1c2b4f;
    margin: 10px 0 0;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

#masterRight .proHolder:after {
    content: '';
    width: 50px;
    left: calc(50% - 25px);
    position: absolute;
    bottom: -3px;
    background: #1c2b4f;
    height: 6px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

#masterRight .proHolder:hover:after {
    background: #d70d28;
}

.proHolder:hover {
    background: #1c2b4f;
}

#masterRight .proHolder:hover h4 {
    color: #fff;
}

.proHolder:hover img {
    display: inline-block !important;
    filter: brightness(0) invert(1);
}

.sub #submenu ul li a {
    font-size: 14px;
    letter-spacing: .5px;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
}

.proline {
    margin-bottom: 5px;
    background: #fff;
    border: solid 2px #eee;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.proline .row .col-sm-12 {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    background: #eeeeee;
}

.proline .row .col-sm-12:first-child {
    background: #1c2b4f;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    min-height: 68px;
}

.proline .row .col-sm-12:last-child {
    background: #fff;
}

#masterRight .proline p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

.proline img {
    margin: 0 auto 10px;
}

.proli>.col-sm-4 {
    min-height: 200px;
}

.ekipKadro .img-responsive {
    max-height: 300px;
    margin-bottom: 35px;
    padding: 15px;
}

.ekipKadro .ekipIsim,
.ekipKadro .masterBaslik {
    color: #000;
    font-size: 24px;
    position: relative;
    margin-bottom: 0;
}

.ekipBilgi .ekipIsim:after {
    display: none;
}

.selectedItem .ekipIsim {
    color: #d70d28;
}

.ekipKadro .ekipGorev {
    color: #999;
    font-size: 18px;
    letter-spacing: -0.5px;
}

.ekipKadro .ekipBilgi {
    margin-bottom: 5px;
    border-left: 5px #d70d28 solid;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
}

.ekipKadro p {
    color: #333;
}

.ekipKadro {
    padding-bottom: 50px;
}

.ekipKadro .ekip-icerik {
    color: #b2b2b2;
}

.ekipDetail {
    color: #ed6a25;
}

.ekipBilgi:after {
    bottom: 0;
    left: -5px;
    background: #1c2b4f;
    width: 5px;
    height: 50%;
    content: "";
    position: absolute;
    pointer-events: none;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
}

.selectedItem .ekipBilgi:after {
    height: 65%;
}

.grid-content {
    padding: 15px 0;
    margin: 0 15px;
    font-weight: 300;
    min-height: 120px;
}

.grid-content h2 {
    margin-top: 0;
    font-size: 18px;
}

.grid-image {
    position: relative;
}

.grid-image img {
    width: 100%;
}

.gridder-expanded-content hr {
    border-bottom: #ccc solid 1px;
}

.gridder {
    margin: -20px 0 0;
    padding: 0px;
    list-style-type: none;
}

.gridder-list {
    display: inline-block;
    vertical-align: top;
    transition: all 0.7s ease-in 0s;
}

.gridder-show {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.gridder-content {
    display: none;
}

.gridder-list {
    width: 49.1%;
}

.gridder-list:nth-child(n) {
    margin-top: 20px;
    margin-right: 0;
}

.gridder-list:nth-of-type(6n) {
    margin-right: 0;
    margin-bottom: 0;
}

.gridder-show {
    padding: 0;
    margin-bottom: 1%;
}

.gridder-list {
    cursor: pointer;
    position: relative;
}

.gridder-expanded-content h2 {
    margin-top: 20px;
}

.gridder-expanded-content ul li {
    color: #333;
}

.gridder-expanded-content {
    padding: 75px 50px 50px;
    border: solid 3px #eee;
}

.gridder-expanded-content p:last-child {
    margin-bottom: 0;
}

.gridder-navigation {
    position: absolute;
    right: 50px;
    top: 25px;
    z-index: 99999;
}

.gridder-navigation a {
    text-indent: -9999px;
    display: inline-block;
    background: url(../images/grid-nav.html) no-repeat #ccc;
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.gridder-navigation a:hover {
    background-color: #000 !important;
}

.prev {
    background-position: 0 0 !important;
}

.next {
    background-position: -31px 0 !important;
}

.gridder-close {
    background-position: -62px 0 !important;
    background-color: #d70d28 !important;
}


/*.loader { height: 1px; width: 90%; margin: 1em auto; position: relative; background: rgba(0, 0, 0, 0.1); }
    .loader::before { content: ''; position: absolute; width: 100%; height: 3px; background: #a0101b; left: 0; top: -1px; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }*/

.gridder-list:hover .loader::before {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.grid-title {
    z-index: 9999;
    top: -57px;
    position: absolute;
    width: 100%;
}

.grid-title .light {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFf5f5f5', endColorstr='#FFe8e8e8', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    color: #000;
    padding: 5px 10px 3px 10px;
    margin-bottom: 0;
    font-size: 22px;
    display: inline-block;
    width: 100%;
    position: relative;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.gridder-list:hover .grid-title .light {
    background: rgba(49, 163, 155, 1) none repeat scroll 0 0;
    color: #FFF;
}

.gridder-list:hover .grid-title .light:after {
    border-top-color: rgba(49, 163, 155, 1);
}

.grid-title .light:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #FFF;
    border-width: 14px;
    margin-left: -14px;
}

.services {
    padding-top: 100px;
}

.servimg {
    margin-left: 30px;
    margin-bottom: 30px;
    width: 350px;
    max-width: 100%;
    border: 2px solid #1c2b4f;
}

.servul {
    text-align: center;
}

.icerik .servul,
.servul>li>ul>li>ul,
.servul>li>ul {
    list-style-image: none !important;
    padding: 0;
    list-style-position: inside;
}

.icerik .servul li {
    margin-bottom: 0;
}

.servul>li {
    border: solid 2px #eee;
    padding: 20px;
    float: left;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 0;
    position: relative;
}

.servul>li:nth-child(2n) {
    margin-right: 0;
}

.servul>li:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 3.5px);
    top: 45px;
    width: 7px;
    height: 20px;
    background: url(../images/sep.html);
}

.servul>li>ul {
    margin-top: 30px;
}

.servul>li>ul>li>ul>li {
    font-size: 14px;
}

.servul>li>ul>li>ul {
    background: #f5f5f5;
    padding: 10px;
    margin: 10px 0 20px;
    position: relative;
}

.servul>li>ul>li>ul:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(245, 245, 245, 0);
    border-bottom-color: #f5f5f5;
    border-width: 7px;
    margin-left: -7px;
}

.mapHolder {
    border: solid 3px #eee;
    padding: 20px;
    height: 400px;
}

.mapHolder h3 {
    font-size: 20px;
    margin: 0 15px 10px;
    padding: 0;
    position: relative;
    text-align: center;
}

.mapHolder h3 span {
    background-color: #1c2b4f;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 2;
    margin: 0 auto 15px;
    text-align: center;
    width: 30px;
    position: relative;
}

.mapHolder h3 span::before {
    background-color: #eee;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -200%;
    position: absolute;
    top: 15px;
    width: 400%;
    z-index: -1;
}

.mapHolder .small,
.formHolder .helper {
    color: #888;
    font-size: 12px;
}

#personal .formHolder .img-thumbnail>img {
    max-width: 100%;
}

#personal .btn {
    background: #d70d28 none repeat scroll 0 0;
}

.inputfile {
    width: 100%;
    height: 70px;
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5;
    cursor: pointer;
}

.inputfile+label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
    padding: .625rem 1.25rem;
}

.no-js .inputfile+label {
    display: none;
}

.inputfile.has-focus+label,
.inputfile:focus+label {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -.25em;
    margin-right: .25em;
}

.inputfile-4+label {
    color: #1c2b4f;
}

.inputfile-4+label:hover,
.inputfile-4.has-focus+label,
.inputfile-4:focus+label {
    color: #1e2058;
}

.inputfile-4+label figure {
    width: 75px;
    height: 75px;
    border-radius: 25%;
    background-color: #1e2058;
    display: block;
    padding: 10px;
    margin: 0 auto 10px;
}

.inputfile-4+label:hover figure,
.inputfile-4.has-focus+label figure,
.inputfile-4:focus+label figure {
    background-color: #00;
}

.inputfile-4+label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}

.form-group {
    margin-bottom: 0;
    min-height: 60px;
}

.form-control {
    padding: 10px 10px;
    height: auto;
    color: #666;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
}

.form-horizontal .form-group {
    margin: 0;
}

.disabledHolder h3,
.mapHolder.disabledHolder {
    opacity: .3;
}

#masterRight .mapHolder h3,
#masterRight .sube h3 {
    margin: 0;
}

.Wrapper {
    padding: 0;
    background: #f2f2f2;
}

#gallery .owl-controls {
    position: absolute;
    left: calc(50% - 25%);
    bottom: 20px;
    width: 50%;
}

#gallery .owl-dots .owl-dot span,
#wrapIt .owl-dots .owl-dot span {
    background: #fff;
    width: 15px;
    border-radius: 0;
    height: 6px;
}

#gallery .owl-dots .owl-dot.active span,
#news .owl-theme .owl-dots .owl-dot:hover span,
#wrapIt .owl-dots .owl-dot.active span {
    background: #af2c36;
}

#wrapIt .owl-controls {
    bottom: 0;
}

#projeOwl {
    background: #f2f2f2
}

#projeOwl .projeTitle {
    color: #a50344;
    font-size: 16px;
    font-weight: 700;
}

#projeOwl p {
    color: #888;
    font-size: 16px;
    margin: 20px 0;
}

#projeOwl.bigOwl .owl-nav {
    left: 65px;
    bottom: 20px
}

#projeOwl .owl-nav {
    text-align: left;
    position: absolute;
}

#projeOwl .owl-next,
#projeOwl .owl-prev {
    background: none;
    padding: 0;
    font-size: 30px;
    color: #c8c8c8;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

#projeOwl .owl-next:hover,
#projeOwl .owl-prev:hover {
    color: #000;
}

#gallery .item .sliderContent {
    font-size: 14px;
    color: #fff;
    background: rgba(142, 33, 64, .8);
    position: absolute;
    top: 20px;
    left: 5%;
    width: 90%;
    padding: 10px;
}

#gallery .active .item .sliderContent {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

#share-print {
    background: #ccc;
    display: block;
    vertical-align: middle;
    position: relative;
    padding: 30px 50px;
    width: 100%;
}

#share-print-two {
    margin-top: 100px;
    border: solid 1px #eee;
    padding: 10px;
}

#gallery:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 2;
}

#wrap-project {
    padding: 85px 50px;
}

#katalog li {
    font-size: 16px;
    display: block;
    position: relative;
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

#katalog li a {
    display: block;
    padding: 10px 10px 10px 50px;
    color: #656868;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

#katalog li a:hover {
    color: #656868;
}

#katalog li:after {
    background: url(../images/down.png) no-repeat center;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    border-left: 1px solid #ccc;
}

#katalog li.pdf {
    background: #eee url(../images/pdf.png) no-repeat left 10px center;
}

#katalog li.pdf:hover {
    background: #ddd url(../images/pdf.png)no-repeat left 10px center;
}

.half {
    text-align: center;
}

#katalog.half li {
    display: inline-block;
    width: 49.6%;
    margin-right: .2%;
    text-align: left;
}

#katalog.half li:nth-child(2n) {
    margin-right: 0;
}

.bilgi {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding: 20px 100px 20px 20px;
    margin-bottom: 10px;
    background: #8e2140 url(../images/analyze.png) no-repeat right 20px center;
    background-size: auto 80%;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.bilgi:hover {
    background: #a50344 url(../images/analyze.png) no-repeat right 30px center;
    background-size: auto 80%;
    color: #fff;
}

.btn-general {
    background: #8e2140;
    color: #fff;
    padding: 20px;
    display: inline-block;
}

.btn-general:hover {
    background: #656868;
    color: #fff;
}

.hovered {
    position: relative;
    display: block;
    height: 90px;
    margin-bottom: 25px;
    border: solid 3px #4e5460;
}

.hovered:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(78, 84, 96, .6) url(../images/magnify.html) no-repeat center bottom;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    z-index: 3;
}

.hovered:hover:after {
    background: rgba(78, 84, 96, .6) url(../images/magnify.html) no-repeat center center;
    opacity: 1;
}

.hovered img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.logos {
    position: relative;
    display: block;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.logos:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(142, 33, 64, .6) url(../images/link.png) no-repeat center center;
    pointer-events: none;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    z-index: 3;
    background-size: 48px;
    border: 10px solid #fff;
}

.logos:hover {
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.1);
}

.logos:hover:after {
    background: rgba(142, 33, 64, .6) url(../images/link.png) no-repeat center center;
    opacity: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-size: 24px;
}

.icerik .logos img {
    height: 100%!important;
    width: 100%;
    object-fit: cover;
}

.logos.gal {
    height: 115px
}

.logos .active {}

#googlemap {
    width: 100%;
    height: 100%;
}

#googlemap img {
    display: none !important;
}

#googlemap .gmnoprint img {
    display: block !important;
}

#googlemap .where {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -20px;
    top: -18px;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    background: rgba(142, 33, 64, .9);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    padding: 23px 5px;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}

#googlemap .where:hover {
    opacity: 1;
}

.gmnoprint {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    overflow: visible !important;
    background-color: transparent !important
}

.pinmaster {
    z-index: 3;
    overflow: visible !important;
    opacity: 1 !important;
}

.gmnoprint:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border: solid 0 #8e2140;
    border-radius: 60px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    z-index: -1;
    animation-name: flash;
    -webkit-animation-name: flash;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.gmnoprint.pinmaster:before {
    left: -16px;
    top: -13px;
    width: 70px;
    height: 70px;
    border: solid 6px #8e2140;
    z-index: 3;
}

#googlemap .gm-style div:first-child div:first-child>div:nth-child(5) img {
    display: block !important;
}

#masterInner.detailMap {
    min-height: unset;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -ms-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}

#masterInner .bordo {
    z-index: 2;
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(142, 33, 64, .9) url(../images/empty-marker.png) no-repeat center;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -ms-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    pointer-events: none;
}

#masterInner:hover .bordo {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -o-transition-delay: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.tesgal img {
    height: 450px;
    object-fit: cover;
}

.tesgal .owl-stage-outer {
    height: 100%;
}


/*#masterInner.detailMap:hover .bordo{background:rgba(142,33,64,0) none no-repeat center; }*/

.backTo {
    display: inline-block;
    padding: 10px 10px 10px 40px;
    margin-top: 20px;
    color: #fff;
    background: #8e2140 url(../images/lists.png) no-repeat left 10px center;
}

.icerik .proImg {
    height: 120px;
    object-fit: cover;
}

.icerik .proImg img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

.proName {
    height: 80px;
    line-height: 18px;
    display: block;
    padding: 10px;
    width: 100%;
    background: #212934;
    color: #fff;
    overflow: hidden;
}

.projeTitle {
    display: block;
    margin-bottom: 30px;
}

.proHovered {
    position: relative;
    display: block;
}

.proHovered:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(78, 84, 96, .6) url(../images/magnify.html) no-repeat center bottom;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0);
}

.proHovered:hover:after {
    background: rgba(142, 33, 64, .6) url(../images/link.png) no-repeat center center;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
}

.proHovered.selected:after {
    background: rgba(142, 33, 64, .6) url(../images/selected.png) no-repeat center center;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
}

.proHovered.idle:after {
    background: rgba(142, 33, 64, .6) url(../images/idle.gif) no-repeat center center;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 32px 4px rgba(0, 0, 0, 0.3);
}

.proHovered img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.icerik .proHovered img {
    height: 100% !important
}

.proHovered.gal {
    height: 100px;
    margin-bottom: 30px
}

.logorow {
    margin-top: 20px;
}

.sub ul li ul {
    display: none;
}

.proName.bigOne {
    font-size: 22px;
    height: 40px;
}

.proName.proOne {
    font-size: 22px;
    height: 68px;
}

.proName span {
    display: inline-block;
    margin-top: 12px;
}

.proName span img {
    width: auto;
}

.icerik table.infoT {
    border: solid 1px #eee;
    background: #bbb;
    color: #fff;
    padding: 6px;
    line-height: 1;
    vertical-align: middle;
}

.icerik table.infoT tr:last-child {
    font-size: 12px;
    color: #fff;
}

#product_data_table tr:first-child {
    background: #1c2b4f;
    color: #fff
}

#product_data_table tr:first-child th {
    font-size: 18px;
}

#product_data_table tr td:first-child {
    width: 200px;
}

.quest {
    margin-bottom: 10px;
    background: #eee;
    padding: 20px;
    border-left: 10px #999 solid;
    border-bottom: 10px #999 solid;
}

#wrapIt {
    padding: 30px;
    text-align: center;
    min-height: 380px;
}

#wrapIt h2 {
    font-size: 18px;
    color: #1c2b4f;
}

#wrapIt h3 {
    font-size: 24px;
    color: #8e2140;
    margin: 50px 0 0px;
    min-height: 60px;
}

#wrapIt p {
    color: #444;
    margin-bottom: 30px;
}

#masterLeft.ik {
    margin-top: -80px !important;
}


/*.bigPath{height:300px}*/

.bigPath img {
    height: 100%;
    object-fit: cover
}

#equip {
    text-align: center;
}

#equip .col-sm-3 {
    float: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}

#equip .court {
    min-height: 350px;
}

.icerik #equip p {
    margin-bottom: 0;
    min-height: 75px;
    text-align: center;
}

#equip .col-sm-3 {
    width: 14.3%;
    padding: 0 5px
}

#equip .col-sm-3:nth-child(1),
#equip .col-sm-3:nth-child(2) {
    width: 25%;
    padding: 0 15px
}

#wrapIt.ekdetay {
    text-align: left;
    font-size: 16px
}

#wrapIt.ekdetay h4 {
    color: #1c2b4f
}

#wrapIt.ekdetay ul {
    list-style-image: url(../images/ok.png);
    padding: 0;
    list-style-position: inside;
    margin-bottom: 20px;
}

#wrap-project.pro {
    padding: 50px
}

#news h3 {
    color: #000;
    font-weight: 700;
    font-size: 36px;
    margin: 35px 0 0;
    letter-spacing: 1.5px;
}

#news h3 span {
    font-size: 25px;
    letter-spacing: 0.5px;
}

#news .newsTitle {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}

#news .date {
    color: #666666;
    padding: 0 0 0 20px;
    background: url(../images/date.png) no-repeat 0 2px;
    font-size: 14px
}

.news {
    min-height: 100px
}

#news h4 {
    color: #1c2b4f;
    font-size: 24px
}

.btn {
    background: #8e2140;
    color: #fff;
    padding: 20px;
    border-radius: 0;
    display: inline-block;
    margin-right: 10px;
}

.btn:hover {
    background: #1c2b4f;
    color: #fff;
}

.online {
    background: #8e2140;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    margin-bottom: 25px;
    min-height: 116px
}

.online img {
    margin: auto
}

.online:hover {
    background: #1c2b4f;
    display: block;
    color: #fff;
}

.onrow {
    margin: 0
}

.oncol {
    padding: 0 2px
}

.form-horizontal .form-group {
    min-height: 140px
}

.form-control {
    padding: 20px 10px;
    border: solid 2px #eee;
    color: #868653;
    height: auto;
    font-size: 18px
}

.form-horizontal .control-label {
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px
}

.no-bg {
    display: block;
    margin-top: 10px
}

#wrapIt.contactinfo {
    font-size: 16px;
    text-align: left;
    background: url(../images/pinBg.png) no-repeat right bottom
}

.btn.bt {
    margin-top: 20px
}

#contactCarousel .owl-nav {
    position: absolute;
    right: 20px;
    top: 35px
}

#contactCarousel .owl-next,
#contactCarousel .owl-prev {
    background: none;
    padding: 0;
    font-size: 30px;
    color: #c8c8c8;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

#wrapMe {
    padding: 10px 60px;
    text-align: left;
    background: #f5f5f5;
    border-top: solid 1px #ccc
}

#wrapMe h3 {
    font-size: 24px;
    color: #8e2140;
    margin: 50px 0 20px;
}

#wrapMe p {
    color: #444;
    margin-bottom: 30px;
    font-size: 16px
}

.bigTitle {
    font-size: 28px;
    padding: 30px 30px 10px;
    color: #1c2b4f
}

ul#katalog:last-child {
    margin-bottom: 50px
}

.vidwrapper {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    position: relative;
    background: #1c2b4f
}

.vidwrapper img {
    width: 100%;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.vidwrapper:after {
    content: '';
    position: absolute;
    left: calc(50% - 34px);
    top: calc(50% - 34px);
    background: #fff url(../images/video.png) no-repeat center;
    width: 68px;
    height: 68px;
    pointer-events: none
}

.vidwrapper:hover:after {
    background: #dedede url(../images/video.png) no-repeat center;
}

.vidwrapper:hover img {
    opacity: .7
}