/*=======================================================================
[Table of contents]
=========================================================================

1. Font Settings
2. Typography Settings
3. Section Title Settings
4. Button Settings
5. Section Settings
*/

/*------------------------------------------------------------------------------
/ 1. Font Settings
------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

body, html{
    margin: 0;
    padding: 0;
}
body{
    line-height: 32px;
    color: #818181;
    letter-spacing: 0.64px;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

/*------------------------------------------------------------------------------
/ 2. Typography Settings
------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 h6{
    color: #000000;
    font-weight: 400;
    margin: 0 0 15px;
}
a{
    color: #000;
    text-decoration: none;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
a:hover, a:focus{
    text-decoration: none;
    outline: 0;
}
a:focus{
    color: #fff;
}
ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*------------------------------------------------------------------------------
/ 3. Section Title Settings
------------------------------------------------------------------------------*/
.noPadding{
    padding: 0;
}
.noPaddingRight{
    padding-right: 0;
}
.noPaddingLeft{
    padding-right: 0;
}

/*------------------------------------------------------------------------------
/ 4. Button Settings
------------------------------------------------------------------------------*/
.common_btn{
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #078dd2;
    color: #fff;
    height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 45.5px;
    display: inline-block;
    line-height: .8;
    letter-spacing: 1.6px;
    position: relative;
    outline: none;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.common_btn span {
    position: relative;
    z-index: 2;
}
.common_btn:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.common_btn:hover:after{
    width: 100%;
}
.common_btn:hover{
    color: #000;
}
.common_btn.red_bg{
    padding: 28px 40.5px;
}
.common_btn.red_bg:after{
       background: #bd1919;
}
.common_btn.red_bg:hover:after{
    width: 100%;
}
.common_btn.red_bg:hover{
    color: #fff;
}

/*------------------------------------------------------------------------------
/ 5. Section Settings
------------------------------------------------------------------------------*/
.genelSection{
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}
.genelSection .container{
    position: relative;
    z-index: 2;
}
.grays{
    background: #f5f6fa;
}
.sub_title{
    font-size: 12px;
    line-height: .8;
    font-weight: 400;
    color: #818181;
    letter-spacing: 1.2px;
     margin: 0 0 5px;
}
.sec_title{
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    color: #000;
    letter-spacing: 2px;
  
    margin: 0 0 25px;
}
.red_color{
    color: #e62b4a;
}
.white{
    color: #ffffff;
}
.sec_desc{
    margin: 0 0 54px;
}
.color_aaa{
    color: #aaaaaa;
}

/*=======================================================================
[Table of contents]
=========================================================================
1. Header 01
2. Revolution Slider
3. Services Section
4. About Agency
5. What We Do Section
6. Portfolio Section
7. Fun Fact Section
8. Trust Client Section
9. Team Section
10. Our Clients Section
11. Testimonail Section
12. Blog Section
13. Ready Section
14. Footer Section
15. Servieces 2 Section
16. Featured Section
17. Tesimonial 02 Section
18. Why Choose Us Section
19. What We Do 2 Section
20. Google Map Section
21. About Page
22. Service Page
23. Portfolio Page
24. Blog Page
25. Contct Page
26. Popup Search
27. Popup Menu
28. preloder
29. Bact To Top
30. Color Preset
*/

#owl_3 .owl-controls {display: none!important;}

.logofix { display: none; text-align: left; }
.logo { display: block; }

.tuyan {
text-align: center;
}.fixedHeader .logo {
display: none;
}.fixedHeader .logofix {
display: block;
}.onlinesatis {
border: 1px solid #ffe800 !important;
padding: 19px  !important;
border-radius: 50%  !important;
background: #ffe800  !important;
font-weight: bold  !important;
font-size: 16px  !important;
color: #000 !important;

}.onlinesatis a{
color: #000 !important;
}
}.onlinesatis a:after{
position: absolute;
width: 0;
height: 1px;
content: '';
background: #000 !important;
left: 0;
right: 0;
bottom: -5px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}.onlinesatisdlmenu {
padding: 0px 450px;
}.onlinesatisdlmenu a{
border: 1px solid #ffe800 !important;
padding: 19px  !important;
border-radius: 50%  !important;
background: #ffe800  !important;
font-weight: bold  !important;
font-size: 16px  !important;
color: #000 !important;
}

.icerik li{
padding: 5px 0px;
}
.kbelge {
    padding-bottom: 30px;
}
.kbelge img {
    border: 1px solid #a7a4a4;
}
/*----------------------------------------------------
/ 1. Header 01
------------------------------------------------------*/
.tmenu{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    background: transparent;
    padding: 39px 40px 0 45px;
    border-bottom: 2px solid rgba(255, 255, 255, .10);
}
.logo{
    text-align: left;
    padding: 0 0 39px;
}
.logo img{
    max-width: 100%;
    height: auto;
}
.mainmenu{
    position: relative;
}
.mainmenu ul{
    margin: 0;
    padding: 0;
}
.mainmenu ul li{
    list-style: none;
    display: inline-block;
    line-height: .8;
    padding: 0 20px 53px;
    position: relative;
}
.mainmenu ul li a{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: .8;
    
    position: relative;
}
.scroll a:after{
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}.onlinesatis a:after{
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #000;
    left: 0;
    right: 0;
    bottom: -5px;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mainmenu ul > li.active > a,
.mainmenu ul li a:hover{
    color: #fff;
}
.mainmenu ul > li.active > a:after,
.mainmenu ul li a:hover:after{
    width: 100%;
}
.mainmenu ul ul.sub-menu {
    background: #078dd2;
    width: 221px;
    z-index: 9;
    padding: 25px 30px 13px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100px;
    transform: translateX(-50%);
    z-index: 2;
}
.mainmenu ul ul.sub-menu:before {
    content: '';
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    z-index: 10;
}
.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 66px;
}
.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 0 0 13px;
    display: block;
}
.mainmenu ul ul.sub-menu li a {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
}
.mainmenu ul ul.sub-menu li a:after{
    bottom: 0;
}

.navigator{
    position: relative;
    padding: 6px 0 37px;
}
.navigator a{
    display: inline-block;
    color: #fff;
    line-height: .8;
    font-size: 25px;
    margin: 0;
}
.navigator a.search {
    margin-right: 16px;
}
.navigator a.active,
.navigator a:hover {
    color: #e62b4a;
}
.black_color{
    border-color: #e5e5e5;
}
.black_color .mainmenu ul li a{
    color: #000000;
}
.black_color .mainmenu ul li a:hover{
    color: #000000;
}
.black_color .mainmenu ul li a:after{
    background: #000000;
}
.black_color .navigator a{
    color: #000000;
}
.black_color .navigator a.active,
.black_color .navigator a:hover{
    color: #e62b4a;
}
.fixedHeader {
    background: #0c0c0c;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.black_color.fixedHeader{
    background: #fff;
}
.black_color .mainmenu ul ul.sub-menu {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.black_color .mainmenu ul ul.sub-menu:before{
    border-bottom: 5px solid #FFF;
}
.black_color .mainmenu ul li:hover ul.sub-menu{
    top: 66px;
}

/*----------------------------------------------------
/ 2. Revolution Slider
------------------------------------------------------*/
.rev_slider{
    position: relative;
}
.rev_slider .tp-leftarrow.me_arrows,
.rev_slider .tp-rightarrow.me_arrows{
    width: 74px;
    height: 72px;
    border-radius: 0;
    background: rgba(255, 255, 255, .35);
    color: #000;
    text-align: center;
    padding: 25px 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.rev_slider .tparrows.tp-rightarrow:before{
    content:"\f105";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
}
.rev_slider .tparrows.tp-leftarrow:before{
    content:"\f104";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
}
.rev_slider .tp-leftarrow.me_arrows:hover,
.rev_slider .tp-rightarrow.me_arrows:hover{
    background: rgba(255, 255, 255, 1);
}
.rev_slider .common_btn{
    padding: 28px 45.5px !important;
}
.rev_slider.slider_2 .tp-leftarrow.me_arrows,
.rev_slider.slider_2 .tp-rightarrow.me_arrows{
    background: rgba(0, 0, 0, .35);
    color: #FFF;
}
.rev_slider.slider_2 .tparrows.tp-leftarrow:before,
.rev_slider.slider_2 .tparrows.tp-rightarrow:before{
    color: #FFF;
}
.rev_slider.slider_2 .tp-leftarrow.me_arrows:hover,
.rev_slider.slider_2 .tp-rightarrow.me_arrows:hover{
    background: rgba(0, 0, 0, 1);
}
.tp-bannertimer{
    display: none;
}

/*----------------------------------------------------
/ 3. Services Section
------------------------------------------------------*/
.service_section{
    background: url(../images/bg/1.jpg) no-repeat center center / cover;
}
.icon_box_1{
    display: inline-block;
    position: relative;
    width: 100%;
    background: transparent;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.icon_box_1 .back i,
.icon_box_1 .front i {
    font-size: 64px;
    line-height: 1;
    color: #aaaaaa;
    display: block;
    margin-bottom: 17px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_1 .back h3,
.icon_box_1 .front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    
    color: #aaaaaa;
    margin: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_1 .flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}
.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: transparent;
    z-index: 2;
    border: 2px solid rgba(27, 27, 27, 1);
    padding: 48px 45px 45px;
    width: 100%;
}
.vertical .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.back {
    background: #e62b4a;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    padding: 48px 45px 45px;
    border: 2px solid #e62b4a;
    width: 100%;
}
.icon_box_1:hover .front, .icon_box_1.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.icon_box_1:hover .back, .icon_box_1.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.custom_column .col-lg-3{
    width: 20%;
}
.icon_box_1 .back h3,
.icon_box_1 .back i{
    color: #ffffff;
}
/*----------------------------------------------------
/ 4. About Agency
------------------------------------------------------*/
.ab_agency{
    padding-bottom: 147px;
}
.PR_79{
    padding-right: 79px;
}
.MB_45{
    margin-bottom: 45px;
}
.ab_img1{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.ab_img1 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}
.ab_img2{
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 2;
}
.ab_img2:after{
    position: absolute;
    top: -40px;
    left: 40px;    
    content: '';
    border: 10px solid #bd1919;
    width: 470px;
    height: 458px;
}
.ab_img2 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}
/*----------------------------------------------------
/ 5. What We Do Section
------------------------------------------------------*/
.what_wedo{
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 72px;
}
.what_wedo:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    content: '';
    background: #f4f4f4;
}
.videoWrap{
    position: relative;
    margin-bottom: 100px;
}
.videoWrap img{
    width: 100%;
    height: auto;
}
.play_video{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.play_video a.video_popup{
    display: inline-block;
    width: 115px;
    height: 115px;
    border-radius: 0;
    position: relative;
    background: #bd1919;
    color: #fff;
    font-size: 30px;
    line-height: .8;
    padding: 42px 0;
    margin-bottom: 31px;
}
.play_video a.video_popup:hover{
    background: #2087bd;
    color: #fff;
}
.play_video h2{
    font-size: 50px;
    line-height: 1;
    letter-spacing: 2px;
    color: #000;
    
    margin: 0;
}
.subscribefrom{
    position: relative;
    text-align: right;
}
.subscribefrom input[type="email"]{
    width: 470px;
    height: 70px;
    background: #f4f4f4;
    color: #818181;
    line-height: 70px;
    font-weight: 400;
    letter-spacing: 0.56px;
    padding-left: 30px;
    border: none;
    outline: none;
}
.subscribefrom .common_btn.red_bg{
    padding: 28px 42.5px;
    margin-left: 5px;
}

.subscribefrom input[type="email"]::-moz-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.subscribefrom input[type="email"]::-ms-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.subscribefrom input[type="email"]::-webkit-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}

/*----------------------------------------------------
/ 6. Portfolio Section
------------------------------------------------------*/
.porfolio{
    padding-bottom: 90px;
}
.urunkategori {
    position: relative;
    overflow: hidden;
  margin: 0px 3px 35px;
   -webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;
    -moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;
    box-shadow: 0 0 0 4px white, 0 6px 4px black;
}
.urunkategori img {
    display: block;
    width: 100%;
    height: 426px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border: 1px solid #d4d3d3;
}
.folioHover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 20px;
    bottom: 50px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.urunkategori:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c02222d4;
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.urunkategori .folioHover a.cate {
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    display: block;
    letter-spacing: 1.2px;
    margin: 0 0 3px;
    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.urunkategori .folioHover h4{
    font-size: 20px;
    line-height: .8;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
        line-height: 1;
    
}
.urunkategori .folioHover h4 a{
    color: #fff;    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.urunkategori:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.urunkategori:hover .folioHover {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.urunkategori:hover:after{
    width: 100%;
}
.urunkategori .folioHover a.cate:hover,
.urunkategori .folioHover h4 a:hover{
    color: #000;
}


/*----------------------------------------------------
/ 7. Projeler
------------------------------------------------------*/

.panelmask {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.urunkategori:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c02222d4;
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.urunkategori .panelmask a.cate {
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    display: block;
    letter-spacing: 1.2px;
    margin: 0 0 3px;
    text-align: left;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.urunkategori .panelmask h4{
    font-size: 20px;
    line-height: .8;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    padding-bottom: 25px;
}
.urunkategori .panelmask h4 a{
    color: #fff;    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}.urunkategori .panelmask i {
    font-size: 27px;

color: #fff;
}
.urunkategori:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.urunkategori:hover .panelmask {
    visibility: visible;
    opacity: 1;
    left: 35px;
}
.urunkategori:hover:after{
    width: 100%;
}
.urunkategori .panelmask a.cate:hover,
.urunkategori .panelmask h4 a:hover{
    color: #000;
}


/*----------------------------------------------------
/ 7. Fun Fact Section
------------------------------------------------------*/
.sayac{
    background: url(../images/bg_2.jpg) no-repeat center center / cover;
    padding: 0 0 330px;
        margin-top: 120px;
}
.BR{
    border-right: 1px solid #1a1a1a;
}
.singlesayac{
    position: relative;
    padding-top: 113px;
}
.singlesayac h1{
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2.4px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 25px;
}
.singlesayac h3{
    font-size: 16px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.6px;
    margin: 0;
}

/*----------------------------------------------------
/ 8. Trust Client Section
------------------------------------------------------*/
.sayacyazi{
    padding: 0 0 0;
    margin-top: -210px;
    z-index: 5;
}
.pb_120{
    padding-bottom: 120px;
}
.CL_content{
    position: relative;
}
.CL_content img{
    max-width: 100%;
    height: auto;
}
.abc_inner {
    position: relative;
    margin-top: -477px;
    z-index: 2;
}
.abci_content {
    position: relative;
    background: #FFF;
    padding: 28px 0 0 48px;
    margin-left: -17px;
}
.abci_content h2{
    font-size: 50px;
    letter-spacing: 2px;
    color: #000000;
    line-height: 63px;
    
    margin: 0 0 43px;
}
.abci_content p{
    margin-bottom: 55px;
}

/*----------------------------------------------------
/ 9. Team Section
------------------------------------------------------*/
.team{
    padding-bottom: 172px;
}
.slick-list {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.singleTM {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.team_slider .slick-slide{
    margin: 0 15px;
    outline: none;
}
.tm_img{
    position: relative;
}
.tm_img img{
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.singleTM:hover .tm_img img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.singleTM .tm_overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM .tm_overlay:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(189, 25, 25, 0.71);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singleTM .team_social{
    position: absolute;
    left: 20px;
    top: 49px;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM .team_social a{
    display: block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #fff;
    margin: 0 0 19px;
    position: relative;
    
}
.singleTM .team_social a span{
    position: relative;
}
.singleTM .team_social a span:after {
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singleTM .team_social a span:hover:after{
    width: 100%;
}
.tm_overlay a.common_btn{
    position: absolute;
    left: 20px;
    bottom: 50px;
    visibility: hidden;
    opacity: 0;
    padding: 24px 30.5px;
    height: 60px;
    font-size: 14px;
    letter-spacing: 1.4px;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM:hover .tm_overlay a.common_btn{
    visibility: visible;
    opacity: 1;
    left: 50px;
    z-index: 9;
}
.singleTM:hover .team_social{
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.singleTM:hover .tm_overlay:after{
    width: 100%;
}
.detail_TM{
    position: relative;
    text-align: center;
    padding: 30px 15px 0;
}
.detail_TM h5{
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.80px;
    
    color: #000;
    display: block;
    margin: 0 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.detail_TM h6{
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #818181;
    
    position: relative;
    line-height: .8;
    display: inline-block;
}
.detail_TM h6:after {
    width: 0;
    height: 1px;
    content: '';
    background: #818181;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singleTM:hover .detail_TM h5{
    color: #e62b4a;
}
.singleTM:hover .detail_TM h6:after{
    width: 100%;
}
.slick-dots{
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -74px;
    float: none;
    text-align: center;
}
.slick-dots li{
    list-style: none;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #dbdbdb;
    border: none;
    margin: 0 3px;
    cursor: pointer;
    padding: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.slick-dots li button[type="button"] {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    z-index: 10;
    outline: none;
}
.slick-dots li.slick-active,
.slick-dots li:hover{
    background: #000;
}

/*----------------------------------------------------
/ 10. Our Clients Section
------------------------------------------------------*/
.indexreferans{
    background: #f4f4f4;
    overflow: hidden;
}
.tekilindexreferans {
    position: relative;
    width: 100%;
    height: 238px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.tekilindexreferans a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}
.tekilindexreferans  img {
    max-width: 100%;
    padding:30px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .4;
    display: inline-block !important;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.tekilindexreferans:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.tekilindexreferans:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.tekilindexreferans:hover img{
    opacity: 1;
}
.tekilindexreferans:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
.client_slider .owl-controls .owl-nav{
    display: none;
}
.client_slider .owl-controls .owl-dots{
    line-height: .8;
    text-align: center;
    margin-top: 27px;
}
.client_slider .owl-controls .owl-dots .owl-dot span{
    line-height: .8;
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    padding: 0;
    background: #dbdbdb;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.client_slider .owl-controls .owl-dots .owl-dot.active span,
.client_slider .owl-controls .owl-dots .owl-dot:hover span{
    background: #000000;
}

.tekililetisim{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: none;
    padding: 40px 15px 46px 50px;
    width: 100%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.tekililetisim:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.tekililetisim:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.tekililetisim:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
.tekililetisim h3{
    
    color: #000;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.80px;
    margin: 0 0 30px;
}
.tekililetisim p{
    line-height: 30px;
    margin: 0;
}

/*----------------------------------------------------
/ 11. Testimonail Section
------------------------------------------------------*/
.testimonial{
    background: url(../images/bg3-yeni.jpg) no-repeat fixed center / cover;
    padding-bottom: 113px;
}
.testimonial_content{
    position: relative;
    text-align: center;
    padding: 0 65px;
}
.testimonial_content .testi_icon{
    width: 115px;
    height: 115px;
    background: #e62b4a;
    text-align: center;
    display: inline-block;
    font-size: 64px;
    line-height: .8;
    color: #fff;
    padding: 25px 0;
    margin: 0 0 49px;
}
.testimonial_content h2{
    font-size: 50px;
    line-height: 62px;
    letter-spacing: 2px;
    
    color: #fff;
    margin: 0 0 44px;
}
.testimonial_content h2 span{
    color: #e62b4a;
}
.testimonial_content p{
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.80px;
    margin: 0;
}

/*----------------------------------------------------
/ 12. Blog Section
------------------------------------------------------*/
.blog{
    padding-bottom: 60px;
}
.blog_kat_tekil{
    position: relative;
    background: #fff;
    margin: 0 0 51px;
}
.blog_kat_tekil_resim{
    overflow: hidden;
    position: relative;
}
.blog_kat_tekil_resim img{
    width: 100%;
    height: 296px;
}
.blog_kat_tekil_detay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgba(230, 43, 74, .8);
opacity: 0;
margin-left: 20px;
margin-top: 20px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}.blog_kat_tekil:hover .blog_kat_tekil_detay {
    opacity: 1;
}
.blog_kat_tekil_detay .blog_tarih{
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 98px;
    background: #078dd2;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    
    margin: 0 0 15px;
}
.blog_kat_tekil_detay .blog_tarih:hover{
    color: #fff;
    background: #e62b4a;
}
.blog_kat_tekil_detay h2{
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1.04px;
    
    color: #fff;
    margin: 0 0 13px;
}
.blog_kat_tekil_detay h2 a{
    color: #fff;
}.blog_kat_tekil_detay p{
    color: #fff;
    padding: 11px;
}
.blog_kat_tekil_detay h2 a:hover{
    color: #fff;
}
.blog_kat_tekil_detay .devam{
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.12px;
    
    color: #fff;
    position: relative;
}
.blog_kat_tekil_detay .devam:after{
    width: 0;
    height: 1px;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.blog_kat_tekil_detay .devam:hover:after{
    width: 100%;
}
.blog_kat_tekil_detay .devam:hover{
    color: #000;
}

/*----------------------------------------------------
/ 13. Ready Section
------------------------------------------------------*/
.ready{
    background: url(../images/altsayfaform.jpg) no-repeat center center / cover;
}
.ready .sec_title{
    margin: 0;
}
.ready .common_btn{
    padding: 28px 42.5px;
}
.ready_2{
    background: url(../images/bg/6.jpg) no-repeat center center / cover;
}
.ready_2 .sec_title{
    margin: 0;
}
.ready_2 .common_btn{
    padding: 28px 42.5px;
    background: #fff;
    color: #000;
}

/*----------------------------------------------------
/ 14. Footer Section
------------------------------------------------------*/
.footer{
    position: relative;
    padding: 130px 0 0;
    background: url(../images/bg5.jpg) no-repeat center center / cover;
}
.footer .widget{
    position: relative;
    padding: 0 0 112px;
}
.footer .widget .widget_title {
    font-size: 18px;
    letter-spacing: .72px;
    color: #FFF;
    line-height: .8;
    margin: 0 0 43px;
    position: relative;
   
}
.footer .aboutwidget{
    padding-right: 110px;
    margin-top: -8px;
}
.footer .aboutwidget img{
    max-width: 100%;
    height: auto;
    margin-bottom: 34px;
}
.footer .aboutwidget p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}
.footer .contact_widgets{
    padding-left: 60px;
}
.footer .contact_widgets p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}
.footer .copyright a,
.footer .contact_widgets p a{
    color: #aaaaaa;
}
.footer .copyright a:hover,
.footer .contact_widgets p a:hover{
    color: #e62b4a;
}
.footer .contact_widgets p:first-of-type{
    margin-bottom: 32px;
}
.footer .social_widget ul{
    margin: 0;
    padding: 0;
}
.footer .social_widget ul li{
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    display: block;
}
.footer .social_widget ul li a{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}
.footer .social_widget ul li a i{
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}
.footer .social_widget ul li a:hover{
    color: #fff;
}
.footer .copyright{
    border-top: 1px solid #1a1a1a;
    font-size: 14px;
    line-height: .8;
    color: #aaaaaa;
    
    padding: 41px 0;
}

/*----------------------------------------------------
/ 15. Servieces 2 Section
------------------------------------------------------*/
.hizmet_section_2{    overflow: hidden;}
.icon_box_2{
    position: relative;
    width: 100%;
    background: #fff;
    border: 2px solid #f4f4f4;
    padding: 50px 15px 50px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.icon_box_2:after{
    width: 4px;
    height: 0;
    position: absolute;
    content: '';
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #bd1919;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.icon_box_2 h3{
    font-size: 20px;
    letter-spacing: .80px;
    color: #000;
    line-height: 32px;
    
    margin: 0 0 35px;
}
.icon_box_2 p{
    margin: 0 0 31px;
}
.icon_box_2 .hicon{
    position: relative;
    margin: 0 0 44px;
}
.icon_box_2 .hicon:after{
    height: 7px;
    width: 75px;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -17px;
    margin: 0 auto;
    z-index: 2;
}
.icon_box_2 .hicon i{
    font-size: 64px;
    font-style: normal;
    color: #000;
    display: inline-block;
    margin: 0 0 0;
}
.icon_box_2 a{
    display: inline-block;
    font-size: 25px;
    letter-spacing: 1.2px;
    color: #000;
    line-height: .8;
    
    margin: 0;
}
.icon_box_2 a:hover{
    color: #e62b4a;
}
.icon_box_2:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-color: transparent;
}
.icon_box_2:hover:after{
    visibility: visible;
    opacity: 1;
    height: 101%;
}

/*----------------------------------------------------
/ 16. Featured Section
------------------------------------------------------*/
.featured{
    background: #f4f4f4;
    overflow: hidden;
}
.features_content{
    padding-right: 30px;
}
.singleFeature{
    position: relative;
    padding-left: 70px;
    margin-bottom: 56px;
}
.singleFeature:last-child{
    margin-bottom: 0;
}
.singleFeature:after{
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 95px;
    background: #000;
}
.singleFeature:last-child:after{
    display: none;
}
.singleFeature .f_sayac{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #000;
}
.singleFeature h3{
    font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    
    margin: 0 0 29px;
}
.singleFeature p{
    margin: 0;
}
.features_img{
    position: relative;
}
.img_details{
    background: #e62b4a;
    display: inline-block;
    padding: 43px 103px 45px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.img_details h4{
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    
}

/*----------------------------------------------------
/ 17. Tesimonial 02 Section
------------------------------------------------------*/
.mmemnuniyet{
    background: url(../images/7.jpg) no-repeat center center / cover;
}
.memnuniyetTab{
    position: relative;
}
.memnuniyetTab ul{
    margin: 53px 0 0;
    padding: 0;
}
.memnuniyetTab ul li{
    list-style: none;
    display: inline-block;
    opacity: .60;
    margin-right: 42px;
}
.memnuniyetTab ul li.active{
    opacity: 1;
}
.memnuniyetTab ul li:last-child{
    margin-right: 0;
}
.memnuniyetTab ul li a{
    display: block;
}
.memnuniyetTab ul li a span{
    width: 79px;
    height: 79px;
    display: block;
    margin-bottom: 21px;
    position: relative;
}
.memnuniyetTab ul li a span img{
    width: 100%;
    height: 100%;
}
.memnuniyetTab ul li a span:after{
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '“';
    background: #e62b4a;
    font-size: 30px;
    line-height: .8;
    padding: 11px 0;
    z-index: 9;
    color: #fff;
    text-align: center;
}
.memnuniyetTab ul li a .author_detail{
    position: relative;
}
.memnuniyetTab ul li a .author_detail h5{
    font-size: 16px;
    line-height: .8;
    color: #fff;
    margin: 0 0 16px;
    
}
.memnuniyetTab ul li a .author_detail h6{
    font-size: 12px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.2px;
    margin: 0;
    
}
.testi_con{
    position: relative;
    text-align: left;
    padding-top: 120px;
}
.testi_con p{
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 0.96px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 21px;
}
.testi_con span{
    
    color: #aaaaaa;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .9;
    display: block;
    margin: 0;
}
.dots_owl{
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
}
.dots_owl .owl-dot{
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 0;
    background: #1a1a1a;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.dots_owl .owl-dot.active,
.dots_owl .owl-dot:hover{
    background: #fff;
}

/*----------------------------------------------------
/ 18. Why Choose Us Section
------------------------------------------------------*/
.chooseUs{}
.chooseUs_title{
    margin: 0;
    padding: 0;
}
.chooseUs_title li{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 33.33333333%;
    display: inline-block;
    position: relative;
    float: left;
}
.chooseUs_title li a{
    display: block;
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.80px;
    background: #f4f4f4;
    padding: 49px 0;
    width: 100%;
    text-align: center;
    
}
.chooseUs_title li:hover a,
.chooseUs_title li.active a{
    background: #000;
    color: #fff;
}
.chose_img{
    position: relative;
    margin: 60px 0 0;
}
.chose_img img{
    width: 100%;
    height: auto;
}
.wh_choose{
    position: relative;
    margin: 51px 0 0;
}
.wh_choose p{
    margin: 0 0 25px;
}
.wh_choose ul{
    margin: 0;
    padding: 0;
}
.wh_choose ul li{
    display: block;
    line-height: 36px;
}
.wh_choose ul li i{
    font-size: 14px;
    color: #e62b4a;
    line-height: 32px;
    margin-right: 15px;
}

/*----------------------------------------------------
/ 19. What We Do 2 Section
------------------------------------------------------*/
.what_wedo_2{
    background: #f4f4f4;
}
.single_wedo{
    position: relative;
    overflow: hidden;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo img{
    width: 100%;
    height: auto;
}
.single_wedo .overlay_wedo{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo .overlay_wedo:after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    background: rgba(230, 43, 74, .7);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo:hover .overlay_wedo:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.single_wedo .overlay_wedo a{
    height: 68px;
    color: #000000;
    line-height: .8;
    font-size: 18px;
    letter-spacing: 0.72px;
    
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 26px 0;
    width: 240px;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.single_wedo .overlay_wedo a:hover{
    color: #fff;
    background: #000;
}

/*----------------------------------------------------
/ 20. Google Map Section
------------------------------------------------------*/
.iletisimsection{
    position: relative;
    padding-top: 10px;
    padding-bottom: 50px;
}
.gmap{
    width: 100%;
    height: 609px;
}
.btn_link{
    position: relative;
    width: 100%;
    line-height: .8;
}
.btn_link a{
    display: inline-block;
    width: 100%;
    height: 143px;
    line-height: .8;
    
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.96px;
    background: #e62b4a;
    padding: 61px 0;
}
.btn_link a:hover{
    background: #000;
    color: #fff;
}
.btn_link.bg_black a{
    background: #000;
}
.btn_link.bg_black a:hover{
    background: #e62b4a;
}

/*----------------------------------------------------
/ 21. About Page
------------------------------------------------------*/
.sayfaBanner {
    position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/kurumsal.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.kategoribanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/kategori.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.projebanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/proje.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.blogbanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/blog.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.katalogbanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/katalog.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.siparisbanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/siparis.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.iletisimbanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/iletisim.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}.arabanner {
       position: relative;
    min-height: 465px;
    background: url(../images/altsayfalar/ara.jpg) no-repeat center center / cover;
    padding-top: 224px;
        overflow: hidden;
}
.hiyerarsi{
    position: relative;
}
.hiyerarsi h4{
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1.8px;
    
    margin: 0 0 12px;
}
.hiyerarsi h4 a{
    color: #fff;
    display: inline-block;
}
.hiyerarsi h4 a:hover{
    color: #000;
}
.hiyerarsi h2 {
    font-size: 70px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.8px;
    margin: 0;
    color: #FFF;
    
}.hiyerarsi h3 {
    font-size: 50px;
    
    font-weight: 700;
    letter-spacing: 2.8px;
    margin: 0;
    color: #FFF;
    
}
.agency_img1{
    position: relative;
    text-align: right;
}
.agency_img1:after{
    position: absolute;
    right: 60px;
    top: 60px;
    border: 10px solid #e62b4a;
    height: 464px;
    width: 530px;
    content: '';
    z-index: 6;
}
.agency_img2{
    position: relative;
    text-align: left;
    z-index: 4;
    margin-top: -184px;
}
.agency_img2 img,
.agency_img1 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}
.compay_date{
    position: absolute;
    right: 60px;
    bottom: 3px;
    z-index: 4;
}
.compay_date h5{
    
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .8;
    color: #000;
    margin: 0 0 3px;
}
.compay_date h2{
    font-size: 110px;
    line-height: .9;
    letter-spacing: 4.4px;
    color: #000;
    margin: 0;
}
.subscribe{
    padding: 100px 0 72px;
    border-bottom: 1px solid #e7e7e7;
}
.our_work{
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 59px;
    position: relative;
}
.videoWrap_2 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 50%;
    z-index: 10;
}
.videoWrap_2 .play_video h2{
    color: #fff;
}
.videoWrap_2 img{
    width: 100%;
    height: 100%;
}
.ab_detail_wrap{
    padding-left: 90px;
}
.ab_detail_wrap .sec_title{
    margin-bottom: 46px;
}
.ab_detail_wrap .sec_desc{
    line-height: 36px;
}

/*----------------------------------------------------
/ 22. Service Page
------------------------------------------------------*/
.referanslar{
    padding-bottom: 82px;
}
.referanslartekil{
    position: relative;
}
.referanslartekil img{
    width: 100%;
    height: auto;
    margin-bottom: 18px;
    border: 1px solid #ddd;
}
.referanslartekil h2{
    
    color: #222232;
    line-height: .8;
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 34px;
}
.referanslartekil p{
    margin: 3px 1px 4px;
    text-align: center;
}.referanslartekil span{
   display: block;
   height: 2px;
   background:#ddd;
}
.referanslartekil h3{
        text-align: center;

    color: #000000;
    font-size: 24px;
 
}
.referanslartekil .gaping{
    padding: 24px 0 0;
}
.referanslartekil .gaping img{
    margin-bottom: 52px;
}
.referanslartekil ul{
    margin: 0;
    padding: 0;
}
.referanslartekil ul li{
    list-style: none;
    display: inline-block;
    line-height: 32px;
    font-size: 16px;
}
.referanslartekil ul li i{
    color: #e62b4a;
    margin-right: 10px;
    line-height: 36px;
}
.sol_iletisim{
    position: relative;
    background: url(../images/s3.jpg) no-repeat center center / cover;
    padding: 47px 50px 47px;;
}
.sol_iletisim h4{
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.72px;
    
    margin: 0 0 40px;
}
.sol_iletisim p{
    color: #aaaaaa;
    margin: 0 0 25px;
    padding-right: 5px;
}
.sol_iletisim h2{
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1.2px;
    
    margin: 0 0 0;
}

/*----------------------------------------------------
/ 23. Portfolio Page
------------------------------------------------------*/
.porfolioPage{}
.folio_mixing{
    position: relative;
    text-align: center;
    margin: 0 0 65px;
}
.folio_mixing ul{
    margin: 0;
    padding: 0;
    line-height: .8;
}
.folio_mixing ul li{
    display: inline-block;
    list-style: none;
    margin: 0 17px 0;
    padding: 0;
    
    font-size: 16px;
    line-height: .8;
    color: #818181;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folio_mixing ul li:after{
    width: 0;
    height: 1px;
    content: '';
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folio_mixing ul li.active,
.folio_mixing ul li:hover{
    color: #000000;
}
.folio_mixing ul li.active:after,
.folio_mixing ul li:hover:after{
    width: 100%;
}
.custom {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.custom .mix {
    display: none;
}
.mt_30{
    margin-top: 30px;
}
.porfolioDetail{
    padding-bottom: 0;
}
.portDetailThumb{
    position: relative;
    margin-bottom: 30px;
}
.portDetailThumb img{
    width: 100%;
    height: auto;
 
}
.nextprevPagination {
    position: relative;

    border-bottom: 1px solid #e7e7e7;
    padding: 51px 0 51px;
    margin-top: 30px;
}
.nextprevPagination a{
    
    color: #000000;
    line-height: .8;
    font-size: 16px;
    letter-spacing: 1.6px;
    margin: 0;
    display: inline-block;
}
.nextprevPagination a.prevFolio i{
    line-height: .8;
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.nextprevPagination a.nextFolio i{
    line-height: .8;
    margin-left: 8px;
    position: relative;
    top: -1px;
}
.nextprevPagination a:hover{
    color: #e62b4a;
}.tekilurun_detay {
    padding-top: 0;
    padding-bottom: 40px;
}
.tekilurunicerik{
    position: relative;
    margin: 0 0 35px;
}
.tekilurunicerik h3{
    font-size: 30px;
    line-height: .8;
    color: #000;
    
    letter-spacing: 1.04px;
    margin: 0 0 39px;
}
.tekilurunicerik h4{
    font-size: 18px;
    line-height: .8;
    color: #000;
    
    letter-spacing: .72px;
    margin: 0 0 9px;
}
.tekilurunicerik p{
    line-height: 30px;
    margin: 0;
}
.tekilurunicerik p a{
    display: inline-block;
    color: #818181;
}
.tekilurunicerik p a:hover{
    color: #e62b4a;
}
.tekilurunicerik ul{
    margin: 17px 0 0;
    padding: 0;
}
.tekilurunicerik ul li{
    list-style: none;
    display: block;
    line-height: .8;
    margin: 0 0 17px;
}
.tekilurunicerik ul li a{
    color: #818181;
    font-size: 12px;
    
    line-height: .8;
    letter-spacing: 1.2px;
    display: inline-block;
    position: relative;
}
.tekilurunicerik ul li a:after{
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.tekilurunicerik ul li a:hover{
    color: #e62b4a;
}
.tekilurunicerik ul li a:hover:after{
    width: 100%;
}
.relatedPortfolio{
    padding-bottom: 90px;
}

/*----------------------------------------------------
/ 24. Blog Page
------------------------------------------------------*/
.meipaly_paginations a, 
.meipaly_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.meipaly_paginations a.next,
.meipaly_paginations a.prev{
    font-size: 20px;
    padding: 12px 0;
    margin: 0 2px;
}
.meipaly_paginations a:after, 
.meipaly_paginations span:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.meipaly_paginations a.prev:after{
    right: auto;
    left: 0;
}
.meipaly_paginations a:hover:after, 
.meipaly_paginations span.current:after{
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.meipaly_paginations a:hover, 
.meipaly_paginations span.current{
    color: #fff;
    background: #000;
}
.tekil_blog{
    position: relative;
}
.blog_thumb{
    position: relative;
    margin: 0 0 0;
}
.blog_thumb img{
    width: 100%;
    height: auto;
}
.blog_headings{
    position: relative;
    margin: -20px 10px 29px;
    background: #fff;
    z-index: 3;
    padding: 30px 30px 0;
}
.blog_headings span.blog_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 89px;
    background: #e62b4a;
    color: #ffffff;
    padding: 11px 0;
    text-align: center;
    
    margin: 0 0 20px;
}
.blog_headings h2{
    
    font-size: 40px;
    color: #000000;
    line-height: 40px;
    letter-spacing: 1.6px;
    margin: 0 0 7px;
}
.blog_headings .blog_metas{
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #818181;
    
    margin: 0;
}
.blog_headings .blog_metas a{
    display: inline-block;
    color: #818181;
    margin: 0 10px;
}
.blog_headings .blog_metas a:first-of-type{
    margin-left: 0;
}
.blog_headings .blog_metas a:hover{
    color: #e62b4a;
}
.blog_details{
    padding: 0px 40px 22px;
}
.blog_details p{
    line-height: 30px;
    margin: 0 0 30px;
}
.blog_tagitems{
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 34px 0 35px;
}
.blog_tagitems span{
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    display: inline-block;
    letter-spacing: 0.80px;
    margin-right: 3px;
}
.blog_tagitems a{
    display: inline-block;
    color: #818181;
    line-height: 30px;
    font-size: 16px;
}
.blog_tagitems a:hover{
    color: #000;
}
.post_author{
    position: relative;
    background: #f4f4f4;
    padding: 57px 70px 60px 270px;
    margin-bottom: 60px;
}
.post_author img{
    width: 170px;
    height: 190px;
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.post_author h3{
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.80px;
    margin: 0 0 39px;
}
.post_author h3 a{
    color: #000;
}
.post_author h3 a:hover{
    color: #e62b4a;
}
.post_author p{
    line-height: 30px;
    margin: 0 0 16px;
}
.post_author > a{
    color: #e62b4a;
    line-height: .8;
    display: inline-block;
    position: relative;
    letter-spacing: 1.2px;
    
    font-size: 12px;
}
.post_author > a:after{
    width: 100%;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.post_author > a:hover{
    color: #000;
}
.post_author > a:hover:after{
    background: #000;
}
.comment_area{
    position: relative;
}
.comment_area h3{
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #000000;
    
    margin: 0 0 61px;
}
.comment_area ol{
    margin: 0;
    padding: 0;
}
.comment_area ol li{
    list-style: none;
    display: block;
    margin: 0;
}
.single-comment{
    position: relative;
    padding-left: 143px;
    padding-right: 100px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 55px;
    margin-bottom: 60px;
}
.single-comment img{
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
}
.single-comment .authorDetails{
    position: relative;
}
.single-comment .authorDetails h5{
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.80px;
    
    margin: 0 0 10px;
}
.single-comment .authorDetails h5 a{
    color: #000;
}
.single-comment .authorDetails h5 a:hover{
    color: #e62b4a;
}
.single-comment .authorDetails span{
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #e62b4a;
    
    letter-spacing: 1.2px;
    margin: 0 0 27px;
}
.single-comment .comment{
    position: relative;
    margin: 0 0 0;
}
.single-comment .comment p{
    line-height: 30px;
    margin: 0;
}
.single-comment .common_btn.red_bg{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding: 19px 21px;
}
.commentForm{
    position: relative;
}
.commentForm h3{
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #000000;
    
    margin: 0 0 61px;
}
.input-form {
    width: 100%;
    height: 70px;
    background: #f4f4f4;
    border: none;
    text-align: left;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: 0.56px;
    line-height: 70px;
    color: #818181;
    margin: 0 0 30px;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.input-form.reqError {
    border: 1px solid #e62b4a;
}
textarea.input-form {
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
input.input-form[type="text"]::-moz-placeholder,
input.input-form[type="email"]::-moz-placeholder,
textarea.input-form::-moz-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
input.input-form[type="text"]::-ms-input-placeholder,
input.input-form[type="email"]::-ms-input-placeholder,
textarea.input-form::-ms-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
input.input-form[type="text"]::-webkit-input-placeholder,
input.input-form[type="email"]::-webkit-input-placeholder,
textarea.input-form::-webkit-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.commentForm .common_btn.red_bg {
    padding: 28px 42.5px;
}
input.input-form:focus,
textarea.input-form:focus{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-right: 4px solid #e62b4a;
    background: #fff;
}
.sidebar .widget {
    position: relative;
    margin-bottom: 30px;
}
.sidebar .widget.search-widget {
    padding: 0;
}
.sidebar .widget form.searchform {
    margin: 0;
    padding: 0;
}
.sidebar .widget form.searchform input {
    width: 100%;
    height: 91px;
    border: none;
    border-radius: 0;
    background: #000;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 50px;
    
    outline: none;
}
.sidebar .widget form.searchform input::-moz-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget form.searchform input::-ms-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget form.searchform input::-webkit-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget_title {
    font-size: 18px;
    
    line-height: .8;
    letter-spacing: 0.72px;
    margin: 0 0 -2px;
    padding: 23px 48px 24px;
    border: 2px solid #f4f4f4;
}
.blog_sol_menu{
    position: relative;
    background: #f4f4f4;
    padding: 50px;
}
.mpw_item{
    position: relative;
    padding-left: 80px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 21px;
}
.mpw_item:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.mpw_item img{
    width: 60px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
}
.mpw_item a{
    
    font-size: 16px;
    line-height: 24px;
    color: #818181;
    display: inline-block;
    margin: 3px 0 0;
}
.mpw_item a:hover{
    color: #000;
}
.resat_widget{
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}
.resat_widget ul{
    margin: 0;
    padding: 0;
}
.resat_widget ul li{
    list-style: none;
    display: block;
    margin: 0 0 12px;
}
.resat_widget ul li:last-of-type{
    margin-bottom: 0
}
.resat_widget ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #818181;
}
.resat_widget ul li a:hover{
    color: #000;
}
.meipaly_tagcloude_widget{
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}
.meipaly_tagcloude_widget a{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.meipaly_tagcloude_widget a:hover{
    color: #000;
}

/*----------------------------------------------------
/ 25. Contct Page
------------------------------------------------------*/
.contactFrom{
    position: relative;
    text-align: center;
}
.contactFrom textarea.input-form{
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
.contactFrom .common_btn.red_bg{
    padding: 28px 42.5px;
}

/*------------------------------------------------------------------------------
/ 26. Popup Search
------------------------------------------------------------------------------*/
.araFixed{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.98);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.popupBG{
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}
.searchForms {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.searchForms button[type="submit"] {
    padding: 0 0;
    outline: none;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: .9;
    color: #fff;
    position: absolute;
    height: 100%;
    width: 60px;
    
    right: 15px;
    top: -2px;
    text-align: center;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.searchForms button[type="submit"]:hover{
    color: #e62b4a;
}
.searchForms input{
    width: 100%;
    height: 91px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: none;
    font-size: 24px;
    color: #fff;
    
    padding-left: 10px;
    font-weight: 300;
}
.searchForms input:focus{
    outline:none;
    box-shadow: none;
}
.searchForms input::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchForms input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchForms input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchForms input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.sfCloser{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 30px;
    
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}
.sfCloser:after{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.sfCloser:before{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.sfCloser:hover{
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255,255,255, .2);
}
.sfCloser:hover:after,
.sfCloser:hover:before{
    background: #e62b4a;
}

/*------------------------------------------------------------------------------
/ 27. Popup Menu
------------------------------------------------------------------------------*/
.popup {
    background: #0c0c0ce0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    opacity: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
    z-index: 1000;
}
.close-popup{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}
.close-popup:after{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:before{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:hover{
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255,255,255, .2);
}
.close-popup:hover:after,
.close-popup:hover:before{
    background: #e62b4a;
}
.logo2{
    z-index: 99;
    position: absolute;
    left: 0;
    top: 30px;
}
.footer__contacts{
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    padding-left: 0;

}
.popUp_social{
    position: absolute;
    right: 0;
    bottom: 34px;
    padding: 0;
}
.popUp_social ul{
    margin: 0;
    padding: 0;
}
.popUp_social ul li {
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    display: inline-block;
}
.popUp_social ul li:last-of-type{
    margin-right: 0;
}
.popUp_social ul li a {
    font-size: 14px;
    letter-spacing: 0.56px;
        color: #fff;
    margin: 0;
    display: block;
    text-align: left;
}
.popUp_social ul li a i {
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}
.popUp_social ul li a:hover{
    color: #fff;
}
.footer__contacts li{
    list-style: none;
    display: block;
    font-size: 16px;
        color: #fff;
    line-height: 22px;
    margin: 0 0 7px;
}
.footer__contacts li:last-child{
    margin-bottom: 0;
}
.popup__btn-close {
    background-color: transparent;
    border: 0;
    letter-spacing: .3rem;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 700;
    
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 1;
}
.popup__btn-close:hover {
    opacity: .5;
}
.popup-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transform: translateY(-100%);
    transition: all 0.6s 1000ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}
.show-popup .popup-inner, .show-overlay-nav .popup-inner {
    transform: translateY(0);
}
.show-popup .popup.popup-overlay, .show-overlay-nav .popup.popup__menu {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    transform: translateY(0);
}
.show-popup,
.show-overlay-nav {
    overflow: hidden;
}
.popup.popup__menu {
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}
.popup.popup__menu .popup-inner {
    display: flex;
}
.show-overlay-nav .popup.popup__menu.popup__menu {
    box-shadow: none;
    overflow: hidden;
}
.show-overlay-nav .top {
    background-color: transparent;
    box-shadow: none;
}

.dl-menu__wrap {
    height: auto;
    position: relative;
    perspective: 600px;
    perspective-origin: 50% -200%;
    text-align: center;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}
.dl-menu__wrap ul {
    list-style: none;
    padding: 0;
    transform-style: preserve-3d;
}
.dl-menu__wrap ul li {
    margin: 13px 0;
    position: relative;
    display: block;
}
.dl-menu__wrap ul li a {
    color: #FFF;
    
    font-size: 16px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.dl-menu__wrap ul li a::after {
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -webkit-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: -1;
}
.dl-menu__wrap ul li.menu-item-has-children > a{
    position: relative;
}
.dl-menu__wrap ul li.menu-item-has-children > a:before{
    position: absolute;
    right: -18px;
    top: 2px;
    content: "\f107";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: 'fontAwesome';
    font-size: 12px;
    color: #fff;
    line-height: .8;
}
.dl-menu__wrap ul li.menu-item-has-children > a:hover:before{
    transform: rotate(-180deg);
}
.dl-menu__wrap ul li.active > a::after,
.dl-menu__wrap ul li a:hover::after {
    width: 100%;
}
.dl-menu__wrap ul li .dl-submenu {
    display: none;
}
.dl-menu__wrap .dl-menu {
    margin: 0;
    pointer-events: none;
    transform: translateY(10px);
    backface-visibility: hidden;
    width: 100%;
}
.dl-menu__wrap .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}
.dl-menu__wrap .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
.dl-menu__wrap .dl-menu.dl-subview li,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > a, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview > a {
    display: none;
}
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview .dl-submenu, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > 
.dl-submenu, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}
.dl-menu__wrap .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}
.dl-menu__wrap .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}
.dl-menu__wrap .dl-menu .dl-back a {
    position: relative;
    width: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.dl-menu__wrap .dl-menu .dl-back a:before {
    content: '';
    background-color: transparent;
    background-image: url(../images/arrow-back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 26px;
}
.dl-menu__wrap .dl-menu .dl-back a:after{
    display: none;
}
.dl-menu__wrap .dl-menu.dl-subview .dl-back {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.dl-menu__wrap > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}
@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

/*----------------------------------------------------
/ 28. preloder
------------------------------------------------------*/
.acilis {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.la-ball-circus,.la-ball-circus>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-circus{display:block;font-size:0;color:#fff}
.la-ball-circus.la-dark{color:#FFF}
.la-ball-circus>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-circus{width:16px;height:16px}
.la-ball-circus>div{position:absolute;top:0;left:-100%;display:block;width:16px;width:100%;height:16px;height:100%;border-radius:100%;opacity:.5;-webkit-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-moz-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-o-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1)}
.la-ball-circus>div:nth-child(1){-webkit-animation-delay:0s,-0.5s;-moz-animation-delay:0s,-0.5s;-o-animation-delay:0s,-0.5s;animation-delay:0s,-0.5s}
.la-ball-circus>div:nth-child(2){-webkit-animation-delay:-0.5s,-1s;-moz-animation-delay:-0.5s,-1s;-o-animation-delay:-0.5s,-1s;animation-delay:-0.5s,-1s}
.la-ball-circus>div:nth-child(3){-webkit-animation-delay:-1s,-1.5s;-moz-animation-delay:-1s,-1.5s;-o-animation-delay:-1s,-1.5s;animation-delay:-1s,-1.5s}
.la-ball-circus>div:nth-child(4){-webkit-animation-delay:-1.5s,-2s;-moz-animation-delay:-1.5s,-2s;-o-animation-delay:-1.5s,-2s;animation-delay:-1.5s,-2s}
.la-ball-circus>div:nth-child(5){-webkit-animation-delay:-2s,-2.5s;-moz-animation-delay:-2s,-2.5s;-o-animation-delay:-2s,-2.5s;animation-delay:-2s,-2.5s}
.la-ball-circus.la-sm{width:8px;height:8px}
.la-ball-circus.la-sm>div{width:8px;height:8px}
.la-ball-circus.la-2x{width:32px;height:32px;  left: 0; top: 0; right: 0; margin: auto; bottom: 0; position: absolute;}
.la-ball-circus.la-2x>div{width:32px;height:32px}
.la-ball-circus.la-3x{width:48px;height:48px}
.la-ball-circus.la-3x>div{width:48px;height:48px}@-webkit-keyframes ball-circus-position{50%{left:100%}}@-moz-keyframes ball-circus-position{50%{left:100%}}@-o-keyframes ball-circus-position{50%{left:100%}}@keyframes ball-circus-position{50%{left:100%}}@-webkit-keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-moz-keyframes ball-circus-size{50%{-moz-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-o-keyframes ball-circus-size{50%{-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);-moz-transform:scale(0.3, 0.3);-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}


/*----------------------------------------------------
/ 29. Bact To Top
------------------------------------------------------*/
.showit {
    background: #e62b4a;
    bottom: 60px;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
}
.showit:hover{
    background: #000;
    color: #fff;
}
/*----------------------------------------------------
/ 30. Color Preset
------------------------------------------------------*/
.color_settings {
    position: fixed;
    backface-visibility: hidden;
    left: -240px;
    top: 25%;
    width: 240px;
    box-sizing: border-box;
    padding: 25px 20px 20px;
    z-index: 1000;
    background: #fff;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.color_settings .switch-btn {
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 18px;
    color: #000;
    border: none;
    position: absolute;
    line-height: .8;
    padding: 11px 0;
    top: 20px;
    right: -40px;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1) inset;
    text-align: center;
}
.color_settings .color_preset button {
    background: #fff;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 50px;
    display: block;
    float: left;
    margin: 5px;
    outline: none;
}
.color_settings .color_preset button.active{
    opacity: .2;
}
.color_settings .color_preset h4{
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: .8;
    font-weight: 500;
    
    padding: 9px 0;
    margin: 0 0 7px;
    border: 2px solid #f5f6fa;
}
.color_settings .switch-btn.active,
.color_settings .switch-btn:hover{
    color: #e62b4a;
}@media (max-width: 767px) {
.tmenu {

position: relative;
background: #000;
    padding: 29px 2px 0 1px;

    }.navigator {

margin-top: 0px !important; 
}.footer .aboutwidget {
    padding-right: 0px;
    margin-top: -8px;
}.footer .contact_widgets {
 padding-left: 0px;
 text-align: center;
}.footer .widget {
text-align: center;
}

}
/*
Theme Name: Meipaly
Theme URI: http://layerdrops.com/
Author: Layerdrops
Author URI: http://layerdrops.com/
Description: Meipaly - Fine One Page Parallax HTML5 Responsive Template
Version: 1.0
License:
License URI:
*/

/*=======================================================================
 [Table of contents]
=========================================================================
1. Mobile Responsive
    a. Mobile Responsive 2
2. Small Device
3. Responsive For Small Device
4. Responsive For large Device

*/
/*------------------------------------------------------------------------------------
/ 1. Mobile Responsive. Responsive For Extra Small Device like: Mobile, Iphone etc
--------------------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px){
    .mainmenu{
        padding: 0;
        margin: 0 -15px;
    }
    .mainmenu > ul {
        text-align: center;
        display: none;
        position: absolute;
        z-index: 10;
        background: #000;
        left: 0;
        top: -2px;
        padding: 30px 15px 20px;
        height: 300px;
        width: 100%;
        overflow-y: scroll;
        border-top: 1px solid rgba(255, 255, 255, .10);
    }
    .mainmenu ul li{
        display: block;
        padding: 0 0 32px;
    }
    .mainmenu ul li a{
        display: inline-block;
    }
    .mainmenu > ul > li.menu-item-has-children > a:before {
        position: absolute;
        right: -18px;
        top: 2px;
        content: "\f107";
        transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
        font-family: 'fontAwesome';
        font-size: 12px;
        color: #fff;
        line-height: .8;
    }
    .black_color .mainmenu ul ul.sub-menu,
    .mainmenu ul ul.sub-menu{
        top: 20px;
        display: none;
        width: 100%;
        padding: 0;
        visibility: visible;
        opacity: 1;
        left: auto;
        margin: auto;
        position: relative;
        right: auto;
        text-align: center;
        transform: none;
        z-index: 2;
        transition: none;
        padding: 15px 0 2px;
    }
    .mainmenu ul ul.sub-menu:before{
        border-bottom: none;
        border-top: 5px solid rgba(255, 255, 255, 0.98);
        transition: none;
    }
    .black_color .mainmenu ul li:hover ul.sub-menu,
    .mainmenu ul li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1;
        top: 20px;
    }

    .mainmenu > ul > li.menu-item-has-children > a:hover:before, 
    .mainmenu > ul > li.menu-item-has-children.active > a:before{
        transform: rotate(-180deg);
        color: #fff;
    }
    .mainmenu > ul > li.active > a:after{
        width: 100%;
    }
    .black_color .mainmenu ul li a{
        color: #fff;
    }
    .black_color .mainmenu ul ul.sub-menu{
        background: transparent;
        box-shadow: none;
    }
    .black_color .mainmenu ul li.active a,
    .black_color .mainmenu ul li a:hover{
        color: #fff;
    }
    .black_color .mainmenu ul li.active a:after,
    .black_color .mainmenu ul li a:after{
        background: #fff;
    }

    .header_01{
        padding: 39px 0 0;
    }
    .navigator{
        padding-top: 0;
        margin-top: -72px;
    }
    .navigator a.search {
        margin-right: 10px;
    }
    .close-popup {
        top: 20px;
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .close-popup:after, .close-popup:before {
        right: 13px;
        top: 19px;
    }
    .container.mobileContainer {
        width: 100%;
    }
    .logo2 {
        left: 15px;
        top: 20px;
    }
    .dl-menu__wrap ul li{
        margin: 5px 0;
    }
    .dl-menu__wrap ul li a{
        font-size: 14px;
    }
    .footer__contacts{
        text-align: center;
        padding: 0 5px;
        bottom: 55px;
        left: 0;
        right: 0;
    }
    .footer__contacts li{
        font-size: 13px;
        margin: 0;
    }
    .popUp_social{
        text-align: center;
        text-align: center;
        right: 0;
        left: 0;
        bottom: 15px;
    }
    .popUp_social ul li{
        margin-right: 10px;
    }
    .popUp_social ul li a{
        font-size: 13px;
    }
    .popUp_social ul li a i{
        margin-right: 5px;
        font-size: 14px;
    }
    .searchForms button[type="submit"]{
        width: 40px;
        font-size: 15px;
    }
    .searchForms input{
        font-size: 15px;
        height: 70px;
    }
    .rev_slider .tp-leftarrow.me_arrows, 
    .rev_slider .tp-rightarrow.me_arrows{
        width: 40px;
        height: 40px;
        padding: 10px 0;
    }
    .rev_slider .tp-leftarrow.me_arrows{
        left: -50px !important;
    }
    .rev_slider .tp-rightarrow.me_arrows{
        right: -90px !important;
        left: auto !important;
    }
    .sec_title{
        font-size: 34px;
        letter-spacing: 1px;
        line-height: 50px;
    }
    .sec_title br{
        display: none;
    }
    .sec_desc br{
        display: none;
    }
    .custom_column .col-lg-3{
        width: 100%;
    }
    .icon_box_1{
        margin-bottom: 30px;
    }
    .PR_79{
        padding-right: 15px;
        text-align: center;
    }
    .ab_img1{
        position: relative;
        margin: 50px 0 0;
    }
    .ab_img2{
        position: relative;
        top: 30px;
    }
    .ab_img2:after{
        display: none;
    }
    .ab_img2 img,
    .ab_img1 img{
        width: 100%;
    }
    .videoWrap{
        margin-bottom: 50px;
    }
    .play_video a.video_popup{
        width: 45px;
        height: 45px;
        font-size: 15px;
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .play_video h2{
        font-size: 20px;
        letter-spacing: 1px;
    }
    .subscribefrom{
        text-align: left;
    }
    .subscribefrom input[type="email"]{
        width: 100%;
        margin-bottom: 15px;
    }
    .subscribefrom .common_btn.red_bg{
        margin-left: 0;
    }
    .BR{
        border-right: none;
    }
    .CL_content img{
        width: 100%;
    }
    .abc_inner{
        margin-top: 0;
    }
    .abci_content{
        margin-left: 0;
        padding: 50px 0 0;
    }
    .abci_content h2{
        font-size: 36px;
        letter-spacing: 1px;
        line-height: 50px;
    }
    .team_slider .slick-slide{
        margin: 0 10px;
    }
    .singleTM:hover .tm_overlay a.common_btn,
    .singleTM:hover .team_social{
        left: 40px;
    }
    .testimonial_content{
        padding: 0;
    }
    .testimonial_content h2{
        font-size: 36px;
        letter-spacing: 1px;
        line-height: 50px;
    }
    .testimonial_content p br{
        display: none;
    }
    .lbi_details{
        padding: 30px 10px 0;
    }
    .lbi_details h2{
        font-size: 22px;
    }
    .ready_2 .common_btn,
    .ready .common_btn{
        float: left;
        margin-top: 30px;
    }
    .footer_1 .aboutwidget{
        padding-right: 0;
        margin-top: 0;
    }
    .footer_1 .widget{
        padding-bottom: 40px;
        padding-left: 0;
    }
    .footer_1 .contact_widgets p:first-of-type {
        margin-bottom: 15px;
    }
    .footer_1 .widget.social_widget{
        padding-bottom: 80px;
    }
    .icon_box_2{
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .features_content{
        padding-right: 0;
    }
    .singleFeature:last-child {
        margin-bottom: 56px;
    }
    .features_img{
        padding-right: 15px;
    }
    .features_img img{
        width: 100%;
    }
    .img_details{
        padding: 15px;
    }
    .img_details h4{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 24px;
    }
    .dots_owl{
        right: 30px;
    }
    .testimoniTab ul li a .author_detail h5{
        line-height: 22px;
    }
    .testi_con{
        padding-top: 100px;
    }
    .chooseUs_title li{
        width: 100%;
    }
    .chooseUs_title li a{
        padding: 32px 0;
        font-size: 18px;
    }
    .wh_choose ul li{
        line-height: 20px;
        margin-bottom: 10px;
    }
    .single_wedo{
        margin-bottom: 30px;
    }
    .gmap{
        height: 300px;
    }
    .btn_link a{
        height: 100px;
        padding: 41px 0;
        font-size: 20px;
    }
    .singleClient_2{
        margin-bottom: 30px;
    }
    .banner_content h2{
        font-size: 36px;
        line-height: 1.2;
    }
    .serviceArea h2{
        font-size: 32px;
        line-height: 1.2;
    }
    .serviceArea h3{
        margin-bottom: 30px;
        line-height: 1.2;
    }
    .serviceArea ul{
        margin: 0 0 30px;
    }
    .sidebar{
        margin-top: 50px;
    }
    .sidebar .widget_title{
        padding-left: 28px;
    }
    .meipaly_services_help,
    .meipaly_post_widget,
    .meipaly_tagcloude_widget,
    .meipaly_categorie_widget{
        padding-left: 30px;
        padding-right: 30px;
    }
    .folio_mixing{
        margin-bottom: 50px;
    }
    .folio_mixing ul li{
        margin-bottom: 20px;
    }
    .custom .mix{
        width: 100%;
    }
    .blog_headings{
        padding: 30px 10px 0;
    }
    .blog_headings h2{
        font-size: 30px;
    }
    .blog_headings .blog_metas a{
        margin: 0 5px;
    }
    .blog_details{
        padding-left: 20px;
        padding-right: 20px;
    }
    .post_author{
        padding-left: 20px;
        padding-right: 15px;
        padding-top: 150px;
    }
    .post_author img{
        width: 100px;
        height: 110px;
        left: 20px;
        right: auto;
        top: 20px;
        bottom: auto;
    }
    .post_author h3{
        margin-bottom: 20px;
    }
    .single-comment img{
        width: 75px;
        height: 80px;
    }
    .single-comment{
        padding-left: 85px;
        padding-right: 0;
        padding-bottom: 100px;
    }
    .single-comment .common_btn.red_bg{
        left: 85px;
        right: auto;
        bottom: 30px;
        top: auto;
    }
    .single-comment .authorDetails span{
        margin-bottom: 10px;
    }
    .sidebar .widget form.searchform input{
        padding: 0 30px;
    }
    .mpw_item a{
        font-size: 15px;
    }
    .agency_img1{
        margin-top: 45px;
    }
    .agency_img2{
        margin: 30px 0 40px;
    }
    .agency_img1:after{
        display: none;
    }
    .compay_date{
        position: relative;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .videoWrap_2{
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    .ab_detail_wrap{
        padding: 0;
        text-align: center;
    }



    .showit{
        right: 20px;
        bottom: 20px;
    }
}

/*------------------------------------------------------------------------------------
/ 1.a. Mobile Responsive 2.
--------------------------------------------------------------------------------------*/
@media (min-width: 481px) and (max-width: 767px){
    .rev_slider .tp-leftarrow.me_arrows, 
    .rev_slider .tp-rightarrow.me_arrows{
        width: 50px;
        height: 48px;
        padding: 14px 0;
    }
    .subscribefrom input[type="email"]{
        width: 470px;
    }
    .banner_content h2{
        font-size: 44px;
    }
}

/*----------------------------------------------
/ 2. Responsive For Small Device.  like: Tab
-----------------------------------------------*/
@media (min-width: 768px) and (max-width: 990px){
    .rev_slider .tp-leftarrow.me_arrows, 
    .rev_slider .tp-rightarrow.me_arrows{
        width: 60px;
        height: 60px;
        padding: 19px 0;
    }
    .rev_slider .tp-leftarrow.me_arrows{
        left: -35px !important;
    }
    .rev_slider .tp-rightarrow.me_arrows{
        right: -95px !important;
        left: auto !important;
    }
    .header_01{
        padding-left: 0;
        padding-right: 0;
    }
    .mainmenu ul li{
        padding: 0 12px 53px;
    }
    .mainmenu ul li:first-of-type{
        padding-left: 0;
    }
    .mainmenu ul li:last-of-type{
        padding-right: 0;
    }
    .mainmenu ul li a{
        font-size: 14px;
    }
    .footer__contacts{
        padding-left: 10px;
    }
    .logo2{
        left: 20px;
    }
    .sec_title{
        font-size: 40px;
    }
    .sec_title br{
        display: none;
    }
    .custom_column .col-lg-3{
        width: 33.33333333%;
    }
    .icon_box_2,
    .icon_box_1{
        margin-bottom: 30px;
    }
    .icon_box_2 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .front, .back{
        padding-left: 50px;
        padding-right: 50px;
    }
    .PR_79{
        padding-right: 15px;
    }
    .MB_45{
        margin-bottom: 30px;
    }
    .ab_img1{
        position: relative;
        float: right;
        right: -5px;
    }
    .ab_img2:after{
        width: 350px;
        left: 15px;
    }
    .subscribefrom input[type="email"]{
        width: 100%;
    }
    .subscribefrom .common_btn.red_bg{
        margin-top: 15px;
    }
    .BR{
        border: none;
    }
    .abci_content{
        padding: 40px 0 0 20px;
    }
    .abci_content h2{
        font-size: 40px;
        line-height: 50px;
    }
    .abci_content p{
        margin-bottom: 47px;
    }
    .testimonial_content{
        padding: 0;
    }
    .testimonial_content h2{
        font-size: 40px;
        line-height: 56px;
        letter-spacing: 1px;
    }
    .lbi_details{
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer_1 .aboutwidget{
        padding-right: 0;
    }
    .footer_1 .contact_widgets{
        padding-left: 0;
    }
    .features_content{
        padding-bottom: 50px;
        padding-right: 100px;
    }
    .features_img img{
        width: 100%;
    }
    .chooseUs_title li a{
        font-size: 16px;
        padding: 40px 0;
    }
    .singleClient_2,
    .single_wedo{
        margin-bottom: 30px;
    }
    .gmap{
        height: 450px;
    }
    .btn_link a{
        font-size: 22px;
        height: 120px;
        padding: 51px 0;
    }
    .banner_content h2{
        font-size: 60px;
    }
    .sidebar .widget_title{
        padding-left: 13px;
    }
    .meipaly_services_help,
    .meipaly_post_widget,
    .meipaly_tagcloude_widget,
    .meipaly_categorie_widget{
        padding-left: 15px;
        padding-right: 15px;
    }
    .sidebar .widget form.searchform input{
        padding: 0 15px;
        height: 70px;
    }
    .mpw_item{
        padding-left: 70px;
    }
    .mpw_item a{
        font-size: 14px;
        letter-spacing: 0;
    }
    .serviceArea ul,
    .serviceArea h3{
        margin-bottom: 30px;
    }
    .singlePortfoio_content h3{
        margin-bottom: 20px;
    }
    .singlePortfoio_content{
        margin-bottom: 28px;
    }
    .nextprevPagination{
        padding: 35px 0;
    }
    .blog_headings{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog_headings h2{
        font-size: 32px;
    }
    .blog_details {
        padding: 0px 25px 22px;
    }
    .post_author{
        padding-left: 150px;
        padding-right: 15px;
    }
    .post_author img{
        left: 15px;
        width: 120px;
        height: 140px;
        top: -10px;
    }
    .post_author h3{
        margin-bottom: 10px;
    }
    .post_author p{
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 30px;
    }
    .single-comment{
        padding-left: 127px;
        padding-right: 80px;
    }
    .single-comment .authorDetails span{
        margin-bottom: 15px;
    }
    .agency_img2{
        margin-top: -20px;
        margin-right: 180px;
    }
    .agency_img1:after{
        width: 380px;
        height: 400px;
        top: 30px;
        right: 30px;
    }
    .compay_date{
        right: 15px;
        bottom: 0;
    }
    .compay_date h2{
        font-size: 70px;
    }
    .ab_detail_wrap{
        padding: 0;
    }
    .ab_detail_wrap .sec_title{
        margin-bottom: 20px;
        line-height: 50px;
        font-size: 32px;
        letter-spacing: 1px;
    }
    .videoWrap_2 .play_video h2{
        font-size: 36px;
    }
    .videoWrap_2 .play_video a.video_popup{
        width: 80px;
        height: 80px;
        padding: 27px 0;
        font-size: 25px;
    }
    .ab_detail_wrap .sec_desc{
        line-height: 32px;
    }
    .testimoniTab .sec_title{
        font-size: 34px;
    }
    .testimoniTab ul li a .author_detail h5{
        line-height: 22px;
    }
    .testi_con p{
        font-size: 18px;
        line-height: 32px;
    }

}

/*-------------------------------------------------------------------------
/ 3. Responsive For Medium Device. like: Desktop with 1024px resolution
----------------------------------------------------------------------------*/
@media (min-width: 991px) and (max-width: 1199px){
    .rev_slider .tp-leftarrow.me_arrows, 
    .rev_slider .tp-rightarrow.me_arrows{
        width: 60px;
        height: 60px;
        padding: 19px 0;
    }
    .rev_slider .tp-leftarrow.me_arrows{
        left: -40px !important;
    }
    .rev_slider .tp-rightarrow.me_arrows{
        right: -100px !important;
        left: auto !important;
    }
    .header_01{
        padding-left: 0;
        padding-right: 0;
    }
    .mainmenu ul li:first-of-type{
        padding-left: 0;
    }
    .mainmenu ul li:last-of-type{
        padding-right: 0;
    }
    .PR_79{
        padding-right: 15px;
    }
    .ab_img2:after{
        width: 100%;
        left: 20px;
    }
    .front, .back{
        padding-left: 25px;
        padding-right: 25px;
    }
    .abci_content h2,
    .sec_title{
        font-size: 44px;
    }
    .subscribefrom input[type="email"]{
        width: 390px;
    }
    .abci_content{
        padding-left: 70px;
        padding-top: 55px;
    }
    .testimonial_content{
        padding: 0;
    }
    .lbi_details{
        padding-left: 15px;
        padding-right: 15px;
    }
    .lbi_details h2{
        font-size: 22px;
    }
    .ready_2 .common_btn,
    .ready .common_btn {
        padding: 28px 38.5px;
    }
    .footer_1 .aboutwidget{
        padding-right: 0;
    }
    .footer_1 .contact_widgets{
        padding-left: 0;
    }
    .icon_box_2{
        padding-left: 15px;
        padding-right: 15px;
    }
    .features_content{
        padding-right: 0;
    }
    .features_img img{
        width: 100%;
    }
    .img_details{
        padding: 20px 40px 20px 25px;
    }
    .img_details h4{
        font-size: 18px;
    }
    .singleFeature{
        margin-bottom: 32px;
    }
    .gmap{
        height: 500px;
    }
    .singleClient_2{
        padding-left: 30px;
    }
    .sidebar .widget_title{
        padding-left: 28px;
    }
    .meipaly_services_help,
    .meipaly_post_widget,
    .meipaly_tagcloude_widget,
    .meipaly_categorie_widget{
        padding-left: 30px;
        padding-right: 30px;
    }
    .sidebar .widget form.searchform input{
        padding: 0 30px;
    }
    .serviceArea h3{
        margin-bottom: 20px;
    }
    .serviceArea ul{
        margin-top: -25px;
    }
    .blog_headings{
        padding: 30px 20px 0;
    }
    .blog_details{
        padding: 0 30px 22px; 
    }
    .blog_headings h2{
        font-size: 36px;
    }
    .post_author{
        padding-left: 250px;
        padding-right: 30px;
    }
    .post_author img{
        left: 50px;
    }
    .agency_img1:after{
        width: 450px;
    }
    .agency_img2{
        margin-top: -160px;
        margin-right: 140px;
    }
    .compay_date{
        right: 10px;
        bottom: 0;
    }
    .compay_date h2{
        font-size: 60px;
        letter-spacing: 2px;
    }
    .ab_detail_wrap{
        padding: 0;
    }
    .ab_detail_wrap .sec_title{
        margin-bottom: 25px;
        font-size: 40px;
    }
    .ab_detail_wrap .sec_desc{
        line-height: 32px;
    }
    .videoWrap_2 .play_video h2{
        font-size: 40px;
    }
}
/*---------------------------------------------------------------------------------------------------------
/ 4. Responsive For large Device. like: laptop and other large screen those have minimum 1200px resolution
-----------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1600px){
    .rev_slider .tp-caption.layer_1{
        top: 30px !important;
    }
    .rev_slider .tp-caption.layer_2{
        font-size: 70px !important;
        line-height: 80px !important;
    }
    .rev_slider .tp-caption.layer_3{
        bottom: 54px !important;
    }
    .rev_slider.slider_2 .tp-caption.layer_1,
    .rev_slider.slider_2 .tp-caption.layer_2,
    .rev_slider.slider_2 .tp-caption.layer_3{
        left: 80px !important;
    }
    .rev_slider.slider_2 .tp-caption.layer_1{
        top: 45px !important;
    }
    .rev_slider.slider_2 .tp-caption.layer_3{
        bottom: 78px !important;
    }
}