@media screen and (max-width: 1366px)  {

.captisay{ left:63px; width:1200px; }

#sliderCounter {

font-size: 33px !important;

color: #fff;

text-shadow: 0 0 9px #00000069;

width: 100%;

text-align: left;

left: 16% !important;

position: relative;

top: -13% !important;

}

}

@media screen and (max-width: 1440px) and (min-width: 1367px) {

.captisay{ left:63px; width:1200px; }

#sliderCounter {

font-size: 33px !important;

color: #fff;

text-shadow: 0 0 9px #00000069;

width: 100%;

text-align: left;

left: 16% !important;

position: relative;

top: -13% !important;

}

}

@media screen and (max-width: 1680px) and (min-width: 1441px){

.section-margin { margin-top:150px !important; }

.captisay{ left:63px; width:1200px; }

#sliderCounter {

font-size: 33px !important;

color: #fff;

text-shadow: 0 0 9px #00000069;

width: 100%;

text-align: left;

left: 19% !important;

position: relative;

top: -13% !important;

}

}

@media screen and (max-width: 1920px) and (min-width: 1919px) {

.captisay{ width:1200px; left:60px; height:330px; top:210px !important;}

}
    .modal-dialog {

top:31%;

left:4%;

}

.modal-header {

	 margin: 20px;

	 overflow: hidden;

}

 .modal-header h2 {

	 font-family: 'Anton', sans-serif;

	 padding: 0 0 15px 0;

}

 .icon:hover {

	 cursor: pointer;

}

 .searchContainer {

	 max-width: 100%;

	 position: relative;

}

 .searchContainer input#search {

	 max-width: 100%;

	 height: 40px;

	 background: #eceff1;

	 border: none;

	 font-size: 1.5rem;

	 padding: 0 1rem 0 3rem;

	 border-radius: 32px;

	 width:100% !important;

	 font-size:14px;

}

 .searchContainer input#search:hover, .searchContainer .icon:hover + input#search, .searchContainer input#search:focus, .searchContainer input#search:active {

	 outline: none;

}

 .searchContainer .icon {

	 position: absolute;

	 color: #90a4ae;

	 top: 50%;

	 left: 1.5rem;

	 transform: translate(-50%, -50%);

	 z-index: 1;

}

 .modal-body {

	 font-size: 18px;

	 font-family: 'Josefin Sans', sans-serif;

}

 .modal-body ul {

	 list-style-type: none;

}

 .modal-body ul li {

	 line-height: 1.2em;

	 margin: 10px;

}

 .modal-body ul li i {

	 text-decoration: underline;

	 color: #4ba848;

	 font-style: normal;

}

 .modal-body ul li > * p {

	 background: #c9ffc9;

}

 .modal-body ul a {

	 font-weight: bold;

	 text-decoration: none;

	 font-size: 22px;

}

 .modal-body ul strong {

	 color: #ff00cb;

}
      /** slider **/

.slider{

width: 100%;

position: relative;

}

.swiper-slide img{

width:100%;

height:100%;

object-fit: cover;

object-position: center;

}

.swiper-slide:after {

display: block;

position: absolute;

bottom: 0;

left: 0;

width: 100%;

background: #000;

opacity: 0;

content: "";

height:100%;

transition: all 0.5s;

z-index: 1;

}

.swiper-slide{

position: relative;

}

.slider-text{

position: absolute;

top: 65%;

z-index: 300;

left: 0;

width: 100%;

color: #fff;

}

.slider-text h2{

font-weight: 700;

font-size: 60px;

text-shadow: 0px 0px 5px #000;

margin-bottom: 5px;

display: block;

text-transform: capitalize;

width: 65%;

}

.slider-text p{

font-size: 16px;

letter-spacing: 1.4px;

font-weight: 100;

display: inline-block;

padding: 9px 18px;

background-color: #BE1D2F;

}

.slider-text a{

font-size: 15px;

display: inline-block;

background-color: #fff;

color: #222;

margin-left: 6px;

padding: 9px 18px;

transition: all 0.3s;

}

.slider-text a:hover{

background-color: #BE1D2F;

color: #fff;

text-decoration: none;

}

.swiper-pagination-cont{

position: absolute;

bottom: 10px;

width: 100%;

text-align: center;

z-index: 100;

}

.swiper-pagination-bullet {

width: 15px!important;

margin: 0px 2px;

height: 15px!important;

display: inline-block;

border-radius: 50%;

background: rgb(255, 255, 255);

opacity: .5;

transition: all 0.3s;

transform: scale(0.9);

}

.swiper-pagination-bullet:hover {

width: 15px!important;

margin: 0px 2px;

height: 15px!important;

display: inline-block;

border-radius: 50%;

background: rgb(255, 255, 255);

opacity: .5;

transform: scale(1.1);

}

.swiper-pagination-bullet-active {

opacity: 1;

background: #d20b10!important;

border: 1px solid #fff;

transform: scale(1.2);

}

.slan { position:absolute; right:73px; top:10px; z-index:9;  }

.overview li span { background:#fff; }

.overview li span a{ color:#000; }

#slider1 .buttons:hover { color:#fff; background:#000; }

.buttons i { color:#fff; }

#slider1 .buttons { line-height:37px !important; }

.bhr {     position: absolute;

right: 10px;

top: 4px;

text-shadow: 0 0 9px #00000069;

font-weight:700;

letter-spacing:2px;

padding: 10px;

color: #fff; }
     .slan::before {

content: " ";

position: absolute;

width: 3px;

height: 318px;

top: -8px;

left: -10%;

margin-left: 0px;

padding: 0 0px;

font-size: 12px;

color: #999;

text-align: center;

background: #bf1c2f;

}



.slan::after {

content: " ";

position: absolute;

width: 3px;

height: 318px;

top: -8px;

left: 104%;

margin-left: 0px;

padding: 0 0px;

font-size: 12px;

color: #999;

text-align: center;

background: #bf1c2f;

}



.title {

margin: 20px;

font-size: 22px;

text-align: center;

position: relative;

}

.title +p {

text-align: center;

}

#slider1 {

padding: 0;

margin: 50px auto 0;

width: 150px;

}

#slider1 .viewport {

height: 285px;

margin: 0px auto;



}

#slider1 .overview {

padding: 0;

list-style: none;

width: 100%;

}

#slider1 .overview li {

border: 0;

float: none;

display: block;

width: 150px;

height: 124px;

margin: 0 0 20px 0;

border-bottom:1px solid red

}

#slider1 .overview li img {

width: 100%;

height:75px !important;



}

#slider1 .next, #slider1 .prev {

cursor: pointer;

margin: 0;

left: 73%;

transform: translateX(-50%) rotate(90deg);

}

#slider1 .next:hover, #slider1 .prev:hover {

background-color: green;

}

#slider1 .next {

bottom: 0;

transform: translateX(-50%) rotate(-90deg);

margin: 0;

top: inherit;    bottom: 350px;    left: 49px;

}



.overview__single {    padding: 18px 10px !important;}

.deneme {

position: absolute;

background-color: #bf1c2f;

font-size: 19px;

z-index: 4;

top: 87%;

right: 62px;

color: #fff;

padding: 4px 21px;

/* border: 1px solid #eee; */

/* background-color: #11111138; */

text-shadow: 0 0 9px #00000069;

border-radius: 19px;

}

.deneme:hover

{

color:#fff

}

section.ok{

background-color: #555;

}



.scroll-down {

padding-left:5px;

opacity: 1;

-webkit-transition: all .5s ease-in 3s;

transition: all .5s ease-in 3s;

}

.scroll-down {

position: absolute;

bottom: 0px;

left: 50%;

margin-left: -16px;

display: block;

width: 70px;

height: 32px;

background-size: 14px auto;

border-radius: 50%;

z-index: 2;

-webkit-animation: bounce 2s infinite 2s;

animation: bounce 2s infinite 2s;

-webkit-transition: all .2s ease-in;

transition: all .2s ease-in;

transform: scale(1);

padding-bottom: 60px;

color: #fff;

letter-spacing: 2px;

}

.scroll-down:before {

position: absolute;

top: calc(50% - 8px);

left: calc(50% - 6px);

transform: rotate(-45deg);

display: block;

width: 12px;

height: 12px;

content: "";

border: 2px solid white;

border-width: 0px 0 2px 2px;

}

@keyframes bounce {

0%,

100%,

20%,

50%,

80% {

-webkit-transform: translateY(0);

-ms-transform: translateY(0);

transform: translateY(0);

}

40% {

-webkit-transform: translateY(-10px);

-ms-transform: translateY(-10px);

transform: translateY(-10px);

}

60% {

-webkit-transform: translateY(-5px);

-ms-transform: translateY(-5px);

transform: translateY(-5px);

}

}
     #sliderCounter { font-size:33px !important; color:#fff;     text-shadow: 0 0 9px #00000069; width:100%; text-align:left;     left: 25%;

position: relative;

top: -8%; }
    .service_section .item .text h3 { min-height:48px; }
    .video-play-button {

position: absolute;

z-index: 10;

top: 50%;

left: 50%;

transform: translateX(-50%) translateY(-50%);

box-sizing: content-box;

display: block;

width: 32px;

height: 44px;

/* background: #fa183d; */

border-radius: 50%;

padding: 18px 20px 18px 28px;

}

.video-play-button:before {

content: "";

position: absolute;

z-index: 0;

left: 50%;

top: 50%;

transform: translateX(-50%) translateY(-50%);

display: block;

width: 80px;

height: 80px;

border: 2px solid #d0111e;

border-radius: 50%;

animation: pulse-border 1500ms ease-out infinite;

background-color: #0000009e;

}

.video-play-button:after {

content: "";

position: absolute;

z-index: 1;

left: 50%;

top: 50%;

transform: translateX(-50%) translateY(-50%);

display: block;

width: 80px;

height: 80px;

/* background: #d0111e; */

border-radius: 50%;

transition: all 200ms;

border: 3px solid #eee;

}

.video-play-button:hover:after {

background-color: darken(#d0111e, 10%);

}

.video-play-button img {

position: relative;

z-index: 3;

max-width: 100%;

width: auto;

height: auto;

}

.video-play-button span {

display: block;

position: relative;

z-index: 3;

width: 0;

height: 0;

margin-top:0px !important;

margin-left:0px !important;

border-left: 32px solid #fff;

border-top: 22px solid transparent;

border-bottom: 22px solid transparent;

}

@keyframes pulse-border {

0% {

transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

opacity: 1;

}

100% {

transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

opacity: 0;

}

}

.video-overlay {

position: fixed;

z-index: -1;

top: 0;

bottom: 0;

right: 0;

background: #d0111e;

opacity: 0;

transition: all ease 500ms;

}

.video-overlay.open {

position: fixed;

z-index: 1000;

opacity: 1;

}

.video-overlay-close {

position: absolute;

z-index: 1000;

top: 15px;

right: 20px;

font-size: 36px;

line-height: 1;

font-weight: 400;

color: #fff;

text-decoration: none;

cursor: pointer;

transition: all 200ms;

}

.video-overlay-close:hover {

color: #d0111e;

}

.video-overlay iframe {

position: absolute;

top: 50%;

left: 50%;

transform: translateX(-50%) translateY(-50%);

/* width: 90%; */

/* height: auto; */

box-shadow: 0 0 15px #d0111e;

}

.playbtn {     position: absolute;

right: 143px;

margin-top: -204px;

z-index: 99; }

.ripple {

position: relative;

display: -webkit-box;

display: -webkit-flex;

display: -moz-box;

display: -ms-flexbox;

display: flex

}

.ripple:before,.ripple:after {

content: "";

position: absolute;

width: 100%;

height: 100%;

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

-webkit-box-shadow: 0 0 2px #9d9c9c5e !important;

-moz-box-shadow: 0 0 2px #9d9c9c5e !important;

box-shadow: 0 0 2px #9d9c9c5e !important;

pointer-events: none;

-webkit-transition: .25s ease box-shadow;

-o-transition: .25s ease box-shadow;

-moz-transition: .25s ease box-shadow;

transition: .25s ease box-shadow

}

.ripple:before {

-webkit-animation: ripple 2s linear infinite;

-moz-animation: ripple 2s linear infinite;

-o-animation: ripple 2s linear infinite;

animation: ripple 2s linear infinite

}

.ripple:after {

-webkit-animation: ripple 2s linear 1s infinite;

-moz-animation: ripple 2s linear 1s infinite;

-o-animation: ripple 2s linear 1s infinite;

animation: ripple 2s linear 1s infinite

}

.ripple--primary:before,.ripple--primary:after {

-webkit-box-shadow: 0 0 1px #d90016 !important;

-moz-box-shadow: 0 0 1px #d90016 !important;

box-shadow: 0 0 1px #d90016 !important

}

.ripple--secondary:before,.ripple--secondary:after {

-webkit-box-shadow: 0 0 1px #837861 !important;

-moz-box-shadow: 0 0 1px #837861 !important;

box-shadow: 0 0 1px #837861 !important

}

.ripple-minimal:before {

-webkit-animation: rippleMinimal 2s linear infinite;

-moz-animation: rippleMinimal 2s linear infinite;

-o-animation: rippleMinimal 2s linear infinite;

animation: rippleMinimal 2s linear infinite

}

.ripple-minimal:after {

-webkit-animation: rippleMinimal 2s linear 1s infinite;

-moz-animation: rippleMinimal 2s linear 1s infinite;

-o-animation: rippleMinimal 2s linear 1s infinite;

animation: rippleMinimal 2s linear 1s infinite

}

@-webkit-keyframes ripple {

0% {

opacity: 0;

-webkit-transform: scale(0.6);

transform: scale(0.6)

}

1% {

opacity: 1;

-webkit-transform: scale(0.6);

transform: scale(0.6)

}

50% {

opacity: 1;

-webkit-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-webkit-transform: scale(1.1);

transform: scale(1.1)

}

}

@-moz-keyframes ripple {

0% {

opacity: 0;

-moz-transform: scale(0.6);

transform: scale(0.6)

}

1% {

opacity: 1;

-moz-transform: scale(0.6);

transform: scale(0.6)

}

50% {

opacity: 1;

-moz-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-moz-transform: scale(1.1);

transform: scale(1.1)

}

}

@-o-keyframes ripple {

0% {

opacity: 0;

-o-transform: scale(0.6);

transform: scale(0.6)

}

1% {

opacity: 1;

-o-transform: scale(0.6);

transform: scale(0.6)

}

50% {

opacity: 1;

-o-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-o-transform: scale(1.1);

transform: scale(1.1)

}

}

@keyframes ripple {

0% {

opacity: 0;

-webkit-transform: scale(0.6);

-moz-transform: scale(0.6);

-o-transform: scale(0.6);

transform: scale(0.6)

}

1% {

opacity: 1;

-webkit-transform: scale(0.6);

-moz-transform: scale(0.6);

-o-transform: scale(0.6);

transform: scale(0.6)

}

50% {

opacity: 1;

-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1)

}

}

@-webkit-keyframes rippleMinimal {

0% {

opacity: 0;

-webkit-transform: scale(1);

transform: scale(1)

}

1% {

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1)

}

50% {

opacity: 1;

-webkit-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-webkit-transform: scale(1.1);

transform: scale(1.3)

}

}

@-moz-keyframes rippleMinimal {

0% {

opacity: 0;

-moz-transform: scale(1);

transform: scale(1)

}

1% {

opacity: 1;

-moz-transform: scale(1);

transform: scale(1)

}

50% {

opacity: 1;

-moz-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-moz-transform: scale(1.3);

transform: scale(1.3)

}

}

@-o-keyframes rippleMinimal {

0% {

opacity: 0;

-o-transform: scale(1);

transform: scale(1)

}

1% {

opacity: 1;

-o-transform: scale(1);

transform: scale(1)

}

50% {

opacity: 1;

-o-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-o-transform: scale(1.3);

transform: scale(1.3)

}

}

@keyframes rippleMinimal {

0% {

opacity: 0;

-webkit-transform: scale(1);

-moz-transform: scale(1);

-o-transform: scale(1);

transform: scale(1)

}

1% {

opacity: 1;

-webkit-transform: scale(1);

-moz-transform: scale(1);

-o-transform: scale(1);

transform: scale(1)

}

50% {

opacity: 1;

-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1)

}

100% {

opacity: 0;

-webkit-transform: scale(1.2);

-moz-transform: scale(1.2);

-o-transform: scale(1.2);

transform: scale(1.2)

}

}

@-webkit-keyframes copied {

0% {

-webkit-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 0

}

20% {

-webkit-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

80% {

-webkit-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

100% {

-webkit-transform: translateX(-50%) translateY(-15px);

transform: translateX(-50%) translateY(-15px);

opacity: 0

}

}

@-moz-keyframes copied {

0% {

-moz-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 0

}

20% {

-moz-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

80% {

-moz-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

100% {

-moz-transform: translateX(-50%) translateY(-15px);

transform: translateX(-50%) translateY(-15px);

opacity: 0

}

}

@-o-keyframes copied {

0% {

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 0

}

20% {

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

80% {

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

100% {

-o-transform: translateX(-50%) translateY(-15px);

transform: translateX(-50%) translateY(-15px);

opacity: 0

}

}

@keyframes copied {

0% {

-webkit-transform: translateX(-50%) translateY(0);

-moz-transform: translateX(-50%) translateY(0);

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 0

}

20% {

-webkit-transform: translateX(-50%) translateY(0);

-moz-transform: translateX(-50%) translateY(0);

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

80% {

-webkit-transform: translateX(-50%) translateY(0);

-moz-transform: translateX(-50%) translateY(0);

-o-transform: translateX(-50%) translateY(0);

transform: translateX(-50%) translateY(0);

opacity: 1;

visibility: visible

}

100% {

-webkit-transform: translateX(-50%) translateY(-15px);

-moz-transform: translateX(-50%) translateY(-15px);

-o-transform: translateX(-50%) translateY(-15px);

transform: translateX(-50%) translateY(-15px);

opacity: 0

}

}

footer .top_footer .part1 h3 img {

width: 90%;

}

.fadele {

transform: perspective(500px) rotateY(-42deg);

-webkit-transform: perspective(500px) rotateY(-42deg);

-moz-transform: perspective(500px) rotateY(-42deg);

-ms-transform: perspective(500px) rotateY(-42deg);

-o-transform: perspective(500px) rotateY(-42deg);

animation-name: rotate-windows;

animation-iteration-count: infinite;

animation-duration: 3s;

animation-fill-mode: forwards;

}

.fadele2 {

transform: perspective(500px) rotateY(-42deg);

-webkit-transform: perspective(500px) rotateY(-42deg);

-moz-transform: perspective(500px) rotateY(-42deg);

-ms-transform: perspective(500px) rotateY(-42deg);

-o-transform: perspective(500px) rotateY(-42deg);

animation-name: rotate-windows;

animation-iteration-count: infinite;

animation-duration: 1.5s;

animation-fill-mode: forwards;

}

@keyframes rotate-windows {

0% {

transform: perspective(500px) rotateY(-42deg);

-webkit-transform: perspective(500px) rotateY(-42deg);

-moz-transform: perspective(500px) rotateY(-42deg);

-ms-transform: perspective(500px) rotateY(-42deg);

-o-transform: perspective(500px) rotateY(-42deg);

}

50% {

transform: perspective(500px) rotateY(0deg);

-webkit-transform: perspective(500px) rotateY(0deg);

-moz-transform: perspective(500px) rotateY(0deg);

-ms-transform: perspective(500px) rotateY(0deg);

-o-transform: perspective(500px) rotateY(0deg);

}

100% {

transform: perspective(500px) rotateY(-42deg);

-webkit-transform: perspective(500px) rotateY(-42deg);

-moz-transform: perspective(500px) rotateY(-42deg);

-ms-transform: perspective(500px) rotateY(-42deg);

-o-transform: perspective(500px) rotateY(-42deg);

}

}

.footerwrapper { width:100%; padding-left: 10%;

padding-right: 10%; }

.faded-text{

-webkit-animation:linear infinite alternate;

-webkit-animation-name:run;

-webkit-animation-duration:25s;

-ms-animation:linear infinite alternate;

-ms-animation-name:run;

-ms-animation-duration:25s;

-moz-animation:linear infinite alternate;

-moz-animation-name:run;

-moz-animation-duration:25s

}

@-webkit-keyframes run{

0%{

left:-20%

}

50%{

left:0%

}

100%{

left:20%

}

}

@-moz-keyframes run{

0%{

left:-20%

}

50%{

left:0%

}

100%{

left:20%

}

}

.big-title {    position: relative;

z-index:-2;

left: 0;

width: 100%;

font-size: 130px;

font-weight: 800;

color: #f7f7f7;

height:0px;

top:-39px;

text-transform: uppercase;

line-height: 220px;

-webkit-animation: linear infinite alternate;

-webkit-animation-name: run;

-webkit-animation-duration: 25s;

-ms-animation: linear infinite alternate;

-ms-animation-name: run;

-ms-animation-duration: 25s;

-moz-animation: linear infinite alternate;

-moz-animation-name: run;

-moz-animation-duration: 25s;

text-align: center;}

.referans_section {

padding-bottom: 4rem;

margin-top: 0rem;

}

.referans_section .item .img {

border: 1px solid #e8e8e8;

height: 110px;

background-color: #fff;

position: relative;

}

.referans_section .item .img img {

width: 100% !important;

height: 85%;

object-fit: contain;

margin: auto;

left: 0;

right: 0;

bottom: 0;

top: 0;

position: absolute;

}

.referans_section .title {

text-align: center;

padding-bottom: 60px;

top: 16px;

position: relative;

}

.referans_section .title h3 {

font-weight: 700;

font-size: 37px;

position: relative;

color: #000;

}

.referans_section .title h4.bg_text {

position: absolute;

top: -24px;

color: #F5F5F5;

font-size: 80px;

font-weight: 700;

text-transform: uppercase;

z-index: -1;

margin: 0 auto;

left: 0;

right: 0;

}

.referans_section .title p {

font-size: 14px;

color: #525252;

display: block;

position: relative;

}

.referans_section .title h3:after {

content: "";

width: 80px;

height: 11px;

position: absolute;

bottom: 0;

left: 0;

background-color: #d71920;

margin: 0 auto;

right: 0;

top: 57px;

border: 3px solid #eee;

}

.referans_section .owl-dots {

display: none!important;

}

.referans_section .owl-controls {

display: none!important;

}

@-webkit-keyframes spinner {

to {

-webkit-transform: rotateZ(360deg);

transform: rotateZ(360deg);

}

}

@keyframes spinner {

to {

-webkit-transform: rotateZ(360deg);

transform: rotateZ(360deg);

}

}

@-webkit-keyframes letters-loading {

0%,

75%,

100% {

opacity: 0;

-webkit-transform: rotateY(-90deg);

transform: rotateY(-90deg);

}

25%,

50% {

opacity: 1;

-webkit-transform: rotateY(0deg);

transform: rotateY(0deg);

}

}

@keyframes letters-loading {

0%,

75%,

100% {

opacity: 0;

-webkit-transform: rotateY(-90deg);

transform: rotateY(-90deg);

}

25%,

50% {

opacity: 1;

-webkit-transform: rotateY(0deg);

transform: rotateY(0deg);

}

}

.preloader {

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

cursor: default;

display: -webkit-box;

display: -ms-flexbox;

display: flex;

height: 100%;

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center;

position: fixed;

left: 0;

top: 0;

width: 100%;

z-index: 9999999;

}

.preloader .animation-preloader {

z-index: 1000;

}

.preloader .animation-preloader .spinner {

-webkit-animation: spinner 1s infinite linear;

animation: spinner 1s infinite linear;

border-radius: 50%;

border: 3px solid rgba(0, 0, 0, 0.2);

border-top-color: #d20b10;

height: 9em;

margin: 0 auto 3.5em auto;

width: 9em;

}

@media (max-width: 767px) {

.preloader .animation-preloader .spinner {

width: 7.5em;

height: 7.5em;

margin: 0 auto 1.5em auto;

}}

.preloader .animation-preloader .txt-loading {

font: bold 5em "Signika Negative", cursive, "Signika Negative", sans-serif;

text-align: center;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

@media (max-width: 767px) {

.preloader .animation-preloader .txt-loading {

font-size: 2.5em;

}

}

.preloader .animation-preloader .txt-loading .letters-loading {

color: #9d9d9c;

position: relative;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

-webkit-animation-delay: 0.2s;

animation-delay: 0.2s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

-webkit-animation-delay: 0.4s;

animation-delay: 0.4s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

-webkit-animation-delay: 0.6s;

animation-delay: 0.6s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

-webkit-animation-delay: 0.8s;

animation-delay: 0.8s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

-webkit-animation-delay: 1s;

animation-delay: 1s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

-webkit-animation-delay: 1.2s;

animation-delay: 1.2s;

}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

-webkit-animation-delay: 1.4s;

animation-delay: 1.4s;

}

.preloader .animation-preloader .txt-loading .letters-loading::before {

-webkit-animation: letters-loading 4s infinite;

animation: letters-loading 4s infinite;

color: #d20b10;

content: attr(data-text-preloader);

left: 0;

opacity: 0;

font-family: "Signika Negative", cursive;

position: absolute;

top: -3px;

-webkit-transform: rotateY(-90deg);

transform: rotateY(-90deg);

}

.preloader p {

font-size: 15px;

font-weight: 600;

text-transform: uppercase;

letter-spacing: 8px;

color: #1f425d;

}

.preloader .loader {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

font-size: 0;

z-index: 1;

pointer-events: none;

}

.preloader .loader .row {

height: 100%;

}

.preloader .loader .loader-section {

padding: 0px;

}

.preloader .loader .loader-section .bg {

background-color: #fff;

height: 100%;

left: 0;

width: 100%;

-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);

transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);

}

.preloader.loaded .animation-preloader {

opacity: 0;

-webkit-transition: 0.3s ease-out;

transition: 0.3s ease-out;

}

.preloader.loaded .loader-section .bg {

width: 0;

-webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);

transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);

}

@define-mixin atSmall {

@media (min-width: 576px) {

@mixin-content; } }

@define-mixin atMedium {

@media (min-width: 768px) {

@mixin-content; } }

@define-mixin atLarge {

@media (min-width: 992px) {

@mixin-content; } }

@define-mixin atExtraLarge {

@media (min-width: 1200px) {

@mixin-content; } }

body {

font-family: 'Roboto', sans-serif;

background: #fff;

color: #8f8f8f;

font-size: 0.875rem;

font-weight: 300; }

h1,

h2,

h3 {

font-family: 'Oswald', sans-serif; }

p {

margin-bottom: 20px;

all: revert;}

a:hover {

text-decoration: none; }

ul {

margin: 0;

padding: 0;

list-style-type: none; }

button {

cursor: pointer; }

.btn:focus {

outline: 0;

box-shadow: none; }

.form-control:hover,

.form-control:focus {

outline: 0;

box-shadow: none; }

.owl-carousel .owl-item img {

width: auto !important; }

.section-margin {

margin-top: 60px;

margin-bottom: 60px; }

@media (min-width: 992px) {

.section-margin {

margin-top: 150px;

margin-bottom: 115px; } }

.navbar-brand {

position: absolute;

z-index: 50;

top: 0;

left: 0;

padding: 0;

box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.2); }

.navbar-brand img {

width: 70px;

height: 70px; }

@media (min-width: 1200px) {

.navbar-brand img {

width: 100px;

height: 100px; } }

.mt-20 {

margin-top: 20px; }

.mt-30 {

margin-top: 30px; }

.section-intro__title {

font-size: 0.75rem;

color: #d20b10;

margin-bottom: 1rem;

text-transform: uppercase;

font-weight: 700;

}

.section-intro__title.left-border {

padding-left: 35px;

position: relative; }

.section-intro__title.left-border:after {

content: "";

display: block;

min-width: 90px;

height: 2px;

background: #d20b10;

position: absolute;

top: 50%;

transform: translateY(-50%);

left: -64px;}

.section-intro__subtitle {

font-family: 'Oswald', sans-serif;

font-weight: 600;

font-size: 35px;

color: #111;

margin-bottom: 1.5rem; }

.section-intro__subtitle.bottom-border {

padding-bottom: 30px;

margin-bottom: 50px;

position: relative; }

.section-intro__subtitle.bottom-border:after {

content: "";

display: block;

height: 2px;

min-width: 100px;

position: absolute;

bottom: 0;

left: 0;

background:#d20b10; }

.section-intro__subtitle.small {

font-size: 2rem; }

.open .side_menu {

right: 0px; }

.open .canvus_menu .toggle_icon span {

background: transparent !important; }

.open .canvus_menu .toggle_icon span:before {

transform: rotate(45deg);

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-o-transform: rotate(45deg);

-ms-transform: rotate(45deg);

top: 0px;

transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out; }

.open .canvus_menu .toggle_icon span:after {

width: 30px;

transform: rotate(-45deg);

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

bottom: 0px;

transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out; }

.canvus_menu {

overflow: hidden;

position: absolute;

left: 0px;

top: 0px;

z-index: 10;

width: 100%;

padding-top: 30px;

padding-bottom: 30px; }

.canvus_menu .float-right {

width: 100px;

height: 100px;

position: fixed;

top: 0px;

right: 0px;

padding: 15px;

background: #f9cc41;

display: inline-block; }

@media (max-width: 1200px) {

.canvus_menu .float-right {

width: 70px;

height: 70px; } }

.canvus_menu .toggle_icon {

cursor: pointer;

position: fixed;

height: 20px;

width: 30px;

top: 27px;

right: 32px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

background: transparent;

padding: 20px;

z-index: 9999; }

@media (max-width: 1200px) {

.canvus_menu .toggle_icon {

top: 13px;

right: 20px; } }

.canvus_menu .toggle_icon span {

height: 2px;

width: 20px;

display: block;

background: #000000;

cursor: pointer;

position: absolute;

right: 0px;

top: 50%;

transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out; }

.canvus_menu .toggle_icon span:before {

content: "";

height: 2px;

width: 30px;

display: block;

background: #000000;

right: 0px;

top: -10px;

position: absolute;

transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out; }

.canvus_menu .toggle_icon span:after {

content: "";

height: 2px;

width: 25px;

display: block;

background: #000000;

right: 0px;

bottom: -10px;

position: absolute;

transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out; }

.canvus_menu .toggle_icon.blog span {

background: #ffffff; }

.canvus_menu .toggle_icon.blog span:after, .canvus_menu .toggle_icon.blog span:before {

background: #ffffff; }

.side_menu {

position: fixed;

right: -29%;

top: 0px;

height: 100%;

background: #262533;

width: 100%;

max-width: 29%;

text-align: center;

padding-left: 20px;

z-index: 2;

padding-right: 20px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

opacity: .95; }

@media (max-width: 575px) {

.side_menu {

max-width: 75%;

right: -75%; } }

.side_menu .input-group {

display: block;

position: relative; }

.side_menu .input-group input {

width: 100%;

border: none;

border-radius: 0px;

height: 40px;

padding: 0px 28px 0px 15px;

background: #f9cc41;

line-height: 40px;

font-size: 12px;

color: #fff;

font-family: #8f8f8f;

outline: none;

box-shadow: none; }

.side_menu .input-group input.placeholder {

font-size: 12px;

color: #fff;

font-family: #8f8f8f; }

.side_menu .input-group input:-moz-placeholder {

font-size: 12px;

color: #fff;

font-family: #8f8f8f; }

.side_menu .input-group input::-moz-placeholder {

font-size: 12px;

color: #fff;

font-family: #8f8f8f; }

.side_menu .input-group input::-webkit-input-placeholder {

font-size: 12px;

color: #fff;

font-family: #8f8f8f; }

.side_menu .input-group .input-group-append {

position: absolute;

right: 10px;

top: 47%;

transform: translateY(-50%);

z-index: 4; }

.side_menu .input-group .input-group-append .btn-outline-secondary {

border: none;

border-radius: 0px;

color: #fff;

padding: 0px; }

.side_menu .menu_right {

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

-moz-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

max-height: 420px; }

.side_menu .menu_right li {

margin-bottom: 25px; }

@media (max-width: 1440px) {

.side_menu .menu_right li {

margin-bottom: 15px; } }

.side_menu .menu_right li:last-child {

margin-bottom: 0px; }

.side_menu .menu_right li a {

font-size: 18px;

font-weight: bold;

color: #fff;

text-transform: capitalize; }

@media (max-width: 575px) {

.side_menu .menu_right li a {

font-size: 15px; } }

.side_menu .menu_right li a:hover {

color: #f9cc41; }

.side_menu .menu_right li ul {

display: none; }

.side_menu .menu_right li ul li {

text-align: left;

margin-bottom: 10px;

margin-left: 60px; }

.side_menu .menu_right li ul li a {

font-size: 14px;

color: #fff;

text-transform: capitalize;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.side_menu .menu_right li ul li:first-child {

margin-top: 10px; }

.side_menu .menu_right li ul li:hover a {

color: #f9cc41; }

/* Home Banner Area css

============================================================================================ */

.hero-banner {

padding: 120px 0 50px 0; }

@media (min-width: 992px) {

.hero-banner {

padding: 125px 0 100px 0; } }

@media (min-width: 1200px) {

.hero-banner {

padding: 165px 0; } }

.hero-banner.project-bg {

background: url("../img/project-bg.png") left center no-repeat;

background-size: cover; }

.breadcrumb {

padding: 0;

background: transparent; }

.breadcrumb span {

cursor: initial !important; }

.breadcrumb .btn {

background: #f9cc41;

border-color: #f9cc41;

color: #000000; }

.breadcrumb .btn.btn--rightBorder:after {

content: "";

display: block;

position: absolute;

top: 50%;

transform: translateY(-50%);

right: -1.25rem;

min-width: 1.25rem;

height: 2px;

background: rgb(210, 10, 17);

}

.breadcrumb .btn:after {

content: "|";

margin: 0 5px 0 9px; }

.breadcrumb .btn:last-child:after {

content: ""; }

.breadcrumb .btn:first-child {

padding-right: 0; }

.breadcrumb .btn:not(:first-child) {

padding-left: 0; }

.btn {

border: 2px solid #d20b10;

border-radius: 0;

text-transform: uppercase;

font-size: 0.75rem;

font-weight: 500;

color: #111;

padding: 0.5rem 1.6rem;

position: relative; }

.btn--rightBorder:after {

content: "";

display: block;

position: absolute;

top: 50%;

transform: translateY(-50%);

right: -1.25rem;

min-width: 1.25rem;

height: 2px;

background:rgb(210, 10, 17); }

.btn--leftBorder:before {

content: "";

display: block;

position: absolute;

top: 50%;

transform: translateY(-50%);

left: -1.25rem;

min-width: 1.25rem;

height: 2px;

background: #ce1626; }

.btn:hover {

background: #ce1626;

border-color: #ce1626;

color: #fff; }

.btn:hover.btn--rightBorder:after {

background: #ce1626; }

.btn:hover.btn--leftBorder:before {

background: #ce1626; }

.btn.active {

background: #f9cc41;

border-color: #f9cc41;

color: #262533; }

.btn.active.btn--rightBorder:after {

background: #f9cc41; }

.btn.active.btn--leftBorder:before {

background: #f9cc41; }

.btn-dark {

background: #262533;

border-color: #262533;

color: #f9cc41;

padding: .7rem 1.4rem; }

.btn-dark.btn--rightBorder:after {

background: #262533; }

.btn-dark.btn--leftBorder:before {

background: #262533; }

.btn-dark:hover {

background: #262533;

color: #f9cc41;

border-color: #262533; }

.btn-dark:hover.btn--rightBorder:after {

background: #262533; }

.btn-dark:hover.btn--rightBorder:before {

background: #262533; }

.about__img {

position: relative; }

.about__img__date {

display: inline-block;

position: absolute;

bottom: 11%;

left: 13%;

background: #f9cc41;

color: #000000;

padding: .9rem 1.2rem 1rem 1.2rem;

transition: all .4s; }

.about__img__date h3 {

font-size: 2rem;

font-weight: 500;

font-family: 'Oswald', sans-serif;

margin-bottom: .2rem; }

.about__img__date p {

margin-bottom: 0;

font-size: 0.75rem;

font-weight: bold;

}

.about__img__date:hover {

color: #000000;

opacity: .96; }

.overview__single {

padding: 20px 30px;

background: rgb(247 247 247);

transition: all .4s; }

.overview__single__icon {

margin-right: 15px; }

.overview__single__icon i,

.overview__single__icon span {

font-size: 2.425rem;

color: #f9cc41; }

.overview__single .media-body h3 {

font-size: 32px;

color: #fff;

font-weight: 500;

margin-bottom: .2rem; }

.overview__single .media-body p {

margin-bottom: 0;

font-size: 12px;

font-weight: 500; }

.overview__single:hover {

background: #9d9c9c3d;

color: #262533; }

.overview__single:hover h3 {

color: #262533; }

.overview__single:hover .overview__single__icon i,

.overview__single:hover .overview__single__icon span {

color: #262533; }

.tips-bg {

background: #f9cc41;

padding: 90px 0; }

.tips-bg .section-intro__subtitle {

margin-bottom: 20px;

color: #262533; }

.tips-bg p {

margin-bottom: 0;

color: #262533; }

.tips .btn:hover {

background: transparent;

color: #262533; }

.form-subscribe .form-control {

border-radius: 0;

border: 0;

font-size: 13px;

height: 40px;

background: rgba(255, 255, 255, 0.1);

color: #fff; }

.form-subscribe .form-control::placeholder {

color: rgba(255, 255, 255, 0.5); }

.form-subscribe .btn-append {

border: 0;

padding: 0 .8rem;

background: #f9cc41; }

.form-subscribe .btn-append i,

.form-subscribe .btn-append span {

font-size: 14px;

color: #262533;

font-weight: 800; }

.form-contact .form-group {

margin-bottom: 10px; }

.form-contact .form-control {

border-radius: 0;

background: rgba(255, 255, 255, 0.1);

border: 0;

height: 40px;

padding-left: 18px;

font-size: 13px;

color: #8f8f8f; }

.form-contact .different-control {

min-height: 140px; }

.social-icons li {

display: inline-block; }

.social-icons li:not(:last-child) {

margin-right: 20px; }

.social-icons li a {

display: block;

color: #8f8f8f; }

.social-icons li a:hover {

color: #f9cc41; }

.service__single {

padding: 35px 27px;

background: rgba(255, 255, 255, 0.1);

margin-bottom: 30px; }

.service__singleIcon {

margin-right: 20px; }

.service__singleIcon i,

.service__singleIcon span {

font-size: 24px;

color: #f9cc41; }

.service__single h3 {

font-size: 1.3125rem;

color: #fff;

font-weight: 300;

margin-bottom: 20px; }

.service__single p {

margin-bottom: 0; }

.hero__slide {

position: relative; }

.hero__slide img {

width: 100%;

max-height: 500px; }

@media (min-width: 1200px) {

.hero__slide img {

max-height: 900px; } }

.hero__slideContent {

position: absolute;

width: 100%;

bottom: 125px;

left: 50%;

transform: translateX(-50%);

max-width: 400px;

padding: 50px 30px;

z-index: 5; }

@media (min-width: 1200px) {

.hero__slideContent {

margin-left: 340px; } }

@media (max-width: 575px) {

.hero__slideContent {

bottom: 60px; } }

.hero__slideContent:after {

content: "";

position: absolute;

width: 100%;

height: 100%;

top: 0;

left: 0;

clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 100%, 0 100%, 0 0);

background: #262533;

z-index: -1; }

.hero__slideContent:before {

content: "";

display: block;

position: absolute;

width: 100%;

height: 100%;

background-color: #262533;

clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 0);

left: -35px;

bottom: -28px;

transform: rotate(180deg);

z-index: 1; }

.hero__slideContent--right {

content: "";

display: block;

position: absolute;

width: 100%;

height: 100%;

background-color: #f9cc41;

clip-path: polygon(58% 0, 65% 6%, 94% 6%, 94% 38%, 100% 43%, 100% 0);

left: 10px;

top: -10px;

z-index: 1; }

.hero__slideContent h1 {

font-size: 2rem;

color: #fff;

font-weight: 300;

margin-bottom: 20px; }

.hero__slideContent p {

margin-bottom: 35px; }

.heroCarousel {

position: relative; }

.heroCarousel .owl-dots {

position: absolute;

bottom: 40px;

left: 50%;

transform: translateX(-50%); }

.testimonial__slide blockquote {

font-size: 1.125rem;

font-style: italic;

margin-bottom: 25px; }

.testimonial__slide h3 {

font-size: 1.3125rem;

font-weight: 300;

color: #fff; }

.testimonial__slide p {

color: #777777; }

.owl-dots button:focus {

outline: 0;

box-shadow: none; }

.testimonialCarousel .owl-nav.disabled + .owl-dots {

margin-top: 85px; }

.owl-theme .owl-dots .owl-dot span {

margin: 0;

min-width: 50px;

height: 2px;

border-radius: 0;

outline: 2px solid transparent;

background: #34343c;

transition: 0.3s; }

.owl-theme .owl-dots .owl-dot.active span {

height: 4px;

background: #f9cc41;

border-radius: 3px;

box-shadow: 0px 1px 0px #f9cc41; }

.testimonialCarousel .owl-dots .owl-dot span {

box-shadow: inset 0px 3px 0px 0px #262533; }

.contact-info__icon {

margin-right: 20px; }

.contact-info__icon i,

.contact-info__icon span {

font-size: 20px;

color: #f9cc41; }

.contact-info h3 {

font-size: 1rem;

font-weight: 300;

color: #fff; }

.contact-info h3 a {

color: #fff; }

/* =================================== */

/*  Blog Styles

/* =================================== */

/*============ Start Blog Home Styles  =============*/

.blog-home-banner {

background: url(../img/blog/blog-home-banner.jpg) bottom;

background-size: cover;

padding: 130px 0px; }

.blog-home-banner h1 span {

color: #f9cc41; }

.blog-home-banner .primary-btn {

color: #fff;

background: #f9cc41; }

.blog-home-banner .primary-btn:hover {

color: #f9cc41;

background: #fff; }

.blog-home-banner .overlay-bg {

background: rgba(0, 0, 0, 0.3); }

.blog-header-content h1 {

max-width: 500px;

margin-left: auto;

margin-right: auto; }

@media (max-width: 414px) {

.blog-header-content h1 {

font-size: 30px; } }

.blog-header-content p {

margin: 20px 0px; }

.post-content-area {

padding-top: 80px; }

.post-content-area .single-post {

margin-bottom: 50px; }

.post-content-area .single-post .meta-details {

text-align: right;

margin-top: 35px; }

@media (max-width: 767px) {

.post-content-area .single-post .meta-details {

text-align: left; } }

.post-content-area .single-post .meta-details .tags {

margin-bottom: 30px; }

.post-content-area .single-post .meta-details .tags li {

display: inline-block;

font-size: 14px; }

.post-content-area .single-post .meta-details .tags li a {

color: #fff;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.post-content-area .single-post .meta-details .tags li a:hover {

color: #f9cc41; }

@media (max-width: 1024px) {

.post-content-area .single-post .meta-details {

margin-top: 0px; } }

.post-content-area .single-post .user-name a,

.post-content-area .single-post .date a,

.post-content-area .single-post .view a,

.post-content-area .single-post .comments a {

color: #8f8f8f;

margin-right: 10px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.post-content-area .single-post .user-name a:hover,

.post-content-area .single-post .date a:hover,

.post-content-area .single-post .view a:hover,

.post-content-area .single-post .comments a:hover {

color: #f9cc41; }

.post-content-area .single-post .user-name .lnr,

.post-content-area .single-post .date .lnr,

.post-content-area .single-post .view .lnr,

.post-content-area .single-post .comments .lnr {

font-weight: 900;

color: #f9cc41; }

.post-content-area .single-post .feature-img img {

width: 100%; }

.post-content-area .single-post .posts-title h3 {

margin: 20px 0px;

color: #fff;

font-family: 'Oswald', sans-serif; }

.post-content-area .single-post .excert {

margin-bottom: 20px; }

.post-content-area .single-post .primary-btn {

background: transparent !important;

color: #fff !important;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

border-radius: 0px !important;

box-shadow: none !important;

padding: 7px 32px;

border: 1px solid #fff; }

.post-content-area .single-post .primary-btn:hover {

background: #f9cc41 !important;

color: #000000 !important;

border: 1px solid #f9cc41; }

.posts-list .posts-title h3 {

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.posts-list .posts-title h3:hover {

color: #f9cc41; }

.blog-pagination {

padding-top: 60px;

padding-bottom: 120px; }

.blog-pagination .page-link {

border-radius: 0; }

.blog-pagination .page-item {

border: none; }

.page-link {

background: transparent;

font-weight: 400; }

.blog-pagination .page-item.active .page-link {

background-color: #f9cc41;

border-color: transparent;

color: #fff; }

.blog-pagination .page-link {

position: relative;

display: block;

padding: 0.5rem 0.75rem;

margin-left: -1px;

line-height: 1.25;

color: #8f8f8f;

border: none; }

.blog-pagination .page-link .lnr {

font-weight: 600; }

.blog-pagination .page-item:last-child .page-link,

.blog-pagination .page-item:first-child .page-link {

border-radius: 0; }

.blog-pagination .page-link:hover {

color: #fff;

text-decoration: none;

background-color: #f9cc41;

border-color: #eee; }

.sidebar-widgets {

padding-bottom: 120px; }

.widget-wrap {

background: #3c3b48;

padding: 20px 0px; }

@media (max-width: 991px) {

.widget-wrap {

margin-top: 50px; } }

.widget-wrap .single-sidebar-widget {

margin: 30px 30px;

padding-bottom: 30px;

border-bottom: 1px solid #504f5b; }

.widget-wrap .single-sidebar-widget:last-child {

border-bottom: none;

margin-bottom: 0px; }

.widget-wrap .search-widget form.search-form input[type=text] {

color: #fff;

padding: 10px 22px;

font-size: 14px;

border: none;

float: left;

width: 80%;

border-bottom-left-radius: 20px;

border-top-left-radius: 20px;

background: #504f5b; }

.widget-wrap .search-widget ::-webkit-input-placeholder {

/* Chrome/Opera/Safari */

color: #fff; }

.widget-wrap .search-widget ::-moz-placeholder {

/* Firefox 19+ */

color: #fff; }

.widget-wrap .search-widget :-ms-input-placeholder {

/* IE 10+ */

color: #fff; }

.widget-wrap .search-widget :-moz-placeholder {

/* Firefox 18- */

color: #fff; }

.widget-wrap .search-widget form.search-form button {

float: left;

width: 20%;

padding: 8px;

background: #504f5b;

color: #fff;

font-size: 17px;

border: none;

cursor: pointer;

border-bottom-right-radius: 20px;

border-top-right-radius: 20px; }

.widget-wrap .search-widget form.search-form::after {

content: "";

clear: both;

display: table; }

.widget-wrap .user-info-widget {

text-align: center; }

.widget-wrap .user-info-widget a h4 {

margin-top: 40px;

margin-bottom: 5px;

color: #fff;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .user-info-widget .social-links li {

display: inline-block;

margin-bottom: 10px; }

.widget-wrap .user-info-widget .social-links li a {

color: #fff;

padding: 10px;

font-size: 14px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .user-info-widget .social-links li a:hover {

color: #f9cc41; }

.widget-wrap .popular-post-widget .popular-title {

background: #f9cc41;

color: #262533;

text-align: center;

padding: 6px 0px;

font-family: 'Oswald', sans-serif; }

.widget-wrap .popular-post-widget .popular-post-list {

margin-top: 30px; }

.widget-wrap .popular-post-widget .popular-post-list .thumb img {

width: 100%; }

.widget-wrap .popular-post-widget .single-post-list {

margin-bottom: 20px; }

.widget-wrap .popular-post-widget .single-post-list .details {

margin-left: 12px; }

.widget-wrap .popular-post-widget .single-post-list .details h6 {

font-weight: 600;

margin-bottom: 10px;

color: #fff;

font-family: 'Oswald', sans-serif;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .popular-post-widget .single-post-list .details h6:hover {

color: #f9cc41; }

.widget-wrap .popular-post-widget .single-post-list .details p {

margin-bottom: 0px; }

.widget-wrap .ads-widget img {

width: 100%; }

.widget-wrap .post-category-widget .category-title {

background: #f9cc41;

color: #262533;

text-align: center;

padding: 6px 0px;

font-family: 'Oswald', sans-serif; }

.widget-wrap .post-category-widget .cat-list li {

padding-top: 15px;

padding-bottom: 8px;

border-bottom: 2px dotted #eee;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .post-category-widget .cat-list li p {

font-weight: 300;

font-size: 14px;

margin-bottom: 0px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .post-category-widget .cat-list li a {

color: #8f8f8f; }

.widget-wrap .post-category-widget .cat-list li:hover {

border-color: #f9cc41; }

.widget-wrap .post-category-widget .cat-list li:hover p {

color: #f9cc41; }

.widget-wrap .newsletter-widget .newsletter-title {

background: #f9cc41;

color: #262533;

text-align: center;

padding: 6px 0px;

font-family: 'Oswald', sans-serif; }

.widget-wrap .newsletter-widget .col-autos {

width: 100%; }

.widget-wrap .newsletter-widget p {

text-align: center;

margin: 20px 0px; }

.widget-wrap .newsletter-widget .bbtns {

background: #f9cc41;

color: #fff;

font-size: 12px;

font-weight: 500;

padding: 8px 20px;

border-radius: 0; }

.widget-wrap .newsletter-widget .input-group-text {

background: #fff;

border-radius: 0px;

vertical-align: top; }

.widget-wrap .newsletter-widget .input-group-text i {

color: #ccc;

margin-top: -1px; }

.widget-wrap .newsletter-widget .form-control {

border-left: none !important;

border-right: none !important;

border-radius: 0px;

font-size: 13px;

color: #ccc;

padding: 9px;

padding-left: 0px; }

.widget-wrap .newsletter-widget .form-control:focus {

box-shadow: none;

border-color: #ccc; }

.widget-wrap .newsletter-widget ::-webkit-input-placeholder {

/* Chrome/Opera/Safari */

font-size: 13px;

color: #ccc; }

.widget-wrap .newsletter-widget ::-moz-placeholder {

/* Firefox 19+ */

font-size: 13px;

color: #ccc; }

.widget-wrap .newsletter-widget :-ms-input-placeholder {

/* IE 10+ */

font-size: 13px;

color: #ccc; }

.widget-wrap .newsletter-widget :-moz-placeholder {

/* Firefox 18- */

font-size: 13px;

color: #ccc; }

.widget-wrap .newsletter-widget .text-bottom {

margin-bottom: 0px; }

.widget-wrap .tag-cloud-widget .tagcloud-title {

background: #f9cc41;

color: #262533;

text-align: center;

padding: 6px 0px;

margin-bottom: 30px;

font-family: 'Oswald', sans-serif; }

.widget-wrap .tag-cloud-widget ul li {

display: inline-block;

background: #fff;

padding: 4px 14px;

margin-bottom: 10px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.widget-wrap .tag-cloud-widget ul li:hover {

background: #f9cc41; }

.widget-wrap .tag-cloud-widget ul li a {

font-size: 12px;

color: #000000; }

/*============ End Blog Home Styles  =============*/

/*============ Start Blog Single Styles  =============*/

.single-post-area {

padding-top: 80px;

padding-bottom: 80px; }

.single-post-area .meta-details {

margin-top: 20px !important; }

.single-post-area .social-links li {

display: inline-block;

margin-bottom: 10px; }

.single-post-area .social-links li a {

color: #fff;

padding: 7px;

font-size: 14px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-post-area .social-links li a:hover {

color: #f9cc41; }

.single-post-area .quotes {

margin-top: 20px;

padding: 30px;

background-color: #3c3b48;

box-shadow: -20.84px 21.58px 30px 0px rgba(68, 68, 68, 0.1); }

.single-post-area .arrow {

position: absolute; }

.single-post-area .arrow .lnr {

font-size: 20px;

font-weight: 600; }

.single-post-area .thumb .overlay-bg {

background: rgba(0, 0, 0, 0.8); }

.single-post-area .navigation-area {

border-top: 1px solid #eee;

padding-top: 30px; }

.single-post-area .navigation-area .nav-left {

text-align: left; }

.single-post-area .navigation-area .nav-left .thumb {

margin-right: 20px;

background: #000; }

.single-post-area .navigation-area .nav-left .thumb img {

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-post-area .navigation-area .nav-left .lnr {

margin-left: 20px;

opacity: 0;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-post-area .navigation-area .nav-left:hover .lnr {

opacity: 1; }

.single-post-area .navigation-area .nav-left:hover .thumb img {

opacity: .5; }

@media (max-width: 767px) {

.single-post-area .navigation-area .nav-left {

margin-bottom: 30px; } }

.single-post-area .navigation-area .nav-right {

text-align: right; }

.single-post-area .navigation-area .nav-right .thumb {

margin-left: 20px;

background: #000; }

.single-post-area .navigation-area .nav-right .thumb img {

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-post-area .navigation-area .nav-right .lnr {

margin-right: 20px;

opacity: 0;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-post-area .navigation-area .nav-right:hover .lnr {

opacity: 1; }

.single-post-area .navigation-area .nav-right:hover .thumb img {

opacity: .5; }

@media (max-width: 991px) {

.single-post-area .sidebar-widgets {

padding-bottom: 0px; } }

.comments-area {

background: #3c3b48;

padding: 50px 20px;

margin-top: 50px; }

@media (max-width: 414px) {

.comments-area {

padding: 50px 8px; } }

.comments-area h4 {

text-align: center;

margin-bottom: 50px; }

.comments-area a {

color: #fff; }

.comments-area .comment-list {

padding-bottom: 30px; }

.comments-area .comment-list:last-child {

padding-bottom: 0px; }

.comments-area .comment-list.left-padding {

padding-left: 25px; }

@media (max-width: 413px) {

.comments-area .comment-list .single-comment h5 {

font-size: 12px; }

.comments-area .comment-list .single-comment .date {

font-size: 11px; }

.comments-area .comment-list .single-comment .comment {

font-size: 10px; } }

.comments-area .thumb {

margin-right: 20px; }

.comments-area .date {

font-size: 13px;

color: #cccccc; }

.comments-area .comment {

color: #777777; }

.comments-area .btn-reply {

background-color: transparent;

color: #fff;

border: 1px solid #fff;

padding: 8px 30px;

display: block;

font-weight: 600;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.comments-area .btn-reply:hover {

background-color: #f9cc41;

color: #000000;

border: 1px solid #f9cc41; }

.comment-form {

background: #3c3b48;

text-align: center;

padding: 50px 20px;

margin-top: 50px; }

.comment-form h4 {

text-align: center;

margin-bottom: 50px; }

.comment-form .name {

padding-left: 0px; }

@media (max-width: 991px) {

.comment-form .name {

padding-right: 0px; } }

.comment-form .email {

padding-right: 0px; }

@media (max-width: 991px) {

.comment-form .email {

padding-left: 0px; } }

.comment-form .form-control {

padding: 12px;

background: #504f5b;

border: 1px solid #504f5b;

border-radius: 0px;

width: 100%;

font-size: 13px;

color: #777777; }

.comment-form .form-control:focus {

box-shadow: none;

border: 1px solid #fff; }

.comment-form ::-webkit-input-placeholder {

/* Chrome/Opera/Safari */

font-size: 13px;

color: #777; }

.comment-form ::-moz-placeholder {

/* Firefox 19+ */

font-size: 13px;

color: #777; }

.comment-form :-ms-input-placeholder {

/* IE 10+ */

font-size: 13px;

color: #777; }

.comment-form :-moz-placeholder {

/* Firefox 18- */

font-size: 13px;

color: #777; }

.comment-form .primary-btn {

display: inline-block;

margin-top: 20px;

color: #000000;

background: #f9cc41;

padding: 12px 20px;

font-size: 12px;

font-weight: 500;

text-transform: uppercase;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.comment-form .primary-btn:hover {

background: #fff; }

/*============ End Blog Single Styles  =============*/

/* =================================== */

/*  Elements Page Styles

/* =================================== */

/*---------- Start Elements Page -------------*/

.whole-wrap {

background-color: #f9f9ff; }

.generic-banner {

margin-top: 60px;

background-color: #f9cc41;

text-align: center; }

.generic-banner .height {

height: 600px; }

@media (max-width: 575px) {

.generic-banner .height {

height: 400px; } }

.generic-banner .generic-banner-content h2 {

line-height: 1.2em;

margin-bottom: 20px; }

@media (max-width: 991px) {

.generic-banner .generic-banner-content h2 br {

display: none; } }

.generic-banner .generic-banner-content p {

text-align: center;

font-size: 16px; }

@media (max-width: 991px) {

.generic-banner .generic-banner-content p br {

display: none; } }

.generic-content h1 {

font-weight: 600; }

.about-generic-area {

background: #fff; }

.about-generic-area p {

margin-bottom: 20px; }

.white-bg {

background: #fff; }

.section-top-border {

padding: 50px 0;

border-top: 1px dotted #eee; }

.switch-wrap {

margin-bottom: 10px; }

.switch-wrap p {

margin: 0; }

/*---------- End Elements Page -------------*/

.sample-text-area {

background: #f9f9ff;

padding: 100px 0 70px 0; }

.sample-text {

margin-bottom: 0; }

.text-heading {

margin-bottom: 30px;

font-size: 24px; }

.typo-list {

margin-bottom: 10px; }

@media (max-width: 767px) {

.typo-sec {

margin-bottom: 30px; } }

@media (max-width: 767px) {

.element-wrap {

margin-top: 30px; } }

h1 {

font-size: 36px; }

h2 {

font-size: 30px; }

h3 {

font-size: 24px; }

h4 {

font-size: 18px; }

h5 {

font-size: 16px; }

h6 {

font-size: 14px; }

h1,

h2,

h3,

h4,

h5,

h6 {

line-height: 1.5em; }

.typography h1,

.typography h2,

.typography h3,

.typography h4,

.typography h5,

.typography h6 {

color: #8f8f8f; }

footer .top_footer .part1 .info p {    line-height: 1.8;    font-weight: 400;}

.button-area {

background: #f9f9ff; }

.button-area .border-top-generic {

padding: 70px 15px;

border-top: 1px dotted #eee; }

.button-group-area .genric-btn {

margin-right: 10px;

margin-top: 10px; }

.button-group-area .genric-btn:last-child {

margin-right: 0; }

.genric-btn {

display: inline-block;

outline: none;

line-height: 40px;

padding: 0 30px;

font-size: .8em;

text-align: center;

text-decoration: none;

font-weight: 500;

cursor: pointer;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.genric-btn:focus {

outline: none; }

.genric-btn.e-large {

padding: 0 40px;

line-height: 50px; }

.genric-btn.large {

line-height: 45px; }

.genric-btn.medium {

line-height: 30px; }

.genric-btn.small {

line-height: 25px; }

.genric-btn.radius {

border-radius: 3px; }

.genric-btn.circle {

border-radius: 20px; }

.genric-btn.arrow {

display: -webkit-inline-box;

display: -ms-inline-flexbox;

display: inline-flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center; }

.genric-btn.arrow span {

margin-left: 10px; }

.genric-btn.default {

color: #fff;

background: #f9f9ff;

border: 1px solid transparent; }

.genric-btn.default:hover {

border: 1px solid #f9f9ff;

background: #fff; }

.genric-btn.default-border {

border: 1px solid #f9f9ff;

background: #fff; }

.genric-btn.default-border:hover {

color: #fff;

background: #f9f9ff;

border: 1px solid transparent; }

.genric-btn.primary {

color: #fff;

background: #f9cc41;

border: 1px solid transparent; }

.genric-btn.primary:hover {

color: #f9cc41;

border: 1px solid #f9cc41;

background: #fff; }

.genric-btn.primary-border {

color: #f9cc41;

border: 1px solid #f9cc41;

background: #fff; }

.genric-btn.primary-border:hover {

color: #fff;

background: #f9cc41;

border: 1px solid transparent; }

.genric-btn.success {

color: #fff;

background: #4cd3e3;

border: 1px solid transparent; }

.genric-btn.success:hover {

color: #4cd3e3;

border: 1px solid #4cd3e3;

background: #fff; }

.genric-btn.success-border {

color: #4cd3e3;

border: 1px solid #4cd3e3;

background: #fff; }

.genric-btn.success-border:hover {

color: #fff;

background: #4cd3e3;

border: 1px solid transparent; }

.genric-btn.info {

color: #fff;

background: #38a4ff;

border: 1px solid transparent; }

.genric-btn.info:hover {

color: #38a4ff;

border: 1px solid #38a4ff;

background: #fff; }

.genric-btn.info-border {

color: #38a4ff;

border: 1px solid #38a4ff;

background: #fff; }

.genric-btn.info-border:hover {

color: #fff;

background: #38a4ff;

border: 1px solid transparent; }

.genric-btn.warning {

color: #fff;

background: #f4e700;

border: 1px solid transparent; }

.genric-btn.warning:hover {

color: #f4e700;

border: 1px solid #f4e700;

background: #fff; }

.genric-btn.warning-border {

color: #f4e700;

border: 1px solid #f4e700;

background: #fff; }

.genric-btn.warning-border:hover {

color: #fff;

background: #f4e700;

border: 1px solid transparent; }

.genric-btn.danger {

color: #fff;

background: #f44a40;

border: 1px solid transparent; }

.genric-btn.danger:hover {

color: #f44a40;

border: 1px solid #f44a40;

background: #fff; }

.genric-btn.danger-border {

color: #f44a40;

border: 1px solid #f44a40;

background: #fff; }

.genric-btn.danger-border:hover {

color: #fff;

background: #f44a40;

border: 1px solid transparent; }

.genric-btn.link {

color: #fff;

background: #f9f9ff;

text-decoration: underline;

border: 1px solid transparent; }

.genric-btn.link:hover {

color: #fff;

border: 1px solid #f9f9ff;

background: #fff; }

.genric-btn.link-border {

color: #fff;

border: 1px solid #f9f9ff;

background: #fff;

text-decoration: underline; }

.genric-btn.link-border:hover {

color: #fff;

background: #f9f9ff;

border: 1px solid transparent; }

.genric-btn.disable {

color: #222222, 0.3;

background: #f9f9ff;

border: 1px solid transparent;

cursor: not-allowed; }

.generic-blockquote {

padding: 30px 50px 30px 30px;

background: #fff;

border-left: 2px solid #f9cc41; }

@media (max-width: 991px) {

.progress-table-wrap {

overflow-x: scroll; } }

.progress-table {

background: #fff;

padding: 15px 0px 30px 0px;

min-width: 800px; }

.progress-table .serial {

width: 11.83%;

padding-left: 30px; }

.progress-table .country {

width: 28.07%; }

.progress-table .visit {

width: 19.74%; }

.progress-table .percentage {

width: 40.36%;

padding-right: 50px; }

.progress-table .table-head {

display: flex; }

.progress-table .table-head .serial,

.progress-table .table-head .country,

.progress-table .table-head .visit,

.progress-table .table-head .percentage {

color: #fff;

line-height: 40px;

text-transform: uppercase;

font-weight: 500; }

.progress-table .table-row {

padding: 15px 0;

border-top: 1px solid #edf3fd;

display: flex; }

.progress-table .table-row .serial,

.progress-table .table-row .country,

.progress-table .table-row .visit,

.progress-table .table-row .percentage {

display: flex;

align-items: center; }

.progress-table .table-row .country img {

margin-right: 15px; }

.progress-table .table-row .percentage .progress {

width: 80%;

border-radius: 0px;

background: transparent; }

.progress-table .table-row .percentage .progress .progress-bar {

height: 5px;

line-height: 5px; }

.progress-table .table-row .percentage .progress .progress-bar.color-1 {

background-color: #6382e6; }

.progress-table .table-row .percentage .progress .progress-bar.color-2 {

background-color: #e66686; }

.progress-table .table-row .percentage .progress .progress-bar.color-3 {

background-color: #f09359; }

.progress-table .table-row .percentage .progress .progress-bar.color-4 {

background-color: #73fbaf; }

.progress-table .table-row .percentage .progress .progress-bar.color-5 {

background-color: #73fbaf; }

.progress-table .table-row .percentage .progress .progress-bar.color-6 {

background-color: #6382e6; }

.progress-table .table-row .percentage .progress .progress-bar.color-7 {

background-color: #a367e7; }

.progress-table .table-row .percentage .progress .progress-bar.color-8 {

background-color: #e66686; }

.single-gallery-image {

margin-top: 30px;

background-repeat: no-repeat !important;

background-position: center center !important;

background-size: cover !important;

height: 200px;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s; }

.single-gallery-image:hover {

opacity: .8; }

.list-style {

width: 14px;

height: 14px; }

.unordered-list li {

position: relative;

padding-left: 30px;

line-height: 1.82em !important; }

.unordered-list li:before {

content: "";

position: absolute;

width: 14px;

height: 14px;

border: 3px solid #f9cc41;

background: #fff;

top: 4px;

left: 0;

border-radius: 50%; }

.ordered-list {

margin-left: 30px; }

.ordered-list li {

list-style-type: decimal-leading-zero;

color: #f9cc41;

font-weight: 500;

line-height: 1.82em !important; }

.ordered-list li span {

font-weight: 300;

color: #8f8f8f; }

.ordered-list-alpha li {

margin-left: 30px;

list-style-type: lower-alpha;

color: #f9cc41;

font-weight: 500;

line-height: 1.82em !important; }

.ordered-list-alpha li span {

font-weight: 300;

color: #8f8f8f; }

.ordered-list-roman li {

margin-left: 30px;

list-style-type: lower-roman;

color: #f9cc41;

font-weight: 500;

line-height: 1.82em !important; }

.ordered-list-roman li span {

font-weight: 300;

color: #8f8f8f; }

.single-input {

display: block;

width: 100%;

line-height: 40px;

border: none;

outline: none;

background: #fff;

padding: 0 20px; }

.single-input:focus {

outline: none; }

.input-group-icon {

position: relative; }

.input-group-icon .icon {

position: absolute;

left: 20px;

top: 0;

line-height: 40px;

z-index: 3; }

.input-group-icon .icon i {

color: #797979; }

.input-group-icon .single-input {

padding-left: 45px; }

.single-textarea {

display: block;

width: 100%;

line-height: 40px;

border: none;

outline: none;

background: #fff;

padding: 0 20px;

height: 100px;

resize: none; }

.single-textarea:focus {

outline: none; }

.single-input-primary {

display: block;

width: 100%;

line-height: 40px;

border: 1px solid transparent;

outline: none;

background: #fff;

padding: 0 20px; }

.single-input-primary:focus {

outline: none;

border: 1px solid #f9cc41; }

.single-input-accent {

display: block;

width: 100%;

line-height: 40px;

border: 1px solid transparent;

outline: none;

background: #fff;

padding: 0 20px; }

.single-input-accent:focus {

outline: none;

border: 1px solid #eb6b55; }

.single-input-secondary {

display: block;

width: 100%;

line-height: 40px;

border: 1px solid transparent;

outline: none;

background: #fff;

padding: 0 20px; }

.single-input-secondary:focus {

outline: none;

border: 1px solid #f09359; }

.default-switch {

width: 35px;

height: 17px;

border-radius: 8.5px;

background: #fff;

position: relative;

cursor: pointer; }

.default-switch input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0;

cursor: pointer; }

.default-switch input + label {

position: absolute;

top: 1px;

left: 1px;

width: 15px;

height: 15px;

border-radius: 50%;

background: #f9cc41;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s;

box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

cursor: pointer; }

.default-switch input:checked + label {

left: 19px; }

.single-element-widget {

margin-bottom: 30px; }

.primary-switch {

width: 35px;

height: 17px;

border-radius: 8.5px;

background: #fff;

position: relative;

cursor: pointer; }

.primary-switch input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.primary-switch input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%; }

.primary-switch input + label:before {

content: "";

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

background: transparent;

border-radius: 8.5px;

cursor: pointer;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s; }

.primary-switch input + label:after {

content: "";

position: absolute;

top: 1px;

left: 1px;

width: 15px;

height: 15px;

border-radius: 50%;

background: #fff;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s;

box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

cursor: pointer; }

.primary-switch input:checked + label:after {

left: 19px; }

.primary-switch input:checked + label:before {

background: #f9cc41; }

.confirm-switch {

width: 35px;

height: 17px;

border-radius: 8.5px;

background: #fff;

position: relative;

cursor: pointer; }

.confirm-switch input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.confirm-switch input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%; }

.confirm-switch input + label:before {

content: "";

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

background: transparent;

border-radius: 8.5px;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s;

cursor: pointer; }

.confirm-switch input + label:after {

content: "";

position: absolute;

top: 1px;

left: 1px;

width: 15px;

height: 15px;

border-radius: 50%;

background: #fff;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s;

box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

cursor: pointer; }

.confirm-switch input:checked + label:after {

left: 19px; }

.confirm-switch input:checked + label:before {

background: #4cd3e3; }

.primary-checkbox {

width: 16px;

height: 16px;

border-radius: 3px;

background: #fff;

position: relative;

cursor: pointer; }

.primary-checkbox input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.primary-checkbox input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 3px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.primary-checkbox input:checked + label {

background: url(../img/elements/primary-check.png) no-repeat center center/cover;

border: none; }

.confirm-checkbox {

width: 16px;

height: 16px;

border-radius: 3px;

background: #fff;

position: relative;

cursor: pointer; }

.confirm-checkbox input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.confirm-checkbox input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 3px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.confirm-checkbox input:checked + label {

background: url(../img/elements/success-check.png) no-repeat center center/cover;

border: none; }

.disabled-checkbox {

width: 16px;

height: 16px;

border-radius: 3px;

background: #fff;

position: relative;

cursor: pointer; }

.disabled-checkbox input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.disabled-checkbox input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 3px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.disabled-checkbox input:disabled {

cursor: not-allowed;

z-index: 3; }

.disabled-checkbox input:checked + label {

background: url(../img/elements/disabled-check.png) no-repeat center center/cover;

border: none; }

.primary-radio {

width: 16px;

height: 16px;

border-radius: 8px;

background: #fff;

position: relative;

cursor: pointer; }

.primary-radio input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.primary-radio input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 8px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.primary-radio input:checked + label {

background: url(../img/elements/primary-radio.png) no-repeat center center/cover;

border: none; }

.confirm-radio {

width: 16px;

height: 16px;

border-radius: 8px;

background: #fff;

position: relative;

cursor: pointer; }

.confirm-radio input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.confirm-radio input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 8px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.confirm-radio input:checked + label {

background: url(../img/elements/success-radio.png) no-repeat center center/cover;

border: none; }

.disabled-radio {

width: 16px;

height: 16px;

border-radius: 8px;

background: #fff;

position: relative;

cursor: pointer; }

.disabled-radio input {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

opacity: 0; }

.disabled-radio input + label {

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

border-radius: 8px;

cursor: pointer;

border: 1px solid #f1f1f1; }

.disabled-radio input:disabled {

cursor: not-allowed;

z-index: 3; }

.disabled-radio input:checked + label {

background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;

border: none; }

.default-select {

height: 40px; }

.default-select .nice-select {

border: none;

border-radius: 0px;

height: 40px;

background: #fff;

padding-left: 20px;

padding-right: 40px; }

.default-select .nice-select .list {

margin-top: 0;

border: none;

border-radius: 0px;

box-shadow: none;

width: 100%;

padding: 10px 0 10px 0px; }

.default-select .nice-select .list .option {

font-weight: 300;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

line-height: 28px;

min-height: 28px;

font-size: 12px;

padding-left: 20px; }

.default-select .nice-select .list .option.selected {

color: #f9cc41;

background: transparent; }

.default-select .nice-select .list .option:hover {

color: #f9cc41;

background: transparent; }

.default-select .current {

margin-right: 50px;

font-weight: 300; }

.default-select .nice-select::after {

right: 20px; }

@media (max-width: 991px) {

.left-align-p p {

margin-top: 20px; } }

.form-select {

height: 40px;

width: 100%; }

.form-select .nice-select {

border: none;

border-radius: 0px;

height: 40px;

background: #fff !important;

padding-left: 45px;

padding-right: 40px;

width: 100%; }

.form-select .nice-select .list {

margin-top: 0;

border: none;

border-radius: 0px;

box-shadow: none;

width: 100%;

padding: 10px 0 10px 0px; }

.form-select .nice-select .list .option {

font-weight: 300;

transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

line-height: 28px;

min-height: 28px;

font-size: 12px;

padding-left: 45px; }

.form-select .nice-select .list .option.selected {

color: #f9cc41;

background: transparent; }

.form-select .nice-select .list .option:hover {

color: #f9cc41;

background: transparent; }

.form-select .current {

margin-right: 50px;

font-weight: 300; }

.form-select .nice-select::after {

right: 20px; }

.footer-bg {

background: url("../img/footer-bg.png") left center no-repeat;

background-size: cover;

padding-top: 110px;

position: relative;

z-index: 1; }

.footer-bg:after {

content: '';

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

background: rgba(16, 15, 29, 0.28);

z-index: -1; }

.footer__title {

font-size: 1.3125rem;

color: #fff;

font-weight: 300;

margin-bottom: 30px; }

.footer__link li {

margin-bottom: .8rem; }

.footer__link li a {

color: #8f8f8f;

text-transform: capitalize; }

.footer__bottom {

padding: 1.3rem 0;

margin-top: 65px; }

.footer__bottom p {

margin-bottom: 0; }

.footer__bottom p a {

color: #f9cc41; }

.footer__bottom.top-border {

border-top: 1px solid #333333; }

.referans_section .item .img {

border: 1px solid #e8e8e8;

height: 110px;

background-color: #fff;

position: relative;

}
    .popover { z-index:99999;}

.kapsa { width:100%; }

.popover-header b { font-weight:900 !important; }

.popover-header { background:#d1111e; color:#fff !important; font-weight:bold !important; font-weight:normal; }

.popover-body a { color:#d0111e;}

.svg-world-map {
max-width: 900px;
margin: 0 auto;
text-align: center;
position: relative;
}

.svg-world-map svg {
width: 100%;
height: auto;
-webkit-filter: drop-shadow(0px 1px 3px #111111a3);
filter: drop-shadow(0px 1px 3px #111111a3);
}

.svg-world-map .ss {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#svg-world-map path {
fill: #cccccc;
stroke: #ffffff;
stroke-width: 0.3px;
cursor: pointer;
transition: fill 0.3s ease;
}

#svg-world-map path:hover {
fill: #999999;
}

/* Türkiye - vurgulu gösterim */
#svg-world-map path#tr {
fill: #d20b10;
stroke: #fff;
stroke-width: 0.5px;
animation: turkeyPulse 3s ease-in-out infinite alternate;
}

#svg-world-map path#tr:hover {
fill: #a00810;
}

@keyframes turkeyPulse {
0% { fill: #d20b10; }
100% { fill: #ff1a22; }
}



#tooltip {

background-color: #333;

color: white;

padding: 5px 10px;

border-radius: 4px;

font-size: 13px;

}



@keyframes dash {

to {

stroke-dashoffset: 1000;

}

}





.spot {

border:1px solid #fff;



transform: perspective(500px) rotateY(-42deg);



-webkit-transform: perspective(500px) rotateY(-42deg);



-moz-transform: perspective(500px) rotateY(-42deg);



-ms-transform: perspective(500px) rotateY(-42deg);



-o-transform: perspective(500px) rotateY(-42deg);



animation-name: rotate-windows;



animation-iteration-count: infinite;



animation-duration: 1.5s;



animation-fill-mode: forwards;



}



@keyframes rotate-windows {



0% {



transform: perspective(500px) rotateY(-42deg);



-webkit-transform: perspective(500px) rotateY(-42deg);



-moz-transform: perspective(500px) rotateY(-42deg);



-ms-transform: perspective(500px) rotateY(-42deg);



-o-transform: perspective(500px) rotateY(-42deg);



}



50% {



transform: perspective(500px) rotateY(0deg);



-webkit-transform: perspective(500px) rotateY(0deg);



-moz-transform: perspective(500px) rotateY(0deg);



-ms-transform: perspective(500px) rotateY(0deg);



-o-transform: perspective(500px) rotateY(0deg);



}



100% {



transform: perspective(500px) rotateY(-42deg);



-webkit-transform: perspective(500px) rotateY(-42deg);



-moz-transform: perspective(500px) rotateY(-42deg);



-ms-transform: perspective(500px) rotateY(-42deg);



-o-transform: perspective(500px) rotateY(-42deg);



}



}



.coordinate{z-index:5;position:absolute}#turkey_map .coordinate:hover{z-index:6}

.spot {

width: 30px;

height: 30px;

border-radius: 100%;

background-color: #CB0017;

-webkit-transition: -webkit-transform .3s ease;

transition: -webkit-transform .3s ease;

transition: transform .3s ease;

transition: transform .3s ease, -webkit-transform .3s ease;

cursor: pointer;

}

.spot::before {

content: '';

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

background-color: rgba(203,0,23,0.5);

border-radius: 100%;

-webkit-animation: spotwave 2s ease infinite;

animation: spotwave 2s ease infinite;

}

.spot::before {

background: url(ikon.png);

background-size:cover;

content: '';

position: absolute;

width: 100%;

height: 100%;

left: 0;

top: 0;

border-radius: 100%;

-webkit-box-shadow: 0 0 15px #CB0017;

box-shadow: 0 0 15px #CB0017;

}

.icerikalan { margin-top:200px;}
      .modal-dialog {   }

.popover-header::before{

margin-left: -15px !important; top: -2px !important;}

.popover-header span{ font-weight:400 !important;  }

.popover-header { }

.popover.bs-popover-auto[x-placement^=top] .arrow::after, .popover.bs-popover-top .arrow::after {

background: url(theme/dea/assets/img/ciz.png) !important;

background-size: cover !important;

content: '';

height: 70px !important;

background-repeat: no-repeat !important;

width: 70px;

top: -6px;

}

.popover.bs-popover-top .arrow { background-color:transparent !important; }

.popover.bs-popover-top .arrow::before { display:none !important; }

.popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-top { top: -40px !important;

left: 8px !important; }

.popover-body { text-align:center; }

.popover-body  img { width:250px; height:127px; object-fit:cover; }

.popover-body:hover img { transform: scale(1.04);

transition: transform .5s ease; }
      .tp-bgimg { background-size:100% !important;}

#MainSlider { top:100px !important; }

.slotholder  { transform:unset !important; }

.tparrows{

border-radius: 0px;

width: 48px;

height: 56px;

border: 0px;

text-align: center;

background-color: rgba(0,0,0,0.28);

padding-top: 9px;

left: -13px;

margin-bottom: 0px;

}

.tp-rightarrow{ padding-left:3px; left: 326px;}

.tp-leftarrow:hover{ background-color:rgba(255,255,255,0) !important;border:0px !important; }

.tp-rightarrow:hover{ background-color:rgba(255,255,255,0) !important;border:0px !important; }

.tp-leftarrow:before{

font-size:0px;

background:url(theme/dea/assets/img/sol.svg);

background-size:content;

background-repeat:no-repeat;

background-position: 14px;

}

.tp-rightarrow:before{

font-size:0px;

background:url(theme/dea/assets/img/sag.svg);

background-size:content;

background-repeat:no-repeat;

background-position: 10px;

}

.tp-bullet:before{

content: "";

position: absolute;

content: "\74";

font-family: "deayapi";

color:#fff;

font-size:10px;

top:0px;

}

.tp-bullet.selected::before{

content: "\44";

font-family: "deayapi";

color:#ce1626;

font-size: 50px;

left: -20px;

top: -28px;

}

.tp-bullet{

width:32px !important;

height:32px !important;

background-color:transparent !important;

}

.rev-btn{

border:2px solid #fff !important;

background-color:rgba(8,13,40,0.2) !important;

color:#fff !important;

font-size:17px;

font-family: 'Roboto', sans-serif !important;

font-weight:600 !important;

border-radius:2px !important;

float:left !important;

padding:0px 5px !important;

}

.rev-btn-one{

line-height:33px !important;

background-color:transparent  !important;

border-color:#fff  !important;

color:#fff !important;

padding:1px 40px !important;

}

.tparrows { top:50% !important;}

.rev-btn-one a{ color:#fff; font-size:13px !important; }

.rev-btn-one a{ color:#fff; }

.rev-btn:hover{

background-color:#fff  !important;

border-color:#fff  !important;

color:#000 !important;

}

.rev-btn:hover a{ color:#000; font-size:17px !important; }

.Newspaper-Title {

text-shadow: 2px 1px 6px #0000008c;

font-weight:600 !important;

color:#fff;

}

.Newspaper-Subtitle {

color: #fff;

font-family: 'Roboto', sans-serif;

font-weight: 300;

background-color:rgba(0,0,0,0.5);

}

.tp-leftarrow { margin-left:70px;}

.tp-bullets { top: 56% !important;

left: 50% !important;

display: flex;

transform: rotate(-90deg) !important; }

@media screen and (max-width: 1600px) {

.tp-bullets { top: 46% !important;

left: 50% !important;

display: flex;

transform: rotate(-90deg) !important; }

}

#MainSlider {

position: relative; }
      .turnDeviceNotification {

position:fixed;

top: 0;

left:0;

height:100%;

width:100%;

display: none;

z-index:9999999999999999999999;

}

.turnDeviceNotification {

background-image:url('assets/rotate.png');

background-size:cover;

}
      .service_section {

margin-top: 4rem;

background-color: #ededed;

background-size: cover;

background-repeat: no-repeat;

}

.service_section .content {

position: relative

}

.service_section .content>h3 {

text-align: center;

font-size: 40px;

font-weight: 800;

color: #fff

}

.service_section .content h2 {

text-align: center;

font-weight: 400;

font-size: 16px;

color: #fff;

margin-bottom: 40px

}

.service_section .product_carousel .item img {

width: 100%;

margin-top: 8px

}

.service_section .item {

width: 100%;

box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);

margin-bottom: 10px;

margin-top: 10px;

margin-right: auto;

margin-left: auto

}

.service_section .item .img {

overflow: hidden;

transition: opacity .3s ease-out, transform .3s cubic-bezier(.19, 1, .22, 1)

}

.service_section .item .img:hover img {

transform: scale(1.1);

transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1)

}

.service_section .item .img img {

padding: 2px;

width: 100%;

transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1);

background: #fff;

height: 390px;

object-fit: cover;

}

@media screen and (max-width: 600px) {

	.service_section .item .img img {

		height: 562px;

	}

}

.service_section .item .text {

padding-top: 10px;

padding-bottom: 10px;

padding-left: 10px;

background-color: #fff;

padding-right: 10px;

position: relative

}

.service_section .item .text::before {

content: " ";

width: 100%;

height: 0;

transition: .5s;

display: block;

position: absolute;

bottom: 0;

left: 0;

background: #e71533;    transform: skewX(-14deg);

}

.service_section .item .text:after {

content: " ";

width: 100%;

height: 0;

transition: .5s;

display: block;

position: absolute;

bottom: 0;

left: 0;

background: #d20b10

}

.service_section .item:hover .text:after {

height: 100%;

transition: .3s

}

.service_section .item .text h3 {

font-size: 16px;

font-weight: 300;

margin-bottom: 0;

transition: .3s;

z-index: 9;

position: relative;

color: #000;text-align: center;

}

.service_section .item:hover .text h3 {

transition: .3s;

color: #fff

}

.service_section .item .text span {

font-size: 13px;

color: #d0121d;

font-weight: 600;

display: block;

padding-top: 7px;

transition: .3s;

z-index: 9;

position: relative;text-align: center;

}

.service_section .item:hover .text span {

transition: .3s;

color: #fff

}

.product_section .link {

text-align: center;

margin-top: 30px

}

.product_section .link a {

padding: 10px 30px;

background-color: #769d48;

display: inline-block;

font-size: 15px;

color: #fff;

transition: .3s

}

.product_section .link a:hover {

transition: .3s;

background-color: #444343

}

.service_section .owl-nav {

position: absolute;

top: 35%;

width: 100%

}

.service_section .owl-nav button {

width: 50px;

height: 50px;

line-height: 0 !important;

border-radius: 0;

font-size: 30px !important;

transition: .3s;

border: 2px solid #eee !important;

color: #e71533 !important

}

.service_section .owl-nav button:hover {

background-color: #e71533 !important;

border: 2px solid #e71533 !important;

transition: .3s;

color: #fff !important

}

.service_section .owl-nav button:first-child {

position: absolute;

left: -54px;

}

.service_section .owl-nav button:last-child {

position: absolute;

right: -55px;

}
.btn--rightBorder {
  position: relative;
}
.btn--rightBorder:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.25rem;
  min-width: 1.25rem;
  height: 2px;
  background-color: #ce1626;
  color: transparent !important;
  transition: all 0.3s ease;
}
.btn:hover.btn--rightBorder:after {
  background: #ce1626;
  right: -1.5rem;
  min-width: 1.5rem;
}
.btn--leftBorder:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.25rem;
  min-width: 1.25rem;
  height: 2px;
  background-color: #ce1626;
  transition: all 0.3s ease;
}
.btn:hover.btn--leftBorder:before {
  background: #ce1626;
  left: -1.5rem;
  min-width: 1.5rem;
}
.service_section .item .text h3 { color: #000; min-height: 48px; }
.service_section .item:hover .text h3 { color: #fff; }
.service_section .item .text span { color: #d0121d; font-style: italic; font-weight: 700; position: relative; }
.service_section .item:hover .text span { color: #fff; }

/* =========================================
   PRELOADER — Logo + Spinner Alignment Fix
   Spinner logonun etrafında dönsün, logo tam ortada kalsın.
   ========================================= */
.preloader .animation-preloader {
  position: relative;
  width: 260px;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader .animation-preloader .spinner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 260px !important;
  height: 260px !important;
  margin: 0 !important;
  border: 3px solid rgba(0, 0, 0, 0.12) !important;
  border-top-color: #d20b10 !important;
  border-radius: 50%;
}
.preloader .animation-preloader > center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  display: block;
  line-height: 0;
}
.preloader .animation-preloader .pikon {
  width: 180px !important;
  max-width: 180px !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  display: block;
}

@media (max-width: 767px) {
  .preloader .animation-preloader,
  .preloader .animation-preloader .spinner {
    width: 200px !important;
    height: 200px !important;
  }
  .preloader .animation-preloader .pikon {
    width: 140px !important;
    max-width: 140px !important;
  }
}

@media (max-width: 480px) {
  .preloader .animation-preloader,
  .preloader .animation-preloader .spinner {
    width: 170px !important;
    height: 170px !important;
  }
  .preloader .animation-preloader .pikon {
    width: 115px !important;
    max-width: 115px !important;
  }
}