@charset "UTF-8";
@font-face  {

    font-family:  'ProximaNovaSemibold';

    src:  url("fonts/ProximaNovaSemibold.eot");

    src:  url("fonts/ProximaNovaSemibold.eot") format("embedded-opentype"),  url("fonts/ProximaNovaSemibold.woff2") format("woff2"),  url("fonts/ProximaNovaSemibold.woff") format("woff"),  url("fonts/ProximaNovaSemibold.ttf") format("truetype"),  url("fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaThin';

    src:  url("fonts/ProximaNovaThin.eot");

    src:  url("fonts/ProximaNovaThin.eot") format("embedded-opentype"),  url("fonts/ProximaNovaThin.woff2") format("woff2"),  url("fonts/ProximaNovaThin.woff") format("woff"),  url("fonts/ProximaNovaThin.ttf") format("truetype"),  url("fonts/ProximaNovaThin.svg#ProximaNovaThin") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaBold';

    src:  url("fonts/ProximaNovaBold.eot");

    src:  url("fonts/ProximaNovaBold.eot") format("embedded-opentype"),  url("fonts/ProximaNovaBold.woff2") format("woff2"),  url("fonts/ProximaNovaBold.woff") format("woff"),  url("fonts/ProximaNovaBold.ttf") format("truetype"),  url("fonts/ProximaNovaBold.svg#ProximaNovaBold") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaExtrabold';

    src:  url("fonts/ProximaNovaExtrabold.eot");

    src:  url("fonts/ProximaNovaExtrabold.eot") format("embedded-opentype"),  url("fonts/ProximaNovaExtrabold.woff2") format("woff2"),  url("fonts/ProximaNovaExtrabold.woff") format("woff"),  url("fonts/ProximaNovaExtrabold.ttf") format("truetype"),  url("fonts/ProximaNovaExtrabold.svg#ProximaNovaExtrabold") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaBlack';

    src:  url("fonts/ProximaNovaBlack.eot");

    src:  url("fonts/ProximaNovaBlack.eot") format("embedded-opentype"),  url("fonts/ProximaNovaBlack.woff2") format("woff2"),  url("fonts/ProximaNovaBlack.woff") format("woff"),  url("fonts/ProximaNovaBlack.ttf") format("truetype"),  url("fonts/ProximaNovaBlack.svg#ProximaNovaBlack") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaLight';

    src:  url("fonts/ProximaNovaLight.eot");

    src:  url("fonts/ProximaNovaLight.eot") format("embedded-opentype"),  url("fonts/ProximaNovaLight.woff2") format("woff2"),  url("fonts/ProximaNovaLight.woff") format("woff"),  url("fonts/ProximaNovaLight.ttf") format("truetype"),  url("fonts/ProximaNovaLight.svg#ProximaNovaLight") format("svg");
}

@font-face  {

    font-family:  'ProximaNovaRegular';

    src:  url("fonts/ProximaNovaRegular.eot");

    src:  url("fonts/ProximaNovaRegular.eot") format("embedded-opentype"),  url("fonts/ProximaNovaRegular.woff2") format("woff2"),  url("fonts/ProximaNovaRegular.woff") format("woff"),  url("fonts/ProximaNovaRegular.ttf") format("truetype"),  url("fonts/ProximaNovaRegular.svg#ProximaNovaRegular") format("svg");
}
@import 'https://fonts.googleapis.com/css?family=Dancing+Script';
body {
    font-family: ProximaNovaSemibold, sans-serif;
    color       : #5A5A5A;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration : none;
    color           : #000;
    outline         : 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: ProximaNovaSemibold, sans-serif;

    color       : #c08f48;;
}

p {
    line-height : 22px;
}

/* Short Codes *****************************************************/

.f3 {
    font-weight : 300;
}

.f4 {
    font-weight : 400;
}

.f5 {
    font-weight : 500;
}

.f6 {
    font-weight : 600;
}

.f7 {
    font-weight : 700;
}

.f8 {
    font-weight : 800;
}

.f9 {
    font-weight : 900;
}

.m0 {
    margin : 0px;
}

.mT15 {
    margin-top : 15px;
}

.mB15 {
    margin-bottom : 15px;
}

.mT30 {
    margin-top : 30px;
}

.mB30 {
    margin-bottom : 30px;
}

.p0 {
    padding : 0px;
}

.pT15 {
    padding-top : 15px;
}

.pB15 {
    padding-bottom : 15px;
}

.pT30 {
    padding-top : 30px;
}

.pB30 {
    padding-bottom : 30px;
}

.pR {
    position : relative;
}

.db {
    display : block !important;
}

.dib {
    display : inline-block !important;
}

.w100 {
    float : left;
    width : 100%;
}

.w50 {
    float : left;
    width : 50%;
}

.eclipse {
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    line-height: 20px;
    height: 58px;
    margin-bottom: 27px;
}

.flexC {
    display     : flex;
    display     : -ms-flex;
    align-items : center;
}

.flexCC {
    display: inline-table;
    display         : -ms-flex;
    align-items     : center;
    justify-content : center;
}

.flexCR {
    display         : flex;
    display         : -ms-flex;
    align-items     : center;
    justify-content : flex-end;
}

.flexCL {
    display         : flex;
    display         : -ms-flex;
    align-items     : center;
    justify-content : flex-start;
}

.flexCB {
    display         : flex;
    display         : -ms-flex;
    align-items     : center;
    justify-content : space-between;
}

.flexCA {
    display         : flex;
    display         : -ms-flex;
    align-items     : center;
    justify-content : space-around;
}

.tW {
    color : #fff !important;
}
.flat{float:right;}
.tW a {
    color : #fff !important;
}

.bW {
    background-color : #fff !important;
}

.tB {
    color : #000 !important;
}

.tB a {
    color : #000 !important;
}

.bB {
    background-color : #000 !important;
}

.tG {
    color : #efefef !important;
}

.tG a {
    color : #efefef !important;
}

.bG {
    background-color : #efefef !important;
}

.trl {
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.trlX {
    -webkit-transform : translateX(-50%);
    -moz-transform    : translateX(-50%);
    -ms-transform     : translateX(-50%);
    -o-transform      : translateX(-50%);
    transform         : translateX(-50%);
}

.trlY {
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
}

.cover {
    background-repeat       : no-repeat;
    background-position     : center center;
    -webkit-background-size : cover;
    -moz-background-size    : cover;
    -ms-background-size     : cover;
    -o-background-size      : cover;
    background-size         : cover;
}

.contain {
    background-repeat       : no-repeat;
    background-position     : center center;
    -webkit-background-size : contain;
    -moz-background-size    : contain;
    -ms-background-size     : contain;
    -o-background-size      : contain;
    background-size         : contain;
}

/* Buttons *********************************************************/

.btnRed {
    font-family: ProximaNovaSemibold, sans-serif;

    display: inline-block;
    padding: 9px 36px;
    color: #ab744b;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: 1px solid #c08f48;
    border-radius: 0px;
    min-width: 103px;
}

.btnRed.md {
    padding   : 8px 20px;
    font-size : 16px;
}

.btnRed.sm {
    padding   : 5px 15px;
    font-size : 11px;
}

.btnRed i {
    margin-right : 5px;
}

.btnRed:focus,
.btnRed:hover {
    background-color : #595959;
    color            : #fff;
    border: 1px solid #595959;
    box-shadow       : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

.btnWhite {
    font-family: ProximaNovaSemibold, sans-serif;

    display          : inline-block;
    padding          : 17px 50px;
    color            : #393939;
    background-color : #fff;
    font-weight      : 900;
    font-size        : 22px;
    text-align       : center;
    border           : 0px;
    border-radius    : 0px;
    min-width        : 220px;
}

.btnWhite.md {
    padding   : 8px 20px;
    font-size : 16px;
}

.btnWhite.sm {
    padding   : 5px 15px;
    font-size : 11px;
}

.btnWhite i {
    margin-right : 5px;
}

.btnWhite:focus,
.btnWhite:hover {
    background-color : #fff;
    color            : #393939;
    box-shadow       : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

.btnBack {
    font-family: ProximaNovaSemibold, sans-serif;

    display          : inline-block;
    padding          : 10px 30px;
    color            : #fff;
    background-color : #1E3E60;
    font-weight      : 900;
    font-size        : 22px;
    text-align       : center;
    border           : 0px;
    border-radius    : 0px;
}

.btnBack.sm {
    padding   : 5px 15px;
    font-size : 11px;
}

.btnBack i {
    margin-right : 5px;
}

.btnBack:focus,
.btnBack:hover {
    background-color : #595959;
    color            : #fff;
    box-shadow       : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

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

/* Share Buttons ***************************************************/

.share-box {
    float       : left;
    display     : block;
    width       : 100%;
    margin-top  : 15px;
    padding-top : 15px;
    border-top  : 1px dashed #ccc;
}

.share-box .share-caption {
    margin-top  : 0px;
    font-weight : 700;
}

.btnShare {
    float            : left;
    display          : inline-block;
    padding          : 7px 20px;
    margin-right     : 5px;
    margin-bottom    : 5px;
    color            : #555;
    background-color : #fff;
    font-weight      : 400;
    font-size        : 12px;
    text-align       : center;
    border-radius    : 0px;
}

.btnShare.circle {
    border-radius : 40px;
}

.btnShare i {
    font-family : 'FontAwesome';
    opacity     : 0.9;
}

.btnShare span {
    margin-left : 5px;
}

.btnShare:focus,
.btnShare:hover {
    box-shadow : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

.btnShare:focus i,
.btnShare:hover i {
    opacity : 1;
}

.btnShare.facebook {
    background-color : #3b5998;
    color            : white;
}

.btnShare.facebook:hover {
    background-color : #304d8a;
}

.btnShare.facebook i:after {
    content : '\f09a';
}

.btnShare.twitter {
    background-color : #0084b4;
    color            : white;
}

.btnShare.twitter:hover {
    background-color : #00719b;
}

.btnShare.twitter i:after {
    content : '\f099';
}

.btnShare.google-plus {
    background-color : #dc4a38;
    color            : white;
}

.btnShare.google-plus:hover {
    background-color : #de321d;
}

.btnShare.google-plus i:after {
    content : '\f0d5';
}

.btnShare.instagram {
    background-color : #49769c;
    color            : white;
}

.btnShare.instagram:hover {
    background-color : #3d698e;
}

.btnShare.instagram i:after {
    content : '\f16d';
}

.btnShare.linkedin {
    background-color : #1f88be;
    color            : white;
}

.btnShare.linkedin:hover {
    background-color : #147baf;
}

.btnShare.linkedin i:after {
    content : '\f0e1';
}

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

/* Custom CSS Desing ***********************************************/

.captionCenter {
    position       : relative;
    text-align     : center;
    margin         : 15px 0px;
    padding-bottom : 15px;
    font-size      : 20px;
}

.captionCenter:before {
    content          : '';
    position         : absolute;
    width            : 90px;
    height           : 2px;
    bottom           : -1px;
    left             : 50%;
    margin-left      : -45px;
    background-color : #000;
}

.captionLeft {
    position       : relative;
    text-align     : left;
    margin         : 15px 0px;
    padding-bottom : 15px;
    font-size      : 20px;
}

.captionLeft:before {
    content          : '';
    position         : absolute;
    width            : 90px;
    height           : 2px;
    bottom           : -1px;
    left             : 0%;
    background-color : #000;
}
.navbar {
    position: relative;
    min-height: 0px!important;}
.navbar-toggle {
    border-radius    : 0px;
    border-color     : transparent !important;
    background-color : transparent;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color : transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color : #000;
}

.navbar-toggle.collapsed .icon-bar:nth-child(1) {
    transform         : none;
    -webkit-transform : none;
}

.navbar-toggle.collapsed .icon-bar:nth-child(2) {
    opacity : 1;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    transform         : none;
    -webkit-transform : none;
}

.navbar-toggle .icon-bar:nth-child(1) {
    transform         : rotate(45deg) translate(4px, 4px);
    -webkit-transform : rotate(45deg) translate(4px, 4px);
    -moz-transform    : rotate(45deg) translate(4px, 4px);
    -ms-transform     : rotate(45deg) translate(4px, 4px);
    -o-transform      : rotate(45deg) translate(4px, 4px);
}

.navbar-toggle .icon-bar:nth-child(2) {
    opacity : 0;
}

.navbar-toggle .icon-bar:nth-child(3) {
    transform         : rotate(-45deg) translate(5px, -5px);
    -webkit-transform : rotate(-45deg) translate(5px, -5px);
    -moz-transform    : rotate(-45deg) translate(5px, -5px);
    -ms-transform     : rotate(-45deg) translate(5px, -5px);
    -o-transform      : rotate(-45deg) translate(5px, -5px);
}

.form-control {
    border-radius : 0px;
    border        : 2px solid #eeeeee;
    height        : 40px;
    box-shadow    : none;
}

.form-control:focus {
    border-color       : #8092A3;
}

/*.title-effect {*/
    /*position : relative;*/
    /*z-index  : 2;*/
/*}*/

/*.title-effect:after {*/
    /*content           : attr(data-text);*/
    /*position          : absolute;*/
    /*left              : 0;*/
    /*top               : -10px;*/
    /*opacity           : 0.1;*/
    /*z-index           : -1;*/
    /*transform         : scale(1.5);*/
    /*-webkit-transform : scale(1.5);*/
    /*-moz-transform    : scale(1.5);*/
    /*-ms-transform     : scale(1.5);*/
    /*-o-transform      : scale(1.5);*/
/*}*/

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

/* TRANSITION ******************************************************/

.navbar-nav > li > a,
.carousel-img:after,
.caption,
.buttons i,
.btnRed,
.btnBack,
.btnWhite,
.footer-menu a,
.footer-social a,
.top-left:before,
.right-middle:after,
.right-middle-form,
.icon-bar,
.btnShare {
    -webkit-transition : all 0.2s;
    -moz-transition    : all 0.2s;
    transition         : all 0.2s;
}

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

/* HEADER **********************************************************/
#header .navbar .navbar-nav > li > a:hover {
    background: url(../img/hovver.png) no-repeat center;
}

#header {
    position : relative;
    z-index  : 3;
    margin-top: -13px;}
.navbar-brand {
    position: absolute;
    width: 210px;
    height: 211px;
    left: 50%;
    top: -57px;
    padding: 0px;
    margin: 0px !important;
    z-index: 5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}.topContactRight .topSocialIcon i, .navbar-default .navbar-nav > li > a, .socialMedia .socialIcon i, .navbar-brand, #osNext, #osPrev, .gridInner, .grid1:after, .grid2:after, .grid3:after, .grid4:after, .grid5:after, .roomDetailImgOn:before, .roomDetailImgOn:after, .roomDetailImg:after, .grid-item:after {
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    transition: All 0.2s ease;
}.kopa__bottomSidebar div[class^='col-'] {
     border-left: 0px solid #ebebeb;
     padding: 0!important;
 }
.kopa__contact.style--02 .widget-content p {
    padding-left: 0px!important;
    line-height: 23px!important;
    letter-spacing: 0em!important;
    color: #5a5a5a!important;
    position: relative!important;
}

#header .navbar {
    background-color : white;
    border           : none;
    border-radius    : 0px;
    box-shadow       : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-bottom: -117px;
    top: 73px;
}

#header .navbar .navbar-brand {
    height : 84px;
}

#header .navbar .navbar-brand img {

}

#header .navbar .navbar-nav {
    padding : 0px 0px;
}

#header .navbar .navbar-nav > li > a {
    padding     : 20px 20px;
    font-weight : 600;
    margin-top: -16px;
    letter-spacing: 1px;
    border-right: 1px solid #e9e9e9;
    color       : #474747;
}
#mobil1 > ul.nav.navbar-nav.navbar-right > li:nth-child(4) > a{border-right: none;}
#mobil1 > ul.nav.navbar-nav.navbar-left > li:nth-child(4) > a{border-right: none;}
#header .navbar .navbar-nav:before {     padding: 8px 20px;     height: 0px;    margin-top: 0px;}
#header .navbar .navbar-nav:after { padding: 0px 20px;}


#header .navbar .navbar-nav > li > a:focus,
#header .navbar .navbar-nav > li > a:hover {
    background: url(../img/hovver.png) no-repeat bottom center;
    color: #c08f48;

}

#header .navbar .navbar-nav > .open > a,
#header .navbar .navbar-nav > .open > a:focus,
#header .navbar .navbar-nav > .open > a:hover {
    background-color : transparent;
    color            : #5a0832;

}

#header .navbar .navbar-nav > .active > a,
#header .navbar .navbar-nav > .active > a:focus,
#header .navbar .navbar-nav > .active > a:hover {
    background: transparent;
    color            : #000;
}

#header .navbar .dropdown-menu {
    padding       : 0px;
    border        : none;
    text-align: center;
    border-radius : 0px;
    /*box-shadow    : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);*/
}

#header .navbar .dropdown-menu > li > a {
    padding : 7px 20px;
}

#header .navbar .dropdown-menu > li > a:focus,
#header .navbar .dropdown-menu > li > a:hover {
    background-color : white;
    color            : #5a0832;
}

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

/* MAIN ************************************************************/

#main {
    overflow : hidden;
}

#main .banner {
    position : relative;
    overflow : hidden;
}

#main .banner .slider {
}

#main .banner .slider-content {
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : 0;
    top      : 0;
    z-index  : 2;
}

/*
#main .banner .slider-content:before { content: ''; position: absolute; width: 100%; height: 75%; left: 0; top: 0; z-index: 2;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
*/
#main .banner .slider-content .top-left {
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : -55%;
    top      : -41%;
    z-index  : 3;
}

#main .banner .slider-content .top-left:before {
    content           : '';
    position          : absolute;
    width             : 97%;
    height            : 87%;
    left              : 9%;
    top               : 8%;
    opacity           : 0.8;
    background-color  : #1E3E60;
    transform         : skew(-22deg, -4deg);
    -webkit-transform : skew(-22deg, -4deg);
    -moz-transform    : skew(-22deg, -4deg);
    -ms-transform     : skew(-22deg, -4deg);
    -o-transform      : skew(-22deg, -4deg);
}

/*
#main .banner .slider-content .top-left:hover:before { transform: skew(-18deg, 0deg); -webkit-transform: skew(-18deg, 0deg); -moz-transform: skew(-18deg, 0deg); -ms-transform: skew(-18deg, 0deg); -o-transform: skew(-18deg, 0deg); }
*/
#main .banner .slider-content .content {
    position  : absolute;
    width     : 42%;
    height    : 59%;
    top       : 0%;
    left      : 0%;
    color     : #fff;
    font-size : 15px;
    z-index   : 4;
}

#main .banner .slider-content .content h1 {
    font-size     : 57px;
    margin-bottom : 30px;
    margin-top    : 0px;
}

#main .banner .slider-content .container {
    position : relative;
    height   : 100%;
}

#main .banner .slider-content .top-right {
    font-family: ProximaNovaSemibold, sans-serif;

    position         : relative;
    float            : right;
    z-index          : 4;
    display          : inline-block;
    padding          : 15px 15px 15px 75px;
    margin-top       : 30px;
    background-color : rgba(255, 255, 255, 0.9);
    border-bottom    : 4px solid #1E3E60;
}

#main .banner .slider-content .top-right img {
    position : absolute;
    left     : 15px;
    top      : 23px;
}

#main .banner .slider-content .top-right span {
    color     : #595959;
    font-size : 13px;
}

#main .banner .slider-content .top-right .phone {
    font-size   : 25px;
    font-weight : 900;
    color       : #252525;
}

#main .banner .slider-content .right-middle {
    position          : relative;
    font-family: ProximaNovaSemibold, sans-serif;

    position          : absolute;
    right             : 0;
    top               : 50%;
    z-index           : 4;
    padding           : 12px 37px;
    margin-right      : 15px;
    background-color  : rgba(255, 255, 255, 0.9);
    transform         : translateY(-50%);
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
}

#main .banner .slider-content .right-middle:after {
    content          : '';
    position         : absolute;
    width            : 80%;
    height           : 4px;
    left             : 10%;
    bottom           : -4px;
    background-color : #1E3E60;
}

#main .banner .slider-content .right-middle:hover:after {
    width : 100%;
    left  : 0%;
}

#main .banner .slider-content .right-middle-in {
    position     : relative;
    padding-left : 50px;
    cursor       : pointer;
}

#main .banner .slider-content .right-middle-in img {
    position : absolute;
    left     : 8px;
    top      : 8px;
}

#main .banner .slider-content .right-middle-in .firsatlar {
    font-weight : 900;
    font-size   : 22px;
    color       : #393939;
}

#main .banner .slider-content .right-middle-in span {
    font-family: ProximaNovaSemibold, sans-serif;

    font-size   : 13px;
    color       : #a9a9a9;
}

#main .banner .slider-content .right-middle-form {
    height   : 0;
    padding  : 0px 5px;
    overflow : hidden;
}

#main .banner .slider-content .right-middle.open:after {
    width : 100%;
    left  : 0%;
}

#main .banner .slider-content .right-middle.open .right-middle-form {
    height     : 203px;
    margin-top : 15px;
}

#main .main-project {
    padding-top : 30px;
}

#main .main-project .carousel {
    float : left;
    width : 100%;
}

#main .main-project .carousel .buttons {
    position   : absolute;
    top        : -15px;
    z-index    : 3;
    margin-top : -15px;
    cursor     : pointer;
}

#main .main-project .carousel .buttons i {
    width            : 30px;
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    color            : white;
    font-size        : 20px;
    background-color : #1E3E60;
}

#main .main-project .carousel .buttons:hover i {
    background-color : #1E3E60;
}

#main .main-project .carousel #Prev {
    right : 37px;
}

#main .main-project .carousel #Next {
    right : 0;
}

#project-carousel .carousel-item .carousel-img {
    position : relative;
}

#project-carousel .carousel-item .carousel-img:after {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    left             : 0;
    top              : 0;
    background-color : #1E3E60;
    mix-blend-mode   : overlay;
    opacity          : 0;
}

#project-carousel .carousel-item .carousel-img img {
    width      : 100%;
    box-shadow : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

#project-carousel .carousel-item .caption {
    padding       : 30px 0px;
    text-align    : center;
    border-bottom : 4px solid rgba(203, 99, 98, 0);
}

#project-carousel .carousel-item .caption h3 {
    font-size      : 20px;
    margin-top     : 0px;
    margin-bottom: -32px;
    padding-bottom : 5px;
    font-weight    : 600;
}

#project-carousel .carousel-item .caption span {
    color : #a1a1a1;
}

#project-carousel .carousel-item:hover .carousel-img:after {
    opacity : 1;
}

#project-carousel .carousel-item:hover .caption {
    opacity       : 1;

}

#main .main-company {
    position : relative;
    overflow : hidden;
    color    : #555;
}

#main .main-company:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* z-index: 1; */
    top: 0;
    left: 0;
    background: transparent;
    opacity: 1;
}

#main .bread {
    position : relative;
    height: 255px;
}

#main .bread:before {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    background-color : #1E3E60;
    mix-blend-mode   : hard-light;
	display: none;
}

#main .bread .container {
    position : relative;
    height   : 100%;
}

#main .bread .bread-title {
	text-align: center;
}

#main .bread .bread-title h3 {
    color       : white;
    margin      : 0px;
    font-weight : 900;
}

#main .bread .bread-title h3 img {
	padding: 0 10px 0px 0;
}


#main .bread .bread-call {
    font-family: ProximaNovaSemibold, sans-serif;

    position     : relative;
    float        : right;
    padding-left : 60px;
    z-index      : 4;
    display      : inline-block;
}

#main .bread .bread-call img {
    position : absolute;
    left     : 0;
    top      : 5px;
}

#main .bread .bread-call span {
    color     : #fff;
    font-size : 13px;
}

#main .bread .bread-call .phone {
    font-size   : 25px;
    font-weight : 900;
    color       : #fff;
}

#main .content {
    padding : 50px 0px;
}

#main .content-project {
    position : relative;
    padding  : 30px 0px 40px 0px;
}

#main .content-project:before {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 90px;
    top              : 0;
    left             : 0;
    background-color : #efefef;
    z-index          : -1;
}

#main .content-project:after {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 20px;
    bottom           : 0;
    left             : 0;
    background-color : #efefef;
    z-index          : -1;
}

#main .content-project .carousel {
    float          : left;
    width          : 100%;
    padding-bottom : 30px;
}

#main .content-project .carousel .buttons {
    position   : absolute;
    bottom     : 0%;
    z-index    : 3;
    margin-top : -15px;
    cursor     : pointer;
}

#main .content-project .carousel .buttons i {
    width            : 30px;
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    color            : white;
    font-size        : 20px;
    background-color : #1E3E60;
}

#main .content-project .carousel .buttons:hover i {
    background-color : #7f3737;
}

#main .content-project .carousel #Prev {
    left        : 50%;
    margin-left : -32px;
}

#main .content-project .carousel #Next {
    right        : 50%;
    margin-right : -32px;
}

#project-carousel {
}

#project-carousel .owl-wrapper-outer {
    padding : 20px 0px;
}

#project-carousel .carousel-item .carousel-img {
    position : relative;
}

#project-carousel .carousel-item .carousel-img:after {
    content          : '';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    left             : 0;
    top              : 0;
    background-color : #1E3E60;
    mix-blend-mode   : overlay;
    opacity          : 0;
}

#project-carousel .carousel-item .carousel-img img {
    width      : 100%;
    box-shadow : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

#project-carousel .carousel-item:hover .carousel-img:after {
    opacity : 1;
}

#main .service-item {
}

#main .service-item .service-title {
    font-weight : 900;
    margin-top  : 0px;
}

#main .contactForm .form-control {
    /*border : 4px solid #1E3E60;*/
    border: 1px solid transparent;
    border-bottom : 2px solid rgba(30, 62, 96, .3);
    box-shadow: none;
}

#main .contactForm .form-control:focus {
    border: 1px solid rgba(30, 62, 96, .3);
    border-bottom : 2px solid #1E3E60;
    box-shadow: none;
}

#main .contact-detail h5 {
    color : #a1a1a1;
}

#main .contact-detail a {
    color : #a1a1a1;
}

#main .contact-detail section {
    margin-bottom : 30px;
}

#main .project-item {
}

#main .project-img {
    position : relative;
    z-index  : 3;
}

#main .project-img img {
    width : 100%;
}

#main .project-img .btnRed {
    position : absolute;
    bottom   : 0;
    left     : 50%;
    z-index  : 3;
}

#main .project-text {
}

#main .project-text h1 {
    margin-top    : 0px;
    margin-bottom : 30px;
}

#main .project-text p {
    height   : 71px;
    overflow : hidden;
}

#main .project-text .project-prop {
    float            : left;
    width            : 100%;
    height           : 61px;
    padding          : 15px;
    background-color : #1E3E60;
    color            : white;
    box-shadow       : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

#main .project-text .project-prop img {
    margin-right : 10px;
    height       : 31px;
}

#main .project-text .project-prop span {
    font-weight : 700;
}

#main .project-detail-img {
    position : relative;
}

#main .project-detail-img .btnRed {
    position : absolute;
    left     : 45px;
    bottom   : 30px;
    z-index  : 3;
}

#main .project-detail-text {
    height : 343px;
}

#main .carousel-project {
    float    : left;
    position : relative;
    width    : 100%;
}

#main .carousel-project .buttons {
    position   : absolute;
    top        : 50%;
    z-index    : 3;
    margin-top : -15px;
    cursor     : pointer;
}

#main .carousel-project .buttons i {
    width            : 30px;
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    color            : white;
    font-size        : 20px;
    background-color : #1E3E60;
}

#main .carousel-project .buttons:hover i {
    background-color : #7f3737;
}

#main .carousel-project #Prev {
    left : 0;
}

#main .carousel-project #Next {
    right : 0;
}

#project-gallery .carousel-item .carousel-img {
    position : relative;
}

#project-gallery .carousel-item .carousel-img img {
    width      : 100%;
    box-shadow : 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
}

#main .main-project .right-middle {
    position         : relative;
    font-family: ProximaNovaSemibold, sans-serif;

    z-index          : 4;
    padding          : 12px 15px;
    background-color : rgba(255, 255, 255, 0.9);
}

#main .main-project .right-middle:after {
    content          : '';
    position         : absolute;
    width            : 80%;
    height           : 4px;
    left             : 10%;
    bottom           : -4px;
    background-color : #1E3E60;
}

#main .main-project .right-middle:hover:after {
    width : 100%;
    left  : 0%;
}

#main .main-project .right-middle-in {
    position     : relative;
    padding-left : 50px;
    cursor       : pointer;
}

#main .main-project .right-middle-in img {
    position : absolute;
    left     : 8px;
    top      : 8px;
}

#main .main-project .right-middle-in .firsatlar {
    font-weight : 900;
    font-size   : 22px;
    color       : #393939;
}

#main .main-project .right-middle-in span {
    font-family: ProximaNovaSemibold, sans-serif;

    font-size   : 13px;
    color       : #a9a9a9;
}

#main .main-project .right-middle-form {
    height   : 0;
    padding  : 0px 5px;
    overflow : hidden;
}

#main .main-project .right-middle.open:after {
    width : 100%;
    left  : 0%;
}

#main .main-project .right-middle.open .right-middle-form {
    height     : 203px;
    margin-top : 15px;
}

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

/* FOOTER **********************************************************/

#footer .footer-col {
    height : 155px;
}

#footer .footer-menu {
    padding         : 0px;
    margin          : 0px;
    list-style-type : none;
}

#footer .footer-menu a {
    font-weight : 700;
    color       : #a1a1a1;
}

#footer .footer-menu a:hover {
    text-decoration : underline;
    color           : #252525;
}

#footer .footer-social {
    padding         : 0px;
    margin          : 0px;
    list-style-type : none;
}

#footer .footer-social li {
    float  : left;
    margin : 0px 5px;
}

#footer .footer-social li a {
    display : block;
}

#footer .footer-social li a i {
    width            : 27px;
    height           : 27px;
    line-height      : 27px;
    text-align       : center;
    font-size        : 14px;
    background-color : #efefef;
}

#footer .footer-social li a i.fa-facebook {
    background-color : #3a5898;
    color            : white;
}

#footer .footer-social li a i.fa-twitter {
    background-color : #56adef;
    color            : white;
}

#footer .footer-social li a i.fa-instagram {
    background-color : #49769c;
    color            : white;
}

#footer .footer-social li a i.fa-linkedin {
    background-color : #177eb8;
    color            : white;
}

#footer .footer-social li a i.fa-behance {
    background-color : #1a6ff8;
    color            : white;
}

#footer .copyright {
    text-align : right;
}

#footer .copyright .copyright-img {
    margin-top : 20px;
}

.bannerDiv {
    width: 500px;
    max-width: 100%;
    padding: 30px;
    background-color: rgba(30, 62, 96, .6);
    color: white;
}

.bannerDiv h1 {
    margin: 0;
    padding-bottom: 15px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: white;
}

.bannerDiv h1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: white;
}

.bannerDiv p {
    margin: 0;
    font-size: 14px;
    text-align: justify;
}
.kopa__newsLetter.style--01 .widget-content form input[type="email"] {
    border: 2px solid #c08f48!important;
}
/*******************************************************************/
.mt300{margin-top: -346px;}
.hei600{ height: 600px;}
.hatc{ height: 316px; background: #222c36;}
.zi2{    color: White;
    font-size: 15px;
    position: absolute;
    top: 63px;

    text-align: center;
    padding: 60px;
    margin-left: -32px;
   }.kopa__footer p {
        font-size: 14px;
        color: #f7eaf1!important;
        letter-spacing: 0.05em
    }
.haiti{    height: 195px; position: relative;}
/* Responsive ******************************************************/


.cantact{float:right;}
.ziyaret{      color: White;
    font-size: 34px;
    position: absolute;
    top: 54px;    width: 91%;

    font-weight: 600;
    text-align: center;}
.pozilogo{     z-index: 59;}
.btnposi{ position: absolute;
    right: 60px;
    z-index: 66;
    line-height: 20px;
    height: 37px;
    bottom: 0;}
.btnposi{     position: absolute;
    /* right: 135px; */
    /* z-index: 66; */
    left: 50%;
    /* top: -57px; */
    /* padding: 0px; */
    /* margin: 0px !important; */
    z-index: 5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    line-height: 15px;
    /* height: 37px; */
    /* bottom: 40px; */bottom: 1px;}


.top80{position: relative;    margin-top: 80px;}
.ayla{  color: White;    font-size: 14px;    position: absolute;      top: 207px;    margin-left: 63px;}
.boyut{ margin-top: -13px;
    height: 111px;}
.lefter{ position: relative;       margin-left: -95px;}
.mezelerboyut{
    width: 616px;
}
@media (min-width : 1300px) and (max-width : 1500px)  {
.mezelerboyut{
    width: 433px;
}

}
.mobil2{  font-size: 27px;
    background: rgba(255, 255, 255, 0.78);
    padding: 20px;
    padding-right: 180px;
    margin-top: 51px;
    color: #c08f48;
    font-weight: 700;
    padding-left: 180px;}
.mobil3{ margin-left: 85px;    text-align: center;}
.mobil4{ margin-top: -34px;}
.kopa__newsLetter.style--01 .widget-content form input[type="email"] {
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: transparent!important;
    font-size: 13px;
    color: #ccc;
    margin-bottom: 20px;
}
.mobil20{color: #3a3a3a;
    padding: 100px;
    font-size: 17px;}
.mobil22{ margin-top: 11px;
    float: right;
    position: relative;
    bottom: -37px;}
.mobil23{position: absolute;
    height: 130px;
    left: 34%;
    top: 10px;
    padding: 0px;
    margin: 0px !important;
    z-index: 5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);}
#products > div.owl-controls.clickable > div.owl-buttons > div.owl-prev{    margin-left: 61px;
    margin-top: 0px;}
#products > div.owl-controls.clickable > div.owl-buttons > div.owl-next{margin-right: 61px;
    margin-top: 0px;}
.mobil24{padding-right: 20px;}
.mobil25{     margin-top: 153px;
    margin-bottom: 153px;}
.mobil27{      background: url(../img/back.png)!important;
    width: 100%;
   }
.mobil28{width: 100%;    border-top: 5px solid #c08f48;}
.mobil30{width: 570px;height: 329px;}
.mobil32{width: 570px;height: 330px;}
.mobil35{   margin-top: 0px;}

/* XS */
@media (max-width : 767px) {
    .btnShare {
        padding : 0px;
    }
    .mobil35{   margin-top: 129px;}
    .mobil31{ width: 100%;height: 100%;     margin-left: 58px;}
    .show1{width:100%;}
    .mobil30{width: 100%;height: 100%;    margin-left: 43px;}
    .mobil32{width: 100%;height: 100%;    margin-left: 43px;}

    .mobil27{  width: 95%;    margin-bottom: 10px;
        background: #fff!important;}
    .mobil28{width: 105%;    margin-bottom: -50px;    border-top: 5px solid #c08f48;}
    .mobil26{    height: 42px;
        margin-bottom: -42px;}
    .mobil25{     margin-top: 0px;
        margin-bottom: 41px;}
    #owl-demo > div.owl-controls > div{text-align: center;}
    #products > div.owl-controls > div.owl-pagination{text-align: center;}
    .mobil24{padding-right: 0px;}

    .mobil23{    position: absolute;
        height: 60px;
        left: 0;
        top: 52px;
        padding: 0px;
        margin: 0px !important;
        z-index: 5;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);}
    #header .navbar {
        background-color: white;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.15);
        position: relative;
        margin-bottom: -117px;
        top: 12px;
    }
    .show1{ width: 100%!important;   margin-left: -18px;}
    .mobil22{ margin-top: 11px;
        float: right;
        position: relative;
        bottom: 0;}
    .mobil20{color: #3a3a3a;
        padding: 0px;
        font-size: 17px;}
    .mobil9{    margin-left: -119px;}
    .kopa__bottomSidebar div[class^='col-'] {
        padding: 30px 15px 0;
        /* height: auto !important; */
        margin-top: 1px;
    }
    .mobil4{ margin-top: 0px;}
    .mobil11{    margin-left: -230px;}

    .mobil3{ margin-left: 0px;    text-align: center;}
    .mobil2{  font-size: 27px;
        background:transparent;
        padding: 20px;
        padding-right: 0px;
        margin-top: 51px;
        color: #c08f48;
        font-weight: 700;
        padding-left: 0px;}
    .mobil12{
        height: 78px;
        position: relative;
        margin-bottom: 10px;
        top: 11px!important;
        left: 0%;
        border-top-left-radius: 70px;
        border-top-right-radius: 70px;
        margin-right: 10px;
        z-index: 3;
        line-height: 37px;}
    .consep{   position: relative;
        /* margin-left: 15px; */
        margin-top: 30px;
        left: 35px;   background: #f4f4f4;}
    .lefter{    margin-left: 66px;}
    .boyut{ margin-top: -13px;
        height: 60px;}
    .haiti{    height: 115px; position: relative;}
    .leftmarg{   margin-left: 0px;}
    .btnposi{     position: absolute;
        right: 133px;
        z-index: 66;
        line-height: 20px;
        height: 37px;

    }
    .ayla{ margin-left: 93px;}
    .mobtit{ font-size: 30px!important;
    }
    .top80{position: relative;    margin-top: 0px;}
    #main .main-company {
        padding: 0px 0;
    }
    .btnRed {
        font-family: ProximaNovaSemibold, sans-serif;

        display: inline-block;
        padding: 9px 0px;
        color: #ab744b;
        background-color: #ab744b;
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        border: 0px;
        border-radius: 0px;
        min-width: 103px;
        margin-right: 64px;
    }
    .mt102{    margin-top: -111px;}
    #header .navbar .navbar-nav > .active > a, #header .navbar .navbar-nav > .active > a:focus, #header .navbar .navbar-nav > .active > a:hover {display:none;}
    .zi2{    color: White;
        font-size: 15px;
        position: absolute;
        top: 63px;
        text-align: center;
        padding: 31px;
        margin-left: 40px;
    }

    .hatc{ height: 422px;}
    .ziyaret{    top: 10px;
        width: 114%;
    }

    .cantact{    float: right;
        margin-top: -82px;
        margin-right: -14px;}
    .aaaa{display:none;}
    .loal{display:none;}
    .flat{float:left;}
    .mt300{margin-top: 0px;}
    .hei600{ height: 284px;}


    .btnShare.circle {
        border-radius : 50%;
    }

    .btnShare i {
        margin-right : 0px;
        width        : 31px;
        height       : 31px;
        line-height  : 31px;
        text-align   : center;
    }

    .btnShare span {
        display : none;
    }

    #main .banner .slider-content .top-left {
        display : none;
    }

    #main .banner .slider-content .content {
        display : none;
    }

    #main .banner .slider-content .right-middle {
        width      : 80%;
        right      : 10%;
        text-align : center;
    }

    #main .banner .slider-content .right-middle-in {
        padding-left : 0px;
        padding-top  : 50px;
    }

    #main .banner .slider-content .right-middle-in img {
        left              : 50%;
        -webkit-transform : translateX(-50%);
        -moz-transform    : translateX(-50%);
        -ms-transform     : translateX(-50%);
        -o-transform      : translateX(-50%);
        transform         : translateX(-50%);
    }

    #main .banner .slider-content .top-right {
        float             : none;
        margin-right      : 0px;
        left              : 50%;
        -webkit-transform : translateX(-50%);
        -moz-transform    : translateX(-50%);
        -ms-transform     : translateX(-50%);
        -o-transform      : translateX(-50%);
        transform         : translateX(-50%);
    }

    #main .main-company:before {
        opacity : 0.4;
    }

    #main .banner .slider-content .right-middle-in .firsatlar {
        font-size : 18px;
    }

    #main .banner .slider-content .right-middle {
        padding : 12px 20px;
    }

    #main .main-company .title-effect {
        font-size : 24px;
    }

    #footer .footer-col {
        height          : auto;
        padding         : 15px 0px;
        justify-content : center;
        text-align      : center;
    }

    #footer .copyright {
        text-align     : center;
        padding-bottom : 20px;
    }

    #header .navbar .navbar-nav {
        padding : 0px;
    }
    .services a .serviceImg{
        border-radius: 0;
    }
    .serviceImg{position: relative;}

    #header .navbar .navbar-brand {
        height : 50px;
    }

    #header .navbar .navbar-brand img {
        height: 60px;
        margin-top: -10px;
    }
    .pozilogo{position: absolute;
        margin-top: 17px;
        margin-left: 35px;
        z-index: 59;}

    #header .navbar .navbar-nav > li > a {
        text-align : center;
    }

    #header .navbar .navbar-toggle .icon-bar {
        background-color : #1E3E60;
    }

    #main .bread .bread-call {
        display : none;
    }

    #main .project-text h1 {
        margin-top : 15px;
        font-size  : 28px;
    }

    #main .banner .slider-content .top-right {
        display : none;
    }

    #main .banner .slider-content .right-middle {
        display : none;
    }
}

/* SM */
@media (min-width : 768px) and (max-width : 991px) {
    #header .navbar .navbar-nav > li > a {
        padding : 10px 15px;
    }
    .flat{float:left;}
    #main .banner .slider-content .content {
        font-size : 14px;
    }

    #main .banner .slider-content .content h1 {
        font-size     : 40px;
        margin-bottom : 15px;
    }

    #main .banner .slider-content .content .btnWhite {
        font-size  : 18px;
        padding    : 12px 35px;
        margin-top : 15px;
    }

    #main .banner .slider-content .top-right {
        margin-right : 0px;
    }

    #main .main-company:before {
        opacity : 0.4;
    }

    #main .project-text h1 {
        font-size : 30px;
    }
}
.aaaa{  height: 385px!important;
    position: absolute;
    width: 21%;
    margin-left: 21%;
   }
/* MD */
@media (min-width : 992px) and (max-width : 1199px) {
    .dropdown:hover .dropdown-menu {
        display : block;
    }

    #main .banner .slider-content .content {
        font-size : 14px;
    }

    #main .banner .slider-content .content h1 {
        font-size : 50px;
    }

    #main .banner .slider-content .content .btnWhite {
        font-size : 18px;
    }

    #main .main-company:before {
        opacity : 0.4;
    }
}

/* LG */
@media (min-width : 1200px) {
    .dropdown:hover .dropdown-menu {
        display : block;
    }
}
@media (min-width : 1370px) and (max-width : 1400px) {
    #main .main-company:before {  background-position-x: -262px;}
}
@media (min-width : 1350px) and (max-width : 1370px) {
    #main .main-company:before {  background-position-x: -262px;}
}

@media (min-width : 1000px) and (max-width : 1100px) {
    #main .main-company:before{background-position-x: -387px;
    }}
@media (min-width : 700px)  and (max-width : 990px){
    #main .main-company:before{background:none;
    }}

@media (min-width : 950px)  and (max-width : 1199px){
    .tek{display: block!important; height: 84px;
        margin-top:0;}
    .alt{display: none!important;}
    }
@media (min-width : 750px)  and (max-width : 991px){
    .tek{    display: block!important;
        height: 66px;
        margin-left: -66px;
        margin-top: -8px;}
    .alt{display: none!important;}
    .navbar-right {
        float: right!important;
        margin-right: -15px;
        font-size: 13px;
    }
}

@media (min-width : 1160px)  and (max-width : 1500px){
.aaaa {
    height: 385px!important;
    position: absolute;
    width: 21%;
    margin-left: 32%;

}}
@media (min-width : 1501px)  and (max-width : 1600px){
    .aaaa {
        height: 385px!important;
        position: absolute;
        width: 21%;
        margin-left: 29%;

    }}
@media (min-width : 1000px)  and (max-width : 1159px){
    .aaaa {
        height: 385px!important;
        position: absolute;
        width: 34%;
        margin-left: 29%;

    }}
@media (min-width : 970px)  and (max-width : 999px){
    .aaaa {
        height: 385px!important;
        position: absolute;
        width: 21%;
        margin-left: 38%;

    }}
@media (min-width : 940px)  and (max-width : 969px){
    .aaaa {
        height: 385px!important;
        position: absolute;
        width: 21%;
        margin-left: 40%;

    }}
#owl-demo .owl-item > div img {
    display: block;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;

}
#owl-demo .owl-item > div {
    padding: 0px 0px
}
.carousel-item:hover .carousel-img {
    overflow: hidden;
}
.carousel-item .carousel-img {
    position: relative;
}
.carousel-item:hover .carousel-img:before {
    opacity: 0;
}
.carousel-item .carousel-img:before {
    content: '';
    position: absolute;
    width: 100%;
    z-index:0;
    height: 100%;
    left: 0;
    /* top: -11px; */
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    /* background: url(../img/artt.png) no-repeat center; */
    /* -webkit-transition: all 0.3s ease-in-out; */
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;

}
.carousel-item:hover .carousel-img:after {
    opacity: 0;
    z-index: 59;
    height:91%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carousel-item:hover .carousel-img:after {
    opacity: 1;
}
.carousel-item .carousel-img:after {
    content: '';
    position: absolute;
    width: 98%;
    height: 82%;
    margin-left: 4px;
    margin-top: 66px;
    left: 0;
    top: -56px;
    mix-blend-mode: normal;
    opacity: 0;}

.img1:hover {
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.consep{height: 694px;   position: absolute;
    /* margin-left: 15px; */
    margin-top: 30px;
    left: 35px;   background: #f4f4f4;}




.show{
    width: 100%;
    height: 100%;
    float: left;
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
    display: block;
    border-radius: 4px;
}
.show .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.show .mask2{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 30px;
    left: 0
}
.show-third a.more {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    position: relative;
}
.more {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #c08f48;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    position: relative;
}
.more:hover {
    background-color: transparent;
    color: #c08f48;
    border: 2px solid #c08f48;

}
.show-third a.more:hover {
    background-color: #c08f48;;
    color: #fff;
}

.show-third p{
    font-size: 18px;
}

.show-third .mask {
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.show-third h2 {
    color: #000;
    margin-top: 10%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.show-third p {
    opacity: 0;
    transition: all 0.2s linear;
}

.show-third a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.show-third img{
    transition: all 0.2s ease-in-out;
}

.show-third:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(50%);}

.show-third:hover .mask {
    opacity: 1;
}
.show-third:hover .mask1 {
    opacity: 1;
    background: rgba(192, 143, 72, 0.87);
}
.show-third:hover h2,
.show-third:hover p,
.show-third:hover a.info {
    opacity: 1;
}
.show-third:hover p {
    transition-delay: 0.1s;
}
.show-third:hover a.info {
    transition-delay: 0.2s;
}


.projeCenter{    position: relative;
    text-align: center;
    margin: 30px 0px;
    font-weight: 500;
    font-size: 30px;
    font-family: 'Dancing Script', cursive;
    color: #fff;
    z-index: 2;}

.projeCenter:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 2px;
    bottom: -8px;
    left: 50%;
    margin-left: -75px;
    background-color: #fff;
}.kopa__bottomSidebar {
     background: #F5F5F5;
     overflow: visible!important;
 }

 .show1{
     width: 570px;
     height: 100%;
     float: left;
     border: 0px solid rgba(0,0,0,0.04);
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
     background: #fff;
     display: block;
     border-radius: 0px;}
.show2{
    height: 100%;
    float: left;
    border: 0px solid rgba(0,0,0,0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
    display: block;
    border-radius: 0px;}



.more1 {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: transparent;
    font-weight: 700;
    color: #c08f48;
    border: 2px solid #c08f48;
    position: relative;
}

.more1:hover {
    box-shadow: 0 0 5px #fff;
    background-color: #c08f48;;
    color: #fff;
}.more2 {
    display: inline-block;
    text-decoration: none;
    padding: 7px 35px;
    background: transparent;
    font-weight: 700;
    color: #c08f48;
    border: 2px solid #c08f48;
    position: relative;
}

.more2:hover {
    box-shadow: 0 0 5px #fff;
    background-color: #c08f48;;
    color: #fff;
}

.dergi-nav .dergi-btn-prev {
    position: absolute;
    left: 24px;
    border-radius: 0;
    padding: 0;
    width: 35px;
    top: 306px;
    height: 35px;
    z-index: 20
}

.dergi-nav .dergi-btn-next {
    position: absolute;
    right: 24px;
    border-radius: 0;
    padding: 0;
    width: 35px;
    border: none;
    top: 306px;
    height: 35px;
    z-index: 20
}

.dergi-nav .nav-buttons i::before {
    font-size: 72px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    border: none;
    transform: translate(-50%, -50%);
}
.mobil12{
    height: 83px;
    margin-bottom: 10px;
    top: -57px;
    left: 0%;
    margin-right: 0px;
    z-index: 42;
   }
.owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #c08f48;
    filter: Alpha(Opacity=50);
    /* opacity: 0.5; */
}
#owl-demo > div.owl-controls.clickable > div.owl-buttons{
    text-align: center;}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: 'fontAwesome';

}
.owl-carousel .owl-nav .owl-prev:before{
// fa-chevron-left
content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
//fa-chevron-right
content: "\f054";
    margin-right:10px;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #c08f48;;
text-align: center;
    display: block;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    opacity: 1;
    width: 12px;
}
#owl-demo > div.owl-controls.clickable > div{text-align: center;    margin-top: 16px;}

.commentSlider.owl-controls .owl-page {
    display: inline-block;
}
.commentSlider .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #c08f48;;
    text-align: center;
    display: block;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    opacity: 1;
    width: 12px;
}
.comments .owl-theme .owl-controls .owl-page span {
    background-color: #c08f48 !important;
}

#products > div.owl-controls.clickable > div.owl-buttons > div.owl-prev > i{    color: white;
    font-size: 68px;}#products > div.owl-controls.clickable > div.owl-buttons > div.owl-next > i{    color: white;
    font-size: 68px;}
#products > div.owl-controls.clickable > div.owl-pagination{display:none;}
/*Owl*/



.owl-prev, .owl-next {
    position:absolute;
    top:50%;
    padding:5px;
    margin:0;
    z-index:100;
    font-size:3rem;
    cursor:pointer;
    color:#555;
}

.owl-prev {
    left:-60px;
}

.owl-next {
    right:-60px;
}

.owl-theme .owl-controls .owl-buttons div{
    color: #555;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    font-size: 3rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    margin-top:-32px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    color:#2a6496;
}