/*
Theme Name: Wargency
Theme URI: http://themewar.com/html/wargency/
Author: ThemeWar
Author URI: http://themewar.com/
Description: Wargency - One Page Parallax Responsive HTML5 Template
Version: 1.0
License:
License URI:
*/
/*=======================================================================
[Table of contents]
=========================================================================
1. Home 01
2. Home 02
3. Home 03
4. Home 04
5. Home 05
6. Home 06
7. Blog Page
8. Work Page
9. Service all Page
10.Work Single
11.Back Top Top and Fixed Header
12.Popup Zoom In
13.News Details Page
14.Popup Menu & Sidebar
15.Home 07
16.Preloader
*/

/*------------------------------------------------------------------------------
/ 1. Home 01
------------------------------------------------------------------------------*/
.mobileMenuBar{
    display: none;
}
.header_1{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    min-height: 90px;
}
.logo{
    position: relative;
    text-align: left;
    padding: 22px 0;
}
.logo img{
    max-width: 100%;
    height: 55px;
}
.mainmenu{
    position: relative;
    text-align: right;
    line-height: .8;
}
.mainmenu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.mainmenu ul li{
    list-style: none;
    margin: 0 46px 0 0;
    display: inline-block;
    line-height: .8;
    padding: 43px 0;
    position: relative;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.mainmenu ul li:last-child{
    margin-right: 0;
}
.mainmenu ul li a{
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
}
.mainmenu ul li a:before{
    width: 20px;
    height: 1px;
    background: #138bff;
    left: 1px;
    top: 1px;
    position: absolute;
    bottom: 0;
    margin: auto 0;
    content: '';

    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.fixedHeader.header_1 .mainmenu ul li a:before{
    background: #000;
}
.mainmenu ul li:hover > a, .mainmenu ul li.active > a{
    color: #138bff;
}
.fixedHeader.header_1 .mainmenu ul li:hover > a, .fixedHeader.header_1 .mainmenu ul li.active > a{
    color: #000;
}
.mainmenu ul li:hover > a:before, .mainmenu ul li.active > a:before{
    opacity: 1;
    visibility: visible;
    left: -9px;
}
.mainmenu ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: left;
    padding: 0 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1,0,0,-30deg) translateX(0%);
    -mozi-transform: perspective(400) rotate3d(1,0,0,-30deg) translateX(0%);
    -webkit-transform-origin: 50% 0;
    -mozi-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}
.mainmenu > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 12px 20px;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
}
.mainmenu ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.mainmenu ul ul.sub-menu li a:hover, .mainmenu ul ul.sub-menu li:hover > a{
    color: #000;
}
.mainmenu ul ul.sub-menu li a:before{
    display: none;
}
.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(0,0,0,0) translateX(0%);
    -mozi-transform: perspective(400) rotate3d(0,0,0,0) translateX(0%);
}
.mainmenu ul ul.sub-menu ul.sub-menu{
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 90%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.mainmenu ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    left: 100%;
    transform: translateX(0%);
}
.mainmenu .togglers{
    position: relative;
    display: inline-block;
    height: 11px;
    width: 20px;
    margin-left: 50px;
}
.mainmenu .togglers span{
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.mainmenu .togglers span:last-child{
    top: auto;
    bottom: 0;
}
.mainmenu .togglers:hover span, .mainmenu .togglers.active span{
    background: #138bff;
    right: 5px;
}
.fixedHeader.header_1 .mainmenu .togglers:hover span, .fixedHeader.header_1 .mainmenu .togglers.active span{
    background: #000;
}
.mainmenu .togglers span:nth-child(2){
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 5px;
}
.mainmenu .togglers:hover span:nth-child(2),.mainmenu .togglers.active span:nth-child(2){
    right: -5px;
}
.slider_revolution{
    position: relative;
    height: 100vh;
    width: 100%;
}
.slider_revolution .slotholder:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.8) 0%, rgba(19,139,255,.8) 100%);
}
.slider_revolution .ast_btn_2 i,
.slider_revolution .ast_vieo_btn_2,
.slider_revolution .ast_btn_2,
.slider_revolution .ast_btn i,
.slider_revolution .ast_btn{
    transition: all ease 400ms !important;
    -ms-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_revolution .tp-caption.layer_1 span{
    font-weight: 100;
    color: #138bff;
    font-style: normal;
}
.slider_revolution .tp-bullet{
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 50%;
    transition: all ease 400ms !important;
    -ms-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_revolution .tp-bullet.selected{
    width: 12px;
    height: 12px;
    left: -3px !important;
    background: #fff;
}
.scrollDown{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    background: #138bff;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.scrollDown:hover{
    background: #FFF;
    color: #138bff;
}
.aboutsecion .sec_title{
    margin-bottom: 44px;
}
.abp{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}
.aboutsecion p.abp:last-of-type{
    margin-bottom: 0;
}
.icon_box_1{
    position: relative;
    padding-left: 55px;
    min-height: 40px;
    margin-bottom: 30px;
}
.icon_box_1 i{
    width: 40px;
    height: 40px;
    background: #138bff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
}
.icon_box_1 h3{
    font-size: 14px;
    line-height: 40px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pdt34{
    padding-top: 34px;
}
.mt20{
    margin-top: 20px;
}
.ast_hr{
    color: #e7e7e7;

    display: block;
    width: 100%;
    height: 10px;
    border: none;
    background: url(../images/bg/diagonal_2.png) repeat-x;
}
.mbt100{
    margin: 100px 0;
}
.processBox{
    margin: 0;
    padding-left: 60px;
    position: relative;
    padding-bottom: 30px;
}
.processBox strong{
    position: absolute;
    bottom: 0;
    left: 60px;
    width: 30px;
    height: 10px;
}
.processBox strong:after{
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    content: "";
}
.processBox strong:before{
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 0;
    top: 0;
    position: absolute;
    content: "";
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.processBox h3{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0 0 18px;
    text-transform: uppercase;
    position: relative;
}
.processBox i{
    color: #138bff;
    font-size: 50px;
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: left;
    top: 0;
}
.processBox p{
    margin: 0;
    font-size: 16px;
    position: relative;
    z-index: 2;
}
.processBox span{
    font-size: 80px;
    font-weight: 800;
    right: -7px;
    line-height: 0.85;
    opacity: 0.09;
    position: absolute;
    bottom: -4px;
    z-index: 1;
}
.featuresSection{
    position: relative;
    background: url(../images/bg/9.png) repeat left top #f8f8f8;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 80px;
}
.featuresSection .sec_title{
    margin-bottom: 54px;
}
.icon_box_2{
    position: relative;
    margin-bottom: 37px;
}
.icon_box_2 h3{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 23px;
    line-height: .8;
}
.icon_box_2.light h3{
    color: #FFF;
}
.icon_box_2 p{
    position: relative;
    padding-left: 70px;
    margin-bottom: 0px;
}
.icon_box_2.light p{
    color: #FFF;
}
.icon_box_2 p i{
    font-size: 50px;
    position: absolute;
    left: 0;
    top: 6px;
    width: 70px;
    text-align: left;
    line-height: 1;
    color: #138bff;
}
.icon_box_2.light p i{
    color: #138bff;
}
.work_nav{
    margin: 0 0 50px;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}
.work_nav li{
    display: block;
    padding: 0 0;
    line-height: .8;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_nav li span{
    border-radius: 30px;
    color: #757575;
    background: rgb(255, 255, 255);
    background: linear-gradient(80deg, rgba(255, 255, 255,1) 0%, rgba(255,255,255,1) 100%);
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 21px 14px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_nav li.active span, .work_nav li:hover span {
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    color: #FFF;
}
.work_bar{
    width: 2px;
    height: 150px;
    background: rgb(255,255,255);
    background: linear-gradient(360deg, rgba(255,255,255,1) 5%, rgba(19,139,255,1) 100%);
    margin: 0 auto 60px;
}
.pj_parcents{
    position: relative;
}
.pjp_con{
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 48px;
}
.pjp_con i{
    position: relative;
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 16px;
    color: #000;
}
.pjp_con h2{
    font-size: 70px;
    font-weight: 400;
    color: #138bff;
    letter-spacing: 0;
    margin: 0 0;
    line-height: .8;
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 2;
}
.pjp_con span{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    line-height: .8;
    color: #000;
    margin: 19px 0 0;
    letter-spacing: 1px;
}
.work_loop_1{
    position: relative;
    margin-bottom: 30px;
    background: rgb(236,7,199);
    background: linear-gradient(360deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}
.work_cus_row{
    margin-left: -1px;
    margin-right: -1px;
}
.work_cust_padd{
    padding-left: 1px;
    padding-right: 1px;
}
.work_cust_padd .work_loop_1{
    margin-bottom: 3px;
}
.wl1_thumb{
    background: transparent;
    overflow: hidden;
}
.wl1_thumb img{
    width: 100%;
    height: auto;
    opacity: 1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}
.work_loop_1:hover .wl1_thumb img{
    opacity: .35;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}
.wl1_cont{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_loop_1:hover .wl1_cont{
    opacity: 1;
    visibility: visible;
    padding-bottom: 35px;
}
.wl1_cont h2{
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0 21px;
    font-weight: 600;
}
.wl1_cont h2 a{
    color: #FFF;
}
.wl1_cont h2 a:hover{
    color: #138bff;
}
.wl1_cont p{
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}
.wl1_cont p a{
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}
.wl1_cont p a:hover{
    color: #138bff;
}
.wl1_cont p a:first-child{
    margin-left: 0;
}
.wl1_cont p a:last-child{
    margin-right: 0;
}
.wl1_btns{
    text-align: center;
    font-size: 22px;
    color: #FFF;
}
.wl1_btns a{
    color: #FFF;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #FFF;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
    margin: 0 5px;
}
.wl1_btns a:hover{
    border-color: #138bff;
    color: #138bff;
}
.mt30{
    margin-top: 30px;
}
.mt58{
    margin-top: 58px;
}
.funfactsection{
    background: url(../images/bg/6.jpg) no-repeat fixed center center / cover;
}
.fact_1{
    position: relative;
}
.fact_1 i{
    position: relative;
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 25px;
    color: #FFF;
}
.fact_1 h2{
    font-size: 50px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0;
    line-height: .8;
    position: relative;
    padding-bottom: 18px;
    display: inline-block;
    width: 100%;
    z-index: 2;
}
.fact_1 h2:after{
    background: #138bff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 45px;
}
.fact_1 h2 span{
    float: left;
    position: relative;
}
.fact_1 h2 > span:first-child{
    margin-right: 15px;
}
.fact_1 h2 > span:last-child{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    top: 17px;
}
.single_team_1{
    position: relative;
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;

    -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;
}
.st1_front, .st1_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;
}
.st1_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: transparent;
    z-index: 2;
    width: 100%;
}
.st1_back {
    background: #e62b4a;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    width: 100%;
}
.single_team_1:hover .st1_front, .single_team_1.hover .st1_front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.single_team_1:hover .st1_back, .single_team_1.hover .st1_back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.st1_thumb{
    position: relative;
}
.st1_thumb img{
    width: 100%;
    height: auto;
}
.st1_back > img{
    width: 100%;
    height: auto;
}
.st1_details{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(236,7,199);
    background: linear-gradient(360deg, rgba(236,7,199,.8) 0%, rgba(19,139,255,.8) 100%);
    padding: 30px;
}
.std_social{
    text-align: left;
    padding-top: 5px;
    line-height: .8;
}
.std_social a{
    color: #FFF;
    margin-right: 15px;
    line-height: .8;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: italic;
    display: block;
    margin-bottom: 20px;
}
.std_social a:last-child{
    margin-right: 0;
}
.std_social a:hover{
    color: #000;
}
.std_skills{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}
.std_single_skill{
    width: 33.333333%;
    float: left;
    text-align: center;
    position: relative;
}
.std_single_skill canvas{
    margin: 0 auto;
}
.std_single_skill strong{
    color: #FFF;
    margin-right: 15px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 60px;
}
.std_single_skill h6{
    color: #FFF;
    margin-right: 15px;
    line-height: .8;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    font-style: normal;
    display: block;
    margin: 9px 0 0;
}
.st1_intro{
    position: relative;
    padding-top: 28px;
}
.st1_intro h4{
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px 0 15px;
    line-height: .8;
    color: #000;
}
.st1_intro h4 a{
    color: inherit;
    display: block;
}
.st1_intro h4 a:hover{
    color: #138bff;
}
.st1_intro span{
    color: #757575;
    font-size: 12px;
    line-height: .9;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    margin: 0;
}
.team_slider_1 .owl-nav{
    display: none;
}
.team_slider_1 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.team_slider_1 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_slider_1.owl-carousel .owl-dots .owl-dot:hover, .team_slider_1.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.team_slider_1.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.team_slider_1.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.testimonialsection{
    background: url(../images/bg/8.jpg) no-repeat fixed center center / cover;
}
.quote_img{
    position: relative;
    margin-bottom: 46px;
    background: #138bff;
    width: 115px;
    height: 115px;
    margin: 0 auto 46px;
    text-align: center;
    border-radius: 50%;
    padding: 40px 0;
}
.quote_img img{
    height: 35px;
    width: auto;
}
.testimonial_item{
    position: relative;
}
.testimonial_item p{
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    margin: 0;
    font-family: Merriweather;
}
.testimonial_slider_1 .carousel-indicators {
    bottom: 0;
    margin: 29px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
}
.testimonial_slider_1 .carousel-indicators li {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 7px 0 0;
    position: relative;
    border: none;
    background: none;
    display: inline-block;
}
.testimonial_slider_1 .carousel-indicators li:last-child{
    margin-right: 0px;
}
.testimonial_slider_1 .carousel-indicators li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
}
.testimonial_slider_1 .carousel-indicators li h5 {
    font-size: 14px;
    margin: 20px 0 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    text-align: left;
    color: #FFF;
}
.testimonial_slider_1 .carousel-indicators li h6 {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px;
    text-align: left;
    letter-spacing: 1px;
    font-style: italic;
    font-family: Merriweather;
}
.testimonial_slider_1 .carousel-indicators li h6 span{
    font-weight: 400;
}
.testimonial_slider_1 .carousel-indicators li.active{
    height: 70px;
    padding-left: 83px;
    text-indent: 0;
    top: 10px;
    width: 280px;
}
.testimonial_slider_1 .carousel-indicators li.active img{
    height: 70px;
    width: 70px;
    opacity: 1;
}
.clientSection{
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    padding: 31px 0;
}
.clients_1{
    position: relative;
    width: 100%;
    text-align: center;
}
.clients_1 img{
    width: auto !important;
    max-width: 100%;
    height: 107px;
    display: inline-block !important;

    opacity: .7;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.clients_1 img:hover{
    opacity: 1;
}
.pricing_talbe_1{
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
}
.pt1_head{
    background: url(../images/bg/12.jpg) no-repeat center center / cover;
    position: relative;
    height: 245px;
    padding: 64px 30px 30px;
    overflow: hidden;
}
.pt1_head:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.9) 0%, rgba(19,139,255,.9) 100%);
}
.pt1_head h2, .pt1_head h3{
    position: relative;
    z-index: 2;
}
.pt1_head h2{
    font-size: 60px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 1px;
    margin: 0;
    line-height: .8;
    text-align: center;
}
.pt1_head h2 sup{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    line-height: .8;
    position: relative;
    top: -31px;
    left: 0px;
}
.pt1_head h2 sub{
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    display: inline-block;
    line-height: .8;
    position: relative;
    bottom: 1px;
    left: 0px;
}
.pt1_head h3{
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 28px 0 0;
    line-height: .8;
    color: #FFF;
    text-align: center;
}
.pt1_head .wave-img{
    position: absolute;
    left: 0;
    bottom: -57px;
    z-index: 1;
    width: 100%;
}
svg:not(:root) {
    overflow: hidden;
}
.deco-layer {
    transition: transform 0.5s ease 0s;
}
.pt1_body{
    padding: 40px 30px;
}
.pt1_body p{
    margin: 0 0 27px;
}
.pt1_body ul{
    margin: 0 0 44px;
    padding: 0;
}
.pt1_body ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}
.pt1_body ul li.disabled{
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}
.pt1_body ul li:last-child{
    margin-bottom: 0;
}
.pt1_body ul li:before{
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.whatWeDoSection{
    background: url(../images/bg/10.jpg) no-repeat fixed center center / cover;
    padding: 150px 0;
}
.wwd_item{
    position: relative;
}
.wwd_item > i{
    width: 115px;
    height: 115px;
    background: #138bff;
    color: #fff;
    font-size: 70px;
    line-height: 115px;
    text-align: center;
    display: block;
    margin: 0 auto 29px;
    border-radius: 50%;
}
.wwd_item h2{
    color: #FFF;
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0 0 37px;
}
.blogSection{
    padding-bottom: 90px;
}
.blog_loop_1{
    position: relative;
}
.bl1_thumb{
    position: relative;
    overflow: hidden;
}
.bl1_thumb img{
    width: 100%;
    height: auto;
}
.bl1_details{
    padding: 48px 35px 0px;
    position: relative;
}
.bl1_details.bl1_one::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 12px 13px 12px 0;
    content: "";
    height: 0;
    left: -13px;
    position: absolute;
    top: 44px;
    width: 0;
}
.bl1_details.bl1_two::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 12px 13px 12px 0;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 44px;
    transform: rotate(-180deg);
    width: 0;
    z-index: 1;
}
.bl1_details.bl1_three::after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -12px;
    width: 0;
    z-index: 1;
}
.bl1_meta{
    line-height: .8;
}
.bl1_meta a{
    color: #138bff;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
}
.bl1_meta a:hover{
    color: #000;
}
.bl1_details h3{
    font-size: 28px;
    line-height: 36px;
    margin: 21px 0 36px;
    font-weight: 600;
}
.bl1_details h3 a{
    color: #000;
}
.bl1_details h3 a:hover{
    color: #138bff;
}
.bl1_details p{
    margin: 0 0 25px;
}
.ast_learnmore{
    position: relative;
    display: inline-block;
    color: #138bff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
}
.ast_learnmore i{
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
    top: 1px;
    left: 0;
    color: #138bff;
    position: relative;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.iconinleft.ast_learnmore i{
    margin-left: 0;
    right: 0;
    left: auto;
    margin-right: 10px;
    transform: rotate(180deg);
}
.ast_learnmore:hover{
    color: #000;
}
.ast_learnmore:hover i{
    left: -5px;
    color: #000;
}
.iconinleft.ast_learnmore:hover i{
    right: -5px;
    left: auto;
    color: #000;
}
.subscribeSection{
    background: url(../images/bg/11.jpg) no-repeat fixed center center / cover;
}
.subscribe_form{
    margin: 0;
    padding: 0 60px;
    text-align: center;
}
.subscribe_form input[type="email"]{
    width: 100%;
    height: 45px;
    border-radius: 45px;
    border: none;
    background: #fff;
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    color: #757575;
    font-weight: 400;
    letter-spacing: 0;
}
.subscribe_form input::-moz-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.subscribe_form input::-ms-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.subscribe_form input::-webkit-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.pdr5{
    padding-right: 5px;
}
.pdl5{
    padding-left: 5px;
}
.mb13{
    margin-bottom: 13px;
}
.infoP{
    font-size: 14px;
    font-style: italic;
    margin: 0 0 0;
    text-align: center;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}
.contactSection{
    background: url(../images/bg/mapdot2.png) no-repeat center center;
}
.contact_info{
    position: relative;
}
.contact_info h3{
    font-size: 14px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 27px;
}
.contact_info p{
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}
.contact_info p i{
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}
.contact_info p:last-of-type{
    margin-bottom: 0;
}
.mb57{
    margin-bottom: 57px;
}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="number"],
.contact_form textarea{
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    background: #FFF;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 16px;
    color: #757575;
    font-weight: 400;
    letter-spacing: 0;
}
.contact_form input[type="text"].reqError,
.contact_form input[type="email"].reqError,
.contact_form input[type="number"].reqError,
.contact_form textarea.reqError{
    background: #f8d7da;
    border-color: #f5c6cb;
}
.contact_form textarea{
    height: 200px;
    padding: 8px 15px;
    resize: none;
}
.contact_form form input::-moz-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form form input::-ms-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form form input::-webkit-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.ast_loader{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    display: none;
}
.ast_con_message{
    color: #155724;
    background-color: #d4edda;
    border: 3px solid #c3e6cb;
    padding: 10px 15px;
    margin-top: 30px;
    display: none;
}
.footer_0{
    background: #1b1b1b;
    padding: 75px 0 65px;
}
.ast_logo{
    position: relative;
    margin-bottom: 50px;
}
.ast_logo img{
    max-width: 100%;
    height: auto;
}
.footer_0 .widget{
    margin: 0;
    padding: 0;
}
.footer_0 .widget_title{
    font-size: 20px;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 0;
    color: #FFF;
    text-transform: capitalize;
    margin: 0 0 21px;
}
.footer_0 .widget_title strong{
    font-weight: 600;
}
.footer_0 .about_widget p{
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
    color: #999;
}
.astral_social{
    display: flex;
    justify-content: flex-start;
}
.astral_social a{
    margin-right: 10px;
}
.astral_social i{
    width: 40px;
    height: 40px;
    background: #000000;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 40px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.astral_social i.fa-facebook:hover{
    background: #3A559F;
}
.astral_social i.fa-twitter:hover{
    background: #1DA1F2;
}
.astral_social i.fa-behance:hover{
    background: #0056FF;
}
.astral_social i.fa-dribbble:hover{
    background: #F16797;
}
.astral_social i.fa-pinterest:hover{
    background: #D63633;
}
.insta_imgs{
    text-align: left;
    position: relative;
    padding-top: 13px;
}
.insta_imgs a{
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.insta_imgs img{
    width: 80px;
    height: 80px;
    display: inline-block;
}
.copyright{
    background: #171717;
    min-height: 100px;
}
.copyies{
    line-height: 1.1;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 43px 0px 42px;
    font-weight: 400;
}
.copyies a:hover{
    color: #FFF;
}

/*------------------------------------------------------------------------------
/ 2. Home 02
/------------------------------------------------------------------------------*/
.header_2{
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 3;
    width: 100%;
    min-height: 90px;
    background: #FFF;
}
.logo_2{
    position: relative;
    padding: 18px 0;
}
.logo_2 img{
    height: 55px;
    width: auto;
    max-width: 100%;
}
.h2_social{
    position: relative;
    line-height: .8;
    font-size: 14px;
    color: #138bff;
    letter-spacing: 0;
    padding: 38px 0;
}
.h2_social a{
    display: inline-block;
    color: #138bff;
    line-height: .8;
    margin: 0 10px;
}
.h2_social a:hover{
    color: #000;
}
.h2_menu_btn{
    display: inline-block;
    width: 43px;
    height: 43px;
    background: #e0ecf9;
    position: relative;
    border-radius: 3px;
    text-align: center;
    line-height: 3px;
    margin: 23px 0 18px;
}
.h2_menu_btn:hover{
    background: #138bff;
}
.h2_menu_btn span{
    width: 21px;
    height: 2px;
    background: #138bff;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.h2_menu_btn:hover span{
    background: #FFF;
}
.h2_menu_btn span:first-child{
    margin-top: 15px;
}
.h2_menu_btn span:last-child{
    margin-bottom: 14px;
}
.slider_2{
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.slider_revolution.slider_2 .slotholder:after{
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,0.8) 0%, rgba(252,70,107,0.8) 100%);
}
.slider_revolution.slider_2 .tp-bullet.selected{
    background: #138bff;
}
.scrollDown_2{
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    line-height: 58px;
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 40px;
}
.scrollDown_2:after{
    width: 100%;
    height: 100%;
    background: url(../images/mouse.png) no-repeat center center;
    position: absolute;
    content: '';
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.scrollDown_2:before{
    width: 100%;
    height: 100%;
    background: url(../images/mouse2.png) no-repeat center center;
    position: absolute;
    content: '';
    z-index: 5;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.scrollDown_2:hover{
    border-color: #138bff;
    background: none;
}
.scrollDown_2:hover:after{
    visibility: hidden;
    opacity: 0;
}
.scrollDown_2:hover:before{
    visibility: visible;
    opacity: 1;
}
.aboutSection2{
    padding-bottom: 114px;
}
.aboutSection2 .sec_sub_title{
    margin-bottom: 60px;
}
.ab_slider{
    position: relative;
}
.abs_img{
    overflow: hidden;
}
.abs_img img{
    width: 100%;
    height: auto;
}
.ab_content{
    position: relative;
    padding-left: 30px;
    padding-top: 48px;
}
.ab_content h2{
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 29px;
}
.ab_content p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 0 22px;
    padding-right: 60px;
}
.ab_content p.mb42{
    margin-bottom: 42px;
}
.ab_slider.owl-carousel .owl-nav{
    position: absolute;
    left: 0;
    bottom: 0;
}
.ab_slider.owl-carousel .owl-nav button{
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 0;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.ab_slider.owl-carousel .owl-nav button.owl-prev{
    margin-right: 1px;
}
.ab_slider.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: #000;
}
.mt60{
    margin-top: 60px;
}
.mb80{
    margin-bottom: 80px;
}
.icon_box_3{
    position: relative;
}
.icon_box_3 > i{
    height: 80px;
    line-height: 1;
    font-size: 100px;
    color: #138bff;
    display: block;
}
.icon_box_3 h3{
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 39px 0 25px;
    line-height: .8;
}
.icon_box_3 p{
    position: relative;
    margin: 0 0 20px;
    word-break: break-all;
}
.icon_box_3 .ast_learnmore_2, .icon_box_3 .ast_learnmore_2 i{
    color: #757575;
}
.icon_box_3 .ast_learnmore_2:hover, .icon_box_3 .ast_learnmore_2:hover i{
    color: #138bff;
}
.serviceSection{
    background: url(../images/bg/6.jpg) no-repeat fixed center center / cover;
}
.icon_box_4{
    position: relative;
    padding-left: 95px;
    min-height: 80px;
    padding-top: 4px;
}
.icon_box_4.text-right{
    padding-left: 0;
    padding-right: 95px;
}
.icon_box_4.text-left{
    padding-left: 0;
    padding-right: 0;
}
.icon_box_4.text-center{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.icon_box_4 i{
    width: 80px;
    height: 80px;
    background: #138bff;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: #FFF;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.icon_box_4.round i{
    border-radius: 50%;
}
.icon_box_4.text-left i{
    left: auto;
    right: auto;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}
.icon_box_4.text-center i{
    left: auto;
    right: auto;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}
.icon_box_4.text-right i{
    left: auto;
    right: 0;
}
.icon_box_4 i:after{
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    border: thin solid rgba(255, 255, 255, .25);
    border-radius: 2px;
}
.icon_box_4.round i:after{
    border-radius: 50%;
}
.icon_box_4 h3{
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 0 0 13px;
    line-height: .8;
}
.icon_box_4 h3 span{
    font-weight: 300;
}
.icon_box_4.white h3{
    color: #fff;
}
.icon_box_4 p{
    margin: 0;
}
.icon_box_4.white p{
    color: #bfbfbf;
}
.leftsides .icon_box_4{
    margin: 54px 0;
}
.pdt113{
    padding-top: 113px;
}
.rightsides .icon_box_4{
    margin: 61px 0;
}
.work_nav_2 {
    position: relative;
    margin-top: 58px;
    width: 185px;
}
.work_nav_2 h6{
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
    padding: 20px 16px;
    height: 50px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    width: 186px;
    position: relative;
    color: #000;
    font-weight: 600;
    line-height: .8;
    cursor: pointer;
    -webkit-user-select: none; 
    -moz-user-select: none;    
    -ms-user-select: none;     
    user-select: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.work_nav_2.active h6{
    background: #000;
    color: #fff;
    border-color: #000;
}
.work_nav_2 h6 i{
    position: absolute;
    right: 18px;
    top: 18px;
}
.work_nav_2 ul {
    margin: 0;
    padding: 0;
    border: 1px solid #c3c3c3;
    position: absolute;
    width: 186px;
    border-radius: 3px;
    border-radius: 0 0 3px 3px;
    display: none;
    top: 49px;
    z-index: 9;
    background: #fff;
}
.work_nav_2.active ul{
    display: block;
}
.work_nav_2 ul li{
    border-bottom: 1px solid #cccccc;
    list-style: none;
}
.blogCat ul li:last-of-type{
    border-bottom: none;
}
.work_nav_2 ul li a {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    padding: 14px 10px 14px 26px;
}
.work_nav_2 ul li a:hover, .work_nav_2 ul li.active a{
    color: #138bff;
}
.work_loop_2{
    position: relative;
    background: #000;
}
.wl2_thumb{
    position: relative;
    overflow: hidden;
}
.wl2_thumb img{
    width: 100%;
    height: auto;
    opacity: .85;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_2:hover .wl2_thumb img{
    opacity: .25;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}
.wl2_cont{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px 30px 0;
    width: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_loop_2:hover .wl2_cont{
    opacity: 1;
    visibility: visible;
    padding-bottom: 40px;
}
.wl2_cont h2{
    font-size: 45px;
    line-height: 50px;
    margin: 13px 0 33px;
    font-weight: 700;
    color: #FFF;
}
.wl2_cont h2 a{
    color: #FFF;
}
.wl2_cont h2 a:hover{
    color: #138bff;
}
.wl2_cont p{
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}
.wl2_cont p a{
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}
.wl2_cont p a:hover{
    color: #138bff;
}
.wl2_cont p a:first-child{
    margin-left: 0;
}
.wl2_cont p a:last-child{
    margin-right: 0;
}
.wl2_btns{
    text-align: left;
    font-size: 22px;
    color: #FFF;
}
.wl2_btns a{
    background: #138bff;
    border-radius: 2px;
    color: #fff;
    height: 45px;
    padding: 0 25px;
    line-height: 45px;
    display: inline-block;
    font-size: 21px;
    font-weight: 400;
}
.wl2_btns a:hover{
    background: #FFF;
    color: #138bff;
}
.work_loop_slider.owl-carousel .owl-nav{
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}
.work_loop_slider.owl-carousel .owl-nav button{
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 2px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_slider.owl-carousel .owl-nav button.owl-next{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.work_loop_slider.owl-carousel .owl-nav button.owl-prev{
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.work_loop_slider.owl-carousel .owl-nav button:hover{
    color: #138bff;
    background: #000;
}
.whychoosesection{
    background: url(../images/bg/8.jpg) no-repeat fixed center center / cover;
}
.ast_tab_1{
    position: relative;
}
.ast_tab_1_control{
    margin: 52px 0 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: .8
}
.ast_tab_1_control li{
    list-style: none;
    position: relative;
    padding-top: 20px;
    width: 33.333333%;
    text-align: center;
}
.ast_tab_1_control li:after{
    width: 0px;
    height: 2px;
    background: #138bff;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;

    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.ast_tab_1_control li:hover:after, .ast_tab_1_control li.active:after{
    width: 40px;
    opacity: 1;
    visibility: visible;
}
.ast_tab_1_control li a{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0;
    text-transform: uppercase;
    display: inline-block;
    color: #bfbfbf;
}
.ast_tab_1_control li:hover a, .ast_tab_1_control li.active a{
    color: #fff;
}
.ast_tab_1_content{
    position: relative;
}
.ast_tab_1_content i{
    width: 80px;
    height: 80px;
    background: #138bff;
    font-size: 35px;
    line-height: 80px;
    text-align: center;
    color: #FFF;
    display: block;
    margin: 0 auto 23px;
    border-radius: 50%;
}
.ast_tab_1_content h2{
    font-size: 28px;
    line-height: 30px;
    color: #FFF;
    margin: 0 0 21px;
    text-transform: capitalize;
    font-weight: 400;
}
.ast_tab_1_content p{
    color: #bfbfbf;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 0 60px;
    margin: 0;
}
.single_team_2{
    position: relative;
    overflow: hidden;
}
.single_team_2:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: rgb(236,7,199);
    background: linear-gradient(180deg, rgba(236,7,199,0.05) 0%, rgba(19,139,255,0.85) 100%);
}
.st2_thumb{
    position: relative;
}
.st2_thumb img{
    width: 100%;
    height: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.single_team_2:hover .st2_thumb img{
    transform: scale(1.07) rotate(-2deg);
    -moz-transform: scale(1.07) rotate(-2deg);
    -webkit-transform: scale(1.07) rotate(-2deg);
    -ms-transform: scale(1.07) rotate(-2deg);
    -o-transform: scale(1.07) rotate(-2deg);
}
.st2_details{
    position: absolute;
    left: 0;
    bottom: -110px;
    width: 100%;
    padding: 0 30px;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.single_team_2:hover .st2_details{
    bottom: 24px;
}
.st2_details h5{
    color: #000;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}
.st2_details h2{
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 8px 0 23px;
    line-height: .8;
}
.st2_details p{
    color: #fbfbfb;
    margin: 0 0 31px;
}
.st2_social{
    position: relative;
    line-height: .8;
}
.st2_social a{
    position: relative;
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: .8;
    text-transform: uppercase;
    margin-right: 16px;
}
.st2_social a:hover{
    color: #000;
}
.team_slider_2.owl-carousel .owl-nav{
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}
.team_slider_2.owl-carousel .owl-nav button{
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 2px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_slider_2.owl-carousel .owl-nav button.owl-next{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.team_slider_2.owl-carousel .owl-nav button.owl-prev{
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.team_slider_2.owl-carousel .owl-nav button:hover{
    color: #138bff;
    background: #000;
}
.skillSection{
    background: #FFF;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.ast_circle_skill{
    position: relative;
}
.astcs_1{
    position: relative;
    margin: 0 auto;
}
.ast_circle_skill strong{
    font-size: 50px;
    font-weight: 100;
    color: #138bff;
    letter-spacing: 1px;
    margin: 0;
    line-height: .8;
    display: inline-block;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 73px;
}
.ast_circle_skill h5{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 0;
    line-height: .8;
}
.testimonialsection2{
    background: url(../images/bg/15.jpg) no-repeat fixed center center / cover;
}
.testimonial_item_2{
    position: relative;
    background: url(../images/bg/16.jpg) repeat #FFF;
    padding: 50px 30px;
    border-radius: 0;
    border: 1px solid #e7e7e7;
}
.ti2_thumb{
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    margin: 0 auto 36px;
    border-radius: 50%;
}
.ti2_thumb span{
    position: absolute;
    width: 27px;
    height: 27px;
    right: 0;
    bottom: 0;
    background: #138bff;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .8;
    border: 2px solid #FFF;
    border-radius: 50%;
    padding: 7px 0;
}
.ti2_thumb > img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.ti2_rate{
    font-size: 55px;
    color: #fedd00;
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    margin: auto 0;
    height: 53px;
    text-align: center;
    width: 100%;
    opacity: .25;
}
.ti2_rate i {
    margin: 0 2px;
}
.ti2_content {
    position: relative;
    margin: 0 0 37px;
}
.testimonial_item_2 p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    margin: 0;
    padding: 0 0px;
    font-family: Merriweather;
}
.ti2_author{
    position: relative;
    line-height: .8;
}
.ti2_author h3{
    color: #000;
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin: 0 0 14px;
    line-height: .8;
}
.ti2_author span{
    font-size: 13px;
    line-height: .8;
    text-transform: none;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
    font-family: Merriweather;
    font-style: italic;
}
.testimonial_slider_2 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.testimonial_slider_2 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #FFF;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonial_slider_2.owl-carousel .owl-dots .owl-dot:hover, .testimonial_slider_2.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.testimonial_slider_2.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.testimonial_slider_2.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.clients_2{
    position: relative;
    width: 100%;
    height: 168px;
    padding: 3px;
    margin-bottom: 0;
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,0.8) 0%, rgba(252,70,107,0.8) 100%);
    text-align: center;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.clients_2:before{
    width: 100%;
    height: 100%;
    background: #e7e7e7;
    content: '';
    position: absolute;
    left: 0;
    top: 0;

    opacity: 1;
    visibility: visible;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.clients_2:hover:before{
    opacity: 0;
    visibility: hidden;
}
.clients_2 a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #FFF;
    position: relative;
    z-index: 2;
}
.clients_2 img{
    display: inline-block !important;
    max-width: 100%;
    height: 107px;
    width: auto !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: .7;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.clients_2:hover img{
    opacity: 1;
}
.client_slider_2 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.client_slider_2 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.client_slider_2.owl-carousel .owl-dots .owl-dot:hover, .client_slider_2.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.client_slider_2.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.client_slider_2.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.pricing_section_2{
    background: url(../images/bg/12.jpg) no-repeat fixed center center / cover;
    padding-bottom: 260px;
}
.pricing_section_2_closer{
    padding-top: 0;
    margin-top: -260px;
    z-index: 2;
}
.pricing_talbe_2{
    position: relative;
    background: #FFF;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);
}
.pt2_head{
    background: url(../images/bg/5.jpg) no-repeat center center / cover;
    position: relative;
    height: 260px;
    padding: 87px 30px 55px;
}
.pt2_head:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,0.8) 0%, rgba(252,70,107,0.8) 100%);
}
.pt2_head h2 {
    position: relative;
    z-index: 2;
    font-size: 60px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 5px;
    margin: 0 0 6px;
    line-height: .8;
    text-align: center;
}
.pt2_head h2 span{
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 23px;
    left: 55px;
}
.pt2_head h5{
    position: relative;
    z-index: 2;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
    display: inline-block;
    line-height: .8;
    margin: 0;
}
.pt2_head .pt2_icon{
    position: relative;
    display: none;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 2;
    background: transparent;
    text-align: center;
    color: #FFF;
    font-size: 60px;
    line-height: 60px;
}
.pt2_head .pt2_icon:hover{
    background: #FFF;
    color: #138bff;
}
.pt2_head h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    width: 200px;
    height: 30px;
    z-index: 2;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 30px;
    color: #FFF;
    background: #138bff;
    text-align: center;

}
.pt2_head h3:before{
    content: '';
    width: 15px;
    height: 30px;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #138bff transparent transparent;

    position: absolute;
    top: 0;
    left: -15px;
}
.pt2_head h3:after{
    content: '';
    width: 15px;
    height: 30px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #138bff;

    position: absolute;
    top: 0;
    right: -15px;
}
.pt2_body{
    padding: 48px 30px 40px;
}
.pt2_body h3{
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    margin: 0;
    line-height: .8;
}
.pt2_body p{
    margin: 0 0 27px;
}
.pt2_body ul{
    margin: 0 0 44px;
    padding: 0;
}
.pt2_body ul li{
    list-style: none;
    position: relative;
    margin-bottom: 12px;
}
.pt2_body ul li.disabled{
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}
.pt2_body ul li:last-child{
    margin-bottom: 0;
}
.call2ActionSection{
    background: url(../images/bg/17.jpg) no-repeat fixed center center / cover;
    padding-bottom: 140px;
}
.c2as_content h2{
    color: #FFF;
    font-size: 80px;
    line-height: 90px;
    font-weight: 700;
    text-transform: lowercase;
    margin: 0 0 21px;
}
.c2as_content p{
    color: #FFF;
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
    margin: 0 0 52px;
}
.c2as_content .ast_btn_2{
    margin: 0 7px;
}
.c2as_content .ast_btn_2:last-child:hover{
    color: #138bff;
    background: #fff;
}
.blog_loop_2{
    position: relative;
    background: #FFF;
}
.bl2_thumb{
    position: relative;
    margin-bottom: 28px;
}
.bl2_thumb img{
    width: 100%;
    height: auto;
}
.bl2_desc{
    position: relative;
}
.bl2_desc .bl2_cats{
    margin-bottom: 17px;
    position: relative;
    line-height: .8;
}
.bl2_cats a {
    font-size: 12px;
    text-transform: uppercase;
    color: #757575;
    padding-right: 28px;
    position: relative;
    line-height: .9;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block;
}
.bl2_cats a:hover{
    color: #138bff;
}
.bl2_cats a:after {
    content: "-";
    width: 28px;
    position: absolute;
    right: 0;
    top: 2px;
    text-align: center;
    color: #757575;
}
.bl2_cats a:last-child{
    padding-right: 0;
}
.bl2_cats a:last-child:after{
    display: none;
}
.bl2_desc h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 19px;
    line-height: 34px;
    padding: 0 5px;
}
.bl2_desc h3 a{
    color: #000;
}
.bl2_desc h3 a:hover{
    color: #138bff;
}
.bl2_desc p{
    margin-bottom: 33px;
    padding: 0 15px;
}
.bl2_footer{
    position: relative;
    max-width: 100%;
}
.bl2_footer a.shorter-btn{
    background: #fff;
    color: #000;
    width: auto;
    max-width: 37px;
    height: 35px;
    line-height: 31px;
    display: inline-block;
    white-space: nowrap;
    margin-right: 2px;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 2px solid #e7e7e7;
    text-transform: uppercase;
}
.bl2_footer a.shorter-btn i{
    float: left;
    margin-right: 10px;
    line-height: 31px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
}
.bl2_footer a:last-child{
    margin-right: 0px;
}
.bl2_footer a.shorter-btn:hover{
    max-width: 100%;
    padding: 0 15px;
    color: #138bff;
}
.bpdInner.noPLR{
    padding-left: 0;
    padding-right: 0;
}
.learnMore2{
    font-size: 14px;
    letter-spacing: .75px;
    color: #000;
    height: 35px;
    line-height: 31px;
    display: inline-block;
    padding: 0 20px;
    font-weight: 400;
    border: 2px solid #f3f4f8;
    position: relative;
}
.learnMore2 i{
    line-height: 31px;
    position: relative;
    display: inline-block;
    top: 2px;
    font-size: 15px;
    margin-left: 6px;
    letter-spacing: 0;
}
.bl2_footer .learnMore2{
    top: -12px;
}
.mt18{
    margin-top: 18px;
}
.mapSection{
    padding: 0;
}
.ast_map{
    position: relative;
    background: #000;
    overflow: hidden;
}
.ast_map iframe{
    display: block;
    height: 550px;
    width: 100%;
    border: none;
}
.contact_form_2{
    position: relative;
}
.contact_form_2 input[type="text"],
.contact_form_2 input[type="email"],
.contact_form_2 input[type="number"],
.contact_form_2 textarea{
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: none;
    border-bottom: 2px solid #f1f1f1;
    background: #f8f8f8;
    border-radius: 0;
    margin-bottom: 20px;
    font-size: 16px;
    color: #757575;
    font-weight: 400;
    letter-spacing: 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.contact_form_2 textarea{
    height: 190px;
    padding: 12px 15px;
    resize: none;
}
.contact_form_2 form input::-moz-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_2 form input::-ms-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_2 form input::-webkit-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_2 input[type="text"]:focus,
.contact_form_2 input[type="email"]:focus,
.contact_form_2 input[type="number"]:focus,
.contact_form_2 textarea:focus{
    border-bottom-color: #138bff;
}
.contact_form_2 input[type="text"].reqError, 
.contact_form_2 input[type="email"].reqError, 
.contact_form_2 input[type="number"].reqError, 
.contact_form_2 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}
.contact_form_2 .ast_loader{
    margin-right: 15px;
    margin-left: 0;
}
.bggreay{
    background: #f9f9f9;
}
.footer_0.bggreay .widget_title{
    color: #000;
    display: block;
}
.about_widget_2{
    position: relative;
}
.about_widget_2 > p{
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
    color: #999;
    padding-right: 15px;
}
.footer_0 ul{
    margin: 27px 0 0;
    padding: 0;
}
.footer_0 ul li{
    list-style: none;
    position: relative;
    margin-bottom: 12px;
}
.footer_0 ul li a{
    padding-left: 25px;
    display: inline-block;
    color: #999;
}
.footer_0 ul li a:hover{
    color: #138bff;
    padding-left: 30px;
}
.footer_0 ul li a:before {
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.contact_meta{
    position: relative;
    margin-top: 26px;
}
.contact_meta p{
    line-height: 26px !important;
    letter-spacing: .75px;
    margin: 0 0 14px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    color: #999;
}
.contact_meta p i{
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}
.contact_meta p:last-of-type{
    margin-bottom: 0 !important;
}
.copyright.lightbg{
    border-top: 1px solid #e7e7e7;
    background: #FFF;
}
.copyright.lightbg .copyies a:hover{
    color: #000;
}
.footer_social{
    position: relative;
    padding: 37px 0 36px;
}
.footer_social a{
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px;
}
.footer_social a i{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: .8;
    border-radius: 50%;
    padding: 9px 0;
    letter-spacing: 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.footer_social a:last-child{
    margin-right: 0px;
}
.footer_social i.fa-facebook:hover{
    background: #3765A3;
}
.footer_social i.fa-instagram:hover{
    background: #895A4D;
}
.footer_social i.fa-linkedin:hover{
    background: #0274B3;
}
.footer_social i.fa-twitter:hover{
    background: #5EA9DD;
}
.footer_social i.fa-dribbble:hover{
    background: #F26798;
}
.footer_social i.fa-behance:hover{
    background: #0056FF;
}

/*------------------------------------------------------------------------------
/ 3. Home 03
/------------------------------------------------------------------------------*/
.header_3{
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 4;
    width: 100%;
}
.h3_inner{
    min-height: 90px;
    background: transparent;
}
.logo_3{
    position: relative;
    padding: 18px 0;
}
.logo_3 img{
    height: 55px;
    width: auto;
    display: inline-block;
}
.h3_nav{
    position: relative;
}
.menuMenu3{
    position: relative;
    line-height: .8;
}
.menuMenu3.text-right{
    padding-right: 7px;
}
.menuMenu3.text-left{
    padding-left: 7px;
}
.menuMenu3 ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.menuMenu3 ul li{
    list-style: none;
    margin: 0 13px 0;
    display: inline-block;
    line-height: .8;
    padding: 39px 0;
    position: relative;
}
.menuMenu3 ul li a{
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
}
.menuMenu3 ul li a:after{
    width: 0px;
    height: 1px;
    background: #138bff;
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.fixedHeader .menuMenu3 ul li a:after{
    background: #000;
}
.menuMenu3 ul li:hover > a:after, .menuMenu3 ul li.active > a:after{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.menuMenu3 ul li:hover > a, .menuMenu3 ul li.active > a{
    color: #138bff;
}
.fixedHeader .menuMenu3 ul li:hover > a, .fixedHeader .menuMenu3 ul li.active > a{
    color: #000;
}
.menuMenu3 ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: center;
    padding: 0;
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 115%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.menuMenu3 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.menuMenu3 ul ul.sub-menu li {
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
}
.menuMenu3 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
    display: block;
}
.menuMenu3 ul ul.sub-menu li a:after{
    display: none;
}
.menuMenu3 ul ul.sub-menu li:hover > a, .menuMenu3 ul ul.sub-menu li.active > a{
    color: #000;
}
.menuMenu3 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.menuMenu3 ul ul.sub-menu ul.sub-menu{
    visibility: hidden;
    opacity: 0;
    top: 0px;
    left: 120%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}
.menuMenu3 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    left: 100%;
}
.bg_layer_1{
    display: inline-block;
    background: #138bff;
    color: #FFF;
    font-size: 50px;
    font-weight: 100;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
    min-height: 81px;
    padding: 5px 15px 15px;
    text-align: center;
}
.bg_layer_2{
    display: inline-block;
    background: #333;
    color: #FFF;
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 0;
    padding: 5px 15px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    min-height: 41px;
}
.ast_tab_2{
    position: relative;
}
.ast_tab_2_control{
    position: relative;
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
}
.ast_tab_2_control li{
    list-style: none;
    display: inline-block;
}
.ast_tab_2_control li a{
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    background: #f1f1f1;
    height: 45px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 45px;
    padding: 0 25px;
    font-weight: 600;
}
.ast_tab_2_control li.active a, .ast_tab_2_control li:hover a{
    background: #138bff;
    color: #fff;
}
.ab_content_2{
    padding: 18px 0 0 15px;
}
.ab_content_2 h2{
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    margin: 0 0 29px;
}
.ab_content_2 p.ast_lead{
    padding-right: 70px;
    margin-bottom: 25px;
}
.arrow_ul{
    margin: 0 0 34px;
    padding: 0;
}
.arrow_ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}
.arrow_ul li:last-child{
    margin-bottom: 0;
}
.arrow_ul li:before{
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.icon_box_5{
    width: 100%;
    position: relative;
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 34px;
    background: #FFF;
    border: 2px solid #f4f4f4;
    padding-right: 40px;
    margin: 40px 0;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.icon_box_5:hover{
    border-color: #FFF;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
.active .icon_box_5{
    box-shadow: none;
    border-color: #f4f4f4;
}
.active .icon_box_5:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .2);
    z-index: 4;
}
.active.center .icon_box_5:before{
    display: none;
}
.active.center .icon_box_5{
    background: #138bff;
    border-color: #138bff;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.09);
}
.icon_box_5 > i{
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #138bff;
    display: inline-block;
    margin-bottom: 60px;
}
.active.center .icon_box_5 > i{
    color: #FFF;
}
.icon_box_5 h3{
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    margin: 0 0 23px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 32px;
    position: relative;
}
.active.center .icon_box_5 h3{
    color: #fff;
}
.icon_box_5 h3:before{
    width: 40px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/step2.png) no-repeat left center;
}
.active.center .icon_box_5 h3:before{
    background: url(../images/step.png) no-repeat left center;
}
.icon_box_5 p{
    margin: 0 0 15px;
    color: #757575;
}
.active.center .icon_box_5 p{
    color: #fbfbfb;
}
.icon_box_5 .ast_learnmore{
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 500;
}
.active.center .icon_box_5 .ast_learnmore{
    color: #fbfbfb;
}
.icon_box_5 .ast_learnmore i{
    font-size: 15px;
    margin-left: 5px;
    color: #9e9e9e;
    top: 1px;
}
.active.center .icon_box_5 .ast_learnmore i{
    color: #fbfbfb;
}
.icon_box_5 .ast_learnmore:hover{
    color: #138bff;
}
.active.center .icon_box_5 .ast_learnmore:hover{
    color: #000;
}
.active.center .icon_box_5 .ast_learnmore:hover i{
    color: #000;
}
.service_slider{
    margin-top: -40px;
}
.service_slider .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 0;
    margin-top: -10px;
}
.service_slider .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.service_slider.owl-carousel .owl-dots .owl-dot:hover, .service_slider.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.service_slider.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.service_slider.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.service_slider.owl-carousel .owl-dots.disabled{
    display: block;
}
.skillDesc{
    position: relative;
}
.skillDesc h2{
    font-size: 36px;
    line-height: 50px;
    word-break: break-all;
    font-weight: 700;
    margin: 0 0 29px;
}
.singleSkill{
    position: relative;
    margin-bottom: 40px;
}
.singleSkill h4{
    font-size: 13px;
    color: #000;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
}
.ss_area{
    width: 100%;
    height: 3px;
    position: relative;
    background: #f8f8f8;
}
.ssa_inner{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}
.ss_area span{
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.pdt30{
    padding-top: 30px;
}
.featuresSection_2{
    background: #f7f7f7;
    padding-bottom: 70px;
}
.featureHolder{
    padding-left: 15px;
}
.icon_box_6{
    position: relative;
    margin-bottom: 43px;
}
.icon_box_6 i{
    font-size: 50px;
    color: #138bff;
    line-height: .8;
    display: block;
    letter-spacing: 0;
    margin: 0 0 30px;
}
.icon_box_6 h4{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0.8;
    margin: 0 0 28px;
    text-transform: uppercase;
    position: relative;
}
.icon_box_6 p{
    margin: 0;
}
.work_loop_3{
    position: relative;
    background: #000;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.squize_right {
    -webkit-transform: scaleX(.92188)translate3d(12.5px, 0, 0);
    transform: scaleX(.92188)translate3d(12.5px, 0, 0)
}
.squize_left {
    -webkit-transform: scaleX(.92188)translate3d(-12.5px, 0, 0);
    transform: scaleX(.92188)translate3d(-12.5px, 0, 0)
}
.hovernow.expandCurrent .work_loop_3 img{
    -webkit-transform: scaleX(1)translate3d(0, 0, 0);
    transform: scaleX(1)translate3d(0, 0, 0);
    opacity: .15 !important;
}
.hovernow.expandCurrent .work_loop_3 .wl3_thumb{
    -webkit-transform: scaleX(1.15625)translate3d(0, 0, 0);
    transform: scaleX(1.15625)translate3d(0, 0, 0);
    background: #138bff;
}
.work_loop_3 img{
    position: relative;
    width: 100%;
    height: auto;
    opacity: .35 !important;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wl3_thumb{
    background: #000;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wlp3_Content{
    position: absolute;
    left: 0;
    top: 0;
    padding: 50px;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wplp3_cates {
    margin: 0 0 22px;
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
}
.wplp3_cates a{
    color: inherit;
    display: inline-block;
}
.wplp3_cates a:hover{
    color: #000;
}
.wlp3_Content h2{
    font-size: 45px;
    line-height: 45px;
    font-weight: 700;
    margin: 0 0 23px;
}
.wlp3_Content h2 a{
    color: #FFF;
    transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.wlp3_Content h2 a:hover{
    color: #000;
}
.wlp3_Content p{
    margin: 0;
    color: #fbfbfb;
}
.work_loop_3 .ast_learnmore{
    position: absolute;
    left: 40px;
    bottom: 39px;
    z-index: 2;
    color: #fbfbfb;
}
.work_loop_3 .ast_learnmore i{
    color: #fbfbfb;
}
.work_loop_3 .ast_learnmore:hover,
.work_loop_3 .ast_learnmore:hover i{
    color: #000;
}

.work_loop_slider_2.owl-carousel .owl-nav{
    position: relative;
    text-align: center;
    padding: 50px 0 0;
}
.work_loop_slider_2.owl-carousel .owl-nav button{
    width: 45px;
    height: 45px;
    background: #138bff;
    color: #FFF;
    font-size: 16px;
    line-height: 45px;
    border: none;
    border-radius: 0px;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_slider_2.owl-carousel .owl-nav button.owl-next{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.work_loop_slider_2.owl-carousel .owl-nav button.owl-prev{
    margin-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.work_loop_slider_2.owl-carousel .owl-nav button:hover{
    color: #138bff;
    background: #000;
}
.mt50{
    margin-top: 50px;
}
.funfactsection2{
    background: #f8f8f8;
    padding: 120px 0;
}
.halfImg .ast_vieo_btn{
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    right: 0;
    bottom: 0;
    margin: auto;
}
.pdr30{
    padding-right: 30px;
}
.funfactsection2 .sec_title{
    margin-bottom: 34px;
}
.funfactsection2 p.ast_lead{
    margin-bottom: 36px;
    padding-right: 60px;
}
.fact_2{
    padding-left: 0;
    position: relative;
}
.fact_2 i{
    position: relative;
    font-size: 40px;
    color: #138bff;
    line-height: .8;
    display: inline-block;
    margin: 0 0 0px;
}
.fact_2 h2{
    font-size: 30px;
    color: #138bff;
    line-height: .8;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 23px 0 12px;
}
.fact_2 h3{
    font-size: 13px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.ast_tab_3{
    position: relative;
}
.ast_tab_3_controll{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    text-align: center;
}
.ast_tab_3_controll li{
    width: 16.666666%;
    list-style: none;
    padding: 0 2px;
    position: relative;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.ast_tab_3_controll li:after{
    border-style: solid;
    border-width: 12px 9px 0 9px;
    border-color: #138bff transparent transparent transparent;
    content: "";
    height: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: -12px;
    width: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.ast_tab_3_controll li.active:after{
    opacity: 1;
    visibility: visible;
}
.single_team_3{
    position: relative;
    background: #000;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .08);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.ast_tab_3_controll li.active .single_team_3{
    box-shadow: none;
}
.single_team_3 img{
    width: 100%;
    height: auto;
    opacity: 1;
}
.single_team_3:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}
.st3_info{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 15px;
    z-index: 2;
    background: #FFF;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.active .st3_info{
    background: #138bff;
}
.st3_info h2{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0;
    line-height: .8;
    color: #000;
}
.active .st3_info h2{
    color: #fff;
}
.active .st3_info h5{
    color: #fbfbfb;
}
.ast_tab_content_3{
    background: #f8f8f8;
    margin: 52px 0 0;
    padding: 96px 96px;
    position: relative;
}
.ast_tab_content_3 .sec_sub_title{
    margin: 0 0 29px;
}
.st3_tab_content h2{
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 43px;
}
.st3_social{
    position: absolute;
    right: 96px;
    top: 96px;
    font-size: 13px;
    color: #000;
    letter-spacing: 0;
    line-height: .8;
}
.st3_social a{
    margin-left: 15px;
    color: #757575;
}
.st3_social a:hover{
    color: #138bff;
}
.st3_meta{
    position: relative;
    margin: 0 0 39px;
}
.st3_meta p{
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}
.st3_meta p i {
    font-size: 18px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}
.st3_meta p span{
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #000;
}
.testimonialsection3{
    background: url(../images/bg/2.jpg) no-repeat fixed center center / cover;
}
.testimonial_item_3{
    background: transparent;
    padding: 0;
    position: relative;
}
.ti3_author{
    width: 90px !important;
    display: inline-block !important;
    height: 90px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
}
.testimonial_item_3 p{
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    font-family: Merriweather;
    margin: 25px 0 0;
}
.testimonial_item_3 h5{
    font-size: 14px;
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 42px 0 20px;
    color: #FFF;
    font-weight: 600;
}
.testimonial_item_3 img.signs{
    width: 180px;
    height: auto;
    display: inline-block !important;
}
.team_slider_1 .owl-nav{
    display: none;
}
.testimonial_slider_3 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 50px;
}
.testimonial_slider_3 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonial_slider_3.owl-carousel .owl-dots .owl-dot:hover, .testimonial_slider_3.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.testimonial_slider_3.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.testimonial_slider_3.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.clientSection_3{
    background: #FFF;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0;
}
.clients_3{
    position: relative;
    width: 100%;
    text-align: center;
}
.clients_3 img{
    width: auto !important;
    max-width: 100%;
    height: 107px;
    display: inline-block !important;
}
.client_slider_3.owl-carousel .owl-nav{
    margin: 0;
}
.client_slider_3.owl-carousel .owl-nav button{
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    color: #138bff;
    font-size: 16px;
    line-height: 45px;
    border-radius: 0;
    border: none;
    text-align: center;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.client_slider_3.owl-carousel .owl-nav button:hover{
    color: #FFF;
    background: #138bff;
}
.client_slider_3.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: -75px;
    top: 31px;
}
.client_slider_3.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: -75px;
    top: 31px;
}
.pricing_talbe_3{
    width: 100%;
    position: relative;
    background: #f8f8f8;
    padding: 50px 40px;
}
.pt3_head{
    width: 100%;
    position: relative;
}
.pt3_head h2{
    line-height: .6;
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin: 0 0 27px;
}
.pt3_head p{
    font-weight: 400;
    margin: 0;
}
.pt3_currency {
    color: #000;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.75;
    margin: 48px 0 55px;
    padding: 0;
    display: inline-block;
    position: relative;
    left: -9px;
}
.pt3_cur {
    color: #000;
    display: inline-block;
    font-size: 14px;
    padding-right: 0;
    padding-top: 11px;
    vertical-align: top;
    position: relative;
    top: -2px;
    right: -9px;
    font-weight: 600;
}
.pt3_prd {
    color: #000;
    font-size: 14px;
    font-style: italic;
    padding: 0;
    position: relative;
    left: -15px;
}
.pt3_desc{
    width: auto;
    position: relative;
    margin: 0 0 54px;
    padding: 0;
}
.pt3_desc li{
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}
.pt3_desc li.disabled{
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}
.pt3_desc li:last-child{
    margin-bottom: 0;
}
.pt3_desc li:before{
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.pt3_btn{
    width: 100%;
    position: relative;
    text-align: right;
    height: 60px;
}
.pt3_btn a{
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #138bff;
    border-radius: 0;
    text-align: center;
    position: relative;
}
.pt3_btn a:hover{
    background: #000;
}
.pt3_btn a:after{
    width: 25px;
    height: 1px;
    background: #fff;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
}
.pt3_btn a:before{
    width: 11px;
    height: 11px;
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.call2ActionSection3{
    background: url(../images/bg/6.jpg) no-repeat fixed center center / cover;
    padding-bottom: 0;
}
.mb60{
    margin-bottom: 60px;
}
.blog_loop_3{
    position: relative;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .035);
}
.bl3_thumb{
    position: relative;
}
.bl3_thumb img{
    width: 100%;
    height: auto;
}
.bl3_thumb:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.6) 100%);
}
.bl3_top_meta{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 30px 40px;
    line-height: 18px;
}
.bl3_top_meta a{
    color: #FFF;
    line-height: 18px;
    font-weight: 400;
}
.bl3_top_meta a:hover{
    color: #138bff;
}
.bl3_top_meta a i{
    font-size: 18px;
}
.bl3_details{
    padding: 35px 40px 0;
    border: 1px solid #e7e7e7;
    border-top: none;
}
.bl3_details h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 22px;
}
.bl3_details h3 a{
    color: #000;
}
.bl3_details h3 a:hover{
    color: #138bff;
}
.bl3_details p{
    margin: 0 0 34px;
}
.bl3_footer{
    border-top: 1px solid #e7e7e7;
    padding: 14px 0 20px;
}
.bl3_footer a{
    color: #757575;
    line-height: 18px;
    font-weight: 400;
}
.bl3_footer a i{
    font-size: 18px;
    color: #138bff;
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.bl3_footer a:hover{
    color: #138bff;
}
.mapSection2{
    background: url(../images/bg/1.jpg) no-repeat fixed center center / cover;
    padding: 0;
}
.mapSection2 .halfImg{
    z-index: 2;
}
.ast_map_2{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.ast_map_2 iframe{
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}
.contact_info.ci_light h3{
    color: #FFF;
}
.contact_info.ci_light p{
    color: #fbfbfb;
}
.contact_info2{
    position: relative;
}
.contact_info2 i{
    font-size: 50px;
    color: #138bff;
    line-height: 50px;
    height: 50px;
    margin: 0 0 30px;
    display: block;
}
.contact_info2.ci2_light i{
    color: #FFF;
}
.contact_info2.ci2_light{
    color: #FFF;
}
.contact_info2 h3{
    font-size: 16px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 23px;
}
.contact_info2.ci2_light h3{
    color: #FFF;
}
.contact_info2 p{
    margin: 0;
}
.contact_info2.ci2_light p{
    color: #fbfbfb;
}
.contact_info2 p a{
    color: #757575;
}
.contact_info2.ci2_light p a{
    color: #fff;
}
.conInfoItems .col-lg-6{
    border-right: 1px solid rgba(255, 255, 255, .6);
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding: 100px 15px;
} 
.conInfoItems .col-lg-6:nth-of-type(2), .conInfoItems .col-lg-6:nth-of-type(4){
    /*    border-right-color: transparent;*/
}
.conInfoItems .col-lg-6:nth-of-type(3), .conInfoItems .col-lg-6:nth-of-type(4){
    border-bottom-color: transparent;
}
.contact_form_3{
    position: relative;
}
.contact_form_3 label{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 5px;
    display: block;
}
.contact_form_3 input[type='text'], 
.contact_form_3 input[type='email'], 
.contact_form_3 input[type='number'], 
.contact_form_3 select, 
.contact_form_3 textarea {
    width: 100%;
    background: transparent;
    height: 41px;
    border: none;
    border-bottom: 2px solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 30px;
    color: #757575;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.contact_form_3 input[type='text']:focus, 
.contact_form_3 input[type='email']:focus, 
.contact_form_3 input[type='number']:focus, 
.contact_form_3 select:focus, 
.contact_form_3 textarea:focus {
    border-color: #138bff;
}
.contact_form_3 textarea {
    resize: none;
    height: 143px;
    margin-bottom: 25px;
}
.contact_form_3 input[type="text"].reqError, 
.contact_form_3 input[type="email"].reqError, 
.contact_form_3 input[type="number"].reqError, 
.contact_form_3 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}
.footer_2{
    background: #f9f9f9;
    padding: 75px 0;
}
.footer_2 .widget{
    margin: 0;
    padding: 0;
}
.footer_2 .widget_title{
    font-size: 20px;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 21px;
}
.footer_2 .widget_title strong{
    font-weight: 600;
}
.footer_2 .about_widget p{
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 39px;
}
.text-center .astral_social{
    justify-content: center;
}

/*------------------------------------------------------------------------------
/ 4. Home 04
/------------------------------------------------------------------------------*/
.top_bar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 4;
}
.tb_inner{
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.top_bar .headerInnerWrap {
    padding: 7px 0 8px;
}
.headerInnerWrap h5 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1px;
    padding-left: 35px;
    text-transform: uppercase;
    line-height: .8;
    margin: 0;
}
.headerInnerWrap h5 i {
    padding-right: 7px;
}
.header_social{
    position: relative;
    line-height: .8;
    padding: 12px 0;
}
.header_social a{
    font-size: 12px;
    display: inline-block;
    color: #fbfbfb;
    letter-spacing: 0;
    font-weight: 300;
    margin-right: 15px;
    line-height: .8;
}
.header_social a:hover{
    color: #138bff;
}
.slider_revolution .tparrows{
    background: transparent;
}
.slider_revolution .tparrows.tp-leftarrow:before {
    content: "\f104";
    font-family: Flaticon;
    font-size: 30px;
    color: #fff;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.slider_revolution .tparrows.tp-rightarrow:before {
    content: "\f103";
    font-family: Flaticon;
    font-size: 30px;
    color: #fff;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.slider_revolution .tparrows.tp-leftarrow:hover:before,
.slider_revolution .tparrows.tp-rightarrow:hover:before{
    color: #000;
}
.ast_vieo_btn_2{
    position: relative;
    padding-left: 75px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 60px !important;
    display: inline-block;
    color: #FFF;
}
.ast_vieo_btn_2 img{
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    left: 0;
    top: 0;
}
.scon_4 p.ast_lead{
    margin-bottom: 42px;
}
.icon_box_7{
    position: relative;
    background: #FFF;
    padding: 50px 30px 44px;
    text-align: center;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
    overflow: hidden;
    margin-bottom: 30px;
}
.icon_box_7:after{
    width: 150px;
    height: 150px;
    content: '';
    position: absolute;
    left: -25px;
    top: -25px;
    background: #F9DD9B;
    border-radius: 50%;
    opacity: .2;
}
.icon_box_7:before{
    width: 150px;
    height: 150px;
    content: '';
    position: absolute;
    right: -50px;
    bottom: -50px;
    background: #F9DD9B;
    border-radius: 50%;
    opacity: .15;
}
.icon_box_7.c2:after, .icon_box_7.c2:before{
    background: #F7B2EE;
}
.icon_box_7.c3:after, .icon_box_7.c3:before{
    background: #BAF99B;
}
.icon_box_7.c4:after, .icon_box_7.c4:before{
    background: #9BE4F9;
}
.icon_box_7 > i{
    font-size: 90px;
    line-height: .8;
    color: #138bff;
    z-index: 2;
    position: relative;
}
.icon_box_7 h3{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin: 19px 0 23px;
    line-height: .8;
    letter-spacing: 1px;
}
.icon_box_7 p{
    margin: 0 0 25px;
}
.ast_learnmore_2{
    font-size: 12px;
    color: #138bff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    line-height: .8;
}
.ast_learnmore_2 i{
    font-size: 10px;
    position: relative;
    top: 1px;
    left: 0;
    color: #138bff;
    margin-left: 7px;
    line-height: .8;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.ast_learnmore_2:hover{
    color: #000;
}
.ast_learnmore_2:hover i{
    left: 5px;
    color: #000;
}
.aboutSection4{
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #f8f8f8;
    padding-bottom: 142px;
}
.ab_clients{
    position: relative;
    margin-bottom: 30px;
}
.aboutSection4 p.ast_lead{
    padding-right: 60px;
}
.pdt23{
    padding-top: 23px;
}
.ab_clients img{
    width: 25%;
    height: auto;
    display: inline-block;
}
.ab4_img1 {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 1;
}
.ab4_img1 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}
.ab4_img2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.ab4_img2 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}
.ab4_img2:after {
    position: absolute;
    top: 40px;
    left: -40px;
    content: '';
    border: 10px solid #138bff;
    width: 470px;
    height: 458px;
}
.featuresSection4{
    padding: 0;
}
.f4_wrap{
    position: relative;
    background: url(../images/bg/f1.jpg) no-repeat center center / cover;
    padding: 100px 50px;
}
.f4_wrap:after{
    background: rgba(19, 139, 255, .85);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.f4_wrap.dip:after{
    background: rgba(19, 139, 255, .95);
}
.f4_wrap .icon_box_8{
    position: relative;
    z-index: 2;
}
.bg_2{
    background: url(../images/bg/f2.jpg) no-repeat center center / cover;
}
.bg_3{
    background: url(../images/bg/f3.jpg) no-repeat center center / cover;
}
.bg_4{
    background: url(../images/bg/f4.jpg) no-repeat center center / cover;
}
.bg_5{
    background: url(../images/bg/f5.jpg) no-repeat center center / cover;
}
.icon_box_8 {
    position: relative;
}
.icon_box_8 i{
    color: #138bff;
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    display: block;
}
.icon_box_8.light i{
    color: #FFF;
}
.icon_box_8 h3{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 37px 0 21px;
}
.icon_box_8.light h3{
    color: #FFF;
}
.icon_box_8 p{
    margin: 0;
}
.icon_box_8.light p{
    color: #fbfbfb;
}
.workSection4{
    padding: 120px 0;
}
.work_nav_3{
    position: relative;
    margin: 0 0 50px;
    padding: 0;
    line-height: .8;
}
.work_nav_3 li{
    list-style: none;
    display: inline-block;
    font-size: 13px;
    color: #757575;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: .8;
    margin: 0 20px;
    padding: 0 7px 20px;
    cursor: pointer;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_nav_3 li:after {
    width: 0%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    background: #138bff;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_nav_3 li:hover, .work_nav_3 li.active{
    color: #000;
}
.work_nav_3 li.active:after, .work_nav_3 li:hover:after{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.work_loop_4{
    position: relative;
    margin-bottom: 0;
    background: #138bff;
    margin-right: -1px;
}
.wl4_thumb{
    background: transparent;
    overflow: hidden;
}
.wl4_thumb img{
    width: 100%;
    height: auto;
    opacity: 1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}
.work_loop_4:hover .wl4_thumb img{
    opacity: .15;
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}
.wl4_cont{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px;
    width: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 2;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.work_loop_4:hover .wl4_cont{
    opacity: 1;
    visibility: visible;
    padding-bottom: 33px;
}
.wl4_cont h2{
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0 0;
    font-weight: 600;
}
.wl4_cont h2 a{
    color: #FFF;
}
.wl4_cont h2 a:hover{
    color: #000;
}
.wl4_cont p{
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    margin: 0;
}
.wl4_cont p a{
    color: inherit;
    margin: 0 5px;
    color: #FFF;
}
.wl4_cont p a:hover{
    color: #000;
}
.wl4_cont p a:first-child{
    margin-left: 0;
}
.wl4_cont p a:last-child{
    margin-right: 0;
}
.wl4_btn{
    position: absolute;
    top: 40px;
    left: 10px;
    width: 25px;
    height: 15px;
    opacity: 0;
    visibility: hidden;
}
.work_loop_4:hover .wl4_btn{
    opacity: 1;
    visibility: visible;
    left: 40px;
}
.wl4_btn:before {
    width: 11px;
    height: 11px;
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wl4_btn:after {
    width: 25px;
    height: 1px;
    background: #fff;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.wl4_btn:hover:after{
    background: #000;
}
.wl4_btn:hover:before{
    border-color: #000;
}
.single_team_4{
    position: relative;
}
.single_team_4 img{
    width: 100%;
    height: auto;
}
.st4_details{
    position: relative;
    text-align: center;
}
.st4_details h3{
    font-size: 30px;
    font-weight: 400;
    margin: 27px 0 20px;
    line-height: .8;
}
.st4_details h3 a{
    color: #000;
}
.st4_details h3 a:hover{
    color: #138bff;
}
.st4_details p{
    line-height: .8;
    margin: 0 0 38px;
    color: #138bff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}
.st4_social{
    position: relative;
    line-height: .8;
}
.st4_social a{
    font-size: 15px;
    color: #cccccc;
    margin-right: 17px;
    line-height: .8;
}
.st4_social a:hover{
    color: #138bff;
}
.st4_social a:last-child{
    margin-right: 0;
}
.team_slider_4 .owl-nav{
    display: none;
}
.team_slider_4 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 49px;
}
.team_slider_4 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_slider_4.owl-carousel .owl-dots .owl-dot:hover, .team_slider_4.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.team_slider_4.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.team_slider_4.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.testimonial_slider_4{
    position: relative;
}
.testimonial_slider_4 .carousel-indicators{
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    text-align: center;
    bottom: 0;
    top: 0;
    left: auto;
    display: block;
    width: 100%;
}
.testimonial_slider_4 .carousel-indicators li{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;
    background: transparent;
    display: inline-block;
    position: relative;
    margin: 0;
}
.testimonial_slider_4 .carousel-indicators li img{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .6;
    border-radius: 50%;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.testimonial_slider_4 .carousel-indicators li.active img{
    width: 70px;
    height: 70px;
    opacity: 1;
}
.testimonial_item_4 p{
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    margin: 0;
    font-family: Merriweather;
}
.testimonial_item_4 h5{
    font-size: 16px;
    margin: 38px 0 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    color: #FFF;
}
.testimonial_item_4 h6{
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #fbfbfb;
    margin: 0px;
    letter-spacing: 1px;
    font-style: normal;
}
.testimonial_item_4 h6 span{
    font-weight: 500;
}
.pricing_talbe_4{
    width: 100%;
    position: relative;
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.8) 0%, rgba(19,139,255,.8) 100%);
    padding: 3px;
}
.pt4_inner{
    background: #FFF;
    padding: 47px 37px;
}
.pt4_head{
    width: 100%;
    position: relative;
}
.pt4_head img{
    display: inline-block;
    height: 100px;
    width: auto;
}
.pt4_head h2{
    line-height: .8;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    margin: 39px 0 56px;
}
.pt4_currency {
    color: #000;
    font-size: 80px;
    font-weight: 700;
    line-height: 0.75;
    margin: 0 0 55px;
    padding: 0;
    display: inline-block;
    position: relative;
    left: -9px;
}
.pt4_cur {
    color: #000;
    display: inline-block;
    font-size: 14px;
    padding-right: 0;
    padding-top: 11px;
    vertical-align: top;
    position: relative;
    top: -2px;
    right: -9px;
    font-weight: 600;
}
.pt4_prd {
    color: #000;
    font-size: 14px;
    font-style: italic;
    padding: 0;
    position: relative;
    left: -15px;
}
.pt4_desc{
    width: auto;
    position: relative;
    margin: 0 0 54px;
    padding: 0;
}
.pt4_desc li{
    list-style: none;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
}
.pt4_desc li.disabled{
    color: rgba(117, 117, 117, .5);
    text-decoration: line-through;
}
.pt4_desc li:last-child{
    margin-bottom: 0;
}
.call2ActionSection4{
    background: url(../images/bg/2.jpg) no-repeat fixed center center / cover;
}
.call2ActionSection4 .sec_title{
    color: #fff;
    margin-bottom: 30px;
}
.call2ActionSection4 .ast_lead{
    color: #fbfbfb;
    margin-bottom: 42px;
}
.blog_loop_4{
    position: relative;
}
.bl4_thumb{
    position: relative;
}
.bl4_thumb img{
    width: 100%;
    height: auto;
}
.bl4_details{
    position: relative;
    padding: 27px 30px 30px;
}
.bl4_details h3{
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
}
.bl4_details h3 a{
    color: #000;
}
.bl4_details h3 a:hover{
    color: #138bff;
}
.bl4_details p{
    font-size: 14px;
    color: #757575;
    line-height: .8;
    margin: 0 0 16px;
}
.bl4_details p a{
    line-height: .8;
    display: inline-block;
    color: #757575;
    font-weight: 500;
}
.bl4_details p a:hover{
    color: #138bff;
}
.contactinfosection4{
    background: url(../images/bg/20.jpg) no-repeat fixed center center / cover;
}
.single_con_info{
    position: relative;
    padding: 0 30px;
}
.single_con_info img{
    max-width: 100%;
    display: inline-block;
}
.single_con_info h3{
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin: 36px 0 18px;
}
.single_con_info p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 7px;
    color: #fbfbfb;
}
.single_con_info p a{
    color: #fbfbfb;
}
.single_con_info p:last-child, .single_con_info p:last-of-type{
    margin-bottom: 0;
}
.contactSection4 .sec_sub_title{
    margin-bottom: 60px;
}
.contact_form_4{
    position: relative;
}
.icon_input{
    position: relative;
    margin-bottom: 20px;
}
.icon_input input,
.icon_input textarea{
    width: 100%;
    height: 53px;
    background: #FFF;
    border: 1px solid #e7e7e7;
    border-bottom-width: 2px;
    padding: 0 15px;
    border-radius: 0;
    color: #757575;
}
.icon_input textarea{
    height: 200px;
    resize: none;
    padding: 14px 15px;
}
.icon_input input::-moz-placeholder,
.icon_input textarea::-moz-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.icon_input input::-ms-input-placeholder,
.icon_input textarea::-ms-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.icon_input input::-webkit-input-placeholder, 
.icon_input textarea::-webkit-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.icon_input i{
    font-size: 18px;
    color: #138bff;
    position: absolute;
    line-height: 53px;
    right: 15px;
    top: 0;
}
.icon_input input.reqError,
.icon_input textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}
.footer_3{
    position: relative;
    background: #f9f9f9;
    padding: 75px 0;
}
.f3_content img{
    height: 55px;
    width: auto;
    display: inline-block;
}
.f3_content .astral_social{
    margin: 25px 0 24px;
}
.f3_content .astral_social a{
    margin: 0 8px;
}
.f3_content .astral_social a i{
    color: #000;
    background: #cccccc;
    width: 25px;
    height: 25px;
    line-height: 26px;
    font-size: 12px;
}
.f3_content .astral_social a i:hover{
    color: #FFF;
}
.f3_content .copyies{
    padding: 0;
    font-size: 12px;
}
.f3_content .copyies a{
    color: #000;
}
.f3_content .copyies a:hover{
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ 5. Home 05
/------------------------------------------------------------------------------*/
.header_4{
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: auto;
    z-index: 4;
}
.logo_4{
    position: relative;
    padding: 18px 0;
}
.logo_4 img{
    height: 55px;
    width: auto;
    max-width: 100%;
}
.mainMenu_4{
    position: relative;
    display: flex;
    justify-content: flex-end;
    line-height: .8;
}
.mainMenu_4 ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.mainMenu_4 ul li{
    list-style: none;
    margin: 0 27px 0 0;
    position: relative;
    display: inline-block;
    line-height: .8;
    padding: 39px 0;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
.mainMenu_4 ul li:last-child{
    margin-right: 0;
}
.mainMenu_4 ul li a{
    color: #FFF;
    display: inline-block;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .75px;
    position: relative;
    padding: 0 7px;
}
.mainMenu_4 ul li:hover > a, .mainMenu_4 ul li.active > a{
    color: #000;
}
.mainMenu_4 ul ul.sub-menu {
    background: #138bff;
    width: 210px;
    z-index: 9;
    text-align: left;
    padding: 0;
    left: 0%;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1,0,0,-30deg) translateX(0%);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}
.mainMenu_4 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mainMenu_4 ul ul.sub-menu li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
    padding: 0;
}
.mainMenu_4 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 20px;
}
.mainMenu_4 ul ul.sub-menu li:hover > a, .mainMenu_4 ul ul.sub-menu li a:hover, .mainMenu_4 ul ul.sub-menu li.active > a{
    color: #000;
}
.mainMenu_4 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(1,0,0,0deg) translateX(0%);
}
.mainMenu_4 ul ul.sub-menu ul.sub-menu{
    visibility: hidden;
    opacity: 0;
    top: 0px;
    left: 120%;
    border-left: 1px solid #0581f8;
    transform: translateX(0%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}
.mainMenu_4 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    left: 100%;
}
.h4_menu_btn{
    display: inline-block;
    width: 43px;
    height: 43px;
    background: rgba(19, 139, 255, .9);
    position: relative;
    border-radius: 50%;
    text-align: center;
    line-height: 3px;
    margin: 23px 0 18px 44px;
}
.h4_menu_btn:hover{
    background: #FFF;
}
.h4_menu_btn span{
    width: 19px;
    height: 2px;
    background: #FFF;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.h4_menu_btn:hover span{
    background: #138bff;
}
.h4_menu_btn span:first-child{
    margin-top: 15px;
}
.h4_menu_btn span:last-child{
    margin-bottom: 14px;
}
.banner_5{
    position: relative;
    height: 100vh;
}
.banner_5.overlay:after{
    background: rgba(0, 0, 0, .4);
}
.banner_5 .sec_sub_title{
    letter-spacing: 2px;
}
.banner_5 h2{
    font-size: 60px;
    font-weight: 200;
    color: #FFF;
    line-height: 70px;
    text-transform: uppercase;
    margin: 0 0 39px;
}
.header_5{
    position: absolute;
    left: 0;
    top: 0;
    min-height: 90px;
    width: 100%;
    z-index: 2;
    padding: 0 45px;
}
.logo_5{
    position: relative;
    padding: 23px 0;
}
.logo_5 img{
    height: 55px;
    width: auto;
}
.header_5 .h6_meta{
    padding: 42px 0;
}
.header_5 .h6_meta span{
    margin-right: 25px;
}
.header_5 .h6_meta span:last-child, .header_5 .h6_meta span:last-of-type{
    margin-right: 20px;
}
.mainMenu_5{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}
.mainMenu_5 ul{
    margin: 0;
    padding: 0;
    text-align: right;
}
.mainMenu_5 ul li{
    list-style: none;
    margin-bottom: 10px;
    display: block;
    line-height: .8;
}
.mainMenu_5 ul li:last-child{
    margin-bottom: 0;
}
.mainMenu_5 ul li a{
    font-size: 13px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    line-height: .8;
    padding: 13px 30px 13px;
    position: relative;
}
.mainMenu_5 ul li a:after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #138bff;
    z-index: -1;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.mainMenu_5 ul li a:hover:after, .mainMenu_5 ul li.active a:after{
    width: 100%;
}
.serviceSection5{
    position: relative;
}
.serviceSection5 .sec_sub_title{
    letter-spacing: 2px;
}
.icon_box_9{
    display: inline-block;
    position: relative;
    width: 100%;
    background: transparent;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.icon_box_9 .ib9_back i,
.icon_box_9 .ib9_front i {
    font-size: 64px;
    line-height: 1;
    color: #FFF;
    display: block;
    margin-bottom: 17px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_9 .ib9_back h3,
.icon_box_9 .ib9_front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    margin: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_9 .ib9_flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}
.ib9_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;
}
.ib9_front, .ib9_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;
}
.ib9_front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: rgba(0, 0, 0, .95);
    z-index: 2;
    padding: 48px 35px 45px;
    width: 100%;
}
.ib9_vertical .ib9_back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.ib9_back {
    background: #138bff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    padding: 48px 35px 45px;
    width: 100%;
}
.icon_box_9:hover .ib9_front, .icon_box_9.hover .ib9_front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.icon_box_9:hover .ib9_back, .icon_box_9.hover .ib9_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_9 .ib9_back h3,
.icon_box_9 .ib9_back i{
    color: #ffffff;
}
.aboutSection5{
    position: relative;
}
.parTwoContent {
    background: #000000;
    position: relative;
    width: 460px;
    padding: 146px 50px 131px;
}
.parTwoContent h2 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 45px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}
.parTwoContent h1 {
    font-size: 130px;
    font-weight: 100;
    color: #fff;
    line-height: 104px;
    margin-bottom: 47px;
    position: relative;
    left: -40px;
    text-transform: uppercase;
}
.parTwoContent h1 span {
    color: #fff;
}
.parTwoContent p {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 300;
}
.storySection{
    position: relative;
}
.storySection .sec_sub_title{
    letter-spacing: 2px;
}
.storyTimeline{
    position: relative;
    display: inline-block;
    width: 100%;
}
.storyTimeline:after{
    width: 100%;
    height: 3px;
    background: #138bff;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
}
.steps{
    position: relative;
    padding-bottom: 109px;
    padding-left: 50px;
}
.steps:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 12px 8px;
    border-color: transparent transparent #138bff transparent;
    content: '';
    position: absolute;
    left: 50px;
    top: 70px;
}
.steps.downs:after{
    border-width: 12px 8px 0 8px;
    border-color: #007bff transparent transparent transparent;
    top: 82px;
}
.steps.downs{
    padding-bottom: 0;
    padding-top: 115px;
}
.steps i{
    font-size: 40px;
    position: absolute;
    left: 0;
    line-height: 35px;
    height: 38px;
    color: #138bff;
}
.steps h6{
    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    margin: 0 0 8px;
}
.steps.downs h6{
    margin: 5px 0 8px;
}
.steps.lights h6{
    color: #FFF;
}
.steps p{
    margin: 0;
}
.steps.lights p{
    color: #fbfbfb;
}
.contactSection5{
    position: relative;
}
.contact_form_5{
    position: relative;
}
.contact_form_5 label{
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 5px;
    display: block;
}
.contact_form_5 input[type='text'], 
.contact_form_5 input[type='email'], 
.contact_form_5 input[type='number'], 
.contact_form_5 select, 
.contact_form_5 textarea {
    width: 100%;
    background: transparent;
    height: 41px;
    border: none;
    border-bottom: 2px solid #e7e7e7;
    font-size: 14px;
    margin-bottom: 30px;
    color: #FFF;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.contact_form_5 input[type='text']:focus, 
.contact_form_5 input[type='email']:focus, 
.contact_form_5 input[type='number']:focus, 
.contact_form_5 select:focus, 
.contact_form_5 textarea:focus {
    border-color: #138bff;
}
.contact_form_5 textarea {
    resize: none;
    height: 143px;
    margin-bottom: 25px;
}
.contact_form_5 form input::-moz-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_5 form input::-ms-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_5 form input::-webkit-input-placeholder{
    color: #757575 !important;
    opacity: 1 !important;
}
.contact_form_5 input[type="text"].reqError, 
.contact_form_5 input[type="email"].reqError, 
.contact_form_5 input[type="number"].reqError, 
.contact_form_5 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}

/*------------------------------------------------------------------------------
/ 6. Home 06
/------------------------------------------------------------------------------*/
.header_6{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 4;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .10);
    padding: 0 60px;
}
.logo_6{
    position: relative;
    padding: 20px 0 19px;
}
.logo_6 img{
    height: 55px;
    width: auto;
}
.mainMenu_6{
    text-align: left;
    position: relative;
    line-height: .8;
}
.mainMenu_6 ul{
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: .8;
}
.mainMenu_6 ul li{
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    padding: 39px 0;
    position: relative;
    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
}
.mainMenu_6 ul li:last-child{
    margin-right: 0;
}
.mainMenu_6 ul li:after{
    width: calc(100% + 20px);
    height: 2px;
    border-top: 2px dotted #FFF;
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    z-index: -1;

    transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
}
.mainMenu_6 ul li a{
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    line-height: .8;
}
.mainMenu_6 ul li:hover > a, .mainMenu_6 ul li.active > a{
    color: #FFF;
}
.mainMenu_6 ul li:hover:after, .mainMenu_6 ul li.active:after{
    opacity: 1;
    visibility: visible;
}
.mainMenu_6 ul ul.sub-menu {
    background: #138bff;
    width: 230px;
    z-index: 9;
    text-align: left;
    padding: 0;
    left: -10px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-30deg) translateX(0%);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
}
.mainMenu_6 > ul > li > ul.sub-menu::before {
    width: 10px;
    height: 5px;
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #138bff transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainMenu_6 ul ul.sub-menu li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #0581f8;
    position: relative;
    padding: 0;
}
.mainMenu_6 ul ul.sub-menu li:last-of-type{
    border: none;
}
.mainMenu_6 ul ul.sub-menu li:after{
    display: none;
}
.mainMenu_6 ul ul.sub-menu li a {
    font-size: 13px;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 15px;
}
.mainMenu_6 ul ul.sub-menu li a i{
    font-size: 16px;
    padding-right: 10px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
}
.mainMenu_6 ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0) translateX(0%);
}
.mainMenu_6 ul ul.sub-menu li:hover > a{
    color: #000;
}
.mainMenu_6 ul ul.sub-menu ul.sub-menu{
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 100%;
    border-left: 1px solid #0581f8;
    -webkit-transform:perspective(0) rotate3d(0,0,0,0) translateX(10%);
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
}
.mainMenu_6 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    -webkit-transform:perspective(0) rotate3d(0,0,0,0) translateX(0%);
}
.h6_meta{
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px;
    color: #FFF;
    line-height: 14px;
    padding: 37px 0;
}
.h6_meta span{
    margin-right: 25px;
}
.h6_meta span i{
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
    margin-right: 7px;
}
.h6_meta > span:last-child, .h6_meta > span:last-of-type{
    margin-right: 45px;
}
.h6_btn{
    cursor: pointer;
    height: 11px;
    line-height: 0.001;
    width: 20px;
    position: relative;
    display: inline-block;
    margin-top: 1px;
    margin-left: 0;
}
.h6_btn span {
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.h6_btn span:nth-child(1){
    top: 0;
    bottom: auto;
}
.h6_btn span:nth-child(3){
    top: auto;
    bottom: 0;
}
.h6_btn:hover span{
    background: #138bff;
}
.slider_revolution.slider_5 .slotholder:after{
    background: rgba(55, 55, 55, .5);
}
.slider_revolution.slider_5 .tparrows.tp-leftarrow:hover:before, 
.slider_revolution.slider_5 .tparrows.tp-rightarrow:hover:before {
    color: #138bff;
}
.title_layer{
    font-size: 70px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0;
    line-height: .8;
    display: inline-block;
    position: relative;
    margin: 0;
}
.title_layer:before{
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}
.title_layer:after{
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    right: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}
.page_banner{
    position: relative;
    width: 100%;
    height: 480px;
    background: url(../images/bg/25.jpg) no-repeat center center / cover;
}
.page_crumb{
    position: relative;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFF;
    line-height: .8;
    margin: 0 0;
    text-transform: uppercase;
}
.page_crumb a{
    color: #FFF;
    margin: 0 5px;
    display: inline-block;
    line-height: .8;
}
.page_crumb a:hover{
    color: #138bff;
}
.page_crumb span{
    color: #FFF;
    margin: 0 5px;
    display: inline-block;
    line-height: .8;
}
.pb_title{
    line-height: .8;
    font-size: 50px;
    font-weight: 100;
    color: #FFF;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 29px;
    position: relative;
    display: inline-block;
}

.pb_title:before{
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}
.pb_title:after{
    border-top: 2px dotted #fff;
    bottom: 0;
    content: "";
    height: 1px;
    right: -92px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 70px;
}
.blog_item{
    position: relative;
    margin-bottom: 44px;
}
.bi_thumb{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.bi_thumb img{
    width: 100%;
    height: auto;
}
.bi_details{
    position: relative;
}
.bi_meta{
    position: relative;
    line-height: .8;
    color: #aaaaaa;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 24px;
}
.bi_meta a.bi_date {
    color: #000;
    letter-spacing: 0;
    margin-right: 17px;
    display: inline-block;
    line-height: .8;
    position: relative;
    margin-bottom: 15px;
}
.bi_meta a.bi_date:after{
    height: 2px;
    width: 100%;
    background: #138bff;
    position: absolute;
    left: 0;
    bottom: -15px;
    content: '';
}
.bi_meta a.bi_date:hover{
    color: #138bff;
}
.bi_meta a.bi_cat{
    color: #aaaaaa;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: .8;
    display: inline-block;
}
.bi_meta a.bi_cat:hover{
    color: #138bff;
}
.bi_details h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    margin: 0 0 20px;
}
.bi_half .bi_details h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}
.bi_details h3 a{
    color: inherit;
}
.bi_details h3 a:hover{
    color: #138bff;
}
.bi_content{
    position: relative;
    margin: 0 0 25px;
}
.bi_content p{
    margin-bottom: 20px;
}
.bi_content p:last-of-type{
    margin-bottom: 0;
}
.ast_pagination{
    position: relative;
}
.ast_pagination a, .ast_pagination span{
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #f1f1f1;
    color: #000;
    font-size: 13px;
    line-height: .8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px 0;
    margin: 0 8px 0 0;
    border-radius: 50%;
}
.ast_pagination a:hover, .ast_pagination span.current{
    background: #138bff;
    color: #FFF;
}

/*------------------------------------------------------------------------------
/ 7. Blog Page
/------------------------------------------------------------------------------*/
.sidebar{
    padding-left: 45px;
}
.sidebar.leftsidebar{
    padding-left: 15px;
    padding-right: 45px;
}
.sidebar .widget{
    position: relative;
    margin-bottom: 60px;
}
.sidebar .widget_title{
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #138bff;
    line-height: .8;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.sidebar .search_form{
    position: relative;
    margin: 0;
    padding: 0;
}
.sidebar .search_form input{
    width: 100%;
    height: 45px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    color: #999;
    padding: 0 15px;
}
.sidebar .search_form button{
    position: absolute;
    right: 14px;
    top: 15px;
    font-size: 18px;
    line-height: 1;
    color: #000;
    height: auto;
    padding: 0;
    letter-spacing: 0;
    border: none;
    background: transparent;
}
.sidebar .search_form input::-moz-placeholder{
    color: #999 !important;
    opacity: 1 !important;
}
.sidebar .search_form input::-ms-input-placeholder{
    color: #999 !important;
    opacity: 1 !important;
}
.sidebar .search_form input::-webkit-input-placeholder{
    color: #999 !important;
    opacity: 1 !important;
}
.wid_social{
    position: relative;
}
.wid_social a{
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 8px;
    margin-right: 4px;
    text-align: center;
    width: 45px;
}
.wid_social a:hover{
    background: #138bff;
}
.rc_posts{
    position: relative;
}
.src_post {
    width: 100%;
    position: relative;
    min-height: 80px;
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 0 20px 100px;
    margin-bottom: 20px;
}
.src_post img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
}
.src_post span {
    font-size: 13px;
    color: #757575;
    line-height: .8;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    margin: 0 0 8px;
}
.src_post a{
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    margin: 0 0 7px;
    display: block;
}
.src_post a:hover{
    color: #138bff;
}
.rc_posts .src_post:last-of-type{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.tabclouds {
    width: 100%;
    position: relative;
    line-height: .8;
}
.tabclouds a {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0;
    border: 2px solid #e7e7e7;
    background: none;
    line-height: .8;
    padding: 10px 11px;
    margin-bottom: 10px;
    margin-right: 3px;
}
.tabclouds a:hover{
    background: #138bff;
    border-color: #138bff;
    color: #FFF;
}

.ast_com_tab{
    width: 100%;
    position: relative;
}
.act_controll.act_controll{
    margin: 0;
    padding: 0px;
    border: none;
    display: inline-block;
    width: 100%;
}
.act_controll li{
    float: left;
    list-style: none;
    width: 50%;
    line-height: .8;
    border: none;
    border-radius: 0px;
}
.act_controll li a{
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #000;
    line-height: .8;
    text-align: center;
    padding:  17px 0 18px;
    border: none;
    border-radius: 0px;
    margin: 0px;
}
.act_controll li.active{
    border: none;
    background: none;
}
.act_controll li.active a, 
.act_controll li a:hover{
    background: #138bff;
    color: #FFF;
    font-weight: 600;
    border: none !important;
    margin: 0px;
}
.ast_com_tab .tab-pane{
    padding-top: 14px;
}
.act_comment{
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.actc_header{
    position: relative;
    width: 100%;
    line-height: .8;
}
.actc_header img{
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}
.actc_header span{
    display: inline-block;
    color: #757575;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 10px;
    text-transform: uppercase;
}
.actc_header h5{
    margin: 12px 0 0;
    font-size: 14px;
    color: #000;
    letter-spacing: 0px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: .8;
}
.actc_header h5 a{
    color: #000;
}
.actc_header h5 a:hover{
    color: #138bff;
}
.actc_con{
    margin-top: 15px;
    font-style: italic;
}
.lastsComment{
    margin-bottom: 0px;
}
.widget.categories_list ul{
    margin: 0;
    padding: 0; 
    line-height: .8;
}
.widget.categories_list ul li{
    list-style: none;
    position: relative;
    line-height: .8;
    margin-bottom: 25px;
}
.widget.categories_list ul li:last-child{
    margin-bottom: 0;
}
.widget.categories_list ul li a{
    color: #757575;
    padding-left: 20px;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
    line-height: .8;
}
.widget.categories_list ul li a:before{
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 1px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.widget.categories_list ul li a:hover{
    color: #138bff;
    padding-left: 25px;
}

/*------------------------------------------------------------------------------
/ 8. Work all Page
/------------------------------------------------------------------------------*/
.work_nav_4{
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}
.work_nav_4 li{
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    background: #f1f1f1;
    height: 40px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 25px;
    font-weight: 600;
    margin: 0 5px;
    cursor: pointer;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_nav_4 li.active, .work_nav_4 li:hover{
    background: #138bff;
    color: #FFF;
}
.all_folio_items.row{
    margin-left: -1px;
    margin-right: -1px;
}
.all_folio_items.row .col-lg-4{
    padding-left: 1px;
    padding-right: 1px;
}
.work_loop_5{
    background: rgba(19, 139, 255, .3);
    padding: 40px 40px 35px;
    margin-bottom: 2px;
}
.wl5_thumb {
    position: relative;
    margin-bottom: 26px;
}
.wl5_thumb img{
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_5:hover .wl5_thumb img{
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
}
.wl5_details{
    position: relative;
}
.wl5_details p{
    color: #FFF;
    font-size: 12px;
    line-height: .8;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
}
.wl5_details p a{
    color: inherit;
    margin: 0 5px;
}
.wl5_details p a:first-child{
    margin-left: 0;
}
.wl5_details p a:hover{
    color: #000;
}
.wl5_details h3{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    margin: 8px 0 0;
}
.wl5_details h3 a{
    color: inherit;
}
.wl5_details h3 a:hover{
    color: #138bff;
}
.mt48{
    margin-top: 48px;
}
.work_loop_6{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.work_loop_6 img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.work_loop_6:hover img {
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
}
.wl6_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.8) 0%, rgba(19,139,255,.4) 100%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    visibility: hidden;
    opacity: 0;
}
.work_loop_6:hover .wl6_overlay {
    visibility: visible;
    opacity: 1;
}
.wl6_content {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px;
}
.wl6_content h4 {
    margin: 0;
}
.wl6_content h4 a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 11px;

    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.wl6_content h4 a:after {
    width: 100px;
    height: 2px;
    background: #fff;
    content: '';
    position: relative;
    top: 15px;
    text-align: left;
    display: block;
    transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.wl6_content h4 a:hover{
    color: #138bff;
}
.wl6_content h6 {
    margin: 0;
    font-size: 12px;
    line-height: .8;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 24px;
}
.wl6_content h6 a {
    color: inherit;
    display: inline-block;
    text-transform: uppercase;

    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.work_loop_6:hover .wl6_content h4 a, 
.work_loop_6:hover .wl6_content h4 a:after, 
.work_loop_6:hover .wl6_content h6 a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.wl6_content h6 a:hover{
    color: #138bff;
}
.work_nav_5{
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}
.work_nav_5 li{
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0;
    border: 2px solid #e7e7e7;
    background: none;
    line-height: .8;
    padding: 10px 15px;
    margin-right: 3px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_nav_5 li.active, .work_nav_5 li:hover{
    background: #138bff;
    border-color: #138bff;
    color: #FFF;
}
.work_loop_7{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.work_loop_7 img {
    max-width: 100%;
    height: auto;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.work_loop_7:hover img {
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
}
.wl7_overlay {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
    top: 15px;
    content: '';
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.8) 0%, rgba(19,139,255,.4) 100%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    visibility: hidden;
    opacity: 0;
}
.work_loop_7:hover .wl7_overlay {
    visibility: visible;
    opacity: 1;
}
.wl7_content {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}
.wl7_content h4 {
    margin: 0;
}
.wl7_content h4 a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 11px;

    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.wl7_content h4 a:hover{
    color: #138bff;
}
.wl7_content h4 a:after {
    width: 100px;
    height: 2px;
    background: #fff;
    content: '';
    position: relative;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    display: block;
    transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.wl7_content h6 {
    font-size: 12px;
    line-height: .8;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0;
    margin-top: 24px;
}
.wl7_content h6 a {
    color: inherit;
    display: inline-block;
    text-transform: uppercase;

    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;

    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    visibility: hidden;
    opacity: 0;
}
.work_loop_7:hover .wl7_content h4 a, 
.work_loop_7:hover .wl7_content h4 a:after, 
.work_loop_7:hover .wl7_content h6 a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.wl7_content h6 a:hover{
    color: #138bff;
}
.work_nav_6{
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    padding: 0;
}
.work_nav_6 li{
    cursor: pointer;
    letter-spacing: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    line-height: .8;
    margin: 0 15px;
    padding-bottom: 3px;
    position: relative;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_nav_6 li:after{
    width: 0%;
    height: 1px;
    background: #138bff;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    visibility: hidden;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_nav_6 li.active:after, .work_nav_6 li:hover:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.work_nav_6 li.active, .work_nav_6 li:hover{
    color: #138bff;
}
.work_loop_8 {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.work_loop_8:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,.85) 0%, rgba(19,139,255,.7) 100%);
    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;
}
.work_loop_8:hover:after {
    width: 100%;
}
.work_loop_8 img{
    width: 100%;
    height: auto;
    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;
}
.work_loop_8: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;
}
.wl8_content {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding-right: 15px;
    left: 20px;
    bottom: 45px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.work_loop_8:hover .wl8_content {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.work_loop_8 .wl8_content p{
    line-height: .8;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0 0 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.work_loop_8 .wl8_content p a {
    color: inherit;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.work_loop_8 .wl8_content p a:hover{
    color: #138bff;
}
.work_loop_8 .wl8_content h4 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    font-weight: 600;
    text-transform: none;
}
.work_loop_8 .wl8_content h4 a {
    color: #fff;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.work_loop_8 .wl8_content h4 a:hover{
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ 9. Service all Page
/------------------------------------------------------------------------------*/
.service_loop_1{
    position: relative;
}
.sl1_thumb{
    position: relative;
    background: rgba(19, 139, 255, .3);
    padding: 40px;
    margin: 0 0 29px;
}
.sl1_thumb img{
    width: 100%;
    height: auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    display: block;
}
.sl1_details{
    position: relative;
    padding: 0 40px;
}
.sl1_details h3{
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    margin: 0 0 13px;
}
.sl1_details h3 a{
    color: inherit;
}
.sl1_details h3 a:hover{
    color: #138bff;
}
.sl1_details p{
    margin: 0 0 22px;
}
.sl1_details ul{
    margin: 0;
    padding: 0;
}
.sl1_details ul li{
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
}
.pt1_body ul li:last-child{
    margin-bottom: 0;
}
.sl1_details ul li:before{
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.ti_ligth .testimonial_item p{
    color: #000;
}
.testimonial_slider_1.ti_ligth .carousel-indicators li h5{
    color: #000;
}
.testimonial_slider_1.ti_ligth .carousel-indicators li img{
    background: #000;
}
.serviceArea {
    position: relative;
}
.serviceArea img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.serviceArea h2 {
    font-size: 36px;
    line-height: 40px;
    color: #000;
    margin: 0 0 26px;
    letter-spacing: 0;
}
.serviceArea p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 0 31px;
}
.serviceArea .gaping {
    padding: 24px 0 0;
}
.serviceArea .gaping img {
    margin-bottom: 52px;
}
.serviceArea h3{
    font-size: 24px;
    line-height: .8;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.serviceArea ul {
    margin: 0;
    padding: 0;
}
.serviceArea ul li {
    list-style: none;
    display: block;
    line-height: 32px;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding-left: 25px;
    margin: 0 0 5px;
}
.serviceArea ul li:before {
    background: linear-gradient(130deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
    position: absolute;
    left: 0;
    top: 12px;
    content: "\f121";
    font-family: LineAwesome;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
    line-height: .8;
}
.benefit_title{
    margin-top: 51px;
}
.service_sidebar .widget{
    position: relative;
    margin-bottom: 30px;
}
.astral_services_help {
    position: relative;
    background: url(../images/service/6.jpg) no-repeat center center / cover;
    padding: 47px 40px 47px;
}
.astral_services_help h4 {
    font-size: 18px;
    line-height: .8;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 40px;
}
.astral_services_help p {
    color: #aaaaaa;
    margin: 0 0 25px;
}
.astral_services_help h2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 0;
}
.service_sidebar ul {
    margin: 0;
    padding: 0;
}
.service_sidebar ul li{
    list-style: none;
    display: block;
    line-height: .8;
    margin-bottom: 5px;
}
.service_sidebar ul li a{
    display: block;
    background: #f5f5f5;
    color: #aaaaaa;
    padding: 0 0;
    font-size: 18px;
    line-height: .8;
    letter-spacing: .60px;
    text-transform: capitalize;
    padding: 21px 30px;
}
.service_sidebar ul li a:hover,
.service_sidebar ul li.active a{
    background: #138bff;
    color: #fff;
}
.astral_SFaq {
    position: relative;
    margin: 0;
    padding: 20px 0 0;
    line-height: .8;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.astral_SFaq .panel-heading{
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}
.astral_SFaq .panel-heading a {
    text-decoration: none;
    font-size: 18px;
    background: transparent;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    white-space: normal;
    min-height: 50px;
    padding: 7px 40px 6px;
    margin: 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    display: block;
}
.astral_SFaq .panel-heading a[aria-expanded="true"]{
    background: #138bff;
    color: #fff;
    border-color: #138bff;
}
.astral_SFaq .panel-body {
    padding: 22px 40px 26px;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    border: 1px solid #dddddd;
    border-top: none;
    margin: 0;
}
.historySecton{
    background: url(../images/bg/6.jpg) no-repeat fixed center center / cover;
}

/*------------------------------------------------------------------------------
/ 10. Work Single
/------------------------------------------------------------------------------*/
.ws_thumb{
    position: relative;
    margin-bottom: 59px;
}
.ws_thumb img{
    width: 100%;
    height: auto;
}
.ws_head{
    position: relative;
    margin-bottom: 31px;
}
.ws_head h2{
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
    margin: -9px 0 24px;
    letter-spacing: 0;
}
.ws_head p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}
.ws_widget{
    position: relative;
    margin: 0 0 26px;
}
.ws_widget h5{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    color: #138bff;
    line-height: .8;
    margin: 0 0 12px;
    text-transform: uppercase;
}
.ws_widget p {
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}
.ws_widget p.cates a{
    color: #757575;
}
.ws_widget p.cates a:hover{
    color: #138bff;
}
.ws_challanges{
    position: relative;
}
.ws_challanges h5.sec_sub_title{
    margin-bottom: 20px;
}
.ws_challanges p{
    margin-bottom: 20px;
}
.ws_challanges p:last-of-type{
    margin-bottom: 0;
}
.mt40{
    margin-top: 40px;
}
.text_box_1{
    position: relative;
}
.text_box_1 i{
    font-size: 70px;
    color: #138bff;
    line-height: 1;
    display: block;
    margin: 0 0 14px;
}
.text_box_1 h5{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.text_box_1 p{
    font-weight: 300;
    margin: 0;
}
.ws_gallery{
    margin-top: 43px;
}
.ws_gallery img{
    width: 100%;
    height: auto;
}
.ws_gallery .carousel-control{
    width: 50px;
    height: 50px;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    background: #000;
    box-shadow: none;
    text-shadow: none;
    opacity: 1;
    line-height: 47px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.ws_gallery .carousel-control.left{
    left: 30px;
    right: auto;
}
.ws_gallery .carousel-control.right{
    left: auto;
    right: 30px;
}
.ws_gallery .carousel-control:hover{
    background: #138bff;
}
.feed_widget{
    border-top: 1px solid #e7e7e7;
    padding-top: 50px;
    margin-top: 24px;
}
.cfeed img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 23px;
}
.cfeed .cfd{
    font-family: Merriweather;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    font-weight: 400;
    color: #757575;
    margin: 0 0 18px;
}
.ws_widget.feed_widget h5{
    margin-bottom: 20px;
}
.cfeed h4{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    line-height: .8;
    letter-spacing: 1px;
    margin: 0;
}
.cfeed h4 span{
    color: #757575;
}
.ws_banner_meta {
    position: relative;
    line-height: .8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #FFF;
    top: -42px;
    z-index: 2;
}
.ws_banner_meta a{
    color: rgba(255, 255, 255, .7);
}
.ws_banner_meta a.wsbm_nav i{
    font-size: 14px;
    position: relative;
    bottom: -1px;
}
.ws_banner_meta a.wsbm_nav.left i{
    margin-right: 10px;
}
.ws_banner_meta a.wsbm_nav.right i{
    margin-left: 10px;
}
.ws_banner_meta a:hover{
    color: rgba(255, 255, 255, 1);
}
.wsbm_social{
    position: relative;
    bottom: -3px;
}
.wsbm_social a{
    margin: 0 8px;
}

.work_loop_10{
    position: relative;
    overflow: hidden;
}
.work_loop_10 img{
    width: 100%;
    height: auto;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_10:hover img{
    transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
}
.wl10_convent{
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    padding: 40px 40px 33px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_10:hover .wl10_convent{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.wl10_convent h3{
    color: #FFF;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 16px 0 0;
}
.wl10_convent h3 a{
    color: inherit;
}
.wl10_convent h3 a:hover{
    color: #138bff;
}
.wl10_convent p{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}
.wl10_convent p a{
    color: inherit;
}
.wl10_convent p a:hover{
    color: #138bff;
}

/*------------------------------------------------------------------------------
/ 11. Back Top Top and Fixed Header
/------------------------------------------------------------------------------*/
#backtotop {
    position: fixed;
    right: 50px;
    bottom: -50px;
    width: 40px;
    height: 40px;
    background: #138bff;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
#backtotop:hover{
    background: #000;
}
.fixedHeader {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border-color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.fixedHeader.header_1{
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}
.header_2.fixedHeader{
    background: #fff;
    top: 0px;
}
.header_3.fixedHeader{
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}
.header_4.fixedHeader{
    background: rgb(236,7,199);
    background: linear-gradient(80deg, rgba(236,7,199,1) 0%, rgba(19,139,255,1) 100%);
}

/*------------------------------------------------------------------------------
/ 12. Popup Zoom In
/------------------------------------------------------------------------------*/
html {
    -webkit-backface-visibility: hidden;
}
/* 
.mfp-figure - container that holds image and caption
.mfp-bg     - black overlay
.mfp-preloader - "Loading..." incdicator
*/
.mfp-ready .mfp-figure {
    opacity: 0;
}
.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(0.9);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}
/* CSS-based preloader */
.mfp-preloader {
    width: 30px;
    height: 30px;
    background-color: #FFF;
    opacity: 0.65;
    margin: 0 auto;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
html {
    -webkit-backface-visibility: hidden;
}
/* 
.mfp-figure - container that holds image and caption
.mfp-bg     - black overlay
.mfp-preloader - "Loading..." incdicator
*/
.mfp-ready .mfp-figure {
    opacity: 0;
}
.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: scale(0.9);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-iframe-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(0.9);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}
/* CSS-based preloader */
.mfp-preloader {
    width: 30px;
    height: 30px;
    background-color: #FFF;
    opacity: 0.65;
    margin: 0 auto;
    animation: rotateplane2 1.2s infinite ease-in-out;
}

@keyframes rotateplane2 {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
.mfp-close{
    border-radius: 50%;
    height: 40px;
    width: 40px !important;
    position: relative;
    right: 10px;
    line-height: .8;
    text-align: center;
    left: auto;
    padding: 0 0;
    opacity: 1;
    color: #000 !important;
    font-weight: 100;
    float: right;
    top: 10px;
    font-size: 30px;
    background: #fff !important;
    box-shadow: 0 0 0 0px #fff;
    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);
}
.mfp-close:hover {
    color: #138bff;
    box-shadow: 0 0 0 10px rgba(255,255,255, .3);
    box-shadow: 0 0 0 10px rgba(255,255,255, .3);
    -moz-box-shadow: 0 0 0 10px rgba(255,255,255, .3);
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    display: none;
}

/*------------------------------------------------------------------------------
/ 13. News Details Page
/------------------------------------------------------------------------------*/
.blog_details_content{
    position: relative;
    margin-bottom: 91px;
}
.bdc_thumb{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.bdc_thumb img{
    width: 100%;
    height: auto;
}
.bdc_head h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
    margin: 0 0 30px;
}
.bdc_content{
    position: relative;
}
.bdc_content p{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 300;
}
.bdc_content > p:last-of-type{
    margin-bottom: 0;
}
.bdc_img{
    position: relative;
    margin-top: 10px;
}
.bdc_img img{
    width: 100%;
    height: auto;
}
.mb37{
    margin-bottom: 37px;
}
blockquote{
    border-left: 2px solid #138bff;
    margin: 42px 0 40px;
    padding: 10px 30px;
    font-family: Merriweather;
    font-weight: 300;
    font-style: italic;
}
.bdc_content blockquote p{
    font-size: 16px;
    margin: 0;
    color: #000;
}
.relatedPostSection{
    background: #f8f8f8;
}
.relatedPostSection .sec_sub_title{
    margin-bottom: 60px;
}
.blog_loop_5{
    position: relative;
    overflow: hidden;
}
.blog_loop_5 > img{
    width: 100%;
    height: auto;
}
.bl5_content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 91%);
    padding: 30px;
    z-index: 2;
}
.bl5_content h3{
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}
.bl5_content h3 a{
    color: #FFF;
}
.bl5_content h3 a:hover{
    color: #138bff;
}
.bl5_content > span{
    width: 80px;
    height: 1px;
    display: block;
    margin: 39px auto 0;
    background: rgba(255, 255, 255, .4);
}
.bl5_cats{
    position: relative;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 500;
    margin: 25px 0 78px;
}
.bl5_cats a{
    color: inherit;
    display: inline-block;
    margin: 0 2px;
}
.bl5_cats a:hover{
    color: #138bff;
}
.bl5_auth{
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
}
.bl5_auth img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.bl5_footer{
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    padding: 30px 30px 0;
    line-height: .8;
}
.bl5_footer a{
    color: #FFF;
    line-height: .8;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
}
.bl5_footer a i {
    font-size: 18px;
    color: #138bff;
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.bl5_footer a:hover{
    color: #138bff;
}
.commentList {
    margin-bottom: 100px;
}
.commentList ol{
    margin: 0;
    padding: 0;
}
.commentList ol > li {
    list-style: none;
    min-height: 180px;
    padding-bottom: 1px;
    position: relative;
    margin-bottom: 48px;
}
.singleCom {
    padding-left: 120px;
    padding-top: 0;
    position: relative;
    margin-bottom: 40px;
}
.singleCom img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.comHead {
    margin-bottom: 15px;
}
.singleCom > p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 300;
}
.commentList ol > li:after {
    width: 100px;
    height: 1px;
    background: #e5e5e5;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.comDate {
    font-size: 12px;
    color: #138bff;
    letter-spacing: 0;
    line-height: .8;
}
.comDate:hover{
    color: #000000;
}
.comAutReply {
    position: relative;
}
.comAutReply a {
    position: relative;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 0.9;
    margin-right: 41px;
    text-transform: uppercase;
}
.comAutReply a:hover{
    color: #138bff;
}
.comAutReply a.reply{
    font-weight: 400;
    color: #138bff;
    margin-right: 0;
}
.comAutReply a.reply:hover{
    color: #000000;
}
.comAutReply a.reply::before {
    background: #cccccc;
    content: "";
    height: 1px;
    left: -24px;
    position: absolute;
    top: 5px;
    width: 15px;
}
.commentList ol li ul.ChildCom {
    padding-left: 140px;
    margin-bottom: 0;
    position: relative;
}
.commentList ol li ul.ChildCom li{
    list-style: none;
    position: relative;
}
.commentList ol li ul.ChildCom li .singleCom {
    margin-left: 20px;
}
.commentList ol li ul.ChildCom li:before {
    position: absolute;
    left: -10px;
    width: 10px;
    height: 180px;
    background: #f2f2f2;
    content: '';
}
.commentList ol > li:last-child:after {
    width: 100%;
}
.mr_b60{
    margin-bottom: 60px;
}
.commentFrom{
    position: relative;
}
.commentFrom input[type="text"], 
.commentFrom input[type="email"], 
.commentFrom input[type="number"], 
.commentFrom textarea{
    background: transparent;
}

/*------------------------------------------------------------------------------
/ 14. Popup Menu & Sidebar
/------------------------------------------------------------------------------*/
.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: #138bff;
}
.logo2{
    z-index: 99;
    position: absolute;
    left: 0;
    top: 30px;
}
.logo2 img{
    max-width: 100%;
    height: 55px;
}
.footer__contacts{
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    padding: 0;
}
.popUp_social{
    position: absolute;
    right: 0;
    bottom: 45px;
    padding: 0;
    font-size: 12px;
    line-height: .8;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.popUp_social a{
    color: inherit;
    margin-left: 15px;
    display: inline-block;
    line-height: .8;
}
.popUp_social a:hover{
    color: #138bff;
}
.popUp_social a:first-child{
    margin-left: 0;
}
.popUp_social a i{
    font-weight: 300;
    margin-right: 8px;
}
.footer__contacts li{
    list-style: none;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin: 0 0 5px;
    font-weight: 300;
    text-transform: uppercase;
}
.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;
}
.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: 15px 0;
    position: relative;
}
.dl-menu__wrap ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 500;
    padding-right: 15px;
    padding-top: 6px;
    padding-left: 15px;
    padding-bottom: 6px;
    position: relative;
    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.menu-item-has-children a{
    padding-right: 30px;
}
.dl-menu__wrap ul li a::after {
    background-color: #138bff;
    content: '';
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    pointer-events: none;
    user-select: none;
    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: 14px;
    top: 0;
    content: "\f107";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: 'fontAwesome';
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}
.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 ul li .dl-submenu li a{
    padding-right: 15px;
}
.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-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;
    }
}

/*------------------------------------------------------------------------------
/ 15. Home 07
/------------------------------------------------------------------------------*/
.menu_btn_7{
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 9;
    width: 50px;
    height: 50px;
    background: #138bff;
}
.menu_btn_7 span{
    width: 20px;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.menu_btn_7 span:first-child{
    top: -11px;
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.menu_btn_7 span:nth-of-type(02){
    transform: scale(1); 
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.menu_btn_7 span:last-child{
    bottom: -12px;
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.active.menu_btn_7 span:nth-of-type(1) {
    position: absolute;
    right: 0;
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.active.menu_btn_7 span:nth-of-type(02){
    transform: scale(0);
    opacity: 0;
}
.active.menu_btn_7 span:nth-of-type(3){
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.banner_7{
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #000;
}
.work_loop_9{
    position: relative;
    width: 100%;
    height: calc(100vh + 17px);
    overflow: hidden;
}
.work_loop_9:after{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, .45);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_9:hover:after{
    background: rgba(0, 0, 0, .75);
}
.work_loop_9 img{
    height: auto;
    width: 100%;
    min-height: 100%;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_9:hover img{
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}
.wl9_con{
    position: absolute;
    bottom: 38px;
    z-index: 2;
    padding: 0 40px;
    text-align: left;
    width: 100%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.work_loop_9:hover .wl9_con{
    bottom: 48px;
}
.wl9_con p{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ccc;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}
.wl9_con p a{
    color: inherit;
}
.wl9_con p a:hover{
    color: #138bff;
}
.wl9_con h3{
    color: #FFF;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 15px 0 0;
}
.wl9_con h3 a{
    color: inherit;
}
.wl9_con h3 a:hover{
    color: #138bff;
}
.wl9_pops{
    background: #222;
    border-radius: 50%;
    height: 48px;
    position: absolute;
    top: 48px;
    left: 40px;
    width: 48px;
    z-index: 2;
    display: inline-block;
    opacity: 0;
    visibility: hidden;

    transform: translateY(30px);
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.wl9_pops:hover{
    background: #138bff;
}
.work_loop_9:hover .wl9_pops{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.wl9_pops:before {
    content: '';
    background: #FFF;
    bottom: 0;
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.wl9_pops:hover:before{
    background: #FFF;
}
.wl9_pops:after {
    background: #FFF;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.wl9_pops:hover:after{
    background: #FFF;
}
.work_loop_slider_3.owl-carousel .owl-nav{

}
.work_loop_slider_3.owl-carousel .owl-nav button{
    width: auto;
    height: 36px;
    background: transparent;
    color: #FFF;
    font-size: 30px;
    line-height: 1;
    border: none;
    border-radius: 0;
    text-align: center;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.work_loop_slider_3.owl-carousel .owl-nav button.owl-prev{
    left: 40px;
    right: auto;
}
.work_loop_slider_3.owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: 40px;
}
.work_loop_slider_3.owl-carousel .owl-nav button:hover {
    color: #138bff;
    background: transparent;
}
.single_team_6{
    position: relative;
}
.st6_inner{
    position: relative;
    height: auto;
    overflow: hidden;
}
.st6_inner img{
    width: 100%;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single_team_6:hover .st6_inner img{
    transform: translateY(-160px);
    -moz-transform: translateY(-160px);
    -webkit-transform: translateY(-160px);
}
.st6_details{
    background: #138bff;
    padding: 0 30px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(160px);
    -moz-transform: translateY(160px);
    -webkit-transform: translateY(160px);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.single_team_6:hover .st6_details{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.st6d{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.st6_details p{
    margin: 0 0 17px;
    color: #FFF;
}
.st6_social{
    position: relative;
    line-height: .8;
}
.st6_social a {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    margin-right: 10px;
    line-height: .8;
}
.st6_social a:hover{
    color: #000;
}
.st6_info{
    padding-left: 30px;
    margin-top: 29px;
}
.st6_info h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 16px;
}
.st6_info h3 a{
    color: inherit;
}
.st6_info h3 a:hover{
    color: #138bff;
}
.st6_info p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}
.team_slider_6 .owl-nav{
    display: none;
}
.team_slider_6 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.team_slider_6 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_slider_6.owl-carousel .owl-dots .owl-dot:hover, .team_slider_6.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.team_slider_6.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.team_slider_6.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.icon_box_10{
    display: block;
    position: relative;
    width: 100%;
    background: url(../images/service/1.jpg) no-repeat center center / cover;
    padding: 39px 40px 34px;
    overflow: hidden;
}
.icon_box_10:after{
    position: absolute;
    left: -5%;
    top: -5%;
    content: '';
    width: 110%;
    height: 110%;
    background: rgba(0, 0, 0, .98);
}
.icon_box_10:before{
    width: 3px;
    height: 47px;
    left: 0;
    top: 40px;
    content: '';
    background: #138bff;
    position: absolute;
    z-index: 3;
}
.icon_box_10 *{
    position: relative;
    z-index: 2;
}
.icon_box_10 > i{
    font-size: 64px;
    line-height: 1;
    color: #138bff;
    display: block;
    margin-bottom: 12px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_10 h3{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    margin: 0 0 18px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_10 p{
    margin: 0 0 20px;
    color: #FFF;
    font-weight: 100;
}
.icon_box_10 .ast_learnmore_2{
    color: #757575;
}
.icon_box_10 .ast_learnmore_2:hover{
    color: #138bff;
}
.icon_box_10 .ast_learnmore_2:hover i{
    color: #fff;
}
.service_slider_2 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.service_slider_2 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #444;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.service_slider_2.owl-carousel .owl-dots .owl-dot:hover, .service_slider_2.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.service_slider_2.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.service_slider_2.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.single_team_5{
    position: relative;
    overflow: hidden;
}
.single_team_5 img{
    width: 100%;
    height: auto;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.single_team_5:hover img{
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
}
.st5_hover {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.single_team_5:hover .st5_hover{
    opacity: 1;
    visibility: visible;
}
.st5_social {
    position: absolute;
    left: auto;
    right: 30px;
    top: 10px;
    line-height: .8;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.single_team_5:hover .st5_social{
    opacity: 1;
    visibility: visible;
    top: 40px;
}
.st5_social a {
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    margin-left: 15px;
    line-height: .8;
}
.st5_social a:hover{
    color: #138bff;
}
.st5_con {
    position: absolute;
    left: 35px;
    top: auto;
    bottom: 10px;
    text-align: left;
    opacity: 0;
    visibility: hidden;

    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.single_team_5:hover .st5_con{
    opacity: 1;
    visibility: visible;
    bottom: 40px;
}
.st5_con h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0 0 16px;
}
.st5_con h5 a{
    color: #fff;
}
.st5_con h5 a:hover{
    color: #138bff;
}
.st5_con p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #ccc;
    letter-spacing: 1px;
    line-height: .8;
    margin: 0;
}
.team_slider_5 .owl-dots{
    line-height: 10px;
    text-align: center;
    padding-top: 30px;
}
.team_slider_5 .owl-dots .owl-dot{
    margin: 0 5px;
    width: 6px;
    height: 6px;
    top: -2px;
    position: relative;
    background: #444;
    border-radius: 50%;
    transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.team_slider_5.owl-carousel .owl-dots .owl-dot:hover, .team_slider_5.owl-carousel .owl-dots .owl-dot.active{
    background: #138bff;
}
.team_slider_5.owl-carousel .owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    top: 0;
}
.team_slider_5.owl-carousel .owl-dots .owl-dot:focus{
    outline: 0;
    box-shadow: none;
}
.contactSection6{
    position: relative;
}
.contact_form_6{
    position: relative;
}
.icon_input_2{
    position: relative;
    margin-bottom: 20px;
}
.icon_input_2 input{
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .85);
    color: #FFF;
    padding: 0 15px;
    margin: 0;
    font-weight: 300;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.icon_input_2 i{
    position: absolute;
    right: 15px;
    top: 18px;
    color: rgba(255, 255, 255, .8);
    line-height: .8;
    z-index: 2;
}
.contact_form_6 textarea{
    width: 100%;
    height: 145px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .85);
    color: #FFF;
    padding: 12px 15px;
    resize: none;
    font-weight: 300;
    margin-bottom: 20px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.contact_form_6 input:focus, .contact_form_6 textarea:focus{
    border-bottom-color: #138bff;
}
.contact_form_6 form input::-moz-placeholder,
.contact_form_6 textarea::-moz-placeholder{
    color: #FFF !important;
    opacity: .7 !important;
}
.contact_form_6 form input::-ms-input-placeholder, 
.contact_form_6 textarea::-ms-input-placeholder{
    color: #FFF !important;
    opacity: .7 !important;
}
.contact_form_6 textarea::-webkit-input-placeholder,
.contact_form_6 form input::-webkit-input-placeholder{
    color: #FFF !important;
    opacity: .7 !important;
}
.contact_form_6 input[type="text"].reqError, 
.contact_form_6 input[type="email"].reqError, 
.contact_form_6 input[type="number"].reqError, 
.contact_form_6 textarea.reqError {
    background: #f8d7da;
    border-color: #f5c6cb;
}
.footer_4{
    padding: 120px 0 110px;
    background: #111;
}
.footer_4 .widget{
    margin: 0 0;
    padding: 0;
}
.footer_4 .widget_title{
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: .7;
    margin: 0 0 35px;
    color: #fff;
}
.footer_4 .widget_title span{
    font-weight: 600;
}
.footer_4 .about_widget_2 {
    position: relative;
}
.footer_4 .about_widget_2 img{
    max-width: 100%;
    height: auto;
    margin-bottom: 28px;
}
.footer_4 .about_widget_2 p{
    line-height: 26px;
    letter-spacing: .75px;
    margin: 0 0 14px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}
.footer_4 .about_widget_2 p.aw2_address{
    margin-bottom: 34px;
}
.footer_4 .about_widget_2 p i {
    font-size: 18px;
    color: #FFF;
    letter-spacing: 0;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 7px;
}
.fsw_items {
    position: relative;
}
.fsw_items a{
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: .8;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #757575;
    margin-bottom: 18px;
}
.fsw_items a:last-child{
    margin-bottom: 0;
}
.fsw_items a i{
    color: #FFF;
    width: 30px;
    text-align: left;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
}
.fsw_items a:hover{
    color: #138bff;
}
.footer_4 .insta_imgs{
    padding-top: 0;
}

/*------------------------------------------------------------------------------
/ 16. Preloader
/------------------------------------------------------------------------------*/
.preloader {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.preloaderInner {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.preloaderInner span{
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    border: 3px solid #138bff ;
    border-radius:50%;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    animation: 5s Move3 linear infinite;
}
.preloaderInner span:before, 
.preloaderInner span:after {
    content:"";
    display: block;
    position: absolute;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    width: 64px;
    height:64px;
    top: -3px
}
.preloaderInner span:before {
    border-color: #000;
    left: -70px;
    animation: 5s Move1 ease-in-out infinite;
}
.preloaderInner span:after {
    border-color: rgb(236,7,199);
    right: -70px;
    animation: 5s Move2 ease-in-out infinite;
}
@keyframes Move1 {
    50% {left:70px}
}
@keyframes Move2 {
    50% {right:70px}
}
@keyframes Move3 {
    20% {transform:rotateX(-180deg);}
    40% {transform:rotate(180deg);}
    60%{transform:rotate(-180deg);}
    80% {transform:rotateY(-180deg);}
}


.footer_4 .h7abs .about_widget_2{
    margin-top: -7px;
}