html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
img
{
max-width: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-decoration: none;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
section.header {
background: black;
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
height: auto;
/* background-image: url(../images/footer_bg.jpg); */
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
}
.no-js #preloader,
.oldie #preloader {
display: none
}
#preloader {
position: fixed;
top: 0;
width: 100%
}
#preloader {
left: 0;
right: 0;
bottom: 0;
background: rgb(0,0,0);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(18,18,18,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)),to(rgba(18,18,18,1)));
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(18,18,18,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(18,18,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#121212',GradientType=1 );
background-size: 150% 150%;
z-index: 99999999999;
height: 100%;
-webkit-animation: bg_grad 2s ease infinite;
animation: bg_grad 2s ease infinite;
}
@-webkit-keyframes bg_grad {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes bg_grad {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
#loader {
position: absolute;
left: 50%;
top: 50%;
margin-left: -60px;
margin-top: -30px;
width: 120px;
height: auto;
-webkit-animation: op_logo 1s infinite linear;
animation: op_logo 1s infinite linear;
}
@-webkit-keyframes op_logo {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes op_logo {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(.68, 0, .265, 1);
animation-timing-function: cubic-bezier(.68, 0, .265, 1)
}
.animated.appear,
.animated.click,
.animated.now {
opacity: 0
}
@media screen and (min-width:992px) {
.animated.appearjustmobile {
opacity: 1
}
}
@media screen and (max-width:760px) {
.slider {
height: 240px !important;
}
.rckAlan .container .row div{
margin:10px 0px;
}
}
slider
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 60px, 0);
transform: translate3d(0, 60px, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-60px, 0, 0);
transform: translate3d(-60px, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.fadeInUpAboutLabel,
.fadeOutUpAboutLabel {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
@-webkit-keyframes fadeInUpAboutLabel {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpAboutLabel {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpAboutLabel {
-webkit-animation-name: fadeInUpAboutLabel;
animation-name: fadeInUpAboutLabel
}
@-webkit-keyframes fadeOutUpAboutLabel {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
}
@keyframes fadeOutUpAboutLabel {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
}
.fadeOutUpAboutLabel {
-webkit-animation-name: fadeOutUpAboutLabel;
animation-name: fadeOutUpAboutLabel
}
@-webkit-keyframes fadeInDownPFIMG {
from {
opacity: 1;
-webkit-transform: translate3d(0, -850px, 0);
transform: translate3d(0, -850px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownPFIMG {
from {
opacity: 1;
-webkit-transform: translate3d(0, -850px, 0);
transform: translate3d(0, -850px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownPFIMG {
-webkit-animation-name: fadeInDownPFIMG;
animation-name: fadeInDownPFIMG
}
@-webkit-keyframes fadeOutDownPFIMG {
from {
opacity: 1
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 850px, 0);
transform: translate3d(0, 850px, 0)
}
}
@keyframes fadeOutDownPFIMG {
from {
opacity: 1
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 850px, 0);
transform: translate3d(0, 850px, 0)
}
}
.fadeOutDownPFIMG {
-webkit-animation-name: fadeOutDownPFIMG;
animation-name: fadeOutDownPFIMG
}
.slideInWidth,
.slideOutWidth {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
@-webkit-keyframes slideInWidth {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
@keyframes slideInWidth {
from {
width: 0;
opacity: 1
}
to {
width: 100%;
opacity: 1
}
}
.slideInWidth {
-webkit-animation-name: slideInWidth;
animation-name: slideInWidth
}
@-webkit-keyframes slideOutWidth {
from {
width: 100%;
opacity: 1
}
to {
width: 0;
opacity: 1
}
}
@keyframes slideOutWidth {
from {
width: 100%;
opacity: 1
}
to {
width: 0;
opacity: 1
}
}
.slideOutWidth {
-webkit-animation-name: slideOutWidth;
animation-name: slideOutWidth
}
a.logo {
width: 210px;
align-items: center;
display: inline-block;
}
.headerUst {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 10px 0;
}
h5.slogan {
color: #fff;
width: 100%;
text-align: center;
animation: yanipSonme ease-in-out 1s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: yanipSonme ease-in-out 1s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: yanipSonme ease-in-out 1s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: yanipSonme ease-in-out 1s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: yanipSonme ease-in-out 1s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
font-size: 20px;
text-align: center;
}
body {
font-family: 'Montserrat', sans-serif;
}
@keyframes yanipSonme {
0% {
opacity:1;
}
50% {
opacity:0.1;
}
100% {
opacity:1;
}
}
@-moz-keyframes yanipSonme {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes yanipSonme {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes yanipSonme {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes mymove {
0% {opacity:1;}
50% {opacity:0.2}
100% {opacity:1;}
}
section.headerAlt {
position: fixed;
left: 0;
right: 0;
z-index: 999;
padding: 0;
height: auto;
align-items: center;
display: flex;
transition: all 0.4s ease;
box-shadow: 0 1px 2px rgb(213, 72, 3);
background: #000;
}
li {
list-style-type: none;
}
a, a:active, a:focus, a:hover {
text-decoration: none!important;
}
.menu ul li a {
color: #000;
}
.slider .swiper-slide {
height: 550px;
position: relative;
}
.sliderBg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
section.slider {background: #2e2e2e;margin-top: 101px;position: relative;}
.slider .col,.slider .container,.slider .row {
height: 100%;
}
.slideSlogan {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.slideSol h2 {
margin-bottom: 15px;
color: #fff;
font-size: 37px;
font-weight: bold;
}
.slideSol p {
color: #fff;
width: 480px;
font-size: 21px;
}
.slideSag h3 {
font-size: 37px;
color: #f7f7f7;
font-style: italic;
font-weight: bold;
}
.slideSag {
position: relative;
top: -60px;
}
.menu {
width: calc(100% - 210px);
display: flex;
align-items: center;
justify-content: flex-end;
}
.menu>ul>li>a {
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 39.5px 0;
display: inline-block;
}
.menu ul {
display: flex;
margin-right: 80px;
}
.menu>ul>li + li {
margin-left: 18px;
}
.menu ul li {
position: relative;
}
.mavi-btn {
padding: 10px 20px;
background: #d54900;
color: #fff;
font-weight: 500;
border-radius: 4px;
font-size: 14px;
background: #d54900;
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
background: linear-gradient(to right, #d54703, #d54900);
position: relative;
overflow: hidden;
}
.kayit a + a {
margin-left: 9px;
}
.kayit a i {
padding-right: 5px;
}
.mavi-btn:hover {
/* background: #d54703; */
color: #fff;
}
.menu ul li a:hover {
color: #d54900;
}
.slideSlogan {
display: none;
}
.swiper-slide-active .slideSlogan {
display: flex;
}
.menu ul li ul {
position: absolute;
top: 100%;
left: 0;
background: #d54900;
width: 250px;
display: inline-block;
overflow: hidden;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: all 0.4s ease;
}
.menu ul li li a {
color: #fff;
padding: 11px 30px;
display: inline-block;
width: 100%;
font-size: 15px;
position: relative;
}
.menu ul li ul li a {
border-bottom: 1px solid #d54703;
}
.menu ul li ul li a:hover {
padding-left: 35px;
color: #fff;
background: #d54703;
}
.menu ul li ul li a:before {
content: "";
position: absolute;
left: 0;
width: 6px;
height: 6px;
background: #fff;
border-radius: 58px;
transition: all 0.4s ease;
top: 50%;
margin-top: -3px;
left: 0;
opacity: 0;
visibility: hidden;
}
.menu ul li ul li:hover a:before {
opacity: 1;
visibility: visible;
left: 15px;
}
.menu ul li ul li:last-child a {
border: 0;
}
.menu ul li:hover ul {
z-index: 99;
opacity: 1;
visibility: visible;
}
.swiper-pagination span + span {
margin-left: 7px;
}
.slider .swiper-pagination {
bottom: 10px;
left: 0;
right: 0;
}
section.rckAlan {
/* padding: 70px 0 50px; */
}
section.headerAlt.fixHeader {
top: 0;
background: #000;
}
.sektorList ul li {
height: 300px;
width: 31%;
margin: 1%;
}
.sektorList ul {
display: flex;
flex-wrap: wrap;
}
.sektorList ul li a {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
position: relative;
background: #000;
border-radius: 4px;
overflow: hidden;
position: relative;
top: 0;
box-shadow: 0px 1px 14px rgba(125, 125, 125, 0.19);
}
span.sektorBg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-size: cover !important;
opacity: 0.8;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sektorList ul li a i {
position: relative;
z-index: 99;
font-style: normal;
font-size: 24px;
color: #fff;
font-weight: 600;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
text-align: center;
}
.sektorList ul li a:hover {
background: #d54900;
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
background: linear-gradient(to right, #d54703, #d54900);
}
.sektorList ul li a:hover .sektorBg {
opacity: 0;
}
.sektorIc .sektorList ul li a i {
font-size: 20px;
}
.sektorList ul li:nth-last-child(1),.sektorList ul li:nth-last-child(2) {
width: 48%;
}
.rck img {
width: 100%;
}
.sektorList ul li:nth-child(3) {
margin-right: 0 !important;
width: 33%;
}
section.ihtiyac {
/* padding: 90px 0; */
background: black;
padding-top: 110px;
margin: 0;
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.iKutu {
height: auto;
overflow: hidden;
border-radius: 4px;
box-shadow: 0px 1px 14px rgba(125, 125, 125, 0.19);
margin-bottom: 30px;
display: block;
position: relative;
top: 0;
background: #fff;
}
.ihImg {
height: 250px;
background-size: cover !important;
}
.iKutu h3 {
padding: 20px 5px;
text-align: center;
line-height: 24px;
color: #000;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
font-size: 18px;
min-height: 90px;
align-items: center;
justify-content: center;
display: flex;
}
section.ihtiyac .container .row .col {
padding-top: 0;
position: relative;
overflow: hidden;
}
a.iKutu:hover h3 {
color: #d54900;
}
h3.pageTitle {
/* fallback for old browsers */
/* Chrome 10-25, Safari 5.1-6 */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #fff;
padding: 0;
font-size: 29px;
font-weight: 700;
text-align: center;
border-radius: 4px;
position: relative;
display: table;
width: auto;
text-align: left;
margin: 0 auto 50px;
}
a.iKutu:hover,.haberKutu:hover {
top: -5px;
box-shadow: 0px 1px 14px rgba(125, 125, 125, 0.51);
}
.sektorList ul li:first-child {
margin-left: 0;
width: 32%;
}
.sektorList ul li:nth-last-child(2) {
margin-left: 0 !important;
width: 49%;
}
.sektorList ul li:nth-last-child(2) {
width: 49%;
}
section.sektorler {
background: #fcfdfc;
padding: 80px 0px 100px;
}
.sektorList ul li:nth-last-child(1) {
width: 49% !important;
margin-right: 0 !important;
}
h3.pageTitle:after {
content: "";
position: absolute;
right: -300px;
width: 280px;
height: 1px;
background: #fff;
top: 50%;
margin-top: -0.5px;
}
h3.pageTitle:before{
content: "";
position: absolute;
left: -300px;
width: 280px;
height: 1px;
background: #fff;
top: 50%;
margin-top: -0.5px;
}
h3.pageTitle.text-white:before,h3.pageTitle.text-white:after {
background: #fff;
}
section.indHaberler {
background: #000;
padding: 110px 0;
}
section.ihtiyac h3.pageTitle {
margin-bottom: 70px;
}
a.mavi-btn:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #d54900;
background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
background: linear-gradient(to right, #d54900, #d54703);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out;
}
a.mavi-btn:hover:Before {
opacity: 1;
visibility: visible;
border-radius: 4px;
}
a.mavi-btn span,a.mavi-btn i {position: relative;z-index: 11;}
a.mavi-btn:hover {color: #fff;}
.haberContent p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 94px;
font-size: 13px;
line-height: 1.79;
margin-bottom: 16px;
}
.haberKutu {
background: #fff;
box-shadow: 0px 1px 14px rgba(125, 125, 125, 0.19);
border-radius: 4px;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
top: 0;
}
.haberContent {
padding: 15px 30px;
background: black;
}
h4.haberTitle {
min-height: 46px;
margin-bottom: 5px;
line-height: 23px;
font-weight: 600;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.haberAlt {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0 0;
}
span.haberTarih {
font-size: 12px;
color: #afafb1;
}
a.devam-btn {
color: #878787;
font-weight: bold;
font-size: 12px;
}
a.devam-btn:hover {
color: #cf1537;
}
a.haberContBas {
display: block;
color: #000;
}
a.haberContBas span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 74px;
font-size: 13px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h4.haberTitle:hover, .haberContBas span:hover {color: #ce1436;}
a.haberImg {
display: block;
height: 100%;
}
h3.pageTitle.noLong {
display: inline-block !important;
margin: 0;
}
h3.pageTitle.noLong:before,h3.pageTitle.noLong:after {
display: none;
}
section.indHaberler .col {
align-items: center;
justify-content: space-between;
display: flex;
width: 100%;
margin-bottom: 40px;
}
a.all-btn {
padding: 10px 20px;
background: #fa1742;
color: #fff;
border-radius: 4px;
font-weight: 600;
font-size: 12px;
}
a.all-btn:hover {
background: #00aeef;
}
h5.fMenu {
font-weight: 800;
margin-bottom: 20px;
display: block;
color: #fff;
}
.footer ul li a {
color: #fff;
font-weight: 600;
display: block;
margin-bottom: 13px;
font-size: 14px;
}
.footer ul li {
margin-bottom: 5px;
}
.footer-flex {
display: flex;
justify-content: space-between;
}
.fContact,.fSocial {
display: inline-block;
}
.footer-flex .f-flex:nth-child(2) {
padding-left: 0;
}
.fSosyal ul {
display: flex;
}
.fContact a {
align-items: center;
color: #fff;
font-weight: 600;
display: flex;
margin-bottom: 13px;
font-size: 14px;
}
.fContact a i {
padding-right: 10px;
font-size: 18px;
width: 28px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-right: 1px solid #fff;
margin-right: 10px;
}
.fSosyal ul li a {
margin: 0;
font-size: 22px;
font-weight: normal;
}
.fSosyal ul li + li {
margin-left: 14px;
margin-bottom: 0;
}
input:not([type=submit]) {
margin-bottom: 0;
width: 100%;
height: 45px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-weight: 500;
letter-spacing: normal;
color: #000;
-webkit-appearance: none;
border: 0;
transition: all 0.3s ease-out;
}
.bultenBaslik {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.bultenBaslik .fMenu {
margin: 0;
}
.noneBlten {
margin-left: 5px;
font-size: 13px;
color: #fff;
}
.fBulten input[type="submit"] {
width: 45px;
position: absolute;
right: 0;
top: 0;
-webkit-appearance: none;
box-shadow: none;
border: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 45px;
background: #000;
cursor: pointer;
transition: all 0.3s ease-out;
}
form.fBulten {
position: relative;
width: 320px;
}
.fBulten i.fas.fa-check {
position: absolute;
right: 13px;
top: 13px;
font-size: 20px;
color: #fff;
pointer-events: none;
}
footer.footer {
background: black;
height: auto;
background-image: url(../images/footer_bg.jpg);
background-size: cover !important;
background-repeat: no-repeat;
background-position: bottom;
padding: 100px 0;
}
.fBulten input:not([type=submit]) {
margin-bottom: 0;
padding-left: 20px;
border-radius: 4px;
border: 0;
}
.fBulten input:not([type=submit]):focus {
box-shadow: none !important;
-webkit-appearance: none;
}
input:not([type=submit]):focus {
outline-offset: 0 !important;
}
.footer ul li a:hover {
color: #2c2b2b;
}
a.noneBlten:hover {
color: #000;
font-weight: bold;
}
.fBulten input[type="submit"]:hover {
background: #000;
}
.fContact a:hover {
color: #000;
}
section.headerAlt .col {
align-items: center;
display: flex;
justify-content: space-between;
}
section.parallax,section.parallax2 {
margin-top: 101px;
}
.parallaxItem {
height: 300px;
background: #404041;
position: relative;
}
.parallaxBg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-attachment: fixed !important;
opacity: 0.9;
background-position: 50% 60% !important;
}
h1.pageNav {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
position: relative;
color: #fff;
font-size: 41px;
}
ol.breadcrumb {
background: none;
padding: 20px 0;
margin: 0 !important;
}
.pageNavigation {
background: #000;
}
li.breadcrumb-item a {
color: #fff !important;
font-size: 14px;
}
li.breadcrumb-item.active {
color: #fff;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
}
.breadcrumb-item+.breadcrumb-item::before {
font-weight: 500;
color: #fff;
}
section.rckAlan.icRck {
padding: 80px 0 40px;
}
li.breadcrumb-item a:hover {
color: #00aeef;
}
section.top5 {
padding: 60px 0 90px;
}
.topItem ul li {
width: 100%;
display: flex;
align-items: center;
border: 1px solid rgba(237, 28, 36, 0.19);
justify-content: space-between;
min-height: 75px;
}
.topItem ul li img {
max-width: 150px;
max-height: 50px;
}
.topItem ul li + li {
border-top: 0;
}
.topItem ul li a {
width: 25%;
display: flex;
min-height: 80.5px;
align-items: center;
}
a.firmaIsim {
color: #404041;
font-size: 15px;
font-weight: 500;
padding-left: 20px;
padding: 10px 0 10px 20px;
}
a.sektorTur {
font-size: 15px;
font-weight: 500;
color: #404041;
justify-content: center;
}
a.firmLogo {padding: 12px 0;display: flex;align-items: center;border-left: 1px solid rgba(237, 28, 36, 0.19);border-right: 1px solid rgba(237, 28, 36, 0.19);justify-content: center;}
a.firmKonum {
padding: 0px 0 0px 20px;
font-size: 15px;
font-weight: 500;
border-right: 1px solid rgba(237, 28, 36, 0.19);
text-align: center;
align-items: center;
justify-content: center;
color: #404041;
}
.topItem a:hover,.topItem h3:hover {
background: rgba(173, 229, 249, 0.08);
}
h3.littleBaslik {
font-size: 26px;
margin-bottom: 40px;
color: #ed222a;
font-weight: bold;
text-align: center;
}
.topItem ul li:first-child {
border-top: 0;
border-left: 0;
border-right: 0;
min-height: initial;
}
.topItem ul li:first-child span {
width: 25%;
font-weight: bold;
color: #ed222a;
margin-bottom: 18px;
text-align: center;
}
.topItem ul li:first-child span:first-child {
text-align: left;
padding-left: 20px;
}
.digerLogo {
height: 170px;
display: flex;
align-items: center;
padding: 0 20px;
border: 1px solid #fcd4d6;
border-radius: 4px;
box-shadow: 0 3px 15px 0 rgba(252, 212, 214, 0.09);
top: 0;
position: relative;
transition: all 0.4s ease-out;
justify-content: center;
}
a.digerLogo img {
max-width: 150px;
max-height: 110px;
}
.otherFirma {
margin: 0;
}
.otherSlider .swiper-container {
overflow: initial;
}
.otherSlider {
padding: 30px 0;
overflow: hidden;
}
a.digerLogo:hover {
top: -10px;
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
background: #fff;
}
section.digerFirma {
padding: 90px 0;
background: #fcfdfc;
}
.digerFirma h3.littleBaslik {
margin-bottom: 20px;
}
.otherSlider .swiper-pagination {
position: relative;
margin: 30px 0 0;
}
.parallax2 iframe {
opacity: 0.3;
height: 500px;
transition: all 0.4s ease-out;
position: relative;
z-index: 99;
}
.parallax2 .parallaxItem {
height: 500px;
position: relative;
}
.parallax2 .pageNav {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
transition: all 0.4s ease-out;
}
.parallax2 .parallaxItem:hover iframe {
opacity: 1;
}
.parallax2 .parallaxItem:hover .pageNav {
opacity: 0;
}
.firmaContent {
padding: 60px 0 0;
}
.firmaContent p {
font-size: 14px;
font-weight: 500;
color: #4f4f51;
line-height: 31px;
margin-bottom: 50px;
}
h3.firmaContact {
margin: 0;
display: block;
font-size: 24px;
color: #00aeef;
font-weight: 600;
margin-bottom: 30px;
}
.contactDetail a {
display: block;
}
.contactDetail i {
width: 47px;
height: 47px;
box-shadow: 1px 1px 1px #c04201;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
transition: all 0.3s ease-out;
}
a.contactDetail {
display: flex;
align-items: center;
color: #404041;
width: 33.33%;
margin-bottom: 29px;
}
.contactDetail i:before {
font-size: 20px;
color: #c04201;
transition: all 0.3s ease-out;
}
.firmaDetay {
display: flex;
align-items: center;
justify-content: end;
flex-wrap: wrap;
margin-bottom: 26px;
}
a.contactDetail:hover {
color: #00aeef;
}
.firmaDetay a:hover i {
background: #00aeef;
}
.firmaDetay a:hover i {
color: #fff;
}
.firmaDetay a:hover i:before {
color: #fff;
}
section.firmaHakkinda {
padding-bottom: 70px;
}
.firmaImg {
height: 210px;
position: relative;
display: flex;
align-items: center;
background: #404041;
justify-content: center;
border-radius: 4px;
overflow: hidden;
}
.firmaBg {
opacity: 0.5;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
transition: all 0.4s ease-out;
}
.firmaSlider .swiper-pagination {
position: relative !important;
margin: 40px 0 0;
}
.firmaImg i {
position: relative;
color: #fff;
font-size: 40px;
opacity: 1;
transition: all 0.4s ease-out;
}
.firmaImg:hover i {
opacity: 0;
visibility: visible;
}
.firmaImg:hover .firmaBg {
opacity: 1;
}
section.sektorler.sektorIc .sektorList ul li {
width: 23% !important;
margin: 1% !important;
height: 200px;
}
.sayfalama {
display: table;
margin: 60px auto 0;
}
.sayfalama .page-link {
color: #404041;
}
.sayfalama .page-link:focus {
background: none;
box-shadow: none;
}
.sayfalama .page-link:hover {
background: #ed2028;
color: #fff;
}
.all.mt-5 {
display: flex;
align-items: center;
justify-content: center;
}
section.indHaberler.haberIc {
background: #fff;
}
a.haberImg img {
display: block;
height: 100%;
width: 100%;
max-width: 513px;
height: 210px !important;
}
.haberIc .col-12.col-md-6.col-lg-4 {
margin-bottom: 30px;
}
.haberDetail p {
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 31px;
margin-bottom: 0;
}
.haberBg {
height: 340px;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
border-radius: 8px;
margin-bottom: 40px;
}
section.haberDetay {
padding: 60px 0;
background: #000;
}
h2.haberBaslik {
font-size: 20px;
font-weight: 600;
color: #fff;
display: inline-block;
margin-bottom: 30px;
}
.haberDetay span.haberTarih {
display: inline-block;
margin-top: 10px;
}
.iletisimItems a.contactDetail {
width: 100%;
}
.iletisimBaslik h3 {
font-weight: 600;
color: #c04103;
font-size: 25px;
}
section.iletisim {
padding: 60px 0;
background-color: #000;
}
.iletisimBaslik {
margin-bottom: 40px;
}
.iletisimForm input:not([type=submit]) {width: calc(100% - 150px);border: 1px solid #beeafb;height: 55px;border-radius: 4px;-webkit-appearance: none;transition: all 0.4s ease-out;font-size: 14px;color: #00aeef;}
.form-div {
display: flex;
align-items: center;
}
.form-div p {
width: 150px;
font-size: 13px;
font-weight: 600;
color: #fff;
}
.form-div + .form-div {
margin-top: 17px;
}
.iletisimForm textarea.form-control {
height: 150px;
width: calc(100% - 150px);
border: 1px solid #beeafb;
-webkit-appearance: none;
transition: all 0.4s ease-out;
font-size: 14px;
color: #00aeef;
font-weight: 500;
}
.form-div:nth-last-child(2) {
align-items: flex-start;
}
.modalForm input:not([type=submit]):focus {
box-shadow: 1px 1px 9px rgba(0, 174, 239, 0.4);
border: 1px solid rgba(255, 255, 255, 0);
}
.modalForm input:not([type=submit]) {
width: 100%;
border: 1px solid #beeafb;
height: 55px;
border-radius: 4px;
-webkit-appearance: none;
transition: all 0.4s ease-out;
font-size: 14px;
color: #00aeef;
padding-left: 15px;
}
.iletisimForm input[type=submit] {
float: right;
width: auto !important;
padding: 10px 30px !important;
height: auto !important;
border: 0 !important;
background: #c04201;
color: #fff;
transition: all 0.4s ease-out;
font-weight: 500;
cursor: pointer;
}
.form-div:last-child {
justify-content: flex-end;
}
.iletisimForm input:not([type=submit]):focus {
box-shadow: 1px 1px 9px rgba(0, 174, 239, 0.4);
border: 1px solid rgba(255, 255, 255, 0);
}
.iletisimForm textarea.form-control:focus {
border: 1px solid rgba(255, 255, 255, 0);
box-shadow: 1px 1px 9px rgba(0, 174, 239, 0.4);
}
.iletisimBaslik p {
font-weight: 500;
margin: 20px 0 0;
min-height: 50px;
color: #fff;
}
section#map {
height: 450px;
}
section#map .map {
height: 100%;
}
.se-pre-con img { width: 250px !important;}
.se-pre-con {background: #fff !important;}
.hizmetContent p {
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 31px;
margin-bottom: 50px;
display: block;
}
.hizmetContent{
color: #fff;
}
.hizmetContent p img {
float: left;
width: 59%;
position: relative;
top: 10px;
padding-right: 20px;
padding-bottom: 20px;
}
section.hizmetDetay {
background: #000;
}
.hizmetItems ul li {
width: 31%;
margin: 0 1%;
float: left;
}
.hizmetItems h2 {
padding-left: 10px;
margin-bottom: 30px;
font-weight: 500;
color: #ed1c24;
}
.hizmetItems h2 span {
font-weight: bold;
}
.mobil-btn{
opacity:0; visibility: hidden; z-index: -1;height: 0;
}
.contactDetail span {
width: calc(100% - 47px);
}
.select2-container {
width: 100%!important;
}
.modalForm textarea.form-control:focus {
border: 1px solid rgba(255, 255, 255, 0);
box-shadow: 1px 1px 9px rgba(0, 174, 239, 0.4);
}
.modalForm textarea.form-control {
height: 150px;
width: 100%;
border: 1px solid #beeafb;
-webkit-appearance: none;
transition: all 0.4s ease-out;
font-size: 14px;
color: #00aeef;
font-weight: 500;
padding: 15px;
}
.modal-title {
display: block;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 23px;
color: #d54900;
}
button.btn.btn-primary {
background: #dc3545;
border: 0 !important;
padding: 7px 25px !important;
transition: all 0.3s ease-out;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: none !important;
}
.btn-primary:hover {
background: #007bff !important;
}
.close {
padding: 10px !important;
margin-top: -15px !important;
font-size: 46px !important;
font-weight: normal;
color: #d54900;
opacity: 1;
transition: all 0.3s ease-out;
}
button:focus {
outline: none !important;
}
/* ****************************************************
* MEDYA SORGULARI
************************************************ */
@media screen and ( max-height: 700px )
{
a.logo {
width: 160px;
}
.menu>ul>li>a {
padding: 30px 0;
}
section.slider {
margin-top: 81px;
}
.slider .swiper-slide {
height: 350px;
}
section.rckAlan {
padding: 40px 0 50px;
}
.menu ul {
margin-right: 17px;
}
.menu {
width: calc(100% - 160px);
}
section.parallax, section.parallax2 {
margin-top: 86px;
}
}
@media screen and ( max-width: 1366px )
{
.menu>ul>li>a {
font-size: 15px;
padding: 32px 0;
}
a.logo {
width: 160px;
}
.menu {
width: calc(100% - 160px);
justify-content: space-between;
}
.menu ul {
margin-right: 0;
}
section.slider {
margin-top: 85px;
}
.slider .swiper-slide {
height: 400px;
}
.kayit {
width: 317px;
}
.menu ul {
width: calc(100% - 317px);
justify-content: center;
}
section.parallax, section.parallax2 {
margin-top: 86px;
}
}
@media screen and ( max-width: 1199px )
{
.menu>ul>li>a {
font-size: 13px;
padding: 33px 0;
}
}
@media screen and ( max-width: 991px )
{
.menu ul {display: none;}
.footer-flex {
flex-wrap: wrap;
}
.f-flex:last-child {width: auto;padding-top: 20px;border-top: 1px solid #fff;margin-top: 20px;}
.footer .f-flex ul li {
float: left;
}
.f-flex {
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
h5.fMenu {
width: 100%;
}
.f-flex ul {
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.fSosyal ul {
width: auto !important;
}
footer.footer {
padding: 50px 0;
}
.footer-flex .f-flex:nth-child(2) {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #fff;
}
section {
overflow-x: hidden;
}
.indHaberler .col-12.col-md-6.col-lg-4 {
margin-bottom: 30px;
}
section.slider {
margin-top: 83px;
}
section.headerAlt {
padding: 10px 0;
}
.menu {
justify-content: flex-end;
padding-right: 60px;
}
body.modal-open .hamburger-menu {
z-index: -1!important
}
h3.gorunmez-baslik {
opacity: 0;
-webkit-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;
position: fixed;
margin: 0;
top: 14px;
left: 20px;
font-size: 20px!important;
line-height: 29px;
font-weight: 500;
display: block!important;
}
body.mobile-menu-active .gorunmez-baslik {
opacity: 1;
z-index: 99999999999999;
color: #fff;
display: block
}
.mobile-menu-active .hamburger-menu span {
background: #fff
}
.hamburger-menu {
display: block!important;
width: 30px;
height: 22px;
top: 100px;
right: 20px;
position: fixed;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999999;
}
.mobilScroll .hamburger-menu {
top: 30px;
}
.hamburger-menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.mobile-menu,
.mobile-menu>ul {
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.mobile-menu-active .hamburger-menu span:nth-child(1),
.mobile-menu-active .hamburger-menu span:nth-child(4) {
width: 0%;
left: 50%;
top: 18px
}
.hamburger-menu span:nth-child(1) {
top: 0
}
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
top: 9px
}
.hamburger-menu span:nth-child(4) {
top: 18px
}
.mobile-menu-active .hamburger-menu span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.mobile-menu-active .hamburger-menu span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.mobile-menu,
.mobile-menu>ul {
width: 100%
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
left: 0;
height: 110%;
z-index: 99999;
padding: 0;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
transition: all .5s ease;
display: block!important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: -webkit-linear-gradient(top,#d54900 0,rgba(253, 24, 67, 0.5) 100%);
background: -webkit-gradient(linear,left top,left bottom,from(#d54900),to(rgba(253, 24, 67, 0.5)));
background: -o-linear-gradient(top,rgba(250,178,49,1) 0,rgba(250,178,49,.5) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#d54900),to(rgba(253, 24, 67, 0.52)));
background: linear-gradient(to bottom,#d54900 0,rgba(253, 24, 67, 0.52) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fab231', endColorstr='#b3fab231', GradientType=0);
}
.mobile-menu-active .mobile-menu {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.headerSag {
margin-right: 50px
}
.mobile-menu-active .hamburger-menu {
top: 20px
}
.mobile-menu h3 {
margin: 0;
color: #fff;
padding: 0;
position: absolute;
top: 20px;
left: 20px;
font-size: 21px;
font-weight: 500
}
.mobile-menu h3.menu-name:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
position: absolute;
left: 0;
transform: rotate(180deg);
}
.mobile-menu .rtl {
left: 100%;
opacity: 1;
visibility: visible
}
.mobile-menu .ltl {
left: -100%
}
.mobile-menu>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding: 60px 20px;
position: absolute;
left: 0;
transition: all .5s ease
}
.mobile-menu ul li a {
color: #fff;
display: block;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.94);
text-transform: uppercase;
font-size: 22px;
position: relative;
font-weight: 500;
font-size: 15px;
}
.mobile-menu ul>li>a:after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
position: absolute;
right: 0;
}
.an-menu a i,
.mobile-menu>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center;
position: absolute;
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 9px
}
.mobile-menu>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding: 10px 20px;
position: absolute;
top: 50px;
width: 100%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
left: 100%;
opacity: 0;
visibility: hidden
}
.mobile-menu>ul>li>ul>li>a>i,
.mobile-menu>ul>li>ul>li>ul>li>a>i {
width: 25px;
text-align: center;
font-family: FontAwesome;
margin-right: 5px
}
.mobile-menu>ul>li>ul>li>a:after {
display: none;
}
.mobile-menu>ul>li>ul>li.active>a {
color: #ffdc9c;
text-shadow: 0 0 4px #00087
}
.mobile-menu>ul>li>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 40px;
display: none
}
.mobile-menu>ul>li>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
body.mobile-menu-active .gorunmez-baslik.menu-name {
padding-left: 32px;
}
a.contactDetail {
width: 50%;
}
section.sektorler.sektorIc .sektorList ul li {
height: 140px;
}
.ihImg {
height: 150px;
}
.menu {
display: none;
}
}
@media screen and ( max-width: 767px )
{
.parallax{
margin-top:0px !important;
}
h1.pageNav{
padding-top: 130px;
}
.slideSol h2 {
font-size: 20px;
margin-bottom: 10px;
}
.slideSol p {
font-size: 14px;
width: 100% !important;
}
.swiper-slide-active .slideSlogan {
flex-wrap: wrap;
}
.f-flex ul {
flex-wrap: wrap;
}
section.slider {
margin-top: 83px;
}
h5.slogan {
font-size: 14px;
}
.slider .swiper-slide {
height: 240px;
}
.slideSag {
top: 0;
}
.slideSag h3 {
font-size: 25px;
font-style: normal;
}
.slider .swiper-pagination {
left: auto;
right: 20px;
}
section.sektorler {
padding: 30px 0;
}
h3.pageTitle {
margin-bottom: 30px;
}
.sektorList ul li {
width: 48% !important;
margin: 1% !important;
height: 140px;
}
.sektorList ul li:nth-child(3) {
margin-right: 1% !important;
}
.sektorList ul li:nth-last-child(2) {
margin-left: 1% !important;
}
.sektorList ul li:nth-last-child(1) {
margin-right: 0 !important;
width: 100% !important;
margin-left: 0 !important;
}
.sektorList ul li a i {
font-size: 18px;
}
section.ihtiyac {
padding: 40px 0;
}
section.indHaberler {
padding: 40px 0;
}
a.all-btn {
min-width: 130px;
}
h3.pageTitle.noLong {
font-size: 18px;
}
h4.haberTitle {
min-height: initial;
}
.footer .f-flex ul li {
width: 33.33%;
}
.footer .f-flex:first-child ul {
display: flex;
}
.col-12.col-md-3.col-lg-2 {
display: none;
}
.footer ul li a {
margin-bottom: 5px;
}
.footer-flex .f-flex:nth-child(2) {
margin-top: 10px;
}
.fSosyal ul {
width: 100% !important;
flex-wrap: initial;
justify-content: initial;
}
.fSosyal ul li {
width: auto !important;
}
.noneBlten {
width: 178px;
}
.topItem ul li a {width: 50%;border: 0;padding: 0 !important;justify-content: center !important;font-size: 13px;}
.topItem ul li {
flex-wrap: wrap;
margin-bottom: 15px;
border: 1px solid rgba(237, 28, 36, 0.19) !important;
}
.topItem ul li img {
max-width: 110px;
}
.topItem ul li a:nth-child(2n) {
border-left: 1px solid #fcd4d6;
}
.topItem ul li a:first-child {
border-bottom: 1px solid #fcd4d6;
font-weight: bold;
}
.topItem ul li a:nth-child(2) {
border-bottom: 1px solid #fcd4d6;
}
.topItem ul li:first-child {
display: none;
}
section.top5 {
padding: 40px 0;
}
section.digerFirma {
padding: 40px 0;
}
a.digerLogo {
height: 140px;
}
a.digerLogo img {
max-width: 120px;
}
.parallax2 .parallaxItem {
height: auto;
}
.parallax2 iframe {
height: 200px;
}
.firmaContent {
padding: 40px 0;
}
a.contactDetail {
width: 100% !important;
}
.firmaContent {
padding-bottom: 0;
}
.firmaImg {
height: 120px;
}
.parallax2 .pageNav {
font-size: 30px;
z-index: 99;
}
.hizmetContent p img {
width: 100%;
padding: 0 !important;
margin-bottom: 20px;
}
section.hizmetDetay {
padding: 40px 0;
}
.hizmetItems ul li {
width: 100%;
margin: 0 !important;
}
.hizmetItems h2 {
padding: 0;
}
.parallaxItem {
height: 190px;
}
h1.pageNav {
font-size: 29px;
position: relative;
z-index: 9;
}
ol.breadcrumb {
justify-content: center;
}
section.iletisim {
padding: 40px 0;
}
.iletisimBaslik h3 {
text-align: center;
}
.iletisimBaslik p {
margin-top: 10px;
text-align: center;
margin-bottom: 10px;
}
.iletisimBaslik {
margin-bottom: 0px;
}
.form-div p {
width: 100%;
margin-bottom: 8px;
}
.form-div {
flex-wrap: wrap;
}
.iletisimForm input:not([type=submit]) {
width: 100%;
}
.iletisimForm textarea.form-control {
width: 100%;
}
.se-pre-con {
z-index: 9999999999 !important;
}
.mobil-btn a i:before,
.mobil-btn a:last-child i:before {
font-size: 15px
}
.mobil-btn a,
.musteriName {
text-align: center
}
.mobil-btn {
position: fixed;
z-index: 99999;
background: #ed222a!important;
bottom: -70px;
left: 0;
right: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 15px;
display: flex;
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.mobil-btn a {
line-height: normal;
color: #404041;
background: #ffffff;
padding: 6px 13px;
border-radius: 3px;
width: 50%;
font-weight: 600;
}
.mobil-btn a i {
padding-right: 6px
}
.mobil-btn.btnShow {
display: none;
opacity: 1!important;
visibility: visible!important;
z-index: 111!important;
height: auto!important;
bottom: 0;
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out
}
.mobil-btn a+a {
width: 50%;
margin-left: 2%
}
.mobil-btn a:last-child i {
position: relative;
top: 1px
}
footer.footer {
/* margin-bottom: 50px;*/
background-size: cover !important;
background-attachment: initial !important;
background-position: center !important;
}
section.sektorler.sektorIc .sektorList ul li {
width: 48% !important;
margin: 1% !important;
height: 140px;
}
.sayfalama {
margin: 30px auto 10px;
}
}
.sayfalama a{
padding: 7px;
margin:5px;
}
.sayfalama{
padding: 5px;
}
.whatsapp-button{
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
background-color: #25d366;
border-radius: 50px;
color: #ffffff;
text-decoration: none;
width: 50px;
height: 50px;
font-size: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
animation: effect 5s infinite ease-in;
z-index: 99999;
}
@keyframes effect {
20%, 100% {
width: 50px;
height: 50px;
font-size: 30px;
}
0%, 10%{
width: 55px;
height: 55px;
font-size: 35px;
}
5%{
width: 50px;
height: 50px;
font-size: 30px;
}
}
@media screen and ( max-width: 375px )
{
}
@media screen and ( max-width: 320px )
{
}
.parallax{
width: 100%;
margin: 0;
}
.container{
/*background-color: black;*/
}
.parallax{
background: url(video.mp4);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.text, .quote{
width: 100%;
margin: 0;
text-align: center;
margin-top: 30px;
}
.text{
overflow: hidden;
text-overflow: ellipsis;
font-family: 'Muli', sans-serif;
font-weight: 600;
line-height: 1.5;
word-spacing: 1px;
color: rgba(0,0,0,.6);
}
.quote{
quotes: '\201C' '\201D';
color: #d54702;;
font-family: 'Cabin', sans-serif;
font-weight: 700;
font-size: 1.5em;
}
.quote::before{
content: open-quote;
}
.quote::after{
content: close-quote;
}
.fullScreenPhoto{
width: 100%;
margin:0;
height:300px;
background-color: red;
}
.fullScreenPhoto2{
width: 100%;
height:300px;
margin:0;
background-color: green;
}
.fullScreenPhoto3{
width: 100%;
margin:0;
height:300px;
background-color: yellow;
}
video {
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}
.genel_container{
opacity: 0.8;
background: black;
border-radius: 5px;
margin: 190px 0;
padding: 40px 20px;
}
.parallax_logo{
text-align: center;
margin: 0 auto;
display: block;
width: 140px;
}
.video-container {
height: 100%;
width: 100%;
background-size: cover !important;
}
.video-parallax {
-webkit-transition-position: fixed;
position: fixed;
}
@media only screen and (max-width: 500px) {
.video-parallax{
display: none;
}
.video-container{
background-image: url(../images/11.jpg);
display: block !important;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
transition: 1s opacity;
}
.genel_container{
opacity: 0.8;
background: black;
border-radius: 5px;
padding: 10px 10px;
margin: 20px 0px;
}
.quote{
quotes: '\201C' '\201D';
color: bisque;
font-family: 'Cabin', sans-serif;
font-weight: 500;
font-size: 1.1em;
}
.text, .quote{
width: 100%;
margin: 0;
text-align: center;
margin-top: 12px;
}
}