@import "https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url("../symbol/style.css");
@import url("nav.css");
*,*::after,*::before{
box-sizing:border-box!important
}
.fleks { display:flex; } 
.fleks img { width:58px; filter: brightness(0) saturate(100%) invert(16%) sepia(100%) saturate(1802%) hue-rotate(201deg) brightness(87%) contrast(90%); } 
:root { 
--background-color: #ffffff; 
--default-color: #212529; 
--heading-color: #052c3f; 
--accent-color: #85b0be; 
--surface-color: #ffffff; 
--contrast-color: #ffffff; 
}
.about .content h3 {
font-weight: 700;
font-size: 34px;
margin-bottom: 30px;
}
.play-button-wrapper:hover .play-button{     background-color: #636464; }
.play-button-wrapper:hover .glow-ring {        border: 2px solid #636464;   }
.about .content p {
margin-bottom: 30px;
}
.footer-section {
background: #3e3f42;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
padding: 50px;
}
.footer-cta {
border-bottom: 1px solid #373636;
}
.single-cta i {
color: #ff5e14;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #757575;
font-size: 15px;
}
.footer-content {
position: relative;
z-index: 2;
}
.footer-pattern img {
position: absolute;
top: 0;
left: 0;
height: 330px;
background-size: cover;
background-position: 100% 100%;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo img {
max-width: 200px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 16px;
color: #fff;
line-height: 22px;
text-align: left;
font-weight: 700;
}
.about {
top: 60px;
position: relative;
}
.footer-social-icon span {
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}
.footer-social-icon a {
color: #fff;
font-size: 16px;
margin-right: 15px;
}
.footer-social-icon i {
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
border-radius: 50%;
}
.facebook-bg{
background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.teklifal { background: #fe0300;border-radius: 50px;
color: #fff;
padding: 10px 80px;}
.footer-widget-heading h3 {
color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;

}
.footer-text {
	margin-bottom: 30px;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #55ACEE;
}
.footer-widget ul { padding-inline-start:0px;}
.footer-widget ul li {
display: inline-block;
float: left;
width: 100%;
margin-bottom: 26px;
font-size: 14px;

}
.footer-widget ul li a:hover{
color: #00c0f3;
}
.footer-widget ul li a {
color: #fff;
text-transform: capitalize;
}
.subscribe-form {
position: relative;
overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
position: absolute;
right: 0;
background: #ff5e14;
padding: 13px 20px;
border: 1px solid #ff5e14;
top: 0;
}
.footer-widget {
bottom: 16px;
position: relative;
}
.subscribe-form button i {
color: #fff;
font-size: 22px;
transform: rotate(-6deg);
}
.copyright-area{
background: #05c1f3;
padding: 25px 0;
border-radius: 11px;
}
.copyright-text p {
margin: 0;
font-size: 14px;
color: #fff;
}
.copyright-text p a{
color: #fff;
font-weight: 800;
}
.footer-menu li {
display: inline-block;
margin-left: 20px;
}
.footer-menu li:hover a{
}
.footer-menu li a {
font-size: 14px;
color: #fff;
}
.about .content .about-btn {
  padding: 8px 30px 9px 30px;
  color: var(--accent-color);
  border-radius: 50px;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  border: 2px solid var(--accent-color);
}

.about .content .about-btn i {
font-size: 16px;
padding-left: 5px;
}
.about .content .about-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.about .icon-box i {
font-size: 40px;
color: var(--accent-color);
margin-bottom: 10px;
}
input { width:100%; border:1px solid #eee; padding:10px;     font-family: "Roboto", sans-serif !important; }
textarea { width:100%; border:1px solid #eee; padding:10px;     font-family: "Roboto", sans-serif !important; }
.about .icon-box h4 {
font-size: 20px;
font-weight: 700;
margin: 0 0 10px 0;
padding-left:30px;
top:17px;
position:relative;
}

.about .icon-box h4 a {
color: var(--heading-color);
transition: 0.3s;
}

.about .icon-box p {
font-size: 15px;
color: color-mix(in srgb, var(--default-color), transparent 40%);
margin-bottom: 0;
line-height: 1.3;
}

.about .icon-box:hover h4 a {
color: var(--accent-color);
}
.headline{
display:block;
margin:0;
padding:0
}
.headline>h3,.headlines>h4{
margin:0;
padding:0
}
.headline>h3{
color:#11154f;
font-size:38px
}
.headline>h3 strong{
font-weight:800
}
.headline>h4{
font-weight:200;
width:80%;
color:#777;
font-size:16px
}
#parallax{
width:100%;
display:block;
overflow:hidden;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
background-size:cover
}
#parallax>.wrapper{
display:block;
overflow:hidden
}
.sectionheading{
width:90%;
margin:50px auto;
text-align:center;
padding:50px;
display:block;
bottom: 30px;
position: relative;
}

.sectionheading>h4{
font-size:40px;
font-weight:700;
color:#fff;
margin:0;
padding:0 
}
.sectionheading>h5{
width:100%;
display:block;
margin:30px 0;
font-size:16px;
font-weight:100;
color:#fff;
padding:0
}
.cccc {
width: 542px;
margin: 0 auto;
text-align: center;bottom:40px; position:relative;
} 
.cccc>a{
width: 259px;
height: 50px;
display: block;
line-height: 45px;
font-size: 17px;
margin: 50px auto 10px auto;
border: 2px solid #fff;
color: #fff;
font-weight: 500;
text-align: center;
FLOAT: LEFT;
margin-right: 12px;
}
.cccc>a:hover{
background:#fff;
color:#555
}
@media screen and (max-width:980px){
.sectionheading{
width:100%;
margin:0;
text-align:center;
padding:50px 0;
display:block;
background:rgba(0,0,0,.2)
}
.sectionheading>h4{
font-size:30px;
display:block;
font-weight:700;
color:#fff;
margin:0;
padding:0
}
.sectionheading>h5{
width:100%;
display:block;
margin:30px 0;
font-size:18px;
font-weight:100;
color:#fff;
padding:0
}
.sectionheading>a{
width:95%;
height:50px;
display:block;
line-height:45px;
font-size:17px;
margin:50px auto;
border:2px solid #fff;
color:#fff;
font-weight:500;
text-align:center
}
.sectionheading>a:hover{
background:#fff;
color:#555
}
}
html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased!important;
-ms-overflow-style:scrollbar;
overflow-y:scroll\9
}
*,*::after,*::before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased
}
input[type="submit"],input[type="text"]{
-webkit-appearance:none
}
input[type=submit]{
-webkit-appearance:none
}
input,textarea,select{
font-size:15px;
color:#313131;
font-family:'Oswald',sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
margin:0;
padding:0
}
h1{
font-size:1.8em;
display:block;
color:#333;
font-weight:500;
margin:0 0 30px 0
}
a,img{
border:none;
outline:none;
text-decoration:none
}
a{
cursor:pointer!important;
-webkit-transition:.2s;
transition:.2s
}
.clear{
clear:both;
display:block
}
.clear.margin{
height:50px
}
body{
font-family: "Roboto", sans-serif;
width:100%;
height:100%;
margin:0;
color:#222;
padding:0;
background:transparent;
overflow-x:hidden;
overflow-y:scroll
}
.scrollup{
width:40px;
height:40px;
position:fixed;
bottom:50px;
left:50px;
display:none;
text-indent:-9999px;
background:#00c0f3 url("../images/arrow.png") no-repeat;
border-radius: 40px;
z-index: 999;
box-shadow: 0px 0px 4px 1px #004355;
}
.socialUl{ padding-inline-start: 0;
display:flex;
float:right;
margin:20px 0 0 10px
}
.icerik_section .content_sec {
padding-top: 50px;
}
.icerik_section{ margin-bottom:40px; }
.blog-card {
display: flex;
flex-direction: column;
margin: 1rem auto;
box-shadow: 0 3px 7px 1px rgba(0, 0, 0, .1);
margin-bottom: 1.6%;
background: #fff;
line-height: 1.4;
font-family: sans-serif;
border-radius: 5px;
overflow: hidden;
z-index: 0;
}
.blog-card {
flex-direction: row;
max-width: 100%;
}
.blog-card .meta {
position: relative;
z-index: 0;
height: 200px;
}
.blog-card .meta {
flex-basis: 40%;
height: auto;
}
.blog-card .description {
flex-basis: 60%;
}
.blog-card .description {
padding: 1rem;
background: #fff;
position: relative;
z-index: 1;
}
.blog-card .description:before {
-webkit-transform: skewX(-3deg);
transform: skewX(-3deg);
content: "";
background: #fff;
width: 30px;
position: absolute;
left: -10px;
top: 0;
bottom: 0;
z-index: -1;
height: 101%;
}

.blog-card .description h1 {
line-height: 1;
margin: 0;
font-size: 16px;
}
.icerik_section .content_sec p {
font-size: 15px;
color: #212529;
margin-bottom: 0px;
position: relative;
line-height: 26px;
}
.blog-card p:first-of-type {
margin-top: 1.25rem;
}
.blog-card .description .read-more {
text-align: right;
}
.blog-card {
display: flex;
flex-direction: column;
margin: 1rem auto;
box-shadow: 0 3px 7px -1px rgba(0, 0, 0, .1);
margin-bottom: 1.6%;
background: #fff;
line-height: 1.4;
font-family: sans-serif;
border-radius: 5px;
overflow: hidden;
z-index: 0;
}
.blog-card .details {
position: absolute;
top: 0;
bottom: 0;
left: -100%;
margin: auto;
transition: left .2s;
background: rgba(0, 0, 0, .6);
color: #fff;
padding: 10px;
width: 100%;
font-size: .9rem;
}
.blog-card .photo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: contain !important;
background-repeat:no-repeat !important;
background-position: center;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.blog-card .meta {
position: relative;
z-index: 0;
height: 200px;
}
.blog-card {
display: flex;
flex-direction: column;
margin: 1rem auto;
box-shadow: 0 3px 7px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 1.6%;
background: #fff;
line-height: 1.4;
font-family: sans-serif;
border-radius: 5px;
overflow: hidden;
z-index: 0;
}
.blog-card a {
color: inherit;
}
.blog-card a:hover {
color: #ec1c24;
text-decoration: none;
}
.blog-card:hover .photo {
}
.blog-card .meta {
position: relative;
z-index: 0;
height: 200px;
}
.blog-card .photo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: contain;
background-position: center;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.blog-card .details,
.blog-card .details ul {
margin: auto;
padding: 0;
list-style: none;
}
.blog-card .details {
position: absolute;
top: 0;
bottom: 0;
left: -100%;
margin: auto;
transition: left 0.2s;
background: rgb(16 55 118 / 68%);
color: #fff;
padding: 10px;
width: 100%;
font-size: 0.9rem;
}
.blog-card .details a {
-webkit-text-decoration: dotted underline;
text-decoration: dotted underline;
}
.blog-card .details ul li {
display: inline-block;
}
.blog-card .details .author:before {
font-family: FontAwesome;
margin-right: 10px;
content: "\f007";
}
.blog-card .details .date:before {
font-family: FontAwesome;
margin-right: 10px;
content: "\f133";
}
.blog-card .details .tags ul:before {
font-family: FontAwesome;
content: "\f02b";
margin-right: 10px;
}
.blog-card .details .tags li {
margin-right: 2px;
}
.blog-card .details .tags li:first-child {
margin-left: -4px;
}
.blog-card .description {
padding: 1rem;
background: #fff;
position: relative;
z-index: 1;
}
.blog-card .description h1,
.blog-card .description h2 {
font-family: Poppins, sans-serif;
}
.blog-card .description h1 {
line-height: 1;
margin: 0;
font-size: 19px;
font-weight:bold !important;
color:#0e4380;
}
.blog-card .description h2 {
font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
color: #a2a2a2;
margin-top: 5px;
}
.blog-card .description .read-more {
text-align: right;
}
.blog-card .description .read-more a {
color: #1f1f1f;
border: thin solid #1f1f1f;
padding: 7px 21px;
font-size: 15px;
transition: color 0.2s;
-webkit-transition: color 0.2s;
}
.blog-card .description .read-more a:hover {
background-color: #1f1f1f;
transition: 0.4s;
color: #fff;
}
.blog-card .description .read-more a:after {
content: "\f061";
font-family: FontAwesome;
margin-left: -10px;
opacity: 0;
vertical-align: middle;
transition: margin 0.3s, opacity 0.3s;
}
.blog-card p {
position: relative;
margin: 1rem 0 0;
}
.blog-card p:first-of-type {
margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
content: "";
position: absolute;
height: 5px;
background: #ec1c24;
width: 35px;
top: -0.75rem;
border-radius: 3px;
}
.blog-card:hover .details {
left: 0%;
}
@media (min-width: 640px) {
.blog-card {
flex-direction: row;
max-width: 100%;
}
.blog-card .meta {
flex-basis: 40%;
height: auto;
}
.blog-card .description {
flex-basis:55%;
}
.blog-card .description:before {
display: none;
-webkit-transform: skewX(-3deg);
transform: skewX(-3deg);
content: "";
background: #fff;
width: 30px;
position: absolute;
left: -10px;
top: 0;
bottom: 0;
z-index: -1;
height: 101%;
}
.blog-card.alt {
flex-direction: row-reverse;
}
.blog-card.alt .description:before {
left: inherit;
right: -10px;
-webkit-transform: skew(3deg);
transform: skew(3deg);
}
.blog-card.alt .details {
padding-left: 25px;
}
}
.haber_detay_section {
padding: 0 130px;
margin-top: 70px;
}
.socialItem{
display: inline-block;
width: 40px;
padding: 7px;
margin-right: 9px;
margin-top: -7px;
}
.socialLink{
cursor:pointer
}
.socialLink {
border: solid 1px #ddd;
color: #111;
width: 41px;
height: 37px;
padding-top: 8px;
display: block;
right: 10px;
margin-right: 10px;
text-align: center; }
.socialLink:hover { background:#0e4380; color:#fff !important;}
.socialLink:hover{
}
.socialSvg{
height:22px;
width:22px
}
.dilList{
float:right;
margin:40px 0 0 10px;
padding:10px 20px;
display:inline-block;
list-style:none
}
.dilBtn{
height:30px;
display:block;
margin-top:-10px;
background:#F7F7F7;
width:60px;
text-align:center;
height:38px;
padding-top:6px!important;
border:1px solid rgba(0,0,0,.1)
}
.sfk {
left: 12px;
position: relative;
}
.btnAlisveris{
margin: 20px 0 0 10px;
padding: 17px 20px;
display: inline-block;
float: right;
background-color: #fff;
border: 1px solid #0e4380;
color: #0e4380;
letter-spacing: .5px;
font-weight: 500;
font-size: 12px;
text-align: center;
cursor: pointer;
outline: none;
background: #00c0f3;
color: #fff;
font-weight: 600;
border:none
}
@-webkit-keyframes background{
50%{
background-color:#fff;
color:#95B935
}
100%{
background-color:#95B935;
color:#fff
}
}
@keyframes background{
50%{
background-color:#fff;
color:#95B935
}
100%{
background-color:#95B935;
color:#fff
}
}
.btnAlisveris:hover{
background-color:#3e3f42
}
.btnAlisveris:active{
background-color:#95B935;
transform:translateY(4px)
}
.dilBtn:active{
transform:translateY(4px)
}
header{
width:100%;
padding:10px 0;
overflow:hidden;
background:linear-gradient(to right, #ffffff, #e3e3e3);
display:block;
border-bottom:1px solid #eee
}
.alkan-logo {
animation: moveLogo 2.0s ease-out forwards;
bottom:10px;
}
@keyframes moveLogo {
0% {
transform: translateY(-100%);
}
100% {
transform: translateX(1vw);  }
}
header>.wrapper{
width:1200px;
margin:0 auto;
display:block;
position:relative
}
.alkan-logo{
float:left;
margin:0
}
form#search{
float:right;
margin:20px 0 0 10px;
width:159px;
border:1px solid #ccc;
background:#fff
}
form#search input[type="text"]{
font-family: 'PT Sans', sans-serif;
width: 83%;
float: left;
font-size: 13px;
background: #fff;
border: none;
height: 47px;
padding: 0 3px;
font-weight: 700;
color: #555;
transition: .40s;
-moz-transition: .40s;
-webkit-transition: .40s;
padding-left: 10px;
}
form#search button{
width: 45px;
height:47px;
float: right;
border: none;
background: none;
padding: 0;
font-size: 20px;
cursor: pointer;
background: #00c0f3;
color: #fff;
}
form#subscribe{
float:right;
margin:20px 0 0 0;
width:30%;
border:1px solid #ccc;
background:#fff
}
form#subscribe input[type="text"]{
width:86%;
float:left;
border:none;
background:none;
height:35px;
line-height:45px;
font-size:16px;
padding:0 20px;
color:#000
}
form#subscribe button,form#subscribe input[type='submit']{
width:14%;
height:25px;
float:right;
border:none;
padding:0;
font-size:20px;
color:DC3D40;
cursor:pointer;
background:url("../images/mail.png") no-repeat;
margin:10px 0 0 0
}
form#subscribe>button:after{
font-family:'ElegantIcons';
content:"\e010"
}
div#banner_wrap{
display:block;
overflow:hidden;
width:100%;
height:100%;
position:relative;
-webkit-transition:.6s;
transition:.6s;
background:#eee
}
div#banner{
display:block;
overflow:hidden;
width:100%;
height:500px;
position:relative;
-webkit-transition:.6s;
transition:.6s
}
div#banner>.items{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:table;
background-position:center center;
background-repeat:repeat;
background-size:cover
}
div#banner>.items .caption{
width:1200px !important;
margin:0 auto !important;
position:relative!important;
top:33%;
z-index:100;  
text-align:left;
color:#fff;
-webkit-transition:.9s;
transition:.10s
}
div#banner>.items .caption>h1{
text-transform:uppercase;
font-size:40px;
font-weight:700;
letter-spacing:-1px;
padding:0;
margin:0;
color:#fff;
text-shadow:0 0 25px #000
}
div#banner>.items .caption>h2{
width:45%;
font-weight:300;
padding:0; 
line-height:40px;
font-size:20px;
letter-spacing:-1px
}
.scrollbutton{
position:absolute;
width:100%;
height:50px;
bottom:50%;
z-index:999;
-webkit-transition:.3s;
transition:.3s;
-webkit-transform:scale(1);
transform:scale(1)
}
.scrollbutton a.scrolldown{
width: 66px;
height: 406px;
margin: 0 auto;
text-align: center;
filter: brightness(0.5) invert(1);
overflow: hidden;
display: block;
background: url(../images/svg/down-arrow.svg) center center no-repeat;
background-size: 35px;
-webkit-animation: arrow .8s infinite;
animation: arrow .8s infinite;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@-webkit-keyframes arrow{
0%{
-webkit-transform:translateY(20px);
transform:translateY(20px);
opacity:.3
}
50%{
-webkit-transform:translateY(10px);
transform:translateY(20px);
opacity:.5
}
100%{
-webkit-transform:translateY(0);
transform:translateY(20px);
opacity:1
}
}
@keyframes arrow{
0%{
transform:translateY(20px);
opacity:.3
}
50%{
transform:translateY(10px);
opacity:.5
}
100%{
transform:translateY(0);
opacity:1
}
}
div#content{
width:100%;
overflow:hidden;
min-height:auto;
background:linear-gradient(#dedede,#eee,#fff);
background:#fff;
border-top:1px solid #eee;
color:#666;
margin-bottom:31px
}
div#content>.title{
width:100%;
height:50px;
line-height:50px;
padding:0;
display:block;
overflow:hidden;
background:#eee;
font-weight:300;
border-bottom:1px solid #eee
}
div#content>.title>.wrapper{
width:1200px;
display:block;
margin:0 auto
}
div#content>.title>.wrapper>h1{
color:#555;
margin:0;
padding:0;
font-size:20px;
float:left
}
div#content>.title>.wrapper>h1 span{
width:30px;
height:5px;
background:#00386a;
display:inline-block;
float:left;
margin:22px 10px 0 0
}
div#content>.title>.wrapper .navigation{
float:right;
display:inline-block;
color:#000;
font-size:15px;
font-weight: 400;
}
div#content>.title>.wrapper .navigation a{
display:inline-block;
color:#848484
}
div#content>.title>.wrapper .navigation a:after{
font-family:'ElegantIcons';
content:"\35"
} 
div#content>.title>.wrapper .navigation a:last-child:after{
display:none
}
div#content>.title>.wrapper .navigation a:nth-child(1){
color:#777
}
div#content>.wrapper{
width:1200px;
margin:0 auto;
padding:20px 0;
overflow:hidden;
font-size:15px;
font-weight:400;
background:#fff
}
div#content>.wrapper>table{
border-collapse:collapse;
width:100%
}
div#content>.wrapper>table td{
border:1px solid #ddd;
text-align:left;
padding:8px
}
div#content>.wrapper>table td iframe{
width:100%!important;
height:150px!important
}
div#content>.wrapper>table th{
border:1px solid #ddd;
text-align:left;
padding:8px
}
.products{
width:100%;
flex-wrap:wrap;
justify-content:space-between
}
.products .square:first-child{
width:48%;
height:auto;
display:block;
position:relative;
padding:0;
margin:0 auto!important;
margin-top:50px;
float:unset;
margin-right:26.5%!important
}
@media only screen and (max-width:1440px){
.products .square:first-child{
width:47%;
height:auto;
display:block;
position:relative;
padding:0;
margin:0 auto!important;
margin-top:50px;
float:unset;
margin-right:28.7%!important
}
}
.products .square:first-child a .slide>img{
height:250px!important
}
.products .square:first-child a .cover{
height:100%
}
.products .square:first-child img{
height:auto!important
}
.products .square:first-child a .slide{
height:250px!important
}
.products>.items{
width:30.5%;
padding:20px;
display:inline-block;
overflow:hidden;
border:1px solid #eee;
margin:0 0 25px 0;
background:#f7f7f7;
min-height:200px;
height:auto
}
.products>.items a img{
display:block;
width:100%
}
.products>.items a p{
display:block;
width:100%;
text-align:center;
color:#888;
font-size:14px
}
.products>.items a p span{
display:block;
width:100%;
text-align:center;
color:#888;
font-size:13px
}
.usturun{
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.usturun>.items{
width:23.5%;
padding:20px;
display:block;
overflow:hidden;
border:1px solid #eee;
margin:0 0 25px 0;
background:#f7f7f7
}
.usturun>.items a img{
display:block;
width:100%
}
.usturun>.items a p{
display:block;
width:100%;
text-align:center;
color:#888;
font-size:14px
}
.usturun>.items a p span{
display:block;
width:100%;
text-align:center;
color:#888;
font-size:13px
}
.itemPicture{
width:38%;
display:block;
float:left
}
#flexit{
display:flex
}
.itemPicture>.large a,.itemPicture>.large{
display:block;
width:100%;
background:#f7f7f7;
padding:20px;
overflow:hidden
}
.itemPicture>.large a img,.itemPicture>.large img{
width:100%
}
.itemPicture>.thumbnail{
display:flex;
flex-wrap:wrap;
justify-content:center
}
.itemPicture>.thumbnail a{
width:60px;
height:50px;
display:inline-block;
border:3px solid #eee;
margin:5px
}
.itemPicture>.thumbnail a img{
width:60px;
height:50px
}
.social-share{
display:block;
width:100%;
text-align:center;
margin:20px 0;
border-top:1px solid #eee;
padding:10px 0
}
.social-item{
display:inline-block;
margin:0 20px 0 0
}
.social-share .fa{
color:#818181;
cursor:pointer;
display:block;
font-size:20px;
height:auto;
line-height:50px;
position:relative;
text-align:center;
transition:all .2s;
-webkit-transition:all .2s
}
.social-share .fa:after{
color:#818181;
content:attr(data-count);
font-size:12px;
left:0;
line-height:20px;
position:absolute;
text-align:center;
top:105%;
width:100%
}
.social-share .fa-facebook:before,.social-share .fa-twitter:before,.social-share .fa-linkedin:before,.social-share .fa-pinterest:before{
font-family:'ElegantIcons'
}
.social-share .fa-facebook:before{
content:"\e093"
}
.social-share .fa-twitter:before{
content:"\e094"
}
.social-share .fa-linkedin:before{
content:"\e09d"
}
.social-share .fa-pinterest:before{
content:"\e095"
}
.social-share .fa-facebook:hover{
color:#3b5998
}
.social-share .fa-twitter:hover{
color:#00aced
}
.social-share .fa-pinterest:hover{
color:#cb2027
}
.social-share .fa-linkedin:hover{
color:#007bb6
}
.itemDetails{
width:60%;
min-height:300px;
margin:0;
padding:0 30px;
display:block;
float:left;
overflow:hidden
}
.itemDetails>h3{
color:#777
}
.itemDetails>table{
border-collapse:collapse;
width:100%;
border:1px solid #DFDFDF
}
.itemDetails>table tr{
border-bottom:1px solid #ccc;
-webkit-transition:.3s;
transition:.3s
}
.itemDetails>table tr:nth-child(even){
background:#eee
}
.itemDetails>table tr:hover{
background:#eee
}
.itemDetails>table td{
padding:5px 6px;
font-size:14px;
cursor:pointer;
text-align:center
}
.itemDetails>table td a{
color:#111;
float:left;
width:70%;
font-weight:600;
display:inline-block
}
.itemDetails>table td strong{
float:right;
color:#EA4144;
display:inline-block
}
.tablo{
width:100%;
margin:0;
padding:0;
display:block;
float:left;
overflow:hidden
}
.tablo>h3{
color:#777
}
.tablo>table{
border-collapse:collapse;
width:100%;
border:1px solid #DFDFDF
}
.tablo>table tr{
border-bottom:1px solid #ccc;
-webkit-transition:.3s;
transition:.3s
}
.tablo>table tr:nth-child(even){
background:#eee
}
.tablo>table tr:hover{
background:#eee
}
.tablo>table td{
padding:5px 6px;
font-size:14px;
cursor:pointer;
text-align:center
}
.tablo>table td a{
color:#111;
float:left;
width:70%;
font-weight:600;
display:inline-block
}
.tablo>table td strong{
float:right;
color:#EA4144;
display:inline-block
}
.tablo>table th{
background-color:#261c64;
color:#FFF
}
.dealers{
display:flex;
flex-wrap:no-wrap;
justify-content:space-between;
width:100%;
margin:20px 0
}
.dealers>.deal{
display:block;
width:23%
}
.maps{
width:100%;
height:440px;
padding:0;
display:block;
background:#f7f7f7;
overflow:hidden;
position:relative
}
.maps>.heading{
width:95%;
display:block;
margin:0 auto;
font-size:16px;
font-weight:300;
position:relative
}
.maps>.heading .context{
background-color:rgba(0,56,106,.95);
padding:25px;
overflow:hidden;
display:block;
width:450px;
position:absolute;
color:#fff;
z-index:10;
top:50px
}
.maps>.heading .context p{
margin:10px 0
}
.maps>.heading .context p strong{
font-weight:500
}
.maps>.heading .context a{
color:#f2b632
}
#map_container{
width:100%;
height:100%;
position:absolute;
z-index:0;
filter:url("data:image/svg+xml;
    utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter:gray;
-webkit-filter:grayscale(100%)
}
.contact_title{
display:block;
text-align:center;
margin:40px 0 20px 0;
font-size:30px;
font-weight:400;
color:#555
}
.contact_title span{
border-top:5px solid #f2b632;
display:block;
width:80px;
margin:15px auto
}
.contact_form{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:3em;
-moz-column-gap:3em;
column-gap:3em;
width:100%;
margin:20px auto
}
.contact_form>p{
width:100%;
display:inline-block;
overflow:hidden;
color:#fff;
margin:0 0 10px 0;
padding:0
}
.contact_form>p input,.contact_form>p textarea,.contact_bottom>input.code{
font-family:'Ubuntu',sans-serif;
width:100%;
font-size:16px;
display:block;
padding:20px;
height:60px;
background:#fff;
color:#000;
border:1px solid #ccc;
-webkit-transition:.2s;
transition:.2s
}
.contact_form>p input:focus,.contact_form>p textarea:focus,.contact_bottom>input:focus{
border:1px solid #DD2C41;
background:#f7f7f7
}
.contact_form>p textarea{
height:200px
}
.contact_bottom>input.code{
width:25%;
margin:0 auto
}
.contact_bottom>input[type="submit"]{
width:180px;
height:65px;
font-size:18px;
line-height:60px;
text-align:center;
margin:25px auto;
display:block;
border:none;
background:#DD2C41;
color:#fff;
cursor:pointer;
transition:all .30s linear;
-moz-transition:all .30s linear;
-webkit-transition:all .30s linear
}
.contact_bottom>input[type="submit"]:hover{
color:#fff;
background:#666
}
.contact_bottom>.security{
padding:0;
text-align:center;
margin:20px 0;
display:block;
font-size:30px;
font-weight:700;
color:#DD2C41
}
#products{
width:100%;
margin:0;
padding:0;
display:block;
background:-webkit-linear-gradient(#eee,#fff,#fff);
background:linear-gradient(#eee,#fff,#fff);
border-top:1px solid #fff
}
#products .wrapper{
width:90%;
margin:0 auto;
padding:0
}
.allbutton{
float:right;
margin:-62px 30px 0 0
}
.allbutton>a{
background:#f8d800;
display:block;
text-align:center;
width:190px;
height:45px;
line-height:45px;
color:#fff;
position:relative;
font-size:16px
}
.allbutton>a:after{
top:100%;
right:70%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-top-color:#f8d800;
border-width:15px
}
@media screen and (max-width:980px){
.allbutton{
float:none;
margin:0 0 25px 0;
display:block
}
.allbutton>a{
background:#f8d800;
display:block;
text-align:center;
width:190px;
height:45px;
line-height:45px;
color:#fff;
position:relative;
font-size:16px
}
.allbutton>a:after{
top:100%;
right:70%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-top-color:#f8d800;
border-width:15px
}
}
.products{
width:80%;
display:block;
flex-wrap:wrap;
justify-content:space-between;
margin:0 auto
}
.products .square{
width:24%;
height:188px;
display:block;
position:relative;
padding:4px;
margin:5px!important;
box-sizing:border-box;
float:left;
background-size:cover
}
.productss{
width:80%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 auto
}
.productss .square{
width:24%;
height:188px;
display:block;
position:relative;
padding:4px;
margin:5px!important;
box-sizing:border-box;
float:left;
background-size:cover
}
@media only screen and (max-width:1440px){
.products .square{
width:23%;
height:188px;
display:block;
position:relative;
padding:4px;
margin:5px!important;
box-sizing:border-box;
float:left;
background-size:cover
}
}
.products .square a{
display:block;
overflow:hidden;
height:188px
}
.products .square a img{
width:100%;
background-size:cover;
height:100%
}
.products .square a .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:188px;
display:block;
margin:auto;
padding:50px 25px;
z-index:5
}
.products .square a .cover p{
text-shadow:0 0 10px #3F3F3F;
position:absolute;
bottom:0;
padding-left:10px;
display:block;
font-weight:800;
font-size:21px;
color:#fff;
margin-bottom:0;
left:0
}
.products .square a .cover p span{
max-height:0;
height:auto;
opacity:0;
overflow:hidden;
padding:10px 0;
display:block;
font-weight:300;
font-size:16px;
color:#fff;
transition:.3s
}
.products .square a:hover .cover p span{
max-height:150px;
opacity:1
}
.products .square a .slide{
margin:0;
position:relative;
z-index:0;
display:block;
overflow:hidden;
width:100%;
height:188px;
padding:0
}
.products .square a .slide>img{
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%
}
.products .square a{
display:block;
overflow:hidden;
height:188px
}
.products .square a img{
width:100%;
background-size:cover;
height:100%
}
.products .square a .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:188px;
display:block;
margin:auto;
padding:50px 25px;
z-index:5
}
.products .square a .cover p{
text-shadow:0 0 10px #3F3F3F;
position:absolute;
bottom:0;
padding-left:10px;
display:block;
font-weight:800;
font-size:21px;
color:#fff;
margin-bottom:0;
left:0
}
.products .square a .cover p span{
max-height:0;
height:auto;
opacity:0;
overflow:hidden;
padding:10px 0;
display:block;
font-weight:300;
font-size:16px;
color:#fff;
transition:.3s
}
.products .square a:hover .cover p span{
max-height:150px;
opacity:1
}
.products .square a .slide{
margin:0;
position:relative;
z-index:0;
display:block;
overflow:hidden;
width:100%;
height:188px;
padding:0
}
.products .square a .slide>img{
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%
}
.productss .square a{
display:block;
overflow:hidden;
height:188px
}
.productss .square a img{
width:100%;
background-size:cover;
height:100%
}
.productss .square a .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:188px;
display:block;
margin:auto;
padding:50px 25px;
z-index:5
}
.products .square a .cover p{
text-shadow:0 0 10px #3F3F3F;
position:absolute;
bottom:0;
padding-left:10px;
display:block;
font-weight:800;
font-size:21px;
color:#fff;
margin-bottom:0;
left:0
}
.productss .square a .cover p span{
max-height:0;
height:auto;
opacity:0;
overflow:hidden;
padding:10px 0;
display:block;
font-weight:300;
font-size:16px;
color:#fff;
transition:.3s
}
.products .square a:hover .cover p span{
max-height:150px;
opacity:1
}
.products .square a .slide{
margin:0;
position:relative;
z-index:0;
display:block;
overflow:hidden;
width:100%;
height:188px;
padding:0
}
.products .square a .slide>img{
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%
}
@media screen and (max-width:980px){
.products{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:25px 0 0 0
}
.products .square{
width:100%;
height:250px;
display:block;
position:relative;
padding:0;
margin:0 0 25px 0;
overflow:hidden
}
.products .square a{
display:block;
overflow:hidden
}
.products .square a .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
margin:auto;
padding:50px 25px;
z-index:5
}
.products .square a .cover p{
text-shadow:0 0 10px #3F3F3F;
position:absolute;
bottom:0;
padding:0;
display:block;
font-weight:800;
font-size:26px;
color:#fff
}
.products .square a .cover p span{
max-height:0;
height:auto;
opacity:0;
overflow:hidden;
padding:10px 0;
display:block;
font-weight:300;
font-size:16px;
color:#fff;
transition:.3s
}
.products .square a:hover .cover p span{
max-height:150px;
opacity:1
}
.products .square a .slide{
margin:0;
position:relative;
z-index:0;
display:block;
overflow:hidden;
width:100%;
height:300px;
padding:0
}
.products .square a .slide>img{
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%
}
}
div#blocks{
width:100%;
overflow:hidden;
min-height:420px;
padding:0;
display:block;
position:relative;
z-index:250;
margin-top:5px
}
div#blocks>.wrapper{
width:1200px;
margin:0 auto;
background:rgba(255,255,255,.7);
padding:50px 0
}
div#blocks>.wrapper h3{
text-align:center;
font-size:40px;
letter-spacing:2px;
font-weight:600;
margin:0;
padding:0;
color:#101250
}
div#blocks>.wrapper h4{
text-align:center;
font-size:16px;
letter-spacing:2px;
font-weight:500;
margin:0;
padding:0
}
div#blocks>.wrapper a.more{
width:350px;
height:60px;
line-height:55px;
margin:50px auto;
display:block;
border:2px solid #00386a;
text-align:center;
color:#00386a;
font-size:22px
}
div#blocks>.wrapper a.more:hover{
border:2px solid #00386a;
color:#fff;
background:#00386a
}
ul#box{
margin:40px 0 0 0;
padding:0 50px;
display:flex;
flex-wrap:no-wrap;
justify-content:space-between
}
ul#box li{
display:block;
overflow:hidden;
padding:0;
width:23%;
text-align:center;
background:#f7f7f7
}
ul#box li a{
color:#ccc
}
ul#box li a img{
width:100%;
height:160px;
-webkit-transition:.1s;
transition:.1s;
border:0 solid #fff
}
ul#box li:hover img{
opacity:.7
}
ul#box li a>p{
margin:10px 0;
padding:0;
font-weight:500;
font-size:20px;
color:#101250
}
ul#box li:hover a p{
color:#f8d800
}
ul#box li a>span{
font-weight:300;
font-size:15px;
color:#555;
padding:10px;
margin:20px 0;
display:block
}
div#company{
width:100%;
margin:70px 0 0 0;
padding:20px 0;
font-size:14px;
display:block;
background:#7D868D;
background:#dedede;
color:#555;
position:relative;
z-index:9999;
height:330px;
border-bottom:1px solid #D1D1D1
}
div#company>.wrapper{
width:1200px;
padding:0;
margin:0 auto;
display:block
}
.text{
display:block;
width:100%
}
.text>.top{
width:25%;
margin:-90px auto 0 auto;
text-align:center
}
.text>.top>img{
border-radius:50%;
width:150px;
height:150px;
border:10px solid #dedede;
position:relative;
z-index:2
}
.text>.top>p{
font-size:22px;
margin:0
}
.text>.top>p span{
font-size:12px;
display:block
}
.text>.bottom{
font-size:16px;
width:70%;
margin:0 auto;
display:block;
padding:20px 0;
text-align:center
}
.text>.bottom>.line{
width:250px;
margin:20px auto;
display:block;
overflow:hidden;
height:1px;
border-bottom:0 dashed #fff
}
.text>.bottom>a{
width:180px;
height:50px;
margin:0 auto;
line-height:45px;
border:2px solid #fff;
background:#76787B;
display:block;
text-align:center;
color:#fff
}
.flexible{
width:100%;
position:relative;
display:table;
background:#f7f7f7;
margin:0;
border-top:1px solid #eee;
border-bottom:0 solid #eee
}
.flexible>.wrapper{
width:90%;
padding:50px 0;
margin:0 auto;
display:flex;
flex-wrap:no-wrap;
justify-content:space-between
}
@media screen and (max-width:980px){
.flexible>.wrapper{
width:90%;
padding:50px 0;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
}
.videos{
width:55%;
border-right:1px solid #eee;
margin:0;
padding:0 50px 0 0;
display:block;
position:relative
}
.videos>.wrapper{
display:block;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:25px 0 0 0
}
.videos>.wrapper a{
display:block;
width:30%;
color:#000;
margin:0 0 20px 0;
border:1px solid #dedede
}
.videos>.wrapper a img{
display:block;
width:100%
}
.videos>.wrapper a p{
font-size:20px;
font-weight:800;
margin:0;
padding:20px 15px;
text-align:center;
background:#eee
}
.videos>.wrapper a p span{
font-size:15px;
margin:0;
font-weight:200;
display:block
}
@media screen and (max-width:980px){
.videos{
width:100%;
border-right:0 solid #eee;
margin:0;
padding:0 0 0 0;
display:block;
position:relative
}
.videos>.wrapper{
display:block;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:25px 0 0 0
}
.videos>.wrapper a{
display:block;
width:100%;
color:#000;
margin:0 0 20px 0;
border:1px solid #dedede
}
.videos>.wrapper a img{
display:block;
width:100%
}
.videos>.wrapper a p{
font-size:20px;
font-weight:800;
margin:0 0 0 0;
padding:20px 15px;
text-align:center;
background:#eee
}
.videos>.wrapper a p span{
font-size:15px;
margin:0;
font-weight:200;
display:block
}
}
.icerikUstKisim{
display:block;
width:100%;
margin-top:0;
height:auto;
margin-bottom:20px;
min-height:187px
}
.img25{
display:inline-block;
width:25%;
margin-right:2%;
float:left;
max-height:200px
}
.kategoriAciklamaAlt{
display:inline-block;
width:73%;
float:right;
margin-top:0;
line-height:28px
}
.hr{
color:#eee;
width:73%;
float:right;
display:block
}
.news{
width:42%;
margin:0;
padding:0;
display:block;
position:relative
}
.news a.arrow{
display:inline-block;
width:40px;
height:40px;
cursor:pointer;
position:absolute;
z-index:20;
background-color:#f8d800;
background-color:#f8d800;
background-repeat:no-repeat;
background-position:center center;
background-size:30px
}
.news a.arrow.next{
background-image:url("../images/svg/up-arrow.svg");
right:0;
top:50px
}
.news a.arrow.prev{
background-image:url("../images/svg/down-arrow2.svg");
right:0;
top:110px
}
.news>ul{
width:100%;
margin:0;
padding:0;
height:100%;
overflow:hidden;
display:block;
background:#21262A;
background:none
}
.news>ul>li{
display:block;
padding:30px 15px;
width:100%;
height:100%
}
.news>ul>li img{
width:30%;
border:3px solid #f7f7f7;
box-shadow:-15px -15px 0 #f8d800;
padding:0;
margin:0 20px 0 0;
display:inline-block;
float:left
}
.news>ul>li p{
display:inline-block;
width:60%;
color:#333;
font-size:20px;
margin:5px
}
.news>ul>li p span{
color:#999;
font-size:14px;
display:block
}
#customers{
width:100%;
margin:0;
padding:0;
display:block;
border-top:1px solid #eee
}
#customers .wrapper{
width:90%;
margin:0 auto;
padding:0
}
.customers{
width:100%;
margin:0 auto;
display:block
}
.customers .item{
width:100%;
display:block;
float:left;
position:relative;
margin:0!important;
padding:0!important
}
.customers .item a{
display:block;
border:1px solid #eee;
margin:0 5px
}
.customers .item a img{
width:100%;
vertical-align:bottom;
transition:.3s;
-webkit-transition:.3s;
border:0 solid #f7f7f7
}
@media screen and (max-width:980px){
#customers{
width:100%;
margin:0;
padding:0;
display:block;
background:#f9f9f9;
border-top:1px solid #eee
}
#customers .wrapper{
width:90%;
margin:0 auto;
padding:0
}
.customers{
width:100%;
margin:0 auto;
display:block
}
.customers .item{
width:100%;
display:block;
float:left;
position:relative;
margin:0!important;
padding:0!important
}
.customers .item a{
display:block;
border:1px solid #eee;
margin:0 5px
}
.customers .item a img{
width:100%;
vertical-align:bottom;
transition:.3s;
-webkit-transition:.3s;
border:0 solid #f7f7f7
}
}
@media screen and (max-width:980px){
.news{
width:100%;
margin:0;
padding:0;
display:block;
position:relative
}
.news a.arrow{
display:inline-block;
width:40px;
height:40px;
cursor:pointer;
position:absolute;
z-index:20;
background-color:#262C30;
background-color:#f8d800;
background-repeat:no-repeat;
background-position:center center;
background-size:30px
}
.news>ul{
width:100%;
margin:0;
padding:0;
height:100%;
overflow:hidden;
display:block;
background:#21262A;
background:none
}
.news>ul>li{
display:block;
padding:30px 15px;
width:100%;
height:100%
}
.news>ul>li img{
width:100%;
border:3px solid #f7f7f7;
box-shadow:0;
padding:0;
margin:0 0 25px 0;
display:block;
float:none
}
.news>ul>li p{
display:block;
width:100%;
color:#333;
font-size:20px;
margin:5px
}
.news>ul>li p span{
color:#999;
font-size:14px;
display:block
}
}
.news.aside{
width:100%;
margin:0;
padding:0;
display:block;
position:relative
}
.news.aside a.arrow{
display:inline-block;
width:50px;
height:40px;
cursor:pointer;
position:static;
z-index:20;
background-color:#262C30;
background-color:#f8d800;
background-repeat:no-repeat;
background-position:center center;
background-size:40px;
margin:20px 20px 0 0
}
.news.aside a.arrow.next{
background-image:url("https://www.smkseal.com/assets/css/assets/images/svg/up-arrow.svg");
float:left
}
.news.aside a.arrow.prev{
background-image:url("../images/svg/down-arrow.svg");
float:left
}
.news.aside>ul{
width:100%;
margin:0;
padding:0;
height:100%;
overflow:hidden;
display:block;
background:#21262A;
background:none
}
.news.aside>ul>li{
display:block;
padding:20px 0;
width:100%;
height:100%
}
.news.aside>ul>li img{
width:100%;
border:0 solid #f7f7f7;
box-shadow:none;
padding:0;
max-height:150px;
margin:0 0 20px 0;
display:block;
float:none
}
.news.aside>ul>li p{
display:inline-block;
width:100%;
color:#333;
font-size:20px;
margin:0
}
.news.aside>ul>li p span{
color:#999;
font-size:14px;
display:block
}
@media screen and (max-width:980px){
.news.aside{
display:none
}
}

footer{
width:100%;
padding:0;
background:#11154f;
background:#11154f;
color:#fff;
position:relative
}
footer:after{
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#11154f;
border-bottom-color:#11154f;
border-width:45px;
margin-left:-45px
}
footer>.wrapper{
width:100%;
margin:0 auto
}
footer>.wrapper>.columns{
font-size:12px;
font-weight:700;
padding:40px 0 40px 0;
width:85%;
margin:0 auto;
position:relative;
z-index:2;
display:flex;
flex-wrap:no-wrap;
justify-content:space-between
}
footer>.wrapper>.columns>.cols{
display:block;
font-size:15px;
color:#FFF
}
footer>.wrapper>.columns>.cols:nth-child(1){
width:20%
}
footer>.wrapper>.columns>.cols:nth-child(2){
width:25%
}
footer>.wrapper>.columns>.cols:nth-child(3){
width:30%
}
footer>.wrapper>.columns>.cols:nth-child(4){
width:25%
}
footer>.wrapper>.columns>.cols>p{
margin:0;
padding:0;
font-weight:300
}
footer>.wrapper>.columns>.cols>a{
color:#FFF;
font-weight:300;
display:block;
width:50%
}
footer>.wrapper>.columns>.cols>a:hover{
color:#f8d800
}
footer>.wrapper>.columns>.cols>.header{
display:block;
overflow:hidden;
color:#fff;
font-weight:500;
padding:0;
font-size:22px;
margin:0 0 25px 0
}
footer>.wrapper>.columns>.cols>a{
line-height:23px
}
footer>.wrapper>.columns>.cols>.header.last{
margin:25px 0 0 0
}
.subscribe{
display:block;
width:100%;
overflow:hidden;
margin:0
}
.subscribe>form{
height:50px;
width:100%;
display:block;
margin:0;
overflow:hidden;
background:#FFF;
border:1px solid #A6A6A6
}
.subscribe>form input[type="text"]{
width:70%;
float:left;
border:none;
background:none;
height:50px;
line-height:45px;
font-size:16px;
padding:0 20px;
color:#fff
}
.subscribe>form button{
float:right;
border:none;
background:none;
height:47px;
padding:0 15px;
font-size:22px;
color:#00a1b3;
position:relative;
cursor:pointer
}
.subscribe>form button:after{
font-family:'ElegantIcons';
content:"\e010"
}
iframe{
width:100%;
height:400px;
-webkit-backface-visibility:hidden;
-webkit-transition:.5s;
transition:.5s;
display:block;
overflow:hidden
}
div#bottom{
width:100%;
height:50px;
line-height:60px;
margin:0;
padding:0;
font-size:18px;
display:block;
background:#eee;
text-align:center;
position:relative;
z-index:1;
font-weight:600;
overflow:hidden;
border-top:1px solid #dedede
}
div#bottom>.wrapper{
width:90%;
display:block;
margin:0 auto;
text-align:center
}
div#bottom>.wrapper .webtasarim{
display:inline-block;
float:left;
margin:4px 0 0 0
}
div#bottom>.wrapper .webtasarim a{
width:40px;
height:42px;
display:block;
overflow:hidden;
background:url("../images/globalmedya.png") 0 0 no-repeat;
background-size:40px
}
div#bottom>.wrapper .webtasarim a:hover{
filter:gray;
-webkit-filter:grayscale(50%)
}
div#bottom>.wrapper .copyright{
float:right;
display:inline-block
}
div#bottom>.wrapper .copyright span{
color:#777
}
.lightbox{
cursor:pointer;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(255,255,255,.95);
-webkit-filter:none!important;
z-index:9999999!important
}
.lightbox img{
display:block;
position:absolute
}
.lightbox-loading{
background:url("https://www.smkseal.com/assets/images/loading.gif") center center no-repeat;
width:80px;
height:80px;
margin:-20px 0 0 -16px;
position:absolute;
top:50%;
left:50%
}
.lightbox-caption{
display:none;
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
z-index:9998
}
.lightbox-caption p{
margin:0 auto;
max-width:70%;
display:inline-block;
*display:inline;
*zoom:1;
padding:10px;
color:#fff;
font-size:12px;
line-height:18px
}
.lightbox-button{
position:absolute;
z-index:9999;
background:no-repeat center center;
width:32px;
height:32px;
opacity:.9;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s
}
.lightbox-button:hover,.lightbox-button:focus{
opacity:1
}
.lightbox-close{
right:30px;
top:20px;
background-image:url("../images/svg/close.svg");
background-size:25px
}
.lightbox-nav{
top:47%;
width:100%;
margin-top:-16px
}
.lightbox-nav-next{
right:30px;
width:40px;
height:40px;
background-image:url("../images/svg/next.svg");
background-size:60px
}
.lightbox-nav-prev{
left:30px;
width:40px;
height:40px;
background-image:url("../images/svg/prev.svg");
background-size:60px
}
.galeries,.resimGaleri{
width:100%;
margin:0 auto 50px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding-left:45px
}
.kalitePolitikasi{
margin-left:45px;
margin-top:20px;
margin-bottom:15px
}
.galeries>a,.resimGaleri>a{
display:block;
width:18%;
height:120px;
overflow:hidden;
margin:0 0 30px 0;
position:relative;
z-index:2;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #eee
}
.galeries>a img{
width:100%;
height:100%;
position:absolute;
background-size:cover;
top:0;
left:0;
vertical-align:bottom
}
.galeries>a p{
margin:0;
padding:0;
text-align:center;
color:#111;
font-size:14px
}
.galeries>a img:hover{
opacity:.7
}
ul.nav{
margin:0 auto;
padding:0;
list-style:none;
position:relative;
z-index:250;
width:20%!important
}
ul.nav li a{
display:block;
color:#111;
font-size:15px;
font-weight:600;
padding:0 15px;
height:50px;
line-height:50px;
margin:0;
text-align:left!important;
transition:.3s;
-webkit-transition:.3s
}
ul.nav>li{
display:block;
padding:0;
margin:0
}
ul.nav li:hover>a{
color:#fff
}
ul.nav ul{
list-style:none;
width:auto;
min-width:250px;
position:relative
}
ul.nav li ul{
position:absolute;
display:none;
max-height:0;
margin:0 0 0 -50px;
padding:25px 0 0 0;
transition:.5s
}
ul.nav li:hover>ul{
max-height:1000px;
display:block
}
ul.nav li:hover>ul li:first-child:after{
opacity:1
}
ul.nav li li:hover ul{
display:block;
left:100%;
top:0;
padding:0;
z-index:10
}
ul.nav li li ul{
top:-10px
}
ul.nav li ul li{
border:none;
margin:0;
padding:0;
position:relative;
border-bottom:1px solid #eee;
border-left:1px solid #eee
}
ul.nav li ul>li:first-child{
border-top:5px solid #f8d800
}
ul.nav li ul>li:first-child:after{
bottom:100%;
left:40%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#f8d800;
border-width:18px;
margin-top:-10px;
z-index:99999;
opacity:0;
transition:.5s
}
ul.nav li ul li a{
display:block;
background:#fff;
font-size:12px;
color:#555;
padding:0 15px;
height:40px;
line-height:40px;
text-align:left;
font-weight:700
}
ul.nav li li li:first-child{
border-top:5px solid #f8d800
}
ul.nav li li li:first-child:after{
display:none
}
ul.nav li ul li a:hover,ul.nav li ul li:hover>a{
background:#dedede;
color:#fff
}
@media screen and (max-width:980px){
nav.menu{
height:auto;
background:#fff;
border:none;
margin:0;
padding:0
}
ul.nav{
width:250px;
height:100%;
overflow-y:auto;
overflow-x:hidden;
z-index:99999;
margin:0;
position:fixed;
left:0;
top:0;
display:none;
background:#fff;
border-right:1px solid #ccc
}
ul.nav a{
padding:0 15px;
color:#555;
height:auto;
font-size:14px;
text-align:left;
font-weight:700
}
ul.nav>li{
float:none;
width:100%;
display:block;
padding:0;
margin:0;
border:none;
border-bottom:1px solid #ccc
}
ul.nav li:hover>a{
background:#444;
color:#fff
}
ul.nav li ul{
position:static;
width:100%;
display:none;
max-height:0;
margin:0;
padding:0;
transition:.5s
}
ul.nav li ul li a{
background:#dedede;
height:auto;
font-size:12px;
padding:5px 15px;
color:#000
}
ul.nav li ul li li a{
background:#fff;
color:#999;
font-size:12px;
font-weight:400;
padding:5px 15px
}
ul.nav>li>.parent:after,ul.nav>li>li .parent:after{
font-family:'ElegantIcons';
content:"\33";
font-size:20px;
position:absolute; 
right:15px
}
ul.nav ul{
display:block
}
ul.nav li.hover>ul,ul.nav li li.hover ul{
position:static
}
}
.arrow_up,.arrow_down,.arrow_left,.arrow_right,.arrow_left-up,.arrow_right-up,.arrow_right-down,.arrow_left-down,.arrow-up-down,.arrow_up-down_alt,.arrow_left-right_alt,.arrow_left-right,.arrow_expand_alt2,.arrow_expand_alt,.arrow_condense,.arrow_expand,.arrow_move,.arrow_carrot-up,.arrow_carrot-down,.arrow_carrot-left,.arrow_carrot-right,.arrow_carrot-2up,.arrow_carrot-2down,.arrow_carrot-2left,.arrow_carrot-2right,.arrow_carrot-up_alt2,.arrow_carrot-down_alt2,.arrow_carrot-left_alt2,.arrow_carrot-right_alt2,.arrow_carrot-2up_alt2,.arrow_carrot-2down_alt2,.arrow_carrot-2left_alt2,.arrow_carrot-2right_alt2,.arrow_triangle-up,.arrow_triangle-down,.arrow_triangle-left,.arrow_triangle-right,.arrow_triangle-up_alt2,.arrow_triangle-down_alt2,.arrow_triangle-left_alt2,.arrow_triangle-right_alt2,.arrow_back,.icon_minus-06,.icon_plus,.icon_close,.icon_check,.icon_minus_alt2,.icon_plus_alt2,.icon_close_alt2,.icon_check_alt2,.icon_zoom-out_alt,.icon_zoom-in_alt,.icon_search,.icon_box-empty,.icon_box-selected,.icon_minus-box,.icon_plus-box,.icon_box-checked,.icon_circle-empty,.icon_circle-slelected,.icon_stop_alt2,.icon_stop,.icon_pause_alt2,.icon_pause,.icon_menu,.icon_menu-square_alt2,.icon_menu-circle_alt2,.icon_ul,.icon_ol,.icon_adjust-horiz,.icon_adjust-vert,.icon_document_alt,.icon_documents_alt,.icon_pencil,.icon_pencil-edit_alt,.icon_pencil-edit,.icon_folder-alt,.icon_folder-open_alt,.icon_folder-add_alt,.icon_info_alt,.icon_error-oct_alt,.icon_error-circle_alt,.icon_error-triangle_alt,.icon_question_alt2,.icon_question,.icon_comment_alt,.icon_chat_alt,.icon_vol-mute_alt,.icon_volume-low_alt,.icon_volume-high_alt,.icon_quotations,.icon_quotations_alt2,.icon_clock_alt,.icon_lock_alt,.icon_lock-open_alt,.icon_key_alt,.icon_cloud_alt,.icon_cloud-upload_alt,.icon_cloud-download_alt,.icon_image,.icon_images,.icon_lightbulb_alt,.icon_gift_alt,.icon_house_alt,.icon_genius,.icon_mobile,.icon_tablet,.icon_laptop,.icon_desktop,.icon_camera_alt,.icon_mail_alt,.icon_cone_alt,.icon_ribbon_alt,.icon_bag_alt,.icon_creditcard,.icon_cart_alt,.icon_paperclip,.icon_tag_alt,.icon_tags_alt,.icon_trash_alt,.icon_cursor_alt,.icon_mic_alt,.icon_compass_alt,.icon_pin_alt,.icon_pushpin_alt,.icon_map_alt,.icon_drawer_alt,.icon_toolbox_alt,.icon_book_alt,.icon_calendar,.icon_film,.icon_table,.icon_contacts_alt,.icon_headphones,.icon_lifesaver,.icon_piechart,.icon_refresh,.icon_link_alt,.icon_link,.icon_loading,.icon_blocked,.icon_archive_alt,.icon_heart_alt,.icon_star_alt,.icon_star-half_alt,.icon_star,.icon_star-half,.icon_tools,.icon_tool,.icon_cog,.icon_cogs,.arrow_up_alt,.arrow_down_alt,.arrow_left_alt,.arrow_right_alt,.arrow_left-up_alt,.arrow_right-up_alt,.arrow_right-down_alt,.arrow_left-down_alt,.arrow_condense_alt,.arrow_expand_alt3,.arrow_carrot_up_alt,.arrow_carrot-down_alt,.arrow_carrot-left_alt,.arrow_carrot-right_alt,.arrow_carrot-2up_alt,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left_alt,.arrow_carrot-2right_alt,.arrow_triangle-up_alt,.arrow_triangle-down_alt,.arrow_triangle-left_alt,.arrow_triangle-right_alt,.icon_minus_alt,.icon_plus_alt,.icon_close_alt,.icon_check_alt,.icon_zoom-out,.icon_zoom-in,.icon_stop_alt,.icon_menu-square_alt,.icon_menu-circle_alt,.icon_document,.icon_documents,.icon_pencil_alt,.icon_folder,.icon_folder-open,.icon_folder-add,.icon_folder_upload,.icon_folder_download,.icon_info,.icon_error-circle,.icon_error-oct,.icon_error-triangle,.icon_question_alt,.icon_comment,.icon_chat,.icon_vol-mute,.icon_volume-low,.icon_volume-high,.icon_quotations_alt,.icon_clock,.icon_lock,.icon_lock-open,.icon_key,.icon_cloud,.icon_cloud-upload,.icon_cloud-download,.icon_lightbulb,.icon_gift,.icon_house,.icon_camera,.icon_mail,.icon_cone,.icon_ribbon,.icon_bag,.icon_cart,.icon_tag,.icon_tags,.icon_trash,.icon_cursor,.icon_mic,.icon_compass,.icon_pin,.icon_pushpin,.icon_map,.icon_drawer,.icon_toolbox,.icon_book,.icon_contacts,.icon_archive,.icon_heart,.icon_profile,.icon_group,.icon_grid-2x2,.icon_grid-3x3,.icon_music,.icon_pause_alt,.icon_phone,.icon_upload,.icon_download,.social_facebook,.social_twitter,.social_pinterest,.social_googleplus,.social_tumblr,.social_tumbleupon,.social_wordpress,.social_instagram,.social_dribbble,.social_vimeo,.social_linkedin,.social_rss,.social_deviantart,.social_share,.social_myspace,.social_skype,.social_youtube,.social_picassa,.social_googledrive,.social_flickr,.social_blogger,.social_spotify,.social_delicious,.social_facebook_circle,.social_twitter_circle,.social_pinterest_circle,.social_googleplus_circle,.social_tumblr_circle,.social_stumbleupon_circle,.social_wordpress_circle,.social_instagram_circle,.social_dribbble_circle,.social_vimeo_circle,.social_linkedin_circle,.social_rss_circle,.social_deviantart_circle,.social_share_circle,.social_myspace_circle,.social_skype_circle,.social_youtube_circle,.social_picassa_circle,.social_googledrive_alt2,.social_flickr_circle,.social_blogger_circle,.social_spotify_circle,.social_delicious_circle,.social_facebook_square,.social_twitter_square,.social_pinterest_square,.social_googleplus_square,.social_tumblr_square,.social_stumbleupon_square,.social_wordpress_square,.social_instagram_square,.social_dribbble_square,.social_vimeo_square,.social_linkedin_square,.social_rss_square,.social_deviantart_square,.social_share_square,.social_myspace_square,.social_skype_square,.social_youtube_square,.social_picassa_square,.social_googledrive_square,.social_flickr_square,.social_blogger_square,.social_spotify_square,.social_delicious_square,.icon_printer,.icon_calulator,.icon_building,.icon_floppy,.icon_drive,.icon_search-2,.icon_id,.icon_id-2,.icon_puzzle,.icon_like,.icon_dislike,.icon_mug,.icon_currency,.icon_wallet,.icon_pens,.icon_easel,.icon_flowchart,.icon_datareport,.icon_briefcase,.icon_shield,.icon_percent,.icon_globe,.icon_globe-2,.icon_target,.icon_hourglass,.icon_balance,.icon_rook,.icon_printer-alt,.icon_calculator_alt,.icon_building_alt,.icon_floppy_alt,.icon_drive_alt,.icon_search_alt,.icon_id_alt,.icon_id-2_alt,.icon_puzzle_alt,.icon_like_alt,.icon_dislike_alt,.icon_mug_alt,.icon_currency_alt,.icon_wallet_alt,.icon_pens_alt,.icon_easel_alt,.icon_flowchart_alt,.icon_datareport_alt,.icon_briefcase_alt,.icon_shield_alt,.icon_percent_alt,.icon_globe_alt,.icon_clipboard{
    font-family:'ElegantIcons';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased
}
.arrow_up:before{
    content:"\21"
}
.arrow_down:before{
    content:"\22"
}
.arrow_left:before{
    content:"\23"
}
.arrow_right:before{
    content:"\24"
}
.arrow_left-up:before{
    content:"\25"
}
.arrow_right-up:before{
    content:"\26"
}
.arrow_right-down:before{
    content:"\27"
}
.arrow_left-down:before{
    content:"\28"
}
.arrow-up-down:before{
    content:"\29"
}
.arrow_up-down_alt:before{
    content:"\2a"
}
.arrow_left-right_alt:before{
    content:"\2b"
}
.arrow_left-right:before{
    content:"\2c"
}
.arrow_expand_alt2:before{
    content:"\2d"
}
.arrow_expand_alt:before{
    content:"\2e" 
}
.arrow_condense:before{
    content:"\2f"
}
.arrow_expand:before{
    content:"\30"
}
.arrow_move:before{
    content:"\31"
}
.arrow_carrot-up:before{
    content:"\32"
}
.arrow_carrot-down:before{
    content:"\33"
}
.arrow_carrot-left:before{
    content:"\34"
}
.arrow_carrot-right:before{
    content:"\35"
}
.arrow_carrot-2up:before{
    content:"\36"
}
.arrow_carrot-2down:before{
    content:"\37"
}
.arrow_carrot-2left:before{
    content:"\38"
}
.arrow_carrot-2right:before{
    content:"\39"
}
.arrow_carrot-up_alt2:before{
    content:"\3a"
}
.arrow_carrot-down_alt2:before{
    content:"\3b"
}
.arrow_carrot-left_alt2:before{
    content:"\3c"
}
.arrow_carrot-right_alt2:before{
    content:"\3d"
}
.arrow_carrot-2up_alt2:before{
    content:"\3e"
}
.arrow_carrot-2down_alt2:before{
    content:"\3f"
}
.arrow_carrot-2left_alt2:before{
    content:"\40"
}
.arrow_carrot-2right_alt2:before{
    content:"\41"
}
.arrow_triangle-up:before{
    content:"\42"
}
.arrow_triangle-down:before{
    content:"\43"
}
.arrow_triangle-left:before{
    content:"\44"
}
.arrow_triangle-right:before{
    content:"\45"
}
.arrow_triangle-up_alt2:before{
    content:"\46"
}
.arrow_triangle-down_alt2:before{
    content:"\47"
}
.arrow_triangle-left_alt2:before{
    content:"\48"
}
.arrow_triangle-right_alt2:before,.arrow_triangle-right_alt2:after{
    content:"\49"
}
.arrow_back:before{
    content:"\4a"
}
.icon_minus-06:before{
    content:"\4b"
}
.icon_plus:before{
    content:"\4c"
}
.icon_close:before{
    content:"\4d"
}
.icon_check:before{
    content:"\4e"
}
.icon_minus_alt2:before{
    content:"\4f"
}
.icon_plus_alt2:before{
    content:"\50"
}
.icon_close_alt2:before{
    content:"\51"
}
.icon_check_alt2:before{
    content:"\52"
}
.icon_zoom-out_alt:before{
    content:"\53"
}
.icon_zoom-in_alt:before{
    content:"\54"
}
.icon_search:before{
    content:"\55";
    color:#fff !important
}
.icon_box-empty:before{
    content:"\56"
}
.icon_box-selected:before{
    content:"\57"
}
.icon_minus-box:before{
    content:"\58"
}
.icon_plus-box:before{
    content:"\59"
}
.icon_box-checked:before{
    content:"\5a"
}
.icon_circle-empty:before{
    content:"\5b"
}
.icon_circle-slelected:before{
    content:"\5c"
}
.icon_stop_alt2:before{
    content:"\5d"
}
.icon_stop:before{
    content:"\5e"
}
.icon_pause_alt2:before{
    content:"\5f"
}
.icon_pause:before{
    content:"\60"
}
.icon_menu:before{
    content:"\61"
}
.icon_menu-square_alt2:before{
    content:"\62"
}
.icon_menu-circle_alt2:before{
    content:"\63"
}
.icon_ul:before{
    content:"\64"
}
.icon_ol:before{
    content:"\65"
}
.icon_adjust-horiz:before{
    content:"\66"
}
.icon_adjust-vert:before{
    content:"\67"
}
.icon_document_alt:before,.icon_document_alt:after{
    content:"\68"
}
.icon_documents_alt:before{
    content:"\69"
}
.icon_pencil:before{
    content:"\6a"
}
.icon_pencil-edit_alt:before{
    content:"\6b"
}
.icon_pencil-edit:before{
    content:"\6c"
}
.icon_folder-alt:before{
    content:"\6d"
}
.icon_folder-open_alt:before{
    content:"\6e"
}
.icon_folder-add_alt:before{
    content:"\6f"
}
.icon_info_alt:before{
    content:"\70"
}
.icon_error-oct_alt:before{
    content:"\71"
}
.icon_error-circle_alt:before{
    content:"\72"
}
.icon_error-triangle_alt:before{
    content:"\73"
}
.icon_question_alt2:before{
    content:"\74"
}
.icon_question:before{
    content:"\75"
}
.icon_comment_alt:before{
    content:"\76"
}
.icon_chat_alt:before{
    content:"\77"
}
.icon_vol-mute_alt:before{
    content:"\78"
}
.icon_volume-low_alt:before{
    content:"\79"
}
.icon_volume-high_alt:before{
    content:"\7a"
}
.icon_quotations:before{
    content:"\7b"
}
.icon_quotations_alt2:before{
    content:"\7c"
}
.icon_clock_alt:before{
    content:"\7d"
}
.icon_lock_alt:before{
    content:"\7e"
}
.icon_lock-open_alt:before{
    content:"\e000"
}
.icon_key_alt:before{
    content:"\e001"
}
.icon_cloud_alt:before{
    content:"\e002"
}
.icon_cloud-upload_alt:before{
    content:"\e003"
}
.icon_cloud-download_alt:before{
    content:"\e004"
}
.icon_image:before{
    content:"\e005"
}
.icon_images:before{
    content:"\e006"
}
.icon_lightbulb_alt:before{
    content:"\e007"
}
.icon_gift_alt:before{
    content:"\e008"
}
.icon_house_alt:before,.icon_house_alt:after{
    content:"\e009"
}
.icon_genius:before{
    content:"\e00a"
}
.icon_mobile:before{
    content:"\e00b"
}
.icon_tablet:before{
    content:"\e00c"
}
.icon_laptop:before{
    content:"\e00d"
}
.icon_desktop:before{
    content:"\e00e"
}
.icon_camera_alt:before{
    content:"\e00f"
}
.icon_mail_alt:before{
    content:"\e010"
}
.icon_cone_alt:before{
    content:"\e011"
}
.icon_ribbon_alt:before{
    content:"\e012"
}
.icon_bag_alt:before{
    content:"\e013"
}
.icon_creditcard:before,.icon_creditcard:after{
    content:"\e014"
}
.icon_cart_alt:before,.icon_cart_alt:after{
    content:"\e015"
}
.icon_paperclip:before{
    content:"\e016"
}
.icon_tag_alt:before{
    content:"\e017"
}
.icon_tags_alt:before{
    content:"\e018"
}
.icon_trash_alt:before{
    content:"\e019"
}
.icon_cursor_alt:before{
    content:"\e01a"
}
.icon_mic_alt:before{
    content:"\e01b"
}
.icon_compass_alt:before{
    content:"\e01c"
}
.icon_pin_alt:before{
    content:"\e01d"
}
.icon_pushpin_alt:before{
    content:"\e01e"
}
.icon_map_alt:before,.icon_map_alt:after{
    content:"\e01f"
}
.icon_drawer_alt:before{
    content:"\e020"
}
.icon_toolbox_alt:before{
    content:"\e021"
}
.icon_book_alt:before{
    content:"\e022"
}
.icon_calendar:before{
    content:"\e023"
}
.icon_film:before{
    content:"\e024"
}
.icon_table:before{
    content:"\e025"
}
.icon_contacts_alt:before{
    content:"\e026"
}
.icon_headphones:before{
    content:"\e027"
}
.icon_lifesaver:before{
    content:"\e028"
}
.icon_piechart:before{
    content:"\e029"
}
.icon_refresh:before{
    content:"\e02a"
}
.icon_link_alt:before{
    content:"\e02b"
}
.icon_link:before{
    content:"\e02c"
}
.icon_loading:before{
    content:"\e02d"
}
.icon_blocked:before{
    content:"\e02e"
}
.icon_archive_alt:before{
    content:"\e02f"
}
.icon_heart_alt:before{
    content:"\e030"
}
.icon_star_alt:before{
    content:"\e031"
}
.icon_star-half_alt:before{
    content:"\e032"
}
.icon_star:before,.icon_star:after{
    content:"\e033"
}
.icon_star-half:before{
    content:"\e034"
}
.icon_tools:before{
    content:"\e035"
}
.icon_tool:before{
    content:"\e036"
}
.icon_cog:before{
    content:"\e037"
}
.icon_cogs:before{
    content:"\e038"
}
.arrow_up_alt:before{
    content:"\e039"
}
.arrow_down_alt:before{
    content:"\e03a"
}
.arrow_left_alt:before{
    content:"\e03b"
}
.arrow_right_alt:before{
    content:"\e03c"
}
.arrow_left-up_alt:before{
    content:"\e03d"
}
.arrow_right-up_alt:before{
    content:"\e03e"
}
.arrow_right-down_alt:before{
    content:"\e03f"
}
.arrow_left-down_alt:before{
    content:"\e040"
}
.arrow_condense_alt:before{
    content:"\e041"
}
.arrow_expand_alt3:before{
    content:"\e042"
}
.arrow_carrot_up_alt:before{
    content:"\e043"
}
.arrow_carrot-down_alt:before{
    content:"\e044"
}
.arrow_carrot-left_alt:before{
    content:"\e045"
}
.arrow_carrot-right_alt:before{
    content:"\e046"
}
.arrow_carrot-2up_alt:before{
    content:"\e047"
}
.arrow_carrot-2dwnn_alt:before{
    content:"\e048"
}
.arrow_carrot-2left_alt:before{
    content:"\e049"
}
.arrow_carrot-2right_alt:before{
    content:"\e04a"
}
.arrow_triangle-up_alt:before{
    content:"\e04b"
}
.arrow_triangle-down_alt:before{
    content:"\e04c"
}
.arrow_triangle-left_alt:before{
    content:"\e04d"
}
.arrow_triangle-right_alt:before{
    content:"\e04e"
}
.icon_minus_alt:before{
    content:"\e04f"
}
.icon_plus_alt:before{
    content:"\e050"
}
.icon_close_alt:before{
    content:"\e051"
}
.icon_check_alt:before{
    content:"\e052"
}
.icon_zoom-out:before{
    content:"\e053"
}
.icon_zoom-in:before{
    content:"\e054"
}
.icon_stop_alt:before{
    content:"\e055"
}
.icon_menu-square_alt:before{
    content:"\e056"
}
.icon_menu-circle_alt:before{
    content:"\e057"
}
.icon_document:before{
    content:"\e058"
}
.icon_documents:before{
    content:"\e059"
}
.icon_pencil_alt:before{
    content:"\e05a"
}
.icon_folder:before{
    content:"\e05b"
}
.icon_folder-open:before{
    content:"\e05c"
}
.icon_folder-add:before{
    content:"\e05d"
}
.icon_folder_upload:before{
    content:"\e05e"
}
.icon_folder_download:before{
    content:"\e05f"
}
.icon_info:before{
    content:"\e060"
}
.icon_error-circle:before{
    content:"\e061"
}
.icon_error-oct:before{
    content:"\e062"
}
.icon_error-triangle:before{
    content:"\e063"
}
.icon_question_alt:before{
    content:"\e064"
}
.icon_comment:before{
    content:"\e065"
}
.icon_chat:before{
    content:"\e066"
}
.icon_vol-mute:before{
    content:"\e067"
}
.icon_volume-low:before{
    content:"\e068"
}
.icon_volume-high:before{
    content:"\e069"
}
.icon_quotations_alt:before{
    content:"\e06a"
}
.icon_clock:before{
    content:"\e06b"
}
.icon_lock:before{
    content:"\e06c"
}
.icon_lock-open:before{
    content:"\e06d"
}
.icon_key:before{
    content:"\e06e"
}
.icon_cloud:before{
    content:"\e06f"
}
.icon_cloud-upload:before{
    content:"\e070"
}
.icon_cloud-download:before{
    content:"\e071"
}
.icon_lightbulb:before{
    content:"\e072"
}
.icon_gift:before{
    content:"\e073"
}
.icon_house:before{
    content:"\e074"
}
.icon_camera:before{
    content:"\e075"
}
.icon_mail:before{
    content:"\e076"
}
.icon_cone:before{
    content:"\e077"
}
.icon_ribbon:before{
    content:"\e078"
}
.icon_bag:before{
    content:"\e079"
}
.icon_cart:before{
    content:"\e07a"
}
.icon_tag:before{
    content:"\e07b"
}
.icon_tags:before{
    content:"\e07c"
}
.icon_trash:before{
    content:"\e07d"
}
.icon_cursor:before{
    content:"\e07e"
}
.icon_mic:before{
    content:"\e07f"
}
.icon_compass:before{
    content:"\e080"
}
.icon_pin:before{
    content:"\e081"
}
.icon_pushpin:before{
    content:"\e082"
}
.icon_map:before{
    content:"\e083"
}
.icon_drawer:before{
    content:"\e084"
}
.icon_toolbox:before{
    content:"\e085"
}
.icon_book:before{
    content:"\e086"
}
.icon_contacts:before{
    content:"\e087"
}
.icon_archive:before{
    content:"\e088"
}
.icon_heart:before{
    content:"\e089"
}
.icon_profile:before{
    content:"\e08a"
}
.icon_group:before{
    content:"\e08b"
}
.icon_grid-2x2:before{
    content:"\e08c"
}
.icon_grid-3x3:before{
    content:"\e08d"
}
.icon_music:before{
    content:"\e08e"
}
.icon_pause_alt:before{
    content:"\e08f"
}
.icon_phone:before{
    content:"\e090"
}
.icon_upload:before{
    content:"\e091"
}
.icon_download:before{
    content:"\e092"
}
.social_facebook:before,.social_facebook:after{
    content:"\e093"
}
.social_twitter:before,.social_twitter:after{
    content:"\e094"
}
.social_pinterest:before,.social_pinterest:after{
    content:"\e095"
}
.social_googleplus:before,.social_googleplus:after{
    content:"\e096"
}
.social_tumblr:before{
    content:"\e097"
}
.social_tumbleupon:before{
    content:"\e098"
}
.social_wordpress:before{
    content:"\e099"
}
.social_instagram:before,.social_instagram:after{
    content:"\e09a"
}
.social_dribbble:before{
    content:"\e09b"
}
.social_vimeo:before{
    content:"\e09c"
}
.social_linkedin:before,.social_linkedin:after{
    content:"\e09d"
}
.social_rss:before{
    content:"\e09e"
}
.social_deviantart:before{
    content:"\e09f"
}
.social_share:before{
    content:"\e0a0"
}
.social_myspace:before{
    content:"\e0a1"
}
.social_skype:before{
    content:"\e0a2"
}
.social_youtube:before,.social_youtube:after{
    content:"\e0a3"
}
.social_picassa:before{
    content:"\e0a4"
}
.social_googledrive:before{
    content:"\e0a5"
}
.social_flickr:before{
    content:"\e0a6"
}
.social_blogger:before{
    content:"\e0a7"
}
.social_spotify:before{
    content:"\e0a8"
}
.social_delicious:before{
    content:"\e0a9"
}
.social_facebook_circle:before{
    content:"\e0aa"
}
.social_twitter_circle:before{
    content:"\e0ab"
}
.social_pinterest_circle:before{
    content:"\e0ac"
}
.social_googleplus_circle:before{
    content:"\e0ad"
}
.social_tumblr_circle:before{
    content:"\e0ae"
}
.social_stumbleupon_circle:before{
    content:"\e0af"
}
.social_wordpress_circle:before{
    content:"\e0b0"
}
.social_instagram_circle:before{
    content:"\e0b1"
}
.social_dribbble_circle:before{
    content:"\e0b2"
}
.social_vimeo_circle:before{
    content:"\e0b3"
}
.social_linkedin_circle:before{
    content:"\e0b4"
}
.social_rss_circle:before{
    content:"\e0b5"
}
.social_deviantart_circle:before{
    content:"\e0b6"
}
.social_share_circle:before{
    content:"\e0b7"
}
.social_myspace_circle:before{
    content:"\e0b8"
}
.social_skype_circle:before{
    content:"\e0b9"
}
.social_youtube_circle:before{
    content:"\e0ba"
}
.social_picassa_circle:before{
    content:"\e0bb"
}
.social_googledrive_alt2:before{
    content:"\e0bc"
}
.social_flickr_circle:before{
    content:"\e0bd"
}
.social_blogger_circle:before{
    content:"\e0be"
}
.social_spotify_circle:before{
    content:"\e0bf"
}
.social_delicious_circle:before{
    content:"\e0c0"
}
.social_facebook_square:before{
    content:"\e0c1"
}
.social_twitter_square:before{
    content:"\e0c2"
}
.social_pinterest_square:before{
    content:"\e0c3"
}
.social_googleplus_square:before{
    content:"\e0c4"
}
.social_tumblr_square:before{
    content:"\e0c5"
}
.social_stumbleupon_square:before{
    content:"\e0c6"
}
.social_wordpress_square:before{
    content:"\e0c7"
}
.social_instagram_square:before{
    content:"\e0c8"
}
.social_dribbble_square:before{
    content:"\e0c9"
}
.social_vimeo_square:before{
    content:"\e0ca"
}
.social_linkedin_square:before{
    content:"\e0cb"
}
.social_rss_square:before{
    content:"\e0cc"
}
.social_deviantart_square:before{
    content:"\e0cd"
}
.social_share_square:before{
    content:"\e0ce"
}
.social_myspace_square:before{
    content:"\e0cf"
}
.social_skype_square:before{
    content:"\e0d0"
}
.social_youtube_square:before{
    content:"\e0d1"
}
.social_picassa_square:before{
    content:"\e0d2"
}
.social_googledrive_square:before{
    content:"\e0d3"
}
.social_flickr_square:before{
    content:"\e0d4"
}
.social_blogger_square:before{
    content:"\e0d5"
}
.social_spotify_square:before{
    content:"\e0d6"
}
.social_delicious_square:before{
    content:"\e0d7"
}
.icon_printer:before{
    content:"\e103"
}
.icon_calulator:before{
    content:"\e0ee"
}
.icon_building:before{
    content:"\e0ef"
}
.icon_floppy:before{
    content:"\e0e8"
}
.icon_drive:before{
    content:"\e0ea"
}
.icon_search-2:before{
    content:"\e101"
}
.icon_id:before{
    content:"\e107"
}
.icon_id-2:before{
    content:"\e108"
}
.icon_puzzle:before{
    content:"\e102"
}
.icon_like:before{
    content:"\e106"
}
.icon_dislike:before{
    content:"\e0eb"
}
.icon_mug:before{
    content:"\e105"
}
.icon_currency:before{
    content:"\e0ed"
}
.icon_wallet:before{
    content:"\e100"
}
.icon_pens:before{
    content:"\e104"
}
.icon_easel:before{
    content:"\e0e9"
}
.icon_flowchart:before,.icon_flowchart:after{
    content:"\e109"
}
.icon_datareport:before{
    content:"\e0ec"
}
.icon_briefcase:before{
    content:"\e0fe"
}
.icon_shield:before{
    content:"\e0f6"
}
.icon_percent:before{
    content:"\e0fb"
}
.icon_globe:before{
    content:"\e0e2"
}
.icon_globe-2:before{
    content:"\e0e3"
}
.icon_target:before{
    content:"\e0f5"
}
.icon_hourglass:before{
    content:"\e0e1"
}
.icon_balance:before{
    content:"\e0ff"
}
.icon_rook:before{
    content:"\e0f8"
}
.icon_printer-alt:before{
    content:"\e0fa"
}
.icon_calculator_alt:before{
    content:"\e0e7"
}
.icon_building_alt:before{
    content:"\e0fd"
}
.icon_floppy_alt:before{
    content:"\e0e4"
}
.icon_drive_alt:before{
    content:"\e0e5"
}
.icon_search_alt:before{
    content:"\e0f7"
}
.icon_id_alt:before{
    content:"\e0e0"
}
.icon_id-2_alt:before{
    content:"\e0fc"
}
.icon_puzzle_alt:before{
    content:"\e0f9"
}
.icon_like_alt:before{
    content:"\e0dd"
}
.icon_dislike_alt:before{
    content:"\e0f1"
}
.icon_mug_alt:before{
    content:"\e0dc"
}
.icon_currency_alt:before{
    content:"\e0f3"
}
.icon_wallet_alt:before{
    content:"\e0d8"
}
.icon_pens_alt:before{
    content:"\e0db"
}
.icon_easel_alt:before{
    content:"\e0f0"
}
.icon_flowchart_alt:before{
    content:"\e0df"
}
.icon_datareport_alt:before{
    content:"\e0f2"
}
.icon_briefcase_alt:before{
    content:"\e0f4"
}
.icon_shield_alt:before{
    content:"\e0d9"
}
.icon_percent_alt:before{
    content:"\e0da"
}
.icon_globe_alt:before{
    content:"\e0de"
}
.icon_clipboard:before{
    content:"\e0e6"
}
.tdSol td{
    text-align:left!important
}
.baslikPolitika{
    font-size:20px
}
@media only screen and (max-width:1024px){
    header>.wrapper{
        width:100%;
        margin:0 auto;
        display:block;
        position:relative;
        padding-right:20px
    }
    .menu{
        width:100%;
        margin:0 auto
    }
    div#blocks>.wrapper{
        width:100%;
        margin:0 auto;
        background:rgba(255,255,255,.7);
        padding:50px 0
    }
    div#banner>.items .caption{
        width:100%;
        margin:0;
        position:absolute;
        top:15%;
        z-index:100;
        display:block;
        text-align:left;
        color:#fff;
        -webkit-transition:.9s;
        transition:.9s
    }
    div#banner>.items .caption>h1{
        text-transform:uppercase;
        font-size:30px;
        font-weight:700;
        letter-spacing:-1px;
        padding:0;
        margin:0;
        color:#fff;
        text-shadow:0 0 25px #000
    }
    div#banner>.items .caption>h2{
        width:100%;
        font-weight:300;
        padding:0;
        padding-top:20px;
        margin:0 auto;
        line-height:40px;
        font-size:32px;
        letter-spacing:-1px
    }
    div#company>.wrapper{
        width:100%!important;
        padding:0;
        margin:0 auto;
        display:block
    }
    footer{
        width:100%;
        padding:40px 20px;
        overflow:hidden;
        background:#00386a url("../images/footer.png") center center no-repeat;
        background-size:50%;
        color:#fff
    }
    footer>.wrapper{
        width:100%;
        margin:0 auto;
        display:flex;
        flex-wrap:no-wrap;
        justify-content:space-between
    }
    .menu>ul>li>ul>li{
        margin:0 0 0 0;
        padding:10px;
        padding-bottom:0;
        list-style:none;
        width:25%;
        background:none;
        float:left;
        font-size:14px
    }
    div#content>.wrapper{
        width:100%;
        margin:0 auto;
        padding:20px 30px;
        overflow:hidden;
        font-size:15px;
        font-weight:400;
        background:#fff
    }
    .galeries,.resimGaleri{
        width:100%;
        margin:0 auto 0 auto;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        padding-left:0
    }
}
@media only screen and (max-width:800px){
    .menu-mobile:after{
        content:"\61";
        font-family:"ElegantIcons";
        font-size:50px;
        padding:0;
        height:50px;
        line-height:50px;
        position:relative;
        color:#076CB2;
        top:0%
    }
    div#banner>.items .caption>h2{
        width:100%;
        font-weight:300;
        padding:0;
        padding-top:10px;
        margin:0 auto;
        line-height:50px;
        font-size:25px;
        letter-spacing:-1px
    }
    div#blocks>.wrapper h3{
        text-align:center;
        font-size:30px;
        letter-spacing:2px;
        font-weight:600;
        margin:0;
        padding:0;
        color:#00386a;
        padding-bottom:12px
    }
    ul#box{
        margin:20px 0 0 0;
        padding:0 20px;
        display:flex;
        flex-wrap:no-wrap;
        justify-content:space-between
    }
    ul#box li a>span{
        font-weight:300;
        font-size:15px;
        color:#555;
        padding:0;
        margin:2px 0;
        display:block
    }
    .social a{
        display:inline-block;
        font-size:16px;
        text-align:center;
        width:40px;
        height:40px;
        line-height:45px;
        margin:0 0 0 0;
        color:#fff;
        transition:.3s;
        -webkit-transition:.3s;
        overflow:hidden;
        border:1px solid #fff
    }
    footer>.wrapper .cls.contacts{
        text-align:center!important
    }
    .galeries,.resimGaleri{
        width:100%;
        margin:auto;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        padding-left:45px
    }
    form#search input[type="text"]{
        font-family:'PT Sans',sans-serif;
        width:70%;
        float:left;
        font-size:10px;
        background:#fff;
        border:none;
        height:35px;
        padding:0 20px;
        font-weight:700;
        color:#555;
        transition:.40s;
        -moz-transition:.40s;
        -webkit-transition:.40s
    }
    form#subscribe input[type="text"]{
        width:70%;
        float:left;
        border:none;
        background:none;
        height:35px;
        line-height:45px;
        font-size:12px;
        padding:0 20px;
        color:#000
    }
    div#blocks>.wrapper{
        width:100%;
        margin:0 auto;
        background:rgba(255,255,255,.7);
        padding:20px 0
    }
    .galeries>a,.resimGaleri>a{
        display:block;
        width:47%;
        height:200px;
        overflow:hidden;
        margin:0 0 30px 0;
        position:relative;
        z-index:2;
        padding:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        border:1px solid #eee
    }
}
@media only screen and (max-width:768px){
    #banner-mobile{
        display:none!important
    }
    #banner{
        display:block!important
    }
    div#banner>.items .caption>h1{
        text-transform:uppercase;
        font-size:30px;
        font-weight:700;
        letter-spacing:-1px;
        padding:0;
        margin:0;
        color:#fff;
        text-shadow:0 0 25px #000
    }
    div#blocks{
        width:100%;
        overflow:hidden;
        min-height:420px;
        padding:0;
        display:block;
        position:relative;
        z-index:250;
        margin-top:-205px
    }
    .itemDetails{
        width:60%;
        min-height:300px;
        margin:0;
        padding:0 0;
        display:block;
        float:left;
        overflow:hidden
    }
    .menu>ul>li>ul.normal-sub>li>a{
        border:0;
        padding:0;
        position:relative;
        line-height:15px
    }
}
@media only screen and (max-width:414px){
    header>.wrapper{
        width:100%;
        margin:0 auto;
        display:block;
        position:relative;
        padding-right:0
    }
    ul#box{
        margin:20px 0 0 0;
        padding:0;
        display:block;
        flex-wrap:no-wrap;
        justify-content:space-between
    }
    ul#box li{
        display:inline-block;
        overflow:hidden;
        padding:0;
        width:85%;
        text-align:center;
        background:#f7f7f7;
        margin-right:auto;
        margin-left:34px;
        margin-bottom:10px;
        padding:20px 10px
    }
    div#banner>.items .caption>h2{
        width:100%;
        max-width:100%;
        font-weight:300;
        padding:0;
        padding-top:10px;
        margin:0 auto;
        line-height:50px;
        font-size:13px;
        letter-spacing:-1px
    }
    div#banner>.items .caption>h1{
        text-transform:uppercase;
        font-size:30px;
        font-weight:700;
        letter-spacing:-1px;
        padding:0;
        margin:0;
        width:100%;
        color:#fff;
        text-shadow:0 0 25px #000
    }
    div#blocks{
        width:100%;
        overflow:hidden;
        min-height:420px;
        padding:0;
        display:block;
        position:relative;
        z-index:250;
        margin-top:-205px
    }
    .text>.top{
        width:auto;
        margin:-90px auto 0 auto;
        text-align:center
    }
    .text>.bottom{
        font-size:14px;
        width:80%;
        margin:0 auto;
        display:block;
        padding:10px 0;
        text-align:center
    }
    .text>.bottom>a{
        width:180px;
        height:50px;
        margin:-20px auto;
        line-height:45px;
        border:2px solid #fff;
        background:#76787B;
        display:block;
        text-align:center;
        color:#fff
    }
    .footer>.wrapper{
        width:100%;
        margin:0 auto;
        display:block;
        flex-wrap:no-wrap;
        justify-content:space-between;
        text-align:center
    }
    footer>.wrapper{
        width:100%;
        margin:0 auto;
        display:block;
        justify-content:space-between
    }
    footer>.wrapper .cls{
        width:100%;
        display:block;
        float:left;
        text-align:left!important
    }
    footer>.wrapper .cls .header{
        display:block;
        line-height:45px;
        overflow:hidden;
        color:#fff;
        font-weight:400;
        padding:20px 0;
        text-align:center;
        font-size:26px
    }
    .subscribe{
        display:block;
        overflow:hidden;
        width:100%;
        margin:0
    }
    .social{
        display:block;
        width:100%;
        overflow:hidden;
        text-align:center
    }
    .webtasarim{
        display:block;
        width:100%;
        margin:20px 0;
        text-align:center;
        color:#ACB3BF;
        overflow:hidden;
        font-weight:500
    }
    .copyright{
        display:block;
        width:100%;
        color:#ACB3BF;
        overflow:hidden;
        font-weight:500;
        margin:15px 0;
        text-align:center
    }
    .alkan-logo{
        float:none;
        margin:0;
        width:100%;
        text-align:center
    }
    form#subscribe{
        float:right;
        margin:0 0 0 0;
        margin-top:10px;
        width:50%;
        border:1px solid #ccc;
        background:#fff
    }
    form#search{
        margin:0 0 0 0;
        margin-top:10px;
        width:50%;
        border:1px solid #ccc;
        background:#fff
    }
    .menu>ul>li>ul.normal-sub{
        width:100%;
        min-width:111px
    }
    .products>.items a p{
        display:block;
        width:100%;
        text-align:center;
        color:#888;
        font-size:11px
    }
    .products>.items{
        width:23.5%;
        padding:5px;
        display:inline-block;
        overflow:hidden;
        border:1px solid #eee;
        margin:0 0 25px 0;
        background:#f7f7f7
    }
    .hoverla{
        border:3px solid blue!important;
        padding:5px!important
    }
    .itemPicture{
        width:100%;
        display:block;
        float:left
    }
    .itemDetails{
        width:100%;
        min-height:300px;
        s margin:0;
        padding:0 0;
        display:block;
        float:left;
        overflow:hidden
    }
}
@media only screen and (max-width:375px){
    div#blocks>.wrapper h4{
        text-align:center;
        font-size:13px;
        letter-spacing:2px;
        font-weight:500;
        margin:0;
        padding:0
    }
    ul#box li{
        display:inline-block;
        overflow:hidden;
        padding:0;
        width:85%;
        text-align:center;
        background:#f7f7f7;
        margin-right:auto;
        margin-left:20px;
        margin-bottom:10px;
        padding:20px 10px
    }
    .text>.bottom>a{
        width:180px;
        height:50px;
        margin:-30px auto;
        line-height:45px;
        border:2px solid #fff;
        background:#76787B;
        display:block;
        text-align:center;
        color:#fff
    }
}
#uyari{
    display:none;
    background-color:rgba(83,153,59,.99)!important;
    background-color:rgba(209,102,102,.98)!important;
    margin:0;
    padding:0 20px;
    position:fixed;
    top:20px;
    right:20px;
    font-size:16px;
    text-align:center;
    color:#fff;
    overflow:hidden;
    width:auto;
    height:50px;
    line-height:50px;
    z-index:99999999
}
.fab{
    width:45px;
    height:45px;
    border:1px solid #fff;
    color:#fff;
    font-size:24px;
    padding-top:9px;
    padding-left:11px
}
.fab:hover{
    background:#F8D700
}
.socialIcon{
    display:block;
    width:55px!important;
    float:left;
    height:60px
}

#content .wrapper p.pdf a{
    color:#000
}
@media (max-width:320px){
    .alkan-logo img{
        width:76%
    }
    form#search{
        float:left
    }
    .btnAlisveris{
        float:left
    }
    .btnAlisveris{
        margin:10px 0 0 0
    }
    .socialUl{
        display:inline-block;
        text-align:center;
        width:84%;
        margin:0;
        float:inherit;
        padding-top:20px
    }

    .menu-mobile{
        padding:2px
    }
    div#banner{
        height:186px
    }
    #products .heading h3{
        font-size:24px!important
    }
    .products .square:first-child{
        width:100%;
        margin-right:0!important
    }
    .products .square:first-child img{
        height:150px!important
    }
    .products .square{
        margin-bottom:20px!important
    }
    .products .square a .cover p{
        font-size:19px
    }
    div#blocks{
        margin-top:auto
    }
    ul#box li{
        width:88%
    }
    .scrollup{
        z-index:999;
        right:8px
    }
    .flexible #ticker{
        height:409px!important
    }
    .news>ul>li img{
        height:200px
    }
    footer>.wrapper>.columns{
        width:100%;
        display:block
    }
    footer>.wrapper>.columns>.cols:nth-child(1){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(2){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(3){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(4){
        width:100%
    }
    .menu>ul>li>ul.normal-sub{
        min-width:148px;
        z-index:999
    }
    .wrapper blockquote{
        padding:0;
        margin:0
    }
    #content .galeries{
        padding-left:0
    }
    .galeries .acilir a img{
        width:100%!important;
        margin:20px 0!important;
        width:100%!important;
        height:auto!important
    }
    #content .wrapper blockquote{
        margin:0!important
    }
    .galeries>a,.resimGaleri>a{
        height:68px
    }
    .img25{
        width:100%
    }
    .products>.items{
        width:100%
    }
    #flexit .itemDetails table tbody{
        width:260px;
        display:inline-block;
        overflow:scroll
    }
    #content .wrapper p.pdf{
        width:100%!important
    }
    #content .wrapper p.pdf a{
        color:#000
    }
    div#content>.wrapper>table{
        border-collapse:collapse;
        width:260px!important;
        display:block;
        overflow:scroll
    }
    div#content>.wrapper>table td iframe{
        width:300px!important;
        height:200px!important
    }
    .menu>ul>li>ul>li a p{
        font-size:12px
    }
    .kategoriAciklamaAlt{
        width:100%
    }
    .galeries>a{
        width:50%!important
    }
}
.galeries>a,.resimGaleri>a{
    width:24%
}
.galeries .acilir a img{
    width:200px;
    height:200px;
    margin:24px
}
.galeries .acilir a{
    float:left;
    height:150px;
    overflow:hidden;
}
@media (min-width:321px) and (max-width:375px){
    .alkan-logo img{
        width:76%
    }
    form#search{
        float:left
    }
    .btnAlisveris{
        float:left
    }
    .btnAlisveris{
        margin:10px 0 0 12px
    }
    .socialUl{
        display:inline-block;
        text-align:center;
        width:84%;
        margin:0;
        float:inherit;
        padding-top:20px
    }
    .menu-mobile{
        padding:2px
    }
    div#banner{
        height:186px
    }
    #products .heading h3{
        font-size:24px!important
    }
    .products .square:first-child{
        width:100%;
        margin-right:0!important
    }
    .products .square:first-child img{
        height:150px!important
    }
    .products .square{
        margin-bottom:20px!important
    }
    .products .square a .cover p{
        font-size:19px
    }
    div#blocks{
        margin-top:auto
    }
    ul#box li{
        width:88%
    }
    .scrollup{
        z-index:999;
        right:8px
    }
    .flexible #ticker{
        height:409px!important
    }
    .news>ul>li img{
        height:200px
    }
    footer>.wrapper>.columns{
        width:100%;
        display:block
    }
    footer>.wrapper>.columns>.cols:nth-child(1){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(2){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(3){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(4){
        width:100%
    }
    .menu>ul>li>ul.normal-sub{
        min-width:148px;
        z-index:999
    }
    .wrapper blockquote{
        padding:0;
        margin:0
    }
    #content .galeries{
        padding-left:0
    }
    .galeries .acilir a img{
        width:100%;
        margin:24px 0;
        height:auto
    }
    .galeries .acilir a{
        height:200px
    }
    #content .wrapper blockquote{
        margin:0!important
    }
    .galeries>a,.resimGaleri>a{
        height:68px
    }
    .img25{
        width:100%
    }
    .products>.items{
        width:100%
    }
    #flexit .itemDetails table tbody{
        width:310px;
        display:inline-block;
        overflow:scroll
    }
    #content .wrapper p.pdf{
        width:100%!important
    }
    #content .wrapper p.pdf a{
        color:#000
    }
    div#content>.wrapper>table{
        border-collapse:collapse;
        width:330px!important;
        display:block;
        overflow:scroll
    }
    div#content>.wrapper>table td iframe{
        width:300px!important;
        height:200px!important
    }
    .menu>ul>li>ul>li a p{
        font-size:12px
    }
    .kategoriAciklamaAlt{
        width:100%
    }
    .galeries>a{
        width:50%!important
    }
}
@media (min-width:376px) and (max-width:414px){
    .alkan-logo img{
        width:76%
    }
    form#search{
        float:left
    }
    .btnAlisveris{
        float:left
    }
    .btnAlisveris{
        margin:10px 0 0 24px
    }
    .socialUl{
        display:inline-block;
        text-align:center;
        width:84%;
        margin:0;
        float:inherit;
        padding-top:20px
    }
    .menu-mobile{
        padding:2px
    }
    div#banner{
        height:186px
    }
    #products .heading h3{
        font-size:24px!important
    }
    .products .square:first-child{
        width:100%;
        margin-right:0!important
    }
    .products .square:first-child img{
        height:150px!important
    }
    .products .square{
        margin-bottom:20px!important
    }
    .products .square a .cover p{
        font-size:19px
    }
    div#blocks{
        margin-top:auto
    }
    ul#box li{
        width:88%
    }
    .scrollup{
        z-index:999;
        right:8px
    }
    .flexible #ticker{
        height:409px!important
    }
    .news>ul>li img{
        height:200px
    }
    footer>.wrapper>.columns{
        width:100%;
        display:block
    }
    footer>.wrapper>.columns>.cols:nth-child(1){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(2){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(3){
        width:100%
    }
    footer>.wrapper>.columns>.cols:nth-child(4){
        width:100%
    }
    .menu>ul>li>ul.normal-sub{
        min-width:148px;
        z-index:999
    }
    .wrapper blockquote{
        padding:0;
        margin:0
    }
    #content .galeries{
        padding-left:0
    }
    .galeries .acilir a img{
        margin:0;
        width:100%;
        height:100%
    }
    .galeries .acilir a{
        height:auto
    }
    #content .wrapper blockquote{
        margin:0!important
    }
    .galeries>a,.resimGaleri>a{
        height:68px
    }
    .img25{
        width:100%
    }
    .products>.items{
        width:100%
    }
    #flexit .itemDetails table tbody{
        width:352px;
        display:inline-block;
        overflow:scroll
    }
    #content .wrapper p.pdf{
        width:100%!important
    }
    #content .wrapper p.pdf a{
        color:#000
    }
    div#content>.wrapper>table{
        border-collapse:collapse;
        width:360px!important;
        display:block;
        overflow:scroll
    }
    div#content>.wrapper>table td iframe{
        width:300px!important;
        height:200px!important
    }
    .menu>ul>li>ul>li a p{
        font-size:14px
    }
    .kategoriAciklamaAlt{
        width:100%
    }
    .galeries>a{
        width:50%!important
    }
}
@media (min-width:415px) and (max-width:768px){
    .galeries>a,.resimGaleri>a{
        width:33%!important
    }
    .galeries>a,.resimGaleri>a{
        height:131px
    }
    #content .wrapper p.pdf a{
        color:#000
    }
    .galeries,.resimGaleri{
        padding-left:0
    }
    .products>.items{
        min-height:163px;
        height:154px
    }
    .products .square a .cover{
        height:auto
    }
    .products .square a{
        height:261px
    }
    div#blocks{
        margin-top:0!important
    }
    .kategoriAciklamaAlt{
        width:100%
    }
    .galeries .acilir a img{
        width:100%
    }
}

.caption {
     width:1200px !important;
     margin:0 auto !important;
     position:relative!important;
}


.about .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}

.about .content p {
  margin-bottom: 30px;
}

.about .content .about-btn {
  padding: 8px 30px 9px 30px;
  color: #111;
  border-radius: 50px;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  border: 2px solid #ddd;
}

.about .content .about-btn i {
  font-size: 16px;
  padding-left: 5px;
}

.about .content .about-btn:hover {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.about .icon-box i {
  font-size: 40px;
  color: var(--accent-color);
  margin-bottom: 10px;
}

.about .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.about .icon-box h4 a {
  color: var(--heading-color);
  transition: 0.3s;
}

.about .icon-box p {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin-bottom: 0;
}

.about .icon-box:hover h4 a {
  color: var(--accent-color);
}