@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext');

/*************************
*******Typography******
**************************/

body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color:#000;
      line-height: 26px;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
     color: #3b3b3b;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
      color: #002871;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.homeurun h2 {
	text-align:center;
	font-size:32px;
	font-weight:300;
	padding:25px 0;
}
.homekat {
	width:23.5%;
	background:#f2f2f2;
	margin-right:15px;
	float:left;
	margin-bottom:15px;
	border:solid 1px #e2e2e2;
	position:relative;
}
.homekat:nth-child(4n+0) {
	margin-left:0;
}
.homekat img {
	width:100%;
}
.homekat p {
	text-align:center;
	margin:0;
	padding:5px 0;
	color:#000;
}
.homekat span {
	opacity:0;
	display:table-cell;
	width:100%;
	height:273px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#0000008c;
	position:absolute;
	top:0;
	left:0;
	padding-top:40%;
	font-size:20px;
	font-weight:400;
}
.homekat:hover span {
	opacity:1;
	}	
.btn-primary {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}
.what {
    margin: 0;
    padding: 0;
    border: 0;
    position: fixed;
    z-index: 16000160;
    bottom: 10px;
    text-align: center;
    overflow: hidden;
    right: 20px;
}

.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
      width: 23%;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.features .item {
	width: calc(25% - 5px);
    float: left;
    margin-right: 5px;	
}

.features .item img {
	width:100%;	
}

.features .item a {
	color:#000;
	display:block;
}

.features .item p {
	text-align: center;
    font-size: 16px;
    padding: 5px 0;
    background: #f6f6f6;
    color: #fff;
	height: 54px;
}

    

.urunlist {
	    display: block;
	    float: left;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    margin-bottom: 50px;
}
.urunlist div {
	float: left;
	display: inline-block;
	margin: 10px;
	width: 30%;
	border: none;
	background: none;
	color: #2a2a2a;
	font-size: 16px;
	text-align: center;
	padding-top: 0;
	position: relative;
	/*height:190px;*/
}
.urunlist div img {
	margin-bottom: 0;
	/*max-height:150px;*/
	overflow:hidden;
	display:block;
}
.urunlist div p {
	display: block;
	padding: 10px 0;
	text-align: center;
	background: #f7f7f7;
	font-size:16px!important;
	width:100%;
	margin: 0;
}
.homur {
	padding-bottom:50px;
}


/*************************
*******Header******
**************************/

header {  z-index: 100; position: relative; background: #fff;padding-bottom: 20px;}
#header .search{
  display: inline-block;
}

.header-container {}

.navbar>.container .navbar-brand{
  margin-left: 0;
}
 .navbar>.container .navbar-brand img {}
.top-bar {
	padding: 0;
    padding-top: 0;
    line-height: 28px;
    background: #c9eaff;
}

.top-number{
  color: #fff;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
  float:right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
 margin-top: 1px;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
    display: inline-block;
    color: #fff;
    width: 30px;
    line-height: 25px;
    text-align: center;
    border-radius: 0;
    margin-left: 3px;
}

ul.social-share li a img { max-width: 94%;
    margin-top: -3px;
    margin-left: 1px;}

ul.social-share li a:hover {
      background: #fea154;
  color: #fff;
  
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 60px;
  padding: 0 10px;
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}

.navbar-brand {
  padding: 0;
  margin:0;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background:transparent;
  padding: 0px 0;
  padding-bottom: 0;
}

 .navbar-nav{
  float: right;
 }

.navbar-nav>li{
 	    text-align: center;
}
.navbar-nav>li:nth-child(3) {}
.navbar-nav>li:nth-child(5) a { }

.navbar-nav>li:last-child a {
	 border-right:0px solid #CCC;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 9px 12px;
  margin: 0;
  color: #0c0c0c;
  line-height: 24px;
  display: inline-block;
  border-radius: 0;
  margin-top: -1px;
  font-size:16px;
}

span.text {
    font-size: 11px!important;
    margin-top: -20px!important;
    margin-bottom: 0!important;
    float: right;
    margin-right: 10px;
    color: #730000!important;
}

.navbar-inverse .navbar-nav > li > a:hover{
  background-color: #000000;
  color: #fff;
}

.carousel-indicators {
    bottom:50px;/*
    border-bottom: 50px solid white;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;*/
    height: 0;
    width: auto;
	margin-left: -3%;
	background:url(../images/bullet-bg.png) center bottom no-repeat;
}


.logo-main {
    float: left;
    width: 225px;
	margin-top: 10px;
}
.logo-main a {padding:0!important; border:none!important;}
.logo-main a:hover {background:none!important;}

.language {float:left;margin-right: 0px; display:block;}
.language ul {margin:0; padding:0; list-style:none;}
.language ul li {float:left; margin:0px 2px; }
.language ul li a {background:#f3f3f3; color:#111; font-weight:700;    padding: 5px 8px;    font-size: 11px;}

.navbar-inverse {
  border: none;
  height: 90px;
}

.navbar-inverse .navbar-brand {

}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  /*background-color: #c52d2f;
  color: #fff;*/
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: rgba(0,0,0,.85);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
  min-width: 150px;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #fff;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #000000;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-top: 0;
    padding: 40px 0 0 0;
	width: calc(100% - 240px);
}
.navbar {    position: relative;}


/*************************
*******Home Page******
**************************/

.ago-ht { width:100%;    margin-bottom:25px; text-align:center; }
.ago-ht h4 { text-align:center; font-size:32px; color:#222; font-weight:300;}
.ago-ht h4 span { color:#064392; }
.ago-ht p {  font-size: 18px;color:#575757; text-align:center; width:85%; margin:0 auto;}
.ago-ht a {display:inline-block; margin:0 auto;  color:#0C90EB;}

.ago-ht ul {float:left; width:100%; list-style:none; padding:0;}
.ago-ht ul li {float:left; width:24%; padding:10px; margin-right:10px; background:#FFF; text-align:left;
-moz-box-shadow:0px 0px 29px rgba(0,0,0,0.08);
-webkit-box-shadow:0px 0px 29px rgba(0,0,0,0.08);
box-shadow:0px 0px 29px rgba(0,0,0,0.08);}

.ago-ht ul li i {margin-right:10px;}
.ago-ht ul li a {font-size:17px; font-weight:700; color:#000;}

#main-slider {
  position: relative;
     margin-top: 0;
}




.no-margin {
  margin: 0;
  padding: 0;
}

.services-wrap p { color:#000;}

.news-container h4{
    text-transform: uppercase;
    margin-top: -3px;
    color: #0079B0;
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 23px;
}
.news-container h4 a {
float: right;
    font-size: 13px;
    margin-top: 9px;
    margin-right: 15px;}

#main-slider .carousel .carousel-content {
    margin-top: 127px;
}

#main-slider .carousel .slide-margin{
  margin-top: 81px;
}

#main-slider .carousel .item:nth-child(3) .animated-item-1 { 

	font-size:41px!important; line-height: 49px; margin-bottom:15px;

}

#main-slider .animation.animated-item-2 {
      color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
}

#main-slider .animation.animated-item-2  span {font-size: 18px!important;}

#main-slider .carousel h2 span{
  color: #000;
  font-weight: 800;
}

#main-slider .carousel .btn-slide {
    padding: 13px 20px;
    background:#F15B5A;
    color: #fff;
    border-radius: 4px;
    margin-top: 13px;
    display: inline-block;
    font-size: 20px;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
  top:0;
  left:0;
  width:100%; height:100%;
}
#main-slider .carousel .slider-img a{
	display:block;
	width:100%;
	item-align:center;
	height:100%;
}


#main-slider .carousel .col-sm-6 {  }

.content-refferance #owl-brand .owl-prev {    float: left;    margin-left: -45px;}
.content-refferance .owl-theme .owl-controls .owl-buttons div {    zoom: 0.8; }
.content-refferance #owl-brand .owl-next {    float: right;    margin-right: -32px;}

table td {vertical-align: middle!important;}


.owl-carousel .owl-wrapper-outer {    z-index: 100;}


.top-number {display:none;}

.carousel-content .animated-item-1 {font-weight:800;     font-size: 42px;   line-height: 60px;
    color:#FFF; letter-spacing: -2px;}
.carousel-content .animated-item-1  a { position:absolute;  z-index:3; font-weight:800;     font-size: 42px;   line-height: 60px;
    color:#084888;}
.carousel-content .animated-item-1 span {     font-size: 67px; font-weight:400; color:#000;}

#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 660px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {

  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
  top: 0;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(43, 32, 126, 0.69);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: #000;
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 5px 0 0;
  position: relative;
  border: 1px solid rgb(204,204,204);
  margin-top: 16px;
  background-image:-moz-radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%); 
  background-image:-webkit-gradient(radial,color-stop(0, rgb(255,255,255)),color-stop(0.53, rgb(255,255,255)),color-stop(1, rgb(235,235,235)));
  background-image:-webkit-radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%);
  background-image:radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%);
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
  
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 5px 0 0;
  border: 1px solid rgb(204,204,204);
  position: relative;
  margin-top: 16px;
  background-image:-moz-radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%); 
  background-image:-webkit-gradient(radial,color-stop(0, rgb(255,255,255)),color-stop(0.53, rgb(255,255,255)),color-stop(1, rgb(235,235,235)));
  background-image:-webkit-radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%);
  background-image:radial-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 53%,rgb(235,235,235) 100%);
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid rgb(204,204,204);
  left: -1px;
  top: -1px;
  background: #1e5799;
background: -moz-radial-gradient(center, ellipse cover,  #1e5799 29%, #ffffff 32%);
background: -webkit-radial-gradient(center, ellipse cover,  #1e5799 29%,#ffffff 32%);
background: radial-gradient(ellipse at center,  #1e5799 29%,#ffffff 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 );

}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-2 a { color:#333;}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
  
      padding: 0;
}

.header-bg {}
.left-menu {padding-left:0; background:#EEEEEE; border-radius:5px; padding:10px;}
.left-menu .list-group-item {background:#EEEEEE; border:none; border-bottom:1px dotted #D4D4D4; margin-bottom:0;}
.left-menu .list-group-item a {color:#595965;}
.search-box {width:100%; border:none; padding: 7px;}
.search-cont {padding:10px 0;}


.top-menu {float:right; margin-right:5px;margin-top: 1px;}
.top-menu a { 
    margin-left: 4px;
    padding: 3px 15px;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    /*text-shadow: 1px 1px 2px rgba(0,0,0,0.35);*/
    background: #0b94ea;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
    background-color: #1884ed;
    border-color: #1884ed;
    z-index: 20;
}

.urun-kat { height:231px; padding-right:0;     margin-bottom: 10px;
background-image:-moz-radial-gradient(36% 57%,ellipse farthest-side,rgb(255,255,255) 0%,rgb(255,255,255) 35%,rgb(229,229,229) 100%);
background-image:-webkit-radial-gradient(36% 57%,ellipse farthest-side,rgb(255,255,255) 0%,rgb(255,255,255) 35%,rgb(229,229,229) 100%);
background-image:radial-gradient(36% 57%,ellipse farthest-side,rgb(255,255,255) 0%,rgb(255,255,255) 35%,rgb(229,229,229) 100%);
border:1px solid rgb(221,221,221);
-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;
}
.urun-kat { margin-right: 10px; width: 48.4%;padding:5px 20px!important; }

#feature {
      background: #FFF;
    padding-bottom: 17px;
}
#feature2 {
      background: #F2F2F2;
	      margin-bottom: 22px;
       padding: 10px 0;
}
#feature2 .features {padding-top:10px;}

.features{
  padding: 0;
}

.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap span {color:#FFF!important;}

.feature-wrap h2{
  float: right;
  background: #F15B5A;
  padding: 8px;
  color: #fff;
  width: 48%;
  font-size:16px; font-weight:700;     margin-top: 11%;
}
.feature-wrap h2 a {color:#FFF;}
.feature-wrap h3{
   margin-top: -3px;
  float: right;
  background:#777777;
  padding: 8px;
  color: #fff;
  width: 48%;
  font-size:16px; font-weight:700; 
}
.feature-wrap h3 a {color:#FFF;}
.cat-container {padding-left:0;     width: 65%;}
.form-container {padding-left:0;     width: 35%;}

.form-main {width:100%;     padding: 12px;
background-color:rgb(247,247,247);
    height: 472px;
border:1px solid rgb(238,238,238);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;}

#area-works {padding:30px 0; background:#F8F8F8;}
.media-body  {color:#FFF;}
.media-body strong  {color:#FFF;}
.media-body table tr td {color:#FFF;}

#owl-brand .item .urun-t {
background-color:rgb(255,255,255);
    width: 98%;
    padding: 6px;
    height: 220px;
border-width:1px solid rgb(225,225,225);}
#owl-brand .item .urun-t img {max-width:100%; margin:0 auto; display:block;}
#owl-brand .item .urun-t a {float: left;    display: block;    z-index: 100;    position: relative;    width: 100%;    height: 91px;}

#owl-brand .item p {    text-align: center;    margin-top: 9px;    color: #fff;    margin-bottom: 0;    font-weight: 800;    position: relative;    bottom: 30px;
    z-index: 100;    background: rgba(0,0,0,0.56);    width: 88%;    margin: 0 auto;    padding: 6px;    left: -2px;}
#owl-brand .item p a {color: #fff;}
#owl-brand .item span {width:100%; text-align:center;     display: inline-block;}


.news {float:left; width: 100%; margin-bottom:20px;     }
.news h4 {padding:10px 5px;     text-align: left; color:#0079B0; font-size:25px; margin-bottom:0; font-weight:700; margin-bottom:10px;}
.news h4  a {float: right;    font-size: 12px;    margin-top: 8px;    color: #016c95;}
.news ul {float:left; overflow: overlay;   WIDTH: 100%; margin:0; padding:0; list-style:none;}
.news ul::-webkit-scrollbar-track
{
	
	border-radius:0px;
	background-color: #DDDDDD;
}

.news ul::-webkit-scrollbar
{
	width: 5px;
	background-color: #DDDDDD;
}

.news ul::-webkit-scrollbar-thumb
{
	
	background-color: #0a8de7;;
}
.news ul li {padding:10px;     width: 32.6%; margin-right: 5.8px; margin-bottom:10px; min-height: 55px;   float: left; border-bottom:1px solid #E4E4E4;background-color:#FBFBFB;}
.news ul li:nth-child(3) {margin-right:0;}
.news ul li:nth-child(6) {margin-right:0;}
.news ul li:nth-child(9) {margin-right:0;}
.news ul li:nth-child(12) {margin-right:0;}
.news ul li:nth-child(15) {margin-right:0;}
.news ul li p {color:#00668C; font-weight:700;     font-size: 15px;    margin: 0; }
.news ul li p a {color:#00668C; }

.news-image img {float: left;    width: 99px;    margin-right: 10px;}

#owl-kullan .owl-buttons div {
        color: #a2a2a2;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity: 0.5;}
#owl-kullan .owl-buttons div i {font-size:30px;}

.all-news {float:right; color: #0C90EB;}

/*.news ul li span {display:none;}*/
.news ul li span a {font-size: 12px;    line-height: 20px;     color: #333;}
/*.news ul li:nth-child(odd) {	border-bottom:1px solid #E4E4E4;background-color:#FBFBFB; }


.news ul li:nth-child(even) {
background-color:#fff; 
border-bottom:1px solid #E4E4E4; 
}*/

.mainpage-aboutme {float:left; width:65%; padding-left:20px;}
.mainpage-aboutme h4 {text-align:left;}


#owl-kullan .item .urun-t {
background-color:rgb(255,255,255);
    width: 98%;
    padding: 6px;
    height: 250px;
border:1px solid rgb(225,225,225);}
#owl-kullan .item .urun-t img {max-width:100%; margin:0 auto; display:block;}
#owl-kullan .item .urun-t a {float: left;    display: block;    z-index: 100;    position: relative;    width: 100%; height: 208px;}

#owl-kullan .item p {    text-align: center;    margin-top: 9px;    color: #000;     font-weight: 800;}
#owl-kullan .item p a {    color: #000; height: auto!important;   }

.form-main h3 {margin:0; font-size:21px; font-weight:800; color:#000; text-align:center;}
.form-main span {display:block;margin-top:0; font-size: 16.4px; font-weight:800; color:#000; text-align:center; margin-bottom:14px;}
.form-main input {background-color:rgb(255,255,255);
height: 47px;
border:1px solid rgb(211,211,211)!important;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
-moz-box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12)!important;
-webkit-box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12)!important;
box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12)!important; }
.form-main textarea {background-color:rgb(255,255,255); height: 158px;
border:1px solid rgb(211,211,211);
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
-moz-box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12);
-webkit-box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12);
box-shadow:inset 0px 0px 13px rgba(0,0,0,0.12); }
.form-main a { display:block;     float: left;   padding: 10px;   margin-top: 9px; text-align:center; font-weight:700; color:#FFF; font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,0.35);
background-image:-moz-radial-gradient(49% 54%,ellipse farthest-side,rgb(255,0,0) 0%,rgb(192,43,45) 21%,rgb(151,34,37) 100%);
background-image:-webkit-radial-gradient(49% 54%,ellipse farthest-side,rgb(255,0,0) 0%,rgb(192,43,45) 21%,rgb(151,34,37) 100%);
background-image:radial-gradient(49% 54%,ellipse farthest-side,rgb(255,0,0) 0%,rgb(192,43,45) 21%,rgb(151,34,37) 100%);
width:100%;}

.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
 /* margin: 3px;*/
  text-align:center;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

/*.feature-wrap i:hover {
  background: #c52d2f;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;
}*/

.kullanim-alanlari {text-align:center; font-size:20px; color:#529DC0; font-weight:700;}

#product-works{
    padding: 44px; background:#fff;
}
#owl-product .owl-buttons{    position: absolute;    top: -55px;    right: 0;}
#owl-product .owl-buttons div {margin:0; padding:0;}
#product-works h4 {    margin-top: -3px;    color: #0079B0;    font-size: 23px;    font-weight: 800;    margin-bottom: 23px;}

.product-item {border:1px solid #E8E8E8; margin:0 5px;     padding: 6px;}
.product-item a {/*width:100%; display:block;*/}
.product-item img {display:block; margin:0 auto;     max-width: 100%;}
.product-item h4 {width:100%; margin:0; margin-bottom:10px; background:#8C0000; text-align:center;}
.product-item h4 a {color:#fff; padding: 10px;     font-size: 16px;}

#info-works {padding: 34px; background:#F2F2F2;}
.info-line {float:left; width:100%; }
.info-line ul {float:left; width:100%; list-style:none;    padding: 0; }
.info-line ul li {display:inline-block; float: left; width:24%; margin-right:8px; }
.info-line ul li:last-child {margin-right:0;} 
.info-line ul li:nth-child(3) span {margin-top:0;}
.info-line ul li a {    background: #fff;    padding: 11px 5px;    width: 100%; height: 68px;     display: block;    font-size: 18px;    font-weight: 700;    color: #000;}
.info-line ul li a span {    margin-top: 10px;    display: block;}
.info-line ul li a i {float:left; margin:0 15px;}

#owl-kullan {      max-width: 1187px;   margin: 0 auto;}
#owl-kullan .owl-next {    float: right;     margin-right: -49px;}
#owl-kullan .owl-prev {    float: left;    margin-left: -54px;}
#owl-kullan .owl-buttons {      top: 104px;  position: absolute;    width: 100%;}
#owl-kullan .item img {display:block; margin:0 auto;     max-width: 100%;}
#owl-kullan .item p {text-align:center; font-size:18px; float: left;   width: 100%;}
#owl-kullan .item p a {color:#000}
#area-works h4 {text-transform: uppercase;
        text-align: center;
    color: #529DC0;
    font-size: 20px;
    font-weight: 700;
}

#owl-brand2 {      max-width: 1187px;   margin: 0 auto;}
#owl-brand2 .owl-next {    float: right;     margin-right: -49px;}
#owl-brand2 .owl-prev {    float: left;    margin-left: -54px;}
#owl-brand2 .owl-buttons { top: 24px; position: absolute;    width: 100%;}
#owl-brand2 .item img {display:block; margin:0 auto;     max-width: 100%;}
#owl-brand2 .item p {text-align:center; font-size:18px; float: left;   width: 100%;}
#owl-brand2 .item p a {color:#000}
#owl-brand2 .owl-buttons div {
        color: #a2a2a2;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity: 0.5;}
#owl-brand2 .owl-buttons div i {font-size:30px;}


#area-works h2 { text-align:center; color:#529DC0; font-size:20px; font-weight:700; }

#owl-kullan .item p a {    color: #000;    font-size: 13px;    line-height: 13px;}

#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#recent-works{
    padding: 34px; background:#F2F2F2;
}
#recent-works2{
    padding: 34px; background: #ffffff;
}
#recent-works3{
    padding: 34px; background:#FFF;
}

.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #c52d2f;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}
#owl-brand {    max-width: 1170px;    margin: 0 auto;}
#owl-brand .owl-next {    float: right;   margin-right: -11px;}
#owl-brand .owl-prev {    float: left;    margin-left: -54px;}
#owl-brand .owl-buttons {      top: -37px;  position: absolute;    /* width: 100%; */    right: 0;}
#owl-brand .owl-buttons div {background:none;}
#owl-brand .owl-buttons div i {    font-size: 22px;    font-weight: 300;    color: #CCC;}
#owl-brand .owl-buttons div {    color: #FFF;    display: inline-block;    zoom: 1;
    margin: 7px -10px;    padding: 3px 10px;    font-size: 12px;    -webkit-border-radius: 30px;    -moz-border-radius: 30px;    border-radius: 30px;
    background: none;    filter: Alpha(Opacity=50);    opacity: 0.5;
}


.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}

.tab-content > .active,
.pill-content > .active {
	display: block;
}

.tabs-below > .nav-tabs {
	border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
		 -moz-border-radius: 0 0 4px 4px;
					border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #ddd;
	border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
}

.tabs-left > .nav-tabs {
	float: left;
	border-right: 1px solid #ddd;
	width: 20%;
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #f6f6f6 47%, #efefef 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f6f6f6 47%,#efefef 100%);
	background: linear-gradient(to right,  #ffffff 0%,#f6f6f6 47%,#efefef 100%);

}

.tabs-left > .nav-tabs > li > a {
	    margin-right: -4px;
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
			border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: #ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
		 -moz-border-radius: 0 4px 4px 0;
					border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-color: #ddd #ddd #ddd transparent;
	*border-left-color: #ffffff;
}


#services {
  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
  padding-top:0;
  display: none;
}

#services .lead,
#services h2{
  color: #fff;
}

.services-wrap {
  padding: 7px 6px;
  background: #fff;
  border-radius: 4px;
  margin: 0 0 10px;
}

.services-wrap h3 {
  font-size: 18px;
  font-weight:600;
  margin: 0px 0;
  color:#000;
}
.services-wrap h3 a {    width: 100%;    display: block;    color: #000;  font-size: 14px;    font-family: Roboto Condensed;}

.services-wrap p {  line-height: 19px;     font-size: 12px;}

.services-wrap .pull-left {
  margin-right: 20px;
   width: 29%;
}

.news-container {overflow:auto; max-height: 212px;}
.news-container::-webkit-scrollbar-track
{
	
	border-radius:0px;
	background-color: #F5F5F5;
}

.news-container::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.news-container::-webkit-scrollbar-thumb
{
	
	background-color: #6FD9D6;
}


.content-area-part a 	{font-family:'Open Sans'!important; font-size:16px!important;}
.content-area-part p 	{font-family:'Open Sans'!important; font-size:16px!important;}
.content-area-part span    {font-family:'Open Sans'!important; font-size:16px!important;}
.content-area-part table {font-family:'Open Sans'!important; font-size:16px!important;}

   

#middle {
  background: #f2f2f2;
}

.skill h2{
  margin-bottom: 25px;
}

.progress-wrap{
  position: relative;
}

.progress .color1,
.progress .color1 .bar-width{
  background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width{
  background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width{
  background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width{
  background: #db3615;
}

.progress, 
.progress-bar {
  height: 15px;
  line-height: 15px;
  background: #e6e6e6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  text-align: right;
}

.progress{
  position: relative;
}

.progress .bar-width{
  position: absolute;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  top: -30px;
  border-radius: 2px;
  margin-left: -30px;
}

.progress span{
  position: relative;
}

.progress span:before{
  content: " ";
  position: absolute;
  width: auto;
  height: auto;
  border-width: 8px 5px;
  border-style: solid;
  bottom: -15px;
  right: 8px;
}

.progress .color1 span:before{
  border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before{
  border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before{
  border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before{
  border-color: #db3615 transparent transparent transparent;
}

.accordion h2{
  margin-bottom: 25px;
}

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #e6e6e6; 
  border:0 none;
  box-shadow:none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  background: #fff;
  color: #858586;
}

.panel-body{
  padding: 20px 20px 10px;
}

.panel-group .panel+.panel{
  margin-top: 0;
  border-top: 1px solid #d9d9d9;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
  border-radius: 0;
}

.panel-title>a{
  color: #4e4e4e;
}

.accordion-inner img{
  border-radius: 4px;
}

.accordion-inner h4{
  margin-top: 0;
}

.panel-heading.active{
  background: #1f1f20;
}

.panel-heading.active .panel-title>a{
  color:#fff;
}

a.accordion-toggle  i{
  width: 45px;
  line-height: 44px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i{
  background: #c52d2f;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #c52d2f;
  color: #fff;
}

.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs{
  border-bottom: transparent;
      background: #f8f8f8;
}

.nav-tabs>li>a {
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
      padding: 25px 15px;
	      font-size: 16px;
    font-weight: 700;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #fff;
  color:#666;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#111;
  background: #fff;
  position: relative;
}

/*.nav-tabs>li.active>a:after {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent transparent transparent #1f1f20;
  border-width: 25px 22px;
  right: -44px;
  top:0;
}*/

.tab-wrap{
  border-left:0;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

.testimonial h2{
  margin-top: 0;
}

.testimonial-inner {
  color:#858586;
  font-size: 14px;
}

.testimonial-inner .pull-left{
  border-right: 1px solid #e7e7e7;
  padding-right: 15px;
  position: relative;
}

.testimonial-inner .pull-left:after{
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 50%;
  margin-top: -5px;
  background: #FFF;
  -webkit-transform: rotate(45deg);
  border: 1px solid #e7e7e7;
  right: -5px;
  border-left: 0 none;
  border-bottom: 0 none;
}

#partner {
  background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;
  background-size: cover;
}

#partner {
  color: #fff;
  text-align: center;
}

#partner h2, 
#partner h3 {
  color: #fff;
}

.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
  display: inline-block;
  float: left;
  width: 20%;
}

#conatcat-info{
  background:#F2F2F2;
  padding: 20px 0;
}

.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 10px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}

/*************************
********* About Us Page CSS ******
**************************/

.about-us {
  margin-top: 110px;
  margin-bottom: -110px;
}

.about-us h2, 
.skill_text h2 {
  color:#4e4e4e;
  font-size: 30px;
  font-weight: 600;
}

.about-us p {
  color:#4e4e4e;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#bfbfbf;
  color:#fff;
  border: 1px solid #bfbfbf;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:-25px
}

#carousel-slider .carousel-control.right i {
  right: -25px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.skill_text {
  display: block;
  margin-bottom: 60px;
  margin-top: 25px;
  overflow: hidden;
}

.sinlge-skill {
  background:#f2f2f2;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  height: 200px;
  position: relative;
  width: 200px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 30px 0;

}

.sinlge-skill p em {
  color: #FFFFFF;
  font-size: 38px;
}

.sinlge-skill p {
  line-height: 1;
}

.joomla-skill, 
.html-skill, 
.css-skill, 
.wp-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  border-radius: 100%;
  padding: 70px 0;
  text-align: center;
}


.joomla-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */    
}

.html-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.css-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wp-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}

.skill-wrap {
  display: block;
  overflow: hidden;
  margin: 60px 0;
}

.team h4 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
  font-weight: 300;
}

.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
  line-height: 24px;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}

.media_image {
  margin-bottom: 10px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}


ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}


.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}


.team-bar .first-one-arrow {
  float: left;
  margin-right: 30px;
  width: 2%;
}

.team-bar .first-arrow {
  float: left;
  margin-left: 5px;
  margin-right: 35px;
  width: 22%;
}

.team-bar .second-arrow {
  float: left;
  margin-left: 5px;
  width: 21%;
}

.team-bar .third-arrow {
  float: left;
  margin-left: 40px;
  margin-right: 12px;
  width: 22%;
}

.team-bar .fourth-arrow {
  float: left;
  margin-left: 25px;
  width: 20%;
}

.team-bar .first-one-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .first-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .second-arrow hr {
  border-bottom: 1px solid #6aa42f;
  border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
  border-bottom: 1px solid #FFBD20;
  border-top: 1px solid #FFBD20;

}

.team-bar .fourth-arrow hr {
  border-bottom: 1px solid #db3615;
  border-top: 1px solid #db3615;
}

.team-bar {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}

.team-bar i {
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: -32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 24px;
  position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
  background:#2D7DA4;
  margin-left:-33px
 }

.team-bar .second-arrow .fa-angle-down {
  background:#6AA42F;
  margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
  background:#FFBD20;
  margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
  background:#db3615;
  margin-left: -32px;
}

.team .single-profile-top:before, 
.team .single-profile-top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-top:before {
  left:26px;
  bottom: -20px;
  border-width: 10px;
  border-color:#fff transparent transparent transparent;
  z-index: 1;
}


.team .single-profile-top:after {
  left: 25px;
  bottom: -22px;
  border-style: solid;
  border-width: 11px;
  border-color:#ddd transparent transparent transparent;
  z-index: 0;
}

.team .single-profile-bottom:before,
.team .single-profile-bottom:after {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-bottom:before {
  left:30px;
  top: -20px;
  border-width: 10px;

  border-color: transparent transparent #fff transparent;
  z-index: 1;
}

.team .single-profile-bottom:after {
  left: 29px;
  top: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent transparent #DDD transparent;
  z-index: 0;
}

/***********************
****Service page css****
***********************/

.services {
  padding: 0;
}

.get-started {
  background: none repeat scroll 0 0 #F3F3F3;
  border-radius: 3px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 18px;
  margin-top: 60px;
}

.get-started h2 {
  padding-top: 30px;
  margin-bottom: 20px;
}

.request {
  bottom: -15px;
  left: 50%;
  position: absolute;
  margin-left: -110px;
}

.request h4 {
  position: absolute;
  width: 220px;
  position:relative;
}

.request h4 a{
  background:#c52d2f;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
  padding: 5px 15px;
}

.request h4:after {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 12px;
  bottom: -18px;
  content: "";
  height: 0;

  position: absolute;
  right: 13px;
  z-index: -99999;
}

.request h4:before {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 12px;
  bottom: -18px;
  content: "";
  height: 0;
  left: 13px;
  position: absolute;
  z-index: -99999;
}

.clients-area {
  padding: 60px;
}

.clients-comments {
    background-image: url("../images/image_bg.png");
    background-position: center 118px;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

.clients-comments img {
  background:#DDDDDD;
  border: 1px solid #DDDDDD;
  height: 182px;
  padding: 3px;
  width: 182px;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.clients-comments h3 {
  margin-top: 55px;
  font-weight: 300;
  padding: 0 40px;
}

.clients-comments h4 {
  font-weight: 300;
  margin-top: 15px;
}


.clients-comments  h4  span {
  font-weight: 700;
  font-style: oblique;
}

.footer {
  background: none repeat scroll 0 0 #2E2E2E;
  border-top: 5px solid #C52D2F;
  height: 84px;
  margin-top: 110px;
}

.footer_left {
  padding: 10px;
}

.text-left {
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 15px;
}

/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/**************************
********* Pricing Table CSS *
**************************/

.pricing_heading {
  margin-top: 120px
}

.pricing_heading h2, 
.pricing_heading p {
  color:#4e4e4e;
}

.pricing-area h1 {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 15px;
}

.pricing-area span {
  font-weight: 700;
  font-size: 18px;
}

.pricing-area h3, 
.pricing-area span  {
  color: #fff;
}

.plan {
  position: relative;
  margin-bottom: 70px;
}

.pricing-area ul {
  background:#FAFAFA;
  padding: 0;
  margin: 0;
}

.pricing-area ul li {
  list-style: none;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 400;
}

.pricing-area ul li:nth-child(even){
  background:#f5f5f5
}

.pricing-area .price-three img, 
.pricing-area .price-six img {
  position: absolute;
  right: 15px;
  top: 0;
}

.pricing-area .heading-one, 
.pricing-area .heading-two, 
.pricing-area .heading-three {
  padding:17px 0;
  border-radius:2px 2px 0 0;
} 

.pricing-area .heading-one, 
.pricing-area .heading-two, 
.pricing-area .heading-three, 
.pricing-area .heading-four, 
.pricing-area .heading-five, 
.pricing-area .heading-six, 
.pricing-area .heading-seven {
  margin-left: -10px
}


.pricing-area .heading-one, 
.pricing-area .price-one .plan-action .btn-primary {
  background: #e24f43
}

.pricing-area .heading-two, 
.pricing-area .price-two .plan-action .btn-primary {
  background:#27AE60;
}

.pricing-area .heading-three,
.pricing-area .price-three .plan-action .btn-primary {
  background: #f39c12;
}

.pricing-area .heading-four, 
.pricing-area .price-four .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .heading-five, 
.pricing-area .price-five .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .heading-six, 
.pricing-area .price-six .plan-action .btn-primary {
  background: #e24f43
;
}

.pricing-area .heading-seven, 
.pricing-area .price-seven .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .bg{
 background: #fafafa 
}

.pricing-area .heading-one h3:before {
  border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-two h3:before {
  border-color: #1f8c4d transparent transparent;
}

.pricing-area .heading-three h3:before {
  border-color: #d4880f transparent transparent;
}

.pricing-area .heading-four h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area .heading-five h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area .heading-six h3:before {
  border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-seven h3:before {
  border-color: #424242 transparent transparent;
}

.pricing-area h3:before {
  border-color: #D4880F transparent transparent;
  border-radius: 5px 0 0 0px;
  border-style: solid;
  border-width: 12px;
  content: "";
  height: 0;
  left: 4px;
  position: absolute;
  top: 78px;
  width: 0;
  z-index: -999;
}

.small-pricing h3:after {
  height:94px;
}


.small-pricing h3:before {
  top: 74px;
}

.plan-action {
  height: 40px;
}

.pricing-area .plan-action .btn-primary {
  position: relative;
  padding:5px 20px;
  color: #fff
;
  margin-top: 5px;
}

.pricing-area .plan-action .btn-primary:before {
  border-color: #E24F43 transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  width: 0;
  z-index: -1;
}

.pricing-area .plan-action .btn-primary:after {
  border-color: #E24F43 transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  position: absolute;
  right: -9px;
  width: 0;
  z-index: -1;
}

.pricing-area .price-two .plan-action .btn-primary:before, 
.pricing-area .price-two .plan-action .btn-primary:after {
  border-color: #1f8c4d transparent transparent;
}

.pricing-area .price-three .plan-action .btn-primary:before, 
.pricing-area .price-three .plan-action .btn-primary:after {
  border-color: #d4880f transparent transparent;
}

.pricing-area .price-four .plan-action .btn-primary:before, 
.pricing-area .price-four .plan-action .btn-primary:after, 
.pricing-area .price-five .plan-action .btn-primary:before, 
.pricing-area .price-five .plan-action .btn-primary:after, 
.pricing-area .price-seven .plan-action .btn-primary:before, 
.pricing-area .price-seven .plan-action .btn-primary:after  {
  border-color: #424242 transparent transparent;
  right: -9px;
}

.pricing-area .price-six .plan-action .btn-primary:before, 
.pricing-area .price-six .plan-action .btn-primary:after {
  border-color: #bf4539 transparent transparent;
  right: -9px;
}


/*************************
********* Contact Us CSS ******
**************************/

.gmap-area {
  background-image: url("../images/map.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.gmap-area .gmap iframe {
  border-radius: 50%;
  height: 280px;
  width: 300px;
}

.gmap{
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.gmap-area .map-content ul {
  list-style: none; 
}

.gmap-area .map-content address h5{
  font-weight: 700;
  /* font-size: 16px; */
}

#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

/*********************
****blog page css*****
**********************/

.widget {
  margin-bottom: 60px;
  padding-left: 0;
}

.single_comments {
  margin-bottom: 20px;
}

.single_comments img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.single_comments p {
  margin-bottom: 0;
}

.widget .entry-meta span {
  display: inline-block;
  margin-right: 10px;
}

.widget h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.blog_category{
  list-style:none;
  margin:0;
  padding:0;
}

.blog_category li{
  float:none;
  margin-bottom:20px;
}

.blog_category li a {
  background:#f5f5f5;
  border-radius: 4px;
  color: #888;
  display: inline-block;
  padding: 5px 15px;
}

.blog_category li a:hover{
  background:#c52d2f;
  color: #fff;
}

 .badge:before {
  border-color: transparent transparent transparent #c52d2f;
  border-style: solid;
  border-width: 10px;
  bottom: -8px;
  content: "";
  height: 0;
  left: 5px;
  position: absolute;
  z-index: -99999;
}

.badge {
  background-color: #c52d2f;
  border-radius: 5px;
  color: #fff;
  padding: 8px;
  position: relative;
  left: 60px;
  top: -18px;
  font-weight: normal;
}

.blog_archieve {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.blog_archieve li {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}

.blog_archieve li:first-child {
  padding-top: 0;
}

ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}

ul.faq {
  list-style: none;
  margin: 0;
}

ul.faq li {
  margin-top: 30px;
}

ul.faq li:first-child {
  margin-top: 0;
}

ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}

ul.faq li > div {
  margin-left: 70px;
}

ul.faq li > div h3 {
  margin-top: 0;
}


.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-item {
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 50px;
}

.blog .blog-item .img-blog {
  border-radius: 5px;
  margin-bottom: 45px;
}

.blog .blog-item .blog-content {
  padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
  margin-top: 0;
  font-size: 30px;
}

.readmore{
  margin-top: 0;
}

.blog .blog-item .blog-content h3 {
  color: #858586;
  margin-bottom: 40px;
  /* font-weight: 300 */}

.blog .blog-item .blog-content h4 {
  font-size: 14px;
}

.post-tags {

}

.blog .blog-item .entry-meta {
  border-radius: 5px;
  overflow: hidden;
}

.blog .blog-item .entry-meta > span {
  background: #f5f5f5;
  border-top: 1px solid #fff;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#publish_date {
  background: #c52d2f;
  border-bottom: 5px solid #4e4e4e;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.blog .blog-item .entry-meta > span {
  color: #ccc;
}

.blog .blog-item .entry-meta > span a {
  font-size: 12px;
  margin-left: 3px;
  font-weight: 300;
  color: #888;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #251f7c!important;
  border-color: #251f7c!important;
  color: #fff!important;
}

.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}


ul.tag-cloud, 
ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tag-cloud li{
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
  background: #f5f5f5;
  color: #888;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
}

.tag-cloud li a:hover{
  background:#c52d2f;
  color: #fff;  
}

.sidebar-gallery li{
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
  border-radius: 4px;
  display: inline-block;
}


/**********************
**blog single page css*
**********************/

.reply_section {
  background: #f5f5f5;
  border-radius: 5px;
}

.post_reply {
  margin-left: 10px;
  margin-top: 45px;
}

.post_reply img {
  width: 85px;
  height: 85px;
  border: 5px solid #D5D8DD;
}

.post_reply ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

.post_reply ul li{
  float:left;
}

.post_reply ul li a {
  display: block;
}

.post_reply ul li a i {
  border: 1px solid #DDDDDD;
  border-radius: 39px;
  color: #FFFFFF;
  font-size: 20px;
  height: 30px;
  margin-right: 3px;
  padding-top: 7px;
  text-align: center;
  width: 30px;
}

.post_reply ul li a i.fa-facebook {
  background: #0182C4;
}

.post_reply ul li a i.fa-twitter {
  background: none repeat scroll 0 0 #3FC1FE;
}

.post_reply ul li a i.fa-google-plus{
 background: none repeat scroll 0 0 #D34836;
}

.post_reply ul li a i:hover{
  opacity:.5;
}

.post_reply_content {
  margin: 30px;
}

.post_reply_content h1 a:hover{
  color:#FFC800;
}

.post_reply_content h4 {
  margin-bottom: 50px;
}

.reply_section .media-body{
  display:inherit;
}

.comment_section .media-body{
  display:inherit;
}

#comments_title{
   color:#4e4e4e;
   font-weight:700px;
   font-size:20px;
   margin-top:60px;
   margin-bottom:40px;
}
.comment_section {
  margin-top: 30px;
  position: relative;
}

.post_comments img {
  width: 85px;
  height: 85px;
  margin-top: 35px;
}

.post_reply_comments {
  background:#f5f5f5;
  border-radius: 4px;
  padding: 30px;
}

.post_reply_comments:before {
  border-color: transparent #F0F0F0 transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: " ";
  height: 0;
  left: 75px;
  position: absolute;
  top: 20px;
}

.post_reply_comments h3, 
.post_reply_content h3{
  margin-top: 0;
}

.post_reply_comments h1 a:hover{
  color:#c52d2f;
}

.post_reply_comments h4{
  color:#c4c4c5;
  font-weight:400;
}

.post_reply_comments p {
  padding-bottom: 30px;
}

.post_reply_comments a {
  bottom: 15px;
  position: absolute;
  right: 30px;
  background: #c52d2f;
  color: #fff;
  border-radius: 5px;
  padding: 8px 20px;
}

.post_reply_comments a:before {
  border-color: #c52d2f transparent transparent;
  border-style: solid;
  border-width: 16px;
  bottom: -11px;
  content: "";
  height: 0;
  left: -12px;
  position: absolute;
  z-index: 99999;
}

.post_reply_comments h2 a{
 
}

.message_heading {
  margin-bottom: 50px;
  margin-top: 60px;
}


/******************
 404 page css
 ******************/

#error .btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success:hover {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
  color: #4E4E4E;
}

#error h1{
  color: #4e4e4e;
  text-transform: uppercase;
}


/******************
shortcodes page css
******************/

.shortcode-item {
  padding-bottom: 0;
}

.shortcode-item h2 {
  color: #4E4E4E;
  font-size: 24px;
  margin-bottom: 22px;
  margin-top: 0;
  font-weight: 600
}



/***********************
********* Footer ******
************************/
#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #c52d2f;
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget {
  margin-bottom: 0;
}

#footer {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  background:#20202F;
}

#footer .col-sm-2 {border-left:1px solid rgba(255, 255, 255, 0.46);  width: 16.3%;     min-height: 194px;}
#footer .col-sm-2 h6 { font-size:13px; font-weight:700;         color: #ffffff;}
#footer .col-sm-2 ul li {width:100%;}
#footer .col-sm-2 ul a {font-size:11px; font-weight:400;  color: rgba(255, 255, 255, 0.77);}
#footer .col-sm-4 {border-left: 1px solid rgba(255, 255, 255, 0.46); border-right:1px solid rgba(255, 255, 255, 0.46);      min-height: 194px;}
#footer .col-sm-4 p {float:left; font-size:14px; line-height: 22px;}
#footer .col-sm-4 img {float:left; margin-right:10px;}

.pull-right li {list-style:none; display:inline-block; margin:0px;}

.e-bulten {float:left; width:100%; margin-top: 22px;display: none;}
.e-bulten span {color:#C3C3C3; font-size:11px; }
.e-bulten input {    background-color: #313131;width:100%;height:36px; border-radius:5px; border:none;     color: #CCC;   padding: 9px;}
.e-bulten a {     background-color:#00113E;  line-height: 13px;
    width: 79px;
    height: 33px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
    float: right;
    text-align: center;
    margin-top: -34px;
    margin-right: 2px;
    position: relative;}


.footer-bottom {width:100%;float: left;}
.footer-bottom p {width: 60%;      display: block;    float: left;    font-size: 11px;    text-align: left;     margin-top: 35px;    line-height: 15px;}
.footer-bottom a {float:right;  margin-top: 35px;}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #c52d2f;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
     margin-left: 1px;
}
#footer ul > li img {}

.cagrimerkezi {float:right; margin-bottom:15px; display: none;}

.tab-title {width:100%; background:#000; padding:15px 0; margin-bottom:40px; }
.tab-title .center {padding:15px 0;}
.tab-title .center h4 {float:left; font-size:22px; font-weight:700; color:#FFF; margin-bottom:0; margin-top:10px;}
.tab-title .center a {float:right; font-size:18px; font-weight:400; padding:15px 25px; color:#FFF;border: 1px solid #CCC;    margin-top: -6px;    margin-bottom: 12px; }

.tab-content p {color:#222;}
.tab-content h5 {font-size: 25px;  color:#FFF;   font-weight: 700;}

.list-group-item ul {padding-left:0; border-radius:0;}
.list-group-item ul li {border:none;     border-bottom: 1px solid #d3d3d3;     margin-bottom: 0px;    border-radius: 00; }

.bread-container {     background: #ececec;   margin-bottom: 20px; padding:0;display: none;}
.bread-container .breadcrumb {display:none;padding:0; background:none; margin-bottom:0;}
.bread-container .breadcrumb a {color: #9b9b9b;  display: inline-block;}
.bread-container .breadcrumb p {    margin: 11px 0 9px;}
.content-do-area {    float: left; width:100%;   margin-top: 40px;     /* background-color: white; */    padding-top:15px; border-top:2px solid #CCC; }
.content-refferance {    float: left; width:100%;   margin-top: 45px;     margin-bottom: 52px;    /* background-color: white; */    padding-top:34px; border-top:2px solid #CCC; }
.content-area {padding:0; margin-bottom:50px;background: #f2f2f2; padding-top:40px;}
.content-area-part h3 {font-size: 23px; margin-top:0;   color: #000;    font-weight: 700;}
.content-product {margin-top: 63px;  width: 100%;  float: left;}
.content-product h2 {    font-size: 20px;    font-weight: 700;    margin-top: 14px;       position: relative;  top: -9px;}
.content-do-area h2 {    font-size: 20px;    font-weight: 700;    margin-top: 14px;}

.content-area-part a:hover {    color: #0079b0!important;}

.content-area-part a span:hover {    color: #0079b0!important;}

.content-area-part {    margin-top: 9px;     min-height: 500px;}
.content-area-part img {max-width:100%; height:auto!important;     padding-bottom: 0;}


.owl-kullan {margin-bottom:30px;}

.left-menu .li{    background: #f5f5f5;     padding: 8px 10px;}
.left-menu .li a {color:#000; font-size: 12px;}
.left-menu .list-group-item-danger {color: rgb(252, 252, 252);
    background: #088fe6; font-weight:700; font-size:18px;}
.left-menu ul li {width:100%!important; background-color:rgba(247,247,247,1.00);}
.left-menu ul li a { font-size:14px; color:rgba(55,55,55,1.00);}
.left-side ul li:nth-child(3) span {
    margin-top: 14px;
}
.left-side ul li:nth-child(2) span {
    margin-top: 0px;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    /*border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;*/
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
   
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    /*-webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;*/
}

.content-area-part h1 {font-size: 23px;
    margin-top: 0;
    color: #088fe6;
    font-weight: 700;}
	
#ctl00_ContentPlaceHolder1_pnlDigerIcerik #owl-kullan .owl-prev {
    float: left;
    margin-left: -23px;
}
.owl-brand-content  .owl-prev {
    float: left;
     margin-left: -23px;
}
 .form-container {
    padding-left: 0;
    width: 35%;
}
.cat-container {
    padding-left: 0;
    width: 65%;
	overflow: hidden;
}

.form-main { height: 479px;    margin-top: 6px;}
.form-main textarea {
    background-color: rgb(255,255,255);
    height: 170px;
}
.form-main .form-group {  margin-bottom: 8px; }
.form-half {width:50%; float:left;}
.form-half input{width: 98%;}
.form-half input:first-child {margin-right:15px;}
.form-main span {
    display: block;
    margin-top: 0;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    text-align: center;
    margin-bottom: 14px;
    float: left;
	    width: 100%;
    margin-top: 1px;
}
.form-main h3 {
    margin: 0;    margin-left: 0px;
    font-size: 21px;
    font-weight: 800;
    color: #000;
    text-align: center;
    float: left;
	width:100%;
}
.kesfet {float:left; display:block; border-radius:5px; border:3px solid #FFF; padding:5px 15px; font-size:14px; color:#FFF; font-weight:700;}
.urun-kat { height: 236px; border-radius:10px; padding:0; border:none; background:#C74CE6 url(../images/kkg.png) bottom right no-repeat;}
.urun-kat:first-child { background-image:-moz-radial-gradient(19% 26%,ellipse farthest-side,rgb(0,163,217) 0%,rgb(0,118,157) 100%);
background-image:-webkit-radial-gradient(19% 26%,ellipse farthest-side,rgb(0,163,217) 0%,rgb(0,118,157) 100%);
background-image:radial-gradient(19% 26%,ellipse farthest-side,rgb(0,163,217) 0%,rgb(0,118,157) 100%);}
.urun-kat:nth-child(2) {background-image:-moz-radial-gradient(18% 22%,ellipse farthest-side,rgb(166,77,255) 0%,rgb(109,0,217) 100%);
background-image:-webkit-radial-gradient(18% 22%,ellipse farthest-side,rgb(166,77,255) 0%,rgb(109,0,217) 100%);}
.urun-kat:nth-child(3) {background-image:-moz-radial-gradient(17% 25%,ellipse farthest-side,rgb(217,163,0) 0%,rgb(179,134,0) 100%);
background-image:-webkit-radial-gradient(17% 25%,ellipse farthest-side,rgb(217,163,0) 0%,rgb(179,134,0) 100%);
background-image:radial-gradient(17% 25%,ellipse farthest-side,rgb(217,163,0) 0%,rgb(179,134,0) 100%);}
.urun-kat:nth-child(4) {background-image:-moz-radial-gradient(17% 21%,ellipse farthest-side,rgb(146,193,0) 0%,rgb(105,140,0) 100%);
background-image:-webkit-radial-gradient(17% 21%,ellipse farthest-side,rgb(146,193,0) 0%,rgb(105,140,0) 100%);
background-image:radial-gradient(17% 21%,ellipse farthest-side,rgb(146,193,0) 0%,rgb(105,140,0) 100%);
}
.urun-kat:nth-child(5) {background:#16bd8b url(../images/kkg.png) bottom right no-repeat;}
.urun-kat:nth-child(6) {background: #16b1bd url(../images/kkg.png) bottom right no-repeat;}

#info {background: #f2f2f2;     padding: 34px 0;}
 
#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim .form {width: 46%;}
#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
	margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#ctl00_ContentPlaceHolder1_ucIletisim_pnlIletisim textarea {
    display: block;
    width: 100%;
    height: 84px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#pnlCaptcha input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
	margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.addComments {
    background: #ffa151;
    padding: 10px;
    float: left;
    border-radius: 6px;
    color: #FFF;
}

.feature-wrap h2 {
    float: left;
	width: 100%;
    padding: 8px 0;
    color: #fff;
   font-size: 22px;
    font-weight: 700;
        margin-top: 1%;
	background:none;
}
.feature-wrap h3 {
    margin-top: -12px;
    float: left;
    background: transparent;
    padding: 4px 0;
    color: #fff;
	width: 100%;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
}

#feature2 .feature-wrap h3 a {
    color: #333;
}
#feature2 .form-main  {background:#FFF;}


/*.form-main .form .form-group:nth-child(2) {float:left; width:49%; margin-right: 10px;}
.form-main .form .form-group:nth-child(3) {float:left; width:49%;}*/
.form-main .form .form-group span {margin-bottom:0;}
.form-main textarea {    border: 1px solid rgb(211,211,211)!important;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: inset 0px 0px 13px rgba(0,0,0,0.12)!important;
    -webkit-box-shadow: inset 0px 0px 13px rgba(0,0,0,0.12)!important;
box-shadow: inset 0px 0px 13px rgba(0,0,0,0.12)!important;}


.news-img { float:left;     width: 132px;     margin-right: 18px; } 
.news-title {float:left; margin-top:0; clear:right; width:80%;}

.blog-content {margin-bottom: 10px;    padding-bottom: 10px;    border-bottom: 1px solid #CCC;     padding-left: 0; }
.navigation {width:100%; text-align:center;}
 
 
.referanslar {display:block; float:left; width:100%; padding:0; margin:0;     margin-bottom: 49px;    min-height: 500px;}
.referanslar li {display:inline-block; margin:10px;   width: 30%;    border: 1px solid #e7e7e7;    padding: 5px; background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 23%, #f2f2f2 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 23%,#f2f2f2 100%);
    background: radial-gradient(ellipse at center, #ffffff 64%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 );}
.referanslar li img {display:block; margin:10px auto;     max-width: 100%; }
.referansAdi {       font-size: 15px;    min-height: 33px;  font-weight: 600;    text-align: center;     background: rgba(204, 204, 204, 0.23);    padding: 5px 0;}
.referanslar li p {    font-size: 15px;   font-weight: 500;    text-align: center;     background: rgba(13, 30, 60, 0.04);    padding: 5px 0;    margin-top: 3px;}


.product-item {
    padding: 10px;
    background: #fff;
    margin-top: 20px;
    position: relative;
}
.product-item:hover {
    box-shadow: 5px 5px rgba(234, 234, 234, 0.9);
}
.product-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height:0;
}
.sticker {
    position: absolute;
    top: 0;
    left: 0;
    width: 63px;
    height: 63px;
}
.sticker-new {
    background: url(http://keenthemes.com/assets/bootsnipp/new.png) no-repeat;
    left: auto;
    right: 0;
}
.pi-img-wrapper {
    position: relative;
}
.pi-img-wrapper div {
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
}
.product-item:hover>.pi-img-wrapper>div {
    display: block;
}
.pi-img-wrapper div .btn {
    padding: 3px 10px;
    color: #fff;
    border: 1px #fff solid;
    margin: -13px 5px 0;
    background: transparent;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    line-height: 1.4;
    font-size: 12px;
}
.product-item .btn:hover {
    background: #e84d1c;
    border-color: #c8c8c8;
}

.product-item h3 {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 0px;
    text-transform: uppercase;
	    margin-bottom: 0;
    text-align:center;
}
.tt-desc {float:left;color: #444; font-weight:300;	font-size: 15px;}
.product-item h3 a {
    color: #000;
	font-size: 15px;
    font-weight: 400;
}
.product-item h3 a:hover {
    color: #E02222;
}
.pi-price {
    color:#1AA9AA;
    font-size: 18px;
	font-weight:700;
    float: left;
    padding-top: 1px;
	clear: left;
}
.product-item .add2cart {
    float: right;
    color: #a8aeb3;
    border: 1px #ededed solid;
    padding: 3px 6px;
    text-transform: uppercase;
}
        .product-item .add2cart:hover {
            color: #fff;
            background: #e84d1c;
            border-color: #e84d1c;
        }
		
.product-list {float: left;width:80%;}
 .product-list .col-md-4 { padding: 3px; }
 .sayfalama {float:left; width:100%; text-align:center;}
 ul.pagination > li > a {color:#000;}
 
 .product-title {margin-top: 0;    font-size: 20px;    margin-bottom: 0;         color: #31313F;
    padding: 0 9px;}
	
.cart-info h3 {font-size:28px; color:#000;}
.cart-info h3 span {display:block; clear:both;    margin-top: 11px;}
.price-bb {font-size:37px; font-weight:700; margin-top:5px;}
.price-bb span {font-size:20px; font-weight:400; clear:none!important; display:inline-block!important}
.aciklama {float:left; margin:10px 0; background: #f8f9f9;}

li.active{border-bottom:3px solid silver;}

.item-photo{display:flex;justify-content:center;align-items:center;border-right:1px solid #f6f6f6;}
.menu-items{list-style-type:none;font-size:11px;display:inline-flex;margin-bottom:0px;margin-top:20px}
.btn-success{width:30%;border-radius:0px; background:#1BA9AA; border:1px solid #1BA9AA; font-size:16px; font-weight:600;    padding: 13px;    border-radius: 7px;}
.section{width:100%; margin: 10px 0; margin-left:-15px;padding:2px;padding-left:15px;padding-right:15px;}
.title-price{margin-top:30px;margin-bottom:0px;color:black}
.title-attr{margin-top:0px;margin-bottom:0px;color:black;}
.btn-minus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-right:0px;}
.btn-plus{cursor:pointer;font-size:7px;display:flex;align-items:center;padding:5px;padding-left:10px;padding-right:10px;border:1px solid gray;border-radius:2px;border-left:0px;}
div.section > div {width:100%;display:inline-flex;}
div.section > div > input {margin:0px;padding-left:5px;font-size:10px;padding-right:5px;max-width:18%;text-align:center;}
.attr,.attr2{cursor:pointer;margin-right:5px;height:20px;font-size:10px;padding:2px;border:1px solid gray;border-radius:2px;}
.attr.active,.attr2.active{ border:1px solid orange;}




.item .col-md-4 {
    width: 100%;     padding: 0;  
}
.ilgili-urun .owl-buttons {top: -49px!important;    position: absolute;    /* width: 100%; */    right: -14px;    z-index: 100;}

.ilgili-urun .owl-controls .owl-buttons div {    padding: 3px 1px;}
.ilgili-title {    font-weight: 700;    font-size: 20px;}
.tab-content {    padding: 20px;    border: 1px solid #ebebeb; float: left;    width: 80%;    margin-bottom: 12px; margin-left: -2px;}
.nav-tabs li.active {      border: 1px solid #ebebeb;   border-right: 3px solid white;}
.nav-tabs>li {    margin-bottom: 0px;  border-bottom: 1px solid #e6e6e6;}
#feature {    background: #FFF;    padding-bottom: 17px;    padding-top: 10px;}

.bilgibankasi {font-size:25px;}
.bilgibankasiaciklama {font-size:18px; margin:10px auto; width:80%; text-align:center;}



.stepBYstep   {margin-top: 15px;}
.step-BY-step {position:relative; float:left; background: #F5F5F5;     width: 19.7%; height:110px; margin-right:3px; z-index:10; }
.step-BY-step:last-child {margin-right:0;}
.step-BY-step a {float:left; display:block; width:100%; height:110px;}
.step-BY-step p {display:block; floaT:left; font-size:59px; font-weight:700; color:#AAAAAA;     margin-top: 40px; margin-left: 12px;;}
.step-BY-step span {display:block; float:left;  font-family: 'Oswald', sans-serif;   width: 69%; font-size:16px; font-weight:400; color:#AAAAAA; margin-top: 32px; margin-left: 6px;}
/*.step-BY-step div {float:left;     width: 70%; font-size:11px; font-weight:300; color:#AAAAAA; margin-top:0px; margin-left:3px; }*/

.step-BY-step:first-child span {    margin-top: 33px;}
.step-BY-step:last-child span {    margin-top: 33px;}

.step-active p {color:#FFF;}
.step-active span {color:#FFF;}
.step-active div {color:#FFF;}

.step-active {
		z-index:11; background: #1ba9aa;
}


.step-active:after {
      content: '';
      position: absolute;
      top: 0px;
      left: 230px;;
      width: 0;
      height: 0;
      border: 55px solid transparent;
      border-left: 12px solid #1ba9aa;	  

    }
 .step-active:before {
      content: '';
      position: absolute;
      top: 0px;
      left: 232px;
      width: 0;
      height: 0;
      border: 55px solid transparent;
      border-left: 14px solid #fff;
  }
  .altaciklama {
    float: left;
    margin-left: 6px;
	font-size: 12px;
	width: 76%;
    font-weight: 600;
    color: rgba(27, 169, 170, 0.55);
}

	.table th {font-size:11px; color:#999;}
	.sepet-container {padding:0;}
	.media-body { padding-left:10px;}
	.ustSekme { margin-top:10px; padding:0; /*background:#FFF; height:80px; margin-top:10px;
		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);*/}
	.ustSekme img {width:100%;}
	.sepet-list {width: 74%; margin-right: 1%;background:#FFF;   margin-top:20px;
		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		box-shadow:0px 0px 3px 1px rgba(0,0,0,0.10);}
	.price-cart	 {float: left;background:#FFF;   margin-top:20px; min-height:200px;
		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		box-shadow:0px 0px 3px 1px rgba(0,0,0,0.10);}
	.cart-receipt {font-size:12px;}
	.cart-receipt table tr:first-child td {border-top:none;}
	.cart-receipt table td h3 { font-family:'Open Sans'; float:right; font-size:18px; font-weight:700; margin: 5px 0;}
	.cart-receipt table td h2 { font-family:'Open Sans'; float:right; font-size:15px; font-weight:600; margin-top:0;}
	.cart-receipt .cartFix {font-size: 24px;   color: rgba(27, 169, 170,1);   font-weight: 700; clear: both;}
	
	.media-heading a {color:#000;}
	.sale-btn {width:100%;}
	.edit-price {float:right; color: rgba(27, 169, 170,1);   margin-top: 9px;}
	
	.cart-others {  z-index: 100;   position: relative; float:left; width:100%; border-top:2px solid #ccc; margin-bottom:15px;}
	.cart-others .cart-note h5 {font-family:'Open Sans'; float:left; font-size:15px; font-weight:600;}
	.cart-others .cart-note textarea{float:left; width:100%; min-height:200px; border-radius:4px; border:1px solid #ccc; padding:5px;}
	.cart-others .cart-promotion {float:left; width:100%; margin:10px 0;}
	.cart-others .cart-promotion h5 {font-family:'Open Sans'; float:left; width:100%; font-size:15px; font-weight:600;}
	.cart-others .cart-promotion input {float:left; width:30%; height: 28px; border:1px solid #ccc; padding-left:5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset,-5px -5px 0 0 #f5f5f6,5px 5px 0 0 #f5f5f6,5px 0 0 0 #f5f5f6,0 5px 0 0 #f5f5f6,5px -5px 0 0 #f5f5f6,-5px 5px 0 0 #f5f5f6;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset,-5px -5px 0 0 #f5f5f6,5px 5px 0 0 #f5f5f6,5px 0 0 0 #f5f5f6,0 5px 0 0 #f5f5f6,5px -5px 0 0 #f5f5f6,-5px 5px 0 0 #f5f5f6;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15) inset,-5px -5px 0 0 #f5f5f6,5px 5px 0 0 #f5f5f6,5px 0 0 0 #f5f5f6,0 5px 0 0 #f5f5f6,5px -5px 0 0 #f5f5f6,-5px 5px 0 0 #f5f5f6;
  font-size: 12px;
  line-height: 150%;
	}
	.cart-others .cart-promotion button { border:1px solid #333;   padding:5px 12px;  margin-left: 10px; font-size:11px;
	background: rgb(125,126,125);
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );

	}
	.account-Address {float:left;  background: #F0F0F0; width: 100%; margin-bottom: 10px;}
	.radio-btn {margin-left:15px!important;}
	.adressHeader {float:left; margin-bottom:10px; padding:5px; width:100%; border-bottom:1px solid #fff;}
	.adressHeader h4 {font-family:'Open Sans'; float:left; font-size:15px; font-weight:700;}
	.edit-btn {float:right; margin-right:10px;   padding: 3px 8px; margin-top: 4px;  border-radius: 0;}
	.delete-btn {float:right; margin-right:10px;  padding: 3px 8px; margin-top: 4px;   border-radius: 0;}
	.new-add-btn {float:left; background:#fff; margin-bottom:10px;}
	.cart-baslik {float:left; width:100%; padding-bottom:15px; font-family:'Open Sans'; float:left; font-size:18px; font-weight:700;  border-bottom:1px solid #ECEBEB;}
	
	.kredi-table input {margin:4px 0px; width:50%;}
	.kredi-table select {margin:4px 0px; width:50%;}
	
	.kartno-half-part {width:15%!important; float: left; clear: none; margin-right: 5px!important;}
	.time-for-FW {float:left; margin-rigth:5px!important;width:25%!important;}
	.kredi-table  {margin-top:20px; float: left; }
	.banka-secim-form {margin-bottom:20px;   margin-top: 5px;   float: left;}
	.mobilOdemeImage {
	  display: block;
	  margin: 0 auto;
	  margin-top: 20px;
	}
	.mobilAciklama {
	  text-align: center;
	  margin-top: 10px;
	  display: block;
	  margin-bottom: 25px;
	}
	.cepNoBaslik {
	  font-weight: 700;
	}
	.mobilBilgilendirmeLinkAlan {
	  float: left;
	  margin: 10px 0;
	  width: 100%;
	  padding-top: 15px;
	  border-top: 1px solid #ccc;
	  text-align: center;
	}
	.mobilBilgilendirmeLinkAlan span {
	  display: block;
	  background: rgba(204,204,204,.43);
	  padding: 4px;
	}
	.telefon-style {
	  padding: 6px 13px;
	  width: 267px;
	  border-radius: 6px;
	  border: 1px solid #9f9f9f;
	  margin-left: 45px;
	  -webkit-box-shadow: inset 0 0 7px 0 rgba(50,50,50,.29);
	  -moz-box-shadow: inset 0 0 7px 0 rgba(50,50,50,.29);
	  box-shadow: inset 0 0 7px 0 rgba(50,50,50,.29);
	}
	.kapidaodeme {width:100%;}
	.kapidaodeme td img {display:block;margin:0 auto;}
	
	.kapidaodeHeader {width:100%;font-family:'Open Sans'; float:left; font-size:18px; font-weight:700; text-align:left; margin:15px 0;}
	.NakitOde {}
	.KapidaKKode {}
	.price-descript {text-align:left;}
	.kapidaodeIMG {float:left; width:55%; margin:20px 0;}
	.kapidaodeIMG img {width: 100%;}
	.kapidaodeicerik {float:left;  width:45%; margin:20px 0;}
	.HavaleBaslik {font-family:'Open Sans'; float:left; font-size:18px; font-weight:700; width:100%;}
	.havale-select {width:30%;}
	.bankInfo {float:left;width:100%; margin-top:10px; padding-top:10px; border-top:2px solid #CCC;}
	.price-statu {margin:0; padding:0; list-style:none;}
	.gonderilme-durum {padding:5px; background:#F4F4F4; margin-bottom:15px;}
	.satissozlesme {font-size:12px; color:#000;  display: block;   float: left; width: 83%;   margin-left: 10px;   margin-top: 5px;}
	.satis-check {float:left; display:block;}
	
	.onay-yazi {float: left;  width: 100%; margin-right: 1%;background:#FFF;   margin-top:20px;
		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		box-shadow:0px 0px 3px 1px rgba(0,0,0,0.10);}
		
	.itsDoneWord {float:left; width:100%; margin:15px 0;}
	.oleg-part-1 {float:left; width:100%;}
	.oleg-part-1 span {display:block;font-family:'Open Sans'; font-size:16px; font-weight:700; clear:both; margin-bottom:10px;}
	.oleg-part-1 strong {  color: #D40808; font-family:'Open Sans'   font-size: 16px;}
	
	.oleg-part-2 {float:left; width: 81%;   font-size: 15px;}
	
	.promotion-area {float:left; width:100%; margin:15px 0; padding:15px 0; border-top:1px solid #ccc;}
	.coupon {float:left; position:relative; width:606px; height:211px; padding:10px; border-radius:10px; border: 1px dashed #CCC; }
	.coupon-text-box { position:relative; display:block; float:left; margin-top:3px; margin-left: 13px; height:32px; width:205px; font-family:'Open Sans', Arial; font-size:16px; font-weight:700; color:#222;}
	.coupon-text-box:last-child {margin-left: 108px;}
	
	
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
	body {
		
	}
	.well{
		background-color:#fff!important;
		border-radius:0!important;
		border:none!important;
		background-image:none!important;
		-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.10);
		box-shadow:0px 0px 3px 1px rgba(0,0,0,0.10);
	}
	
	.well.login-box {
		    width: 330px;
		margin:10px auto;
		min-height: 279px;
		
	}
	.well.register-box {
		    width: 330px;
		margin:0 auto;
		margin-top: 10px;
		
	}
	.well.register-box legend {
	  font-size: 21px;
	  text-align:center;
	  font-weight:300;
	      padding-bottom: 13px;
	}
	.well.login-box legend {
	  font-size: 21px;
	  text-align:center;
	  font-weight:300;
	      padding-bottom: 13px;
	}
	.well.login-box label {
	  font-weight:300;
	  font-size:16px;
	  
	}
	.well.login-box input[type="text"] {
	  /*box-shadow:none;
	  border-color:#ddd;
	  border-radius:0;*/
	}
	
	.well.welcome-text{
		font-size:21px;
	}
	
	/* Notifications */
	
	.notification{
		position:fixed;
		top: 20px;
		right:0;
		background-color:#fff;
		padding: 20px;
		color: #fff;
		font-size:21px;
		display:none;
	}
	.notification-success{
	  background-color:#fff;
	}
	
	.notification-show{
		display:block!important;
	}
	
	/*Loged in*/
	.logged-in{
	  display:none;
	}	
	.logged-in h1{
	  margin:0;
	  font-weight:300;
	}
	.register-in {display:none;}
	.register-in h1 {margin:0;
	  font-weight:300;}
	.uyeTipAlan {float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
	.uyeTipVeli {
	  float: left;
	  width: 22%;
	}
	.uyeTipVeli input {
	  float: left;
	  display: block;
	  clear: none;
	  margin-right: 5px;
	}
	.uyeTipVeli label {
	  float: left;
	  display: block;
	  clear: none;
	}
	.uyeTipOgrenci {
	  float: left;
	   width: 38%;
	  border-right: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 0 15px;
	  margin-right: 15px;
	}
	.uyeTipOgrenci input {
	  float: left;
	  display: block;
	  clear: none;
	  margin-right: 5px;
	}
	.uyeTipOgrenci label {
	  float: left;
	  display: block;
	  clear: none;
	}
	.uyeTipOgretmen {
	  float: left;
	  width: 32%;
	}
	.uyeTipOgretmen input {
	  float: left;
	  display: block;
	  clear: none;
	  margin-right: 5px;
	}
	.uyeTipOgretmen label {
	  float: left;
	  display: block;
	  clear: none;
	}
	
	
	.addressContent .half-width-input {width: 97%;}
	/*.float-rigth {float:right;}*/
	
	#SozlesmeOku { font-weight:400;     font-size: 11px;}
.text-center  .controls-row {    position: absolute;       top: 142px;  right: 62px;}

.profil-menu {width:100%; margin:0; padding:0; list-style:none;}
.profil-menu li {width:100%; border-bottom:1px solid #E4E4E4;}
.profil-menu li a {display:block; padding:10px 10px ; color:#333;}


.uyekayit {
    width: 14%;
	height:34px;
    border-radius: 0px;
    background: #1BA9AA;
    border: 1px solid #1BA9AA;
    font-size: 15px;
    font-weight: 400;
    padding: 5px;
    border-radius: 4px;
} 

.btnFacebookLogin {margin-top:-1px;    background: #2d66c5; }

.well .btn-success {
    width: 31%;
	float: left;
    border-radius: 0px;
    background: #1BA9AA;
    border: 1px solid #1BA9AA;
    font-size: 14px;
    font-weight: 600;
    padding: 7px;
    border-radius: 4px;
}

.taksitler .table {width:inherit;}
.taksitler .table td { font-size: 11px;}
.taksitler .table img { width: 148px; }
#errorMsg {text-align:center;}
#errorMsg h2 {font-size: 24px;  font-family: 'Open Sans';  font-weight: 700;  color: #E80633;}
#errorMsg ol {padding:0; margin:0; list-style:none;}
	
	@media (max-width:480px){
	.media-body {display:none;}
	.media-left  {display:none;}
	.media-right {display:none;}
	.container {width:100%;}
	.sepet-list {float: left; width:100%;}
	.price-cart {float: left; width:100%;}
	.adressHeader h4 {width:100%;}
	.delete-btn {float:left;}
	.edit-btn {float:left;}
	.coupon {width:100%;}
	.coupon img {width:100%;}
	}


@media (max-width: 426px) {
    .container {margin-top:0px !important;}
    .container > .row{padding:0px !important;}
    .container > .row > .col-xs-12.col-sm-5{
        padding-right:0px ;    
    }
    .container > .row > .col-xs-12.col-sm-9 > div > p{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .container > .row > .col-xs-12.col-sm-9 > div > ul{
        padding-left:10px !important;
        
    }            
    .menu-items{padding-left:0px;}
}

@media (min-width: 992px){
	.left-menu-bbg {    width: 20%;     padding-left: 0;    float: left;}
}


#ctl00_ContentPlaceHolder1_pnlResimler ul {list-style:none; padding:0; margin:0;}
#ctl00_ContentPlaceHolder1_pnlResimler ul li  {display:inline-block; margin:5px;     border: 1px solid #f1f1f1;  padding: 6px;}
#ctl00_ContentPlaceHolder1_pnlResimler ul li a {  width: 240px;    height: 160px;    overflow: hidden;    display: block;}
#ctl00_ContentPlaceHolder1_pnlResimler ul li a img {width:100%;}

.dropdown-menu .caret {transform: rotate(-90deg);}


.u-vmenu ul li {
	    width: 100%;
	list-style: none;
	    background: #f5f5f5;
		border: 1px solid #ddd;
		margin-bottom: -1px;
}
.u-vmenu ul ul{
	display: none;
	padding-left:0;
}
.u-vmenu > ul > li {
	    background: #f5f5f5;
	background-size: 100% auto;
}
.u-vmenu ul li a {
	height: auto;
	line-height: 30px;
	display: block;
	font-size: 14px;
	color: #4a4a4a;
	text-decoration: none;
	outline: none;
}

.u-vmenu ul li li a {font-size:14px;}
.u-vmenu > ul > li > a {
	height: auto;
    min-height: 42px;
    line-height: 15px;
    padding-left: 15px;
    padding: 16px;
}
.u-vmenu > ul > li > ul > li > a {
	padding-left: 28px;
    background: #fdfdfd;
}
.u-vmenu > ul > li > ul > li > ul > li > a {
	padding-left: 20px;
}
.u-vmenu > ul > li > ul > li > ul > li > ul > li > a {
	padding-left: 30px;
}
.u-vmenu ul li a[data-option='on']{
	background:#f5f5f5 url(../images/on.png) right center no-repeat;
}
.u-vmenu ul li a[data-option='off'] {
	background:#f5f5f5 url(../images/off.png) right center no-repeat;
}


.slider-social {position:fixed;     top: 14%; z-index:100;}
.slider-social ul {margin:0; padding:0; list-style:none;}
.slider-social ul li {clear:both;}
.slider-social ul li a { display:block;
	-webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.slider-social ul li a img {width:40px;}


@-moz-document url-prefix() { 
  .carousel-inner {
     top: -100px;
  }
  .carousel-indicators {
  bottom: 89px;}
  .ago-ht {
    width: 100%;
    margin-bottom: 40px;
    margin-top: -5%;
	}
  .mainpage-aboutme .ago-ht {    margin-top: 0%;	}
}

_:-ms-fullscreen, :root .carousel-inner {     top: -100px;  }
_:-ms-fullscreen, :root .carousel-indicators {  bottom: 89px;}
_:-ms-fullscreen, :root .ago-ht {  margin-top: -5%;	}
_:-ms-fullscreen, :root .mainpage-aboutme .ago-ht {    margin-top: 0%;	}


_:-ms-input-placeholder, :root .carousel-inner {     top: -100px;  }
_:-ms-input-placeholder, :root .carousel-indicators {  bottom: 89px;}
_:-ms-input-placeholder, :root .ago-ht {  margin-top: -5%;	}
_:-ms-input-placeholder, :root .mainpage-aboutme .ago-ht {    margin-top: 0%;	}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
	
  .carousel-inner {     top: -100px;  }
  .carousel-indicators {  bottom: 89px;}
  .ago-ht {  margin-top: -5%;	}
  .mainpage-aboutme .ago-ht {    margin-top: 0%;	}
  
}


