/* Theme Name: pixelproficient */
@charset "utf-8";
/*----------------------
Call External Styles
----------------------*/
.slideBanner {
    position: relative;
    left: 80px;
    top: 10px;
}
/*----------------------
GLOBAL RESET
----------------------*/
body {
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-size:13px;
    margin: 0px;
    padding: 0px;
    
}
.main_wrapper{}
.clear { height: 0; line-height: 0; clear: both; }
.clr { height: 0; line-height: 0; clear: both; }


/*----------------------
Special Effects
----------------------*/
a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


/*----------------------
Typography
----------------------*/
a {
    color:#6a6a6a;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-decoration: none !important;
}
a:hover {color:#000;}

p {
    color: #979797;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Poppins', sans-serif;
}
h2{
    color:#474747;
    font-size: 50px;
    font-weight:600;
}
ul{
        padding: 0;
}
li{
        color: #979797;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
    list-style:none;
}

/* Buble Button css start */
.largefont {
    width: 180px;
}
div.bub-btn {
  margin-bottom: 20px;
  display: inline-block;
  height: 100%;
  -webkit-animation: hue-rotate 10s linear infinite;
  animation: hue-rotate 10s linear infinite;
  margin: 0 5px 20px;
}
a.button.button--bubble{
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    background: red;
    position: relative;
    padding: 12px 30px;
    text-transform: uppercase;
    display: inline-block;
    background:red;
    position:relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name:myfirst;
    -webkit-animation-duration:10s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    /* Standard syntax */
    animation-name:myfirst;
    animation-duration:10s;
    animation-timing-function:linear;
    animation-delay:0s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
0%   {background: #16a085; left:0px; top:0px;}
25%  {background: #1abc9c; left:0px; top:0px;}
50%  {background: #9b59b6; left:0px; top:0px;}
75%  {background: #8e44ad; left:0px; top:0px;}
100% {background: #16a085; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst
{
0%   {background: #16a085; left:0px; top:0px;}
25%  {background: #1abc9c; left:0px; top:0px;}
50%  {background: #9b59b6; left:0px; top:0px;}
75%  {background: #8e44ad; left:0px; top:0px;}
100% {background: #16a085; left:0px; top:0px;}
}
/* Buble Button css End */
a.common_btn{
    color: #545454;
    /* font-size: 15px; */
    text-transform: capitalize;
    background: #f2f2f2;
    padding: 10px 0;
    text-decoration: none;
    width: 138px;
    display: block;
    text-align: center;
    position: relative;
    margin: 25px 0 0 0;
    padding-bottom: 17px;
    font-size: 0;
    font-weight: 500;
}
a.common_btn:hover{
    background: transparent;
    color:#fff;
}
a.common_btn:hover:before{border: none;background: #d93939;color: #fff;}
a.common_btn:before{
    content: "Read More";
    border: 2px solid #919191;
    position: absolute;
    padding: 10px 0;
    left: -6px;
    width: 130px;
    top: -6px;
    color: #545454;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: uppercase;
}
/* pakge button */
a.common_btn_p{
    color: #545454;
    /* font-size: 15px; */
    text-transform: capitalize;
    background: #f2f2f2;
    padding: 10px 0;
    text-decoration: none;
    width: 267px;
    display: block;
    text-align: center;
    position: relative;
    margin: 20px auto 0;
    padding-bottom: 43px;
    font-size: 0;
    font-weight: 500;
    cursor: pointer;
}
a.common_btn_p:hover{
    background: transparent;
    color:#fff;
}
a.common_btn_p:hover:before{border: none;background: #d93939;color: #fff;}
a.common_btn_p:before{
    content: "Order Now";
    border: 2px solid #919191;
    position: absolute;
    padding: 10px 0;
    left: -5px;
    width: 264px;
    top: -6px;
    color: #545454;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: uppercase;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
/*----------------------
Header
----------------------*/
.header-top {
    background-color: #04cd63;
    padding: 7px 0;
    display:none;
}
.header-top ul {
    padding: 0;
    margin: 0;
}   
.header-top ul li {
    display: inline-block;
}
.top-br-left {
    position: relative;
}
.header-top ul li a span {

    position: absolute;
    left: 30px;
    top: -4px;
    width: 300px;
    line-height: 14px;
    font-size: 16px;

}
.header-top ul li a span i {

    font-style: normal;
    font-size: 10px;

}
ul.top-br-right li:last-child {

    border-right: 0;
    padding-right: 0;
    margin-right: 0;

}
.header-top ul li a .fa {

    font-size: 23px;
    margin: -3px 0 0 0;
    padding: 0;
    display: inline-block;
    float: left;

}
.header-top ul li .fa {
    padding: 0 8px 0 0;
    line-height: 0;
    font-size: 15px;
    color: #fff;
}
.header-top ul li a {
    color: #fff;
    font-weight: 600;
}
ul.top-br-right {
    float: right;
}
ul.top-br-right li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #3f66bd;
}
ul.top-br-right li:first-child a {
    color: #fff;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
ul.top-br-right li span {
    color: #fff;
    font-weight: 600;
}

.tab_btn.sticky {
    position: fixed;
    font-size: 24px;
    line-height: 48px;
    height: 48px;
    width: 100%;
    text-align: left;
    z-index: 999;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    text-align: center;
    border-bottom: 1px solid #d93939;
}


.header{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: transparent;
    padding: 20px 0 0;
    position: absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    vertical-align: middle;
    height: 138px;
}
.headerLeftCol .Logo{}
.headerLeftCol .Logo img{}
.mainNavCol{
    position: absolute;
    right: 0;
    top: 45px;
    padding: 0;
}
.headerRightCol{
    /* position: absolute; */
    /* right: 0; */
}
.headerRightCol .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    border: 0;
    margin: 0;
    min-height: auto;
}
.MobileNav{display:none;}
ul.nav.navbar-nav.first_navbar {
    width: 100%;
    float: right;
    text-align: right;
    background: #fff;
    position: relative;
}
ul.nav.navbar-nav.first_navbar:before {
    content: " ";
    background: #04cd63;
    width: 83px;
    height: 72px;
    position: absolute;
    z-index: -9;
    top: -20px;
    left: -30px;
}
ul.nav.navbar-nav.first_navbar li{}
ul.nav.navbar-nav.first_navbar li a{
    color: #4c4c4c;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}
ul.nav.navbar-nav.first_navbar li.active a,
ul.nav.navbar-nav.first_navbar li a:hover,
ul.nav.navbar-nav.first_navbar li.active a:hover, 
ul.nav.navbar-nav.first_navbar li.active a:focus {
    color: #f49335;
    background-color: transparent;
}
li.top_chat {
    position: absolute;
    right: 160px;
    top: 0;
}

li.top_chat a {text-transform: capitalize !important;color: #f49235 !important;font-size: 14px !important;margin: -2px 0 0 0;}

li.top_chat a span .fa {
    font-size: 21px;
    margin: 0 4px 0 0;
    position: relative;
    top: 2px;
}
li.top_tel{
    position: absolute;
    right: 0;
    background: #04cd63;
}
li.top_tel a{
    color: #fff !important;
    font-size: 17px;
}
li.top_tel a span{
    font-size: 19px;
    margin: 0 5px 0 0;
    line-height: 0;
    position: relative;
    top: 1px;
}

ul.nav.navbar-nav.second_navbar {
    background: #f49335;
    width: 100%;
    float: right;
}
ul.nav.navbar-nav.second_navbar li{}
ul.nav.navbar-nav.second_navbar li a{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 11px;
    padding-bottom: 11px;
}

ul.nav.navbar-nav.second_navbar li.active a,
ul.nav.navbar-nav.second_navbar li a:hover,
ul.nav.navbar-nav.second_navbar li.active a:hover, 
ul.nav.navbar-nav.second_navbar li.active a:focus {
    color: #fff;
    background-color: transparent;
}
.headerRightCol .navbar-inverse .navbar-collapse, .headerRightCol .navbar-inverse .navbar-form{
    padding: 0;
}

/*----------------------*/
/*    Page Banner       */
/*----------------------*/
.main-home  {
    /* height: 760px; */
    position: relative;
}
.main-home .headBox {
    padding: 0;
}
.trustpilot-banner img {
    max-width: 100%;
}

.trustpilot-banner {
    margin: 0 auto 0;
    float: left;
    position: absolute;
    bottom: 30px;
    /* left: 0; */
    /* width: 100%; */
    /* right: 0; */
    margin-left: -15px;
}
#bannerWeb {
    /* padding: 0; */
    /* height: calc(100vh - 169px); */
    display: flex;
    align-items: center;
    vertical-align: middle;
    width: 100%;
    height: 760px;
}

.fullBanner {
    /* height: 100vh; */
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    /* padding: 88px 0 0; */
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
section .headBox {
    /* margin: 0 0 60px; */
    padding: 10vh 0 0 0;
}
#bannerWeb .headBox h2 {
    font-size: 50px;
    line-height: 60px;
}
section .headBox h2 {
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    margin: 0 0 10px;
}
#bannerWeb .headBox p {
    font-size: 24px;
    line-height: 32px;
}
section .headBox ul{
    padding:0;
    margin: 0 0 40px 0;
}
section .headBox ul li{
        z-index: 15;
        position: relative;
        list-style: none;
        font-size: 18px;
        color: #000;
        margin: 0 0 10px 0;
        padding: 0 0 0 25px;
}
section .headBox ul li:before {
    width: 12px;
    height: 12px;
    background: #d93939;
    display: block;
    content: "";
    border-radius: 15px;
    position: absolute;
    left: 1px;
    top: 4px;
}
section .headBox p {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 25px;
}
.btn-group-own {
    margin: 0;
    padding: 0;
}
#bannerWeb .btn {
    padding: 15px 50px;
}

#bannerWeb .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
#bannerWeb .btn-group-own .btn {
    float: left;
}
#bannerWeb .btn {
    background-color: #f49235;
    border-width: 1px;
    border-style: solid;
    /* border-color: #d93939; */
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    display: table;
    margin: 0 10px 0 0;
    padding: 10px 30px;
    position: relative;
    z-index: 20;
}
#bannerWeb .btn-primary {
    background-color: transparent;
    color: #2dcd63;
    border-color: #2dcd63;
}
#bannerWeb .btn-primary:hover {
    background-color: #2dcd63;
    color: #fff;
    border-color: #2dcd63;
}

/*----------------------*/
/*  Slider Wrapper      */
/*----------------------*/

.HomeSliderWrapper{
    /* width: 100%; */
    /* margin: 0 auto; */
    /* float: left; */
}
.secBanner {
    /* padding: 210px 0 60px 0; */
    background-position: center center;
}

section#bannerHome {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f3f1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f3f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f4f3f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f1',GradientType=0 );
}
#home-slider{}
#home-slider .item{
    /* position: relative; */
}
#home-slider .item img , #privacyortermscondition-page .item img{
    display: block;
    width: 100%;
    height: auto;
}
.slide_caption{
    /* position: absolute; */
    /* top: 50%; */
    /* width: 660px; */
    -ms-transform: translate(0%, -50%);
    /* transform: translate(0%, -50%); */
}
.slide_caption h1{
    color: #000;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 0;
}
.slide_caption p{
    color: #000;
    font-size: 16px;
    margin: 15px 0 30px;
}
.slide_caption button{
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    float: right;
    background: transparent;
        -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slide_caption button:hover {
    background: #d93939;
}
.HomeSliderWrapper .owl-controls.clickable {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}
.HomeSliderWrapper .owl-theme .owl-controls .owl-page.active span, 
.HomeSliderWrapper .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 9;
    background: #989898;
    /* border: 6px solid #d93939; */
    width: 10px;
    height: 10px;
}
.HomeSliderWrapper .owl-theme .owl-controls .owl-page span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px 0;
    filter: Alpha(Opacity=50);
    opacity: 9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #9898986b;
}
.bannerForm {
    background: #13337b;
    padding: 20px 20px;
    /* border: 2px solid #171717; */
    border-radius: 5px;
    /* box-shadow: 2px 10px 20px #888888c9; */
    width: 100%;
    display: inline-block;
}
.bannerForm h2{
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 27px;
}
.bannerForm input{}
.bannerForm .bub-btn{
    float: right;
}
/*----------------------*/
/*    Awards Section    */
/*----------------------*/
.secAwards {
    text-align: center;
    padding: 50px 0 50px;
}
.secAwards p {
    font-weight: 300;
    font-size: 22px;
    line-height: 37px;
}
.secAwards .awardslogo {
    display: table;
    margin: 40px auto;
}
.secAwards .awardsLink {
    margin: 0 auto 0px;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    display: table;
    color: #616161;
}
.secAwards .awardsLink img, .secAwards .awardsLink .words {
    float: left;
}
.secAwards .awardsLink .words {
    margin-left: 10px;
}
.secAwards .awardsLink .green {
    color: #00b67a;
}
.ban-btm-box {
    margin: 30px 0 0 0;
}
.ban-btm-box .item img {
    max-width: 100%;
}



/*----------------------*/
/*    Recent Section    */
/*----------------------*/
section.secRecent {
    padding: 80px 0 0;
    background-color: #fff;
}
section.secRecent p{
    text-align: center;
    margin: 20px 0 0px 0;
    color: #000;
}
section.secRecent h2 {
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 18px;
}
section.secRecent h2:after {
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.secRecent .carousel-indicators {
    position: relative;
    left: 0;
    right: 0;
    bottom: inherit;
    margin: 40px auto 30px;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    width: 100%;
}
.secRecent .carousel-indicators > div {
    text-indent: inherit;
    margin: 0;
    padding: 0 20px 10px;
    width: auto;
    height: inherit;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #b9b9b9;
    cursor: pointer;
    position: relative;
    border-bottom: 5px solid transparent;
    display: inline-block;
}
.secRecent .carousel-indicators > div.active {
    background: none;
    color: #334046;
    border-color: #334046;
}
.secRecent .carousel-fade .carousel-inner {
    background: transparent;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}
#logoDesign .headBox {
    margin-bottom: 35px;
}


.logoArea {
    margin: 0 0 30px;
}
.effect-sadie, .effect-apollo {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.logBox {
    width: 100%;
    padding-top: 100%;
    margin: 0 0 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.logBox .wrap {
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.buttonWrap {
    text-align: center;
}


#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
    background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}

/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/*----------------------*/
/* Home About Us        */
/*----------------------*/

section.home_about{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: url(../images/home-aboutbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    /* min-height: 600px; */
}
/*section.home_about.logo_designhome_about img {
    width: 100%;
}
*/
section.home_about.logo_designhome_about {
    background: url(../images/logo-design-home-aboutbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}
.homeaboutRight{
    /* display: grid; */
    /* align-items: center; */
    /* margin: 0 auto; */
    /* height: 590px; */
}
.aboutContent{
     display: grid;
     align-items: center;
     margin: 0 auto;
     min-height: 590px;
}
.homeaboutRight h2{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.homeaboutRight h2:after{
    content:" ";
    background: #d93939;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 30px;
}
.homeaboutRight p{}
/*=============*/
/*   Wrap 6    */
/*=============*/
.wrap6 {
    /* background-color: #fff; */
    margin: 50px 0px 0;
    padding-bottom: 30px;
    /* padding-top: 25px; */
    float: left;
    width: 100%;
    /* background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#f9fbfa)); */
    /* background: -webkit-linear-gradient(bottom,#fff,#f9fbfa); */
    background: -o-linear-gradient(bottom,#fff,#f9fbfa);
    /* background: linear-gradient(0deg,#fff,#f9fbfa); */
    position: relative;
    z-index: 9;
    min-height: 530px;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
.wrap6 h2{
        color: #000;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
.wrap6 h2:after {
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.wrap6 .bx-wrapper .bx-viewport {left: 0;margin: 0;top: 0;}
.bxSlider{
    width: 100%;
    margin: 20px auto 0;
    float: left;
    /* min-height: 470px; */
    display: inline-block;
    align-items: center;
    vertical-align: middle;
}

#bx-pager {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 380px;
    position: relative;
}
#bx-pager h6 {
    color: #161d27;
    font-size: 42px;
    font-weight: 700;
    padding: 1px 0 1%;
    text-align: left;
}
#bx-pager h6 span {
    color: #65657a;
    display: block;
    font-size: 26px;
}
#bx-pager a {
    /* display: block; */
    /* clear: both; */
    /* width: 98%; */
    /* height: 50px; */
    /* margin-bottom: 5px; */
    /* background-color: #f0f0f0; */
    /* border-radius: 5px; */
    /* padding: 4% 10px 0px; */
    /* text-align: left; */
    /* color: #333; */
    /* font-size: 20px; */
    /* line-height: 22px; */
    /* text-decoration:none; */
}
#bx-pager a.active {
    background-color: #484bb4 !important;
    color: #fff !important;
}


/*----------------------*/
/* Home Our Work        */
/*----------------------*/

section.home_workSection{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: url(../images/our-workbg.png);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 50px 0 50px;
    /* min-height: 790px; */
}
section.home_workSection h2{
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
section.home_workSection h2:after{
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.home_workSection p{
    text-align: center;
    margin-bottom: 70px;
}
.workbox {
    min-height: 300px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.workbox .box__content {
    position: absolute;
    padding: 30px 40px 0px 30px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: translateY(74%);
    -moz-transform: translateY(74%);
    -o-transform: translateY(74%);
    -ms-transform: translateY(74%);
    transform: translateY(74%);
}
.workbox .box__title {
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: 1;
}
.workbox .box__subtitle {
    color: #e8e8e8;
    font-size: 15px;
    font-weight: 200;
    text-align: left;
}
.workbox .box__linkbtn {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}
.workbox .btn.\--btn-primary {
    background: #001e7d;
    color: #ffffff;
    border-color: #001e7d;
}
.workbox:hover .box__content {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    background: #2b2e31;
}

/*--------------------------*/
/* Home Portfolio Our Work */
/*------------------------*/

section.home_portfolio_work{
    width: 100%;
    margin: 0 auto 0;
    float: left;
    background: transparent;
    padding: 40px 0;
}
section.home_portfolio_work.logo_design_portfolio {
    margin-top: 0;
    background: #fff;
}
section.home_portfolio_work h2{
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
section.home_portfolio_work h2:after{
    content:" ";
    background: #d93939;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.home_portfolio_work p{
    text-align: center;
    color: #474747;
    margin: 29px 0 0 0;
}
.home_portfolio_inner{
    width: 100%;
    float: left;
    margin: 50px 0 30px 0;
}

.card {
  /* overflow: hidden; */
  position: relative;
  display: inline-block;
  /*! height: 500px; */
}

.img-container {
  /* transition: transform .1s ease; */
  /*! position: absolute; */
  /*! bottom: 0; */
}

.img-container:hover {
  /* transform: scale(1.1); */

}

.card img {
  /*! transform: translate(0,0); */
  /* transition: opacity .25s ease-in-out; */
  max-width: 100%;
  height: auto;
}

.card img:hover {
  opacity: 1;
}

section.home_portfolio_work a.common_btn{
    clear: both;
    margin: 0 auto;
    display: block;
    /* float: left; */
    text-align: center;
}

/*--------------------------*/
/* Home Packages Secttion  */
/*------------------------*/

section.home_packages{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: url(../images/home-pack-bg01.jpg) no-repeat;
    padding: 40px 0;
    background-size: cover;
}
section.home_packages h2{
    color: #000;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
section.home_packages h2:after{
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.home_packages p{
    text-align: center;
    margin: 40px 0 40px 0;
    color: #000;
}
.pricing_packages_tab{
    text-align: center;
}
.pricing_packages_tab ul.nav.nav-tabs{
    border: 0;
    margin: 0 0 30px 0;
}
.pricing_packages_tab ul.nav.nav-tabs li{
    float: none;
    display: inline-block;
    /* border-right: 1px solid #000; */
    line-height: 0;
    padding: 0px 0 0 0;
    position: relative;
    
}

.pricing_packages_tab ul.nav.nav-tabs li:last-child{ border-right:0; }
li.logo_tab {    position: relative; }
li.logo_tab:before {
    background: url(../images/packg-tab-icon.png);
    content: " ";
    position: absolute;
    background-position: -150px -7px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
li.web_tab {    position: relative; }
li.web_tab:before {
    background: url(../images/packg-tab-icon.png);
    content:" ";
    position: absolute;
    background-position: -81px -7px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
li.combo_tab {    position: relative; }
li.combo_tab:before {
    background: url(../images/packg-tab-icon.png);
    content:" ";
    position: absolute;
    background-position: -219px -7px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
li.video_tab {    position: relative; }
li.video_tab:before {
    background: url(../images/packg-tab-icon.png);
    content:" ";
    position: absolute;
    background-position: -9px -83px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
li.Content_tab {    position: relative; }
li.Content_tab:before {
    background: url(../images/packg-tab-icon.png);
    content:" ";
    position: absolute;
    background-position: -298px -7px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
li.Stationery_tab {    position: relative; }
li.Stationery_tab:before {
    background: url(../images/packg-tab-icon.png);
    content:" ";
    position: absolute;
    background-position: -83px -83px;
    padding: 0;
    top: 0;
    width: 68px;
    height: 71px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.pricing_packages_tab ul.nav.nav-tabs li a{
    font-size: 17px;
    color: #000;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 82px 0 3px 0;
    margin: 0 15px;
    line-height: 15px;
    border: 0;
    cursor: pointer;
    text-decoration: none;
}
.pricing_packages_tab ul.nav.nav-tabs li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #f49335;
    transition: width .3s;
    margin: 0 0 0 0;
    position: relative;
    top: 3px;
}
.pricing_packages_tab ul.nav.nav-tabs li.active a::after {
    content: '';
    display: none;
}

.pricing_packages_tab ul.nav.nav-tabs li a:hover::after {
    width: 100%;
    //transition: width .3s;
}


.pricing_packages_tab .nav-tabs > li > a:hover{
    background: none !important;
    /* border: 0; */
    font-weight: 400 !important;
    color: #f49335 !important;
}
.pricing_packages_tab .nav-tabs > li.active > a,.pricing_packages_tab .nav-tabs > li.active > a:hover,.pricing_packages_tab .nav-tabs > li.active > a:focus{
    background: none !important;
    /* border: 0; */
    color: #f49335 !important;
    border-bottom: 2px solid #f49335 !important;
}


.pkge_header {
    min-height: 220px;
    background-repeat: no-repeat !important;
    background-size: 100% 99% !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 0 0 0;
    overflow: hidden;
    position: relative;
}
.rushhour:before {
    content: "Free Rush Delivery";
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding: 7px 10px;
    /* text-indent: -32px; */
    text-align: center;
    display: block;
    -ms-transform: rotate(-51deg);
    -webkit-transform: rotate(-51deg);
    transform: rotate(-51deg);
    height: 35px;
    width: 190px;
    background-color: red;
    position: absolute;
    border: 2px solid #b70000;
    box-shadow: 2px 1px 5px 0px #b7b7b7;
    left: -56px;
    top: 29px;
    margin: 0;
    /* overflow: hidden; */
}
.pack_icon{
    width: 143px;
    height: 75px;
    display: inline-block;
    background: url(../images/pkge-icon.png) no-repeat;
    /* background-color: red; */
    background-size: cover;
    background-position: 0 -85px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.b-price-plan:hover .pack_icon{
    background-position: 0 0px;
}

/* Pack Box 1 css */
.package_box1 .pkge_header{ background: url(../images/pkg-bg/pkge-bg1.png); }
.package_box1 a.common_btn_p:before {    border: 2px solid #4866ca;    color: #4765c9; }
.package_box1:hover a.common_btn_p:before {    border: none;    background: #4d6bcb;    color: #fff; font-weight:600}
.package_box1:hover .pack-price h4{color: #4765c9; }
.package_box1 .pack-price h4{color: #000; }
.package_box1:hover .pack-price p {color: #4765c9 !important; opacity: .5;}
.package_box1 .pack-price p {color: #000 !important; opacity: .5;}
.package_box1 ul.pkg-cta{background: #4d6bcb;}
/* Pack Box 2 css */
.package_box2 .pkge_header{background: url(../images/pkg-bg/pkge-bg2.png);}
.package_box2 a.common_btn_p:before {border: 2px solid #6aba31;color: #6aba31;}
.package_box2:hover a.common_btn_p:before {    border: none;    background: #6aba31;    color: #fff; font-weight:600}
.package_box2:hover .pack-price h4{color: #6aba31;}
.package_box2 .pack-price h4{color: #000; }
.package_box2:hover .pack-price p {color: #6aba31 !important;opacity: .5;}
.package_box2 .pack-price p {color: #000 !important; opacity: .5;}
.package_box2 ul.pkg-cta{background: #6aba31;}
/* Pack Box 3 css */
.package_box3 .pkge_header{ background: url(../images/pkg-bg/pkge-bg3.png); }
.package_box3 a.common_btn_p:before {border: 2px solid #2ac6a4;color: #2ac6a4;}
.package_box3:hover a.common_btn_p:before {border: none;background: #2ac6a4;color: #fff;font-weight:600;}
.package_box3:hover .pack-price h4{color: #2ac6a4;}
.package_box3 .pack-price h4{color: #000; }
.package_box3:hover .pack-price p {color: #2ac6a4 !important;opacity: .5;}
.package_box3 .pack-price p {color: #000 !important; opacity: .5;}
.package_box3 ul.pkg-cta{background: #2ac6a4;}
/* Pack Box 4 css */
.package_box4 .pkge_header{ background: url(../images/pkg-bg/pkge-bg4.png); }
.package_box4 a.common_btn_p:before {border: 2px solid #4b59cb;color: #4b59cb;}
.package_box4:hover a.common_btn_p:before {border: none;background: #4b59cb;color: #fff;font-weight:600;}
.package_box4:hover .pack-price h4{color: #4b59cb;}
.package_box4 .pack-price h4{color: #000; }
.package_box4:hover .pack-price p {color: #4b59cb !important;opacity: .5;}
.package_box4 .pack-price p {color: #000 !important; opacity: .5;}
.package_box4 ul.pkg-cta{background: #4b59cb;}
/* Pack Box 5 css */
.package_box5 .pkge_header{ background: url(../images/pkg-bg/pkge-bg5.png); }
.package_box5 a.common_btn_p:before {border: 2px solid #fd9366;color: #fd9366;}
.package_box5:hover a.common_btn_p:before {border: none;background: #fd9366;color: #fff;font-weight:600;}
.package_box5:hover .pack-price h4{color: #fd9366;}
.package_box5 .pack-price h4{color: #000; }
.package_box5:hover .pack-price p {color: #fd9366 !important;opacity: .5;}
.package_box5 .pack-price p {color: #000 !important; opacity: .5;}
.package_box5 ul.pkg-cta{background: #fd9366;}
/* Pack Box 6 css */
.package_box6 .pkge_header{ background: url(../images/pkg-bg/pkge-bg6.png); }
.package_box6 a.common_btn_p:before {border: 2px solid #ff1629;color: #ff1629;}
.package_box6:hover a.common_btn_p:before {border: none;background: #ff1629;color: #fff;font-weight:600;}
.package_box6:hover .pack-price h4{color: #ff1629;}
.package_box6 .pack-price h4{color: #000; }
.package_box6:hover .pack-price p {color: #ff1629 !important;opacity: .5;}
.package_box6 .pack-price p {color: #000 !important; opacity: .5;}
.package_box6 ul.pkg-cta{background: #ff1629;}
/* Pack Box 7 css */
.package_box7 .pkge_header{ background: url(../images/pkg-bg/pkge-bg7.png); }
.package_box7 a.common_btn_p:before {border: 2px solid #269ad6;color: #269ad6;}
.package_box7:hover a.common_btn_p:before {border: none;background: #269ad6;color: #fff;font-weight:600;}
.package_box7:hover .pack-price h4{color: #269ad6;}
.package_box7 .pack-price h4{color: #000; }
.package_box7:hover .pack-price p {color: #269ad6 !important;opacity: .5;}
.package_box7 .pack-price p {color: #000 !important; opacity: .5;}
.package_box7 ul.pkg-cta{background: #269ad6;}
/* Pack Box 8 css */
.package_box8 .pkge_header{ background: url(../images/pkg-bg/pkge-bg8.png); }
.package_box8 a.common_btn_p:before {border: 2px solid #746dd4;color: #746dd4;}
.package_box8:hover a.common_btn_p:before {border: none;background: #746dd4;color: #fff;font-weight:600;}
.package_box8:hover .pack-price h4{color: #746dd4;}
.package_box8 .pack-price h4{color: #000; }
.package_box8:hover .pack-price p {color: #746dd4 !important;opacity: .5;}
.package_box8 .pack-price p {color: #000 !important; opacity: .5;}
.package_box8 ul.pkg-cta{background: #746dd4;}
/* Pack Box 9 css */
.package_box9 .pkge_header{ background: url(../images/pkg-bg/pkge-bg9.png); }
.package_box9 a.common_btn_p:before {border: 2px solid #30ae8a;color: #30ae8a;}
.package_box9:hover a.common_btn_p:before {border: none;background: #30ae8a;color: #fff;font-weight:600;}
.package_box9:hover .pack-price h4{color: #30ae8a;}
.package_box9 .pack-price h4{color: #000; }
.package_box9:hover .pack-price p {color: #30ae8a !important;opacity: .5;}
.package_box9 .pack-price p {color: #000 !important; opacity: .5;}
.package_box9 ul.pkg-cta{background: #30ae8a;}

.best-plan{
    margin: 60px auto 30px auto;
    position: relative;
    z-index: 99;
    font-size: 15px;
    line-height: 1.55;
    color: rgba(51,51,51,1);
    font-weight: 300;
}

.best-plan__head{
    text-align: center;
    margin-bottom: 45px;    
}

.best-plan__title{
    font-size: 36px;
    margin-bottom: 15px;
    margin-top:50px;
    font-weight: 800;
    color:#3c2f17;
}
.best-plan__title + p{
    font-size: 18px;
    font-weight: 300;
}

.b-price-plan{
    /* border: 1px solid #e2e2e2; */
    width: 100%;
    max-width: 100%;
    display: inline-block;
    /* margin: 0 auto 30px auto; */
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .35s linear, -webkit-transform .35s linear, -webkit-box-shadow .3s linear;
    transition: opacity .35s linear, -webkit-transform .35s linear, -webkit-box-shadow .3s linear;
    -o-transition: transform .35s linear, opacity .35s linear, box-shadow .3s linear;
    transition: transform .35s linear, opacity .35s linear, box-shadow .3s linear;
    transition: transform .35s linear, opacity .35s linear, box-shadow .3s linear, -webkit-transform .35s linear, -webkit-box-shadow .3s linear;
    padding-bottom: 0px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 10px #0000001f;
}

/*.b-price-plan__item{
    padding: 15px 30px; 
}*/

.b-price-plan__head{
    padding-top: 8px;
    padding-bottom: 0px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.b-price-plan__head > h3{
    font-size: 18px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 0;
    line-height: 22px;
    font-weight: 800;
}
.b-price-plan__head > h3 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 1px 0;
}
.b-price-plan__head > h3 span.ptl {
    font-size: 14px;
    padding:  0 0 0;
    line-height: 18px;
}
span.ptl.combo-ptl{     margin: 4px 0 0 0; }
ul.pack_star {
    padding: 0;
    line-height: 0;
    margin: 6px 0 0 0;
}

ul.pack_star li {
    list-style: none;
    display: inline-block;
    color: #fbba3a;
    font-size: 13px;
    line-height: 0;
}
/*.b-price-plan__head > h3:after {
    content: " ";
     width: 54px; 
     height: 3px; 
    position: absolute;
     background: #fff; 
     bottom: -12px; 
     left: 0; 
     right: 0;
     margin: 0 auto; 
}*/
/*
.price_foot{        
    text-align: center;
    position: relative; 
    overflow: hidden;   
}
.price_foot:before{
    content: '';
    position: absolute; top: 100%; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(125,138,164,.1);
    -webkit-transition: top .6s linear;
    -o-transition: top .6s linear;
    transition: top .6s linear;
}*/

.b-price-plan__cost{
    font-size: 20px;
    font-weight: 600;
    position: relative;
    z-index: 99;
    text-align: center;
    background: none;
}
.cost-title{
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}
.cost-title:before{
    content: '\f155';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 5px;
    font-size: 57px;
    position: relative;
    top: -7px;
}
.cost-title > span{
    position: relative;
    top: -43px;
    left: 5px;
    font-size: 18px;
    text-decoration-line: line-through;
    opacity: .8;
}
.cost-time{
    font-size: 15px;
    color: #fff;
    margin: 11px 0 0 0;
}


.price-plan_pro{
    position: relative;
    z-index: 99;
    -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.3);
            box-shadow:0 0 0 6px rgba(255, 255, 255, 0.3);
}

.p_plan_list{
    padding: 0 13px;
    margin: 20px 0 10px 0;
}
.p_plan_list > li{
    position: relative;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #353535;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}
.p_plan_list > li:hover{
    /* border-color: rgba(125,138,164,.1); */
    /* -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
    /* -webkit-box-shadow: 0 2px 4px rgba(125,138,164,.06); */
    /* box-shadow: 0 2px 4px rgba(125,138,164,.06); */
    /* position: relative; */
    /* -webkit-transform: scale(1.05); */
    -ms-transform: scale(1.05);
    /* transform: scale(1.05); */
    /* z-index: 99; */
}

.p_plan_list > li .fa{
    color: rgba(125,138,164,1);
    margin-right: 8px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    left: 0;
    margin-top: -8px;
}
.p_plan_list > li .fa.text-success{
    color: rgba(160,206,78,1)!important;
}
.p_plan_list > li .fa.text-danger{
    color: rgba(253,99,71,1)!important;
}
.p_plan_list > li:hover{
    background: #ececec !important;
    font-weight: 600;
}
.p_plan_list > li:first-of-type{
    border-top: none;
}
.p_plan_list > li:nth-child(odd) {
    background: #f2f2f263;
}
.b-price-plan .slimScrollDiv {
     /* height: 235px !important; */
}
.slimScrollDiv {
    overflow: inherit!important;
    padding-left: 0px;
    padding-right: 0;
    height: auto !important;
}
.icn-tooltip {
    display: inline-block;
    position: relative;
    transition: all 0.4s ease;
}
.icn-tooltip i {
    margin: 0 0 0 4px;
    /* font-size: 12px; */
    /* color: #000; */
}
.icn-tooltip .tooltip-innr {
    position: absolute;
    width: 160px;
    right: 0;
    top: 14px;
    background: #000000;
    padding: 3px 3px 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 2;
    box-shadow: 0 0 11px 3px #00000042;
    line-height: 1.5em;
}
.icn-tooltip .tooltip-innr:before {
    content: "\f0d8";
    font-family: FontAwesome;
    right: 17px;
    top: -12px;
    position: absolute;
    color: #000000;
    font-size: 24px;
}
.icn-tooltip:hover .tooltip-innr {
    opacity: 1;
}

/* price_btn style */

.price_btn{ 
    overflow: hidden;   
    position: relative;
    z-index: 99;
    margin: 15px auto;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(125,138,164,1) ;
    text-decoration: none;      
    text-transform: uppercase;
    width: 70%;
    border: 2px solid rgba(125,138,164,1) !important;
    background: #fff !important;
    padding: 15px 20px !important;      
    -webkit-border-radius: 5px;     
            border-radius: 5px;             
}
.price_btn:before,
.price_btn:after{
    content: '';
    position: absolute; top: 0; left: 0;
    width: 0;
    height: 50%;
    background: rgba(125,138,164,1) !important;
    -webkit-transition: width .3s ease-in;
    -o-transition: width .3s ease-in;
    transition: width .3s ease-in;
}
.price_btn:after{
    top: auto;
    bottom: 0;
    -webkit-transition: width .4s ease-in;
    -o-transition: width .4s ease-in;
    transition: width .4s ease-in;
}
.price_btn:hover:before,
.price_btn:hover:after{
    width: 100%;
}

.price_btn > span{
    position: relative;
    z-index: 99;
}

.price_btn .fa{
    font-size: 18px;
    position: absolute; top: 50%; left: 100%;
    z-index: 99;
    width: 30px;        
    opacity: 0;
    -webkit-transition: left .55s linear, opacity .55s linear;
    -o-transition: left .55s linear, opacity .55s linear;
    transition: left .55s linear, opacity .55s linear;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.price_btn:hover .fa{
    left: 80%;
    opacity: 1;
}

.price_btn:hover{
    overflow: visible;
    background: #fff;
    border-color: rgba(125,138,164,1) !important;   
  
}
.price_btn:active,
.price_btn:focus{   
    background: rgba(125,138,164,1) !important;
    border-color: rgba(125,138,164,1) !important;
}

.b-price-plan:hover{
    -webkit-box-shadow: 0 10px 20px rgba(125,138,164,.25) !important;
            box-shadow: 0 10px 20px rgba(125,138,164,.25) !important;
}
/*.b-price-plan:hover .price_foot:before{
    top: 0;
}*/

.b_plan_body:hover .b-price-plan{
    /* opacity: .25; */
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}
.b_plan_body:hover .b-price-plan:hover{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1.06);
}
.pack-price {
    background: #fff;
    padding: 16px 0 0 0;
    position: relative;
    color: #76c137;
    transition-duration: .2s;
    border-radius: 0 0 10px 10px;
}
.pack-price h4 {
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.8em;
    font-size: 50px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    display: inline-block;
    width: auto;
    text-align: right;
}
.pack-price sup {
    top: -0.2em;
    padding-right: 2px;
    font-size: 38px;
}
.pack-price p {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 0 !important;
    display: inline-block;
    width: auto;
    text-align: left !important;
    border-left: 1px solid #b6b6b6;
    padding: 3px 0 3px 5px;
    color: #b6b6b6 !important;
    line-height: 17px;
    vertical-align: super;
}
.pack-price p span {
    text-decoration: line-through;
    display: block;
}
.view-more {
    display: block;
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #333333;
    text-decoration: underline;
}
.pkge_button{
    display: inline-block;
    margin: 20px 0 0 0;
}
.pkge_button .hvr-hang:hover, .pkge_button .hvr-hang:focus,  .pkge_button .hvr-hang:active{
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .1s, 1.0s;
    animation-duration: .1s, 1.0s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.pkge_button a.common_btn{
    display: inline-block;
    margin: 0 0 0 0;
    padding-bottom: 25px;
    width: 131px;
}
ul.pkg-cta {
    margin: 15px 0 15px 0;
    padding: 7px 0;
}
ul.pkg-cta li {
    display: inline-block;
    padding: 0 12px;
    border-right: 2px solid #fff;
    line-height: 2px;
    font-weight: 600;
}
ul.pkg-cta li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}
ul.pkg-cta li:last-child {
    border-right: 0px;
}
a.pack_btn{ margin: 0 auto;   width: 140px;}
a.pack_btn:before{ content: " VIew Packages "; width: 140px; }
/* FEATURES KEY */
.key_featured{
    width: 100%;
    margin: 0 auto;
    float: left;
}
.key_featured h4{
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
}
.key_featured ul{
    padding: 0;
    margin: 25px 0 0 0;
}
.key_featured ul li:first-child:after{ content: ""; display:none; }
.key_featured ul li:nth-child(6):after{ content: ""; display:none; }
.key_featured ul li{
    list-style: none;
    display: inline-block;
    padding: 0 0;
    position: relative;
    text-align: center;
    overflow: hidden;
    line-height: 0;
}
.key_featured ul li:hover {
    overflow: initial;
    vertical-align: top;
}
.key_featured ul li:after {
    content: "";
    width: 2px;
    height: 40px;
    background: #f49335;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0;
    margin: auto;
}
.key_featured ul li .feature-icn{
    width: 100%;
    display: block;
    line-height: 0;
}
.key_featured ul li .feature-icn:before {
    content: "";
    display: inline-block;
    background: url(../images/key-featured-icon.png) no-repeat;
    width: 72px;
    height: 79px;
}
.key_featured ul li .feature-icn h5 {
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 0;
    font-size: 16px;
    color: #5e5c68;
    font-weight: 400;
    line-height: 22px;
}
.key_featured ul li i.feature-icn-1:before {
    background-position: -10px -7px !important;
}
.key_featured ul li i.feature-icn-2:before {
    background-position: -88px -7px !important;
}
.key_featured ul li i.feature-icn-3:before {
    background-position: -167px -7px !important;
}
.key_featured ul li i.feature-icn-4:before {
    background-position: -247px -7px !important;
}
.key_featured ul li i.feature-icn-5:before {
    background-position: -328px -7px !important;
}

.key_featured ul li .icn-tooltip {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 134px;
    width: 100%;
    text-align: center;
}
.key_featured ul li .icn-tooltip .tooltip-innr {
    position: initial;
    padding: 6px;
    display: inline-block;
    line-height: 1.4em;
    font-size: 11px;
}
.key_featured ul li .icn-tooltip .tooltip-innr:before {
    right: 0;
    left: 0;
    content: "\f0d7";
    top: initial;
    bottom: -10px;
}
.key_featured ul li:hover .icn-tooltip .tooltip-innr {
    opacity: 1;
}





.pricing_packages_tab .inner-tabs {
    margin: 0;
}
.pricing_packages_tab .inner-tabs li a {
    padding: 40px 0 0 0 !important;
}

/*--------------------------*/
/* Testimonial Secttion    */
/*------------------------*/

.home_testi{     
    margin: -93px auto 0;
    width: 100%;
    float: left;
}
section.testimonial_sec{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: #f3f4f6;
    position:relative;
    padding: 30px 0 50px 0;
    background: url(../images/website-aboutbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
section.testimonial_sec:before{
    font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    font-size: 36vh;
    color: #e4e5e6;
    top: 0;
    right: 0;
    line-height: normal;
}
section.testimonial_sec h2{
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
section.testimonial_sec h2:after{
    content:" ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.testimonial_sec p{
    text-align: center;
    color: #474747;
    margin: 29px 0 0 0;
}
#testi-crousel{
    margin: 50px 0 0 0;
}
#testi-crousel .item{
    /* background: #ffffff63; */
    /* border: 1px solid #dcdcdc; */
}
#testi-crousel .item img{
    max-width: 100%;
}
.testi_content{
    /* background: #fff; */
    padding: 0 29px 0;
    margin: 80px 0 0 0;
}
#testi-crousel:before{
    font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    font-size: 100px;
    color: #f49335;
    top: 8px;
    left: -40px;
    right: 0;
    text-align: center;
    z-index: 99;
    text-shadow: 3px 5px 7px #00000087;
}
.testi_content h3{
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: normal;
    color: #f49335;
    font-size: 20px;
}
.testi_content p{
    margin: 20px 0 0 0 !important;
    text-align: left !important;
    color: #979797 !important;
    line-height: 31px;
}

section.testimonial_sec .owl-controls.clickable {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}
section.testimonial_sec .owl-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
}
section.testimonial_sec .owl-pagination .owl-page:nth-child(1) {    
    background: url(../images/testimonial/small-1.png) no-repeat;
    padding: 18px 16px;
    border-radius: 0;
}
section.testimonial_sec .owl-pagination .owl-page:nth-child(2) {
    background: url(../images/testimonial/small-2.png) no-repeat;
    padding: 18px 16px;
    border-radius: 0;
}
section.testimonial_sec .owl-pagination .owl-page:nth-child(3) {
    background: url(../images/testimonial/small-3.png) no-repeat;
    padding: 18px 16px;
    border-radius: 0;
}
section.testimonial_sec .owl-pagination .owl-page.active {
    background-size: cover !important;
    padding: 30px 30px !important;
}
section.testimonial_sec .owl-pagination .owl-page {
    margin: 0 3px;
}
section.testimonial_sec .owl-pagination .owl-page span{ background:transparent !important; }
section.testimonial_sec .owl-theme .owl-controls .owl-buttons div {
    color: #000;
    display: inline-block;
    zoom: 1;
    margin: 0;
    padding: 0 10px;
    font-size: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 9;
}


section.testimonial_sec .owl-buttons {
    margin: 10px 20px 0 0;
}
section.testimonial_sec .owl-prev {
    position: relative;
    background: transparent !important;
    margin: 0 0px !important;
    padding: 0 0 !important;
    width: 30px;
}

section.testimonial_sec .owl-prev:before {
    font-family: FontAwesome;
    content: "\f177 ";
    position: absolute;
    font-size: 30px;
    color: #000;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 99;
}
section.testimonial_sec .owl-next{
    position: relative;
    background: transparent !important;
    margin: 0 0px !important;
    padding: 0 0 !important;
    width: 40px;
}
section.testimonial_sec .owl-next:before{
    font-family: FontAwesome;
    content: "\f178  ";
    position: absolute;
    font-size: 30px;
    color: #000;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 99;
}

/*---------------------*/
/* Footer Secttion    */
/*-------------------*/
section.footer_sec{
    width: 100%;
    margin: 0 auto;
    float: left;
    background: #0c1623;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    padding: 50px 0 30px 0;
}
.top_footer{}
.top_footer ul{
    padding: 0;
    margin: 0;
}
.top_footer ul li{
    list-style: none;
    margin: 10px 0;
}
.top_footer ul li a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.email_newsletter{}
.email_newsletter p{
    color: #fff;
}
.email_newsletter form#signin {
    padding: 0;
}
.email_newsletter .input-group {
    position: relative;
    display: inline-block;
    border-collapse: separate;
    width: 148px;
    float: left;
}
.email_newsletter .input-group input{
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    border: 0;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.email_newsletter button{
    background: #f49335 !important;
    border: 0;
    padding: 8.3px 14px;
    float: left;
    border-radius: 0;
    font-weight: 600;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.bottom_foot{
    margin: 40px 0 0 0;
}
.bottom_left_col{}
.bottom_left_col ul{
    padding: 0;
    margin: 0;
}
.bottom_left_col ul li{
    list-style: none;
    display: inline-block;
    border-right: 1px solid #fff;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    line-height: 14px;
}
.bottom_left_col ul li a{
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.bottom_left_col p{
    color: #fff;
    margin: 20px 0 0 0;
}
.bottom_right_col{
    text-align: right;
}
.bottom_right_col img{}

.disclaimer{
    width: 100%;
    margin: 20px auto 0;
    float: left;
    border-top: 2px solid #252e39;
    padding: 20px 0 0 0;
}
.disclaimer p{
    color: #fff;
    font-size: 13px;
    line-height: normal;
    margin: 0;
}
.disclaimer p span{
    font-weight: 600;
    font-size: 13px;
}
/*---------------------*/
/* Logo Design Page   */
/*-------------------*/

section.logo_design_team{
    width: 100%;
    margin: 50px auto 0;
    float: left;
    min-height: 740px;
    background: url(../images/team-bg.png);
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    display: flex;
    align-items: center;
    padding: 0 0 0 50px;
}
section.logo_design_team .container {
    width: 100%;
}
section.logo_design_team.about_team {
    margin-top: 0;
}
section.logo_design_team.pakge_team {
    margin: 0 0 40px 0;
}
.team_inner{
    position: static;
}
.team_inner img{
    width: 100%;
    height: auto;
    display: none;
}
.team_content{
    background: #4c4ab1;
    width: 455px;
    padding: 40px 40px;
    /* margin: 0 auto; */
}
.team_content h3{
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    position: relative;
}
.team_content h3:after{
        content: " ";
        background: #fff;
        height: 2px;
        width: 60px;
        float: left;
        position: absolute;
        left: 0;
        bottom: -20px;
        margin: 0 auto;
}
.team_content p{
    color: #fff;
    margin: 30px 0 0 0;
    line-height: 26px;
    font-size: 14px;
}

/* logo design featured */
section.logo_design_featured{
    width: 100%;
    margin: 50px auto 0;
    float: left;
    text-align: center;
}
section.logo_design_featured h2{
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 11px;
    margin-top: 0;
}
section.logo_design_featured h2:after {
    content: " ";
    background: #d93939;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.logo_design_featured p{
    text-align: center;
    color: #474747;
    margin: 30px 0 40px 0;
    line-height: 27px;
}
.featured_innerBox{
    position: relative;
    margin: 0 0 50px 0;
    overflow: hidden;
}
.featured_innerBox img{
        -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    max-width: 100%;
}
.featured_innerBox:hover img{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
}
.featured_innerBox .caption{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    background: #fff;
    margin: 0 20px;
    float: left;
    z-index: 9;
}/*
.featured_innerBox .caption{
   background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1000;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}*/

.featured_innerBox .overly{
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1000;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.featured_innerBox:hover .overly {
  opacity: 1
}
.featured_innerBox .caption a{
    color: #474747;
    font-size: 19px;
    line-height: normal;
    text-decoration: none;
    padding: 15px 0;
    display: inline-block;
}

/* Call to Action */
section.cta {
    width: 100%;
    margin: -95px 0 0 0;
    float: left;
    background: url(../images/cta-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 125px 0;
    position: relative;
    z-index: 9999;
    /* display:none; */
}
section.cta ul{
    padding: 0;
    margin: 0;
    text-align: center;
}
section.cta ul li{
    list-style: none;
    display: inline-block;
    margin: 0 50px;
}
section.cta ul li h3{
    margin: 0 0 0 0;
    color: #fff;
    font-size: 29px;
    line-height: normal;
    font-weight: 700;
    position: relative;
    top: -20px;
}
section.cta ul li a.req-btn{
    background: #d7393a;
    color: #fff;
    font-size: 19px;
    padding: 17px 20px;
    display: inline-block;
    box-shadow: 1px 1px 1px #9c3d6a;
    position: relative;
    top: -39px;
    text-decoration: none;
    cursor: pointer;
}
section.cta ul li.call_chat{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
section.cta ul li.call_chat:hover img{
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.30s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
}
section.cta ul li.call_chat img{
    clear: both;
}
section.cta ul li.call_chat a{
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: normal;
    text-decoration: none;
    margin: 10px 0 0 0;
}
.cta .bub-btn {
    position: relative;
    top: -20px;
}

/* Our Process Section */
section.our_process{
    width: 100%;
    margin: 0px auto 50px;
    float: left;
    background: url(../images/website-aboutbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px 4px;
}
section.our_process h2{
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 11px;
    margin-top: 0;
}
section.our_process h2:after {
    content: " ";
    background: #d93939;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.our_process p{
    text-align: center;
    color: #474747;
    margin: 30px 0 40px 0;
    line-height: 27px;
}
.process_box{
    min-height: 420px;
    width: 100%;
    float: left;
    padding: 49px 30px;
    background: url(../images/process-box-bg.png);
    background-repeat:no-repeat;
    background-position: -294px 0;
    background-size:cover;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
}
.process_box.down_box {
    margin: 126px 0 0 0;
}
.process_box:hover{
    background-position: 0 0;
}
.process_box:hover h3, .process_box:hover p{ color:#fff !important; }
.process_box span.img_icon1{
    background: url(../images/our-process-icon1.png);
    /* padding: 37px 28px; */
    background-repeat: no-repeat;
    background-position: -71px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 70px;
    height: 80px;
    background-size: cover;
}
.process_box:hover span.img_icon1{
    background-position: 0px 0px;
}
.process_box span.img_icon2{
    background: url(../images/our-process-icon2.png);
    /* padding: 27px 27px; */
    background-repeat: no-repeat;
    background-position: -72px 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 70px;
    height: 80px;
    background-size: cover;
}
.process_box:hover span.img_icon2{
    background-position: 0px 1px;
}
.process_box span.img_icon3{
    background: url(../images/our-process-icon3.png);
    /* padding: 28px 33px; */
    background-repeat: no-repeat;
    background-position: -66px 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 70px;
    height: 80px;
    background-size: cover;
}
.process_box:hover span.img_icon3{
    background-position: 0px 1px;
}
.process_box span.img_icon4{
    background: url(../images/our-process-icon4.png);
    /* padding: 30px 31px; */
    background-repeat: no-repeat;
    background-position: -70px 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 70px;
    height: 80px;
    background-size: cover;
}
.process_box:hover span.img_icon4{
    background-position: 0px 1px;
}
.process_box h3{
    color: #272727;
    font-size: 19px;
}
.process_box p{
    text-align: left !important;
    margin: 20px 0 !important;
    color: #979797 !important;
}
.process_box a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
}
.process_box a .fa{
    font-size: 25px;
    margin: 0 0 0 20px;
    position: relative;
    top: 4px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.process_box a:hover .fa {
    margin: 0 0 0 22px !important;
}

/*-----------------------*/
/* Website Design Page   */
/*-----------------------*/


section.home_about.website_designhome_about {
    background: url(../images/website-aboutbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    position: relative;
}
.websiteaboutRight {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    display: grid;
    align-items: center;
    overflow: hidden;
}
.websiteaboutRight img{ width:100%; }
.homeaboutLeft {
    margin: 31% 0;
}
/*-----------------*/
/* Packages Page  */
/*---------------*/ 

section.home_packages.package_page    {background: transparent;background: url(../images/pack-page-bg01.png) no-repeat;padding: 40px 0;background-size: cover;background-position: bottom center;}
section.home_packages.package_page h2 { color: #474747;}
section.home_packages.package_page p  { color: #979797; }
section.home_packages.package_page .pricing_packages_tab ul.nav.nav-tabs li a {    color: #979797;}

/*-----------------*/
/* About Us Page  */
/*---------------*/ 

.about_banner{}
.about_banner h3{
    font-size: 28px;
    font-weight: 600;
    margin-top: 90px;
}
.about_banner h1{
    color: #000;
    margin-top: 0;
}

section.aboutus_corevalues{
    width: 100%;
    margin: 50px auto 50px;
    float: left;
    min-height: 460px;
}
section.aboutus_corevalues h2{
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 11px;
    margin-top: 0;
}
section.aboutus_corevalues h2:after {
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.aboutus_corevalues p{
    text-align: center;
}

.aboutBlock{
    text-align: center;
    box-shadow: 0px 0px 14px #0000008c;
    border-radius: 5px;
    margin: 40px 0 0 0;
    position: relative;
}
.aboutBlock img{
    max-width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.aboutBlock_content{
    background: #fff;
    margin: 0 0 0 0;
    position: absolute;
    box-shadow: 0px 0px 14px #0000008c;
    top: 170px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 65px;
    transition: .5s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.aboutBlock:hover .aboutBlock_content {
    bottom: 0;
    height: 100%;
}
.aboutBlock_content h3{
    color: #272727;
    font-weight: 600;
    font-size: 23px;
    margin: 0;
    line-height: normal;
    padding: 15px 0;
    text-transform: capitalize;
}
.aboutBlock_content p{
    font-size: 13px;
    margin: 0;
    padding: 0px 10px 12px;
}

/* About crousel */
.about-section {
    position: relative;
    /* height: 330px; */
    /* top: 0; */
    margin: -87px 0 0 0;
    float: left;
    width: 100%;
    background: url(../images/website-aboutbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
section.about-section .row {
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.about-section__title {
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: 1px;
    padding-left: 18%;
    color: #2dcd63;
}

.tt-uppercase {
    text-transform: uppercase !important;
}
.fc-red {
    color: #f49335;
}
.abt_contentLeft {
    background-image: url(../images/ALLPILING-DESIGN-IMAGE.jpg);
    min-height: 500px;
    background-repeat: no-repeat;
    display: flex;
    vertical-align: middle;
    align-items: center;
    background-position: -964px 0;
    background-size: cover;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
section.about-section:hover .abt_contentLeft {
    background-position: 0px 0px !important;
}
.abt_contentRight{}
.abt_contentRight p{width: 80%;
    margin: 0 auto;
}

/* About Last Section */
section.aboutLastSec{
    width: 100%;
    margin: 60px auto 100px;
    float: left;
}
section.aboutLastSec h2{
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 21px;
    margin-top: 0;
}
section.aboutLastSec h2:after{
    content: " ";
    background: #f49235;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.aboutLastSec p{
    text-align: center;
    margin: 20px 0 10px 0;
}
.aboutLastSec_inner{
    margin: 60px 0 0 0;
}
.aboutLastSec_inner img{
    float: left;
}
.aboutLastSec_inner h3{
    margin: 0 0 0 12px;
    float: left;
    color: #272727;
    font-size: 24px;
    line-height: 27px;
}
.aboutLastSec_inner p{
    width: 100%;
    clear: both;
    text-align: left !important;
    margin: 30px 0 0 0 !important;
    float: left;
    font-size: 14px;
}

/*-------------------*/
/* Our Client Page  */
/*-----------------*/

.our-client-banner{}
.our-client-banner .slide_caption {
    top: 55%;
}
.our-client-banner .slide_caption h3 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}
.our-client-banner .slide_caption h1{    margin-top: 0; }

section.our_clientSec{
    width: 100%;
    margin: 50px auto 0;
    float: left;
    text-align: center;
}
section.our_clientSec h2{
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
section.our_clientSec h2:after{
    content: " ";
    background: #f49335;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
section.our_clientSec p{}

section.client_logo{
    width: 100%;
    margin: 0 auto 100px;
    float: left;
    background: url(../images/client-logo-bg.png) no-repeat;
    background-position: right bottom;
    text-align: center;
    padding: 110px 0;
}
.logo_block{
    margin: 0 0 30px 0;
    box-shadow: 0px 0px 12px #b1b1b194;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.logo_block:hover{box-shadow: 0px 0px 12px #828282;}
.logo_block img{
    max-width: 100%;
    filter: grayscale(9);
}
.logo_block:hover img{
    filter:unset;
}

/*-------------------*/
/* Testimonial Page */
/*-----------------*/

section.testimonialSec{
    width: 100%;
    margin: 60px auto 0;
    float: left;
}
.testi_inner_block{
    margin: 0 0 100px 0;
}
.testi-img{
    position:relative;
    width: 100%;
}
.testi-img:before {
    width: 0;
    height: 0;
    border-top: 140px solid #eaf1f6;
    border-right: 180px solid transparent;
    content: "";
    position: absolute;
    z-index: -1;
    top: -19px;
    left: -15px;
}
.testi-img img{
    width: 100%;
    max-width: 100%;
}
.test-content{
    background: #fff;
    box-shadow: 0 0 30px #969696cf;
    padding: 20px;
    height: 250px;
    overflow-y: scroll;
}
.test-content .fa{
    font-size: 30px;
    color: #e9f1f5;
    margin: 0 0 10px 0;
}
.test-content p{
    font-size: 12px;
    line-height: 21px;
    font-style: italic;
}
.test-content span{
    color: #d93939;
    font-size: 14px;
    font-weight: 500;
}
/*---------------------*/
/*  Design Featured   */
/*-------------------*/
.design_fetured{}
.sec-padding {
    padding: 50px 0;
    margin-bottom: 30px;
}
.pbpx-0 {
    padding-bottom: 0px !important;
}
.design_fetured h2 {
    color: #474747;
    text-align: center;
    position: relative;
    padding-bottom: 9px;
}
.design_fetured h2:after {
    content: " ";
    background: #d93939;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}
.design_fetured p{ text-align:center; }
.logo-features-slider {
    margin-top: 50px;
}
.box.\--component-box {
    margin-bottom: 30px;
    display: table;
    width: 100%;
    min-height: 130px;
}
.box.\--component-box figure {
    width: 70px;
    border-right: 1px solid #e4e5e5;
    display: table-cell;
    vertical-align: middle;
}
.box.\--component-box .box__content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px;
}
.box__content p{text-align:left;min-height: 94px;}
.fw-normal {
    font-weight: 400 !important;
}
.lh-medium {
    line-height: 1.2;
}
.fs-large {
    font-size: 18px;
}
.fc-lgrey {
    color: #999999;
}
.mbpx-4 {
    margin-bottom: 4px !important;
}

/*-----------------*/
/* Portfolio Page */
/*---------------*/
section.portfolio_firstSec{}
section.portfolio_firstSec h2{}
section.portfolio_firstSec p{}
section.portfolio_secondSec{}
section.portfolio_secondSec
.row.nopaddindportfolio {
    padding: 0;
    margin: 0;
}
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    /* font-size: 18px; */
    /* border: 1px solid #42B32F; */
    /* border-radius: 5px; */
    /* text-align: center; */
    /* color: #42B32F; */
    /* margin-bottom: 30px; */
    font-size: 15px;
    color: #979797;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    margin: 0 20px;
    line-height: 15px;
    border: 0;
    cursor: pointer;
    background: transparent !important;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
 .btn:focus {
    outline: 0;
    outline: 0;
    outline-offset: 0;
}
.filter-button:hover{
    border: 0;
    text-align: center;
    color: #f49335 !important;
    background: transparent;
    border-bottom: 3px solid #f49335;
}
.filter-button.active {
    box-shadow: none;
    color: #f49335 !important;
    border-bottom: 3px solid #f49335;
}
.btn-default:active .filter-button:active{    background-color: #42B32F;    color: white;}
.port-image{    width: 100%; }
.gallery_product{    margin-bottom: 30px; }
.gallery_product img{
    width:100%;
    /* height: 260px; */
    border: 1px solid #dcd7d7;
    padding: 10px 10px 10px 10px;
    }
.Web.gallery_product img {
    height: auto;
}   
.Stationary img {
    height: auto;
}
.hover-img {    overflow: hidden; }
.hover-img img:hover {    transform: scale(1.1); }
.hover-img img {    transition: 0.5s all 0s; }
 

.gallery_product img:hover{     box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
}
.dropdown.dropdown1 {
    float: left;
    margin: -4px 0 0 0;
    /* position: absolute; */
    /* z-index: 9999; */
    left: 160px;
    display:none;
}

ul.dropdown-menu.logodropdowncat {
    /* position: static; */
}
.portfolio_secondSec .tab_btn {
    position: relative;
}
.dropdown.dropdown1 button {
    border-bottom: 2px solid;
    padding: 9px 7px;
    box-shadow: none;
    border-radius: 0;
    }
.dropdown1 .dropdown-menu{
    min-width: 200px;
    height: 200px;
    overflow-y: scroll;
}
.dropdown1 .dropdown-menu button {
    border: 0;
    text-align: left;
    width: 100%;
    margin: 0;
}
.banner {
    overflow: hidden;
    /* display: block; */
    /* min-height: 100vh; */
    /* padding: 73px 0; */
    background-color: #fffaf2;
    position: relative;
}
.object1 {
  position: absolute;
  left: -26%;
  top: -60%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.object2 {
  position: absolute;
  right: 10%;
  top: -40%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.object3 {
  position: absolute;
  right: 20%;
  top: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}
.object4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@-webkit-keyframes spinner5 {
  from,0% { -webkit-transform: scale(1);}
  20%,100%  { -webkit-transform: scale(1.2);}
  to       { -webkit-transform: scale(1);}
}

/*=============*/
/* Contact Us */
/*===========*/
.section-padding {
    padding: 40px 0;
}
.mt-80 {
    margin-top: 0;
    clear: both;
    padding: 30px 0 0 0;
}
#contactForm .form-control {
    height: 56px;
    padding: 16px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border: 1px solid #eee;
    border-radius: 0;
}
#contactForm textarea.form-control {
    height: auto;
    resize:none;
}
.contact-section .btn {
    font-weight: 600;
    min-width: 350px;
    background-color: #f49235;
    border-color: #f49235;
}

/*=============*/
/* Scroll Top */
/*===========*/
.scrolltop {
    display:none;
    width:100%;
    margin:0 auto;
    position:fixed;
    bottom:20px;
    right:10px; 
}
.scroll {
    position:absolute;
    right:20px;
    bottom:20px;
    background:#b2b2b2;
    background:rgba(178,178,178,0.7);
    padding:20px;
    text-align: center;
    margin: 0 0 0 0;
    cursor:pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;        
}
.scroll:hover {
    background:rgba(178,178,178,1.0);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;        
}
.scroll:hover .fa {
    padding-top:-10px;
}
.scroll .fa {
    font-size:30px;
    margin-top:-5px;
    margin-left:1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;    
}
.contact-info h3 {
    color: #474747;
    text-align: left;
    position: relative;
    padding-bottom: 5px;
    margin-top: 0;
}

.contact-info h3:after {
    content: " ";
    background: #f49235;
    height: 3px;
    width: 100px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    margin: 0 auto;
}

.contact-info address {
    color: #000;
    font-size: 15px;
    line-height: 22px;
}

.contact-info address a {
    color: #f49235;
}


/*---------------------
    FAQs Accordion
-----------------------*/
.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 10px 0;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 0 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 20px 0 7px 10px;
    background: transparent;
}
#accordion .panel-title a {
    background: #f49335 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 70px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #f49335 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "\f105";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -3px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "\f107";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px;
}

/*Call to action */
.cta-col {
    height: 69px;
    display: flex;
    align-items: center;
}
.call-sec{
    float: left;
    width: 635px;
    margin-top: 26px;
    display: flex;
    align-items: center;
}
.call-thumbnail{
    float: left;
    margin-right: 13px;
}
.call-thumbnail img{}
.call-now{
    float: left;
    margin-right: 27px;
}
.call-now span{
    display: block;
    font-size: 13.01px;
    text-transform: uppercase;
    color: #e51515;
}
.call-now a{
    font-size: 19.52px;
    font-weight: 600;
    color: #e51515;
}
.sea-blue{  color:#04ce63 !important; }
.orange{    color:#ffb400 !important; }



.email_newsletter .navbar-form {
    margin-left: -15px !important;
}


.pop_btn {
    width: auto;
    background-color: #f49335;
    color: #fff;
    border: none;
    padding: 10px 0;
    margin: 0 0 0 -15px !important;
}

textarea.form-control.san-bor {
    width: 300px;
}


img.logo-img {
    width: 35%;
    margin-top: -70px;
}


.headerLeftCol.Logo img {
    width: 100%;
}


.trustpilot-banner-2 {
    margin: 25px auto 0;
    float: left;
    /* position: absolute; */
    bottom: 30px;
    /* left: 0; */
    /* width: 100%; */
    /* right: 0; */
    margin-left: 0;
}
















.overlay-bg {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.popupform-main.active {
    display: block;
}
.popupform-main {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.62);
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.pop-form {
    position: absolute;
    width: 930px;
    height: 639px;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url(../images/popup-bg2.png);
    padding: 0px 0 0px 75px;
    z-index: 99;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-size: cover;
}

.popupform-main .main-pop .col-md-12 {
    padding: 0;
}

.popupform-main h3 {
    font-size: 26px;
    margin: 60px 0 0 0;
    color: #000000;
    font-weight: 500;
}

.popupform-main h2 {
    font-size: 40px;
    margin: 10px 0 0 0;
    color: #ffffff;
    font-weight: 700;
}

.popupform-main h4 {
    font-size: 26px;
    margin: 20px 0 0 0;
    color: #000000;
    font-weight: 700;
}

.fspx-23 {
    font-size: 23px;
}
.fw-exbold {
    font-weight: 800 !important;
}

.ls-xsmall {
    letter-spacing: -2px;
}
.fc-red {
    color: #fb2224;
}
.tt-uppercase {
    text-transform: uppercase !important;
}   
.popupform-main h6 {
    letter-spacing: 0;
    font-size: 45px;
    background: #4274fa;
    color: #fff;
    border-radius: 10px;
    padding: 10px 15px 5px 15px;
    text-align: left;
    position: relative;
    right: 0px;
    margin: 0px;
    float: right;
}
.fspx-20 {
    font-size: 20px;
    display: block;
}
.fspx-23 {
    font-size: 23px;
    margin-bottom: 10px;
}
.fw-normal {
    font-weight: 400 !important;
}
.popupform-main .main-pop {
    padding: 25px 10px 0 0;
}
.pop-form .no-thanks {
    text-decoration: underline;
    color: #666666;
}
.pop-form form .control-group {
    margin-bottom: 10px;
}
form .control-group {
    margin-bottom: 24px;
    position: relative;
}
.pop-form form .control-group input[type=text],.pop-form form .control-group input[type=text], .pop-form form .control-group input[type=number], .pop-form form .control-group input[type=email], .pop-form form .control-group select, .pop-form form .control-group textarea {
    background-color: #fff;
    font-family: "Nunito", sans-serif;
    text-align: left;
}
.popupform-main form input[type=text], .popupform-main form input[type=number], .popupform-main form input[type=email] {
    padding-left: 10px;
    min-height: 50px;
}
.popupform-main form input[type=text], .popupform-main form input[type=number], .popupform-main form input[type=email] {
    color: #333333;
    padding: 10px;
    height: 44px;
    width: 100%;
    background: transparent;
    border: 1px solid #cccccc;
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 4px;
    font-family: "Nunito", sans-serif;
}

form .numberarea {
    width: auto;
    position: relative;
}
.pop-form .submit-btn {
    font-size: 22px;
    width: 100%;
    padding: 15px 0px;
    background-color: #000000;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    border: none;
    margin-top: 15px;
    width: 100%;
    margin: 10px 0 0 0px !important;
    font-weight: 700;
}
.pop-form .no-thanks {
    text-decoration: underline;
    color: #666666;
}
.popupform-main h6:before {
    position: absolute;
    content: "";
    left: -35px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 45px solid #4274fa;
    border-bottom: 28px solid transparent;
}
.float-left {
    float: left;
}
.lh-medium {
    line-height: 1.2;
}
.lh-medium {
    line-height: 1.2;
}
.ta-left {
    text-align: left;
}
.fw-exbold {
    font-weight: 800 !important;
}
.mtpx-60{
    margin-top: 60px;
}
.pop-form .close-btn {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: -18px;
    right: -20px;
    font-size: 18px;
    font-weight: 900;
    color: #000;
    padding-top: 3px;
    background-color: #e9e9e9;
    text-align: center;
    border-radius: 50px;
    align-items: center;
    display: grid;
    border: inset 3px #000;
    /* border: 5px solid #fff; */
}



@media(max-width: 991px){
    .pop-form {
    position: absolute;
    width: 510px;
    height: 500px;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    /* background-image: url(../images/popup-bg2.png); */
    padding: 0px 0 0px 0;
    z-index: 99;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #eaeaea;
    }
    .popupform-main .col-sm-offset-4.col-sm-8 {
    max-width: 100%;
    width: 100%;
    margin: 0;
    }
    .popupform-main h3{
        font-size: 30px !important;
    }
    .popupform-main h6 {
    font-size: 30px;
    }
    #flform input[type="text"], input[type="email"]{
        margin-bottom: 0px;
    }
    .pop-form .close-btn {
    width: 35px;
    height: 30px;
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 18px;
    font-weight: 900;
    color: #080808;
    padding-top: 3px;
    }
}
@media(max-width: 767px){
    .popupform-main h6:before {
    position: absolute;
    content: "";
    left: -20px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 28px solid #4274fa;
    border-bottom: 28px solid transparent;
    }
    .pop-form {
    position: absolute;
    width: 334px !important;
    height: 570px !important;
    
    }
    .popupform-main .pop-form h3 {
    font-size: 21px !important;
    margin-top: 4px;
    }
    .pop-form .close-btn {
    top: -13px;
    right: -6px;
    height: 35px;
    }
    .popupform-main h6 {
    letter-spacing: 0;
    font-size: 21px;
    background: #4274fa;
    color: #fff;
    border-radius: 10px;
    padding: 3px 8px 5px 8px;
    text-align: left;
    position: relative;
    right: 0px;
    margin: 0px;
    float: right;
    }
    .pop-form .submit-btn {
    font-size: 22px;
    width: 100%;
    padding: 8px 0px;
    }
}

.social_media_sec {
    float: left;
    width: 100%;
}

.social_icons {
    margin: 10px 0 0px;
}

.social_icons ul {
    margin: 0px 0 0;
}

.social_icons ul li {
    list-style: none;
    display: inline-block;
    margin: 0px 0 0 5px;
}

.social_icons ul li:first-child {
    margin: 0 0 0 0px;
}

.social_icons ul li a {
    width: 35px;
    height: 35px;
    background-color: #f49335;
    color: #fff;
    display: grid;
    align-items: center;
    text-align: center;
    font-size: 20px;
    border-radius: 50px;
    transition-duration: .5s;
    padding: 0 !important;
    transition-duration: .5s;
}

.social_icons ul li a:hover, .social_icons ul li a:focus {
    background-color: #fff;
    color: #f49335;
    text-decoration: none;
}

/*.social_icons ul li a i{
    transition-duration: .5s;
}

.social_icons ul li a:hover i, .social_icons ul li a:focus i {
    color: #161a1d;
}*/


.textarea_auto textarea {
    height: 100px;
}




.inner-btn, 
.inner-btn2{
    margin-top: 30px;
}

.inner-btn3 {
    margin-top: 30px;
}

.inner-btn4 {
    margin-top: 30px;
}



.port-sec-bg {
    float: left;
    width: 100%;
    
}
.gallery_product img {
    height: 290px;
}



.col-sm-12.chk-bx-st{
    padding: 0px;
}

.col-sm-12.chk-bx-st label, .col-sm-12.chk-bx-st label a {
    color: #646464 !important;
    font-weight: 400;
}

.chk-st-1,
.chk-st-2 {
    display: inline-flex;
}




.review_sec {
    padding: 40px 0 70px;
}

.review_sec h2 {
    font-size: 41px;
    color: #000;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica;
}

.review_sec .moreBox {

}

.review_boxes {
    margin: 50px 0 0;
}

.review_inner {
    /* border: 1px solid #dadada; */
    /* padding: 20px 15px; */
    /* border-radius: 15px 0px 15px 0px; */
    margin: 0 0 60px;
}

.review_inner {
  /* width: 120px; */
  /* height: 80px; */
  background: #dadada;
  position: relative;
  -moz-border-radius: 10px;
  /* -webkit-border-radius: 10px; */
  /* border-radius: 10px; */
}
.review_inner:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 180px;
  width: 0;
  height: 0;
  border-right: 35px solid transparent;
  border-top: 36px solid #dadada;
  border-left: 0px solid transparent;
  left: 0px;
}

.review_inner:hover:before {
    border-right: 35px solid transparent;
    border-top: 36px solid #235acf;
    border-left: 0px solid transparent;
    left: 1px;
}

h3.review_name {
    margin: 0;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    width: 60%;
    float: left;
}

.review_ret {
    width: 40%;
    float: right;
    text-align: right;
}

.review_body {
    padding: 20px 15px 15px;
    border: 1px solid #dadada;
    /* border-radius: 15px 0px 0px 0px; */
    border-bottom: 0px solid transparent;
    height: 130px;
    overflow-y: auto;
}

.review_footer {
    padding: 15px 15px 35px;
    /* background-color: #141414; */
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #dadada;
    border-top: 0px solid transparent;
}

.review_body p {
    margin: 0;
}

.review-rating i {
    color: #ffe400;
    font-size: 18px;
}

.review-rating .fa-star:before {
    content: "\f005";
}

.review_inner:hover {
    background-color: #235acf;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
}

.review_inner:hover h3 {
    color: #fff;
}


.review_inner:hover p{

    color: #fff;
}


.review_inner p{

    font-size: 13px;
}





.review_body::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.review_body::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
.review_body::-webkit-scrollbar-thumb {
  background: #235acf; 
  border-radius: 10px;
}

/* Handle on hover */
.review_body:hover::-webkit-scrollbar-thumb {
  background: #fff; 
}
/*Review Sec*/











.toggle_open {
    display: none
}

.hiden_div {
    margin: auto;
    display: table;
    text-align: center;
    width: 100%;
    background-color: #15273b;
    color: #fff;
    padding: 20px 0 30px;
    border-top: 0;
}

.toggle_open p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 0;
    font-family: Helvetica;
    text-align: center;
    width: 100%;
    margin: 0
}

.toggle_open h3 {
    color: #fff;
    font-size: 23px;
    font-family: Helvetica;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.toggle_open h3 span {
    color: #fff;
    font-size: 23px;
    font-family: Helvetica;
    text-align: center
}

.why-choose-show span {
    color: #020202;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 0 12px;
    float: left;
    width: 100%;
    text-align: center;
    font-family: Helvetica;
    text-transform: uppercase;
}

.why-choose-show span i {
    font-size: 27px;
    position: relative;
    top: -4px;
    left: 10px;
}
.why-choose-show {
    margin: 0 auto 0;
    padding: 0;
    width: 467px;
    background: #f8cc2d;
    height: 44px;
    position: relative;
    border-radius: 0 0 18px 18px;
}
.border-right {
    position: absolute;
    left: -15px;
    top: 0;
    height: 37px
}

.border-left {
    position: absolute;
    right: -17px;
    top: 0;
    height: 37px
}
li.top_tel2 {
	text-align: left;
}
li.top_tel2 a {
	padding-top: 3px !important;
	padding-bottom: 2px !important;
}