/*****     CONTENT     *****/ 

/*
.background { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
    */

.content-wrap .container {
    background-color: rgba(255, 255, 255, .95);
}

section {
  height: auto !important;
}

.content {
/*
 z-index: 99;

 position: relative;

 background-image: url('/assets/shared/img/content_opc_bg.png');

 background-repeat:repeat;*/

}

#flayerslider {
	position: fixed;
	z-index: 0;
}

aside, #footer {
	z-index: 2;

}


/*



.online-siparis {

      background-color: #e74c3c !important; 

      color: #fff; 

      font-weight: bold; 

      margin: 18px 5px 11px 0px !important; 

      padding: 10px !important; 

      border-radius: 5px;

}



@media (min-width: 0px) and (max-width: 992px) {

  .online-siparis {

    padding: 0 !important; 

    background-color: transparent !important;

	color: #777;

	font-weight: normal;

	margin: 0;

	border-radius: 0px;

  }

}

*/


/*****     DARKEN     *****/ 

.darken {
 background-color: #000;
}



.opacity-0 {

    zoom:1;

    filter:alpha(opacity=0);

    -webkit-opacity:0;

    -moz-opacity:0;

    opacity:0

}

.opacity-1 {

    zoom:1;

    filter:alpha(opacity=10);

    -webkit-opacity:.1;

    -moz-opacity:.1;

    opacity:.1

}

.opacity-2 {

    zoom:1;

    filter:alpha(opacity=20);

    -webkit-opacity:.2;

    -moz-opacity:.2;

    opacity:.2

}

.opacity-3 {

    zoom:1;

    filter:alpha(opacity=30);

    -webkit-opacity:.3;

    -moz-opacity:.3;

    opacity:.3

}

.opacity-4 {

    zoom:1;

    filter:alpha(opacity=40);

    -webkit-opacity:.4;

    -moz-opacity:.4;

    opacity:.4

}

.opacity-5 {

    zoom:1;

    filter:alpha(opacity=50);

    -webkit-opacity:.5;

    -moz-opacity:.5;

    opacity:.5

}

.opacity-6 {

    zoom:1;

    filter:alpha(opacity=60);

    -webkit-opacity:.6;

    -moz-opacity:.6;

    opacity:.6

}

.opacity-7 {

    zoom:1;

    filter:alpha(opacity=70);

    -webkit-opacity:.7;

    -moz-opacity:.7;

    opacity:.7

}

.opacity-8 {

    zoom:1;

    filter:alpha(opacity=80);

    -webkit-opacity:.8;

    -moz-opacity:.8;

    opacity:.8

}

.opacity-9 {

    zoom:1;

    filter:alpha(opacity=90);

    -webkit-opacity:.9;

    -moz-opacity:.9;

    opacity:.9

}

.opacity-10 {

    zoom:1;

    filter:alpha(opacity=100);

    -webkit-opacity:1;

    -moz-opacity:1;

    opacity:1

}


/*****     BACKGROUND TYPE 5,6     *****/ 

#supersized {

 padding-left: 0px !important;

}

/*****     BACKGROUND TYPE 1,2     *****/ 

.custom-navigation {

        position:absolute;

        z-index:120;

        right:30px;

        bottom:15px

    }

    .custom-navigation .prev {

        margin-right:15px

    }

    .custom-navigation .next,

    .custom-navigation .prev {

        font-size:28px;

        padding:0 15px;

        position:relative;

        left:0;

        height:auto;

        width:auto;

        bottom:0;

        opacity:1;

        display:inline-block;

        color:#fff;

        pointer-events:initial;

        -webkit-transition:color .3s;

        -moz-transition:color .3s;

        -o-transition:color .3s;

        transition:color .3s

    }

    .custom-navigation .next i,

    .custom-navigation .prev i {

        font-size:24px

    }

    .custom-navigation .next:hover,

    .custom-navigation .prev:hover {

        color:#ca293e

    }



	

#slides img {

        width:auto

    }

    .controls-video i:hover,

    .custom-navigation .next:hover,

    .custom-navigation .prev:hover {

        color:#ca293e

    }

    .easing {

        -webkit-transition:-webkit-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1);

        -moz-transition:-moz-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1);

        -o-transition:-o-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1);

        transition:-webkit-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1),

        -moz-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1),

        -o-transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1),

        transform .9s cubic-bezier(0.645,

        .045,

        .355,

        1)

    }

	

.home {

	width: 100%;

	overflow: hidden;

	height: 100%;

	position: relative;

	z-index: 10;

	background: #000;

}



.home .slides-container li:after {

        content:"";

        width:100%;

        height:100%;

        position:absolute;

        top:0;

        left:0;

        /* background:#111; */

        /* opacity:.6 */

}

	

.home-bg-image {

    position:absolute;

    height:100%;

    width:100%;

    left:0;

    top:0;

    z-index:-1;

    overflow:hidden!important;

    background-image:url(/assets/shared/img/demo/paralax-berg.jpg);

    background-size:cover;

    background-position:center center

}

/*****     MAP     *****/ 

#map {

  width: 100%;

  height: 340px;

}

.maps-label {
    position:relative;
    margin-left:-100%!important;
    padding-left:-100%!important;
    font-weight:700;
    font-size:24px
}
.maps-label-container {
    position:absolute
}
.pin {
    width:30px;
    height:30px;
    border-radius:50% 50% 50% 0;
    background:#ca293e;
    position:absolute;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:5px;
    top:-20px;
    margin:-20px 0 0 -20px
}
.pin:after {
    content:"";
    width:14px;
    height:14px;
    margin:8px 0 0 8px;
    background:#e6e6e6;
    position:absolute;
    border-radius:50%
}
.bounce {
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s
}
.pulse {
    background:#d6d4d4;
    border-radius:50%;
    height:14px;
    width:14px;
    position:absolute;
    left:5px;
    top:-15px;
    margin:11px 0 0 -12px;
    -webkit-transform:rotateX(55deg);
    -moz-transform:rotateX(55deg);
    -o-transform:rotateX(55deg);
    -ms-transform:rotateX(55deg);
    transform:rotateX(55deg);
    z-index:-2
}
.pulse:after {
    content:"";
    border-radius:50%;
    height:40px;
    width:40px;
    position:absolute;
    margin:-13px 0 0 -13px;
    -webkit-animation:pulsate 1s ease-out;
    -moz-animation:pulsate 1s ease-out;
    -o-animation:pulsate 1s ease-out;
    animation:pulsate 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    opacity:0;
    box-shadow:0 0 1px 2px #ca293e;
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
    -o-animation-delay:1.1s;
    animation-delay:1.1s
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform:scale(0.1,
        .1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        -webkit-transform:scale(1.2,
        1.2);
        opacity:0
    }
}
@-moz-keyframes pulsate {
    0% {
        -moz-transform:scale(0.1,
        .1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        -moz-transform:scale(1.2,
        1.2);
        opacity:0
    }
}
@-o-keyframes pulsate {
    0% {
        -o-transform:scale(0.1,
        .1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        -o-transform:scale(1.2,
        1.2);
        opacity:0
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform:scale(0.1,
        .1);
        -moz-transform:scale(0.1,
        .1);
        -ms-transform:scale(0.1,
        .1);
        transform:scale(0.1,
        .1);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        -webkit-transform:scale(1.2,
        1.2);
        -moz-transform:scale(1.2,
        1.2);
        -ms-transform:scale(1.2,
        1.2);
        transform:scale(1.2,
        1.2);
        opacity:0
    }
}
lesshat-selector {
    -lh-property:0
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform:translateY(-2000px) rotate(-45deg);
        opacity:0
    }
    60% {
        opacity:1;
        -webkit-transform:translateY(30px) rotate(-45deg)
    }
    80% {
        -webkit-transform:translateY(-10px) rotate(-45deg)
    }
    100% {
        -webkit-transform:translateY(0) rotate(-45deg)
    }
}
@-moz-keyframes bounce {
    0% {
        -moz-transform:translateY(-2000px) rotate(-45deg);
        opacity:0
    }
    60% {
        opacity:1;
        -moz-transform:translateY(30px) rotate(-45deg)
    }
    80% {
        -moz-transform:translateY(-10px) rotate(-45deg)
    }
    100% {
        -moz-transform:translateY(0) rotate(-45deg)
    }
}
@-o-keyframes bounce {
    0% {
        -o-transform:translateY(-2000px) rotate(-45deg);
        opacity:0
    }
    60% {
        opacity:1;
        -o-transform:translateY(30px) rotate(-45deg)
    }
    80% {
        -o-transform:translateY(-10px) rotate(-45deg)
    }
    100% {
        -o-transform:translateY(0) rotate(-45deg)
    }
}
@keyframes bounce {
    0% {
        -webkit-transform:translateY(-2000px) rotate(-45deg);
        -moz-transform:translateY(-2000px) rotate(-45deg);
        -ms-transform:translateY(-2000px) rotate(-45deg);
        transform:translateY(-2000px) rotate(-45deg);
        opacity:0
    }
    60% {
        opacity:1;
        -webkit-transform:translateY(30px) rotate(-45deg);
        -moz-transform:translateY(30px) rotate(-45deg);
        -ms-transform:translateY(30px) rotate(-45deg);
        transform:translateY(30px) rotate(-45deg)
    }
    80% {
        -webkit-transform:translateY(-10px) rotate(-45deg);
        -moz-transform:translateY(-10px) rotate(-45deg);
        -ms-transform:translateY(-10px) rotate(-45deg);
        transform:translateY(-10px) rotate(-45deg)
    }
    100% {
        -webkit-transform:translateY(0) rotate(-45deg);
        -moz-transform:translateY(0) rotate(-45deg);
        -ms-transform:translateY(0) rotate(-45deg);
        transform:translateY(0) rotate(-45deg)
    }
}



/*****     OVERRIDES     *****/ 


/*
.container .row {

 padding-bottom : 20px;

 padding-top: 20px;

}
*/


.gallery-block {

	padding-bottom: 150px;

}



/* Sticky footer styles

-------------------------------------------------- */

html {

  position: relative;

  min-height: 100%;

}

/*****     BACKGROUND TYPE 1,2     *****/ 

.page-control {

    position:fixed;

    height:200px;

    background:0 0;

    top:50%;

    margin-top:-100px;

    margin-bottom:0;

    right:0;

    z-index:20

}

.page-control li {

    position:relative;

    width:16px;

    height:16px;

    margin:15px;

    display:block

}

.page-control li a {

    width:100%;

    height:100%;

    border-radius:50%;

    border:2px solid #333;

    background:#fff;

    position:absolute;

    top:0;

    left:0;

    -webkit-transition:border .3s,

    background .3s;

    -moz-transition:border .3s,

    background .3s;

    -o-transition:border .3s,

    background .3s;

    transition:border .3s,

    background .3s

}

.page-control li a:after {

    content:'';

    position:absolute;

    top:0;

    left:0;

    height:100%;

    width:100%;

    background:#111;

    border-radius:50%;

    box-shadow:0 0 1px #111;

    zoom:1;

    filter:alpha(opacity=0);

    -webkit-opacity:0;

    -moz-opacity:0;

    opacity:0;

    -webkit-transform:scale(3);

    -moz-transform:scale(3);

    -o-transform:scale(3);

    -ms-transform:scale(3);

    transform:scale(3);

    visibility:visible;

    -webkit-transition:opacity .3s,

    -webkit-transform .3s,

    visibility 0s .3s;

    -moz-transition:opacity .3s,

    -moz-transform .3s,

    visibility 0s .3s;

    -o-transition:opacity .3s,

    -o-transform .3s,

    visibility 0s .3s;

    transition:opacity .3s,

    -webkit-transform .3s,

    -moz-transform .3s,

    -o-transform .3s,

    transform .3s,

    visibility 0s .3s

}

.page-control li:hover a {

    border:2px solid #fff;

    background:rgba(17,

    17,

    17,

    .7)

}

.page-control .ui-page-scrolling-control_active a {

    border:2px solid #fff;

    background:#111

}

.page-control .ui-page-scrolling-control_active a:after {

    zoom:1;

    filter:alpha(opacity=100);

    -webkit-opacity:1;

    -moz-opacity:1;

    opacity:1;

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -o-transform:scale(1);

    -ms-transform:scale(1);

    transform:scale(1);

    visibility:hidden

}

.video-section {

    background-color:#0f0f0f;

    margin-top:0;

    margin-bottom:0;

    padding-bottom:0;

    width:100%;

    visibility:visible;

    position:relative;

    height:100%

}

.video-mask {

    position:absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    background:rgba(0,

    0,

    0,

    .5) url(/assets/shared/img/overlay.png);

    z-index:1

}

.video-controls {

    position:absolute;

    z-index:150;

    bottom:30px;

    left:30px;

    overflow:hidden

}

.video-controls div {

    float:left;

    margin-right:10px

}

.video-controls div i {

    color:#fff;

    cursor:pointer;

    -webkit-transition:color .3s;

    -moz-transition:color .3s;

    -o-transition:color .3s;

    transition:color .3s

}

.video-controls div:hover i {

    color:#ca293e

}

#slides {

    position:absolute!important;

    top:0;

    left:0;

    opacity:1!important

}

#slides .content {

    z-index:100;

    position:relative;

    top:50%;

    width:100%;

    text-align:center;

    margin-top:-50px

}

#slides .content h1,

#slides .content p {

    width:70%;

    margin:auto

}

#slides img {

    width:100%;

    height:auto

}

.slide-content {

    text-align:center;

    position:relative;

    display:table-cell;

    vertical-align:middle;

    width:100%!important;

    z-index:100

}

.slides-text {

    position:absolute;

    width:100%;

    height:100%;

    margin:0;

    padding:0;

    display:block

}

.slides-text>li {

    position:absolute;

    width:100%;

    height:100%;

    color:#fff

}

.slides-text .slide-content-wrapper {

    position:relative;

    z-index:101;

    vertical-align:middle;

    opacity:0;

    -webkit-transform:translate(0,

    -20px);

    -ms-transform:translate(0,

    -20px);

    transform:translate(0,

    -20px);

    top:50%;

    width:100%;

    margin-top:-50px;

    text-align:center;

    -webkit-transition:opacity 1.5s linear,

    -webkit-transform 1.5s;

    -moz-transition:opacity 1.5s linear,

    -moz-transform 1.5s;

    -o-transition:opacity 1.5s linear,

    -o-transform 1.5s;

    transition:opacity 1.5s linear,

    -webkit-transform 1.5s,

    -moz-transform 1.5s;
    }