/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.html');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 5%;
    top: 54%;
	background: #fff;
	background-image: url(../../../www.pinclipart.com/picdir/middle/145-1455944_white-arrow-png-arrow-left-svg-clipart.png);
	background-size: 79%;
	background-repeat: no-repeat;
	background-position: left;
}
.lSAction > .lSNext{
	
}
.lSAction > .lSNext {
    right: 10px;
    background-position: 0 0;
    left: 86%;
    top: 54%;
	background: #fff;
	background-image: url(../../../cdn0.iconfinder.com/data/icons/feather/96/591276.png);
	background-size: 79%;
	background-repeat: no-repeat;
	background-position: left;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}



/* new  */
	/* HEADER */



	@media screen and (max-width:980px) {

	}
	/* Language */

	@media screen and (max-width:980px) {

	}



	.social {display:block; overflow:hidden; }
	.social a {
		display:inline-block;
		font-size:30px;
		width:40px;
		height:40px;
		line-height:40px;
		margin:15px 15px 0 0;
		color:#fff;
		transition:.3s;
		-webkit-transition:.3s;
		overflow:hidden;
		position:relative;
		font-weight:100 !important;
	}
	.social a:hover { color:#d7a800; }
	.social a:before,
	.social a:after {
		display:block;
		position:absolute;
		idth:30px;
		height:30px;
		overflow:hidden;
		line-height:30px;
		transition: .2s;
		-webkit-transition: .2s;
	}
	.social a:before {-webkit-transform:scale(1); transform:scale(1); }
	.social a:after { -webkit-transform:scale(0); transform:scale(0); }
	.social a:hover:after { -webkit-transform:scale(1); transform:scale(1);}
	.social a:hover:before {-webkit-transform:scale(0); transform:scale(0); }
/* REFERENCES */
.hilton img{
	padding-top: 9px;
}
.hilton{
	width: 170px !important;

}
/* .reference_carousel .img_01 img{
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.reference_carousel .img_01 img:hover{
	-webkit-filter: grayscale(1);
  filter: grayscale(0);
} */




.right_katalog{
}
.kataloganasag {
    float: right;
    position: fixed;
top: 64%;
    right: -6px;
    width: 50px;
    height: 205px;
    z-index: 99;
}
.kataloganasag img{
	width: 88%;
}
.owl-carousel .owl-wrapper-outer{
	overflow: inherit;
}
.section-title h2{
	font-family: 'Montserrat', sans-serif !important;
font-size: 30px;
color: #d2d2d2;
letter-spacing: 6px;
text-align: left;
}
div#references { width:100%; overflow:hidden; display:block; margin:0; padding:0; position:relative; margin-top: -34px;   background-color: #f2f2f2;   }
div#references .wrapper {  padding:20px 0; margin:0 auto; display:block; overflow:hidden; }

div#references .wrapper .headline { display:inline-block; float:left; width:20%; height:60px;margin-top: 40px; line-height:60px; text-align:center; font-weight:700; background:#03308a; border:1px solid #03308a; font-size:18px; color:#fff; }
div#references .wrapper .reference_carousel { display:inline-block; float:left; width:92%;}

.owl-item{    width: 250px !important;}
div#references .item { margin:0; padding:0; width:100%; }
div#references .item a { display:block; overflow:hidden; padding:0 5px; width: 232px;}
div#references .item a img { width: 100%; height:auto; max-width: 100% }

@media screen and (max-width:980px) {
div#references { width:100%; background:#fff; overflow:hidden; display:block; margin:0; padding:0; position:relative; border-top:1px solid #eee; }
div#references .wrapper { width:100%; padding:20px 0; margin:0 auto; display:block; overflow:hidden; }

div#references .wrapper .headline { display:inline-block; float:left; width:50%; height:60px; line-height:60px; text-align:center; font-weight:700; background:#ea202d; border:1px solid #ea202d; font-size:18px; color:#fff; }
div#references .wrapper .reference_carousel { display:inline-block; float:left; width:50%;}


div#references .item { margin:0; padding:0; width:100%;  }
div#references .item a { display:block; overflow:hidden; padding:0 5px; }
div#references .item a img { width:100%; height:auto; max-width: 100%   }
}
.section-title {
    margin-top: 0;
    padding-top: 35px;
}
.section-title, .project-section .section-title, .cozumlerimiz .section-title {
	margin-left: 100px;
}


/* POPUP */
			#mask {position: fixed;left: 0;top: 0; z-index: 999999999; background-color: #000; display: none;}
			#boxes .window {
				position: fixed;
				left: 0;
				top: 0;
				width: 650px;
				height: 850px;
				display: none;
				z-index: 9999999999;
				padding: 0;
				text-align: center;
			}
			#boxes #dialog {
				width: 50%;
				height: auto;
				padding:0;
				background-color: #none;
				font-size:24px;
				position:absolute;
				text-align:center;
			}
			#boxes #dialog iframe { width:100%; height:365px; }
			#boxes #dialog .close { width:30px; height:30px; line-height:30px; text-align:center; overflow:hidden; right:-30px; top:0; font-weight:600; font-size:14px; position:absolute; background:#F02125; color:#fff; }
			#boxes #dialog p.ptitle { font-size:40px; font-weight:800; }
			#boxes #dialog p strong {  font-weight:800; }

			@media screen and (max-width: 480px) {
				#boxes .window {width: 95%; height: auto;}
				#boxes #dialog {width: 95%;padding:10px  0;font-size:20px;}
				#boxes #dialog .close { width:40px; height:40px; font-family:Arial, Sans-Serif; line-height:40px; right:0px; top:0; font-weight:300; font-size:18px; }
				#boxes #dialog p.ptitle { font-size:30px; }
			}

	/* NAV */
	.toggleMenu {
		display:none;
		padding:0;
		width:60px;
		height:60px;
		margin:0;
		color: #fff;
		float:right;
		z-index:10000;
		top:20px;
		text-align:center;
		position:relative;
		overflow:hidden;
		background-color:rgba(0,0,0,0.70);
		background-image: url(assets/images/svg/menu.html);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:25px;
		-webkit-transition: .5s;
		transition: .5s;
		opacity:1;
	}
	.toggleMenu.toogle_hover { background-image:url(assets/images/svg/menu_close.html); background-color:transparent; }
	.hrr{
		border: 0;
		height: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		clear: both;
	}
	.nivo-controlNav{
		display: none;
    }
    
    
	

.proj .demo .item img{
	width: 100%;
	/* height: 350px; */
}
.lSSlideOuter .lSPager.lSGallery{
	width: 664px ;
	transform: translate3d(0px, 0px, 0px) !important;
}
.lSSlideOuter .lSPager.lSGallery li{
	width: 84.222px !important;
}
.lSSlideOuter .lSPager.lSGallery li a{

}
.lSSlideOuter .lSPager.lSGallery li img{
	/* height: 80px; */
	margin: 3px;
	height: 79px;
}
.lSSlideOuter{
	width: 663px;
}
.demo .item{
	width: 476px;
}
.portfolioinfodiv .new_text{
	font-weight: 700;
	text-transform: uppercase;
}
.demo{
	width: 534px !important;
	margin: 0 auto;
		display: block;
}