.cihaniriboy_footer { padding:30px 0;}
.cihaniriboy_footer ul {
	padding:0;
}
.cihaniriboy_footer ul , .cihaniriboy_footer ul li { list-style-type:none;}

.cihaniriboy_footer h4 {
	font-size:18px;
}
.cihaniriboy_footer ul li {
	color:#cccccc;
}
.cihaniriboy_footer ul li a{
	color:#cccccc!important;
}
.footer-ebulten-text {
	color:#ccc;
}
.foot-logo-aciklama {
	color:#ccc;
}


 .footer-ebulten {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.cihaniriboy_sitemap .footer-ebulten .alert {
  padding: 3px 5px;
  margin-top: 15px;
  font-size: 12px;
  display: none;
}
 .footer-ebulten .mail-btn {
  float: right;
  padding: 7px 13px;
  display: inline-block;
  border-radius: 0 3px 3px 0;
  border: none;
  color: #fff;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  background: #ec6540;
}
 .footer-ebulten .input-inline {
  display: block;
  border-radius: 3px 0 0 3px;
  border-right: 0;
  margin-right: 42px;
}
 .footer-ebulten .input-inline input {
  font-size: 13px;
  font-weight: 300;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff;
  border-color: #dde1e1;
  color: #333;
  height: 40px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
  margin-right:0;
}
 .footer-ebulten .input-inline input:focus {
  border: 1px solid #237dc8;
}
 .cihaniriboy_sitemap ul.cihaniriboy_sitemap {
  width: 100%;
  float: left;
}
 .footer-social {
    width: 100%;
    float: left;
    margin-top: 16px;
}

.footer-social a {
    display: inline-block;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    padding-top: 3px;
    text-align: center;
     background: #ec6540;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #fff!important;
}

.footer-social a:hover {
    background: #ec6540;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.zr-logo a img { width:155px;}
#header .header-nav.header-nav-stripe nav>ul>li  a{
	color:#000;
}
.sticky-header-enabled .zr-logo a img  {
	width:205px;
}
.sticky-header-active .zr-logo a img{
	width:auto;
	height:auto;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 60px 0;
}

.zr-proje-detail p {
	margin:0;
	line-height:28px;
}

.zr-pro-inner {
	float:right;
}
.proh2 {
	font-size:26px!important;
}
.breadcrumb>li {
	    text-transform: none;
}


.slider-area{
    align-items: center;
    display: flex;
    position: relative;
}

.circle-one {
    position: absolute;
    top: 34%;
    left: 56%;
}

.circle-two {
    top: 24%;
    left: 70%;
    position: absolute;
}

.circle-three {
    top: 33%;
    left: 83%;
    position: absolute;
}

.circle-four {
    top: 65%;
    left: 57%;
    position: absolute;
}

.circle-five {
    top: 58%;
    left: 76%;
    position: absolute;
}

.animated-circle {
    background-color: transparent;
    border: none;
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: absolute;
}

.animated-circle:after {
    content: "";
    height: 25px;
    width: 25px;
    background-color: #f93134;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 10px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.72);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.72);
    -webkit-animation: ripple 2s infinite;
    animation: ripple 2s infinite;
}

@-webkit-keyframes ripple {
    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
    }
    to {

        -webkit-box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
    }
}

@keyframes ripple {
    70% {

        -webkit-box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 20px rgba(0, 159, 153, 0);
    }
    to {

        -webkit-box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
        box-shadow: 0 0 0 0 rgba(0, 159, 153, 0);
    }
}

/* ===================================
    MEDIA QUERIES
=================================== */

@media (min-width: 1800px) {
    .side-menu .side-nav {
        margin: 200px 0;
    }
    .circle-one {
        top: 23%;
		left: 17.5%;
    }
    .circle-two {
        top: 31%;
        left: 68%;
    }
    .circle-three {
        top: 37%;
        left: 78%;
    }
    .circle-four {
        top: 62%;
        left: 56%;
    }
    .circle-five {
          top: 78%;
    left: 30%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px){

    .main-heading h2 {
        font-size: 30px;
    }
    .main-heading h2 span {
        font-size: 42px;
    }
    .main-heading p {
        font-size: 16px;
    }
    .navbar .top-personal-info, .navbar .navbar-social  {
        display: none;
    }

    /* Banner */
    .slider-area h1 {
        font-size: 42px;
    }
    .slider-area p {
        font-size: 16px;
    }
    .circle-one {
        top: 40%;
        left: 57%;
    }
    .circle-two {
        top: 36%;
        left: 76%;
    }
    .circle-three {
        top: 40%;
        left: 92%;
    }
    .circle-four {
        top: 55%;
        left: 85%;
    }
    .circle-five {
        top: 59%;
        left: 59%;
    }
}
.animated-circle:after {
	border:1px solid #fff;
}
@media screen and (max-width:992px){

	.animated-circle:after {
		width:18px;
		height:18px;
	}
	
    /* Banner */
    .slider-area h1 {
        font-size: 34px;
    }
    .slider-area p {
        font-size: 14px;
    }
    
	
	
	 .circle-one {
          top: 23%;
		left: 17.5%;
    }
    .circle-two {
       top: 36%;
       left: 26%;
    }
    .circle-three {
        top: 47%;
		left: 32%;
    }
    .circle-four {
            top: 58%;
    left: 38%;
    }
    .circle-five {
           top: 78%;
    left: 30%;
    }
	.circle-six {
             top: 39%;
    left: 62%;
    }
	
	.circle-seven {
       top: 47%;
    left: 71%;
    }
	
	
	.circle-eight {
           top: 66%;
    left: 76%;
    }
	
	
    .btn.btn-medium {
        font-size: 14px;
        padding: 8px 44px;
    }
}

[data-tootik] {
    position: relative;
}

@media (min-width: 1800px) {
    .side-menu .side-nav {
        margin: 200px 0;
    }
	
    .circle-one {
         top: 23%;
		left: 17.5%;
    }
    .circle-two {
       top: 36%;
       left: 26%;
    }
    .circle-three {
        top: 47%;
		left: 32%;
    }
    .circle-four {
            top: 58%;
    left: 38%;
    }
    .circle-five {
            top: 78%;
    left: 30%;
    }
	.circle-six {
             top: 39%;
    left: 62%;
    }
	
	.circle-seven {
       top: 47%;
    left: 71%;
    }
	
	
	.circle-eight {
           top: 66%;
    left: 76%;
    }
	
}


.circle-six {
	position:absolute;
}

.circle-seven {
	position:absolute;
}
.circle-eight {
	position:absolute;
}
	
	
@media (max-width: 1799px) and (min-width: 992px) {

    .main-heading h2 {
        font-size: 34px;
    }
    .main-heading h2 span {
        font-size: 48px;
    }
    .main-heading p {
        font-size: 16px;
    }

    /* Banner */
    .slider-area h1 {
        font-size: 48px;
    }
  .circle-one {
         top: 23%;
		left: 17.5%;
    }
    .circle-two {
       top: 36%;
       left: 26%;
    }
    .circle-three {
        top: 47%;
		left: 32%;
    }
    .circle-four {
            top: 58%;
    left: 38%;
    }
    .circle-five {
             top: 78%;
    left: 30%;
    }
	.circle-six {
             top: 39%;
    left: 62%;
    }
	
	.circle-seven {
       top: 47%;
    left: 71%;
    }
	
	
	.circle-eight {
           top: 66%;
    left: 76%;
    }

    /* Counter */
    .counter-content h3, .counter-content h3 span {
        font-size: 28px;
    }
    .parallax-box h5 {
        font-size: 14px;
    }
}

.banner-image img {
	 width:100%;
	 height:auto;
}
.mainhizmeta:hover {
	border:none;
	text-decoration:none;
}
.ccl2{
	background:#ec6540;
	color:#fff;
	padding-top: 15px;
	padding-right:0;
}
.ccl2 h2{

	color:#fff!important;
}
.ccl2 p{
	color:#fff!important;
	padding-right:0;
}
.ccl2 .zr-pro-inner {
	padding-right:15px;
}
.ccl2img {
	padding-left:0;
}
.portfolio-list .portfolio-item {
	margin-bottom:0;
}
.ccl1{
	background:#eaeaea;
	padding-left:0;
	padding-top: 15px;
}
.ccl1 .zr-proje-detail {
	padding-left:15px;
}
.ccl1 h2 {
	padding-left:15px;
}
.ccl1img {
	padding-right:0;
}
.sticky-header-active  .zr-logo a img {
	width:205px!important
}

.rich-text {
	position:relative;
}
	.component .bg-text { 
		opacity:0;
	}
@media (min-width: 1200px) {
	.component .bg-text {
		font-size: 160px;
		padding-left: calc(50% - 565px);
		 pointer-events: none;
		display: block;
		overflow: hidden;
		text-transform: uppercase;
		line-height: 100%;
		font-weight: 700;
		position: absolute;
		width: 100%;
		left: 0;
		color: #ec6540;
		white-space: nowrap;
		top:0;
		opacity:0.05;
	}
	.duyuru-component  .bg-text  {
		
	}
}

.ccl2 {
        padding-top: 40px;
    position: relative;
    padding-left: 30px;
}
.ccl2:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100;
	background:red;
}
.d-img {
	    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
   min-height: 520px;
   overflow:hidden;
}
.dropowntoggle4:after {
	display:none;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
	background:#ec6540!important;
}
.owl-carousel .owl-dots .owl-dot span {
	width:14px;
	height:14px;
}
@media screen and (max-width:1024px){
	.ccl2 {
		padding-top:20px;
	}
	.zr-pro-inner {
		float:left;
	}
	.ccl1 h2 {
		padding-left:40px;
	}
}

/*======================================
	Team CSS
========================================*/    
.single-team {
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 4px 10px #0000001a;
    -moz-box-shadow: 0px 4px 10px #0000001a;
    box-shadow: 0px 4px 10px #0000001a;
}
.single-team .team-head {
	position: relative;
}
.single-team .team-head img {
	height: 100%;
	width: 100%;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.single-team .team-arrow {
	position: absolute;
	top: -24px;
	z-index: 333;
	left: 10px;
}
.single-team .team-arrow a {
    left: 5px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 25px;
    background: #2E2751;
    display: block;
    color: #fff !important;
    border-radius: 100%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px #0000001a;
    -moz-box-shadow: 0px 0px 10px #0000001a;
    box-shadow: 0px 0px 10px #0000001a;
}
.single-team .team-arrow a:hover {
	background:#F3A712;
	color:#fff !important;
}
.single-team .t-content {
    text-align: center;
    padding: 25px 15px;
    position: relative;
}
.single-team .t-content .name {
	line-height: 22px;
}
.single-team .t-content .name a {
    font-size: 20px;
    color: #2E2751;
    text-transform: capitalize;
}
.single-team .t-content .name a:hover{
	color:#179e66;
}
.single-team .t-content .designation {
    position: relative;
    font-size: 14px;
    display: block;
    padding-bottom: 12px;
    margin-top: 5px;
}
.single-team .t-content .designation::before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 50px;
    margin-left: -25px;
    background: #f3a712;
}
.single-team .t-content .text {
	font-size: 14px;
}
.single-team .t-content p {
    line-height: 22px;
}

.single-news {
    background: #fff;
    position: relative;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
    z-index: 2;
    margin-bottom: 15px;
    box-shadow: 2px 0px 15px 0px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
}
.single-news .news-head{
	overflow: hidden;
	position:relative;
}
.single-news .news-head:before{
	opacity:0;
	visibility:hidden;
}
.single-news:hover .news-head:before{
	opacity:0.5;
	visibility:visible;
}
.single-news .news-head:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-top: 10px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    left: 50%;
    margin-left: -15px;
    z-index: 333;
    z-index: 4444;
    transform: translateY(50px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.single-news:hover .news-head:after{
	opacity:1;
	visibility:visible;
    transform: translateY(0px);
}
.single-news .news-head img{
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.single-news .news-body {
    padding: 25px;
    background: #fff;
    position: relative;
}
.single-news .news-meta {
    position: absolute;
    width: 100%;
    background: transparent;
    opacity: 0;
    bottom: 20px;
    visibility: hidden;
    text-align: center;
    z-index: 333;
    transition: all 0.3s ease;
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	transform:translateY(-15px);
}
.single-news:hover .news-meta{
	transform:translateY(0px);
	opacity:1;
	visibility:visible;
}
.zr-proje-detail2 h3 {
	    margin-top: 10px;
	margin-bottom:5px!important;
}

.cihaniriboy_footer-logo a{ 
	width:100%;
	float:left;
	margin-bottom:10px;
}
.mda {
	width:100%;
	float:left;
	    box-shadow: 2px 0px 15px 0px rgb(0 0 0 / 15%);
	
}
.mda img {
	width:100%;
	float:left;
}
.ccvideo{
	width:100%;
	float:left;
}
.ccvideo a img { width:35px; margin-right:6px;}
.ccvideo a span{ color:#d4161d; font-weight:600; }

.sticky-header-enabled .zr-logo a img {
    width: 260px!important;
}
.kadropadding {
	padding:15px;
}

@media (min-width: 992px) {
	#header .header-nav.header-nav-stripe nav>ul>li>a {
			padding: 0px 10px;
	}
}
@media screen and (max-width: 992px) {
	.hidden-xsre {
		display:none!important;
	}
}

@media screen and (min-width:1024px) and (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 1073px;
	}
	/* #header .header-nav.header-nav-stripe nav>ul>li>a {
		padding: 0 5px!important;
	} */
	
	#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span
	{
		    padding: 6px 4px;
	}
	#header .header-nav.header-nav-stripe nav>ul>li>a {
		padding:0 7px;
	}
}

.page-header {
	
}
html .overlay-color-dark:not(.no-skin):before {
	background:#fff!important;
}
.page-header h1 {
	color:#626262
}
.breadcrumb.breadcrumb-light a {
    color: #656565;
}
.breadcrumb>li {
    text-transform: none;
	 color: #656565;
}
.getsrzr a { float:left!important; padding: 10px 8px!important; margin:0 5px;}
.getsrzr span { font-weight:400;     font-size: 12px;
    color: gainsboro;}
.getsrzr h4 {
	font-size: 16px;
	margin-bottom:1px;
}

#cihaniriboyPopup .modal-body {
    padding: 0
}

@media screen and (min-width: 768px) {
    #cihaniriboyPopup .modal-dialog {
        width: 700px
    }
}

#cihaniriboyPopup .modal-popup .popup-img img {
    width: 100%;
    height: auto;
    display: block
}

#cihaniriboyPopup .modal-popup .modal-close {
    position: absolute;
    right: 5px;
    top: -2px;
    z-index: 10;
    font-size: 34px;
    color: #000;
    opacity: .5
}
.header-container-ru{
	height:auto!important;
}
 .header-container-ru .header-nav-main {
	 display:block!important;
 }
 .header-container-ru .header-nav.header-nav-stripe .header-nav-main {
	 width: 827px!important;
 }
  .header-container-ru ul li {
	   line-height: 19px!important;
  }
   .header-container-ru .nav {
	  margin-top: 14px!important;
  }	
  .header-container-ru .header-nav-main nav>ul>li {
	      margin: 0 20px!important;
  }

 .header-container-ru ul li a {
	  color: #717171!important;
  }
  
   .header-container-ru ul li:hover a {
	    color: #fff!important;
   }
   .header-container-ru  ul li:after {
	   content:'';
	   position:absolute;
	       right: -16px;
    top: 9px;
    background: #d8d8d8!important;
    width: 1px;
    height: 23px;
   }
   .header-container-ru nav>ul>li {
	   position:relative;
   }