@charset "UTF-8";
.mm,.mm a,.mm li,.mm span,.mm ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-item-height:50px;--mm-item-indent:20px;--mm-line-height:24px}.mm-hidden{display:none!important}.mm{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#212121;background:#f3f3f3;line-height:24px;line-height:var(--mm-line-height);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm{cursor:pointer}.mm:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);left:20px;left:var(--mm-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm.mm--main{cursor:default}.mm.mm--main:before{content:none;display:none}.mm:after{content:attr(data-mm-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-item-height);padding:0 40px;padding:0 calc(var(--mm-item-indent) * 2);line-height:50px;line-height:var(--mm-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor;box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor}.mm.mm--main:after{padding-left:20px;padding-left:var(--mm-item-indent)}.mm ul{-webkit-overflow-scrolling:touch;position:fixed;top:50px;top:var(--mm-item-height);left:100%;bottom:0;width:200%;padding-right:100%;overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm ul:after{content:'';display:block;height:50px;height:var(--mm-item-height)}.mm>ul{left:0}.mm ul.mm--open{left:0}.mm ul.mm--parent{left:-100%;overflow-y:hidden}.mm li{position:relative;background:inherit;cursor:pointer}.mm li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);right:25px;right:calc(var(--mm-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-item-indent);border-top:1px solid;opacity:.15}.mm a,.mm span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-item-height) - var(--mm-line-height))/ 2) var(--mm-item-indent)}.mm a{background:inherit;color:inherit;text-decoration:none}.mm a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-item-height))}.mm a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm span{background:0 0}.mm.mm--dark{background:#000000;color:#ccc}.mm.mm--vertical:after,.mm.mm--vertical:before{content:none;display:none}.mm.mm--vertical{overflow-y:auto}.mm.mm--vertical ul{width:100%;padding-right:0;position:static}.mm.mm--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-item-indent)}.mm.mm--vertical ul ul:after{height:25px;height:calc(var(--mm-item-height)/ 2)}.mm.mm--vertical ul.mm--open{display:block}.mm.mm--vertical li.mm--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm.mm--vertical ul ul li:last-child:after{content:none;display:none}:root{--mm-width:80%;--mm-min-width:200px;--mm-max-width:440px}.mm-body--open{overflow-y:hidden;pointer-events:none}.mm{pointer-events:auto}.mm.mm--offcanvas{position:fixed;top:0;bottom:0;left:0;z-index:9995;width:80%;width:var(--mm-width);min-width:200px;min-width:var(--mm-min-width);max-width:440px;max-width:var(--mm-max-width);-webkit-transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s,-webkit-transform .3s ease 0s}.mm.mm--offcanvas:not(.mm--open){bottom:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-delay:0s,.6s;-o-transition-delay:0s,.6s;transition-delay:0s,.6s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker{pointer-events:auto;display:block;position:fixed;bottom:0;right:0;background:rgba(0, 0, 0, 0.39);top:100%;z-index:9990;width:100%;opacity:0;-webkit-transition-property:opacity,top;-o-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:ease,linear;-o-transition-timing-function:ease,linear;transition-timing-function:ease,linear;-webkit-transition-duration:.45s,0s;-o-transition-duration:.45s,0s;transition-duration:.45s,0s;-webkit-transition-delay:0s,.45s;-o-transition-delay:0s,.45s;transition-delay:0s,.45s}.mm-blocker.mm--open{top:0;z-index:9999;width:calc(100% - 80%);width:calc(100% - var(--mm-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-min-width));opacity:1;-webkit-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker.mm--right{right:auto;left:0}
 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif !important;
}
a, p, em, u, li, span, div, strong, sub, sup {
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
}
mark {
text-decoration: underline;
text-decoration-color: #eeff00;
font-weight: 700;
}
.main-color {
color: #00aeef !important;
}
.second-color {
color: #231f20 !important;
}
.c-white {
color: #fbfbfb !important;
}
.c-black {
color: #231f20 !important;
}
.c-blue {
color: #00aeef !important;
}
.c-yellow {
color: #F0E200 !important;
}
.c-gray {
color: #606161 !important;
}
.c-gray-200 {
color: #dbdbdb !important;
}
.c-green {
color: #00F092 !important;
}
.bg-red {
background-color: #00F092 !important;
}
.bg-red {
color: #00F092 !important;
}
.bg-gray {
background-color: #606161 !important;
}
.bg-black {
background-color: #231f20 !important;
}
.bg-footer {
background-color: #606161 !important;
}
.bg-gray-200 {
background-color: #dbdbdb !important;
}
.bg-white-200 {
background-color: #fefefe !important;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
padding: 0;
margin: 0;
overflow-x: hidden !important;
font-size: 16px;
}
a {
text-decoration: none;
color: #231f20;
}
mark {
text-decoration: underline;
text-decoration-color: #00aeef;
color: #00aeef;
font-weight: 700;
} .text-justify {
text-align: justify;
} .head-line {
text-align: center;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
}
.head-line img {
height: 25px !important;
width: auto;
margin-bottom: -20px;
}
.h-title {
color: #2E4046;
text-align: center;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 2em;
font-style: normal;
position: relative;
font-weight: 700;
transition: 400ms;
}
@media screen and (min-width: 768px) {
.h-title {
font-size: 2.3em;
line-height: 84px;
}
}
.h-title::after {
content: "";
display: inline-block;
width: 5rem;
height: 2px;
background-color: #00aeef;
margin: 0 0 8px 10px;
}
.h-title-w {
color: #fbfbfb;
text-align: center;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 2em;
font-style: normal;
font-weight: 500;
line-height: 84px;
} .theme-button {
z-index: 100;
height: 45px;
text-align: center;
padding: 11px 25px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #fbfbfb;
border-radius: 15px;
background-color: #00aeef;
border: 2px solid #00aeef;
transition: 400ms ease-in-out;
}
.theme-button i {
color: #fbfbfb;
margin-left: 5px;
transition: 400ms ease-in-out;
}
.theme-button:hover {
transform: scale(0.94);
color: #00aeef !important;
border: 2px solid #00aeef;
}
.theme-button:hover i {
color: #00aeef !important;
}
.theme-button-00 {
z-index: 100;
height: 45px;
text-align: center;
padding: 11px 25px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #fbfbfb;
border-radius: 15px;
background-color: #00aeef;
border: 2px solid #00aeef;
transition: 400ms ease-in-out;
}
.theme-button-00 i {
color: #fbfbfb;
margin-left: 5px;
transition: 400ms ease-in-out;
}
.theme-button-00:hover {
transform: scale(0.94);
color: #00aeef !important;
border: 2px solid #00aeef;
}
.theme-button-00:hover i {
color: #00aeef !important;
}
.theme-button-0 {
z-index: 100;
height: 45px;
text-align: center;
padding: 11px 25px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #fbfbfb;
border-radius: 15px 10px 15px 10px;
background-color: #00aeef;
border: 2px solid #00aeef;
transition: 400ms ease-in-out;
}
.theme-button-0 i {
color: #fbfbfb;
margin-left: 5px;
transition: 400ms ease-in-out;
}
.theme-button-0:hover {
transform: scale(0.94);
color: #00aeef !important;
border: 2px solid #00aeef;
}
.theme-button-0:hover i {
color: #00aeef !important;
}
.theme-button-1 {
z-index: 100;
height: 45px;
text-align: center;
padding: 11px 25px;
font-size: 13px;
font-weight: 500;
letter-spacing: 1px;
color: #fbfbfb;
border-radius: 15px 10px 15px 10px;
background-color: #00aeef;
border: 2px solid #00aeef;
transition: 400ms ease-in-out;
}
.theme-button-1 i {
color: #fbfbfb;
margin-left: 5px;
transition: 400ms ease-in-out;
}
.theme-button-1:hover {
transform: scale(0.94);
color: #00aeef !important;
border: 2px solid #00aeef;
}
.theme-button-1:hover i {
color: #00aeef !important;
}
.theme-button-2 {
z-index: 100;
height: 45px;
width: 180px;
text-align: center;
padding: 11px 20px;
font-size: 14px;
font-weight: 600;
color: #fbfbfb;
border: 2px solid #fbfbfb;
border-radius: 15px 10px 15px 10px;
transition: 400ms ease-in-out;
}
.theme-button-2:hover {
color: #fbfbfb !important;
background-color: #00aeef;
transform: scale(0.95);
}
.theme-button-2:hover i {
color: #fbfbfb;
}
.theme-button-2 i {
border-radius: 7px;
color: #fbfbfb;
margin-left: 10px;
transition: 400ms;
}
.theme-button-3 {
z-index: 100;
height: 45px;
width: 180px;
text-align: center;
padding: 11px 20px;
font-size: 14px;
font-weight: 600;
color: #fbfbfb;
border: 2px solid #fbfbfb;
border-radius: 5px;
transition: 400ms ease-in-out;
}
.theme-button-3:hover {
color: #fbfbfb !important;
background-color: #00aeef;
transform: scale(0.95);
}
.theme-button-3:hover i {
color: #fbfbfb;
}
.theme-button-3 i {
border-radius: 7px;
color: #fbfbfb;
margin-left: 10px;
transition: 400ms;
}
.theme-button-4 {
z-index: 100;
height: 45px;
width: 180px;
text-align: center;
padding: 11px 20px;
font-size: 14px;
font-weight: 600;
color: #00aeef;
border: 2px solid #00aeef;
border-radius: 5px;
transition: 400ms ease-in-out;
background-color: white;
}
.theme-button-4 i {
color: #00aeef !important;
margin-left: 10px;
transition: 400ms;
}
.theme-button-4:hover {
color: #fbfbfb !important;
background-color: #00aeef;
padding-left: 20px;
width: 160px;
transform: scale(0.95);
}
.theme-button-4:hover i {
margin-left: 10px;
color: #fbfbfb !important;
} .preloader {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 999999999;
background-color: #fafafa;
background-image: url(//cooltermsogutma.com/assets/images/logo.png);
background-size: 200px;
background-repeat: no-repeat;
background-position: center;
} .shadow-left {
box-shadow: -19px -17px 7.5px 0px rgba(0, 0, 0, 0.05);
}
.shadow-right {
box-shadow: 19px -17px 7.5px 0px rgba(0, 0, 0, 0.05);
}
.shadow-in-bottom {
box-shadow: inset -1px 0px 15px 0px rgba(185, 185, 185, 0.363);
}
.shadow-img {
box-shadow: 5px 0px 14px 0px rgba(0, 0, 0, 0.329);
} .f-img-card {
border: none;
padding: 3px;
background-color: transparent;
}
.f-img-card:hover {
transform: scale(0.986);
transition: 400ms;
}
.f-img-card img {
border-radius: 20px;
filter: brightness(0.5);
}
.f-img-card .card {
position: relative;
}
.f-img-card .card-name {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: start;
}
.f-img-card .card-name a, .f-img-card .card-name h2 {
color: white;
}
.f-img-card .card-name h2 {
position: absolute;
bottom: 12%;
margin-left: auto;
margin-right: auto;
font-size: 0.9em;
text-align: left;
left: 10px;
}
@media screen and (min-width: 992px) {
.f-img-card .card-name h2 {
left: 20px;
font-size: 1.3em;
width: 8em;
}
}
.f-img-card .card-button {
position: absolute;
bottom: 3px;
right: 3px;
height: 37px;
width: 74px;
text-align: center;
color: white;
border-radius: 10px 0 10px 0;
background-color: #00aeef;
}
.f-img-card .card-button a {
font-size: 0.9em;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.f-img-card .card-button:hover {
transform: scale(1.1);
width: 84px;
bottom: 4px;
right: 6px;
transition: 400ms;
background-color: white;
}
.f-img-card .card-button:hover a {
color: #00aeef;
}
.f-img-card-100 {
border: none;
width: 100%;
padding: 3px;
background-color: transparent;
}
@media screen and (min-width: 992px) {
.f-img-card-100 {
width: 100%;
}
}
.f-img-card-100 img {
border-radius: 10px;
filter: brightness(0.5);
}
.f-img-card-100 .card {
position: relative;
height: 120px;
}
.f-img-card-100 .card-name {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: white;
}
.f-img-card-100 .card-name h2 {
position: absolute;
bottom: 45%;
margin-left: auto;
margin-right: auto;
font-size: 0.9em;
text-align: center;
width: 8em;
}
.f-img-card-100 .card-button {
position: absolute;
bottom: 3px;
right: 3px;
height: 37px;
width: 74px;
text-align: center;
color: white;
border-radius: 10px 0;
background-color: #00aeef;
}
.f-img-card-100 .card-button a {
font-size: 0.9em;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.f-img-card-100 .card-button:hover {
transform: scale(1.1);
width: 84px;
bottom: 4px;
right: 6px;
transition: 400ms;
background-color: white;
}
.f-img-card-100 .card-button:hover a {
color: #00aeef;
}
.f-img-card-owl {
border: none;
padding: 3px;
background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.397) 0%, rgba(0, 0, 0, 0.17) 100%);
}
.f-img-card-owl img {
width: auto;
max-height: 320px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
filter: brightness(0.8);
}
.f-img-card-owl .card {
position: relative;
}
.f-img-card-owl .card-name {
color: white;
}
.f-img-card-owl .card-name h2 {
position: absolute;
bottom: 15%;
right: 20px;
font-size: 1.2em;
font-weight: 500;
text-align: center;
width: 8em;
}
.f-img-card-owl .card-button {
position: absolute;
bottom: 3px;
right: 3px;
height: 37px;
width: 74px;
text-align: center;
color: white;
border-radius: 10px 0;
background-color: #00aeef;
}
.f-img-card-owl .card-button a {
font-size: 0.9em;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.f-img-card-owl .card-button:hover {
transform: scale(1.1);
width: 84px;
bottom: 4px;
right: 6px;
transition: 400ms;
background-color: white;
}
.f-img-card-owl .card-button:hover a {
color: #00aeef;
}
.f-img-card-logo {
border: none;
width: auto;
height: 100%;
padding: 0 3px;
background-color: transparent;
}
.f-img-card-logo img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px 0;
}
.f-img-card-logo .card {
position: relative;
}
.f-img-card-logo .card-logo {
position: absolute;
top: 23px;
left: 23px;
height: auto;
text-align: center;
color: white;
}
.f-img-card-logo .card-logo img {
width: 122px;
}
.f-img-card-logo .card-domain {
position: absolute;
right: 23px;
top: 32px;
font-size: 0.9em;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.f-img-card-left {
border: none;
padding: 3px;
background-color: transparent;
}
@media screen and (min-width: 992px) {
.f-img-card-left {
height: 320px;
}
}
.f-img-card-left:hover {
transform: scale(0.954);
transition: 400ms;
}
.f-img-card-left img {
border-radius: 24px 0;
filter: brightness(0.9);
box-shadow: 0px 5.94495px 5.94495px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 992px) {
.f-img-card-left img {
height: 320px;
}
}
.f-img-card-left .card {
position: relative;
height: 120px;
}
.f-img-card-left .card-name {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: white;
}
.f-img-card-left .card-name h2 {
position: absolute;
bottom: 45%;
margin-left: auto;
margin-right: auto;
font-size: 0.9em;
text-align: center;
width: 8em;
}
.f-img-card-left .card-button {
position: absolute;
top: 3px;
left: 3px;
height: 98%;
width: 55px;
text-align: center;
color: white;
border-radius: 24px 0 0;
background-color: rgba(255, 255, 255, 0.9333333333);
}
.f-img-card-left .card-button h3 {
font-size: 1em;
text-transform: uppercase;
font-weight: 800;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #00aeef;
transform: rotate(-90deg);
letter-spacing: 1.836px;
}
.f-img-card-blog {
border: none;
width: 14rem;
height: 350px;
padding: 3px;
border-radius: 24px 0px;
box-shadow: -1px 4px 4px 0px rgba(0, 0, 0, 0.25);
background-color: white;
}
@media screen and (min-width: 992px) {
.f-img-card-blog {
width: 16rem;
}
}
.f-img-card-blog img {
border-bottom: 1px solid white;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px 0px;
}
.f-img-card-blog .card {
position: relative;
}
.f-img-card-blog .card-name {
height: 100px;
padding: 5px 0 0 15px;
background-color: #00aeef;
border-radius: 24px 0px;
}
.f-img-card-blog .card-name a {
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 600;
font-size: 0.8em;
color: white;
padding-right: 50px;
}
@media screen and (min-width: 992px) {
.f-img-card-blog .card-name a {
font-size: 0.9em;
padding-right: 60px;
}
}
.f-img-card-blog .card-button {
position: absolute;
bottom: 3px;
right: 3px;
height: 27px;
width: 100px;
text-align: center;
color: white;
border-radius: 10px;
background-color: #00aeef;
}
@media screen and (min-width: 992px) {
.f-img-card-blog .card-button {
width: 115px;
}
}
.f-img-card-blog .card-button a {
font-size: 10px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.f-img-card-blog .card-button:hover {
transition: 400ms;
background-color: white;
}
.f-img-card-blog .card-button:hover a {
color: #00aeef;
}
.baslik {
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
color: #2E4046;
text-align: center !important;
font-size: 2.3em;
font-weight: 700;
}
.head-title {
padding: 20px 0 10px 0;
font-size: 2.3em;
color: #00aeef;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
font-weight: 600;
text-align: center;
cursor: default;
}
.wawe-position-top {
position: absolute;
top: -20px;
width: 100%;
}
@media screen and (min-width: 992px) {
.wawe-position-top {
top: -80px;
}
}
.wawe-position-bottom {
position: absolute;
z-index: -1;
bottom: 0px;
rotate: 180;
width: 100%;
}
@media screen and (min-width: 992px) {
.wawe-position-bottom {
bottom: 180px;
}
}
.z-index-1000 {
z-index: 1000 !important;
}
.div-for-img {
content: "";
z-index: 1;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.div-for-img h1, .div-for-img h2, .div-for-img h3, .div-for-img h4, .div-for-img h5, .div-for-img h6, .div-for-img a, .div-for-img p, .div-for-img span, .div-for-img i {
z-index: 100 !important;
}
.div-for-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.img-for-div {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.img-for-div img {
width: 100%;
} .tag-section a {
color: #231f20;
background-color: #00aeef;
margin-right: 10px;
padding: 3px 10px;
} .line-clamp, .card-text {
height: 68px;
overflow: hidden;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
} .form-check-input:checked {
background-color: #00aeef;
border: none !important;
outline: none !important;
}
select:checked, select:focus {
background-color: #00aeef;
border: none !important;
outline: none !important;
box-shadow: none;
}
.form-control:focus {
box-shadow: none;
border-color: #00aeef;
}
.contact-form label {
margin: 2px 0 5px 0 !important;
}
input[type=file] {
background-color: red;
}
input[type=file]::file-selector-button {
display: none;
}
.section {
padding: 80px 0;
}
header {
margin-top: -145px;     }
header span.bg-color-mail {
background-color: rgba(0, 175, 239, 0.4235294118);
z-index: -1;
width: 45%;
height: 105px;
right: 0;
position: absolute;
-webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
}
header span.bg-color-mail::before {
content: " ";
width: 57%;
background-color: rgba(0, 100, 240, 0.6352941176);
height: 45px;
right: 0;
border-bottom: 2px solid rgb(165, 196, 255);
position: absolute;
-webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
}
header a {
color: #fbfbfb;
text-decoration: none;
transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
}
header .header-top-userinfo {
margin-bottom: 0;
padding: 0;
}
header .header-top-userinfo li {
list-style: none;
float: left;
color: #ffffff;
font-size: 14px;
margin-right: 11px;
}
header .header-top-userinfo li a {
padding: 14px 14px 14px 0;
display: inline-block;
vertical-align: top;
color: #ffffff;
}
header .header-top-userinfo li:hover {
background-color: rgba(255, 255, 255, 0.1);
}
header .header-top-userinfo li i {
float: left;
margin: 3px 10px 0px 0px;
}
header a:focus {
outline: none;
text-decoration: none;
color: #3c97ac;
}
header a:hover,
header a:active {
outline: 0;
text-decoration: none;
color: #3c97ac;
}
header .main-content > .vc_row {
margin-left: 0;
margin-right: 0;
}
header .fullwidth-section .container {
width: 100%;
max-width: 100%;
}
header .fullwidth-section .container .vc_column-inner {
padding: 0px;
}
header .grid-section {
clear: both;
margin: 0 !important;
}
header .vc_column-inner:after,
header .vc_column-inner:before {
display: block;
}
header .wpb_button,
header .wpb_content_element,
header ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
header .main-header {
position: relative;
margin-bottom: -40px;
}
@media screen and (max-width: 768px) {
header .main-header {
display: none;
}
}
header .header-topuserinfo {
display: flex;
}
header .logo, header .logo-w {
float: left;
padding-top: 20px;
padding-bottom: 20px;
color: #00aeef;
}
header .logo img, header .logo-w img {
max-height: 95px;
}
header .nav-menu {
float: right;
}
header .mobile-menu {
display: none;
text-align: center;
width: 41px;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 22px;
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
}
header ul.mainmenu {
vertical-align: middle;
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
header ul.mainmenu > li {
display: inline-block;
padding: 29px 12px;
position: relative;
}
header ul.mainmenu > li > a,
header ul.mainmenu > li > a:link,
header ul.mainmenu > li > a:visited {
padding: 25px 5px;
display: inline-block;
text-align: center;
font-size: 1.07em;
font-weight: 500;
color: #fbfbfb!important;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif; letter-spacing: -0.6px;
border-bottom: 2px solid rgba(255, 255, 255, 0);
position: relative;
text-transform: capitalize;
position: relative;
}
.sticky-style ul.mainmenu > li > a,
.sticky-style ul.mainmenu > li > a:visited,
.sticky-style ul.mainmenu > li > a:link{
color: #212121!important;
}
header ul.mainmenu > li:hover a,
header ul.mainmenu > li > a.current {
color: #00aeef;
}
header ul.mainmenu > li > a.current {
border-bottom-color: #231f20;
}
header ul.mainmenu > li > a.current:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #231f20;
border-width: 8px;
margin-left: -8px;
}
header ul.mainmenu ul {
position: absolute;
left: -30px;
width: 200px;
padding: 0 0 3px;
list-style: none;
margin: 0;
z-index: 2;
border-bottom: 2px solid #00aeef;
border-right: 2px solid #00aeef;
border-radius: 10px 0 10px 0;
display: none;
background-color: #fff;
box-shadow: 0px 8.6px 10px rgba(0, 0, 0, 0.025), 0px 69px 80px rgba(0, 0, 0, 0.05);
}
header ul.mainmenu ul li, header ul.mainmenu ul a {
font-size: 0.97em !important;
}
header ul.mainmenu ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
}
header ul.mainmenu ul li:last-child {
border-bottom: none;
}
header ul.mainmenu li li a:link,
header ul.mainmenu li li a:visited {
color: rgba(120, 120, 120, 0.7058823529);
display: block;
padding: 8px 15px;
font-size: 15px;
}
header ul.mainmenu li li a:link:hover,
header ul.mainmenu li li a:visited:hover {
color: #00aeef;
}
header ul.mainmenu li li a:hover {
background: rgba(255, 255, 255, 0.1);
}
header ul.mainmenu ul ul {
position: absolute;
left: 100%;
top: 0;
display: none;
}
header .header-main {
position: relative;
}
header ul.mainmenu > li.parent > a:not(.child-triggerm):after {
content: "\f107";
font-family: FontAwesome;
margin-left: 6px;
font-size: 13px;
}
header ul.mainmenu > li.parent li.parent > a:not(.child-triggerm):after {
content: "\f105";
font-family: FontAwesome;
margin-left: 10px;
position: absolute;
right: 10px;
}
header ul.mainmenu > li.parent li.parent > a {
position: relative;
}
@media (min-width: 768px) {
header ul.mainmenu {
display: block;
}
header ul.mainmenu li:hover > ul {
display: block;
}
header ul.mainmenu ul li:hover ul {
display: block;
}
}
@media screen and (max-width: 992px) {
header { }
header .mainmenu {
display: none;
}
header ul.mainmenu {
text-align: left;
position: absolute;
top: 100%;
padding: 0;
right: 0;
width: 100%;
background: #fbfbfb;
display: none;
z-index: 9999999;
}
header ul.mainmenu > li {
float: left;
width: 100%;
padding: 0px;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
}
header ul.mainmenu > li:first-child {
border: none;
}
header ul.mainmenu > li > a:link,
header ul.mainmenu > li > a:visited {
padding: 10px 15px;
font-size: 16px;
float: left;
width: 100%;
border: none;
text-align: left;
color: #00aeef;
}
header ul.mainmenu > li > a:hover {
background: rgba(255, 255, 255, 0.2);
}
header a.mobile-menu i {
display: inline;
position: relative;
top: -2px;
margin-left: 0;
-webkit-transition-duration: 0s;
-webkit-transition-delay: 0.2s;
-moz-transition-duration: 0s;
-moz-transition-delay: 0.2s;
transition-duration: 0s;
transition-delay: 0.2s;
}
header a.mobile-menu i:before,
header a.mobile-menu i:after {
position: absolute;
content: "";
left: 0;
}
header a.mobile-menu i,
header a.mobile-menu i:before,
header a.mobile-menu i:after {
width: 35px;
height: 4px;
border-radius: 10px;
background-color: #ffffff;
display: inline-block;
vertical-align: middle;
}
header a.mobile-menu i:before {
margin-top: -10px;
-webkit-transition-property: margin, -webkit-transform;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0;
}
header a.mobile-menu i:after {
margin-top: 10px;
-webkit-transition-property: margin, -webkit-transform;
-webkit-transition-duration: 0.2s;
-webkit-transition-delay: 0.2s, 0;
}
header .mobile-open a.mobile-menu i {
background-color: rgba(0, 0, 0, 0);
-webkit-transition-delay: 0.2s;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
header .mobile-open a.mobile-menu i:before {
margin-top: 0;
transform: rotate(45deg);
-webkit-transition-delay: 0, 0.2s;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
header .mobile-open a.mobile-menu i:after {
margin-top: 0;
transform: rotate(-45deg);
-webkit-transition-delay: 0, 0.2s;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
header ul.mainmenu > li > a.current:after {
display: none;
}
header ul.mainmenu ul {
position: relative;
top: auto;
left: auto;
float: left;
width: 100%;
}
header ul.mainmenu ul li {
position: relative;
}
header ul.mainmenu ul li a {
padding: 8px 15px 8px 25px;
color: #fff;
}
header ul.mainmenu ul ul {
position: relative;
left: auto;
top: auto;
float: left;
width: 100%;
}
header ul.mainmenu ul ul li {
padding-left: 10px;
}
header a.child-triggerm {
display: block !important;
cursor: pointer;
position: absolute !important;
top: 0px;
right: 0px;
width: 50px !important;
min-width: 50px !important;
height: 38px !important;
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, 0.2);
}
header a.child-triggerm:hover {
text-decoration: none;
color: #f00;
}
header a.child-triggerm span {
position: relative;
top: 50%;
margin: 0 auto !important;
transition-duration: 0.2s;
}
header a.child-triggerm span:after {
position: absolute;
content: "";
}
header a.child-triggerm span,
header a.child-triggerm span:after {
width: 10px;
height: 1px;
background-color: #fff;
display: block;
}
header a.child-triggerm span:after {
transform: rotate(-90deg);
transition-duration: 0.2s;
}
header a.child-triggerm.child-open span:after {
transform: rotate(-180deg);
transition-duration: 0.2s;
}
header a.child-triggerm.child-open span {
transform: rotate(180deg);
transition-duration: 0.2s;
}
header a.child-triggerm:hover span,
header a.child-triggerm:hover span:after {
background-color: #00aeef;
}
header ul.mainmenu > li.parent > a:not(.child-triggerm):after {
content: none;
}
header .header-top-userinfo li a {
padding: 10px 0px;
font-size: 12px;
}
header .header-top-userinfo li:last-child {
margin: 0px;
}
header .user-section > li {
margin-left: 0px;
margin: 0px 10px;
padding-top: 5px;
}
header .user-section {
float: none;
display: inline-block;
vertical-align: top;
}
header .main-header {
text-align: center;
}
header .user-section > li a i {
margin: 3px 5px 0px 0px;
}
header ul.header-top-userinfo {
display: inline-block;
vertical-align: top;
}
header .header-main .row > div {
position: initial;
}
}
.mobile-menu-button {
display: block;
text-align: center;
width: 41px;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 35px;
position: absolute;
top: 25px;
right: 35px;
cursor: pointer;
}
@media screen and (min-width: 992px) {
.mobile-menu-button {
display: none;
}
} .sticky-style .main-header {
display: none !important;
}
.sticky-style .logo-shape {
display: inline-block;
}
.sticky-style .header-main {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
background-color: #fbfbfb;
z-index: -2;
}
.lang-menu ul.mainmenu {
margin-top: -3px;
}
.lang-menu ul.mainmenu li.lang-select {
color: #fbfbfb;
}
.lang-menu ul.mainmenu li.lang-select::before {
content: "\f0ac";
font-family: FontAwesome;
display: inline-block;
font-size: 15px;
color: #fbfbfb;
margin-right: 4px;
}
.lang-menu ul.mainmenu li {
padding: 7px 15px;
}
.lang-menu ul.mainmenu:after {
content: "\f107";
font-family: FontAwesome;
display: inline-block;
font-size: 11px;
margin-left: 1px;
color: #fbfbfb;
}
.logo-w {
display: block;
}
.logo {
display: none;
}
.sticky-style {
animation: slideInDown !important;
animation-duration: 1s !important;
box-shadow: -1px 8px 14px -9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: -1px 8px 14px -9px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -1px 8px 14px -9px rgba(0, 0, 0, 0.5);
}
.sticky-style .change-color {
filter: brightness(0) !important;
}
.sticky-style .main-header {
display: block;
}
.sticky-style ul.mainmenu > li > a:link,
.sticky-style ul.mainmenu > li > a:visited {
color: rgba(120, 120, 120, 0.7058823529);
}
.sticky-style ul.mainmenu > li > a:hover {
color: rgba(0, 0, 0, 0.4196078431);
}
.sticky-style .logo {
display: block;
}
.sticky-style .logo-w {
display: none;
}
.sticky-style .header-main {
background-color: white;
}
.sticky-style .header-top-info li {
color: #ffffff;
}
.sticky-style a {
color: #00aeef;
}
.sticky-style a:focus {
color: #00aeef;
}
.sticky-style a:hover,
.sticky-style a:active {
color: #00aeef;
}
.sticky-style a.mobile-menu i,
.sticky-style a.mobile-menu i:before,
.sticky-style a.mobile-menu i:after {
width: 35px;
height: 4px;
background-color: #F00036;
display: inline-block;
vertical-align: middle;
} .scroll-to-top {
display: none;
position: fixed;
z-index: 100;
right: 3rem;
bottom: 4.5rem;
background: #00aeef;
color: #fefefe;
padding: 3px 0;
width: 2.5rem;
height: 2.5rem;
text-align: center;
line-height: 40px;
font-size: 1.3em;
transition: all 0.3s;
overflow: hidden;
border-radius: 100%;
box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
-webkit-box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
-moz-box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
}
.scroll-to-top:hover {
background-color: #fbfbfb;
transform: scale(0.9);
color: #00aeef;
}
.scroll-to-top:hover:before {
animation: shine 1.5s;
}
.scroll-to-top::before {
position: absolute;
top: 0;
left: -75%;
z-index: 10;
display: block;
content: "";
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.whatsapp-fixed {
position: fixed;
z-index: 100;
right: 3rem;
bottom: 1rem;
background: #128c7e;
color: white;
padding: 1px 2px;
width: 2.5rem;
height: 2.5rem;
text-align: center;
line-height: 40px;
font-size: 1.4em;
transition: all 0.3s;
overflow: hidden;
border-radius: 100%;
box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
-webkit-box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
-moz-box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.453);
}
.whatsapp-fixed:hover {
color: #231f20;
transform: scale(0.9);
}
.whatsapp-fixed:hover:before {
animation: shine 1.5s;
}
.whatsapp-fixed::before {
position: absolute;
top: 0;
left: -75%;
z-index: 10;
display: block;
content: "";
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
}
.whatsapp-fixed::after {
content: "Whatsapp Hattı";
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 2em;
color: #128c7e;
} footer {
background-image: url(https://celikendustriyel.seoajansi.net/wp-content/uploads/2024/05/bg-world.jpg);
background-size: cover;
background-blend-mode: color-burn;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #04113a;
background-position: 50% 50%;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
filter: drop-shadow(0px -4px 4px rgba(0, 18, 117, 0.06));
z-index: 1000;
}
@media screen and (max-width: 576px) {
footer {
padding: 0 10px;
}
}
footer a, footer p, footer h6, footer li, footer ul, footer div, footer span {
color: #fbfbfb;
}
footer strong {
color: #fbfbfb !important;
font-weight: 700;
}
footer p {
color: #fbfbfb;
font-size: 0.9em;
}
footer h5 {
font-weight: 700;
font-size: 1em;
color: #fbfbfb;
}
footer h6 {
padding-top: 10px;
font-weight: 700;
font-size: 0.9em;
color: #fbfbfb;
}
footer li a, footer p {
font-weight: 300;
font-size: 0.9em;
color: #ecfeff !important;
}
footer .logo {
display: flex;
max-height: 120px;
}
@media screen and (max-width: 768px) {
footer .logo {
max-width: 75%;
}
}
footer ul, footer li {
list-style-type: none;
}
@media screen and (min-width: 992px) {
.footer-height {
max-height: 800px !important;
}
}
@media screen and (max-width: 992px) {
.footer-height {
height: 100% !important;
}
}
.social-icons a {
width: 15px;
height: 15px;
}
.social-icons i {
padding: 8px;
font-size: 0.78em;
background-color: #fbfbfb;
color: #2E4046;
border-radius: 50%;
transition: 400ms;
border: 2px solid #fbfbfb;
}
.social-icons i:hover {
background-color: transparent;
border: 2px solid #fbfbfb;
color: #fbfbfb;
transform: scale(0.95);
} @keyframes thing {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.2, 1.2);
}
} .otgs-development-site-front-end {
display: none !important;
} .wp-block-heading {
font-weight: 700;
color: #00aeef;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
} .arrow-prev {
position: absolute;
font-size: 1.5em;
bottom: 5%;
right: 45px;
height: 45px;
width: 45px;
top: auto;
z-index: 1000 !important;
border: none;
color: #fbfbfb !important;
background-color: transparent !important;
transition: 400ms ease-in-out;
}
@media screen and (min-width: 768px) {
.arrow-prev {
bottom: 8%;
right: 80px;
height: 50px;
width: 50px;
font-size: 2em;
}
}
.arrow-prev:hover {
transform: scale(0.8);
}
.arrow-next {
position: absolute;
font-size: 1.5em;
bottom: 5%;
right: 95px;
height: 45px;
width: 45px;
top: auto;
border: none;
z-index: 1000 !important;
color: #fbfbfb !important;
background-color: transparent !important;
transition: 400ms ease-in-out;
}
@media screen and (min-width: 768px) {
.arrow-next {
bottom: 8%;
right: 120px;
height: 50px;
width: 50px;
font-size: 2em;
}
}
.arrow-next:hover {
transform: scale(0.8);
}
.orta-hiza {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: start;
}
@media screen and (min-width: 768px) {
.orta-hiza {
text-align: center;
}
}
.sn-faaliyet {
background: rgba(255, 255, 255, 0.568627451);
padding: 80px 0;
}
.sn-faaliyet h2.baslik {
color: #2E4046 !important;
font-weight: 500;
font-size: 1.5em;
text-align: center;
}
@media screen and (min-width: 768px) {
.sn-faaliyet h2.baslik {
width: 800px;
font-weight: 600;
font-size: 2.1em;
}
}
.sn-faaliyet p.metin {
color: rgba(120, 120, 120, 0.7058823529);
font-size: 200;
text-align: center;
}
@media screen and (min-width: 768px) {
.sn-faaliyet p.metin {
width: 700px;
}
}
.sn-faaliyet .card {
position: relative;
}
.sn-faaliyet .card img {
height: 300px;
}
.sn-faaliyet .card h3 {
position: absolute;
bottom: 13px;
color: white;
font-size: 1.2em;
text-align: center;
z-index: 100;
}
.sn-faaliyet .card:hover img {
filter: blur(1px);
}
.sn-faaliyet .card .card-body {
position: absolute;
bottom: 0;
height: 70px;
width: 100%;
border-radius: 0 0 0;
background: #2E4046;
transition: 400ms ease-in;
}
.sn-faaliyet .card .card-body i {
position: absolute;
z-index: 2;
color: #fbfbfb;
font-size: 1.6em;
right: 25px;
bottom: 25px;
}
.sn-faaliyet .card .card-body::after {
content: " ";
position: absolute;
width: 90px;
height: 70px;
-webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
right: 0;
bottom: 0;
color: #fbfbfb;
background-color: #F00036;
z-index: 1;
}
.h-slider {
position: relative;
}
.h-slider .carousel-indicators {
position: absolute;
left: auto;
right: -12%;
bottom: 40%;
rotate: 90deg;
}
.h-slider .carousel-indicators button {
width: 15px !important;
height: 15px !important;
border-radius: 50%;
}
.h-slider .carousel-indicators button.active {
background-color: #fbfbfb;
}
.h-slider .slider-social-icons {
display: flex;
position: fixed;
flex-direction: column;
align-content: center;
bottom: 35%;
font-size: 18px;
right: 0;
background-color: #fbfbfb;
width: 60px;
z-index: 10;
border-radius: 10px 0 0 10px;
border-left: 4px solid #00aeef;
box-shadow: 1.9px 2.4px 3.8px rgba(0, 0, 0, 0.024), 5.4px 6.6px 10.4px rgba(0, 0, 0, 0.035), 13px 16px 25px rgba(0, 0, 0, 0.046), 43px 53px 83px rgba(0, 0, 0, 0.07);
}
.h-slider .slider-social-icons i {
color: #00aeef;
font-size: 0.9em;
padding: 12px 20px;
}
.h-slider .carousel, .h-slider .carousel-item,
.h-slider .carousel > iframe,
.h-slider .carousel > video {
height: 100svh !important;
}
@media screen and (min-width: 768px) {
.h-slider .carousel, .h-slider .carousel-item,
.h-slider .carousel > iframe,
.h-slider .carousel > video {
height: 100svh !important;
}
}
.h-slider .carousel {
background-image: linear-gradient(to bottom, #00090d, #0a1f27, #000000, #02607f, #00aeef);
}
.h-slider .carousel .carousel-item {
text-align: left !important;
}
.h-slider .carousel .carousel-item h1 {
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif !important;
font-weight: 700;
font-size: 2.3em;
text-align: left;
color: #fbfbfb !important;
position: relative;
z-index: 2;
color: #fbfbfb;
}
@media screen and (max-width: 768px) {
.h-slider .carousel .carousel-item h1 {
font-size: 2em;
}
}
@media screen and (min-width: 768px) {
.h-slider .carousel .carousel-item h1 {
width: 600px;
}
}
.h-slider .carousel .carousel-item h1 p {
color: #fbfbfb !important;
}
.h-slider .carousel iframe, .h-slider .carousel video {
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
}
.h-slider .carousel .carousel-caption {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
top: 150px;
}
.h-slider .carousel img {
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
width: 100%;
opacity: 0.3;
transition: 400ms ease-in-out;
animation: thing 40s;
}
.h-slider .carousel img:hover {
filter: blur(0.1px);
}
@media screen and (min-width: 768px) {
.h-slider .carousel img {
margin-top: 0;
height: 100svh;
}
}
@media screen and (max-width: 768px) {
.h-slider .carousel img {
height: 100svh;
-o-object-fit: cover;
object-fit: cover;
}
}
.h-slider .carousel .theme-button-6 {
color: #F00036;
padding: 0;
font-weight: 600;
}
.h-slider .carousel .theme-button-6 i {
font-size: 0.8em;
margin-left: 10px;
}
.h-slider .carousel .theme-button-6:hover {
border: none;
color: #2E4046;
}
.h-slider .carousel .theme-button-6:focus {
border: none;
} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
background-color: var(--base-color) !important;
color: #00aeef;
}
@media screen and (min-width: 992px) {
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
position: absolute;
left: -30px;
top: 50%;
display: block;
font-size: 2.5em;
margin: 0;
cursor: pointer;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 992px) {
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
margin: 10px;
font-size: 1.6em;
}
}
.owl-carousel .owl-nav button.owl-prev :hover, .owl-carousel .owl-nav button.owl-prev :hover, .owl-carousel button.owl-dot.owl-nav :hover {
transform: scale(1.1);
transition: 400ms;
color: #0e0e0e;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
background-color: var(--base-color) !important;
color: #00aeef;
}
@media screen and (min-width: 992px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
position: absolute;
right: -43px;
top: 50%;
display: block;
font-size: 2.5em;
margin: 0;
cursor: pointer;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 992px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
margin: 10px;
font-size: 1.6em;
}
}
.owl-carousel .owl-nav button.owl-next :hover, .owl-carousel .owl-nav button.owl-next :hover, .owl-carousel button.owl-dot.owl-nav :hover {
transform: scale(1.1);
transition: 400ms;
color: #0e0e0e;
}
.owl-theme .owl-nav .disabled {
opacity: 1;
}
.owl-nav .disabled {
display: inline-block !important;
} .parallax {  height: 100%; background-blend-mode: soft-light !important;
background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 992px) {
.parallax {
background-size: 140%;
}
}
@media screen and (min-width: 992px) {
.parallax {
background-size: 15% !important;
}
}
.parallax-section {
background-size: cover;
}
@media screen and (min-width: 992px) {
.parallax-section {
padding: 80px 79px;
}
}
.parallax-section h2 {
text-align: center;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
color: white;
font-weight: 600;
font-size: 2.3em;
}
.parallax-section h3 {
font-size: 1em !important;
}
.page-parallax {
background-position: right !important;
background-attachment: fixed;
background-blend-mode: soft-light;
}
@media screen and (min-width: 992px) {
.page-parallax {
background-size: 25% !important;
}
}
@media screen and (max-width: 992px) {
.page-parallax {
background-image: none !important;
}
}
.parallax-section-left {
background-position: left !important;
background-attachment: fixed;
background-blend-mode: soft-light;
}
@media screen and (min-width: 992px) {
.parallax-section-left {
background-size: 15% !important;
background-position: 5% 40% !important;
}
}
@media screen and (max-width: 992px) {
.parallax-section-left {
background-image: none !important;
}
}
.parallax-section-right {
background-position: right !important;
background-attachment: fixed;
background-blend-mode: soft-light;
}
@media screen and (min-width: 992px) {
.parallax-section-right {
background-size: 20% !important;
}
}
@media screen and (max-width: 992px) {
.parallax-section-right {
background-image: none !important;
}
}
@media only screen and (max-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
.parallax-right {
background-attachment: scroll;
}
} .page-title {
background: rgb(93, 127, 125);
background-image: linear-gradient(-90deg, rgba(4, 72, 97, 0.795) 33%, rgba(43, 84, 100, 0.308) 62%, rgba(0, 51, 70, 0.795) 86%), url(https://celikendustriyel.seoajansi.net/wp-content/uploads/2024/05/slider-2.jpg);
background-attachment: fixed;
background-position: bottom;
background-size: cover;
height: 30vh;
color: white !important;
background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
.page-title {
height: 35vh;
}
}
.page-title img {
filter: brightness(0.4);
height: 25vh;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 901px) {
.page-title img {
-o-object-position: 80%;
object-position: 80%;
}
}
.page-title .page-title, .page-title .page-subtitle {
padding: 0 20px;
display: none;
}
.page-title h1 {
text-align: left;
top: 0px;
z-index: 1000;
color: #FFF;
font-size: 1.7rem;
font-style: normal;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-title h1 {
margin-bottom: -1px;
font-size: 2rem;
}
}
.page-title h2 {
font-size: 0.9rem;
font-weight: 400;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-title h2 {
font-size: 0.9rem;
}
}
.page-title .p-title {
position: absolute;
background-color: transparent;
z-index: 2;
top: 23vh;
text-align: start;
}
@media screen and (max-width: 768px) {
.page-title .p-title {
top: 27vh;
}
}
.page-title .p-title span {
position: absolute;
bottom: 20px;
}
.page-title .p-title a {
color: rgba(255, 255, 255, 0.5764705882);
}
@media screen and (max-width: 768px) {
.page-title .p-title a {
font-size: 0.8rem;
}
}
.page-title .p-title i {
font-size: 0.7em;
color: rgba(255, 255, 255, 0.5764705882);
}
.page-title .page-subtitle {
position: absolute;
z-index: 13;
top: 2vh;
z-index: 1000;
}
.page-title .page-subtitle a, .page-title .page-subtitle i {
color: rgba(255, 255, 255, 0.5764705882);
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 5vh 0 0 0;
} .page-property {
padding: 6vh 0 0 0;
}
.page-property p {
font-size: 1.1em;
}
.page-property .img-property {
max-height: 450px;
width: 100%;
-o-object-position: 45% 25%;
object-position: 45% 25%;
padding: 0;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.page-property .baslik {
padding-top: 30px;
padding-bottom: 15px;
font-weight: 700;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif !important;
}
@media screen and (min-width: 992px) {
.page-property .about-mision, .page-property .about-vision {
padding: 5vh 0;
}
}
@media screen and (min-width: 992px) {
.page-property .about-mision .baslik, .page-property .about-vision .baslik {
padding-top: 40px;
}
}
.page-property .about-mision img, .page-property .about-vision img {
margin: 20px 0;
height: 350px;
border-radius: 3px;
}
.page-property .about-mision p, .page-property .about-vision p {
padding: 10px 0;
}
@media screen and (max-width: 768px) {
.page-property .paragraf-alani h1, .page-property .paragraf-alani h2, .page-property .paragraf-alani h3, .page-property .paragraf-alani h4, .page-property .paragraf-alani h5, .page-property .paragraf-alani h6 {
text-align: center;
}
}
.first-title {
color: #2E4046;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif !important;
font-weight: 600;
} .page-error {
padding: 50px 0px;
text-align: center;
}
.page-error h2 {
padding: 20px 10px 0 10px;
font-size: 24px;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-weight: 600;
}
.page-error img {
height: auto;
width: 150px;
justify-content: center;
} .page-search {
padding: 8vh 0;
}
@media screen and (max-width: 768px) {
.page-search {
padding: 3vh 5px;
}
}
.about-section {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 50%;
background-position: 100% 80%;
-o-object-fit: contain;
object-fit: contain;
position: relative;
padding-top: 50px;
}
.about-section::before {
display: inline-block;
z-index: 1000;
width: 20px;
height: 20px;
border: 2px solid #ddd;
border-radius: 10px;
background-color: red;
}
.about-section p, .about-section span, .about-section div {
color: #838383;
}
@media screen and (min-width: 992px) {
.about-section {
padding: 12vh 0;
}
}
@media screen and (max-width: 992px) {
.about-section {
padding: 50px 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
text-align: center;
}
}
.about-section .second-title {
line-height: 16px;
color: #00aeef;
font-weight: 700;
font-size: 2em;
text-transform: uppercase;
margin-bottom: 20px;
}
.about-section .about-section-img {
-o-object-fit: cover;
object-fit: cover;
transition: 400ms ease-in-out;
}
@media screen and (min-width: 1400px) {
.about-section .about-section-img {
height: 400px;
}
}
@media screen and (min-width: 992px) {
.about-section .about-section-img {
-webkit-clip-path: polygon(0 0, 94% 0, 79% 100%, 0% 100%);
clip-path: polygon(0 0, 94% 0, 79% 100%, 0% 100%);
z-index: 2 !important;
box-shadow: 0px 0px 4px 3px rgba(134, 134, 134, 0.55);
}
}
.about-section .about-section-img:hover {
filter: grayscale(1);
}
.service-section {
background-color: #fbfbfb;
padding: 7vh 0;
text-align: left;
}
.service-section h1, .service-section h2, .service-section h3, .service-section h4, .service-section h5, .service-section h6 {
color: #231f20;
font-weight: 600;
font-size: 1.4em;
}
@media screen and (min-width: 992px) {
.service-section .col-lg-12 {
width: 93%;
}
}
.service-section .owl-next, .service-section .owl-prev {
display: none !important;
}
.service-section img {
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.27);
-o-object-fit: cover;
object-fit: cover;
height: 450px;
border-radius: 10px;
}
@media screen and (min-width: 992px) {
.service-section {
padding: 10vh 0;
}
}
.service-section p {
text-align: center;
}
@media screen and (min-width: 992px) {
.service-section p {
text-align: left;
}
}
.service-section .service-title {
color: #231f20;
text-align: center;
position: relative;
font-weight: 600;
}
@media screen and (min-width: 992px) {
.service-section .service-title {
font-size: 2em;
padding-right: 90px;
text-align: left;
}
}
.service-owl-section {
padding: 6vh 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.service-owl-section .col-lg-3 {
display: flex;
flex-direction: column;
}
}
.service-owl-section img {
height: 310px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
transition: 400ms ease-in-out;
}
.service-owl-section img:hover {
transform: scale(0.99);
filter: brightness(0.855);
}
.service-owl-section h3 {
color: #00aeef;
font-size: 2.4em;
font-weight: 500;
}
.service-owl-section .card {
padding: 0 0 5rem 0;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
border: 1px solid #f0f0f0 !important;
}
@media screen and (min-width: 992px) {
.service-owl-section .card {
height: 33rem;
}
}
.service-owl-section .card img {
top: 0;
width: 300px !important;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
box-shadow: 0px 0px 4px 3px rgba(134, 134, 134, 0.25);
margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
.service-owl-section .card img {
width: auto;
max-width: 330px;
height: 230px;
}
}
.service-owl-section .card img:hover {
filter: brightness(0.955);
}
.service-owl-section .card h2 {
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif !important;
font-size: 1.5em !important;
font-weight: 600;
}
.service-owl-section .card p {
font-size: 0.9em;
color: #aaaaaa;
padding: 0 20px;
}
@media screen and (min-width: 992px) {
.service-owl-section .card p {
padding: 0 80px;
}
}
.service-owl-section .card i {
font-size: 1.5em;
}
.service-owl-section .service-title {
text-align: center;
color: #231f20;
display: flex;
justify-content: center;
font-weight: 700;
}
@media screen and (min-width: 992px) {
.service-owl-section .service-title {
font-size: 2.4em;
}
}
.pagination .page-link {
color: #00aeef;
}
.pagination .page-link:focus, .pagination .page-item:focus {
border: none;
outline: none;
box-shadow: none;
}
.page-about {
padding: 8vh 0;
padding: 6vh 0 0 0;
}
.page-about p {
font-size: 1.1em;
}
.page-about .img-property {
max-height: 300px;
width: 100%;
padding: 0;
-o-object-fit: cover;
object-fit: cover;
}
.page-about .baslik {
padding: 30px 0 15px 0;
font-weight: 700;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
}
.page-about img {
height: 490px;
-o-object-fit: cover;
object-fit: cover;
filter: drop-shadow(-2px 5px 8px #aeaeae);
}
@media screen and (min-width: 992px) {
.page-about .about-mision, .page-about .about-vision {
padding: 5vh 0;
}
}
@media screen and (min-width: 992px) {
.page-about .about-mision .baslik, .page-about .about-vision .baslik {
padding-top: 40px;
}
}
.page-about .about-mision img, .page-about .about-vision img {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 3px;
filter: drop-shadow(-2px 5px 8px #aeaeae);
}
.page-about .about-mision p, .page-about .about-vision p {
padding: 10px 0;
} @media screen and (max-width: 992px) {
.contact-position {
margin-top: -120px;
}
}
.contact-height {
max-height: 500px;
z-index: 1;
background-position: center;
background-size: cover;
}
.contact-home {
z-index: 100;
}
@media screen and (min-width: 992px) {
.contact-home {
padding: 52px 12px;
margin-bottom: 120px;
}
}
.contact-home .card-contact {
border-radius: 21.77px;
background: rgb(255, 255, 255);
box-shadow: -1px -8px 13.06177px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 992px) {
.contact-home .card-contact {
padding: 0 80px;
}
}
.contact-home img {
border-radius: 20px;
}
@media screen and (min-width: 992px) {
.contact-home {
padding: 10vh 0;
}
}
.contact-home .contact-image {
height: 500px !important;
box-shadow: 5.53443px 0px 15.81266px 0px rgba(0, 0, 0, 0.363);
}
.contact-home .contact-title {
padding: 40px 0 0 0;
font-size: 2em;
font-weight: 600;
text-align: center;
color: #00aeef;
}
.contact-sociala a {
width: 15px;
height: 15px;
}
.contact-sociala a, .contact-sociala p {
font-weight: 400;
color: #424242;
}
.contact-sociala i {
padding: 8px;
font-size: 0.78em !important;
background-color: #00aeef !important;
color: #fbfbfb;
border-radius: 50%;
transition: 400ms;
border: 2px solid #00aeef;
}
.contact-sociala i:hover {
background-color: #fbfbfb !important;
border: 2px solid #00aeef;
color: #00aeef;
transform: scale(0.95);
}
.contact-section {
background-color: #fbfbfb;
padding: 5vh 0;
}
.contact-section img {
border-radius: 10px;
}
@media screen and (min-width: 992px) {
.contact-section {
padding: 10vh 0;
}
}
.contact-section .contact-image {
height: 500px !important;
box-shadow: 5.53443px 0px 15.81266px 0px rgba(0, 0, 0, 0.363);
}
.contact-section .contact-title {
font-size: 2em;
font-weight: 600;
color: #00aeef;
}
@media screen and (max-width: 992px) {
.contact-section .contact-title {
padding: 40px 0 0 0;
}
}
.contact-section .contact-social {
bottom: 0;
font-weight: 500;
}
.contact-section .contact-social a, .contact-section .contact-social i {
font-size: 0.9em;
color: #00aeef !important;
} .cont-img {
height: 580px !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-clip-path: circle(56% at 29% 40%);
clip-path: circle(56% at 29% 40%);
transition: 1s ease;
}
.cont-img:hover {
filter: grayscale(0.5);
}
.contact-form .col-12, .contact-form .col-lg-6, .contact-form .col-6 {
position: relative;
}
.contact-form .col-12 i, .contact-form .col-lg-6 i, .contact-form .col-6 i {
position: absolute;
top: 25px;
}
.contact-form .nameIcon::before {
content: "\f007";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 13px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .subjectIcon::before {
content: "\f15b";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 11px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .subjectIcon select::-moz-placeholder {
padding-left: 20px !important;
}
.contact-form .subjectIcon select::placeholder {
padding-left: 20px !important;
}
.contact-form .jobIcon::before {
content: "\f0b1";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 13px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .jobIcon select::-moz-placeholder {
padding-left: 20px !important;
}
.contact-form .jobIcon select::placeholder {
padding-left: 20px !important;
}
.contact-form .emailIcon::before {
content: "\f0e0";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 13px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .telIcon::before {
content: "\f095";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 13px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .messageIcon::before {
content: "\f075";
font-family: "Font Awesome 6 Free";
font-weight: 600;
font-size: 15px;
color: #2E4046;
position: absolute;
top: 13px;
margin-left: 15px;
padding-right: 3px;
}
.contact-form .main-color {
font-weight: 600;
}
.contact-form div {
margin-bottom: 25px;
}
.contact-form label {
margin: 6px 0;
color: #080808;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3px;
}
.contact-form .form-check-label {
margin: 0 !important;
font-size: 0.8em;
}
.contact-form input, .contact-form textarea, .contact-form select {
background-color: white;
border: 2px solid rgb(251, 251, 251);
border-radius: 20px;
padding: 12px 7px 12px 40px;
width: 100%;
color: #231f20 !important;
box-shadow: 1px 1px 1px 0px rgba(180, 180, 180, 0.181);
}
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form select::-moz-placeholder {
padding-left: 5px;
color: #878787;
font-weight: 300 !important;
}
.contact-form input::placeholder, .contact-form textarea::placeholder, .contact-form select::placeholder {
padding-left: 5px;
color: #878787;
font-weight: 300 !important;
}
.contact-form .form-check-input {
padding: 7px;
}
.contact-form select {
padding-left: 35px;
color: #878787;
}
.contact-form select::focus {
border: none;
}
.contact-form .form-outline .form-control.select-input:focus, .contact-form .select-input.focused, .contact-form .form-select:focus {
color: #00aeef;
outline: 0;
}
.contact-form .form-control:focus, .contact-form .form-select:focus {
color: #00aeef;
}
.contact-form .form-control:focus, .contact-form .form-select:focus {
border-color: #fbfbfb;
box-shadow: 1px 1px 1px 0px rgba(227, 227, 227, 0.181);
}
.contact-form ::-moz-placeholder {
color: #606161;
padding-left: 2vh;
}
.contact-form ::placeholder {
color: #606161;
padding-left: 2vh;
}
.contact-form .form-check-label {
font-size: 1em;
padding-left: 5px;
}
.contact-form .form-check-label .main-color {
margin-left: 5px;
font-weight: 500;
text-decoration: underline;
}
.contact-form .form-check-input {
width: 8px;
border: 1px solid #00aeef;
background-color: #FFF;
}
.contact-form .form-check-input:focus {
outline: none !important;
border: none !important;
background-color: #00aeef;
}
.contact-form .theme-button-1 {
width: 100%;
} .form-select {
background-color: white !important;
}
.form-select::focus {
border: none !important;
} .contact-map {
background-color: #f6f6f6;
}
.contact-map .map-title {
font-size: 2em;
color: #00aeef;
font-weight: 600;
}
@media screen and (min-width: 992px) {
.contact-map .map-title {
text-align: center;
}
}
.contact-map i {
color: #00aeef;
padding-right: 10px;
}
@media screen and (min-width: 992px) {
.contact-map p {
text-align: center;
margin-bottom: 35px;
}
}
.contact-map iframe {
box-shadow: 0px 2px 28px 0px rgba(0, 0, 0, 0.25);
}  .author-profile {
padding: 5vh 0;
}
.author-profile img {
height: 150px;
-o-object-fit: contain;
object-fit: contain;
} .author-article {
padding: 5vh 0;
}
.author-article h2 {
color: #00aeef;
font-weight: 600;
}
.author-article h3 {
font-size: 1em;
font-weight: 700;
} .comment-section {
text-align: center;
padding: 120px 0;
margin-bottom: 80px;
}
.comment-section p {
justify-content: center;
}
@media screen and (min-width: 992px) {
.comment-section p {
padding: 0 80px;
}
}
.comment-section .comment-image {
max-width: 96px;
max-height: 96px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
margin-bottom: 20px;
}
.comment-section .comment-name {
color: var(--text-color, #252B42);
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 22px; letter-spacing: 0.1px;
}
.comment-section .comment-job {
color: var(--second-text-color, #737373);
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px; letter-spacing: 0.2px;
}
@media screen and (max-width: 992px) {
.comment-section .owl-theme .owl-dots {
display: none;
}
}
.section-urun-detay {
position: relative;
padding: 5vh 0;
}
.section-urun-detay .dokuman-baslik {
margin: 15px 0;
font-size: 1em;
font-weight: 400;
text-align: center;
}
.section-urun-detay img {
height: 13rem;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
padding: 0 30px;
justify-content: center;
}
.section-urun-detay .card {
background-color: transparent !important;
margin: 20px 0;
border: none !important;
border-radius: none !important;
box-shadow: 0px 2px 12px -7px rgba(0, 0, 0, 0.25);
}
.section-urun-detay .card-body {
bottom: 0px !important;
}
.section-urun-detay .card-body h2 {
text-align: center;
font-size: 1.8rem;
border-radius: 3px;
padding: 10px;
color: #231f20;
font-weight: 600;
justify-content: center;
}
.section-urun-detay .card-body .theme-button-2 {
background-color: #231f20;
}
.section-urun-detay .card-title {
color: #00aeef;
font-size: 1.4em;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
}
.section-urun-detay .theme-button-2 {
bottom: 20px;
color: white;
background: #00aeef;
}
.section-urun-detay .theme-button-2:hover {
color: white;
background-color: #00aeef;
}
.section-urun-detay .title-section {
color: #00aeef;
text-align: center;
font-size: 2em;
font-weight: 700;
}
.section-urun-detay .theme-button-1:hover, .section-urun-detay .theme-button:hover {
background-color: white;
color: #00aeef !important;
}
.sn-hizmet {
background-color: #dfdfdf;
}
.sn-product .carousel-item > a > img {
height: 250px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 10px;
}
.sn-product .carousel-control-next, .sn-product .carousel-control-prev {
opacity: 1;
}
.sn-product .carousel-control-prev {
opacity: 1;
}
.sn-product .carousel-indicators img {
width: 70px;
display: block;
border-radius: 5px;
}
.sn-product .carousel-indicators button {
width: -moz-max-content !important;
width: max-content !important;
}
.sn-product .carousel-indicators {
position: unset;
}
.sn-lokasyon .carousel-item > a > img {
height: 350px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.sn-lokasyon h2 {
padding: 50px 0 0 0;
}
.sn-lokasyon ul.list-group {
padding-left: 1rem;
}
.sn-lokasyon ul.list-group li {
padding-left: 5px;
line-height: 1.8;
}
.sn-lokasyon .nav-tabs .nav-link {
color: #F00036;
}
.sn-lokasyon .carousel-control-next, .sn-lokasyon .carousel-control-prev {
opacity: 1;
}
.sn-lokasyon .carousel-control-prev {
opacity: 0;
}
.sn-lokasyon .carousel-indicators img {
width: 70px;
height: 70px;
display: block;
border-radius: 5px;
}
.sn-lokasyon .carousel-indicators button {
width: -moz-max-content !important;
width: max-content !important;
}
.sn-lokasyon .carousel-indicators {
position: unset;
}
.sn-blog {
background-color: #fbfbfb;
padding: 12vh 0 12vh 0;
}
@media screen and (max-width: 768px) {
.sn-blog {
padding: 3vh 0;
}
}
.sn-blog .card-img-top {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.sn-blog .card-title {
font-weight: 600;
}
.sn-blog img {
border-radius: 0px;
}
.sn-blog .card {
box-shadow: 8px -15px 15px 0px rgba(163, 163, 163, 0.15);
}
.section-ekibimiz {
position: relative;
padding: 5vh 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.section-ekibimiz {
padding: 80px 20px;
}
}
.section-ekibimiz .card {
margin: 20px 0;
border-radius: none !important;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
.section-ekibimiz .card-body {
padding: 20px;
position: relative;
}
.section-ekibimiz .card-title {
color: #00aeef;
font-size: 1.4em;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
}
.section-ekibimiz .theme-button-2 {
bottom: 20px;
color: white;
background: #00aeef;
}
.section-ekibimiz .theme-button-2:hover {
color: white;
background-color: #00aeef;
}
.section-ekibimiz .theme-button-1 {
bottom: 35px;
border-radius: 0;
background: #00aeef;
color: white;
border: none !important;
}
.section-ekibimiz .theme-button-1:hover {
color: white;
background-color: #00aeef;
}
.section-ekibimiz .profile-img {
height: 360px !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 30%;
object-position: center 30%;
}
.section-ekibimiz .unvan {
font-size: 1.1em;
}
.section-ekibimiz .title-section {
color: #00aeef;
text-align: center;
font-size: 2em;
font-weight: 700;
}
.section-ekibimiz .social-icons a {
width: 25px;
height: 25px;
}
.section-ekibimiz .social-icons i {
color: #00aeef;
border: 2px solid #00aeef;
padding: 10px;
border-radius: 50%;
}
.section-ekibimiz .social-icons i:hover {
border: #00aeef;
background-color: #00aeef;
color: #fbfbfb;
}
.section-blog {
position: relative;
padding: 8vh 0;
background-color: #dfdfdf;
}
.section-blog .card {
margin: 20px 0;
border-radius: none !important;
border-radius: 70px 0px 0px 0px;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
.section-blog img {
height: 180px;
-o-object-fit: cover;
object-fit: cover;
}
.section-blog .card-body {
padding: 20px;
position: relative;
}
.section-blog .card-title {
color: #00aeef;
font-size: 1.4em;
font-weight: 700;
}
.section-blog .title-section {
color: #00aeef;
text-align: center;
font-size: 2em;
font-weight: 700;
}
.section-blog .theme-button-2 {
background-color: #231f20 !important;
}
.nav-pills {
justify-content: center;
text-align: center;
}
.left-list {
padding: 0;
color: white;
list-style: none;
background-color: #00aeef;
}
@media screen and (min-width: 992px) {
.left-list {
width: 90%;
}
}
.left-list li {
font-size: 1.1em;
padding: 10px 20px;
color: #00aeef;
font-weight: 400;
transition: 400ms;
}
.left-list li:hover {
background-color: transparent !important;
}
.left-list li:hover a {
color: white;
}
.left-list .left-title {
color: #fbfbfb;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
background-color: #00aeef;
padding: 15px 20px;
font-weight: 500;
font-size: 1.4em;
}
@media screen and (max-width: 992px) {
.left-list .left-title {
text-align: center;
}
}
.parallax-section {
padding: 50px;
position: relative;
width: 100%;
background-position: 30% 10%;
background-image: url(//cooltermsogutma.com/assets/images/patterns/);
background-attachment: fixed;
background-size: cover;
-o-object-fit: cover;
object-fit: cover;
background-repeat: no-repeat;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
@media screen and (max-width: 768px) {
.parallax-section {
background-position: 80% 32%;
}
}
.parallax-block {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
width: 100%;
height: 38vh;
-o-object-fit: cover;
object-fit: cover;
position: relative;
overflow: hidden;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.parallax-block {
height: 25vh;
}
}
.parallax-block h6 {
position: absolute;
right: 5%;
top: 45%;
line-height: 45px;
width: 450px;
color: #FFF;
text-align: right;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 24px;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.parallax-block h6 {
top: 35%;
}
}
.parallax-block h6:hover {
transition: 0.3s;
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.parallax-block h6 {
font-size: 16px;
right: 0;
text-align: center !important;
}
}
.parallax-block h2 {
position: relative;
display: block;
text-align: center;
margin: 0;
top: 50%;
transform: translateY(-50%);
font-size: 10vw;
color: white;
font-weight: 400;
}
.img-parallax {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
height: 100%;
transform: translate(-50%, 0);
pointer-events: none;
}
.sn-deneyim {
padding: 4vh 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.sn-deneyim .sutun {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.sn-deneyim .sutun .circle-style {
border-radius: 50%;
width: 3em;
height: 3em;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
background-color: #00aeef;
}
.sn-deneyim .sutun i {
text-align: center;
font-size: 1.2em;
color: #fbfbfb;
}
.sn-deneyim .sutun h2 {
color: #3b3b3b;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-weight: 500;
text-align: center;
margin-top: 10px;
font-size: 1.4em;
}
.sn-deneyim .sutun h3 {
margin-top: -10px;
text-align: center;
font-size: 1em;
font-weight: 400;
color: #616161;
}
.project-small-img {
padding: 10px 0;
}
.project-small-img .col {
padding: 2px;
}
.project-img {
width: 200px;
height: 90px;
-o-object-fit: cover;
object-fit: cover;
box-shadow: 0px 2px 12px -7px rgba(0, 0, 0, 0.25);
}
#leftul {
overflow: scroll;
height: 300px;
overflow-x: hidden;
}
.left-list {
padding: 0;
color: white;
list-style: none;
background-color: #dbdbdb;
}
.left-list li {
font-size: 0.9em;
color: #00aeef;
font-weight: 500;
transition: 400ms;
}
.left-list li:hover {
border-bottom: 2px solid #00aeef;
}
.left-list li a {
font-weight: 500;
}
.left-list li a:focus + ul {
display: block;
}
.left-list li ul {
display: none;
}
.left-list li:hover {
background-color: #00aeef;
}
.left-list li:hover a {
color: #231f20 !important;
}
.left-list .left-title {
color: #fbfbfb;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
background-color: #00aeef;
padding: 15px 20px;
font-weight: 500;
font-size: 1.4em;
}
.sn-teklif {
text-align: center;
padding: 8vh 0;
}
.sn-teklif h3 {
color: #00aeef;
font-weight: 600;
}
.section-sss {
margin: 10vh 0;
}
.section-sss .accordion-item:focus, .section-sss .accordion-item:hover {
border: none !important;
outline: none !important;
}
.section-sss .accordion-item .accordion-button {
background-color: #f8f8f8;
color: #00aeef !important;
font-weight: 500;
}
.section-sss .accordion-item .accordion-button:focus, .section-sss .accordion-item .accordion-button:hover {
border: none !important;
outline: none !important;
background-color: #00aeef;
color: white !important;
}
.section-sss .accordion-item .accordion-button::after {
color: white !important;
}
.icon-list .icon-duzen {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.icon-list .icon-duzen h2 {
font-size: 1.3em;
padding: 10px 0;
}
.icon-list .icon-duzen img {
width: 80px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.urun-detay-info {
padding: 8vh 0;
background-color: #f0f0f0;
}
.urun-detay-info h2 {
text-align: center;
color: #00aeef;
margin-bottom: 30px;
}
.urun-detay-info h4, .urun-detay-info p {
text-align: center;
}
.urun-detay-info h4 {
margin: 20px 0 10px 0;
}
.urun-detay-info p {
color: #7a7a7a;
font-size: 0.9em;
}
.urun-detay-teknik {
padding: 8vh 0;
background-color: #fafafa;
}
.urun-detay-teknik h2 {
text-align: center;
color: #00aeef;
margin-bottom: 30px;
}
.urun-detay-teknik h4, .urun-detay-teknik p {
text-align: center;
}
.urun-detay-teknik h4 {
margin: 20px 0 10px 0;
}
.urun-detay-teknik p {
color: #7a7a7a;
font-size: 0.9em;
}
.dokumanlar {
padding: 8vh 0;
background-color: rgba(240, 240, 240, 0.6078431373);
}
.dokumanlar h2 {
text-align: center;
color: #00aeef;
margin-bottom: 30px;
}
.dokumanlar h4, .dokumanlar p {
text-align: center;
}
.dokumanlar h4 {
margin: 20px 0 10px 0;
}
.dokumanlar p {
color: #7a7a7a;
font-size: 0.9em;
}
.dokumanlar i, .dokumanlar a {
font-size: 1.2em;
}
.dokumanlar i {
color: #00aeef;
}
.dokumanlar a:hover {
transform: scale(0.4);
} .randevu-page .randevu-baslik {
color: #00aeef;
font-size: 2em;
font-weight: 600;
margin-bottom: 30px;
text-align: center;
}
.randevu-page .contact-row {
padding: 0 40px;
margin: 0 1px;
border-radius: 7.2px;
padding: 40px;
background-color: #00aeef;
}
.randevu-page .contact-row i {
display: flex;
align-content: center;
justify-content: center;
font-size: 3em;
}
.randevu-page .contact-row .col-lg-4 {
display: flex;
justify-content: center;
align-content: center;
}
@media screen and (max-width: 992px) {
.randevu-page .contact-row .col-lg-4 {
padding: 20px 0;
}
}
.randevu-page .contact-row .col-lg-4 h3 {
color: #ffffff;
font-size: 21px;
font-weight: 800;
}
.randevu-page .contact-row .col-lg-4 a, .randevu-page .contact-row .col-lg-4 h4, .randevu-page .contact-row .col-lg-4 h5 {
color: white !important;
}
.randevu-page .contact-row .col-lg-4 a, .randevu-page .contact-row .col-lg-4 p, .randevu-page .contact-row .col-lg-4 h4, .randevu-page .contact-row .col-lg-4 h5 {
font-size: 14px;
}
.randevu-page .contact-row .col-lg-4 img {
width: 78px;
height: 78px;
-webkit-clip-path: circle(50%);
clip-path: circle(50%);
padding: 20px;
}
.randevu-page .contact-row .col-lg-4 button {
border: 1px solid #000 !important;
}
.randevu-page h3 {
color: #fbfbfb;
}
.randevu-page i {
color: #fbfbfb;
padding-right: 7px;
}
.randevu-page ul li {
list-style-type: none !important;
}
.randevu-page .contact-info {
display: flex;
flex-direction: column;
}
.randevu-page .contact-social {
display: flex;
flex-wrap: wrap;
}
.randevu-page .row-form {
display: flex;
justify-content: center;
align-content: center;
}
.randevu-page .row-form h6 {
padding: 40px 0;
color: #FFF;
text-align: center;
font-family: Plus Jakarta Sans;
font-size: 50px;
font-style: normal;
font-weight: 800;
line-height: 60px; letter-spacing: -2px;
}
.randevu-page .contact-form label {
color: #606161 !important;
}
.randevu-page .contact-form input, .randevu-page .contact-form textarea {
border-radius: 7.2px;
margin: 3px 0;
padding: 20px 10px;
margin-bottom: 5px;
width: 100%;
background-color: #fbfbfb;
}
.randevu-page .contact-form ::-moz-placeholder {
color: #606161;
padding-left: 2vh;
}
.randevu-page .contact-form ::placeholder {
color: #606161;
padding-left: 2vh;
}
.randevu-page .contact-form .form-check-input {
width: 5px;
padding: 8px;
background-color: #00aeef;
border: 2px solid white;
}
.randevu-page .contact-form button {
margin: 10px 0;
}
.randevu-page .contact-form .form-control {
border: none !important;
}
.randevu-page .contact-form .form-control:focus {
box-shadow: none;
border-color: #00aeef;
}
.randevu-page iframe {
width: 2500px;
border-radius: 10px;
margin: 5vh 0 1vh 0;
}
.randevu-page form {
padding-bottom: 5vh;
}
.randevu-page .input-group-append {
cursor: pointer;
}
.randevu-page input[type=date] {
content: '<i class="fa fa-facebook"> </i>';
color: #606161;
padding-left: 3vh;
}
.randevu-page input[type=date]::-webkit-inner-spin-button,
.randevu-page input[type=date]::-webkit-calendar-picker-indicator {
border-radius: 7px;
height: 25px;
width: 25px;
}
.hizmetler-card-section .col-xl-4 {
padding: 10px 5px;
}
.hizmetler-card-section .card {
height: 400px;
border: none !important;
outline: none;
transition: 400ms ease-in-out;
}
@media screen and (min-width: 992px) {
.hizmetler-card-section .card {
width: auto;
}
}
.hizmetler-card-section .card:hover {
transform: scale(0.98);
}
.hizmetler-card-section .card:before {
border-radius: 10px !important;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: multiply;
box-shadow: -1px 0px 5px -1px rgba(199, 199, 199, 0.48);
}
.hizmetler-card-section .card img {
-o-object-fit: cover;
object-fit: cover;
height: 360px;
width: 500px;
}
.hizmetler-card-section .card .card-inner {
position: absolute;
bottom: 20px;
z-index: 2;
left: 0;
width: 100%;
padding: 12px 10px;
background-color: #fbfbfb;
}
.hizmetler-card-section .card h2 {
text-align: center;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif;
letter-spacing: -1px;
color: #2E4046;
font-weight: 700;
}
@media screen and (min-width: 992px) {
.hizmetler-card-section .card h2 {
font-size: 2em;
}
}
.hizmetler-card-section .owl-carousel .owl-item-img {
-o-object-fit: cover;
object-fit: cover;
}
.section-icons {
background-color: #00aeef;
padding: 8vh 0;
}
.section-icons a {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
transition: 400ms ease-in-out;
}
.section-icons a:hover {
transform: scale(0.9);
}
.section-icons a:hover img {
border: 5px solid #F00036;
}
.section-icons h1, .section-icons h2, .section-icons h3, .section-icons h4, .section-icons h5, .section-icons h6, .section-icons a, .section-icons p {
padding-top: 10px;
color: #fbfbfb;
font-size: 1.2em !important;
text-align: center;
}
@media screen and (max-width: 768px) {
.section-icons h1, .section-icons h2, .section-icons h3, .section-icons h4, .section-icons h5, .section-icons h6, .section-icons a, .section-icons p {
font-size: 1em !important;
}
}
.section-icons img {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
background-color: white;
padding: 10px;
border-radius: 50%;
border: 5px solid white;
}
img.about-img {
height: 500px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.kurs-alan h1 {
color: #F00036;
font-size: 1.5em;
}
.kurs-alan h2 {
font-size: 1em;
}
img.about-img {
height: 400px !important;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
-webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
box-shadow: 10px 10px 5px -8px rgb(144, 144, 144);
}
.logomask {
-webkit-mask-image: url(//cooltermsogutma.com/assets/images/icon.png);
mask-image: url(//cooltermsogutma.com/assets/images/icon.png);
-webkit-mask-size: 80%;
mask-size: 80%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
display: inline-block;
}
.t-img {
display: flex;
width: auto;
height: 50px;
margin-bottom: -20px;
}
.sn-iconlist {
padding: 8vh 0;
text-align: center;
background-image: url(//cooltermsogutma.com/assets/images/static/home/bg-icon.png);
background-color: #F00036;
color: #231f20;
}
.sn-iconlist h2 {
font-size: 1.2rem;
font-weight: 500;
color: #fbfbfb !important;
}
.sn-iconlist p {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7098039216);
margin-bottom: 2rem;
}
.sn-iconlist i {
margin: 0 0 1rem 0;
padding: 1rem;
font-size: 1.3rem;
border-radius: 50%;
color: #F00036;
background-color: #fbfbfb;
box-shadow: 0px 0px 4px 3px rgba(228, 228, 228, 0.25);
}
.sn-iconlist i:hover {
background-color: #2E4046;
}
.contact-info_icon {
display: inline-block;
width: 80px;
min-width: 80px;
height: 80px;
line-height: 80px;
background-color: #F00036;
color: white;
text-align: center;
font-size: 40px;
position: relative;
box-shadow: 0px 6px 20px rgba(4, 30, 73, 0.6);
border-radius: 5px;
}
.contact-info_text {
min-width: 280px;
display: block;
margin-bottom: -0.5em;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
}
.contact-info_text span,
.contact-info_text a {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
}
.contact-info_text a {
color: #231f20;
}
.contact-info_text a:hover {
color: #00aeef;
}
.sn-lokasyonlar img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.sn-lokasyonlar .card {
position: relative;
box-shadow: 1.8px 2px 2.2px rgba(0, 0, 0, 0.02), 4.4px 4.7px 5.3px rgba(0, 0, 0, 0.028), 8.3px 8.9px 10px rgba(0, 0, 0, 0.035), 14.7px 15.9px 17.9px rgba(0, 0, 0, 0.042), 27.6px 29.7px 33.4px rgba(0, 0, 0, 0.05), 66px 71px 80px rgba(0, 0, 0, 0.07);
transition: 400ms ease-in-out;
}
.sn-lokasyonlar .card:hover {
filter: grayscale(0.7);
}
.sn-lokasyonlar .card-body {
position: absolute;
bottom: 0;
color: white;
width: 100%;
box-shadow: inset 0px -98px 31px -14px rgba(0, 0, 0, 0.6);
}
.sn-lokasyonlar .card-body i, .sn-lokasyonlar .card-body a, .sn-lokasyonlar .card-body p {
color: white !important;
}
.hizmetOwl .owl-nav {
display: none !important;
}
.sn-bizeulas {
padding: 6vh 0;
background-image: linear-gradient(45deg, rgb(46, 64, 70) 34.7%, rgba(59, 115, 134, 0.664) 73%), url(//cooltermsogutma.com/assets/images/static/patterns/bg-company.jpg);
background-size: cover;
background-position: fixed;
background-color: #2E4046;
box-shadow: inset 1px 10px 18px 3px rgba(92, 92, 92, 0.07);
}
@media screen and (max-width: 768px) {
.sn-bizeulas {
display: flex;
flex-direction: column;
text-align: center;
}
}
.sn-bizeulas i {
color: #fbfbfb;
font-size: 55px;
display: flex;
justify-content: center;
}
.sn-bizeulas h2 {
color: #fbfbfb;
display: flex;
font-weight: 700;
justify-content: start;
align-content: center;
}
@media screen and (max-width: 768px) {
.sn-bizeulas h2 {
font-size: 20px;
padding-top: 20px;
text-align: center;
}
}
.sn-bizeulas p {
color: #fbfbfb;
font-size: 0.9em;
}
.sn-sektorler {
margin: 0;
width: 100%;
background-size: 150% 150%;
animation: gradient 95s ease infinite;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 32px;
}
.baslik-sektor{
color: #2E4046;
text-align: left;
font-family: "Schibsted Grotesk", "Roboto", "Open Sans", sans-serif;
font-size: 2em;
font-style: normal;
position: relative;
font-weight: 700!important;
transition: 400ms;
}
@media screen and (min-width: 768px) {
.sn-sektorler {
background-image: linear-gradient(45deg, rgb(255, 255, 255) 34.7%, rgba(223, 252, 255, 0.582) 73%), url(//cooltermsogutma.com/assets/images/static/patterns/bg-company.jpg);
}
.sn-sektorler .owl-nav {
display: block;
}
}
.sn-sektorler .owl-nav {
display: none !important;
}
.sn-sektorler .theme-button {
color: white !important;
}
.sn-sektorler h2 {
margin: 0;
font-weight: bold;
font-size: 24px;
line-height: 32px;
color: #00aeef;
transform: translateY(20px);
transition: all 0.4s ease;
transition-delay: 0.2s;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 20px;
}
@media screen and (max-width: 520px) {
.sn-sektorler h2 {
font-size: 16px;
line-height: 24px;
}
}
.sn-sektorler p {
font-size: 16px;
line-height: 24px;
color: #889DB8;
transform: translateY(20px);
transition: all 0.4s ease;
transition-delay: 0.3s;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 520px) {
.sn-sektorler p {
font-size: 14px;
line-height: 20px;
}
}
.sn-sektorler .swiper {
width: 100%;
padding-top: 3.125rem;
padding-bottom: 60px;
}
.sn-sektorler .swiper-pagination-bullet {
background: #606161 !important;
}
.sn-sektorler .swiper-pagination-bullet-active {
background-color: #00aeef !important;
}
.sn-sektorler .swiper-pagination {
bottom: 1.25rem !important;
}
.sn-sektorler .swiper-slide {
width: 18.75rem;
width: 400px;
height: 28.125rem;
display: flex;
flex-direction: column;
justify-content: end;
align-items: self-start;
background-position: 50%;
}
.sn-sektorler .swiper-slide h2 {
color: #fff;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.4;
margin-bottom: 0.625rem;
padding: 0 0 0 1.563rem;
text-transform: uppercase;
}
.sn-sektorler .swiper-slide p {
color: #dadada;
font-weight: 300;
padding: 0 1.563rem;
line-height: 1.6;
font-size: 0.9rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sn-sektorler .swiper-slide a {
margin: 1.25rem 1.563rem 3.438rem 1.563rem;
padding: 0.438em 1.875rem;
font-size: 0.9rem;
}
.sn-sektorler .swiper-slide a:hover {
color: #005baa;
}
.sn-sektorler .swiper-slide div {
display: none;
opacity: 0;
padding-bottom: 0.625rem;
}
.sn-sektorler .swiper-slide-active div {
display: block;
opacity: 1;
}
.sn-sektorler .swiper-3d .swiper-slide-shadow-left,
.sn-sektorler .swiper-3d .swiper-slide-shadow-right {
background-image: none;
}
@media screen and (min-width: 48rem) {
.sn-sektorler .sn-sektorler {
display: flex;
align-items: center;
}
.sn-sektorler .bg,
.sn-sektorler .bg2 {
opacity: 0.1;
}
}
@media screen and (min-width: 93.75rem) {
.sn-sektorler .swiper {
width: 95%;
}
}
.sn-sektorler .swiper-slide-active .slider-item-content > * {
transform: translateY(0px);
opacity: 1;
}
.sn-sektorler .slider-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.2s;
}
.sn-sektorler .swiper-pagination {
position: absolute;
left: 50%;
bottom: 8px;
transform: translatex(-50%);
z-index: 1;
width: auto !important;
}
.sn-sektorler .swiper-pagination-bullet {
border-radius: 0;
width: 8px;
height: 8px;
border-radius: 50%;
line-height: 30px;
font-size: 12px;
opacity: 1;
background: rgba(0, 68, 255, 0.3);
display: inline-block;
margin-right: 8px;
cursor: pointer;
transition: all 0.2s;
}
.sn-sektorler .swiper-pagination-bullet-active {
background: #00aeef;
width: 20px;
border-radius: 10px;
}
.sn-sektorler .slider-buttons {
position: absolute;
display: flex;
top: 100%;
justify-content: flex-end;
width: 100%;
padding-top: 8px;
}
.sn-sektorler .swiper-button-next,
.sn-sektorler .swiper-button-prev {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
color: #fff;
position: relative;
margin-left: 4px;
}
.sn-sektorler .swiper-button-next:before,
.sn-sektorler .swiper-button-prev:before {
content: "";
position: absolute;
background-color: #fff;
height: 1px;
width: 0;
left: 0;
bottom: -1px;
transition: 0.2s;
}
.sn-sektorler .swiper-button-next:hover:before,
.sn-sektorler .swiper-button-prev:hover:before {
width: 100%;
}
.sn-sektorler .socials {
position: fixed;
top: 12px;
right: 16px;
display: flex;
align-items: center;
}
.sn-sektorler .socials .social-link {
display: inline-block;
margin-left: 8px;
color: #fff;
}
@media screen and (max-width: 520px) {
.sn-sektorler .swiper-button-next:hover:before,
.sn-sektorler .swiper-button-prev:hover:before {
display: none;
}
}
.iletisim-style {
padding: 0 20px !important;
border-radius: 0px 10px 10px 10px;
background-color: #00aeef;
}
.sn-endustriyel {
padding: 80px 0;
}
.sn-endustriyel img {
min-height: 300px;
height: 300px;
-o-object-fit: contain;
object-fit: contain;
}
.sn-endustriyel .bg-blue {
background-color: #00aeef;
}
.sn-endustriyel .bg-blue .f-18 {
padding: 10px 4px;
text-align: center;
color: #fbfbfb;
font-weight: 600;
font-size: 1em;
background-color: #2E4046;
transition: 400ms ease-in-out;
}
.sn-endustriyel .bg-blue .f-18:hover {
background-color: #00aeef;
}
.sn-catalog {
padding: 80px 0;
}
.sn-catalog img {
min-height: 350px;
height: 350px;
-o-object-fit: contain;
object-fit: contain;
}
.sn-catalog .bg-blue {
background-color:  #2E4046;
}
.sn-catalog .bg-blue .f-18 {
padding: 10px 4px;
text-align: center;
color: #fff;
font-weight: 600;
font-size: 1em;
transition: 400ms ease-in-out;   
}
.sn-catalog .bg-blue .f-18:hover {
background-color: #2E4046;
color: white;
}
.sn-catalog .pdf-button{
color: #2E4046;
padding: 10px ;
float: left;
font-weight:500
}
.sn-catalog .download-button{
color: #2E4046;
padding: 10px ;
float: right;
font-weight:500
}
.sn-catalog .download-button:hover,  .sn-catalog .pdf-button:hover{
color:#00aeef
}
.service-owl-section {
padding: 80px 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.service-owl-section {
padding: 0;
}
}
.service-owl-section .card {
transition: 1s ease-in-out;
padding: 2rem 0 5rem 0;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
border: none !important;
}
.service-owl-section .card:hover {
transform: scale(0.98);
}
.service-owl-section .card:hover .service-title {
background-color: #231f20 !important;
}
@media screen and (min-width: 992px) {
.service-owl-section .card {
height: 25rem;
}
}
.service-owl-section .card:hover {
filter: scale(0.955);
}
.service-owl-section .card img {
margin: 40px 0;
width: auto;
min-height: 240px;
height: 240px !important;
-o-object-fit: contain;
object-fit: contain;
margin-left: auto;
margin-right: auto;
border-radius: 5px;
box-shadow: none;
margin-bottom: 20px;
transition: 400ms ease-in-out;
}
@media screen and (min-width: 992px) {
.service-owl-section .card img {
width: auto;
max-width: 330px;
height: 230px;
}
}
.service-owl-section .card img:hover {
filter: brightness(1);
}
.service-owl-section .card h2 {
font-weight: 700 !important;
font-family: "Open Sans", "Roboto", "Schibsted Grotesk", sans-serif !important;
font-size: 1.2em !important;
}
.service-owl-section .card p {
font-size: 0.9em;
color: #7a7a7a;
padding: 0 20px;
}
@media screen and (min-width: 992px) {
.service-owl-section .card p {
padding: 0 80px;
}
}
.service-owl-section .service-title {
text-align: center;
color: #fbfbfb;
display: flex;
border-radius: 10px 0 10px 0;
padding: 10px 0;
justify-content: center;
background-color: #00aeef;
font-weight: 700;
transition: 400ms ease-in-out;
margin-bottom: 10px;
}
.sn-katalog {
padding: 8vh 0;
}
@media screen and (max-width: 768px) {
.sn-katalog {
padding: 8vh 0;
}
}
.sn-katalog .col-lg-4 {
margin-bottom: 40px;
}
.sn-katalog a > img {
width: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.sn-katalog a > img {
height: 400px;
}
}
.scroll-move {
left: 48cqi;
position: absolute;
bottom: 20px;
transition: 400ms ease-in-out;
opacity: 1 !important;
}
.scroll-move img {
width: 60px !important;
height: 60px !important;
}
.scroll-move i {
font-size: 22px;
margin-top: 10px;
color: white;
display: flex;
justify-content: center;
}
.scroll-move .move-title {
color: #fff;
text-align: center;
font-size: 1.2em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: -5px;
} .contact-form input, .contact-form textarea, .contact-form select {
background-color: #ffffff;
border: 2px solid rgb(210 210 210);
border-radius: 20px;
padding: 12px 7px 12px 40px;
width: 100%;
color: #231f20 !important;
box-shadow: 1px 1px 1px 0px rgb(180 180 180 / 0%);
}.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.on-hover-text{display:none}.on-hover-text p{white-space:nowrap}.on-hover-text img.emoji{max-width:none}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{animation:ease-out forwards tooltips-horz}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{top:100%;border-top-width:0;border-bottom-color:#fff}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px)}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{top:50%;border-left-width:0;border-right-color:#fff;right:calc(0em - 10px);transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:calc(0em - 5px);right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{top:50%;left:calc(100% + 10px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0,-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{animation:ease-out forwards tooltips-vert}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}.chaty-animation-shockwave:after{left:0;-webkit-animation:2s ease-out 1.3s infinite chaty-animation-shockwave;animation:2s ease-out 1.3s infinite chaty-animation-shockwave}.chaty-animation-shockwave:before{left:0;-webkit-animation:2s ease-out .8s infinite chaty-animation-shockwave;animation:2s ease-out .8s infinite chaty-animation-shockwave}.chaty-animation-blink{-webkit-animation:1.33s ease-out infinite chaty-animation-blink;animation:1.33s ease-out infinite chaty-animation-blink}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:.4s infinite alternate chaty-animation-pulse;animation:.4s infinite alternate chaty-animation-pulse}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:5s infinite chaty-animation-sheen;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}.chaty-animation-fade{animation:5s infinite chaty-animation-fade}.chaty-animation-spin{animation:5s cubic-bezier(.56,-.35,.22,1.5) infinite chaty-animation-spin}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,100%,20%{opacity:1}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}.chaty-animation-bounce,.chaty-animation-jump{animation:5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce}@keyframes chaty-animation-bounce{0%,100%,20%{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}.chaty-animation-waggle{animation:5s infinite chaty-animation-waggle}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@keyframes chaty-animation-floating{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none}.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:10001}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%)}.chaty-channel-list .chaty-channel{position:absolute;bottom:0;opacity:0;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset}* .chaty-channel button{min-width:unset;max-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{width:54px;height:54px;border-radius:50%;text-align:center;font-size:27px;line-height:54px;color:#fff}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{width:100%;height:100%}.chaty-channel img{width:54px;height:54px;object-fit:cover;border-radius:50%}.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer}.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{z-index:1099;opacity:1;position:relative}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{z-index:999;opacity:0;transform:rotate(540deg);visibility:hidden}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:1099;opacity:1;transform:rotate(180deg);visibility:visible}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;pointer-events:auto}.chaty-widget .ch-pending-msg{position:absolute;right:-4px;top:-4px;width:16px;height:16px;text-align:center;background:red;color:#fff;font-size:10px;line-height:16px;border-radius:50%;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{width:136px;height:62px;left:0;bottom:0}.chaty-widget.right-position.hor-mode .chaty-channel-list{width:136px;height:62px;right:0;left:auto;bottom:0}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-top:0;margin-bottom:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{right:0;left:auto}.chaty-chat-view,.chaty-outer-forms{vertical-align:bottom;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed!important;bottom:-25px;left:25px;padding:0;width:320px;max-width:90%;-moz-transition:.5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:.5s;-webkit-transition:.5s;animation-delay:-2s;-webkit-animation-delay:-2s}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{right:25px;left:auto}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{-webkit-transform:translateY(-93px);transform:translateY(-93px);opacity:1;z-index:999999;visibility:visible;bottom:0;pointer-events:auto}.chaty-whatsapp-body{padding:0;min-height:260px;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{display:flex;align-items:flex-start}.chaty-form-body{background:#fff;z-index:99999;min-height:75px;border-radius:10px}.chaty-form-body form{margin:0;padding:0}.qr-code-image{padding:10px;text-align:center;border:solid 1px silver;border-radius:4px}.qr-code-image img{max-width:100%;max-height:360px;margin:0 auto;display:block;width:100%;height:auto}.chaty-whatsapp-form{position:relative;background-color:#f0ede7;border-radius:8px;margin:0}.chaty-whatsapp-form:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.035;background-image:url(//cooltermsogutma.com/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//cooltermsogutma.com/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity:.7}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 10px 10px;position:relative;transform-origin:center top;z-index:2;margin-top:0;margin-left:0;max-width:calc(100% - 40px);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;border:1px solid rgba(34,17,71,.08)}.chaty-whatsapp-message:before{content:"";display:none;width:0;height:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:12px solid #fff;position:absolute;left:-12px;top:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{margin:0;padding:0;color:#111b21;font-weight:400;word-wrap:break-word}.chaty-whatsapp-footer{position:relative;padding:20px 15px}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{text-align:center!important;height:40px!important;width:40px!important;padding:0!important;background:#c6d7e3!important;border-radius:20px!important;outline:0!important;box-shadow:none!important;cursor:pointer!important;margin:0 0 0 10px!important;text-decoration:none!important;border:none!important;min-width:1px!important;flex:0 0 40px}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{padding-right:0;flex:1;position:relative;display:flex;align-items:center}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{width:100%;height:100%;margin:0;padding:0}.chaty-whatsapp-field input[type=text]{height:40px!important;line-height:normal;padding:0 10px 0 15px;font-size:16px;resize:none;width:100%;border:none!important;border-radius:24px;outline:0;box-shadow:none!important;background:#fff!important;margin:0;color:#111b21;flex:1}.chaty-whatsapp-field input[type=text]:focus{outline:0!important;border:none!important;margin:0;color:#111b21;box-shadow:none!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{font-size:18px;padding:20px 15px;background:#22bf5b;color:#fff;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{display:flex;align-items:center;padding:15px}.chaty-agent-data .chaty-agent a{color:#49687e;font-size:16px;text-decoration:none;display:flex;width:100%;align-items:center;outline:0;font-weight:400}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{color:#28303d;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin:0;background:#fff;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chaty-agent-icon{width:48px;height:48px;margin:0 15px 0 0}.chaty-agent-data .chaty-custom-icon{width:48px;height:48px;text-align:center;display:block;line-height:48px;background:silver;border-radius:50%;color:#fff;font-size:28px}.chaty-close-agent-list{position:absolute;right:15px;top:10px;width:26px;height:26px;cursor:pointer;z-index:10;padding:0 0 10px 10px}.chaty-agent-icon img{width:48px;height:48px;object-fit:cover}.chaty-close-agent-list svg{fill:#ffffff}.agent-sub-header{font-size:14px;line-height:20px;font-weight:400}.agent-main-header{font-size:20px;line-height:32px;font-weight:700;position:relative}.chaty-agent-header:before,.chaty-view-header:before{content:"";background:url(//cooltermsogutma.com/wp-content/plugins/chaty/images/header-top.png) no-repeat;width:215px;height:41px;position:absolute;top:0;left:0;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{content:"";background:url(//cooltermsogutma.com/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width:44px;height:41px;position:absolute;bottom:0;right:0;z-index:1}.chaty-custom-channel-icon{display:block;border-radius:50%;color:#fff;text-align:center;line-height:54px}.chaty-contact-form-title{padding:10px 15px;text-align:left;font-size:18px;color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;display:flex}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{font-size:14px;margin:0;padding:0 0 4px 0;line-height:20px;display:flex;color:#28303d}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{width:100%;height:36px;line-height:36px;font-size:16px;padding:0 10px;border:1px solid #ccc;border-radius:4px}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{outline:0;box-shadow:none;border-color:#898989;background-color:#fff}.chaty-contact-input textarea.chaty-textarea-field{width:100%;height:100px;line-height:20px;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:4px;display:block}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{border:none;border-radius:4px;color:#fff;background:#a886cd;width:100%;height:36px;line-height:36px;font-size:18px;padding:0;margin:0;cursor:pointer;text-align:center;display:block}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;padding:10px 0 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{font-weight:500;color:#fff;font-size:24px}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.chaty .chaty-widget.left-position .chaty-exit-intent:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{visibility:visible;clip-path:circle(100%)}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);bottom:auto}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{padding:15px 15px 0;font-size:16px}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{margin:0;padding:0;font-size:16px;line-height:150%;color:#49687e;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{position:absolute;right:15px;top:10px;width:12px;cursor:pointer;z-index:11}.chaty-close-view-list svg{fill:#ffffff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{height:48px;display:inline-block;margin:6px 0;width:20%;text-align:center;vertical-align:top}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;width:48px;height:48px;margin:0 auto}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{width:100%!important;overflow:hidden}.front-google-captcha>div{width:100%}.front-google-captcha iframe{transform:scaleX(.9);position:relative;left:-15px}.widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff}span.chaty-loader{display:none;vertical-align:middle;color:#fff;animation:rotation 1s infinite linear;width:24px;height:24px;text-align:center;line-height:24px;margin-left:5px}span.chaty-loader span.dashicons{width:24px;height:24px;text-align:center;line-height:24px;font-size:24px}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{margin:0;padding:0;font-size:14px;color:#970029}.email_suggestion i,.wp_email_suggestion i{color:#2596be;font-weight:700;cursor:pointer}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{width:100%!important;z-index:1;position:relative}.chaty-custom-whatsapp-form .header-text{display:flex;align-items:center}.chaty-custom-whatsapp-form .header-text span{display:inline-block;vertical-align:super;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{width:26px;height:26px;fill:#ffffff;margin-right:3px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{display:flex;align-items:center;justify-content:center;border-radius:6px!important}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;z-index:101111;position:relative}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{display:flex;align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;box-shadow:0 16px 32px 0 #1a0E3529}.chaty-whatsapp-header .header-wp-icon{height:30px;width:30px;margin-right:7px}.chaty-whatsapp-header .header-wp-title{color:#fff;font-size:15px;flex:1;padding-right:8px}.whatsapp-form-close-btn{flex:0 0 16px;cursor:pointer}.whatsapp-form-close-btn svg{width:16px;height:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;width:30px;margin-right:15px}.chaty-whatsapp-body .wp-profile-img img{height:30px;width:30px;border-radius:50%;object-fit:cover}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{position:absolute!important;top:9px;left:8px;background:0 0!important;border:none!important;cursor:pointer;height:24px!important;width:24px!important;padding:0!important;min-width:1px!important;margin:0!important;outline:0!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{font-size:24px;line-height:24px;display:inline-block;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{color:#8f8f8f;border:solid 1px transparent}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{border:1px solid #a886cd;color:#a071d3;background:#fff}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{display:flex;height:auto;padding:10px 17px;border-bottom:solid 1px #e2e8f0;font-weight:700;background:#f3f3f3}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{outline:0;border-radius:5px}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;transform:rotate(360deg);z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{width:100%;border:none;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{display:flex;align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;color:#fff;box-shadow:0 16px 32px 0 #1a0E3529;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{line-height:1;padding:15px 15px 0;font-size:14px;color:#83a1b7}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{display:inline-flex;align-items:center}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:0}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40%!important}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1!important}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:transparent}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;visibility:visible;pointer-events:auto}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{content:attr(data-unread-message);width:20px;height:20px;background:#ff4545;position:absolute;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;bottom:44px;z-index:1111;right:-4px}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link{display:none!important}body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{right:0;top:-8px;bottom:auto}html[dir=rtl] button[type=button].chaty-wp-emoji-input,html[dir=rtl] button[type=button].chaty-wp-emoji-input:focus,html[dir=rtl] button[type=button].chaty-wp-emoji-input:hover{right:8px}html[dir=rtl] .chaty-whatsapp-field input[type=text]{padding:0 35px 0 00px}html[dir=rtl] button.chaty-whatsapp-button-button,html[dir=rtl] button.chaty-whatsapp-button-button:focus,html[dir=rtl] button.chaty-whatsapp-button-button:hover{margin:0 10px 0 0!important}html[dir=rtl] button.chaty-whatsapp-button-button svg{transform:rotate(180deg)}