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

Template Name: Nexo App Landing Page Template
Description: This is html5 template
Author: HasTech
Version: 1.0

-----------------------------------------------------------------------------------

CSS INDEX
===================

1. Default CSS
2. Header Area
3. Background Area
4. Service Area
5. Work Process Area
6. About Area
7. Fun Factor Area
8. Feature Area
9. Screenshots Area
10. Pricing Area
11. Newsletter Area
12. FAQ Area
13. Footer Area
14. Homepage Two
15. Homepage Three
16. Other Background CSS
-----------------------------------------------------------------------------------*/

.ustbar{
	text-align: center;
	background: url(img/bg111.jpg);
	background-size: cover;
	padding: 60px 0 20px 0;
	position: relative;
	z-index: 3;
	border-bottom: 4px solid #000;
}
.ustbar .logo{
	top: auto;
	margin-bottom: -80px;
}

.ustmenu{
	position: absolute;
	bottom: -140px;
	width: 100%;
}
.ustmenu nav{}
.ustmenu nav ul{}
.ustmenu nav ul li{
	display: inline-block;
}
.ustmenu nav ul li a{
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.08);
}
.ustmenu nav ul li:hover a{
	background: #000;
	color: #fff;
}

/*----------------------------------------*/
.clearfix::after{display:block;content:"";clear:both}

/*  1. Default CSS
/*----------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rasa');
html,
body {
height: 100%;
font-family: 'Rasa', sans-serif;
}

body {color: #606060;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;font-family: 'Rasa', sans-serif;position: relative;}

.clear {
clear: both
}

.fix {
overflow: hidden
}

.block {
display: block
}

.container {
width: 1200px
}

.img {
max-width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
height: auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
margin: 0;
padding: 0;
color: #303030
}

a {
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

a:focus {
text-decoration: none;
outline: 0px solid;
}

a:focus,
a:hover {
color: #303030;
text-decoration: none;
}

a:active,
a:hover {
outline: 0 none;
}

a,
button,
input {
outline: medium none;
color: #383838;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

button {
border: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit
}

label {
font-size: 15px;
font-weight: 400;
color: #606060;
}

*::-moz-selection {
background: #b3d4fc;
color: #fff;
text-shadow: none;
}

::-moz-selection {
color: #fff;
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
color: #fff;
}

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}

.mark,
mark {
background: #4fc1f0 none repeat scroll 0 0;
color: #ffffff;
}

font-weight: 600;

}
.f-left {
float: left
}
.f-right {
float: right
}
p {
line-height: 24px;
font-size: 14px;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */

color: #969696;
}
::-moz-placeholder {
/* Firefox 19+ */

color: #969696;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
:-ms-input-placeholder {
/* IE 10+ */

color: #969696;
}
:-moz-placeholder {
/* Firefox 18- */

color: #969696;
}
.default-btn {
background: #ed6b65 none repeat scroll 0 0;
border: 1px solid #ed6b65;
border-radius: 30px;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: 500;
height: 41px;
padding: 9px 30px;
line-height: 23px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: all 0.5s ease 0s;
width: ;
}
.default-btn:hover,
.default-btn:focus,
.default-btn:active {
background: #30191f;
border-color: #30191f;
color: #ffffff;
}
.default-btn span {
z-index: 2;
position: relative
}
.border-white {
border-color: #fff;
background: transparent
}
.border-white:hover,
.border-white:focus,
.border-white:active {
background: #fff;
}
.shadow {
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.31)
}
input,
select,
textarea {
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
img {
max-width: 100%
}
input,
textarea {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #c1c1c1;
box-shadow: none;
color: #666666;
font-size: 12px;
height: 35px;
padding-left: 10px;
width: 100%;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #666666;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #666666;
}
select {
width: 100%;
background: #eceff8;
border: 2px solid #eceff8;
height: 45px;
padding-left: 10px;
box-shadow: none;
font-size: 14px;
color: #626262;
}
option {
background: #fff;
border: 0px solid #626262;
padding-left: 10px;
font-size: 14px;
}
input:focus,
textarea:focus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #c1c1c1;
}
textarea {
height: 100px;
padding: 12px 17px;
resize: vertical;
width: 100%;
}
textarea:focus {
box-shadow: none;
outline: 0
}

.gerisayim{display: block;margin-top: 65px;font-family: 'Rasa', sans-serif;}
.gerisayim ul{display:inline-block;padding: 0 20px;background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.49);}
.gerisayim ul li{color:#565656;display: inline-block;padding: 20px;}
.gerisayim ul li b{display: block;font-size: 32px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);}
.gerisayim ul li span{}


/*************************
Scrollup
*************************/
#scrollUp {
background: rgba(237, 107, 101, 0.81);
border-radius: 3px;
bottom: 60px;
color: #ffffff;
font-size: 20px;
height: 46px;
line-height: 46px;
margin: 0;
position: fixed;
right: 15px;
text-align: center;
transition: all 0.5s ease-in-out 0s;
width: 46px;
z-index: 999;
}
#scrollUp:hover {
background: rgba(101, 133, 244, 0.6);
}

/*************************
Margin top
*************************/
.mt-100 {
margin-top: 100px
}
.mt-105 {
margin-top: 105px
}
.mt-110 {
margin-top: 110px
}
.mt-115 {
margin-top: 115px
}
.mt-120 {
margin-top: 120px
}
.mt-125 {
margin-top: 125px
}
.mt-130 {
margin-top: 130px
}
.mt-135 {
margin-top: 135px
}
.mt-140 {
margin-top: 140px
}
.mt-145 {
margin-top: 145px
}
.mt-150 {
margin-top: 150px
}

/*************************
Margin bottom
*************************/
.mb-100 {
margin-bottom: 100px
}
.mb-105 {
margin-bottom: 105px
}
.mb-110 {
margin-bottom: 110px
}
.mb-115 {
margin-bottom: 115px
}
.mb-120 {
margin-bottom: 120px
}
.mb-125 {
margin-bottom: 125px
}
.mb-130 {
margin-bottom: 130px
}
.mb-135 {
margin-bottom: 135px
}
.mb-140 {
margin-bottom: 140px
}
.mb-145 {
margin-bottom: 145px
}
.mb-150 {
margin-bottom: 150px
}

/*************************
Margin left
*************************/
.ml-100 {
margin-left: 100px
}
.ml-110 {
margin-left: 110px
}
.ml-120 {
margin-left: 120px
}
.ml-130 {
margin-left: 130px
}
.ml-140 {
margin-left: 140px
}
.ml-150 {
margin-left: 150px
}

/*************************
Padding top
*************************/
.pt-100 {
padding-top: 100px
}
.pt-105 {
padding-top: 105px
}
.pt-110 {
padding-top: 110px
}
.pt-115 {
padding-top: 115px
}
.pt-120 {
padding-top: 120px
}
.pt-125 {
padding-top: 125px
}
.pt-130 {
padding: 130px 0;
}
.pt-135 {
padding-top: 135px
}
.pt-140 {
padding-top: 140px
}
.pt-145 {
padding-top: 145px
}
.pt-150 {
padding-top: 150px
}
.pt-160 {
padding-top: 160px
}
.pt-165 {
padding-top: 165px
}
.pt-170 {
padding-top: 170px
}
.pt-175 {
padding-top: 175px
}
.pt-180 {
padding-top: 180px
}
.pt-185 {
padding-top: 185px
}
.pt-190 {
padding-top: 190px
}

/*************************
Padding right
*************************/
.pr-100 {
padding-right: 100px
}
.pr-110 {
padding-right: 110px
}
.pr-120 {
padding-right: 120px
}
.pr-130 {
padding-right: 130px
}
.pr-140 {
padding-right: 140px
}

/*************************
Padding bottom
*************************/
.pb-100 {
padding-bottom: 100px
}
.pb-105 {
padding-bottom: 105px
}
.pb-110 {
padding-bottom: 110px
}
.pb-115 {
padding-bottom: 115px
}
.pb-120 {
padding-bottom: 120px
}
.pb-125 {
padding-bottom: 125px
}
.pb-130 {
padding-bottom: 130px
}
.pb-135 {
padding-bottom: 135px
}
.pb-140 {
padding-bottom: 140px
}
.pb-145 {
padding-bottom: 145px
}
.pb-150 {
padding-bottom: 150px
}
.pb-155 {
padding-bottom: 155px
}
.pb-160 {
padding-bottom: 160px
}
.pb-165 {
padding-bottom: 165px
}
.pb-170 {
padding-bottom: 170px
}
.pb-175 {
padding-bottom: 175px
}
.pb-180 {
padding-bottom: 180px
}
.pb-185 {
padding-bottom: 185px
}
.pb-190 {
padding-bottom: 190px
}

/*************************
Padding left
*************************/
.pl-100 {
padding-left: 100px
}
.pl-110 {
padding-left: 110px
}
.pl-120 {
padding-left: 120px
}
.pl-130 {
padding-left: 130px
}
.pl-140 {
padding-left: 140px
}
.pl-150 {
padding-left: 150px
}

/***************************
Page section padding 
****************************/
.ptb-100 {
padding: 100px 0
}
.ptb-110 {
padding: 110px 0
}
.ptb-120 {
padding: 120px 0
}
.ptb-130 {
padding: 130px 0
}
.ptb-140 {
padding: 140px 0
}
.ptb-150 {
padding: 150px 0
}
.ptb-160 {
padding: 160px 0
}
.ptb-170 {
padding: 170px 0
}
.ptb-180 {
padding: 180px 0
}
.ptb-190 {
padding: 190px 0
}

/****************************
Background variation set 
*****************************/
.bg-white {
background: #fff
}
.about-area.bg-light-1{
background: #f5f5f5 url(img/bg111.jpg);
background-size: cover;
position: relative;
}
.about-area.bg-light-1:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(255, 255, 255, 0.88);}
.bg-light-1 {
background: #F1F1F1 url(img/buyers-map.jpg);
background-position: center center;
background-size: cover;
}
.bg-dark {
background: #313131
}
.transparent-bg {
background: transparent
}
.bg-1,
.bg-2,
.bg-3,
.bg-4,
.image-1,
.image-2,
.image-3 {
background-attachment: scroll;
background-clip: initial;
background-color: rgba(0, 0, 0, 0);
background-origin: initial;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.bg-1 {
background-image: url(img/afterparty.jpg);
}
.bg-1:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.55);
}
.bg-2 {/* background-image: url("img/bg/2.jpg"); */padding: 50px 0;}
.bg-2:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(245, 245, 245, 0.88);
}
.bg-3 {
background-image: url("img/bg/3.jpg");
}
.bg-4 {
background: #484848;
}
.image-1 {background-image: url("img/istanbul.jpg");}
.image-2 {
background-image: url("img/slider/2.jpg");
}
.image-3 {
background-image: url("img/slider/3.jpg");
background-position: center top
}
.overlay-blue:before,
.overlay-blue-2:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.overlay-blue:before {background: rgba(3, 169, 244, 0.31) none repeat scroll 0 0;}
.overlay-blue-2:before {
background: rgba(237, 107, 101, 0.82) none repeat scroll 0 0;
}

/***********************
Section Title
************************/
.section-title {
margin: 0 25px 43px 0;
}
.section-title > h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 8px;
}
.section-title.two {
margin: 0 48px 36px;
}
.section-title.two h2 {
margin-bottom: 12px;
}
.section-title.two h2 a{
opacity: 0.3;
}
.section-title.two h2 a:hover{
color: #ed6b65;    opacity: 1;
}
.section-title.white,
.section-title.white h2 {
color: #ffffff;
}

#program{background:#e8e8e8}

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

/*  2. Header Area
/*----------------------------------------*/
.header-area {
z-index: 2;
position: relative;
display:none;
}
.header-area.sticky{display:block;}
.fixed {left: 0;position: absolute;top: 60px;width: 100%;z-index: 7;}
.logo {position: relative;top: -20px;}
.logo a {
display: inline-block
}
.logo img {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.main-menu {
display: block;
position: relative;
z-index: 2;
padding: 20px 0;
}
.main-menu ul {
text-align: right;
}
.main-menu ul li {
display: inline-block;
margin-left: 20px;
position: relative;
}
.main-menu ul li a {
color: #ffffff;
display: inline-block;
font-size: 15px;
font-weight: 500;
line-height: 28px;
padding: 2px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.4s ease 0s;
text-shadow: 0 0 5px #000;
}
.main-menu > nav > ul > li:hover > a,
.main-menu > nav > ul > li.active > a {
color: #ffffff;
background: #ed6b65;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
text-shadow: none;
}
.main-menu ul li ul {
background: #ffffff none repeat scroll 0 0;
box-shadow: -1px 5px 6px 1px rgba(0, 0, 0, 0.2);
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
padding: 14px 18px;
position: absolute;
text-align: left;
top: 100%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 212px;
z-index: 999;
}
.main-menu ul li:hover > ul {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.main-menu ul li ul li a {}
.main-menu ul li ul li {
display: block;
margin: 0;
padding: 6px 0;
}
.main-menu ul li ul li a {
color: #313131;
display: block;
font-size: 14px;
line-height: 26px;
padding: 0;
text-transform: capitalize;
}
.main-menu ul li ul li:hover > a {
color: #00d379;
}
.main-menu ul li ul li a:before {
display: none;
}
.main-menu ul li ul li > ul {
left: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 17%;
visibility: hidden;
}
.mobile-menu-area,
.mean-container .mean-bar:after {
display: none
}
.mean-container .mean-bar {
background: transparent none repeat scroll 0 0;
min-height: 0;
padding: 0;
height: 0;
}
.mean-container a.meanmenu-reveal {border: 0 none;color: #ed6b65;padding: 6px 10px 13px 10px;position: absolute;background: #fff;top: -61px!important;right: 0px!important;/* width: 100%; */text-align: center;display: block;float: none;}
.mean-container a.meanmenu-reveal.meanclose {margin-top: 0;}
.mean-container a.meanmenu-reveal span {
background-color: #ed6b65;
}
.mean-container .mean-nav {/* margin-top: 20px; */position: relative;}
.header-sticky.sticky {
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
background: rgba(255, 255, 255, 0.91) none repeat scroll 0 0;
box-shadow: 0 0 9.9px 0.1px rgba(91, 91, 91, 0.2);
left: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.sticky .main-menu > nav > ul > li {
padding: 0;
}
.sticky .main-menu > nav > ul > li > a {
opacity: 1;
color: #000;
text-shadow: none;
}
.sticky .logo {
padding: 21px 0;
top: 0;
width: 60%;
}
.sticky .logo img {
width: 100%;
}
.sticky .main-menu {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 40px 0;
}
.sticky .header-btn {
padding: 14px 0;
}
.mainmenu-area .sticky {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.header-area .sticky .main-menu > nav > ul > li > a {
line-height: 68px;
}
.mobile-menu-area {
background-color: #fff;
display: block;
height: 100%;
left: 0;
overflow-y: scroll;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
}
.mobile-menu-area .menu-close {
background-color: transparent;
border: 2px solid #fff;
border-radius: 50%;
color: #858585;
height: 40px;
padding: 0;
width: 40px;
margin-bottom: 30px;
}
.mobile-menu-area .menu-close:hover {
color: #433a8b;
border-color: #433a8b;
}
.mobile-menu-area .menu-close i {
display: block;
font-size: 30px;
line-height: 30px;
padding-right: 2px;
}
.mean-container .mean-bar ul li a {
color: #303030;
font-size: 12px;
font-weight: 500;
line-height: 15px;
}
.sticky .main-menu > nav > ul > li:hover > a,
.sticky .main-menu > nav > ul > li.active > a {
color: #fff;
opacity: 1;
background: #30191f;
}
.mean-last {
border-bottom: 1px solid #dddddd;
}

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

/*  3. Background Area
/*----------------------------------------*/
.background-area,
.banner-content,
.banner-content .container,
.banner-content .row,
.banner-content .col-md-9,
.banner-content .col-md-7,
.banner-content .col-md-5,
.banner-content .text-content-wrapper,
.banner-content .text-content,
.banner-content .display-table,
.banner-content .display-table-cell,
.background-content,
.slider-carousel,
.slider-text-carousel,
.slider-full-carousel,
.single-carousel,
.background-area .owl-stage-outer,
.background-area .owl-stage,
.background-area .owl-item,
.overlay-blue,
.slider-carousel {
height: 100%;
}
.background-area {height: 100vh;overflow: hidden;position: relative;z-index: 1;}
.banner-content .text-content-wrapper {
display: table;
width: 100%
}
.banner-content .text-content {
display: table-cell;
position: relative;
vertical-align: middle;
z-index: 1;
}
.banner-content h1 {color: #ffffff;font-size: 48px;font-weight: normal;line-height: 40px;text-transform: uppercase;text-shadow: 0 0 15px rgba(0, 0, 0, 0.49);}
.banner-content h2 {color: #ffffff;font-size: 32px;font-weight: normal;line-height: 40px;text-transform: uppercase;margin:0 0 10px 0;padding: 0;text-shadow: 0 0 15px rgba(0, 0, 0, 0.49);}
.banner-content h3 {color: #ffffff;font-size: 28px;font-weight: normal;line-height: 40px;text-transform: uppercase;margin:0 0 10px 0;padding: 0;text-shadow: 0 0 15px rgba(0, 0, 0, 0.49);}
.banner-content h1 span {
color: #ed6b65;
}
.banner-content .text-content p{
font-size: 20px;
line-height: 40px;
margin: 30px 0;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.49);
}
.title1 {
margin-bottom: 25px;
padding-top: 60px
}
.title2 {
margin-bottom: 20px;
}
.banner-content p {
color: #ffffff;
margin-bottom: 52px;
padding-right: 170px;
}
.text-content.text-center p {
padding: 0 90px;
}
.banner-btn {
clear: both;
display: block;
}
.banner-btn .default-btn:first-child {
margin-right: 20px;
}
.banner-image {
bottom: 50px;
padding-left: 50px;
position: absolute;
right: 0;
width: 50%;
}
.banner-image .mobile {
bottom: 0;
position: absolute;
right: -15px;
text-align: right;
width: 39%;
}
.background-content {
position: relative;
}
.watch {
bottom: 7px;
position: absolute;
right: 25%;
width: 42%;
}
.background-content,
.slider-carousel,
.slider-full-carousel {
z-index: 3;
}
.banner-content h1.title2 span {
color: #fff;
}

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

/*  4. Service Area
/*----------------------------------------*/
.srv-icon img {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
transition: all 0.3s ease 0s;
z-index: 2;
position: relative
}
.srv-icon {
background: rgba(237, 107, 101, 0.34) none repeat scroll 0 0;
border-radius: 50%;
display: inline-table;
height: 68px;
margin: auto auto 26px;
text-align: center;
transition: all 0.2s linear 0s;
width: 68px;
}
.srv-icon > span {
display: table-cell;
position: relative;
vertical-align: middle;
color: #fff;
font-size: 26px;
}
.srv-icon > span i{color:#fff;position:relative;z-index:1}
.srv-icon > span::after {
background: rgba(237, 107, 101, 0.61) none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
content: "";
height: 49px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s ease 0s;
width: 49px;
}
.ht-single-service:hover .srv-icon img {
filter: brightness(100%) invert(0%);
-webkit-filter: brightness(100%) invert(0%);
}
.ht-single-service:hover .srv-icon > span::after,
.ht-single-service:hover .srv-icon {
/* background: #ffffff none repeat scroll 0 0; */
}
.ht-single-service:hover .srv-icon {
box-shadow: 0 0 1px 3px rgb(241, 144, 139);
}
.srv-text {
padding: 0 40px;
}
.srv-text h5 {
font-size: 18px;
margin-bottom: 13px;
transition: all 0.3s ease 0s
}
.srv-text p {
margin-bottom: 0;
}
.ht-single-service:hover .srv-text h5 {
color: #ed6b65
}

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

/*  5. Work Process Area
/*----------------------------------------*/
.ht-work-video-container {
height: 383px;
}
.ht-video-wrapper {
float: left;
height: 100%;
padding: 0 100px 35px 22px;
position: relative;
width: 40%;
}
.ht-video-content {
height: 100%;
position: relative;
width: 100%;
}
.ht-video-content::before,
.ht-video-content::after {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(107, 107, 107, 0.82), rgba(0, 0, 0, 0.82)) repeat scroll 0 0;
box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.54);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.ht-video-content::before {
background: #ed6b65 none repeat scroll 0 0;
bottom: -35px;
height: calc(100% - 4px);
left: -42px;
top: auto;
width: calc(100% - 5px);
}
.ht-video-bg {
background: rgba(0, 0, 0, 0) url("img/banner/1.jpg") repeat scroll center top / cover;
height: 100%;
position: relative;
width: 100%;
}
.video-popup {
background: rgba(237, 107, 101, 0.63) none repeat scroll 0 0;
border-radius: 50%;
bottom: 0;
color: #fff;
height: 68px;
left: 0;
margin: auto;
padding: 14px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 68px;
z-index: 1;
}
.ht-video-bg .baslik{position: absolute;
z-index: 1;
color: #fff;
bottom: 5%;
text-align: center;
width: 100%;
font-size: 18px;}
.video-popup i {
background: rgb(237, 107, 101) none repeat scroll 0 0;
border-radius: 50%;
display: block;
font-size: 20px;
line-height: 40px;
transition: all 0.3s ease 0s;
margin: auto;
}
.video-popup:hover {
color: #fff;
}
.video-popup:hover i {
transform: scale(1.2);
}
.video-text {
float: left;
overflow: hidden;
padding-top: 17px;
width: 60%;
}
.ht-work-icon {
display: inline-block;
float: left;
height: 38px;
margin-right: 15px;
width: 35px;
}
.ht-work-text {
overflow: hidden;
}
.ht-work-text img{margin-bottom:10px;}
.ht-work-text h4 {
line-height: 22px;
margin-bottom: 9px;
}
.ht-work-process .row {
margin-left: -33px;
margin-right: -33px;
}
.ht-work-process .col-md-6 {
padding-left: 33px;
padding-right: 33px;
}
.ht-single-work-process {
margin-bottom: 28px;
overflow: hidden;
}

#products:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background: rgba(0, 0, 0, 0.55);}
#products{
position:relative;
background: url(img/bg111.jpg);
background-size: cover;
background-position: bottom center;
}

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

/*  6. About Area
/*----------------------------------------*/
.about-img img {
box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.54);
}
.about-img {
padding-bottom: 155px;
position: relative;
text-align: right;
}
.abt-img-1 {
margin-right: 56px;
}
.abt-img-2 {
position: absolute;
right: 0;
top: 155px;
}
.abt-img-3 {
position: absolute;
right: 182px;
top: 63px;
}
.about-text > h2,
.feature-product-text > h2 {
font-size: 28px;
font-weight: 600;
}
.about-text > h2:first-of-type,
.feature-product-text > h2:first-of-type {
margin-bottom: 9px;
}
.about-text > h2:nth-of-type(2),
.feature-product-text > h2:nth-of-type(2) {
margin-bottom: 31px;
}
.about-text > p:first-of-type {
margin-bottom: 18px;
}
.about-text {
padding-right: 30px;
padding-top: 31px;
/* padding: 30px; */
/* background: rgba(255, 255, 255, 0.88); */
}
.about-btn > a {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #cccccc;
border-radius: 30px;
display: inline-block;
margin-right: 22px;
padding: 7px 0 3px;
text-align: center;
transition: all 0.3s ease 0s;
width: 168px;
}
.btn-img {
display: inline-block;
padding-right: 4px;
position: relative;
top: -8px;
}
.btn-text {
display: inline-block;
}
.btn-text span {
color: #606060;
display: block;
font-size: 12px;
line-height: 15px;
text-align: left;
transition: all 0.3s ease 0s
}
.btn-text > span:last-child {
color: #303030;
font-size: 16px;
font-weight: 500;
}
.about-btn > a.black {
background: #303030 none repeat scroll 0 0;
border-color: #303030;
}
.about-btn > a.black span {
color: #fff;
}
.about-btn > a:hover {
background: #ed6b65 none repeat scroll 0 0;
border-color: #ed6b65;
}
.about-btn > a:hover span {
color: #fff;
}
.about-btn {
overflow: hidden;
padding-top: 27px;
}
.about-img img {
box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.54);
}
.about-img {
padding-bottom: 155px;
position: relative;
text-align: right;
}
.abt-img-1 {
margin-right: 56px;
}
.abt-img-2 {
position: absolute;
right: 0;
top: 155px;
}
.abt-img-3 {
position: absolute;
right: 182px;
top: 63px;
}

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

/*  7. Fun Factor Area
/*----------------------------------------*/
.fun-text > h3,
.fun-text > h4 {
color: #fffefe;
font-family: "Rasa", sans-serif;
}
.fun-icon {
color: #ffffff;
display: inline-block;
font-size: 44px;
line-height: 51px;
padding-right: 12px;
position: relative;
top: -31px;
}
.fun-text {
display: inline-block;
text-align: left;
}
.fun-text > h3 {
font-size: 36px;
font-weight: 600;
margin-bottom: 13px;
}
.fun-text > h4 {
font-size: 20px;
}
.single-fun-factor {
text-align: center;
}

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

/*  8. Feature Area
/*----------------------------------------*/
.nav.nav-tabs {
border: 0 none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover {
background: #fff none repeat scroll 0 0;
border: 0 none;
color: #ed6b65;
}
.nav-tabs > li {
margin: 0;
padding-bottom: 38px;
display: block;
float: none;
}
.nav-tabs > li:last-child {
margin: 0;
padding: 0;
}
.nav-tabs > li > a {
background: #ffffff none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #303030;
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin: 0;
padding: 0 0 0 44px;
position: relative;
}
.featuer-text-container {
padding-left: 60px;
}
.featuer-text-container .section-title {
margin-right: 100px;
padding-top: 10px;
}
.nav-tabs > li > a img {
filter: brightness(1%) invert(0);
-webkit-filter: brightness(1%) invert(0);
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
}
.nav-tabs > li.active > a img,
.nav-tabs > li.active > a:focus img,
.nav-tabs > li > a:hover img,
.nav-tabs > li.active > a:hover img {
filter: brightness(100%) invert(0%);
-webkit-filter: brightness(100%) invert(0%);
}
.feature-list {
padding-top: 6px;
}
.feature-text > span {
background: #6b9dd5 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.59);
display: inline-block;
height: 51px;
line-height: 51px;
margin-bottom: 23px;
width: 51px;
}
.feature-text {
text-align: center;
}
.feature-text > h4 {
margin-bottom: 20px;
}
.tab-content {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.24);
margin-top: 63px;
padding: 50px 30px 39px;
}
.feature-product-text {
padding-right: 50px;
padding-top: 46px;
}
.feature-product-text p {
margin-bottom: 31px;
}
.feature-product-text .default-btn:hover {
background: #303030 none repeat scroll 0 0;
border-color: #303030;
color: #ffffff;
}
.feature-product-img {
text-align: right;
}

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

/*  9. Screenshots Area
/*----------------------------------------*/
#screenshots .slick-track{/* background: rgba(255, 255, 255, 0.94) */}
.single-slick-item{}
.single-slick-item .baslik{text-align: center;
padding: 5px;
color: #fff;
font-weight: bold;}
.slick-list {}
.single-slick-item {
transition: all 0.3s ease 0s;
padding-bottom: 36px!important;
padding-top: 36px!important;
}
.single-slick-item img {}
.single-slick-item.slick-active {
z-index: 2;
}
.single-slick-item.slick-active img {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.48);
position: relative;
}
.single-slick-item.slick-center {
transform: scale(1.095);
z-index: 3;
padding: 0 20px;
}
.single-slick-item.slick-slide.slick-current.slick-active img {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.59);
}
.slick-carousel {
padding: 10px 0;
}
.slick-dots li button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #c9cacc;
border-radius: 50%;
color: rgba(0, 0, 0, 0);
cursor: pointer;
display: block;
font-size: 0;
height: 12px;
line-height: 0;
outline: medium none;
padding: 0;
width: 12px;
}
.slick-dots > li {
display: inline-block;
height: 17px;
margin: 6px;
}
.slick-dots li.slick-active button {
background: #ed6b65 none repeat scroll 0 0;
border-color: #ed6b65;
height: 15px;
position: relative;
top: -1px;
width: 15px;
box-shadow: 0px 0px 7px 0px rgba(255, 255, 255, 0.52);
}
.slick-dots {
height: 25px;
margin: 17px auto 0;
text-align: center;
}
.testi-image img {
border: 6px solid #ffffff;
border-radius: 50%;
box-shadow: 0 0 7px 0 rgba(9, 9, 9, 0.52);
margin: 5px 0;
}
.testi-image {
display: block;
height: 93px;
margin: 0 auto 21px;
text-align: center;
width: 93px;
}
.testi-rating i {
color: #6b9dd5;
font-size: 14px;
margin: 0 1px;
}
.sin-testiText > p {
margin-bottom: 25px;
padding: 0 20px;
}
.testi-rating {
margin-bottom: 27px;
}
.sin-testiText h5 {
color: #606060;
font-weight: 400;
}
.sin-testiText > h4 {
margin-bottom: 4px;
}
.slick-arrow {
display: none !important;
}
.sin-testiImage {
opacity: 0.58;
padding: 9px 0;
text-align: center;
}
.testimonial-image-slider img {
border: 6px solid #ffffff;
border-radius: 50%;
box-shadow: 0 0 7px 0 rgba(9, 9, 9, 0.52);
cursor: pointer;
height: 57px;
margin: auto;
text-align: center;
width: 57px;
}
.testimonial-image-slider {
margin: 43px 0 0;
padding: 0 10px;
}
.sin-testiImage.slick-current {
opacity: 1;
padding: 5px 0;
}
.sin-testiImage.slick-current img {
height: 65px;
width: 65px;
}
.sin-testiImage:focus {
outline: 0 !important;
}

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

/*  10. Pricing Area
/*----------------------------------------*/
.pricing-area .section-title.two {
margin: 0 48px 47px;
}
.price-title > h1 {
font-size: 42px;
font-weight: 600;
line-height: 51px;
}
.price-title > h4 {
font-weight: 400;
}
.price-list > span {
color: #303030;
display: block;
line-height: 30px;
}
.price-title {
padding: 20px 0 36px;
}
.single-price-table > h3 {
font-weight: 600;
margin-bottom: 27px;
}
.price-list {
margin-bottom: 21px;
}
.price-btn .default-btn {
background: #ffffff none repeat scroll 0 0;
border: 0 none;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.36);
color: #303030;
line-height: 25px;
text-transform: capitalize;
}
.single-price-table {
background: #f9fdff none repeat scroll 0 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.24);
overflow: hidden;
padding: 15px 20px 15px;
position: relative;
transition: all 0.3s ease 0s;
}
.single-price-table.active,
.single-price-table:hover {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.45);
}
.single-price-table p{}
.single-price-table span{font-weight:bold;}
.row.custom {
margin-left: -11px;
margin-right: -11px;
}
.custom .col-md-3 {
padding-left: 11px;
padding-right: 11px;
}
.text-hover {
background: #4e4dc7 none repeat scroll 0 0;
color: #ffffff;
font-size: 18px;
height: 48px;
left: 33%;
padding: 9px 0;
position: absolute;
top: 25px;
transform: rotate(45deg);
transition: all 0.3s ease 0s;
width: 100%;
}
.single-price-table:hover .default-btn,
.single-price-table.active .default-btn {
background: #4e4dc7 none repeat scroll 0 0;
color: #ffffff;
}

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

/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-text > h1 {
color: #ffffff;
font-size: 28px;
font-weight: 600;
margin-bottom: 24px;
}
.newsletter-text > p {
color: #ffffff;
margin-bottom: 40px;
}
.newsletter-text {
padding: 72px 64px 75px;
}
.mc-form {
border: 1px solid #fff;
border-radius: 30px;
height: 40px;
margin: auto;
position: relative;
width: 414px;
}
.mc-form input {
border: 0 none;
color: #fff;
font-size: 14px;
height: 100%;
padding-left: 23px;
}
.newsletter-area input::-moz-placeholder {
color: #fff;
}
.newsletter-area input::-webkit-input-placeholder {
color: #fff;
}
.mc-news {
left: -5000px;
position: absolute;
}
.mc-form button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #fff;
height: 100%;
line-height: 40px;
padding: 0 13px;
position: absolute;
right: 10px;
top: 0;
width: 49px;
}

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

/*  12. FAQ Area
/*----------------------------------------*/
.faq-title {
margin-bottom: 42px;
padding-right: 60px;
}
.faq-title > h2 {
font-size: 28px;
font-weight: 600;
}
.faq-title > h2:first-of-type {
margin-bottom: 10px;
}
.faq-title > h2:last-of-type {
margin-bottom: 30px;
}
.default-panel {
padding-left: 0;
}
.faq-area .panel-group {
margin: 0;
padding-right: 100px;
}
.panel-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
}
.panel-default > .panel-heading {
background: inherit;
border-color: inherit;
margin: 0;
padding: 0;
}
.faq-area .panel h4 {
font-family: "Rasa", sans-serif;
font-size: 14px
}
.faq-area .panel-title a.collapsed {
color: #303030;
}
.default-panel .sub_title {
margin-bottom: 30px;
}
.faq-area .panel-title > a {
background: inherit;
border-bottom: 0 none;
display: block;
font-size: 16px;
font-weight: 500;
padding: 8px 0 8px 40px;
position: relative;
text-decoration: none;
transition: all 0.5s ease 0s;
width: 100%;
}
.faq-area .panel-title a span::before {
border: 1px solid #6b9dd5;
border-radius: 50%;
color: #606060;
content: "";
cursor: pointer;
font-size: 16px;
font-weight: 500;
height: 23px;
left: 0;
line-height: 23px;
margin: auto;
position: absolute;
text-align: center;
top: 6px;
transition: all 0.3s ease 0s;
width: 23px;
z-index: 2;
}
.faq-area .panel-title a span:before {
content: "-";
color: #fff
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 0
}
.faq-area .panel-title a.collapsed span:before {
background: transparent;
content: "+";
color: #606060;
border-color: #acacac;
}
.faq-area .panel-title a span:before {
background: #6B9DD5;
}
.panel-body > p {
color: #303030;
margin: 0
}
.panel-body {
padding: 17px 20px 23px 40px;
}
.panel-group .panel + .panel {
margin-top: 14px;
}
.faq-img {
padding-top: 35px;
text-align: right;
}

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

/*  13. Footer Area
/*----------------------------------------*/
.footer-top {background: #ed6b65 none repeat scroll 0 0;color: #ffffff;/* margin-top: -230px; */}
.footer-top h3 {
color: #ffffff;
font-weight: 600;
}
.contact-form-container > h3:first-of-type {
margin-bottom: 6px;
}
.contact-form-container > h3:nth-of-type(2) {
margin-bottom: 12px;
}
.contact-form-container > form input,
.contact-form-container > form textarea {
border: 1px solid #fefefe;
border-radius: 30px;
color: #ffffff;
font-size: 14px;
height: 40px;
margin-bottom: 32px;
}
.contact-form-container > form textarea {
border-radius: 15px;
height: 131px;
}
.contact-form-container > form .row {
margin-left: -11px;
margin-right: -11px;
}
.contact-form-container > form .col-md-6 {
padding-left: 11px;
padding-right: 11px;
}
.contact-form-container > p {
margin-bottom: 46px;
}
.footer-top {background: #ed6b65 none repeat scroll 0 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);color: #ffffff;margin-top: 120px;}
.contact-form-container {
padding: 103px 97px 95px 80px;
}
.contact-form-container p{
column-count: 2;
}
.footer-top h3 {
color: #ffffff;
font-weight: 600;
}
.contact-form-container > h3:first-of-type {
margin-bottom: 6px;
}
.contact-form-container > h3:nth-of-type(2) {
margin-bottom: 12px;
}
.contact-form-container > form input,
.contact-form-container > form textarea {
border: 1px solid #fefefe;
border-radius: 30px;
color: #ffffff;
font-size: 14px;
height: 40px;
margin-bottom: 32px;
padding: 0 20px;
}
.contact-form-container input::-moz-placeholder,
.contact-form-container textarea::-moz-placeholder {
color: #ffffff;
}
.contact-form-container input::-webkit-input-placeholder,
.contact-form-container textarea::-webkit-input-placeholder {
color: #ffffff;
}
.contact-form-container > form textarea {
border-radius: 15px;
height: 131px;
resize: none;
padding: 10px 20px;
}
.contact-form-container > form .row {
margin-left: -11px;
margin-right: -11px;
}
.contact-form-container > form .col-md-6 {
padding-left: 11px;
padding-right: 11px;
}
.contact-form-container > p {
margin-bottom: 46px;
}
.submit-btn {
font-size: 14px;
line-height: 40px;
padding: 0 22px;
text-transform: capitalize;
width: auto;
background: #fff;
border-color: #fff;
color: #ed6b65;
}
.contact-address {
padding: 192px 110px 0 64px;
position: relative
}
.single-c-info {
margin-bottom: 22px;
overflow: hidden;
}
.c-icon {
display: block;
float: left;
position: relative;
top: 15px;
width: 40px;
}
.c-text {
display: block;
line-height: 29px;
overflow: hidden;
}
.contact-address > h3 {
margin-bottom: 30px;
}
.contact-address .divider {
background: #cccccc none repeat scroll 0 0;
height: 240px;
left: -40px;
position: absolute;
top: 203px;
width: 1px;
}
.contact-address .divider::before {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
bottom: 0;
content: "";
height: 180px;
left: -9px;
margin: auto;
position: absolute;
top: 0;
width: 19px;
}
.f-logo > a {
display: inline-block;
}
.f-logo {
margin-bottom: 20px;
padding-top: 65px;
}
.social-icon > a {
border: 1px solid #c9cacc;
border-radius: 50%;
color: #fffefe;
display: inline-block;
font-size: 13px;
height: 32px;
line-height: 32px;
margin: 0 7px;
width: 32px;
}
.social-icon > a:hover {
background: #ffffff none repeat scroll 0 0;
border-color: #ffffff;
color: #4f59cc;
}
.footer-text,
.footer-text a {
color: #e6e6e6;
}
.footer-text a:hover {
border-bottom: 1px solid #e6e6e6;
}
.footer-text {
margin-bottom: 28px;
margin-top: 65px;
}

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

/*  14. Homepage Two
/*----------------------------------------*/
.banner-video-btn {
bottom: 73px;
display: block;
left: 15px;
position: absolute;
width: auto;
}
.banner-video-btn .video-popup {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
height: auto;
position: relative;
width: auto;
float: left;
padding: 0;
}
.banner-video-btn .video-popup i {
border: 1px solid #b0bdcb;
height: 35px;
line-height: 35px;
margin-right: 8px;
position: inherit;
width: 35px;
float: left;
}
.banner-video-btn .video-popup > span {
font-size: 18px;
font-weight: 600;
margin-top: 3px;
float: left;
}

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

/*  15. Homepage Three
/*----------------------------------------*/
.background-three-text {
padding-left: 54px;
}
.background-three-text .title1 {
margin-bottom: 14px;
}
.background-three-text .title2 {
margin-bottom: 30px;
font-size: 46px
}
.background-three-text p {
margin-bottom: 44px;
padding-right: 0;
}
.tablet {
float: left;
margin-left: -29px;
margin-right: 22px;
}
.phone-watch {
float: left;
text-align: center;
}
.phone-three {
margin-bottom: 10px;
}
.tablet,
.phone-watch {
padding-top: 75px;
}
.background-three-text .title1 {
padding-top: 80px;
}

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

/*  16. Other Background CSS
/*----------------------------------------*/
.background-area .owl-nav div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
font-size: 43px;
height: 50px;
left: -56px;
line-height: 55px;
margin-top: -25px;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.4s ease 0s;
width: 50px;
z-index: 999;
}
.background-area .owl-nav .owl-next {
left: auto;
right: -56px;
}
.background-area:hover .owl-nav div {
left: 10px;
}
.background-area:hover .owl-nav .owl-next {
left: auto;
right: 10px;
}
.background-area .owl-nav div:hover {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
}
.single-carousel {
background-size: cover;
}
.parallax {
background-image: url("img/slider/3.jpg");
background-position: center top;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.generalForm .radio {
float: left;
margin: 5px 0 0 0;
width: 33%;
padding-bottom: 7px;
padding-right: 10px;
}

.generalForm .radio label {
float: left;
cursor: pointer;
width: 100%;
padding-right: 0 !important;
text-align: left;
color: #fff;
}

.generalForm .radio input[type="checkbox"] {
display: none;
}

.generalForm .radio input[type="checkbox"] + label span {
display: inline-block;
width: 24px;
height: 24px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url("img/check_radio_sheet.png") left top no-repeat;
-webkit-background-size: 48px 24px;
-o-background-size: 48px 24px;
background-size: 48px 24px;
cursor: pointer;
}

.generalForm .radio input[type="checkbox"]:checked + label {
color: #fff;
}

.generalForm .radio input[type="checkbox"]:checked + label span {
background: url("img/check_radio_sheet.png") -24px top no-repeat;
-webkit-background-size: 48px 24px;
-o-background-size: 48px 24px;
background-size: 48px 24px;
}

.generalForm .radio input[type="radio"] {
display: none;
}

.generalForm .radio input[type="radio"] + label span {
display: inline-block;
width: 24px;
height: 24px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url("img/check_radio_sheet.png") 0px top no-repeat;
-webkit-background-size: 48px 24px;
-o-background-size: 48px 24px;
background-size: 48px 24px;
cursor: pointer;
}

.generalForm .radio input[type="radio"]:checked + label {
color: #fff;
}

.generalForm .radio input[type="radio"]:checked + label span {
background: url("img/check_radio_sheet.png") -24px top no-repeat;
-webkit-background-size: 48px 24px;
-o-background-size: 48px 24px;
background-size: 48px 24px;
}

#attending{background: #f5f5f5;}
.buyersmap{background: #f5f5f5 url(img/buyers-map.jpg);background-position: center center;background-size: contain;width: 100%;background-repeat: no-repeat;height: 500px;}
.icsayfa{}
.icsayfa header{position: relative;top: 0;background: #30191f;padding: 20px 0;}
.filtreler{}
.filtreler .filtrelinkler{margin-bottom:20px;padding: 10px;background: #f7f7f7;}
.filtreler .filtrelinkler .filtrelink{display: inline-block;padding: 5px 10px;font-size: 16px;cursor: pointer;background: #f7f7f7;margin: 2px 0;}
.filtreler .filtrelinkler .filtrelink:hover,
.filtreler .filtrelinkler .filtrelink.aktif{background: #ed6b65;color: #fff;}
.filtreler .filtreicerikler{/* border: 1px solid #D8D8D8; */border-top: 0;}
.filtreler .filtreicerikler .filtreicerik{width: 20%;float: left;display:none;/* position: relative; */}
.filtreler .filtreicerikler .filtreicerik:hover,
.filtreler .filtreicerikler .filtreicerik.aktif{display:block;}
.filtreler .filtreicerikler .filtreicerik.ac{/* width: 100%; */}

.urunkutu{padding:10px;height: 330px;overflow: hidden;max-width: 230px;position: relative;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.urunkutu:hover{background: #ffffff none repeat scroll 0 0;box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.45);}
.ac .urunkutu:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-5px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ed6b65 transparent;}
.ac .urunkutuic{display:block!important;}
.urunkutu a{}
.urunkutu a img{margin-bottom: 10px;}
.urunkutu a .baslik{font-weight: bold;}
.urunkutuic{position: absolute;width: 100%;left: 0;padding: 20px;background: #f7f7f7;border: 1px solid #ed6b65;z-index: 1;}
.urunkutuic .kapat{cursor: pointer;position: absolute;right: -25px;top: -25px;width: 50px;height: 50px;background: #ed6b65;color: #fff;text-align: center;font-size: 25px;line-height: 0;padding: 11px 0;border-radius: 50%;}
.urunkutuic h3{margin-bottom:10px;}
.urunkutuic h4{margin-bottom:10px;}
.urunkutuic h5{margin-bottom:10px;}
.urunkutuic .popup-gallery{}
.urunkutuic .popup-gallery a{}
.urunkutuic .popup-gallery a img{}
.urunkutu a b{
	font-weight: bold;
}
.urunkutu a p{
	line-height: 18px;
}
.urunkutu a small{
	font-style: italic;
}

.urunkutuic ul{margin-bottom:10px;}
.urunkutuic ul li{line-height:25px;}
.urunkutuic ul li span{font-weight:bold;display:inline-block;width:80px;}
.urunkutuic ul li a{}
.devamlink{
color: #f1908b;
}
.devammetin{display:none;}

.listurungaleri{
position: relative;
background: #fff;
padding: 15px;
}
.listurungaleri .single-slick-item{
width: 9%;
float: left;
padding: 4px!important;
border: 1px solid rgba(237, 107, 101, 0);
}
.listurungaleri .single-slick-item:hover{border:1px solid #ed6b65}
.listurungaleri .single-slick-item a{}
.listurungaleri .single-slick-item a img{}
.listurungaleri .single-slick-item a .baslik{
display: none;
}

.altlogolar{
position: relative;
text-align: center;
}
.altlogolar .single-slick-item{
width: 200px;
display: inline-block;
}
@media screen and (min-width: 801px) {
.gallery {
position: relative;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}

.photo {
width: 20%;
position: relative;
background: white;
box-shadow: inset 0px 0px 50px rgba(0,0,0,0.1),
  0px 5px 10px rgba(0,0,0,0.25);
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
border-radius: 3px;
padding: 10px 10px 10px 10px;
transition: all 100ms ease-out;
transform: translateZ(0);
}
.photo img {width: 100%;height: auto;position: relative;}
.photo figcaption {margin-top: 10px;font-size: 14px;font-weight: normal;text-align:center;line-height: 1;color: black;}

@media screen and (max-width: 400px) {
.photo{width: 42%;transform: rotateZ(0deg) !important;margin: 10px;/* float: none; */}
.photo figcaption{font-size:12px;}
}

@media screen and (min-width: 401px) {
.photo:hover {
transform: rotateZ(0deg) scale(1.2) !important;
z-index: 257 !important;
box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.1),
	  0px 0px 29px rgba(0, 0, 0, 0.2);
}
}  
@media screen and (min-width: 401px) and (max-width: 600px) {    
.photo{width: 50%;    }
}
@media screen and (min-width: 601px) and (max-width: 800px) {    
.photo{width: 33.3333%;}    
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.photo{width: 25%;    }
}
@media screen and (min-width: 1001px) {
.photo{width: 20%;    }
}