/* Add here all your CSS customizations */
.custom-box-shadow-1 {
	box-shadow: 0px 0px 31px -5px rgba(0, 0, 0, 0.14) !important; }

.custom-box-shadow-2 {
	box-shadow: 0px 8px 31px -5px rgba(0, 0, 0, 0.07) !important; }

.custom-container-position-1 {
	position: relative;
	transform: translate3d(-50%, 0, 0);
	left: 50%; }

.custom-container-style-1 {
	min-width: 85vw; }

@media (min-width: 576px) {
	.custom-container-style-1 {
		min-width: 540px; } }

@media (min-width: 768px) {
	.custom-container-style-1 {
		min-width: 720px; } }

@media (min-width: 992px) {
	.custom-container-style-1 {
		min-width: 960px; } }

@media (min-width: 1200px) {
	.custom-container-style-1 {
		min-width: 1140px; } }

@media (min-width: 1440px) {
	.custom-container-style-1 {
		min-width: 1440px; } }

.custom-font-secondary {
	font-family: 'Lora', sans-serif !important; }

.custom-font-size-1 {
	font-size: 112px;
	font-size: 7rem;
	line-height: 0.4; }

.fluid-col-lg-5 .fluid-col {
	left: 50%;
	width: 100vw;
	transform: translate3d(-50%, 0, 0); }

@media (min-width: 992px) {
	.fluid-col-lg-5 {
		min-height: 0; }
		.fluid-col-lg-5 .fluid-col {
			width: calc(44.2vw - 15px);
			left: 15px;
			transform: none; } }

@media (max-width: 991px) {
	.fluid-col-lg-5 {
		min-height: 400px !important; } }

.custom-read-more-link svg {
	transition: ease transform 300ms; }

.custom-read-more-link:hover svg {
	transform: translate3d(7px, 0, 0); }

.custom-shape-1 {
	position: absolute;
	top: 25px;
	left: -30px;
	bottom: 25px;
	right: 30px;
	z-index: 0; }

.custom-stroke-width-1 svg path {
	stroke-width: 1.5 !important; }
	
.img-fluid 	{
max-width: 100%;
height: 100x;
}

.img-fluid-tumbb 	{
max-width: 100%;
height: 100%;
}


/* image frame ribbon */

.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

/* dikey cizgi */
#verticle {
    border-left: 4px solid cornflowerblue;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -2px;
}
/* icon alt yazi  */
#list-iconss li
{
  display:inline-block;
  vertical-align: top;
  width:170px;
  height:150px;
}
.icon {  
  border: 0 solid #aaa;  
  height:30px;
}  
.popup{
  display:none;
  width:100px;
}
/*#list-icons li:hover .popup
{
  display:block;
}*/

.tooltip {
    background: white;
    margin-top: 35px;
}

.tooltip .tooltip-inner {
    
    text-color: #000;
    max-width: 500px;
}

.tooltip .arrow:before {
    border-top-color: red;
}

.tooltip.bs-tooltip-top .arrow:before {
    top: 20px;
}