/*
Theme Name: Meipaly
Theme URI: http://themewar.com/wp/meipaly/
Author: ThemeWar
Author URI: http://themewar.com/
Description: Digital Services Agency WordPress Theme
Version: 1.0
License: 
License URI: 
Text Domain: meipaly
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*=======================================================================
[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
*/

/*----------------------------------------------------
/ 1. Header 01
------------------------------------------------------*/
.header_01{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    background: transparent;
    padding: 0 40px 0 45px;
    border-bottom: 2px solid rgba(255, 255, 255, .10);
}
.logged-in .header_01{
    top: 30px;
}
.logo{
    text-align: left;
    padding: 39px 0 39px;
}
.logo img{
    width: auto;
    max-width: 100%;
    height: 35px;
}
.logo .textlogo{
    font-size: 30px;
    font-weight: 900;
    color: #FFF;
    text-transform: none;
    line-height: .89;
    display: inline-block;
}
.logo .textlogo:hover{
    color: #e62b4a;
}
.mainmenu{
    position: relative;
    padding-top: 39px;
}
.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;
    text-transform: uppercase;
    position: relative;
}
.mainmenu ul li 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;
}
.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: #000;
    width: 200px;
    z-index: 9;
    text-align: center;
    padding: 25px 0px 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: center;
    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: 65px;
}
.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 0 20px 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;
}
.mainmenu ul ul.sub-menu ul.sub-menu{
    visibility: hidden;
    opacity: 0;
    left: auto;
    transform: translateX(0px);
    top: 10px;
    right: 100%;
}
.mainmenu ul ul.sub-menu ul.sub-menu:before{
    display: none;
}
.mainmenu ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: -25px;
}


.navigator{
    position: relative;
    padding: 45px 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;
}
.header_01.fixedHeader {
    background: #000;
    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);
}
.logged-in .header_01.fixedHeader{
    top: 30px;
}
.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;
}

/*----------------------------------------------------
/ 1.a. Header 2
------------------------------------------------------*/
.header2 {
    min-height: 110px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.logged-in .header2{
    top: 32px;
}
.logo3 {
    width: 100%;
    position: relative;
    text-align: left;
    padding: 38px 0 36px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.logo3 img {
    height: 35px;
    width: auto;
}
.logo3 .textlogo{
    font-size: 30px;
    font-weight: 900;
    color: #FFF;
    text-transform: none;
    line-height: .89;
    display: inline-block;
}
.logo3 .textlogo:hover{
    color: #e62b4a;
}
.mainMenu2{
    width: 100%;
    text-align: right;
    line-height: .8;
    padding-top: 47px;
}
.mainMenu2 ul{
    margin: 0;
    padding: 0;
    line-height: .8;
}
.mainMenu2 ul li{
    list-style:  none;
    display: inline-block;
    margin-right: 50px;
    position: relative;
    padding-bottom: 50px;
    position: relative;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.header2 .sub-menu > li {
    border-bottom: 1px solid #444;
}
.mainMenu2 ul li:after{
    width: 0%;
    height: 2px;
    background: #e62b4a;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
}
.mainMenu2 ul li:hover:after, .mainMenu2 ul li.active:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.mainMenu2 ul li:last-child{
    margin-right: 0px;
}
.mainMenu2 ul li a{
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    display: inline-block;
}
.mainMenu2 ul li.active a, .mainMenu2 ul li a:hover{
    color: #e62b4a;
}
.mainMenu2 ul li ul.sub-menu {
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 80px;
    transform: translateX(-50%);
    position: absolute;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #000;
}
.mainMenu2 ul li ul.sub-menu li{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.mainMenu2 ul li ul.sub-menu li a{
    color: #fff;    
    font-size: 12px !important;
    margin: 25px 0;
    text-transform: uppercase;
    width: 100%;
}
.mainMenu2 ul li ul.sub-menu li a:hover{
    color: #e62b4a;
}
.mainMenu2 ul li ul.sub-menu li:last-child{
    border-bottom: none;
}
.mainMenu2 ul li:hover ul.sub-menu{
    visibility: visible;
    top: 63px;
    opacity: 1;
}
.mainMenu2 ul li ul.sub-menu ul.sub-menu {
    left: 200px;
    top: 20px;
    visibility: hidden;
    opacity: 0;
}
.mainMenu2 ul li ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.mainMenu2 ul li ul.sub-menu ul.sub-menu.left {
    left: -200px;
    top: 20px;
}
.mainMenu2.overlaymenu ul li ul.sub-menu{
    background: #333;
}
.mainMenu2.overlaymenu ul li ul.sub-menu li{
    border-bottom: 1px solid #4e4848;
}
.mainMenu2.overlaymenu ul li ul.sub-menu li a{
    color: #fff;
}
.headerborder{
    width: 100%;
    position: relative;
    width: 100%;
    height: 1px;
    border-bottom: thin solid rgba(255, 255, 255, .3);
}

.header2.fixedHeader{
    background: rgba(0, 0, 0, .9);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    min-height: 75px;
}
.header2.fixedHeader .headerborder{
    border-bottom: none;
}
.header2.fixedHeader .logo3 {
    padding: 20px 0;
}
.header2.fixedHeader .mainMenu2 {
    padding-top: 35px;
}
.header2.fixedHeader .mainMenu2 ul li:hover ul.sub-menu{
    top: 44px;
}
.header2.fixedHeader .mainMenu2 ul li ul.sub-menu :hover ul.sub-menu{
    top: 0;
}
.header2.fixedHeader .mainMenu2 ul li {
    padding-bottom: 30px;
}
.header2.fixedHeader .mainMenu2 ul li ul.sub-menu li{
    padding-bottom: 0;
}


/*----------------------------------------------------
/ 1.b Header 3
------------------------------------------------------*/
.header3{
    background: #fff;
    height: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
    padding: 0 45px;
    z-index: 99;
}
.header3.fixedHeader{
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 40px;
    z-index: 999;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
}
.logged-in .header2{
    top: 32px;
}
.logo4{
    padding: 22px 0 22px 0;
}
.logo4 img{
    width: auto;
    height: 35px;
}
.logo4 .textlogo{
    font-size: 30px;
    font-weight: 900;
    color: #000;
    text-transform: none;
    line-height: .89;
    display: inline-block;
}
.logo4 .textlogo:hover{
    color: #e62b4a;
}
.mainMenu3{
    position: relative;
    padding-top: 23px;
}
.mainMenu3 > ul{
    margin-bottom: 0;
    padding: 0;
}
.menuInCenter .mainMenu3{
    text-align: center;
}
.menuInRight .mainMenu3{
    text-align: right;
}

.mainMenu3 > ul > li{
    display: inline-block;
    padding-bottom: 32px;
    padding-top: 0;
    position: relative;
    line-height: .8;
}
.mainMenu3 > ul > li > a{
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-right: 1px solid #f2f2f2;
    padding: 2px 35px 3px;
    line-height: .8;
}
.mainMenu3 > ul > li:last-child > a{
    border-right: 0;
}
.menuInRight .mainMenu3 > ul > li:last-child > a{
    padding-right: 0;
}

.mainMenu3 ul li.active > a,
.mainMenu3 ul li.current-menu-item > a,
.mainMenu3 ul li:hover > a{
    color: #e62b4a;
}
.mainMenu3 > ul > li ul.sub-menu{
    position: absolute;
    width: 200px;
    padding: 35px 0;
    background: #000;
    top: 157px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    visibility: hidden;
    opacity: 0;
    text-align: left;
}
.mainMenu3 > ul > li:hover > .sub-menu{
    top: 48px;
    visibility: visible;
    opacity: 1;
}
.mainMenu3 .sub-menu > li{
    display: block;
    position: relative;
    padding: 0 30px;
}
.mainMenu3 .sub-menu > li > a{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    color: #fff;
    border-bottom: 1px solid #4a4a4a;
    padding: 10px 0 10px 5px;
    line-height: 1.5;
}
.mainMenu3 .sub-menu > li:last-child > a{
    border-bottom: 0;  
}
.mainMenu3 .sub-menu > li > a:focus,
.mainMenu3 .sub-menu > li > a:hover{
    color: #e62b4a;
}
.mainMenu3 .sub-menu > li .sub-menu{
    background: #000;
    left: 200px;
    padding: 35px 0;
    position: absolute;
    text-align: left;
    top: 150px;
    width: 200px; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.08);
}
.mainMenu3 .sub-menu > li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.mainMenu3 .sub-menu .sub-menu li{
    display: block;
}
.mainMenu3 .sub-menu .sub-menu li a{
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    color: #fff;
    line-height: 1.5;
    border-bottom: 1px solid #4a4a4a;
    padding: 10px 0 10px 5px;
}
.mainMenu3 .sub-menu .sub-menu li:last-child a{
    border-bottom: 0;
}
.mainMenu3 .sub-menu .sub-menu li a:focus,
.mainMenu3 .sub-menu .sub-menu li a:hover{
    color: #e62b4a;
}
.topSocial{
    text-align: right;
    padding-top: 19px;
}
.topSocial ul{
    text-align: right;
    margin: 0;
    padding: 0;
}
.topSocial ul li{
    display: inline-block;
}
.topSocial ul li a{
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    text-align: center;
    width: 30px;
    margin-left: 7px;
    line-height: .8;
    padding: 9px 0;
    background: #e62b4a;
}
.topSocial ul li a.facebook{
    background: #507cbe;
}
.topSocial ul li a.twitter{
    background: #00abef;
}
.topSocial ul li a.linkedin{
    background: #017AB4;
}
.topSocial ul li a.dribbble{
    background: #E74D89;
}
.topSocial ul li a.behance{
    background: #0056FF;
}
.topSocial ul li a.vk{
    background: #5181B8;
}
.topSocial ul li a.youtube-play{
    background: #FF0000;
}
.topSocial ul li a.pinterest-p{
    background: #CB2027;
}
.topSocial ul li a.vimeo{
    background: #1AB7EA;
}
.topSocial ul li a.tumblr{
    background: #1D3765;
}
.topSocial ul li a:focus,
.topSocial ul li a:hover{
    background: #000;
}

/*----------------------------------------------------
/ 2. Revolution Slider
------------------------------------------------------*/
.rev_slider{
    position: relative;
}
#rev_slider_1_1_wrapper rs-arrow.tp-leftarrow.tparrows,
#rev_slider_1_1_wrapper rs-arrow.tp-rightarrow.tparrows,
.rev_slider .tp-leftarrow,
.rev_slider .tp-rightarrow{
    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_1_1_wrapper rs-arrow.tp-rightarrow.tparrows::before,
.rev_slider .tparrows.tp-rightarrow:before{
    content:"\f105";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

#rev_slider_1_1_wrapper rs-arrow.tp-rightarrow.tparrows::before{
    content:"\f105" !important;
}
#rev_slider_1_1_wrapper rs-arrow.tp-leftarrow.tparrows::before,
.rev_slider .tparrows.tp-leftarrow:before{
    content:"\f104";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
#rev_slider_1_1_wrapper rs-arrow.tp-leftarrow.tparrows::before{
    content:"\f104" !important;
}
#rev_slider_1_1_wrapper rs-arrow.tp-leftarrow.tparrows:hover,
#rev_slider_1_1_wrapper rs-arrow.tp-rightarrow.tparrows:hover,
.rev_slider .tp-leftarrow:hover,
.rev_slider .tp-rightarrow:hover{
    background: rgba(255, 255, 255, 1);
}
.rev_slider .common_btn{
    padding: 28px 45.5px !important;
}
#rev_slider_2_1.rev_slider .tp-leftarrow,
#rev_slider_2_1.rev_slider .tp-rightarrow{
    background: rgba(0, 0, 0, .35);
    color: #FFF;
}
#rev_slider_2_1.rev_slider .tparrows.tp-leftarrow:before,
#rev_slider_2_1.rev_slider .tparrows.tp-rightarrow:before{
    color: #FFF;
}
#rev_slider_2_1.rev_slider .tp-leftarrow:hover,
#rev_slider_2_1.rev_slider .tp-rightarrow: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: block;
    position: relative;
    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 img,
.icon_box_1 .front img{
    height: 71px;
    width: auto;
    margin-bottom: 17px;
    display: inline-block !important;
}
.icon_box_1 .back h3,
.icon_box_1 .front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    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;
}

.sr_slide_1 .owl-controls .owl-nav,
.sr_slide_2 .owl-controls .owl-nav,
.sr_slide_3 .owl-controls .owl-nav{
    display: none;
}
.sr_slide_1 .owl-controls .owl-dots,
.sr_slide_2 .owl-controls .owl-dots,
.sr_slide_3 .owl-controls .owl-dots{
    line-height: .8;
    text-align: center;
    margin-top: 27px;
}
.sr_slide_1 .owl-controls .owl-dots .owl-dot span,
.sr_slide_2 .owl-controls .owl-dots .owl-dot span,
.sr_slide_3 .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;
}
.sr_slide_1 .owl-controls .owl-dots .owl-dot.active span,
.sr_slide_2 .owl-controls .owl-dots .owl-dot.active span,
.sr_slide_1 .owl-controls .owl-dots .owl-dot:hover span,
.sr_slide_2 .owl-controls .owl-dots .owl-dot:hover span{
    background: #000000;
}

.sr_slide_3 .owl-controls .owl-dots .owl-dot.active span,
.sr_slide_3 .owl-controls .owl-dots .owl-dot:hover span{
    background: #e62b4a;
}
.sr_slide_1 .sr_slide_item,
.sr_slide_3 .icon_box_1,
.sr_slide_2 .icon_box_2{
    margin-bottom: 30px;
}
.sr_slide_3 .owl-controls,
.sr_slide_1 .owl-controls,
.sr_slide_2 .owl-controls{
    margin-top: -30px;
}

/*----------------------------------------------------
/ 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;
    -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);
}
.ab_img2{
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 2;
    -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);
}
/*.ab_img2:after{
    position: absolute;
    top: -40px;
    left: 40px;
    content: '';
    border: 10px solid #e62b4a;
    width: 470px;
    height: 458px;
}*/
.ab_border{
    position: absolute;
    top: 60px;
    left: 40px;
    content: '';
    border: 10px solid #e62b4a;
    width: 470px;
    height: 458px;
    z-index: 10;
}
.ab_img1 img,
.ab_img2 img{
    max-width: 100%;
    height: auto;
}
/*----------------------------------------------------
/ 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: #e62b4a;
    color: #fff;
    font-size: 30px;
    line-height: .8;
    padding: 42px 0;
    margin-bottom: 31px;
}
.play_video a.video_popup:hover{
    background: #000;
    color: #fff;
}
.play_video h2{
    font-size: 50px;
    line-height: 1;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}
.subscribefrom{
    position: relative;
}
.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;
    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;
}
.subscribefrom input[type="submit"]{
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #000000;
    color: #fff;
    height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 42.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;
    margin-left: 5px;
}
.subscribefrom input[type="submit"]:hover{
    background: #e62b4a;
    color: #fff;
}
.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;
}
.subscribefrom input[type="email"]: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: #f4f4f4;
}
.mc4wp-alert{
    position: relative;
    margin-top: 12px;
}
.mc4wp-error p {
    color: rgba(216,48,57,.87);
    background: #ffbaba;
    padding: 12px;
}
.mc4wp-success{
    background: #d4edda;
    color: #155724;
    padding: 12px;
    text-align: left;
}
/*----------------------------------------------------
/ 6. Portfolio Section
------------------------------------------------------*/
.porfolio{
    padding-bottom: 90px;
}
.singlefolio {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.noMargin .singlefolio{
    margin: 0;
}
.singlefolio img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.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;
}
.singlefolio:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(230, 43, 74, .8);
    opacity: .8;
    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;
}
.singlefolio .folioHover p{
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: .8;
}
.singlefolio .folioHover a.cate {
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1.2px;
    margin: 0 0 3px;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio .folioHover h4{
    font-size: 20px;
    line-height: .8;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    text-transform: uppercase;
}
.singlefolio .folioHover h4 a{
    color: #fff;    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio: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;
}
.singlefolio:hover .folioHover {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.singlefolio:hover:after{
    width: 100%;
}
.singlefolio .folioHover a.cate:hover,
.singlefolio .folioHover h4 a:hover{
    color: #000;
}

.singleFolio2{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.noMargin .singleFolio2{
    margin-bottom: 0;
}
.singleFolio2 img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.singleFolio2:hover img{
    transform: scale(1.05) rotate(-2deg);
    -moz-transform: scale(1.05) rotate(-2deg);
    -webkit-transform: scale(1.05) rotate(-2deg);
}
.folioHover2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(230, 43, 74, .8);
    text-align: center;
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.singleFolio2:hover .folioHover2{
    opacity: .8;
    visibility: visible;
}
.folioHover2 .fh1_inner > a{
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: .8;
    display: inline-block;
    padding: 14px 0;
}
.folioHover2 .fh1_inner > a:hover{
    background: #000;
    color: #fff;
}
.folioHover2 .fh1_inner > a:first-child{
    margin-right: 5px;
}
.folioHover2 h4{
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    letter-spacing: .80px;
    margin: 18px 0 0;
    text-transform: uppercase;
}
.folioHover2 h4 a{
    color: #FFF;
}
.folioHover2 h4 a:hover{
    color: #000;
}
.fh1_inner{
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);

    opacity: 0;
    visibility: hidden;
    transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
}
.singleFolio2:hover .fh1_inner{
    opacity: 1;
    visibility: visible;
    top: 50%;
}



.singleFolio3{
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.noPadding .folio_sty{
    margin-bottom: 0;
}

.singleFolio3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(230, 43, 74, .8);
    opacity: .8;
    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;
}
.singleFolio3:hover:after{
    width: 80%;
    visibility: visible;
    opacity: .8;
}
.singleFolio3 img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.singleFolio3:hover img{
    transform: scale(1.05) rotate(-2deg);
    -moz-transform: scale(1.05) rotate(-2deg);
    -webkit-transform: scale(1.05) rotate(-2deg);
}
.folioHover3{
    visibility: hidden;
    opacity: 0;
    left: -50px;
    top: 0;
    padding: 39px 30px 39px 50px;
    position: absolute;
    z-index: 3;
    height: 100%;
    width: 80%;
    transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -webkit-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
}
.singleFolio3:hover .folioHover3 {
    visibility: visible;
    opacity: 1;
    left: 0;
}
.folioHover3 p{
    position: relative;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 1.2px;
    color: #fff;
    display: block;
    margin: 0 0 3px;
}
.folioHover3 p a{
    color: #fff;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.folioHover3 h4{
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    text-transform: uppercase;
}
.folioHover3 h4 a {
    color: #fff;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.folioHover3 p a:hover,
.folioHover3 h4 a:hover{
    color: #000;
}
.folioHover3 a.fdbtn{
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: .8;
    display: inline-block;
    padding: 14px 0;
    position: absolute;
    left: 50px;
    bottom: 50px;
    top: auto;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.folioHover3 a.fdbtn:hover{
    background: #000;
    color: #fff;
}
.shuffle_item .folioHover3{
    padding: 30px;
    padding-top: 19px;
    left: -30px;
}
.shuffle_item .folioHover3 a.fdbtn{
    bottom: 30px;
    left: 30px;
}
.noMargin .singleFolio3{
    margin: 0;
}

.singleFolio4{
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.noMargin .singleFolio4{
    margin: 0;
}
.singleFolio4 img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.singleFolio4:hover img{
    transform: scale(1.05) rotate(-2deg);
    -moz-transform: scale(1.05) rotate(-2deg);
    -webkit-transform: scale(1.05) rotate(-2deg);
}
.folioHover4{
    width: calc(100% - 4px);
    position: absolute;
    left: 2px;
    bottom: 2px;
    background: rgba(230, 43, 74, .8);
    opacity: .8;
    padding: 25px 90px 19px 30px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    opacity: 0;
    visibility: hidden;
}
.singleFolio4:hover .folioHover4{
    opacity: .8;
    visibility: visible;
}
.folioHover4 p{
    position: relative;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 1.2px;
    color: #fff;
    display: block;
    margin: 0;
}
.folioHover4 p a{
    color: #fff;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.folioHover4 h4{
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    text-transform: uppercase;
}
.folioHover4 h4 a {
    color: #fff;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.folioHover4 p a:hover,
.folioHover4 h4 a:hover{
    color: #000;
}
.folioHover4 a.fdbtn{
    width: 45px;
    height: 45px;
    background: #fff;
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: .8;
    display: inline-block;
    padding: 14px 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.folioHover4 a.fdbtn:hover{
    background: #000;
    color: #fff;
}
.mt_60{
    margin-top: 60px;
}
.mp_folios .pagination{
    margin: 0;
}

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

/*----------------------------------------------------
/ 8. Trust Client Section
------------------------------------------------------*/
.trustClient{
    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: 87px 0 0 100px;
    margin-left: -17px;
}
.abci_content h2{
    font-size: 50px;
    letter-spacing: 2px;
    color: #000000;
    line-height: 63px;
    text-transform: uppercase;
    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;
}
.singleTM.fixedSingleTM{
    margin-bottom: 20px;
}
.team_slider .slick-slide{
    margin: 0 15px;
    outline: none;
}
.team_slider.slick-dotted.slick-slider{
    margin-bottom: 52px;
}
.tm_img{
    position: relative;
}
.tm_img img{
    max-width: none !important;
    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(230, 43, 74, .7);
    overflow: hidden;
    opacity: .7;
    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;
    text-transform: uppercase;
}
.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: 20px;
    line-height: .8;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    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
------------------------------------------------------*/
.client{
    background: #f4f4f4;
}
.singleClient {
    position: relative;
    width: 100%;
    height: 208px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}
.singleClient a img {
    max-width: 119px;
    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;
}
.singleClient: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;
}
.singleClient:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.singleClient:hover a img{
    opacity: 1;
}
.singleClient: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;
}

.single_branch{
    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;
}
.single_branch: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;
}
.single_branch:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.single_branch: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);
}
.single_branch h3{
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.80px;
    margin: 0 0 30px;
}
.single_branch p{
    line-height: 30px;
    margin: 0;
}

/*----------------------------------------------------
/ 11. Testimonail Section
------------------------------------------------------*/
.testimonial{
    background: url(../images/bg/3.jpg) no-repeat fixed center / cover;
    padding-bottom: 113px;
}
.meipaly_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;
}

/*----------------------------------------------------
/ 12. Blog Section
------------------------------------------------------*/
.blog{
    padding-bottom: 60px;
}
body.blog{
    padding-bottom: 0px;
}

.latestBlogItem{
    position: relative;
    background: #fff;
    margin: 0 0 51px;
}
.lbi_thumb{
    overflow: hidden;
    position: relative;
}
.lbi_thumb img{
    max-width: 100%;
    height: auto;
}
.lbi_details{
    text-align: left;
    margin: 0 10px;
    position: relative;
    margin-top: -20px;
    padding: 30px 30px 0;
    background: #fff;
    z-index: 3;
}
.latestBlogItem.npt .lbi_details{
    padding-top: 0;
    margin-top: -4px;
}
.lbi_details .lbid_date{
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    height: 31px;
    min-width: 65px;
    background: #000;
    color: #fff;
    padding: 11px 16px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 15px;
    display: inline-block;
}
.lbi_details .lbid_date:hover{
    color: #fff;
    background: #e62b4a;
}
.lbi_details h2{
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 13px;
    word-break: break-word;
}
.lbi_details h2 a{
    color: #000;
}
.lbi_details h2 a:hover{
    color: #e62b4a;
}
.lbi_details .learnM{
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}
.lbi_details .learnM: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;
}
.lbi_details .learnM:hover:after{
    width: 100%;
}
.lbi_details .learnM:hover{
    color: #e62b4a;
}
.lbi_details .lbid_featured{
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    height: 31px;
    min-width: 65px;
    background: #e62b4a;
    color: #fff;
    padding: 11px 16px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 6px 15px 0;
    display: inline-block;
    cursor: default;
}

.blog_slide .owl-controls .owl-nav{
    display: none;
}
.blog_slide .owl-controls .owl-dots{
    line-height: .8;
    text-align: center;
    margin-top: -3px;
    margin-bottom: 60px;
}
.blog_slide .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;
}
.blog_slide .owl-controls .owl-dots .owl-dot.active span,
.blog_slide .owl-controls .owl-dots .owl-dot:hover span{
    background: #000000;
}

/*----------------------------------------------------
/ 13. Ready Section
------------------------------------------------------*/
.ready{
    background: url(../images/bg/4.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_1{
    position: relative;
    padding: 130px 0 0;
    background: url(../images/bg/5.jpg) no-repeat center center / cover;
}
.footer_1.noWidgetFound{
    padding-top: 0;
}
.footer_1 .widget{
    position: relative;
    padding: 0 0 112px;
}
.footer_1 .fo_sidebar_1{
    padding-left: 0;
    padding-right: 75px;
}
.footer_1 .fo_sidebar_2{
    padding-left: 60px;
    padding-right: 0;
}
.footer_1 .fo_sidebar_3{
    padding-left: 0;
    padding-right: 0;
}
.footer_1 .widget .widget_title {
    font-size: 18px;
    letter-spacing: .72px;
    color: #FFF;
    line-height: .8;
    margin: 0 0 43px;
    position: relative;
    text-transform: uppercase;
}
.footer_1 .aboutwidget{
    padding-right: 15px;
    margin-top: -8px;
}
.footer_1 .aboutwidget img{
    max-width: 100%;
    height: auto;
    margin-bottom: 34px;
}
.footer_1 .aboutwidget p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}
.footer_1 .contactDetails p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    position: relative;
}
.footer_1 .contactDetails.withIcons p{
    padding-left: 30px;
}
.footer_1 .contactDetails.withIcons i{
    position: absolute;
    left: 0;
    top: 10px;
}
.footer_1 .copyright a,
.footer_1 .contactDetails p a{
    color: #aaaaaa;
}
.footer_1 .copyright a:hover,
.footer_1 .contactDetails p a:hover{
    color: #e62b4a;
}
.footer_1 .contactDetails p:first-of-type{
    margin-bottom: 32px;
}
.footer_1 .meipaly_social_widget ul{
    margin: 0;
    padding: 0;
}
.footer_1 .meipaly_social_widget ul li{
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    display: block;
}
.footer_1 .meipaly_social_widget ul li a{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}
.footer_1 .meipaly_social_widget ul li a i{
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}
.footer_1 .meipaly_social_widget ul li a:hover{
    color: #e62b4a;
}
.footer_1 .copyright{
    border-top: 1px solid #1a1a1a;
    font-size: 14px;
    line-height: .8;
    color: #aaaaaa;
    text-transform: uppercase;
    padding: 41px 0;
}
.footer_1.noWidgetFound .copyright{
    border-top: none;
}

.footer_2{
    position: relative;
    padding: 90px 0 0;
    background: url(../images/bg/5.jpg) no-repeat center center / cover;
}
.noWidgetFound.footer_2{
    padding: 0;
}
.footer_2 .flgs{
    position: relative;
}
.footer_2 .flgs img{
    max-width: 100%;
    height: 35px;
    width: auto;
}
.footer_2 .footerSocial {
    padding: 57px 0 66px;
}
.footer_2 .footerSocial > a {
    color: #aaaaaa;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.48px;
    margin-right: 22px;
    text-transform: uppercase;
}
.footer_2 .footerSocial > a:hover{
    color: #e62b4a;
}
.footer_2 .footerSocial > a:last-child{
    margin-right: 0;
}
.footer_2 .footerInfo > p {
    color: #aaaaaa;
    font-size: 12px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}
.copyText{
    color: #aaaaaa;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    margin: 70px 0 0;
    line-height: .8;
    padding: 41px 0;
    border-top: 1px solid #1a1a1a;
}
.footer_2 .copyText a{
    color: #aaaaaa;
}
.footer_2 .copyText a:hover{
    color: #e62b4a;
}
.noWidgetFound.footer_2 .copyText{
    margin-top: 0;
    border-top: none;
}
.socialItems{
    position: relative;
    margin-top: 31px;
}
.socialItems a{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0 16px 0 0;
    display: inline-block;
    text-align: left;
}
.socialItems a:hover{
    color: #e62b4a;
}
.socialItems a i {
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
}
.widget_gallery{
    position: relative;
}
.widget_gallery img{
    width: 75px !important;
    height: 75px !important;
    position: relative;
    margin: 0 10px 10px 0;
}
.widget_gallery img:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}


/*
    New Footer CSS
*/
.footer_1 .widget.widget_categories ul,
.footer_1 .widget.widget_archive ul,
.footer_1 .widget.widget_recent_comments ul,
.footer_1 .widget.widget_pages ul,
.footer_1 .widget.widget_recent_entries ul,
.footer_1 .widget.widget_meta ul,
.footer_1 .widget.widget_nav_menu ul{
    margin: 0;
    padding: 0;
}
.footer_1 .widget.widget_categories ul li,
.footer_1 .widget.widget_archive ul li,
.footer_1 .widget.widget_recent_comments ul li,
.footer_1 .widget.widget_pages ul li,
.footer_1 .widget.widget_recent_entries ul li, 
.footer_1 .widget.widget_meta ul li, 
.footer_1 .widget.widget_nav_menu ul li{
    display: block;
    list-style: none;
    line-height: 32px;

}
.footer_1 .widget.widget_recent_comments ul li, 
.footer_1 .widget.widget_recent_entries ul li{
    font-size: 14px;
    color: #aaaaaa;
    letter-spacing: 0.56px;
    line-height: 26px;
    margin-bottom: 10px;
}
.footer_1 .widget.widget_recent_comments ul li:last-child, 
.footer_1 .widget.widget_recent_entries ul li:last-child{
    margin-bottom: 0;
}
.footer_1 .widget.widget_categories ul li a,
.footer_1 .widget.widget_archive ul li a,
.footer_1 .widget.widget_recent_comments ul li a, 
.footer_1 .widget.widget_pages ul li a,
.footer_1 .widget.widget_recent_entries ul li a, 
.footer_1 .widget.widget_meta ul li a, 
.footer_1 .widget.widget_nav_menu ul li a{
    font-size: 14px;
    line-height: .8;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    position: relative;
}
.footer_1 .widget.widget_recent_entries ul li a{
    line-height: 26px;
}
.footer_1 .widget.widget_categories ul li a:hover,
.footer_1 .widget.widget_archive ul li a:hover,
.footer_1 .widget.widget_recent_comments ul li a:hover,
.footer_1 .widget.widget_pages ul li a:hover,
.footer_1 .widget.widget_recent_entries ul li a:hover, 
.footer_1 .widget.widget_meta ul li a:hover, 
.footer_1 .widget.widget_nav_menu ul li a:hover{
    color: #e62b4a;
}

.footer_1 .widget .tagcloud a{
    display: inline-block;
    font-size: 14px !important;
    line-height: .8;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    position: relative;
}
.footer_1 .widget .tagcloud a:after{
    content: ', ';
}
.footer_1 .widget .tagcloud a:last-child:after{
    display: none;
}
.footer_1 .widget .tagcloud a:hover{
    color: #e62b4a;
}
footer .meipaly_post_widget{
    padding: 0;
    background: transparent;
}
footer .mpw_item{
    padding-bottom: 23px;
    border-bottom-color: rgba(255, 255, 255, .2);
}
footer .mpw_item a{
    display: inline-block;
    font-size: 14px !important;
    line-height: 26px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    text-transform: none;
}
footer .mpw_item a:hover{
    color: #e62b4a;
}


/* Footer Monster */
.fo_sidebars .screen-reader-text{
    display: none;
}
.fo_sidebars .widget select{
    width: 100%;
    height: 70px;
    border: none;
    outline: none;
    background: #444;
    font-size: 16px;
    color: #FFF;
    padding: 0 20px;
}
.fo_sidebars .widget.widget_calendar table{
    width: 100%;
    border: 1px solid #444;
}
.fo_sidebars .widget.widget_calendar table caption{
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    border: 1px solid #444;
    text-align: center;
}
.fo_sidebars .widget.widget_calendar table thead tr th{
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    border: 1px solid #444;
    text-align: center;
    padding: 5px 4px;
}
.fo_sidebars .widget.widget_calendar table tbody tr td{
    font-size: 16px;
    color: #818181;
    font-weight: 400;
    border: 1px solid #444;
    text-align: center;
    padding: 5px 4px;
}
.fo_sidebars .widget.widget_calendar table tbody tr td a{
    color: #818181;
}
.fo_sidebars .widget.widget_calendar table tfoot tr td{
    padding: 5px 4px;
}
.fo_sidebars .widget.widget_calendar table tfoot tr td a{
    font-size: 16px;
    color: #818181;
    font-weight: 500;
}
.fo_sidebars .widget.widget_calendar table tfoot tr td#next a{
    float: right;
    padding-right: 15px;
}
.fo_sidebars .widget.widget_calendar table tbody tr td a:hover,
.fo_sidebars .widget.widget_calendar table tfoot tr td a:hover{
    color: #e62b4a;
}
.fo_sidebars .widget.widget_categories ul li ul,
.fo_sidebars .widget.widget_pages ul li ul,
.fo_sidebars .widget.widget_nav_menu ul li ul, 
.fo_sidebars .widget.widget_archive ul li ul{
    margin-left: 15px;
}
.fo_sidebars .widget .widget_title a{
    color: #FFF;
}
.fo_sidebars .widget .widget_title a:hover{
    color: #e62b4a;
}

.fo_sidebars .widget.widget_rss ul{
    padding: 0;
}
.fo_sidebars .widget.widget_rss ul li {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.fo_sidebars .widget.widget_rss ul li a {
    color: #818181;
    display: block;
}
.fo_sidebars .widget.widget_rss ul li a:hover {
    color: #e62b4a;
}
.fo_sidebars .widget.widget_rss ul li span.rss-date {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 7px 0 4px;
}
.fo_sidebars .widget.widget_rss ul li .rssSummary {
    font-size: 14px;
    margin: 0 0 4px;
}
.fo_sidebars .widget.widget_rss ul li cite {
    color: #818181;
}
.fo_sidebars .widget input[type="search"] {
    width: 100%;
    height: 91px;
    border: none;
    border-radius: 0;
    background: #444;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 50px;
    text-transform: uppercase;
    outline: none;
}
.fo_sidebars .widget.widget_search button {
    display: none;
}
.fo_sidebars .widget.widget_text p {
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.fo_sidebars .widget.widget_text img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}
.fo_sidebars .tagcloud a {
    display: inline-block;
    font-size: 16px !important;
    line-height: 30px;
    color: #818181;
    font-weight: 400;
    text-transform: capitalize;
}
.fo_sidebars .tagcloud a:hover {
    color: #e62b4a;
}


/*----------------------------------------------------
/ 15. Servieces 2 Section
------------------------------------------------------*/
.service_section_2{}
.icon_box_2{
    position: relative;
    width: 100%;
    background: #fff;
    border: 2px solid #f4f4f4;
    padding: 50px 59px 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: #e62b4a;
    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;
    text-transform: uppercase;
    margin: 0 0 35px;
}
.icon_box_2 p{
    margin: 0 0 31px;
}
.icon_box_2 .iconWrap{
    position: relative;
    margin: 0 0 44px;
}
.icon_box_2 .iconWrap:after{
    background: url(../images/shadow.png) no-repeat center center / cover;
    height: 7px;
    width: 75px;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -17px;
    margin: 0 auto;
    z-index: 2;
}
.icon_box_2 .iconWrap i{
    font-size: 64px;
    font-style: normal;
    color: #000;
    display: inline-block;
    margin: 0 0 0;
}
.icon_box_2 .iconWrap img{
    height: 64px;
    width: auto;
    display: inline-block !important;
    margin: 0 0 0;
}
.icon_box_2 a{
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #000;
    line-height: .8;
    text-transform: uppercase;
    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;
}
.featurebar{
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 95px;
    background: #000;
}
.featurebar:last-child{
    display: none;
}
.singleFeature .f_count{
    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;
    text-transform: uppercase;
    margin: 0 0 29px;
}
.singleFeature p{
    margin: 0;
}
.features_img{
    position: relative;
}
.features_img img{
    width: 100%;
    height: auto;
}
.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;
    text-transform: uppercase;
}

/*----------------------------------------------------
/ 17. Tesimonial 02 Section
------------------------------------------------------*/
.testimonial_2{
    background: url(../images/bg/7.jpg) no-repeat center center / cover;
}
.testimoniTab{
    position: relative;
}
.testimoniTab ul{
    margin: 28px 0 0;
    padding: 0;
}
.testimoniTab ul li{
    list-style: none;
    display: inline-block;
    opacity: .60;
    margin-right: 42px;
}
.testimoniTab ul li.active{
    opacity: 1;
}
.testimoniTab ul li a{
    display: block;
}
.testimoniTab ul li a span{
    width: 79px;
    height: 79px;
    display: block;
    margin-bottom: 21px;
    position: relative;
}
.testimoniTab ul li a span img{
    width: 100%;
    height: 100%;
}
.testimoniTab 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;
}
.testimoniTab ul li a .author_detail{
    position: relative;
}
.testimoniTab ul li a .author_detail h5{
    font-size: 16px;
    line-height: .8;
    color: #fff;
    margin: 0 0 16px;
    text-transform: uppercase;
}
.testimoniTab ul li a .author_detail h6{
    font-size: 12px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.2px;
    margin: 0;
    text-transform: uppercase;
}
.testi_con{
    position: relative;
    text-align: left;
    padding-top: 21px;
}
.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{
    text-transform: uppercase;
    color: #aaaaaa;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .9;
    display: block;
    margin: 0;
}
.dots_owl{
    position: absolute;
    right: 15px;
    top: -99px;
    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;
    text-transform: uppercase;
}
.chooseUs_title li:hover a,
.chooseUs_title li.active a{
    background: #000;
    color: #fff;
}
.chose_img{
    position: relative;
    margin: 9px 0 0;
}
.chose_img img{
    width: 100%;
    height: auto;
}
.wh_choose{
    position: relative;
    margin: 51px 0 0;
}
.wh_choose ul{
    margin: 25px 0 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: .7;
    -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: .7;
    visibility: visible;
}
.single_wedo .overlay_wedo a{
    height: 68px;
    color: #000000;
    line-height: .8;
    font-size: 18px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    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
------------------------------------------------------*/
.gmapsection{
    position: relative;
}
.gmap{
    width: 100%;
    height: 609px;
}
iframe.gmap{
    display: block;
    border: none;
}
.normal_btn{
    display: inline-block;
    width: 100%;
    height: 143px;
    line-height: .8;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.96px;
    background: #e62b4a;
    padding: 61px 0;
}
.normal_btn:hover{
    background: #000;
    color: #fff;
}

/*----------------------------------------------------
/ 21. About Page
------------------------------------------------------*/
.pageBanner {
    position: relative;
    min-height: 465px;
    background: #000;
    padding-top: 224px;
}
.banner_content{
    position: relative;
}
.banner_content h4{
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.banner_content h4 a{
    color: #fff;
    display: inline-block;
}
.banner_content h4 a:hover{
    color: #000;
}
.banner_content h2 {
    font-size: 70px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.8px;
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}
.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,
.agency_img1{
}
.agency_img2 img,
.agency_img1 img{
    max-width: 100%;
    height: auto;
    width: auto !important;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3) !important;
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3) !important;
}
.compay_date{
    position: absolute;
    right: 60px;
    bottom: 3px;
    z-index: 4;
}
.compay_date h5{
    text-transform: uppercase;
    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;
}
.single_history{
    display: block;
    padding-bottom: 30px;
    overflow: hidden;
}
.history_slide{
    position: relative;
    margin: 0;
}
.history_slide .owl-controls .owl-nav {
    margin: 0;
    position: absolute;
    left: -60px;
    bottom: 30px;
    padding: 0;
}
.history_slide .owl-controls .owl-nav .owl-prev, 
.history_slide .owl-controls .owl-nav .owl-next {
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    background: #e62b4a;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.history_slide .owl-controls .owl-nav .owl-prev{
    left: -1px;
    position: relative;
}
.history_slide .owl-controls .owl-nav .owl-prev:hover, 
.history_slide .owl-controls .owl-nav .owl-next:hover{
    color: #e62b4a;
    background: #000;
}

.subscribe{
    padding: 100px 0 72px;
    border-bottom: 1px solid #e7e7e7;
}
.our_work{
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 59px;
    position: relative;
}
.videoWrap_2 {
    position: relative;
    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
------------------------------------------------------*/
.service_detail{
    padding-bottom: 82px;
}
.serviceArea{
    position: relative;
    font-weight: 300;
}
.serviceArea .serviceThumbs{
    margin-bottom: 57px;
}
.stSlider .carousel-control{
    box-shadow: none;
    text-shadow: none;
    background: rgba(0, 0, 0, .6);
    width: 60px;
    height: 60px;
    line-height: .8;
    color: #FFF;
    text-align: center;
    opacity: 1;
    padding: 20px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.stSlider .carousel-control:hover{
    background: #e62b4a;
}
.stSlider .carousel-control.left{
    left: 30px;
    right: auto;
}
.stSlider .carousel-control.right{
    left: auto;
    right: 30px;
}
.serviceArea img{
    width: 100%;
    height: auto;
}
.serviceArea h2{
    text-transform: uppercase;
    color: #222232;
    line-height: .8;
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 34px;
}
.serviceArea p{
    margin: 0 0 31px;
}
.serviceArea h3{
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #000000;
    font-size: 30px;
    margin-bottom: 50px;
}
.serviceArea .gaping{
    padding: 24px 0 0;
}
.serviceArea .gaping img{
    margin-bottom: 52px;
}
.serviceArea ul{
    margin: 0;
    padding: 0;
}
.serviceArea ul li{
    list-style: none;
    display: inline-block;
    line-height: 32px;
    font-size: 16px;
}
.serviceArea ul li i{
    color: #e62b4a;
    margin-right: 10px;
    line-height: 36px;
}
.meipaly_services_help{
    position: relative;
    background: url(../images/s3.jpg) no-repeat center center / cover;
    padding: 47px 50px 47px;;
}
.meipaly_services_help h4{
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0 0 40px;
}
.meipaly_services_help p{
    color: #aaaaaa;
    margin: 0 0 25px;
    padding-right: 5px;
}
.meipaly_services_help h2{
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 0;
}

/*----------------------------------------------------
/ 23. Portfolio Page
------------------------------------------------------*/
.porfolioPage{}
.folio_mixing{
    position: relative;
    text-align: center;
    margin: 0 0 65px;
    padding: 0;
    line-height: .8;
}
.folio_mixing ul{
    margin: 0;
    padding: 0;
}
.folio_mixing li{
    display: inline-block;
    list-style: none;
    margin: 0 17px 0;
    padding: 0;
    text-transform: uppercase;
    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 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 li.active,
.folio_mixing li:hover{
    color: #000000;
}
.folio_mixing li.active:after,
.folio_mixing 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-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 51px 0 51px;
    margin-top: 60px;
}
.nextprevPagination a{
    text-transform: uppercase;
    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;
}
.singlePortfoio_content{
    position: relative;
    margin: 0 0 35px;
    font-weight: 300;
}
.singlePortfoio_content h3{
    font-size: 30px;
    line-height: 32px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    margin: -5px 0 39px;
}
.singlePortfoio_content h4{
    font-size: 18px;
    line-height: .8;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .72px;
    margin: 0 0 9px;
}
.singlePortfoio_content p{
    line-height: 30px;
    margin: 0;
}
.singlePortfoio_content p a{
    display: inline-block;
    color: #818181;
}
.singlePortfoio_content p a:hover{
    color: #e62b4a;
}
.singlePortfoio_content ul{
    margin: 17px 0 0;
    padding: 0;
}
.singlePortfoio_content ul li{
    list-style: none;
    display: block;
    line-height: .8;
    margin: 0 0 17px;
}
.singlePortfoio_content ul li a{
    color: #818181;
    font-size: 12px;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: 1.2px;
    display: inline-block;
    position: relative;
}
.singlePortfoio_content 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;
}
.singlePortfoio_content ul li a:hover{
    color: #e62b4a;
}
.singlePortfoio_content ul li a:hover:after{
    width: 100%;
}
.singlePortfoio_content.liveurls{
    margin-top: 44px;
    margin-bottom: 0;
}
.relatedPortfolio{
    padding-bottom: 90px;
}

.singleWork{
    position: relative;
}
.singleWorkContent{
    text-align: center;
    position: absolute;
    top: 49.5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}
.singleWorkContent h2{
    margin-bottom: 18px;
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.singleWorkContent h2 a{
    color: #fff;
}
.singleWorkContent h2 a:hover{
    color: #e62b4a;
}
.workTag{
    line-height: 1.5;
}
.workTag a{
    margin-left: 2px;
}
.workTag a,
.workTag{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 700;
}
.workTag a:hover{
    color: #e62b4a;
}
.singleWork{
    margin: 0 15px;
    width: auto !important;
}
.img_overlay img{
    width: auto;
    max-width: 100%;
    height: auto;
}
.singleWork{
    position: relative;
}

#workCarousel .slick-slide {
    outline: none;
}
#workCarousel .slick-slide {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}
#workCarousel .slick-current.slick-active.slick-center .singleWorkContent{
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 3000ms ease;
    -moz-transition: all 3000ms ease;
    -ms-transition: all 3000ms ease;
    -o-transition: all 3000ms ease;
    transition: all 3000ms ease;
}
#workCarousel .slick-slide.slick-current.slick-active.slick-center .singleWork:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
}
.singleWork.slick-active.slick-center{
    position: relative;
}
#workCarousel .slick-prev, 
#workCarousel .slick-next {
    background: #000000;
    border-radius: 0;
    cursor: pointer;
    height: 60px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 9;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#workCarousel .slick-prev:before, #workCarousel .slick-next:before{
    opacity: 1;
    font-size: 24px;
    line-height: 65px;
    color: #fff;
}
#workCarousel .slick-prev:hover, 
#workCarousel .slick-next:hover{
    background: #e62b4a;
}
#workCarousel .slick-prev{
    left: 112px;
}
#workCarousel .slick-next{
    right: 155px;
}
.workCarousel_2 .slick-slide {
    outline: none;
}
.workCarousel_2 .slick-list {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.workCarousel_2 {
    margin-bottom: 30px;
}
.singleCaros img{
    margin: 60px 0;
}
.singleCarContent{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.singleCarContent h2 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.singleCarContent h2 a{
    color: #fff;
}
.singleCarContent h2 a:hover{
    color: #e62b4a;
}
.singleCarContent .workTag p{
    margin: 0;
}
.singleCarContent .workTag p a{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
}
.workCarousel_2 .slick-slide.slick-current.slick-active.slick-center .singleCarContent{
    visibility: visible;
    opacity: 1;
    transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    -webkit-transition: all ease 3000ms;
    -ms-transition: all ease 3000ms;
    -o-transition: all ease 3000ms;
}
.workCarousel_2 .slick-slide.slick-current.slick-active.slick-center .singleCaros:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
}
.workCarousel_2 .center .slick-center img {
    opacity: 1;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.workCarousel_2 .slick-slide.slick-current.slick-active.slick-center{
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 9;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.workCarousel_2 .slick-prev.slick-arrow {
    background: #000;
    border: 0 none;
    bottom: -120px;
    display: inline-block;
    height: 60px;
    left: -70px;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: auto;
    width: 60px;
    z-index: 10;
    margin: 0 auto;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.workCarousel_2 .slick-next.slick-arrow {
    background: #000;
    border: 0 none;
    bottom: -120px;
    display: inline-block;
    height: 60px;
    left: 0;
    padding: 0;
    position: absolute;
    right: -70px;
    text-indent: -9999px;
    top: auto;
    width: 60px;
    z-index: 10;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.workCarousel_2 .slick-prev.slick-arrow:before{
    content: "\f104";
    color: #fff;
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 9px;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 40px;
    opacity: 1;
}
.workCarousel_2 .slick-next.slick-arrow:before{
    content: "\f105";
    color: #fff;
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 9px;
    bottom: 0;
    left: 0;
    margin: auto;
    line-height: 40px;
    opacity: 1;
}
.workCarousel_2 .slick-prev.slick-arrow:hover,
.workCarousel_2 .slick-next.slick-arrow:hover{
    background: #e62b4a;
}

/*----------------------------------------------------
/ 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;
}
.meipaly_paginations h2.screen-reader-text{
    display: none;
}
.single_blog{
    position: relative;
}
.blog_thumb{
    position: relative;
    margin: 0 0 0;
}
.page_thumb.blog_thumb{
    margin-bottom: 30px;
}
.blog_thumb img{
    max-width: 100%;
    height: auto;
}
.blog_headings{
    position: relative;
    margin: -20px 10px 29px;
    background: #fff;
    z-index: 3;
    padding: 30px 30px 0;
}
.nopostthumbs .blog_headings{
    margin: -20px 0 29px;
}
.nopostthumbs .blog_headings{
    padding: 30px 0 0;
}
.blog_headings span.blog_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    height: 31px;
    min-width: 65px;
    background: #e62b4a;
    color: #ffffff;
    padding: 11px 16px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.blog_headings h2{
    text-transform: uppercase;
    font-size: 40px;
    color: #000000;
    line-height: 40px;
    letter-spacing: 1.6px;
    margin: 0 0 7px;
    word-break: break-word;
}
.blog_headings .blog_metas{
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    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;
    font-weight: 300;
}
.nopostthumbs .blog_details{
    padding: 0 0 22px;
}
.page_details.blog_details{
    padding: 0 0 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;
    text-transform: capitalize;
}
.blog_tagitems a:hover{
    color: #e62b4a;
}
.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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    margin: 0 0 61px;
}
.comment_area ol{
    margin: 0;
    padding: 0;
}
.comment_area ol li{
    list-style: none;
    margin: 0;
}
.single-comment{
    position: relative;
    padding-left: 143px;
    padding-right: 100px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 25px;
    margin-bottom: 60px;
}
.single-comment.pingbackcomments{
    padding-left: 0;
}
.single-comment img{
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
}
.single-comment .authorDetails{
    position: relative;
    top: -4px;
}
.single-comment .authorDetails h5{
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    margin: 0 0 6px;
}
.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;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0 0 23px;
}
.single-comment .comment{
    position: relative;
    margin: 0 0 0;
}
.single-comment .comment p{
    line-height: 30px;
    margin: 0 0 30px;
}
.single-comment .comment-reply-link{
    border: none;
    font-weight: 400;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: .8;
    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;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding: 19px 21px;
}
.comment-reply-link span {
    position: relative;
    z-index: 2;
}
.comment-reply-link:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #e62b4a;
    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;
}
.comment-reply-link:hover:after {
    width: 100%;
}
a#cancel-comment-reply-link{
    border: none;
    font-weight: 400;
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: .8;
    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;
    position: absolute;
    right: 15px;
    top: -13px;
    height: 50px;
    font-size: 14px;
    letter-spacing: 0.64px;
    padding: 19px 21px;
}
a#cancel-comment-reply-link span{
    position: relative;
    z-index: 2;
}
a#cancel-comment-reply-link:after{
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #e62b4a;
    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;
}
a#cancel-comment-reply-link:hover:after{
    width: 100%;
}
a#cancel-comment-reply-link:hover{
    color: #fff;
}
#commentform {
    margin-bottom: 60px;
}
.blogDetails{
    padding-bottom: 60px;
}
.commentForm{
    position: relative;
}
h3.comReplyTitle,
.commentForm h3{
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 61px -15px;
}
.contactFrom input[type="text"], .contactFrom input[type="email"],
.contactFrom input[type="url"], .contactFrom input[type="number"],
.contactFrom input[type="tel"], .contactFrom textarea{
    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.input-form, textarea.input-form,
.contactFrom select{
    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;
}
.contactFrom .wpcf7-not-valid {
    border: 1px solid #e62b4a !important;
}
.contactFrom .wpcf7-not-valid-tip {
    display: none !important;
}
textarea.input-form,
.contactFrom textarea{
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
.contactFrom input::-moz-placeholder,
.contactFrom textarea::-moz-placeholder{
    color: #818181;
    opacity: 1;
}
.contactFrom input::-ms-input-placeholder,
.contactFrom textarea::-ms-input-placeholder{
    color: #818181;
    opacity: 1;
}
.contactFrom input::-webkit-input-placeholder,
.contactFrom textarea::-webkit-input-placeholder{
    color: #818181;
    opacity: 1;
}

.commentForm .input-form::-moz-placeholder,
.commentForm textarea.input-form::-moz-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.commentForm .input-form::-ms-input-placeholder,
.commentForm textarea.input-form::-ms-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.commentForm .input-form::-webkit-input-placeholder,
.commentForm textarea.input-form::-webkit-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.contactFrom .common_btn.red_bg {
    padding: 28px 42.5px;
}
.contactFrom input[type="submit"]{
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #000000;
    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;
}
.contactFrom input[type="submit"]:hover{
    background: #e62b4a;
    color: #fff;
}
input.input-form:focus, textarea.input-form:focus,
.contactFrom input:focus, .contactFrom textarea: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;
}
.contactFrom input[type="submit"]:focus{
    display: none;
}
.sidebar .widget {
    position: relative;
    margin-bottom: 30px;
    padding: 0 50px 44px;
    background-color: #f4f4f4;
}
.sidebar .widget_title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: 0.72px;
    margin: 0 -50px 50px;
    padding: 23px 48px 24px;
    border: 2px solid #f4f4f4;
    background: #fff;
}
.sidebar .widget.widget_search {
    padding: 0;
    background: none;
}
.sidebar .widget.widget_search .widget_title{
    display: none;
}
.sidebar .widget.widget_search button{
    display: none;
}
.sidebar .widget input[type="search"] {
    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;
    text-transform: uppercase;
    outline: none;
}
.sidebar .widget input[type="search"]::-moz-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget input[type="search"]::-ms-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget input[type="search"]::-webkit-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget.meipaly_about2_widget{
    padding-top: 50px;
}
.sidebar .widget.meipaly_about2_widget img{
    max-width: 100%;
    height: auto;
    margin-bottom: 21px;
}
.sidebar .widget.meipaly_about2_widget .footerSocial{
    margin: 0 0 17px;
    padding: 0;
    line-height: .8;
}
.sidebar .widget.meipaly_about2_widget .footerSocial a{
    display: inline-block;
    color: #000;
    margin: 0 0 0;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 15px;
}
.sidebar .widget.meipaly_about2_widget .footerSocial a:hover{
    color: #e62b4a;
}
.sidebar .widget.meipaly_about2_widget .footerInfo p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #818181;
    line-height: 28px;
    margin: 0;
}
.sidebar .widget.meipaly_rp_widget{
    padding-bottom: 48px;
}
.meipaly_post_widget{
    position: relative;
}
.mpw_item{
    position: relative;
    padding-left: 80px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 23px;
    min-height: 60px;
}
.mpw_item:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.mpw_item img{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.mpw_item a{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #818181;
    display: inline-block;
    margin: 5px 0 0;
}
.mpw_item a:hover{
    color: #e62b4a;
}
.sidebar .widget.meipaly_contact_widget{
    padding-bottom: 40px;
}
.sidebar .widget.meipaly_contact_widget .widget_title{
    margin-bottom: 44px;
}
.sidebar .widget.meipaly_contact_widget .contactDetails p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #818181;
    line-height: 28px;
    margin: 0 0 3px;
}
.sidebar .widget.meipaly_contact_widget .contactDetails p:first-child{
    margin-bottom: 34px;
}
.sidebar .widget.meipaly_social_widget .widget_title{
    margin-bottom: 40px;
}
.sidebar .widget.meipaly_social_widget ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.meipaly_social_widget ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.meipaly_social_widget ul li{
    margin: 0;
    padding: 0;
    display: block;
}
.sidebar .widget.meipaly_social_widget ul li a {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #818181;
    margin: 0;
    display: inline-block;
    text-align: left;
}
.sidebar .widget.meipaly_social_widget ul li a i {
    font-size: 16px;
    color: #aaa;
    margin-right: 12px;
}
.sidebar .widget.meipaly_social_widget ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.meipaly_about_widget{
    padding-top: 50px;
}
.sidebar .widget.meipaly_about_widget img{
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.sidebar .widget.meipaly_about_widget p{
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.56px;
    margin-bottom: 0;
}
.sidebar .widget.meipaly_about_widget .socialItems{
    margin: 16px 0 0;
}
.sidebar .widget.meipaly_about_widget .socialItems a{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #818181;
    margin: 0 15px 0 0;
    display: inline-block;
}
.sidebar .widget.meipaly_about_widget .socialItems a:hover{
    color: #e62b4a;
}
.sidebar .widget.meipaly_about_widget .socialItems i{
    font-size: 16px;
    color: #aaa;
    margin-right: 12px;
}
.meipaly_categorie_widget{
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}
.sidebar .widget.meipaly_helpInfo{
    padding: 0;
}
.sidebar .meipaly_servicequery input[type="text"],
.sidebar .meipaly_servicequery input[type="email"],
.sidebar .meipaly_servicequery textarea{
    width: 100%;
    height: 70px;
    background: #fff;
    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;
}
.sidebar .meipaly_servicequery textarea{
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
.sidebar .meipaly_servicequery input[type="submit"] {
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #000000;
    color: #fff;
    height: 70px;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 42.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;
}
.sidebar .meipaly_servicequery input[type="submit"]:hover {
    background: #e62b4a;
    color: #fff;
}
.sidebar .meipaly_servicequery input[type="text"]:focus,
.sidebar .meipaly_servicequery input[type="email"]:focus,
.sidebar .meipaly_servicequery textarea: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.widget_archive .widget_title{
    margin-bottom: 42px;
}
.sidebar .widget.widget_archive ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.widget_archive ul li{
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_archive ul li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_archive ul li a{
    color: #818181;
}
.sidebar .widget.widget_archive ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_categories label,
.sidebar .widget.widget_archive label{
    display: none;
}
.sidebar .widget.widget_categories select,
.sidebar .widget.widget_archive select{
    width: 100%;
    height: 70px;
    border: none;
    outline: none;
    background: #fff;
    font-size: 16px;
    color: #818181;
    padding: 0 20px;
}
.sidebar .widget.widget_calendar table{
    width: 100%;
}
.sidebar .widget.widget_calendar .widget_title{
    margin-bottom: 34px;
}
.sidebar .widget.widget_calendar table caption{
    font-size: 16px;
    color: #000;
    font-weight: 700;
}
.sidebar .widget.widget_calendar table thead tr th{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.sidebar .widget.widget_calendar table tbody tr td{
    font-size: 16px;
    color: #818181;
    font-weight: 400;
}
.sidebar .widget.widget_calendar table tbody tr td a{
    color: #000;
}
.sidebar .widget.widget_calendar table tfoot tr td a{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.sidebar .widget.widget_calendar table tfoot tr td#next a{
    float: right;
    padding-right: 15px;
}
.sidebar .widget.widget_calendar table tbody tr td a:hover,
.sidebar .widget.widget_calendar table tfoot tr td a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_meta .widget_title,
.sidebar .widget.widget_pages .widget_title,
.sidebar .widget.widget_recent_comments .widget_title,
.sidebar .widget.widget_recent_entries .widget_title,
.sidebar .widget.widget_rss .widget_title,
.sidebar .widget.widget_text .widget_title,
.sidebar .widget.widget_categories .widget_title{
    margin-bottom: 42px;
}
.sidebar .widget.widget_categories ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.widget_categories ul li{
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_categories ul ul.children,
.sidebar .widget.widget_categories ul ul.children ul.children{
    padding-left: 15px;
}
.sidebar .widget.widget_categories ul ul.children ul.children li,
.sidebar .widget.widget_categories ul ul.children li{
    margin: 14px 0 0;
}
.sidebar .widget.widget_categories ul li a{
    color: #818181;
}
.sidebar .widget.widget_categories ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_categories > ul > li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_meta ul,
.sidebar .widget.widget_pages ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.widget_meta ul li,
.sidebar .widget.widget_pages ul li{
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_meta ul li a,
.sidebar .widget.widget_pages ul li a{
    color: #818181;
}
.sidebar .widget.widget_pages ul ul.children,
.sidebar .widget.widget_pages ul ul.children ul.children{
    padding-left: 20px;
}
.sidebar .widget.widget_pages ul ul.children ul.children li,
.sidebar .widget.widget_pages ul ul.children li{
    margin: 14px 0 0;
}
.sidebar .widget.widget_meta ul li a:hover,
.sidebar .widget.widget_pages ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_meta ul li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_pages > ul > li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_recent_entries ul,
.sidebar .widget.widget_recent_comments ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.widget_recent_entries ul li,
.sidebar .widget.widget_recent_comments ul li{
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_recent_entries ul li a,
.sidebar .widget.widget_recent_comments ul li a{
    color: #818181;
}
.sidebar .widget.widget_recent_entries ul li a:hover,
.sidebar .widget.widget_recent_comments ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_recent_entries ul li:last-child,
.sidebar .widget.widget_recent_comments ul li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_rss ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.widget_rss ul li{
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_rss ul li:last-child{
    margin-bottom: 0;
}
.sidebar .widget.widget_rss ul li a{
    color: #818181;
    display: block;
}
.sidebar .widget.widget_rss ul li a:hover{
    color: #e62b4a;
}
.sidebar .widget.widget_rss ul li span.rss-date{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 7px 0 4px;
}
.sidebar .widget.widget_rss ul li .rssSummary{
    font-size: 14px;
    margin: 0 0 4px;
}
.sidebar .widget.widget_rss ul li cite{
    color: #000;
}
.sidebar .widget.widget_text p{
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.sidebar .widget.widget_text img{
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}
.sidebar .widget.widget_text select{
    width: 100%;
    height: 70px;
    border: none;
    outline: none;
    background: #fff;
    font-size: 16px;
    color: #818181;
    padding: 0 20px;
}
.sidebar .widget_tag_cloud .widget_title,
.sidebar .widget_nav_menu .widget_title{
    margin-bottom: 42px;
}
.sidebar .widget_nav_menu ul{
    margin: 0;
    padding: 0 0 0;
}
.sidebar .widget_nav_menu ul li{
    font-size: 16px;
    line-height: 30px;
    color: #818181;
    margin: 0 0 14px;
}
.sidebar .widget_nav_menu ul ul.sub-menu ul.sub-menu,
.sidebar .widget_nav_menu ul ul.sub-menu{
    padding-left: 15px;
}
.sidebar .widget_nav_menu ul ul.sub-menu ul.sub-menu li,
.sidebar .widget_nav_menu ul ul.sub-menu li{
    margin: 14px 0 0;
}
.sidebar .widget_nav_menu > ul > li:last-of-type{
    margin-bottom: 0
}
.sidebar .widget_nav_menu ul li a{
    color: #818181;
}
.sidebar .widget_nav_menu ul li.current-menu-item a,
.sidebar .widget_nav_menu ul li a:hover{
    color: #e62b4a;
}
.sidebar .tagcloud a{
    display: inline-block;
    font-size: 16px !important;
    line-height: 30px;
    color: #818181;
    font-weight: 400;
    text-transform: capitalize;
}
.sidebar .tagcloud a:after{
    content: ',';
}
.sidebar .tagcloud a:hover{
    color: #e62b4a;
}

.single_blog .blog_details table{
    width: 100%;
}
.single_blog .blog_details p img.alignleft{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}
.single_blog .blog_details p img.alignright{
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
}
.single_blog .blog_details p img.aligncenter{
    margin: 0 auto;
}
.single_blog .blog_details div.aligncenter{
    margin: 0 auto;
    max-width: 100%;
}
.single_blog .blog_details div.alignleft{
    float: left;
    margin-right: 10px;
}
.single_blog .blog_details div.alignright{
    float: right;
    margin-left: 10px;
}
.wp-caption-text, p.wp-caption-text{
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0;
}
.excerptArea{
    color: #000;
    margin-bottom: 30px;
}
.single_blog .blog_details div.alignnone{
    max-width: 100%;
}
.blog_details img{
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}
.comment blockquote,
.blog_details blockquote{
    border-color: #e62b4a;
    padding: 10px 15px;
    margin-bottom: 26px;
    font-weight: 300;
}
.comment blockquote p,
.blog_details blockquote p{
    font-size: 16px;
    line-height: 30px;
    color: #818181;
    font-weight: 300;
    font-style: italic;
}
.comment table,
.blog_details table {
    width: 100%;
    margin: 23px 0 38px;
}
.comment table thead tr th, .comment table tbody tr th, .comment table tbody tr td,
.blog_details table thead tr th, .blog_details table tbody tr th, .blog_details table tbody tr td {
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #e7e7e7;
    color: #818181;
    padding: 5px 15px;
    line-height: 24px;
}
.comment table tbody tr th,
.blog_details table thead tr th {
    font-weight: 500;
    font-size: 16px;
    color: #000;
}
.comment table tbody tr td a,
.blog_details table tbody tr th a{
    color: #818181;
}
.comment table tbody tr td a:hover,
.blog_details table tbody tr th a:hover{
    color: #e62b4a;
}
.comment dl dt,
.blog_details dl dt {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
.comment dl dd,
.blog_details dl dd {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 24px;
}
.blog_details p a:hover,
.blog_details ul li a:hover,
.blog_details blockquote p a:hover,
.blog_details dl dd a:hover{
    color: #e62b4a;
}
.comment ol, .comment ul,
.blog_details ol, .blog_details ul {
    margin: 0 0 24px 20px;
    padding: 0;
}
.comment ol li, .comment ul li,
.blog_details ol li, .blog_details ul li {
    list-style-position: inside;
    font-size: 16px;
    line-height: 32px;
    color: #818181;
    list-style: unset;
}
.comment ol ol, .comment ol ol ol, .comment ul ul ul, .comment ul ul,
.blog_details ol ol, .blog_details ol ol ol, .blog_details ul ul ul, .blog_details ul ul {
    margin: 0 0 0 20px;
}
.blog_details ul ol,
.blog_details ol ul{
    margin-bottom: 0;
}
.comment address,
.blog_details address{
    font-size: 16px;
    line-height: 32px;
    color: #818181;
}
.comment pre,
.blog_details pre{
    font-size: 16px;
    line-height: 32px;
    color: #818181;
    background: #f4f4f4;
    height: 250px;
    overflow-y: scroll;
    padding: 15px 15px;
    margin-bottom: 26px;
}
.meipaly_page_links {
    position: relative;
    margin: 20px 0;
}
.meipaly_page_links strong {
    font-size: 16px;
    margin-right: 10px;
}
.meipaly_page_links > span, .meipaly_page_links a {
    width: 25px;
    height: 25px;
    color: #fff;
    background: #000;
    text-align: center;
    line-height: .8;
    font-size: 14px;
    display: inline-block;
    padding: 6.5px 0;
    margin-right: 5px;
}
.meipaly_page_links > span, .meipaly_page_links a:hover {
    color: #fff;
    background: #e62b4a;
}
.single-comment span.pingbacks {
    width: 110px;
    height: 110px;
    background: #e62b4a;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 39px 0;
    line-height: 30px;
}
.single-comment .comment blockquote p{
    margin: 0;
}
.comment p a:hover,
.comment ul li a:hover,
.comment blockquote p a:hover,
.comment dl dd a:hover{
    color: #e62b4a;
}
.blog_details label{
    font-size: 16px;
    font-weight: 400;
}
.blog_details input[type="password"] {
    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 0;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-top: 5px;
}
.blog_details input[type="password"]: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;
}
.blog_details input[type="submit"] {
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #000000;
    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;
    margin-left: 5px;
    margin-top: 5px;
}
.blog_details input[type="submit"]:hover{
    background: #e62b4a;
    color: #fff;
}
.blog_details iframe{
    max-width: 100%;
}

/*----------------------------------------------------
/ 25. Contct Page
------------------------------------------------------*/
.contactFrom{
    position: relative;
    text-align: center;
    padding: 0 180px;
}
.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
------------------------------------------------------------------------------*/
.searchFixed{
    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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    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: rgba(17, 17, 17, 0.98);
    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;
    text-transform: uppercase;
    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: 40px;
}
.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: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
    text-transform: capitalize;
}
.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: #818181;
    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;
    text-transform: uppercase;
    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;
}
.logged-in .searchFixed,
.logged-in .popup.popup__menu{
    top: 30px;
}
.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;
    text-transform: uppercase;
    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
------------------------------------------------------*/
.preloader {
    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
------------------------------------------------------*/
.backToTop {
    background: #e62b4a;
    bottom: 20px;
    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;
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
.backToTop.showit{
    bottom: 60px;
    opacity: 1;
    visibility: visible;
}
.backToTop: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;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 0 0 7px;
    border: 2px solid #f5f6fa;
}
.color_settings .switch-btn.active,
.color_settings .switch-btn:hover{
    color: #e62b4a;
}


.postCarousel .carousel-control{
    position: absolute;
    width: 60px;
    height: 60px;
    background: rgba(230, 43, 74, .8);
    line-height: .8;
    color: #FFF;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 20px;
    padding: 21px 0;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
}
.postCarousel .carousel-control:hover{
    background: rgba(0, 0, 0, .8);
    color: #e62b4a;
}
.iframePlayer{
    position: absolute;
    width: 60px;
    height: 60px;
    background: rgba(230, 43, 74, .8);
    opacity: .8;
    line-height: .8;
    color: #FFF;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    padding: 21px 0;
}
.iframePlayer:hover{
    background: rgba(0, 0, 0, .8);
    color: #e62b4a;
}

.fsSlider.owl-theme .owl-nav{
    margin: 0;
}
.fsSlider.owl-theme .owl-nav .owl-prev{
    width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 30px;
    top: -15px;
    bottom: 0;
    margin: auto 0;
    border-radius: 0;
    padding: 9px 0;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
.fsSlider.owl-theme .owl-nav .owl-next{
    width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-radius: 0;
    padding: 9px 0;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
.fsSlider.owl-theme .owl-nav .owl-prev:hover,
.fsSlider.owl-theme .owl-nav .owl-next:hover{
    background: #e62b4a;
}
.fmetasarea .singlePortfoio_content{
    margin: 12px 0 0;
}
.fmetasarea .singlePortfoio_content.noMargin{
    margin: 0;
}
.fmetasarea{
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
}
.singlePortfoio_content.fw_contents{
    margin: 100px 0;
}
.fwfshare{
    border-top: 1px solid #e7e7e7;
    padding-top: 35px;
}
.fwfshare.singlePortfoio_content ul li{
    display: inline-block;
    float: none;
    margin: 0 14px;
}
.nextprevPagination.noMarginTop{
    margin-top: 0;
}




.fofPage{
    padding: 200px 0;
}
.fof_headings{
    font-size: 250px;
    font-weight: 700;
    letter-spacing: 20px;
    line-height: .8;
    margin: 0;
    color: #e62b4a;
}
.fof_content{
    position: relative;
    padding-top: 11px;
}
.fof_content h2{
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 17px;
}
.fof_content p{
    padding-right: 60px;
    margin: 0 0 31px;
}
.fof_fomr{
    position: relative;
} 
.fof_fomr form{
    display: inline-block;
}
.fof_fomr form label{
    margin: 0;
}
.fof_fomr form input[type="search"]{
    width: 310px;
    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;
}
.fof_fomr form input[type="search"]: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;
}
.fof_fomr form button[type="submit"]{
    display: none;
}

.td_thumbs{
    position: relative;
}
.td_thumbs img{
    width: 100%;
    height: auto;
}
.member_details_area{
    position: relative;
    padding-top: 0;
}
.member_details_area h3{
    font-size: 25px;
    line-height: .8;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin: 0 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.member_details_area h5{
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    position: relative;
    line-height: .8;
    display: inline-block;
    margin-bottom: 27px;
}
.member_details_area h5:after {
    width: 100%;
    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;
}
.mem_det{
    line-height: 30px;
    margin-bottom: 26px;
}
.mem_det p{
    line-height: 30px;
    margin: 0 0 30px;
    font-weight: 300;
}
.mem_det p:last-of-type, .mem_det p:last-child{
    margin: 0;
}
.member_meta{
    margin: 0 0 48px;
    padding: 0;
}
.member_meta li{
    text-transform: uppercase;
    color: #818181;
    display: block;
    padding: 9px 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
.member_meta li i {
    display: inline-block;
    color: #e62b4a;
    font-size: 18px;
    position: relative;
    bottom: -1px;
}
.member_meta li span {
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
    color: #000;
}
.memSocial {
    margin: 0 0;
    line-height: .8;
}
.memSocial > a {
    color: #818181;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.48px;
    margin-right: 22px;
    text-transform: uppercase;
    position: relative;
}
.memSocial > a:hover{
    color: #e62b4a;
}
.memSocial > a:after {
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.memSocial > a:hover:after{
    width: 100%;
}
.mem_facts{
    background: url(../images/bg/2.jpg) no-repeat center center / cover;
    padding: 0 0;
}
.MEMBR{
    border-right: 1px solid #1a1a1a;
}
.mem_fact{
    position: relative;
    padding: 110px 0;
}
.mem_fact h1{
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2.4px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 25px;
}
.mem_fact h3{
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.6px;
    margin: 0;
}
.colueage_slider.slick-dotted.slick-slider{
    margin-bottom: 52px;
}

.serviceList{
    position: relative;
    margin-bottom: 50px;
}
.sl_thumbs{
    position: relative;
    overflow: hidden;
}
.sl_thumbs img{
    max-width: none !important;
    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;
}
.serviceList:hover .sl_thumbs img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.serviceList .sl_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;
}
.serviceList .sl_overlay:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(230, 43, 74, .9);
    overflow: hidden;
    opacity: .7;
    width: 0;
    height: 100%;
    content: '';
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.serviceList:hover .sl_overlay:after {
    width: 100%;
}
.sl_overlay a.common_btn{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    padding: 19px 15px;
    height: 50px;
    width: 145px;
    text-align: center;
    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;
    transform: scale(.7);
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}
.sl_overlay .common_btn:after{
    background: #fff;
}
.serviceList:hover .sl_overlay a.common_btn{
    visibility: visible;
    opacity: 1;
    z-index: 9;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.sl_details{
    text-align: left;
    margin: 0 10px;
    position: relative;
    margin-top: -20px;
    padding: 24px 30px 0;
    background: #fff;
    z-index: 3;
}
.sl_details h2{
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 17px;
}
.sl_details h2 a{
    color: #000;
}
.sl_details h2 a:hover{
    color: #e62b4a;
}
.sl_details .learnM{
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}
.sl_details .learnM: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;
}
.sl_details .learnM:hover:after{
    width: 100%;
}
.sl_details .learnM:hover{
    color: #e62b4a;
}
.sld_con{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}
.service_patinations .pagination{
    margin: 0;
}
.meipalynothingfound p{
    margin-bottom: 23px;
}
.meipalynothingfound input[type="search"] {
    width: 250px;
    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 0;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.meipalynothingfound input[type="search"]: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;
}
.meipalynothingfound button[type="submit"] {
    border: none;
    font-size: 16px;
    font-weight: 400;
    background: #000000;
    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;
    margin-left: 6px;
}
.meipalynothingfound button[type="submit"]:hover{
    background: #e62b4a;
    color: #fff;
}

.meipaly_page_section{
    display: block;
}