/*
Theme Name: Elegant - Digital Marketing Agency
Theme URI: https://www.orbitcanvas.com/
Author: Elegant
Author URI: https://www.orbitcanvas.com/
Description: Custom Wordpress theme for Elegant. This theme is property of Weblounge (https://www.orbitcanvas.com/) and can not be used or copied for any purpose what so ever.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Elegant
Tags: Digital Marketing Agency
*/

/*Paynow*/
.thanks {
    max-width: 500px;
    margin: 0 auto;
    background: #eafff8;
    padding: 14vh 40px !important;
    border-radius: 55px;
}
.payment-content {
    padding-top: 60px;
}
.pay-now input {
    width: 100%;
    font-weight: 400;
    letter-spacing: 0em;
    border-radius: 5px;
    background: #ffffff;
    border-color: #dedede;
    border: 1px solid #dedede;
    min-height: 50px;
    padding-left: 10px;
	font-size: 16px;
}
.pay-now select:focus, 
.pay-now textarea:focus, 
.pay-now input:not([type=submit]):focus {
    border-color: #70a997 !important;
}
.pay-now{
    margin-bottom: 30px !important;
    border-radius: 6px !important;
    padding: 30px !important;
    max-width: 750px;
    margin: auto;
}
.head {
    text-align: center;
    margin-bottom: 40px;
}
.cart-row {
    display: flex;
    justify-content: space-between;
}
.pay-now .details {
    font-size: 18px;
}
.col-left {
    max-width: 60%;
}
.cart-row h3 {
    font-size: 24px;
    margin-bottom: 11px;
}
.col-right {
    text-align: right;
}
.pay-now .price {
    font-size: 30px;
    font-weight: 700;
}
.cart-row,
.billing,
.card{
    background: #ffffff !important;
    border: 2px solid #70a997 !important;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 1px 3px 30px -7px rgba(0, 0, 0, 0.25) !important;
    margin-bottom: 20px;
	position: relative;
}

.billing form {
    display: grid;
    gap: var(--fields-gap, 1.5rem);
    grid-template-columns: repeat(2, 1fr);
}
.pay-now h2 {
    font-size: 26px;
    margin-bottom: 20px;
}
.billing p {
    margin-bottom: 0;
}
.billing label,
.stripe label {
    font-weight: 600;
    font-size: 15px;
    display: block;
    margin-bottom: 8px;
}
.billing form {
    display: grid;
    gap: var(--fields-gap, 1.5rem);
    grid-template-columns: repeat(2, 1fr);align-content}
.billing input#customer_email {
    grid-column: span 2;
}

.card {
    grid-column: span 2;
}
.card p {
    font-size: 13px;
}

.flex-full {
    grid-column: span 2;
}
.ex {
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 5px;
    display: flex;
    align-items: center;
    max-width: 140px;
    min-width: 140px;
}
.ex:hover {
    border: 1px solid #70a997;
}
.ex input {
    max-width: 50px;
    border: none;
	    padding-right: 0;
}

.stripe {
    position: relative;
    margin-bottom: 20px;
}
.cvc img {
    position: absolute;
    right: 10px;
    top: 50%;
    height: 25px;
}

.split {
    display: flex;
    gap: 20px;
}
.terms {
    font-size: 13px;
    line-height: 21px;
    margin-top: 20px;
    width: 80%;
    color: #767676;
}

.lg {
    width: 80px;
    position: absolute;
    right: 30px;
    top: 30px;
}
.pay-now input[type="submit"] {
    display: inline-block;
    max-width: 190px;
    font-size: 18px;
    background: #70a997;
    color: #fff;
    cursor: pointer;
}
.initial-logos img {
    width: 30px;
}

.initial-logos {
    position: absolute;
    right: 50px;
    top: 55%;
    display: flex;
    gap: 7px;
    align-items: center;
}
.merchants {
    position: absolute;
    width: 31px;
    height: 20px;
    right: 12px;
    top: 55%;
    overflow: hidden;
}
.merchants img{
       position: absolute;
    width: 100%;
    height: initial;
	transition: opacity 0.3s linear; 
    opacity: 0;
}
    .image.active {
        opacity: 1;
    }
    #image1,
    #image2,
    #image3 {
        display: none; 
    }

@media (max-width:767px){
.billing label, 
.stripe label {
    margin-top: 8px !important;
}
.billing form,
	.flex-row,
	.cart-row,
	.split {
    display: block;
}
	.ex {
    min-width: 100%;
}
	.col-right {
    text-align: left;
}
	.col-left {
    max-width: 100%;
    margin-bottom: 20px;
}
img.lg {
    display: none;
}
.initial-logos {
    display: none;
}
    #image1,
    #image2,
    #image3 {
        display: block; /* Hide these images on desktop */
    }	
}
/*Paynow end*/
@charset "utf-8";
/*---- General ---*/
.fancy-header h5 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 28px;
}
	.starter-row {
    background: #141a23 !important;
}
.Starter-kit img {
    width: 117%;
}
.t {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
}
.starter-row .wpb_content_element {
    margin: 0px;
}
.counter-no h4 {
    font-size: 50px;
    font-weight: 700;
}
p:empty::before {
    content: none !important;
}
#one{
    background-color:#000;
}
.portfolio-info img {
    border-radius: 30px !important;
    overflow: hidden;
}
.portfolio-info .title {
    margin-bottom: 19px;
    padding: 3px 11px 3px 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #797979;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
}
.portfolio-info p {
    font-size: 20px;
}
.portfolio-info .arow-btn {
    margin-bottom: 25px;
    margin-top: 15px;
}
.h-quote {
    padding: 25px;
        background-color: #fff;
}
.portfolio-info .shadow-dark {
    border-radius: 20px;
}
.h-quote p {
    font-size: 15px!important;
    margin-top: 0;
}
.div-block img {
    margin-right: 15px;
}
.quote-name {
    font-weight: 600 !important;
    font-size: 15px;
}
.mini-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #70a997;
}
.html5-video-player:not(.ytp-transparent) {
    background-color: #747474 !important;
}



/*
 CSS for the main interaction
*/


.tabs ul {
    display: flex;
    list-style: none;
    justify-content: center;
	    padding: 0;
}
.tabs li {
    display: block;
    padding: 8px;
}
.tabs li a{
    background: #e1e1e1;
    border-radius: 5px;
    padding: 20px 40px;
    text-wrap: nowrap;
    font-weight: 700;
    color: #000;
}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset {
    text-align: center;
}
.tabset img {
    width: 80px;
    height: initial;
}
.tabset > label {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;

}

.tabset > label::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 100%;
    height: 2px;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #70a997;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #70a997;
}

.tab-panel {
  padding: 30px 0;

}

.tabset .col-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
	    min-width: 10%;
}
body {
	margin: 0 auto;
	padding: 0px;
    font-family: 'Lato', sans-serif;
	background-color: #f9f9f9;
    overflow-x: hidden;
    transition: all 600ms;
    font-display: swap;
}
.colorfull-bg.animation-moves {
    overflow: hidden !important;
}
.grecaptcha-badge {
    visibility: collapse !important;
}
 .new span{
    color: #fff!important;
    font-size: 9px!important;
    background: #70a997;
    padding: 0 6px 0px 7px !important;
    border-radius: 3px!important;
    font-weight: 700!important;
    display: inline-block!important;
    position: absolute;
    right: 0;
}
.new span::before {
    display: none !important;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Lato', sans-serif;
   color: #0E1B23;
   font-weight: 700;
   line-height: 1.1;
}
    h2
    {
       font-size: 36px; 
       margin-bottom: 20px;
       margin-top: 0px;
       line-height: 1.1;
    }
    h2::first-letter, h3::first-letter {
    text-transform: capitalize;
}
        h3
    {
       font-size: 28px; 
       margin-bottom: 20px;
       margin-top: 0px;
     }
        h4
    {
       font-size: 18px; 
       margin-bottom: 20px;
       margin-top: 0px;
    }
a {
    color: #70a997;
    transition: all 500ms;
    text-decoration: none;
}
a:hover {
   color: #090909;
   text-decoration: none;
}
a:focus {
    color: #70a997;
}
p {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
       color: #454249;
        margin-bottom: 20px !important;
}
ol li {
    margin-bottom: 20px;
}
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, p::-moz-selection, a::-moz-selection, div::-moz-selection, span::-moz-selection, strong::-moz-selection, b::-moz-selection, th::-moz-selection, td::-moz-selection, em::-moz-selection, img::-moz-selection, li::-moz-selection, ul::-moz-selection { background: #70a997; color: #fff;}
ul, ol {
    margin-bottom: 20px;
    font-size: 16px;
}
.flip-text h2 {
    letter-spacing: -1px;
    text-transform: capitalize;
    font-size: 30px;
}
.min-height-250{
    min-height:250px;
}
.height-500
{
    height: 500px;
}
.height-450
{
    height: 450px;
}
.height-550 {
    height: 550px;
}
.height-600 {
    height: 600px;
}
.high-margin {
    margin-top: 70px;
    margin-bottom: 90px !important;
}
.margin-bottom-0 {
    margin-bottom: 0!important;
}
.pd-0 {
    padding:0px !important;
}
.padding-50 {
    padding: 50px !important;
}
.pd-top-0 {
    padding-top: 0px !important;
}
.big-boxes.pd-top-0 {
    padding-top: 0px !important;
}
.pd-30
{
    padding:30px !important;
}
.pd-left-70
{
    padding-left:70px !important;
}
.pd-left-50
{
    padding-left:50px !important;
}
.padding-100 {
    padding: 100px;
}
.padding-top-70
{
 padding-top: 70px;
}
.padding-top-80
{
 padding-top: 80px;
}
.padding-top-60
{
 padding-top: 60px;
}
.padding-top-30
{
 padding-top: 30px;
}
.margin-bt-60
{
   margin-bottom:60px;
}
.margin-bt-150
{
   margin-bottom:150px;
}
.margin-top-60 {
    margin-top: -60px;
}
.margin-bt-30 {
    margin-bottom: 30px;
}
.banner-text-overlap {
    margin-top: -250px;
}
.z-index-up {
    z-index: 99;
}
.z-index-10 {
    z-index: 10!important;
}
.z-index-0
{
    z-index: 0!important;
}
.white-text .arow-btn:hover {
    color:  #f68d40;
}
.dark-text a {
    color: #454249!important;
}
.dark-text .fa {
    color:#70a997 !important
}

.div-centers .container{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: center;
}
.hd-center .container{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: center;
}
.justify-content-center{
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.display-vertical {
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.check-sign-li li::before {
    content: "\f058" !important;
    position: absolute !important;
    left: 7px !important;
font-family: "Font Awesome 5 Free";
color: #37d28e;
    line-height: 16px !important;
}
.check-sign-li {
    position: relative!important;
}
.check-sign-li ul {
    list-style: none!important;
}

.check-sign-li li {
    font-size: 18px!important;
    margin-bottom: 10px!important;
    list-style: none!important;
    padding-left: 47px!important;
    position: relative!important;
}
.orange-text-g h2,
.orange-text-g h3
{
-webkit-background-clip: text !important;
-webkit-text-fill-color:transparent;
background: -moz-linear-gradient(45deg, rgba(241, 85, 105, 1) 0%, rgba(248, 160, 50, 1) 100%);
background: -webkit-linear-gradient(45deg, rgba(241, 85, 105, 1) 0%, rgba(248, 160, 50, 1) 100%);
background: -o-linear-gradient(45deg, rgba(241, 85, 105, 1) 0%, rgba(248, 160, 50, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(241, 85, 105, 1) 0%, rgba(248, 160, 50, 1) 100%);
background: linear-gradient(45deg,rgba(241, 85, 105, 1) 0%,rgba(248, 160, 50, 1) 100%);
background-clip: border-box;
}
.col-floating .wpb_column {
    width: 33.33333333%;
}
.fa.fa-phone {
    transform: rotate(102deg);
    -webkit-transform: rotate(102deg);
    -moz-transform: rotate(102deg);
    -ms-transform: rotate(102deg);
    -o-transform: rotate(102deg);
}
 .post-entry h2 {
    line-height: 20px !important;
}
.wp-block-image.size-large {
    margin: 0px 0px;
}
.post-entry textarea {
    background-color: #fff4f0;
    border: none;
    border-radius: 5px;
    padding: 20px;
    font-size: 15px;
    margin-bottom: 20px;
  width: 100% !important;
  height: 110px !important;
}
.small-banner .vc_column-inner {
    height: 500px;
}
.big-boxes {
    padding: 60px 20px 20px 50px!important;
}
.big-icons {
    font-size: 20px;
    text-transform: uppercase;
}
.big-icons span {
    font-size: 50px;
    display: block;
    margin-bottom: 20px;
    color: #b9b9b9;
}
.width-33 {
    width: 33% !important;
}
.section-pd {
    padding: 70px 0px 40px 0px;
}
.size-84 h2 {
    font-size: 50px;
}
.size-100 h2 {
    font-size: 100px;
        line-height: 90px;
}
.size-24 h3 {
    font-size: 24px !important;
}
.size-18 a {
    font-size: 18px!important;
    line-height: 35px!important;
}
.grey-bg {
    background-color: #f1f3f8;
}
.starter-row {
    background-color: #131924 !important;
}
.ps-relative{
    position: relative;
}
.ps-absolute{
  position: absolute;
}
.krautgrid-caption-text {
    display: none;
}
/*---- landing page css ---*/
.gredient-row {
background: linear-gradient(225deg, #ffc63f 0%, #fd3358 49%, #bc35d8 100%);    
background-color: #f9335f;
}
.blue-gredient{
    background: linear-gradient(-35deg, #6123ff, #006cff, #00e4ff);
    background-color: #3246ff;
}

 .circle-1, .circle-2, .circle-3, .circle-4 {
    content: '';
    opacity: 0.1!important;
    position: absolute!important;
    border-radius: 50%!important;
    z-index: 1!important;
    pointer-events: none!important;
}

.circle-1, .circle-3 {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle 800px at 75% -25%,#fff 0%,rgba(255, 255, 255, 0.83) 100%);
    left: -330px;
    top: -28px;
}
.circle-2{
    width: 400px;
    height: 400px;
    background-image: radial-gradient(circle 560px at 75% -25%, #fff 0%, rgba(255,255,255,0) 100%);
    top: 166px;
    left: -130px;
}
.circle-3 {
    background-image: radial-gradient(circle 800px at 10% -25%, #fff 0%, rgba(255,255,255,0) 100%);
    left: auto;
    right: -330px;
    opacity: 0.2;
}
.circle-4 {
background-image: radial-gradient(circle 560px at 10% -25%,#fff 0%,rgba(255,255,255,0) 100%);
right: 600px;
top: 500px;
width: 120px;
height: 120px;
z-index:0 !important;
}
.rotate-side {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    height: 170px;
    width: 220px;
    position: absolute;
}
.bubble-price {
 background: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/bubble.svg) no-repeat;
    background-size: auto;
width: 215px;
background-size: cover;
text-align: center;
padding-top: 25px;
height: 172px;
font-size: 18px;
-webkit-animation: pulse 2s infinite;
animation: pulse 3s infinite;
}
.animation-moves .circle-1 {
    width: 500px;
    height: 500px;
    left: -60px;
    top: -90px;
    animation: pulse 1s ease infinite alternate, nudge1 30s linear infinite alternate;
}
.animation-moves .circle-2,.animation-moves .circle-4  {
    animation: pulse 1s ease infinite alternate, nudge2 30s linear infinite alternate;
}
@keyframes rotation{
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
@keyframes nudge1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(100px, 0);
  }
  
  80% {
    transform: translate(-1px, 0);
  }
}

@keyframes nudge2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(0, 150px);
  }
  
  80% {
    transform: translate(-150px, 0);
  }
}
.bubble-price span {
    display: block;
    font-size: 31px;
    font-family: 'Anton', sans-serif;
    font-weight: lighter;
    letter-spacing: 1px;
}
.landing.headers-banner {
    padding-top: 170px!important;
}
.landing.headers-banner h1 {
    font-size: 60px;
    line-height: 62px;
    margin-top: 40px;
    
}
.landing h1 span::before {
    content: url(https://www.orbitcanvas.com/wp-content/uploads/2020/04/divider.png);
    position: absolute;
    z-index: -1;
    bottom: -25px;
}
.landing .container {
width: 1130px;
padding-bottom: 80px !important;
overflow: hidden;
padding-top: 0 !important;
}
.landing .row {
  border: 6px dotted #fff;
padding: 50px 50px 0px 50px;
border-radius: 28px;
}
.landing h4 {
    color: #fff;
    font-size: 22px;
    line-height: 34px;
}
.promo-code span {
    display: block;
    font-size: 12px;
    margin-top: -13px;
    background: #fff;
    line-height: 8px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.promo-code {
    display: inline-block;
    background-color: #fff;
    padding: 10px 30px 12px;
    border-radius: 8px;
    color: #000;
    font-size: 23px;
    line-height: 20px;
    margin-top: 20px;
    border: 7px double #f25e62;
}
.code {
    line-height: 40px;
    font-size: 15px;
    margin-bottom: 41px;
}
.limited::after {
    content: 'Limited time offer';
    position: absolute;
    top: 20px;
    right: -48px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
    padding: 4px 40px;
    font-size: 18px;
    width: 195px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    padding-bottom: 9px;
}
.txt_bg {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 0;
    left: 0;
    height: 8px;
    background: rgba(246, 190, 80, 0.22);
}
.underline-bt span {
    position: relative;
}

.landing  .plan-header img {
    margin-bottom: 20px;
}
.border-bottom {
	border-bottom: 1px solid #c7c7c7;
}
.border-top-corner {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}
.customize > div {
    border-top-right-radius: 8px !important;
border-bottom-right-radius: 9px;
background-color: white !important;
}
.landing .wpcf7 .wpcf7-form-control-wrap textarea {
    height: 189px !important;
}
.border-top-corner {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

#main_countedown_1 .time_description {

    font-size: 17px!important;
    color: #fff!important;
    font-family: 'Lato', sans-serif!important;

}
#main_countedown_1 .time_left {
    border-radius: 6px!important;
    background-color: #fff!important;
    font-size: 35px!important;
 font-family: 'Lato', sans-serif!important;
    color: #f25f62!important;
}
.time_left {
    font-weight: 900!important;
}
.countdown {
    margin: 0 !important;
}
.tiimer {
    margin-bottom: -60px;
    z-index: 999999;
    position: relative;
}

.landing .headers-banner h1 {
    font-size: 60px;
}
.landing .headers-banner {
    padding-top: 80px;
}
.landing .pd-bt-100{
    padding-bottom:140px;
}
.four-pricing .plan-header h2 {
    font-size: 25px;}
.four-pricing .vc_column-inner {
    padding: 0px !important
}
.four-pricing .plan-header img {
    margin-bottom: 20px;
}
.four-pricing .price-icons {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #70a997;
}
.four-pricing .pricing-box .plan-inside {
   padding: 0px 5px;
}
.four-pricing .pricing-box .plan-inside ul li {
    border-bottom: none;
    font-size: 14px;
    padding: 3px 10px;
}
.pricing-box .cut_price {
    font-size: 14px;
}
.four-pricing .pricing-box {
    padding-bottom: 31px;
}
.price-borders .pricing-box {
    border:1px solid #ececec;
}
.price-borders .redius-1 {
    border-top-left-radius: 9px;
}
.price-borders .redius-2 {
    border-top-right-radius: 9px;
}
.price-borders .redius-3 {
    border-bottom-left-radius: 9px;
}
.price-borders .redius-4 {
    border-bottom-right-radius: 9px;
}

.border-left-1{
 border-left: 1px solid #ececec;
 }
.four-pricing .black-button {
padding: 10px 30px;
    border-radius: 5px;
    margin: 10px 0 20px !important;
    background-color: transparent;
    border: 1px #70a997 solid;
    color: #000;
}
.black-button.orange-gredient {
    color: #fff;
}
.four-pricing .price-now {
    margin-bottom: 15px;
}
.four-pricing .zoom-2{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
z-index: 999;}

.pro::before {
    content: 'Popular';
    position: absolute;
    top: 12px;
    right: -36px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
    background-color: #ffec00;
    padding: 4px 40px;
    color: #17191a;
}
.shadow-all{-webkit-box-shadow: -1px 3px 19px -10px rgba(0,0,0,0.33);
-moz-box-shadow: -1px 3px 19px -10px rgba(0,0,0,0.33);
box-shadow: -1px 3px 19px -10px rgba(0,0,0,0.33);}
.pricing-box.pro {
    border-radius: 8px;
       border: 2px solid #70a997;
}

.slim{
  --scrollbarBG: #fff;
  --thumbBG: #90A4AE;
   scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
      overflow: hidden;
  overflow-y: auto;
  margin: 0 auto;
    height:170px;
}
.slim::-webkit-scrollbar {
  width: 8px;
}
.slim::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.slim::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 0px;
  border: 3px solid var(--scrollbarBG);
}
.slim.right-margin {
    margin: 0px 10px 0px 10px;
}
/*---- landing end css ---*/
.ol-digits ol {
    padding-left: 20px !important;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
    padding: 10px 30px 30px 30px!important;
}
.heateor_sss_sharing_title {
    margin-bottom: 15px!important;
}
.heateorSssSharing {
    margin-right: 7px!important;
}
.vc_grid-item-mini .heateor_sss_sharing_container {
    display: none!important;
}
.yrm-content {
     font-size: 18px;
}
.yrm-inner-content-wrapper.yrm-cntent-1 {
    color: initial !important;
}
.yrm-inner-content-wrapper.yrm-cntent-1 br {
    display: none!important;
}
.yrm-toggle-expand { 
text-align: left!important; 
color: #70a997; 
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
} 
.yrm-toggle-expand:hover {
    color:  #4d4a46;
}
.yrm-btn-wrapper {
    padding-top: 0px!important; 
}
.qs {
    background: #fff;
    border-radius: 15px;
    padding: 15px 15px 0px 15px !important; 
}
.sticky-teaser h3 {
    text-transform: capitalize;
    font-size: 26px;
    letter-spacing: -1px;
}
.sticky-teaser p {
    color: #868686;
}
.blog-post .vc_grid-item {
    display: inline-block !important;
}
figure video {
    width: 100%;
}
.vc_gitem-post-data-source-post_title p {
    text-align: left;
    font-weight: bold;
    line-height: 26px;
    color:  #090909 !important;
}
.contact-settings h1 {
    font-size: 16px;
       color: #70a997;
    letter-spacing: 1px;
}
.contact-settings .col-md-6,
.contact-settings .col-md-12{
   padding-right: 0;
}
.sp-contact a {
    font-weight: 400 !important;
}
.sp-contact select:focus-visible, input:focus-visible {
    outline: none;
}
.sp-contact span.wpcf7-not-valid-tip {
 line-height: 19px;
    top: 27px;
    background-color: antiquewhite;
    padding: 0px 8px;
}
.sp-contact .wpcf7 .wpcf7-form-control-wrap input[type="text"], 
.sp-contact .wpcf7 .wpcf7-form-control-wrap input[type="email"], 
.sp-contact .wpcf7 .wpcf7-form-control-wrap input[type="tel"], 
.sp-contact .wpcf7 .wpcf7-form-control-wrap input[type="url"], 
.sp-contact .wpcf7 .wpcf7-form-control-wrap select, 
.sp-contact .wpcf7 .wpcf7-form-control-wrap textarea {
border: none;
    border-bottom: 4px solid #70a997;
    margin: 0px;
    background: transparent;
    position: relative;
        height: 60px;
}
.sp-contact .wpcf7 .wpcf7-form-control-wrap input:focus, .sp-contact .wpcf7 .wpcf7-form-control-wrap textarea:focus{
       border: none;
    border-bottom: 4px solid #000;
}

.wide select.wpcf7-form-control.wpcf7-select {
    width: 410px;
}
.wide textarea.wpcf7-form-control.wpcf7-textarea {
    width: 550px;
}
.sp-contact textarea {
    height: 150px !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.sp-contact .wpcf7-response-output {
    display: none;
}

.sp-contact .inline{
      display: inline;  
}
.sp-contact li::marker {
    display: none;
}
.sp-contact .quote-submit {
    display: block;
}
.quick-chat i {
    display: block;
    margin: 0 !important;
    font-size: 35px !important;
    text-decoration: none;
    margin-right: 15px !important;
    
}
.quick-chat {
    display: inline-block;
    text-align: center;
}
.quick-chat .fa {
    color: #454249!important;
}
.ts-imageswitch__handle span {
    width: 62px!important;
    height: 62px!important;
    left: -31px !important;
    border-radius: 50%!important;
}
.ts-imageswitch-after-string.active {
    position: initial!important;
    margin-top: 20px!important;
}
.ts-imageswitch-before-string {
    margin-top: 20px !important;
}
.ts-imageswitch__handle {
    background-color: #000 !important;
}
.ts-imageswitch__handle span i.handle_slide {
    height: 18px !important;
    width: 21px !important;
    left: 19px !important;
    top: 20px !important;
    background-repeat: no-repeat;
}
.double-image img::selection {
    background-color: transparent;
}
.single-image-float
{
    position: absolute;
    top: 380px;
    right: -50px;
}
.rotate-logo
{
    position: absolute;
    top: -40px;
}
.tables-info {
    margin-right: 20px;
        color:  #a2a2a2;
    font-size: 18px;
}
.video-btn {
      padding-top: 100px;
    padding-bottom: 100px;
}
.video-popup .ts-font-icon.fa.fa-play {
 border: 2px #fff solid;
    padding: 18px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 25px !important;
    background-color: #fff;
    color: initial !important;
}
.ts-font-icon.fa.fa-play:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    color:  #f2645e !important;
}
.center-div span {
    display: block;
    font-size: 14px;
}
.center-div {
    position: absolute;
    left: -130px;
    background-color:  #fff;
    padding: 20px 20px 20px 20px;
    top: 190px;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
}

.video-popup canvas.kraut-lb-effchange, canvas.kraut-lb-effcurrent, div.kraut-lb-pngfix,
.video-popup .kraut-lb-main canvas.kraut-lb-effchange{

    display: none !important;

}
canvas.kraut-lb-effchange, canvas.kraut-lb-effcurrent, div.kraut-lb-pngfix {
      display: none !important;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 16px!important;
    padding: 0 !important;
    background-color: transparent !important;
color: #f2645e !important;
font-weight: bold;
}
.vc_gitem_row .vc_gitem-col {
    padding: 30px!important;
}
.vc_btn3-container.vc_btn3-left {
    margin-bottom: 0 !important;
}
.vc_col-sm-12.vc_gitem-col.vc_gitem-col-align- {
    background-color:  #fff !important;
    min-height: 250px;
}
.vc_grid-item-mini.vc_clearfix {
    box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
    -webkit-box-shadow: -20px 20px 32px rgba(157, 157, 157, 0.1);
    -moz-box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
}
.vc_gitem-post-data p {
    color:  #828282;
}
.cut_price {
    font-size: 18px;
    display: block;
    color: #bfbfbf;
    font-weight: 500;
    text-decoration: line-through;
    margin-top: 2px;
}
.sticky
{
position: sticky !important;
    position: -webkit-sticky;
    top: 100px;
    }
    .sticky-col > div
{
position: sticky !important;
    position: -webkit-sticky;
    top: 100px;
    }
.overlap-flasher{
    margin-top: -200px;
}
.portfolio-flasher 
{
  margin-bottom: -204px !important;  
  z-index: -1;
  padding-bottom: 230px !important;
}
.colorfull-bg::after {
    opacity: 0 !important;
}
.colorfull-bg {
    background-color: #131924;
}
.headers-banner.sr .col-sm-7 {
    padding-right: 50px;
}
.colorfull-bg .visible-content {
    max-width: 100%;
    margin-bottom: 20px;
}
.right-banner {
    margin-top: -70px;
    z-index: -1;
    margin-left: -50px;
}
.overlay-none::after {
    display: none;
}
.header-check {
    font-size: 17px;
    color: #fff;
    display: inline-block;
margin-right: 20px;
line-height: 0;
}
.header-check span {
    color: #0cd70c;
    margin-right: 8px;
}
.pricing-box {
   background-color:#fff;
}
.pricing-box .plan-header {
    text-align: center;
    padding: 40px 15px 0;
   }
.pricing-box .plan-inside {
    padding: 10px 50px;
    text-align: center;
}
.plan-inside {
    
}
.pricing-box .plan-footer {
    text-align: center;
}
.pricing-box .plan-inside ul li {
    text-align: center;
    padding: 11px 10px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #b0b0b0;
}
.plan-header h2 {
    font-size: 32px;
    margin-bottom: 14px;
}
.pricing-box .plan-inside ul {
    padding-left: 0;
}
.solid-btn{
    background-color: #000;
padding: 16px 30px 16px 28px;
font-size: 16px;
font-weight: 400;
color: #fff;
display: inline-block;
border-radius: 4px;
text-decoration: none;
margin-right: 20px;
line-height: 20px;
}
.solid-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 11px 28px rgba(0,0,0,0.1);
    color: #fff;
    background-color: #000000ba;
}
.solid-btn.orange-gredient:hover {
    background-color: #f46640 !important;
}
.solid-btn a:focus, .solid-btn:active:focus{
    color: #fff;}

.see-throw-btn {
    border: 1px solid #fff;
padding: 16px 30px 16px 28px;
    border-radius: 4px;
    color: #fff;
font-size: 16px;
line-height: 20px;
    display: inline-block;
     transition: all 0.4s ease;

}
.see-throw-btn:hover {
    background-color: #fff;
    color: #000;
      transform: translateY(-3px);
    box-shadow: 0 11px 28px rgba(0,0,0,0.1);

}
.see-throw-btn a:focus, .solid-btn active:focus{
    color: #000;}
    .light-border .right-border
    {      border-right: 2px solid #ffffff4d;  }
        .light-border .left-border
    {      border-left: 2px solid #ffffff4d;  }
.black-button {
background-color:  #000;
    padding: 13px 30px 13px 30px;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
letter-spacing: 1px;
transition: all .5s;
}
.black-button:hover {
    background-color: #cecece;
}
.black-button.orange-gredient:hover {
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
    color: #fff;

}

.plan-footer a:focus {
    color: #fff;
text-decoration:none;
}
.plan-header span {
       font-size: 23px;
    color: #70a997;
    font-weight: 600;
}
.price-icons span {
    font-size: 50px;
    display: block;
    margin-bottom: 10px;
    color: #d2d2d2;
}
.price-icons {
    margin-bottom: 11px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.scrol-menu {
    margin-bottom: 20px !important;
    margin-top: 20px;
}
.scrol-menu ul {
    text-align: center;
    margin-bottom: 0 !important;
}
.scrol-menu li {
    display: inline-block;
    margin-right: 18px;
    text-align: center;
}
.nav-base {
    display: block;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #999;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
}
.round-circles {
    position: absolute;
    z-index: 4;
}
.red-circle {
width: 150px;
height: 150px;
border-radius: 50%;
background:#ee4435;
left: -70px;
position: absolute;
top: -160px;
}
.yellow-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:#ffc204;
    left: -100px;
    position: absolute;
    top: 20px;
}
.blue-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #4389fc;
    left: -50px;
    position: absolute;
    top: 100px;
}
.green-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #37b258;
    left: -70px;
    position: absolute;
    top: 200px;
}
.left-image  {
    left: -30px;
    position: relative;
    min-width: 110%;
}
.image-right {
    right: -60px;
    position: relative;
    min-width: 110%;
}
.kraut-lb-photo-menu {
    display: initial !important;
bottom: initial !important;
right: initial !important;
right: -50px !important;
top: 10px;
}
.kraut-lb-exit-inner {
    display: none;
}
.kraut-lb-photo-menu li {
    float: initial!important;
}
.image-shadow img {
box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
-webkit-box-shadow: -20px 20px 32px rgba(157, 157, 157, 0.1);
-moz-box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
}
.content-text h2 {
    font-size: 36px;
    line-height: initial;
    font-weight: bold;
     padding-top: 9px;
    letter-spacing: -1px;
}
.content-text h3 {
    font-size: 18px !important;
    line-height: initial;
    color: #70a997 !important;
    margin-bottom: 0;
    text-transform: uppercase !important;
    letter-spacing: initial !important;
}
.round-flasher {
width: 250px;
height: 250px;;
top: -80px;
position: absolute;
text-align: center;
color:#fff;
font-size: 22px;
padding-top: 79px;
left: -50px;
}
.round-flasher h4 {
  font-size: 30px;
color:#fff;
margin-bottom: 0;
letter-spacing: -2px;
}
.round-flasher.bottom-align {
left: initial;
right: 50px;
bottom: -570px;
top: initial;
z-index: 9999;
}
.webiconbox .icon-e,
.webiconbox .icon-d,
.webiconbox .icon-f{
    margin-top: -12px;
}
.awards {
    text-align: center;
}

.awards h3 {
    font-size: 20px !important;
    margin-bottom: 0px;
}
.a-link {
    margin:0 !important;
}
.a-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}
.content-text p {
    font-size: 18px;
}
.dn-box {
    background-color: #fff;
    border-radius: 6px;
    padding: 40px;
    -webkit-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
-moz-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
}
.dn-box h3 {
    font-size: 17px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dn-box p {
    color: #7b7b7b;
}
.dn-box form p {
    color: #090808;
    margin-top: 10px;
}
.dn-box form {
    margin-top: 20px;
}
.dn-right {
    border-right: 2px #dbdcd6 solid;
}

#name,
#email{
    width: 100%;
    height: 42px;
    border-radius: 6px;
    border: 2px #dbdcd6 solid;
     padding-left: 20px;
}
span.ed_sent_successfully {
    margin-top: 20px;
    display: block;
    font-size: 18px;
}
.dn-form input[type="submit"] {
    background-color: #2f9780;
    border: navajowhite;
    color: #fff;
    padding: 10px;
    width: 100%;
    border-radius: 6px;
    margin-top: 10px;
}
.intl-tel-input {
    width: 100%;
	display: inline-block !important;
}
.overflow-show {
   overflow: visible !important;
}
.scroll-btn.float-left {
   min-width: 20%;
    float: left;
    margin-right: 20px;
}
.scroll-btn {
    cursor: pointer;
}
.float-right {
    display: inline-block;
}
.big-white-button.call-button,
.scroll-btn .big-orange-button{
    padding: 10px 30px;
line-height: 25px;
}
.ts-icon-counter .ts-counter-note {
    font-size: 18px !important;
    color: #8a8986 !important;
}
.ts-icon-counter .ts-counter-note {
    font-size: 18px !important;
    color: #8a8986 !important;
}
.visible-content {
  font-size: 25px;
    margin: 0 auto;
color: #d8dad9;
line-height: 40px;
     max-width: 60%;
}
.visible-content p {
    width: 100%!important;
    margin-bottom: 8px !important;
    color: #d8dad9 !important;
}
.sp.btn-small.white-text.ecommerce-center {
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.gerneral-table {
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    color: #555;
    border-radius: 6px !important;
overflow: hidden;
}
.commas.fa-quote-left {
color: #F56640;
    font-size: 60px;
}
.commas {
    position: absolute;
    left: -65px;
  }
.testimonial h2 {
font-size: 36px;
letter-spacing: -1px;
margin-bottom: 0;
}

.testimonial p {
font-size: 20px;
font-style: italic;
margin: 2px;
}
.white-text .testimonial p {
    color: #f68b42 !important;
}
.testimonial-row {
    padding-top: 40px;
    padding-bottom: 30px;
}

.minus-top {
    margin-top: -200px;
    z-index: 4;
    margin-bottom: -110px;
}
.table-column {
    background-color: #f9f9f9;
   margin-left: 0px !important;
margin-right: 0px !important;
    border-radius: 9px;
    padding-top: 50px;
    padding-bottom: 20px;
}
.google-btn span {
    margin-left: 10px;
}
.google-btn {
    transition: all 500ms;
    color: #fff;
}
.seo-points p {
    margin-top: 20px;
    color: #686868;
    margin-bottom: 0 !important;
}
.seo-sticky {
    position: sticky !important;
    position: -webkit-sticky;
    top: -800px;
}
.how-may {
    padding-left: 70px!important;
    padding-top: 30px;
}
.bottom-right-corner > div {
    border-bottom-right-radius: 35px;
  }
.orange-gredient
{
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
}
.contact-flasher .vc_column-inner {
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
}
.text-gredient, .text-gredient h2, .text-gredient h3 , .text-gredient p
{
color: #4efdc6 !important;
}
.contact-flasher .wpcf7 .wpcf7-form-control-wrap input[type="text"],
.contact-flasher .wpcf7 .wpcf7-form-control-wrap select,
.contact-flasher .wpcf7 .wpcf7-form-control-wrap input[type="tel"],
.contact-flasher .wpcf7 .wpcf7-form-control-wrap input[type="email"],
.contact-flasher .wpcf7 .wpcf7-form-control-wrap input[type="url"]
{
    border: 2px solid black !important;
}
.wpcf7-spinner {
    position: absolute!important;
    right: 10px!important;
    top: 16px!important;
}
.contact-flasher .theme_1.wpcf7-form input.error, 
.contact-flasher .theme_1.wpcf7-form select.error, 
.contact-flasher .theme_1.wpcf7-form textarea.error {
box-shadow: -20px 20px 32px rgba(94, 94, 94, 0.22);
-webkit-box-shadow: -20px 20px 32px rgba(94, 94, 94, 0.22);
-moz-box-shadow: -20px 20px 32px rgba(94, 94, 94, 0.22);
    border: 3px solid  #f42121 !important;

}
.contact-flasher {
    border-radius: 8px !important;
}
.contact-flasher .wpcf7 input[type="submit"] {
    background-color: black;
}
.small-points p {
    line-height: 30px;
}
.small-points .qodef-il-icon-holder {
    color: #4ac622;
    font-size: 21px;
    margin-right: 30px;
    padding-right: 10px;
}
.round-box
{
border-radius: 8px;
padding: 30px;
}

.small-points h3 {
    font-size: 20px;
        margin-bottom: 20px;
}
.seo-rank:hover {
    color: black;
    text-decoration: none;
}
.seo-rank {
    color: #f25c64;
    cursor: pointer;
    transition: all 0.3s;
}
.seo-popup .popover {
    max-width: 100%;
    z-index: 9999999;
    -webkit-box-shadow: -10px 15px 50px rgba(0, 0, 0, 0.2);
box-shadow: -10px 15px 50px rgba(0, 0, 0, 0.2);
}

.seo-popup .arrow {
    display: none;
}
.seo-points .fa {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #70a997;
    border: 2px solid #70a997;
border-radius: 50%;
width: 52px;
height: 52px;
padding: 10px;
}
.big-text h2 {
    font-size: 50px !important;
letter-spacing: -1px;
}
.big-text h3 {
    font-size: 35px;
    text-transform: capitalize;
	letter-spacing: -1px;
}
.big-text p {
    font-size: 18px !important;
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.header-shadow::before {
    content: " ";
    top: 0px;
    position: absolute;
    width: 100%;
    height: 200px;
background: -moz-linear-gradient(to bottom, rgb(44 58 51) 0%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(to bottom, rgb(44 58 51) 0%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgb(44 58 51) 0%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.smaller.header-shadow::before
{
    display:none;
}
.headers-banner.p-visible::after {
    opacity: 0.5 !important;
}
.margin-60
{
margin-top: 60px;
}
.margin-30
{
margin-top: 30px;
}
.margin-80
{
margin-top: 80px;
}
.padding-60
{
padding-top: 60px;
}
.faqx {
    margin-top: 40px;
}
.runing-counter .ts-counter-icon {
    display: none !important;
}
.runing-counter .ts-counter-icon-holder {
    margin: initial !important;
}
.conter-space {
    margin-top: 50px;
    margin-bottom: 60px;
}
.case-studt-sticky {
    position: sticky !important;
    position: -webkit-sticky;
    top: 120px;
    z-index: 9;
}
.case-studt-sticky .minus-top {
    margin-top: -100px;
    margin-bottom: initial;
}
.case-para span {
    line-height: 35px;
    font-weight: initial;
    margin-bottom: 30px;
    font-size: 22px;
    display: block;
}
.case-para p {
    font-size: 18px;
    color: #6f6f6f;
    margin-bottom: 20px;
    line-height: 27px;
}
.case-para ul, ol {
   font-size: 18px;
}
.case-para h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ending-notes h2 {
    color: #fff;
    font-size: 42px !important;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: -2px;
}
.p-visible h1 span {
    color: #f70000;
    display: block;
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.runing-counter .ts-counter-value {
    font-weight: bold!important;
    letter-spacing: -2px!important;
    line-height: 95px!important;
}
.bullets-points {
    margin-top: 30px;
}
.bullets-points h2 {
    font-size: 38px;
    color: #35434a;
    margin-bottom: 10px;
    text-transform: capitalize;
    letter-spacing: -1px;
}
.bullets-points h5 {
    font-size: 22px;
    font-weight: initial;
    color: #7d7d7d;
    line-height: 29px;
    margin-bottom: 20px;
    margin-top: 21px;
}
.bullets-points p {
    font-size: 18px;
}
.seo-pd {
    margin-top: 60px !important;
}
.seo-points h3 {
    font-size: 20px;
}
.case-container .roundedge-shadow {
    border: 2px solid #c1c1c1 !important;
}
.shirnk-banner {
    padding-right: 30px;
}
.whatsapp-fx {
    position: fixed;
    bottom: 18px;    
	z-index: 9999;
    background: #128c7e;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50px;
    right: 90px;
    line-height: 57px;
    box-shadow: -1px 9px 9px rgb(157 157 157 / 41%);
    -webkit-box-shadow: -1px 9px 9px rgb(157 157 157 / 41%);
    -moz-box-shadow: -1px 9px 9px rgb(157 157 157 / 41%);
}
.whatsapp-fx i {
    color: #fff;
}
.whatsapp-fx:hover {
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transition: all .5s;
}
a.whatsapp:hover {
    color: #25d366;
    transition: all 500ms;
}
a.messanger:hover {
    color: #237eee;
    transition: all 500ms;
}
.footer-phone a:hover {
    color: #fff;
    text-decoration: none;
  transition: all 500ms;
}

.bullets-points .fa.fa-check {
    color: #20CB98;
    margin-right: 9px;
}
.seo-points {
    border-radius: 8px;
    padding: 30px;
}
.top-padding {
padding-top: 100px;
padding-bottom: 100px;
}
.number-flash p {
    color:#70a997!important;
}
.number-flash h3 {
    color:  #fff!important;
}
.number-flash a {
        color: #fff;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold
}
.number-flash a:hover {
    color: #f68c41;
    text-decoration: none;
}
.last-menu a {
    font-size: 20px;
    line-height: 40px;
}
.number-flash .fa {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}

.number-flash h2{
font-size:35px;
color:#fff;
}
.contact-flasher .wpcf7-form-control.wpcf7-submit {
    width: 100%;
}
.number-flash h4 {
    margin-bottom: 20px;
}
.gerneral-box h1 {
    font-size: 75px;
    line-height: 80px;
    margin-bottom: 40px;
    letter-spacing: -3px;
}
.gerneral-box h2 {
    font-size: 38px;
    margin-bottom: 20px;
    }
.gerneral-box h3 {
    text-transform: capitalize;
}
.gerneral-box h4 {
     font-weight: initial;
}
.gerneral-box li {
font-size: 18px;
margin-bottom: 10px;
list-style: none;
padding-left: 20px;
position: relative;
}
.gerneral-box li::before {
    content: ".";
    position: absolute;
    line-height: 0;
    font-size: 25px !important;
    left: 0px;
    margin-top: 5px;
}
.gerneral-box ol {
    margin-bottom: 25px;
}
.gerneral-box ul {
        margin-bottom: 25px;
        padding-left: 0;
}
.gerneral-box:focus {
    outline: none !important;
}
.case-study {
    padding: 0px 40px 0px 40px;
        margin-top: 10px;
}
.case-study .big-orange-button {
    width: 53% !important;
}

.left-column.case-count {
    border-right: 2px #dbdcd6 solid;
}
.case-study span {
  display: block;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
.case-study h3 {
font-size: 31px;
line-height: 40px;
font-weight: 700;
    margin-top: 20px;
    letter-spacing: -1px;
}
.little-pd {
    padding-left: 35px !important;
}
.case-study p {
    font-size: 16px;
    color: #7d7d7d;
    left: 20px;
    margin-top: 14px;
    margin-bottom: 25px !important;
}
.case-count h4 {
    font-size: 48px;
    color: #70a997;
    margin-bottom: 0;
}
.case-count p {
    font-size: 18px;
    margin-top: 5px;
    
}
.case-count .fa {
    color: #2f9780;
    font-weight: bold;
    margin-right: 6px;
}
.gerneral-box p {
    font-size: 18px;
    margin-bottom: 20px;
}
.left-space {
    padding-left: 105px;
}
.mega-icons p {
    color: #7d7d7d;
    margin-bottom: 0 !important;
}
.mega-icons h3 {
    font-size: 22px !important;
    padding-top: 7px;
}
.overflow-hiiden
{
   overflow: hidden;
}
.counter-no strong{
    font-size: 50px;
    font-weight: bold;
}
.counter-no p {
    font-size: 16px;
    text-transform: uppercase;
    color: #70a997;
    font-weight: bold;
}
.counter-no {
    margin-bottom: 60px;
}
.counter-no {
    padding: 30px 0px 30px 0px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0 !important;
}
.qodef-il-icon-holder, .qodef-il-text {
    position: relative;
    display: table-cell;
    vertical-align: top;
    line-height: 1;
}
.bullets-points .qodef-il-icon-holder {
    font-size: 18px;
}
.mega-icons .ts-box-icon-title-image.ts-main-ico.ts-font-icon {
    border-radius: 50%;
        -webkit-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
    -moz-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
    box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06)
}
div.wpcf7-mail-sent-ok {
    border: none!important;
    background-color: #19a449;
    color: #fff !important;
    padding: 20px!important;
    font-size: 16px!important;
    border-radius: 6px!important;
    margin-top: 10px!important;
    margin-left: 0!important;
}
.message-none .wpcf7-mail-sent-ok {
    display: none !important;
}
.contact-flasher .vc_column-inner {
    padding: 40px!important;
}
.contact-flasher .wpcf7-form-control.wpcf7-submit {
    padding: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
.mega-icons .ts-icon-box-boxed.left {
    padding: 0 0 0 80px !important;
}
.no-border {
    border: none;
}
.float-btn > div > div {
    display: inline-block;
}
.arow-btn {
    font-size: 18px;
    color: #70a997;
    text-transform: capitalize;
transition: all 500ms;
margin-bottom: 9px;
display: inline-block;
font-weight: bold;
}
.arow-btn span.fa.fa-arrow-right {
    display: initial;
    margin-left: 10px;
}
.case-study .arow-btn {
    color: #fff;
}
.inline-block
{
 display: inline-block; 
}
.display-block
{
 display: block;   
}
.display-block a
{
 display: block;   
}
.arow-btn:hover {
    color: #090909;
    text-decoration: none;
}
.dn-box ul {
    margin-left: -10px;
    font-size: 16px;
    text-transform: capitalize;
}
.download-right {
    padding-left: 15px !important;
}
.dn-images {
    width: 98%;
}
.dn-heads h1 {
    color: #fff;
    text-transform: uppercase;
   padding-top: 40px;
}
.dn-left p {
    font-size: 18px;
}
.grey-background
{
 background: #ebece6;
}
.project-description h3 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 30px;
}
.project-description h2 {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.project-description h4 {
    font-size: 22px;
    margin-top: 6px;
}
.project-description {
    padding: 40px;
    color: #fff;
}
.main-h1 h1 {
	margin-top: 0px;
    font-size: 62px;
    font-weight: bold;
    margin-bottom: 22px;
	    letter-spacing: -2px;
}
.main-h1 p {
    margin-top: 40px;
    font-size: 18px;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 0px !important;
}
.home-flasher p {
     font-size: 90px;
    color: #70a997;
    line-height: 0.8;
    text-align: center;
    letter-spacing: -5px;
    margin: 20px 0px;
    font-weight: 600;
}
.icon-a,.icon-b, .icon-c, .icon-d, .icon-e, .icon-f{
    background: url(https://www.orbitcanvas.com/wp-content/uploads/2019/04/webicons.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    width:48px;
    height: 48px;
    margin-left: 14px;
}
.flags, .flags-a
{
 background: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/flags.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    width:34px;
    height: 22px;
}
.flags-a{
background-position: -36px 0px;
}
.icon-b {
    background-position: -53px -2px;
}
.icon-c {
    background-position: -105px 0;
}
.icon-d {
    background-position: -4px -49px;
}
.icon-e {
    background-position: -57px -53px;
}
.icon-f {
   background-position: -108px -49px;
}
.main-h1 {
margin-top: 55px;
text-align: center;
margin-bottom: 0px !important;
}
span.wpcf7-not-valid-tip {
    font-size: 12px !important;
    border-radius: 4px;
    position: absolute;
    line-height: 19px;
    top: 20px;
    background-color: antiquewhite;
    padding: 0px 8px;
    left: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border: none !important;
color: white;
font-size: 20px;
text-align: center;
background-color: #ee5254;
border-radius: 6px;
padding: 12px !important;
margin: 5px 0px 0px 0px !important;
}
.wpcf7 form.spam .wpcf7-response-output{background-color: #f56e28;color: #fff;border-radius: 6px;font-size: 18px;text-align: center;margin-top: 10px;padding: 20px 20px 20px 20px;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #2f9780;color: #fff;border-radius: 6px;font-size: 18px;text-align: center;margin-top: 10px;padding: 20px 20px 20px 20px;border: none;margin: 0;}
.last-message p {
    text-align: right;
    padding-top: 13px;
    font-size: 20px;
}
.drop_uploader.drop_zone.hover {
    border: 3px dashed #70a997!important;
}
.logo-questionnaire-form div.wpcf7-mail-sent-ok {
    display: none !important;
}
.check-box-row label {
    background: #e9e9e9;
    padding: 12px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.check-box-row .wpcf7-list-item {
    display: inline-block !important;
    margin-right: 10px;
}
.check-box-row {
    margin-bottom: 30px;
}
.check-box .wpcf7-list-item {
    display: inline-block !important;
      background: #e1e1e1;
    padding: 20px;
    border-radius: 5px;
    margin-right: 20px;
    cursor: pointer;
	margin-bottom: 20px;
}
.logo-questionnaire-form .thankyou-form h2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
}
.logo-questionnaire-form .thankyou-form p {
    width: 80%;
    font-size: 21px;
}
.custom-colors p {
    margin-top: -10px;
}
.custom-colors-code {
    margin-top: 30px;
}
.theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error {
    border: 2px solid #70a997 !important;
}
.freebies-img
{
    margin-bottom: 25px !important
}
.freebies-img img {
    border-radius: 10px;
    -webkit-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
    -moz-box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);
    box-shadow: -10px 10px 26px 4px rgba(0,0,0,0.06);

}
.freebies-img img:hover {
    box-shadow: -10px 10px 26px 4px rgba(0, 0, 0, 0.15);
     -webkit-box-shadow: -10px 10px 26px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -10px 10px 26px 4px rgba(0, 0, 0, 0.15);
}
.free p {
    color: #fff;
    margin: 0px !important;
}
.all-dn
{
  width: 102%!important;  
}
.dn-heads-BTN {
    margin-top: 37px;
}
.btn-align-right
{
    text-align:right;
}
.donwload-text p strong {
    margin-bottom: 10px !important;
    display: block;
    margin-top: 20px !important;
}
.donwload-text {
    font-size: 16px !important;
}
.donwload-text a {
    color: #f3675c;
}
.premium h3 {
    font-size: 22px;
    text-transform: capitalize;
}
.zoom-box
{
  transition: all 500ms; 
}
.zoom-box:hover
{
     transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);

}
.free {
    position: absolute;
    color: #fff;
    margin-left: -11px;
    margin-top: 20px;
    padding: 0px 10px 0px 10px;
    border-radius: 2px;
    font-weight: bold;
}
.thankyou {
    margin-top: 120px;
    text-align: center;
    color: #fff;
    margin-bottom: 120px !important;
}
.thankyou h4 {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.thankyou .fa-check {
    font-size: 50px;
    border: 5px #0bdbad solid;
    border-radius: 50%;
    padding: 30px;
    color: #0bdbad;
    margin-bottom: 30px;
    width: 120px;
height: 120px;
}
.thankyou p {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.price h3 {
    font-size: 40px;
    margin-bottom: 15px !important;
}
.round img {
    border-radius: 8px;
}
.buy-button a
{
color:#fff;
background-color: #2f9780;
padding: 12px 30px 12px 30px;
text-align: center;
border-radius: 6px;
width: 100%;
text-decoration: none;
display: block;
transition: all 500ms;
font-weight: bold;
letter-spacing: 1px;
}
.buy-button a:hover {
    background-color: #34383c;
    color: #fff;
}
.qa-form {
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
    border-radius: 6px;
    padding: 30px;
    margin-top: 50px;
margin-bottom: 30px;
-webkit-box-shadow: 0 60px 60px -51px rgba(0,0,0,.45);
-moz-box-shadow: 0 60px 60px -51px rgba(0,0,0,.45);
box-shadow: 0 60px 60px -51px rgba(0,0,0,.45);
	    max-width: 1000px;
    margin: 50px auto !important;
}
.qa-form h2 {
    color: #fff;
    margin-top: 9px;
font-size: 30px;
}
.only-btn {
    margin-bottom: 0px !important;
}
.qa-form .big-orange-button {
    background: black;
    font-size: 18px;
    letter-spacing: 2px;

}
.comment-body p a {
    color: #a29c9a;
}
.comment-body {
    border-top: 1px solid #e1eaf8;
    padding-top: 30px;
    word-wrap: break-word;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;

  
}
.portbox {
    position: relative;
    overflow: hidden;
   box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
   margin-top: 22px;
	background-color: #eaeaea;
}
.portbox-hd h3{
   position: absolute;
bottom: 13px;
color: #fff;
font-size: 16px;
left: 30px; 
text-shadow: black 2px 2px 21px;
margin-bottom: 0;
}
.portbox img
{
    width: 100%;
    height: initial !important;
}
.portbox:hover {
    box-shadow: 0 16px 41px 0 rgba(0, 0, 0, 0.11);
}
.portbox .portbox-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 70px 50px 50px 50px;
    visibility: hidden;
    background: #000000b3;
    transition: all 500ms;
    opacity: 0;
    color: #fff;
}
.portbox:hover .portbox-text {
    transition: all 500ms;
    visibility: visible;
    opacity: 1;
}
.portbox-text h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 23px;
   }
.portbox-text p {
    color: #fff;
}
.portbox-text a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
     display: inline-block;
    border: 2px #fff solid;
    text-decoration: none;
    padding: 8px 20px 8px 20px;
    border-radius: 6px;
}
.overlap-porfolio {
    margin-top: -250px;
}
.overlap-300 {
    margin-top: -250px;
}
.overlap-275{
    margin-top: -275px;
}
.overlap-350{
    margin-top: -350px;
}
.overlap-250{
    margin-top: -250px;
}
.overlap-mid {
    margin-top: -100px;
    z-index: 9999;
}
.overlap-back
{
margin-top: -190px;}
.pd-bottom
{
  padding-bottom:150px;  
}
.pd-bt-250
{
  padding-bottom:250px;  
}
.pd-top
{
  padding-top:160px;    
}
.pd-300 {
    padding-bottom: 300px;
}
.portbox-text h4 {
    font-size: 14px;
    font-weight: bold;
    background-color: black;
    display: inline-block;
    padding: 7px 17px 7px 17px;
    border-radius: 50px;
    color: #fff;
  margin-bottom: 20px;
}
.portbox-text a:hover {
    background: white;
    color: black;
    transition: all 500ms;
}
.blue-shade .portbox .portbox-text {
    background: rgba(241, 104, 89, 0.9);
}
.yellow-shade .portbox .portbox-text {
    background: rgba(247, 198, 33, 0.92);
}
.green-shade .portbox .portbox-text {
    background: rgba(2, 103, 85, 0.9);
}
.rotate-flasher {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
    position: absolute;
    left: -610px;
    width: 100%;
    bottom: 335px;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.rotate-flasher p {
    color: #fff;
}
.rotate-flasher .wpb_wrapper::after {
    content: "";
    height: 1px;
    background: #727272;
    position: absolute;
    width: 100%;
    top: 11px;
    left: -128px;

}
.rotate-dark .wpb_wrapper::after {
    left: -90px;
    height: 2px;
background:#bbb;
}
.rotate-dark p {
    color: #f25e62;
}
.rotate-dark {
     bottom: 675px;
}
.home .vc_gitem-col-align- {
    min-height: 277px !important;
}
.rotate-flasher.home-flasher {
right: -600px;
left: initial;
border: 0;
width: 100%;
bottom: 880px;
}
.rotate-flasher.home-flasher::after {
content: "";
height: 1px;
background: #ffffff80;
width: 100%;
position: absolute;
top: 10px;
left: -130px;
}
.Starter-kit {
    width: 113%;
}
.left-column {
    width: 50%;
    float: left;
}
.right-column {
    width: 50%;
    float: left;
    padding-left: 20px;
}
.contact-no a {
      margin-top: 8px;
    font-weight: bold;
    display: block;
}
.contact-no h5 {
    text-align: center;
}
.contact-no span {
    font-size: 16px;
    position: relative;
bottom: 6px;
}
.contact-no h3 {
    font-size: 28px;
}
.contact-no h4 {
    margin-bottom: 0;
    color: #939393;
}
.startup-bullets .fa.fa-check {
    color: #20cb98;
    margin-right: 8px;
}
.startup-bullets p {
    color: #fff;
    font-size: 16px;
}
.padding-top > div {
    padding-top: 0px !important;
}
.flasher-price {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
right: -220px;
z-index: 99;
    top: 10px;
    color: #fff;
    padding-top: 48px;
    box-shadow: #000 1px 31px 58px -1px;
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
}
.flasher-price h3 {
font-size: 31px;
font-weight: 700;
color: #fff;
line-height: 0;
margin-top: 0;
line-height: 37px;
margin-bottom: 7px;
}
.flasher-price h4 {
    font-size: 35px;
    font-weight: bold;
    display: inline-block;
    margin-top: 6px;
    color: #fff;
}
.flasher-price h3 span {
    font-size: 18px;
    top: -12px;
    color: #fff;
    position: relative;
}
.flasher-price p {
    color: #fff;
    margin-bottom: 2px !important;
    margin-top: 0;
    font-size: 17px;
}
.startup-bullets h3 {
    color: #fff !important;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}
.file_browse {
    color: #70a997;
}
.file_browse:hover {
    color: black;
}
.full-logo {
    margin-top: 115px;
    margin-bottom: 80px !important;
}
.art-logo-text,
.art-logo-text h1,
.art-logo-text h2{
    color: #fff;
    text-align: center;
}
.art-logo-text h1,
.art-logo-text h2,
.logo-elements h3{
color: #ed4f23;
margin-bottom: 20px;
}
.art-logo-text p
{
    color: #fff
}
.logo-elements a,
.Metaphor a{
    color: #70a997;
}
.top-adjust {
    margin-top: -120px;
}
.ending-notes p {
    font-size: 28px;
    color: #fff;
}
.ending-notes {
    text-align: center;
    margin: 40px 0px 80px 0px !important;
}
.logo-right {
float: left;
width: 25%;
}
.smallbtn .big-orange-button {
    width: 20%;
    margin: 0 auto;
}
.logo-left {
    float: left;
    width: 70%;
}
.Metaphor,
.Metaphor h2{
    text-align: left !important;
}
.logo-elements p {
    color: #fff;
}
.Metaphor {
    margin-top: 110px;
}
.art-logo-text h1{
    font-size: 35px;
}
.call-action {
    transform: scale(1.05, 1.05);
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
    box-shadow: #00000080 -8px 11px 38px -21px;
    padding: 33px 20px 20px 20px;
}
.call-no {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
      display: inline-block;
margin-top: 20px;
}


.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px;
}



.overlay::before {
    background-color:#0000009c;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
.overlay .container {
    z-index: 1;
}


.scroll{
   display: block;
    position: absolute;
    z-index: 99;
    bottom: 50px;
 }

.scroll>div{
    display: flex;
    align-items: center;
}
.scroll a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    letter-spacing: 2px;
        line-height: 50px;
}

.scroll-icon {
    width: 1vw;
    margin-right: 0.5vw;
}

.wheel {
    animation: scrolldown ease 1.5s infinite;
    -webkit-animation:  scrolldown ease 1.5s infinite;
}

@keyframes  scrolldown{

0% {
    transform: translateY(0);
}
30% {
    transform: translateY(100px);
}
}


.watch-btn p {
    font-size: 14px!important;
    margin-bottom: 2px!important;
    text-transform: uppercase;
        font-weight: 800;
}
.main-banner {
    color: #fff;
          background-color: #000;
display: flex;
    flex-direction: column;
    justify-content: center;
}

.watch-btn {
    display: flex;
    align-items: center;
-webkit-justify-content: 
flex-end; -moz-justify-content:  flex-end; 
-ms-flex-pack:  flex-end; 
-ms-justify-content:flex-end; 
justify-content: flex-end;    
	min-height: 140px;
}
.watch-btn a {
    width: 200px;
    height: 200px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.watch-btn i.fa.fa-play {
    width: 100%;
      text-align: center;
    z-index: 999;
    font-size: 37px;
    line-height: 37px;
    color: #fff;
    height: 40px;
}
.watch-btn span{
    width: 200px;
    height: 200px;
    position: absolute;
    animation: rotation 14s linear infinite;
    -webkit-animation: rotation 14s linear infinite;
        left: 0;
   }
.main-hm {
    display: block;
    font-size: 54px;
    letter-spacing: 0px;
    font-weight: 900;
    line-height: 1;
}

.home .main-banner{
	height: 100vh;
      position: relative;
    overflow: hidden;
}
.main-banner > div > div {
    padding: 0px !important;
}
.main-banner h3 {
   font-size: 45px;
margin-bottom: 25px;
letter-spacing: 1px;
color: #fff;
}
.main-banner p {
color: #fff;
font-size: 24px;
line-height: 28px;
    margin-bottom: 30px !important;
}
.services-headings {
    text-align: center;
}
.services-headings h2 {
            margin-bottom: 20px;
    letter-spacing: -1px;
}
.services-headings p {
    font-size: 18px;
}
.ecommerce-sec {
    text-align: center;
    padding-bottom: 40px;
}
.counters {
    text-align: center;
}
.counters h3 {
    font-size: 60px !important;
    -webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
    background-clip: border-box;
line-height: 60px !important;
}
.widget-overflow
{
    overflow: hidden;
}
.services-main-side p {
    font-size: 18px;
    color: #6f6f6f;
font-weight: inherit;
 width: 85%;
}
.services-main-right p {
    margin-bottom: 14px;
}
.services-main-side {
        padding-top: 35px;
    padding-bottom: 40px;
}
.paddin-zero {
    padding: 0px !important;
    margin: 0 !important;
    
}
.logoboxes .webiconbox:hover {
    color: #000!important;
}
.services-main-right .webiconbox {
    padding: 30px 5px 30px 10px !important;
}

.big-services
{
font-size: 200px;
text-transform: uppercase;
color: #ebece6;
text-shadow: #aaaaaa1a 30px -35px 33px;
font-weight: bolder;
z-index: -1;
position: absolute;
top: -510px;
left: -120px;
font-family: 'Anton', sans-serif;
letter-spacing: -2px;
}
.pakistan {
font-size: 390px;
text-transform: uppercase;
color: #ebece6;
text-shadow: #aaaaaa1a 30px -35px 33px;
font-weight: bolder;
z-index: -1;
position: absolute;
top: -256px;
right: -11px;
font-family: 'Anton', sans-serif;
}

.border-top {
    border-top: 2px solid #d8d8d8;
}
.services-main-side h2 {
    margin-bottom: 20px;
    font-size:36px;
}
	.service-main-box .webiconbox {
    padding: 20px 10px 20px 30px !important;
}
.stamp {
    margin-top: 50px;
}
.contact-left h3 {
  font-size: 25px;
text-transform: capitalize;
margin-bottom: 20px !important;
}
.contact-left p {
    margin-bottom: 20px;
    font-size: 16px;
}
.contact-left-column {
    border-right: 2px solid #d8d8d8;
    background-color: #ebece6;
    padding-bottom: 80px;
}
.getconnected {
    display: inline;
}

.info2
{
    float: left;
    color: #787878;
    font-size: 17px;
}
.contactinfo2 {
    width: 50%;
    float: left;
}
.contactinfo1 {
    width: 47%;
    float: left;
}
.contactinfo
{
min-width: 50%;
color: #343434;
font-size: 16px;
margin: 12px 0px 2px 1px;
}
.info2 a {
    color: #787878;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.boxshadowportfolio .vc_column-inner {
padding:0px !important;
}
.shadow
{
    box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
    -webkit-box-shadow: -20px 20px 32px rgba(157, 157, 157, 0.1);
    -moz-box-shadow: 20px 20px 32px rgba(157, 157, 157, 0.1);
}
.shadow-dark
{
    box-shadow: 0px 12px 26px #0000001f;
    -webkit-box-shadow: 0px 12px 26px #0000001f;
    -moz-box-shadow: 0px 12px 26px #0000001f;
}
.shadow-dept {
    box-shadow: -10px 40px 102px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: -10px 40px 102px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -10px 40px 102px rgba(0, 0, 0, 0.16);
}
.portfolio-wrap {
    margin: 40px 0;
}
.portfolio-wrap .portfolio-box{
	margin-bottom: 30px;
}

.portfolio-inner .boxshadowportfolio img{
margin-bottom:0px !important;
}
.fullweight .vc_column-inner {
padding:0px !important;
}
.portfolio-inner .fullweight img{
margin-bottom:0px !important;
}

.alignleft {
	float: left;
}
.auto-row-1 .alignleft{
	float:left;
	padding:15px 10px 0px 0px;
}

.alignright {
	float: right;
	border:3px solid #ccc;
	margin:5px;
}
.prev_thumb h3,
.next_thumb h3{
position:absolute;
top:-40px;
color:#333;
font-size:16px;
}
/* We also recommend (but do not require) that you include the image caption CSS classes in your theme: */


.hide-service{
display:none;
}
.line-highlight span {
    color: initial !important;
    position: relative;
        display: inline-block;
}
.line-highlight span::before {
    content: '';
    width: 101%;
    height: 14px;
    background: #584e8b42;
    position: absolute;
    left: 0%;
    bottom: 1px;
    display: block;
    z-index: -1;
}

.fullscreen-container{
width:100% !important;
}
.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
   background:#fff url(assets/images/right-arrow.png) no-repeat center center !important;
    width: 70px !important;;
    height: 112px !important;
top:47% !important;
margin-top:0px !important;
}
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background:#fff url(assets/images/left-arrow.png) no-repeat center center !important;
    width: 70px !important;
    height: 112px !important;
   top:47% !important;
margin-top:0px !important;
}
.light-header {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    height: inherit;
}
	.light-header .navbar ul.menu li.current_page_item a {
    color: #313030 !important;
}
.light-header .navbar ul.menu li a {
    color: #313030;
}
.light-header .navbar ul.menu li a:before{
	background: #313030!important;
}
.light-header.smaller {
    background-color: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid #e2e2e2;
}
.light-header .navbar .mn-right ul.menu>li:last-child:after {
	    border: 2px solid #70a997;
}
.light-header .responsive-header {
    padding: 0px 20px;
}

header .navbar ul.menu li.current_page_item a:before, 
header .navbar ul.menu li.current_page_item a:before,
header .navbar ul.menu li.current_page_item a:before {
    right: 0;
}
.art-audio {
    border: 1px #fff solid;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    text-align: center;
        right: -10px;
    top: 8px;
    color: #fff;
        -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.smaller .art-audio {
    top: 0;
}
.smaller .art-audio {
    right: 50px !important;
}
.art-audio:hover {
    color: #70a997;
}
.art-audio {
    cursor: pointer;
}
.menu-item-2841 {
    position: relative;
}
.menu-item-2841::before {
    content: "OFFERS";
    position: absolute;
    top: -8px;
    color: #fff;
    font-size: 9px;
    background:#70a997;
    padding: 2px 4px 0px 3px!important;
    border-radius: 2px;
    font-weight: 700;
    right: 7px;
}
.menu-item-2841::after {
    content: '';
    display: block;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid  #0cd70c;
    margin-left: -10px;
    top: 5px;
    right: 9px;
}
.custom {
   margin-top: 11px;
padding: 5px !important
}
.custom a {
    border-radius: 6px;
    border: 3px dotted #f26061!important;
    padding: 30px 0px !important;
    text-align: center
}

.custom span {
    display: block;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: initial;
    color: #f46640;
}
.custom img {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
.footer-email a{
color:#fff;
}

footer {
background-position: center;
}
.previous-post-link a,
.next-post-link a{
z-index:99999;
}
.next_thumb, .prev_thumb {
    width:80px!important;
    height: 80px!important;
    display: inline-block !important;
    opacity: 0;
    position: absolute !important;
    z-index: 999 !important;
    text-indent: 0px !important;
	top:0px;
border:2px solid #ccc;
-webkit-transition:all ease-in 0.3s;
-moz-transition:all ease-in 0.3s;
transition:all ease-in 0.3s;

}
.next_thumb{
left:0px;
}
.prev_thumb{
right:0px;
}
.next_thumb img, .prev_thumb img{
max-width:100%;
height:auto;
}
.previous-post-link,
.next-post-link{
z-index:99;
}

.previous-post-link:hover .prev_thumb{
opacity:1;
right:-80px;
left:auto;
-webkit-transition:all ease-out 0.3s;
-moz-transition:all ease-out 0.3s;
transition:all ease-out 0.3s;
}
.next-post-link:hover .next_thumb{
opacity:1;
left:-80px;
right:auto;
-webkit-transition:all ease-out 0.3s;
-moz-transition:all ease-out 0.3s;
transition:all ease-out 0.3s;

}
.sk-folding-cube{
top:30%;
}
.infobg
{
background-color: #343434;
}
.partner-logo > .vc_column-inner
{
padding-top: 0px!important;
}
.company-name
{
 border-left: thick double #9f9f9f;
padding-left: 20px;
}
.partner-button
{
WIDTH: 40%;
}
.main-box .wpb_text_column 
{
margin-bottom: 0px!important;
}
.buttom-margin > div > div > div {
    margin-bottom: 0 !important;
padding-right: 20px;
}
.go-team
{
margin-top: 20px;
padding: 9px 9px;
font-size: 14px;
text-transform: none;
}

.go-team > .big-orange-button::after
{
z-index: -1!important;
}

.second-partnerlogo
{
    padding-bottom: -35px!important;
}

.box-shadow-box
{
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#slaask-whitelabel
{
display: block !important;
}
.slaask-whitelabel
{
display: block !important;
}

.methodbox .num {
 font-size: 40px;
line-height: initial;
margin-top: -3px;
color: #c4c4c4;
}
.methodbg
{
background-position: center;
}
.methodh2
{
color: #363636;
font-weight: bold; 
letter-spacing: 2px;
font-size: 70px;
}
.right-cont-box {
    margin-left: -40px;
}

#commentlist .bypostauthor .comment-author  img.avatar{
	display:block;
}
#commentlist li.comment > div, #commentlist li.pingback > div{
	padding-left:0px !important;
	margin-top: 2em!important;
}
#commentlist li.comment.bypostauthor > div{
	padding-left:85px !important;
}
.comment.odd.alt.thread-odd.thread-alt.depth-1 {
    padding-left: 40px;
}
.home {
	margin: 0 auto;
  background-color: #fff;
    background-image: none;
}
.terms p {
    margin-bottom: 30px;
}
.terms li {
    margin-bottom: 15px;
    font-size: 17px;
}
.terms p {
    font-size: 18px;
}
.blackbg {
    margin-bottom: -324px;
    height: 535px;
    padding-top: 50px;
}
.pd {
    padding: 0;
    margin-bottom: 30px;
}
.comment-author.vcard a {
    color: black;
}
.portfolio-heading h2 {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: -1px;
}
.portfolio-heading p {
font-size: 17px;
}
.portfolio-heading {
    color: #fff;
    text-align: center;
}
.founded-box {
    margin-top: 0;
    position: relative;
    width: 100%;
}
blockquote {
    padding: 0px 20px;
    margin: 50px 30px!important;
    border-left: none;
    font-size: 22px !important;
    font-style: italic;
    font-weight: 400;
      font-weight: 500 !important;
    color: black;
    position: relative;
    z-index: 8;
}
blockquote p {
    font-size: 22px !important;
    font-style: italic;
    font-weight: 400 !important;
    font-weight: 500 !important;
    color: black;
    line-height: 29px;
}
 blockquote::before {
content: "\f10d";
font-family: 'Font Awesome 5 Free';
position: absolute;
font-size: 71px;
color: #f0f0f0;
z-index: -1;
left: -20px;
line-height: 20px;
font-weight: bold;
}
.blog-inner {
    background-color: #fff;
}
.blog-inner ol {
    padding-left: 0;
}
.blog-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: -310px;
}
.founded-box .f-box {
    border: #e75d12 2px solid;
    width: 150px;
    height: 150px;
    text-align: center;
    position: absolute;
    top: -170px;
    left: 310px;
}
.founded-box .fbox-2 {
    border: #e75d12 2px solid;
    width: 150px;
    height: 150px;
    text-align: center;
    position: absolute;
    top: -55px;
    left: 427px;
}
.video-box {
    padding-top: 150px;
}
.methodbox
{
padding-left: 30px;
padding-right: 30px;
}

.methodbox h3
{
font-size: 39px;  
letter-spacing: -1px;
}
.small-icons img {
width: 50px;
margin-left: 19px;
margin-top: -16px;
position: absolute;
}
.small-icon-settings h3 {
    font-size: 25px;
    margin-bottom: 10px;
}
.small-icon-settings .bgbigtextwork {
    top: -40px;
}
.bgbigtextwork {
    font-size: 100px;
    text-transform: uppercase;
    color: #dbdcd6;
    font-weight: bolder;
    z-index: 0;
    position: absolute;
    top: -20px;
    left: -20px;
    font-family: 'Anton',sans-serif;
    letter-spacing: -1px;
}
.round-images img {
    -webkit-box-shadow :#0006 -8px 21px 58px -31px;
    -moz-box-shadow: #0006 -8px 21px 58px -31px;
    box-shadow: #0006 -8px 21px 58px -31px;
    border-radius: 10px;
}
.blog-side p {
    font-size: 17px;
    margin-bottom: 30px;
}
.blog-main-text {
    padding: 10px 30px 0px 30px;
}
.blog-main-text ul {
    margin-bottom: 30px;
}
.blog-main-text h5 {
    font-size: 56px;
    padding-top: 15px;
        color: #f05523;
}

.blog-inner .post-entry{
	background:none;
	padding:0px;
}
.blog-inner .post-entry p, .blog-inner .post-entry li {
    font-size: 20px;
}
.headers-banner .post-info {
     color: #fff;
    font-size: 19px;
    text-align: center;
    margin-top: 25px;
    font-weight: 40
}
.headers-banner .post-info span+span{
	padding-left:10px; 
	margin-left:10px; 
	border-left:1px solid #fff;
}
.sidebar-blog{
	margin-bottom:40px;
}

.sidebar-blog >h2,
.sidebar-blog > div > h2{
	color:#35434a;
	text-transform:uppercase;
	margin-bottom:22px; 
		font-size:18px; 
	letter-spacing: 0.5px;
}
.sidebar-blog ul{
	list-style-type:none;
	padding:0px;
}

.sidebar-blog .cat-item{
	padding:5px 15px;
	margin-left:-15px;
	transition:all ease-in 0.2s;
	-moz-transition:all ease-in 0.2s; 
	-webkit-transition:all ease-in 0.2s;
}
.sidebar-blog .cat-item:hover{
	background:#fff; 
	border-radius:6px;
}
.sidebar-blog .cat-item a{
	color:#35434a;
	font-size:16px;
	transition:all ease-in 0.2s;
	-moz-transition:all ease-in 0.2s; 
	-webkit-transition:all ease-in 0.2s;
}
.popular-list li a{
	display:block;
	background:#f4f1f1;
	border-radius:6px;
	padding:18px;
	transition:all ease-in 0.2s;
	-moz-transition:all ease-in 0.2s; 
	-webkit-transition:all ease-in 0.2s;
}
.popular-list li{
	position:relative;
	margin-bottom:18px;
	border-radius:10px; 
}
.popular-list li a+p{
	display:none;
}
.popular-list li span{
	position:absolute;
	border: 2px solid #b5b5b5;
	border-radius:4px; 
	width:35px; 
	text-align:center; 
	color:#b5b5b5;
	font-size:14px;
	height:35px;
	left:15px;
	padding-top:7px;
}
.popular-list li div{
	padding-left:50px;
}
.popular-list li h3{
	font-size:14px;
	color:#ed5523;
	text-transform:capitalize;
	margin-bottom: 4px;
	 font-weight: initial !important;
}
.popular-list li a:hover{
	background:#de461f;
	text-decoration:none;
	transition:all ease-in 0.2s;
	-moz-transition:all ease-in 0.2s; 
	-webkit-transition:all ease-in 0.2s;
}
.popular-list li a:hover span{
	color:#fff;
	border-color:#fff;
}
.popular-list li a:hover div,
.popular-list li a:hover div p,
.popular-list li a:hover div h3{
	color:#fff;
}
.popular-list li div p{
font-size:14px; 
	font-weight:600;
	color:#bbbbbb;
	margin-bottom: 0 !important;
}
#commentform #email {
    height: 54px;
        border: 2px solid #000000b8;
}
.text-center,.center-center
{
    text-align:center;
}

.related-posts-single h3{
	font-size:30px; 
	color:#35434a;
	margin:30px 0px 42px;
}
.expendtr {
        background-color: #bbb;
    padding: 12px 30px 12px 30px;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 300ms;
    font-size: 16px;
}
.expendtr:hover {
    background-color: transparent;
    border: 2px black solid;
    text-decoration: none;
    color: #000;
}
.related-posts-single ul{
	padding:0px; 
	list-style-type:none;
}

.related-posts-single li:hover a{
	color:#ed5523;
}
.related-posts-single li:hover .relatedthumb{
-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.06);
}
.related-posts-single .relatedthumb img{
	width:100%;
	height:auto;
}
.related-posts-single li h3{
	font-size:18px;  
	color:#35434a; 
	margin:20px 0px;
	line-height: 1.5;
}
.related-posts-single li a{
	color:#35434a; 
}
.related-posts-single{
padding-bottom: 18px;
border-top: 2px solid #d9d9d9;
border-bottom: 2px solid #d9d9d9;
}
.author-social {
    margin-top: 5px;
}
.author-social li {
    margin-left: 0 !important;
}
.bg-comment span {
    margin-bottom: 30px;
}
.commentspg {
    margin-top: 30px;
}
.comment-respond {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(47,47,47,.1);
    padding: 40px;
}
h2#postcomment {
    margin-top: 0;
}
.commentspg .form-control{
	     padding: 24px 20px;
    height: 54px;
    border-radius: 5px;
    border: 2px solid #000000b8;
    width: 100%;
}
.comments-form.bg-comment {
    padding-top: 50px;
}
.commentspg .form-control:focus{
	border:2px solid #ed5523;
}
.commentspg textarea.form-control{
    min-height: 204px;
	    width: 100%;
	    margin-bottom: 0;
}
#postcomment{
	margin-bottom:20px;
	    margin-top: 30px;
}
#postcomment + p{
	margin-bottom:30px;
}
.commentspg #submit{
    background: #ed5523;
    color: #fff;
    border-radius: 4px;
    padding: 11px 15px;
    border: none;
    text-transform: capitalize;
}
.recent-posts-list li{
	position:relative;
}
.recent-posts-list li span{
	width:55px; 
	height:55px; 
	position:absolute;
	overflow:hidden;
	border-radius:4px;
}
.recent-posts-list li span img{
	height:100%;
	display:block;
	width:auto;
}
.recent-posts-list li div{
	padding-left:65px;
}
.recent-posts-list li h3{
	font-size:14px; 
	color:#ed5523;
    text-transform: capitalize;
    margin-bottom: 2px;
    position: relative;
    top: -4px;
    line-height: 18px;
}
.recent-posts-list li {
	margin-bottom:25px;
}
.recent-posts-list li p{
	font-size:14px; 
	color: #3e3e3e;
	font-weight: 600 !important;
	margin: 0;
}

.user-bottom-info {
   background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 40px;
}
.user-bottom-info h4 {
    margin-bottom: 10px;
   }
.chckheight .user-bottom-info h4 {
     color: initial;
}
.chckheight .user-bottom-info p {
     color: initial;
}
.user-bottom-info p {
    font-size: 16px;
    margin-bottom: 0 !important;
    margin-top: 9px;
  }
.user-bottom-info ul{
	padding:0px; 
	margin:0px;
	list-style-type:none;
}
.user-bottom-info ul li {
display: inline-block;
margin-top: 5px;
position: initial !important;
padding: 0 !important;
}
.user-bottom-info ul li::before {
    display: none;
}
.user-bottom-info .col-sm-8{
	padding-left:20px;
}
.user-bottom-info h5{
	font-weight:bold; 
	text-transform:uppercase; 
	margin-bottom:5px;
}
.sc-ico{
display: block;
width: 30px;
height: 30px;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 14px;
	border:1px solid transparent;
	transition:all ease-in 0.3s;
	-webkit-transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
}
.sc-ico i{
	position:relative; 
	top:5px;
	
}
.link-ico{
	background:#007bb5;
	border-color:#007bb5;
}
.fb-ico{
	background:#3c569c;
	border-color:#3c569c;
}
.sc-ico:hover{
	background:none;
	transition:all ease-in 0.3s;
	-webkit-transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
}
.link-ico:hover i{
	color:#007bb5;
}
.fb-ico:hover i{
	color:#3c569c;
}
.author-pic img{
	width: 100px;
    height: auto;
    border-radius: 50%;
    margin-bottom: 0 !important;
}
.chat a {
    background-color: transparent;
    padding: 16px 40px 16px 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 5px;
    text-decoration: none;
    right: 0px; 
	text-align:center;
}
.chat li{
	padding:0px;
}
.chat li:nth-child(2){
    min-width: 281px;
	padding: 12px 55px 12px 55px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 5px;
    border-radius: 0px;
    text-decoration: none;
    right: 0px; 
	text-align:center;
	margin: 0px -4px;
	height:51px;
	line-height: 25px
}
.chat-left a{
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
}
.chat-right a{
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
}
.chat li{
	display:inline-block;
}
.chat-right {
    display:inline-block;
}
.chat-left {
    display:inline-block;
    margin-right: -1px;
}
#commentlist{
	list-style-type:none;
	padding:0px;
}
#commentlist ol{
	list-style-type:none;
}
#commentlist .says{
	display:none;
}

#commentlist li.comment >div img.avatar, .comment-list li.pingback >div img.avatar {
position: absolute;
left: 8px;
top: 34px;
width: 40px;
height: 40px;
border-radius: 50%;
}
#commentlist .comment-author {
    color: #333;
    font-weight: 600;
          text-transform: capitalize;
}
#commentlist .comment-meta a {
    color: #888;
}
#commentlist li.comment > div p, #commentlist li.pingback > div p {
    margin-top: 15px;
	    font-size: 16px;
}
.reply a {
    color: #a1a1a1;
}
#commentlist .reply {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto!important;
}
#commentlist .comment-meta {
    font-size: 13px;
}
#commentlist li.comment > div, #commentlist li.pingback > div {
    background-color: transparent!important;
    box-shadow: none!important;
    padding-left: 65px!important;
    padding-bottom: 0!important;
    margin-top: 21px !important;
	position:relative;
}
.cm-counter {
    text-align: right;
}
.about-page section.contact-us {
    overflow: hidden;
}
.bannerone h1 {

    font-size: 60px;
    color: #fff;
    padding-left: 30px;
}
.rotatetext  {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
position: absolute;
left: -170px;
top: 155px;
font-weight: bold;
width: 290px;
}
.bannerone {
    padding-top: 200px;
    padding-bottom: 50px;
}
.teamimg .vc_single_image-wrapper.vc_box_border_grey {
    position: relative;
}
.animated {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.abouttext h2 {
     font-size: 34px;
    font-weight: initial !important;
    margin-top: 10px;
}
.teamp p {
    font-size: 18px;
    line-height: 27px;
}

.teamp h6 {
    font-size: 18px;
    margin-top: 22px;
    margin-bottom: 22px;
    line-height: 32px;
    margin-left: -30px;
    color: #ee5622;
}

.teamp {
    margin-top: 70px;
    margin-left: 28px;
}

.f-box {

    font-size: 45px;
    padding-top: 45px;
line-height: 30px;

}
.f-box span {

    font-size: 18px;
    color: #f06721;

}
.fbox-2 {
    font-size: 45px;
    padding-top: 45px;
line-height: 30px;

}
.fbox-2 span {
    font-size: 18px;
    color: #f06721;
}
.abouttext {
    margin-top: 100px;
}
.bgbigtext {
    font-size: 700px;
    text-transform: uppercase;
    color: #f9f9f9;
    text-shadow: #aaaaaa1a 30px -35px 33px;
    font-weight: bolder;
    z-index: -1;
    position: absolute;
    top: -1230px;
    left: -320px;
   font-family: 'Anton', sans-serif;
}

.teamtext {
    margin-top: 190px;
    margin-left: 50px;
}
.teamtext h2 {
    font-size: 72px;
   }
.teamtext p {
font-size: 18px;
line-height: 25px;

}
.teamrow {
    margin-top: 70px;
}

.teamimg-1 {
    margin-top: 140px;
       box-shadow: #0000001b -20px 15px 53px;

}
.teamimg {
    box-shadow: #0000001b -20px 15px 53px;

}
.teamimglast
{
     margin-top: -180px;
    
}
.firstletter {
    color: #e66b3c;
    position: absolute;
    z-index: -1;
    top: -300px;
    right: -131px;
    text-shadow: #0000001b 30px -35px 33px;
    text-transform: capitalize;
}
.firstletter p{
     font-size: 430px;
     font-family: 'Anton', sans-serif;
       color: #70a997;
       font-weight: bolder;
}
.firstletterleft {
    color: #e66b3c;
    position: absolute;
    z-index: -1;
    top: -300px;
    left: -160px;
    text-shadow: #0000001b 30px -35px 33px;
    text-transform: capitalize;
}
.firstletterleft p{
     font-size: 430px;
    font-family: 'Anton', sans-serif;
       color: #70a997;
       font-weight: bolder;
}
.bgbigtextteam {
    font-size: 530px;
    text-transform: uppercase;
    color: #f9f9f9;
    text-shadow: #aaaaaa1a 30px -35px 33px;
    font-weight: bolder;
    z-index: -1;
    position: absolute;
    top: -556px;
    right: -130px;
    font-family: 'Anton', sans-serif;
}
.teaminfo p {
    font-size: 16px;
    line-height: 25px;
}
.teaminfo h2 {
    font-weight:700;
    font-size: 45px;
    margin-bottom: 25px;
}
.teaminfo {
    width: 86%;
}
.teamimg-1 .vc_single_image-wrapper {
    position: relative;
}
.teamimg-1 .vc_single_image-wrapper::after {
    content: "";
    width: 54%;
    height: 5px;
    background: #e36a3b;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.teamimg .vc_single_image-wrapper::after {
    content: "";
    width: 54%;
    height: 5px;
    background: #e36a3b;
    position: absolute;
    bottom: -3px;
    left: 0;
}
.firstletteraward {
    color: #e66b3c;
    text-shadow: #0000001b 30px -35px 33px;
    text-transform: capitalize;
    top: -90px;
    right: -110px;
    position: absolute;
z-index: -1;
}
.firstletteraward p
{
 font-size: 430px;
font-family: 'Anton', sans-serif;
   color: #70a997;
   font-weight: bolder;
}
.awardtext h3 {
    text-align: center;
    font-size: 40px;
    color: #e66b3c;
}
.awardtext h4 {
    text-align: center;
    font-size: 30px;
    color: #e66b3c;
}
.bestaward {
    margin-top: 50px;
}
.ourfamily {
    margin-top: 100px;
}
.ourfamilyleft {
    color: #e66b3c;
    position: absolute;
    z-index: -1;
  top: -410px;
left: -121px;
    text-shadow: #0000001b 30px -35px 33px;
    text-transform: capitalize;
}
.ourfamilyleft p{
   font-size: 440px;
     color: #70a997;
     font-weight: bolder;
   font-family: 'Anton', sans-serif;
}
.ourfamilyright {
    color: #e66b3c;
    position: absolute;
    z-index: -1;
    top: -280px;
    right: -130px;
    text-shadow: #0000001b 30px -35px 33px;
    text-transform: capitalize;
}
.ourfamilyright p {
    font-size: 440px;
    font-weight: bolder;
      color: #70a997;
    font-family: 'Anton', sans-serif;
}
.familyrow2 {
    position: relative;
    top: -100px;
}
.teaminfo h5 {
    font-size: 18px;
    margin-top: 20px;
    color: #e66b3c;
}
.family p {
    line-height: 25px;
    font-size: 16px;
    margin-top: 25px;
}
.family h2 {
    font-size: 72px;
}
.family {

    margin-top: 100px;
margin-left: 80px;
}

.applynow {
    margin-top: 150px;
    width: 100%;
    padding-left: 60px;

}
.applynow p {
       font-size: 16px;
}
.applynow h2 {

    font-size: 45px;
    margin-bottom: 30px;
}
.apply {
    border: #e66b3c 2px solid;
    padding: 6px 30px 5px 30px;
    width: auto;
    font-size: 20px;
    color: #e66b3c;
    width: 33%;
    text-align: center;
    margin-top: 40px;
}

.mywidth {
    width: 100%;
}
.pakimg
{
     box-shadow: #0000001b -20px 15px 53px;
}

.Process h2 {
    color: #35434a;
    font-size: 75px;
    font-weight: 700;
    letter-spacing: -1px;
}
.Process {
    margin: 0 auto;
    text-align: center;
    width: 50%;
    padding-bottom: 80px;
}
.icon-spacing h4 {
    margin-bottom: 15px;
}
.logoimg
{
margin-top: 70px;
margin-bottom: 90px !important;
}

.padding-left-0 {
	padding-left: 0px;
}

.service-text .teaminfo {
    padding: 40px 0px 0px 40px;
}
.services .ourfamily {
    margin-top: 50px;
}
.padding-right-0 {
	padding-right: 0px;
}
.services .teamimg .vc_single_image-wrapper::after {
    width: 100%;
}

.home-sec0 #rev_slider_3_1_wrapper {
	left: 0 !important;
}

.nicescroll-rails {
	z-index: 9999999999999 !important;
	width: 12px !important;
}

.nicescroll-rails>div {
	width: 12px !important;
}


/*---- Header ---*/

header {
	padding: 30px 0px 0px;
	position: relative;
	z-index: 99999;
	width: 100%;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}

.portfolio-boxes {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0px 30px 0px;
}

.portfolio-items-title {
	position: absolute;
	top: 0;
	padding: 20px;
	margin: auto !important;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffffe6;
	text-align: center;
	transition: all 0.3s;
	opacity: 0;
}

.portfolio-items-title a {
	display: block;
	padding: 50% 20px 35% 20px;
	color: black;
	text-decoration: none;
}

.portfolio-items-title h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

.regularbtn .big-orange-button {
	width: 15%;
	font-size: 16px;
	margin: 0 auto;
	background: black;
}

.portfolio-items-title p {
	font-size: 16px;
	line-height: 19px;
}


.portfolio-height {
	min-height: 500px;
}

.portfolio-overlap {
	z-index: 0;
	overflow: initial !important;
}

.portfolio-overlap .wpb_column.vc_column_container.vc_col-sm-12 {
	position: absolute;
	top: -500px;
	z-index: 0;
}
.webiconbox .methodbox h3 {
    display: inline-flex;
}
.webiconbox {
    padding: 0px 15px 20px 15px !important;
}
.webiconbox .methodbox {
padding-left: 10px;
margin-bottom: 0;
padding-right: 0;
padding-top: 40px;
padding-bottom: 30px;
}
.right-border {
	border-right: 2px solid #d8d8d8;
}
.big-white-button.call-button {
      font-size: 20px !important;
}
.big-white-button {
z-index: 100;
font-weight: bold;
display: block;
color: #fff;
font-size: 20px;
text-transform: uppercase;
padding: 11px;
text-align: center;
overflow: hidden;
position: relative;
border: 2px solid rgb(145 111 211);
border-radius: 4px !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.big-white-button:hover:focus {
    color: #fff;
}
.big-white-button:hover {
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	background-color: transparent;
}
.big-white-button:focus {
    color: #fff;
    text-decoration: none;
}
.webiconbox::before {
	content: "";
	transition: all 0.3s;
}

.webiconbox {
	position: relative;
	z-index: 1;
	transition: all .3s;
}

.webiconbox>.vc_column-inner {
	z-index: 1000;
	position: relative;
}

.regularbtnleft .big-orange-button {
	width: 26%;
	font-size: 16px;
	background: black;
	margin: 0 auto;
}

.home-sec6 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.white-text h2,
.white-text h3,
.white-text h4{
	color: #fff!important
}

.white-text p {
	color: #fff!important
}
.white-text .owl-dot span {
    background-color: #898989 !important;
}

.white-text .testmonial-carousal .owl-dot.active span {
    background-color: #fff!important;
}
.home-icons {
	margin-bottom: 20px !important;
	margin-top: 20px;
}

.webiconbox:hover::before {
	content: "";
	background: #fff;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: box-shadow transform;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .1);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	z-index: 1;
}

.owl-carousel .owl-stage .owl-item .sa_hover_container {
	position: relative;
}

.owl-carousel .owl-stage .owl-item .sa_hover_container:hover .portfolio-items-title {
	opacity: 1;
}

.portfolio-items img {
	-webkit-box-shadow: 0 49px 30px -40px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0 49px 30px -40px rgba(0, 0, 0, .45);
	box-shadow: 0 49px 30px -40px rgba(0, 0, 0, .45);
}
.whitebg-home {
	padding: 280px 0;
	position: absolute !important;
	z-index: -1;
	margin-top: -390px;
	width: 100% !important;
	right: 0 !important;
	left: 15px !important;
}


.methodbg .founded-box {
    position: static;
}
.responsive-header {
    padding: 10px 35px 10px 35px;
	text-align: left;
	position:relative;
	display: none !important;
}

.single-ressp a {
flex-shrink: 0;
    transition: height 0.3s;
    padding: 0;
    z-index: 999;
}
.single-ressp a img{
    display: block;
    height: 30px;
    width: auto;
}
.single-ressp .art-audio {
    top: 2px;
    margin-left: 15px;
    line-height: 28px;
}
.single-ressp:after{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.logo.pull-left img {
    height: 48px;
    -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.logo.pull-left img:hover
{
    -webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
-webkit-animation: anim_logo_up .2s cubic-bezier(.4, 0, 1, 1);
-moz-animation: anim_logo_up .2s cubic-bezier(.4, 0, 1, 1);
-ms-animation: anim_logo_up .2s cubic-bezier(.4, 0, 1, 1);
-o-animation: anim_logo_up .2s cubic-bezier(.4, 0, 1, 1);
animation: anim_logo_up .2s cubic-bezier(.4, 0, 1, 1);
}
header .logo img,
header .logo,
header .logo-area {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.g-v {
position: absolute;
left: -8px;
}
.g-v i {
    font-size: 19px;
}
.g-v .sub-menu {
    left: -13px;
    width: 130px;
}
.navbar .g-v li.menu-item {
    min-width: 100% !important;
}
header.smaller .g-v {
    top: 0px;
}
 .light-header .client-login a, 
 .light-header .mobile-nav-btn {
    color: #8e8e8e;
}
.mobile-nav-btn span {
    padding-left: 7px;
}
.mobile-nav-btn {
background: none;
color: #fff;
font-size: 27px;
border: none !important;
margin-bottom: 0px;
z-index: 9999;
border-left: 1px #ffffff80 solid;
    line-height: 31px;
-webkit-justify-content: 
flex-end; -moz-justify-content:  flex-end; 
-ms-flex-pack:  flex-end; 
-ms-justify-content:flex-end; 
justify-content: flex-end;    display: flex;
    align-items: center;
    flex-grow: 1;
}
.responsive-header p.home-page-mob-desc {
	border-top: 3px solid #f07e20;
	border-bottom: 3px solid #f07e20;
	margin: 20px 0px 30px;
	text-transform: uppercase;
	color: #eaeaea;
	font-size: 23px;
	padding: 10px 0px;
}

.top-minus {
	margin-top: -70px;
}

.trans-btn {
	text-transform: uppercase;
	color: #eaeaea;
	font-size: 14px;
	padding: 15px 25px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.trans-btn span {
	position: relative;
}

.trans-btn:before {
	content: '';
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0px;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	position: absolute;
}

.trans-btn:hover {
	text-decoration: none;
}

.trans-btn:hover:before {
	transition: all ease-in 0.2s;
	-webkit-transition: all ease-in 0.2s;
	top: 0px;
	text-decoration: none;
}

.trans-orange-btn {
	border: 1px solid #ed5123;
	background: #ed5123;
	color: #fff !important;
}

.trans-orange-btn:hover {
	color: #fff;
}

.trans-orange-btn:before {
	background: #ed5123;
}

.trans-white-btn {
	border: 1px solid #fff;
	margin-left: 15px;
}

.trans-white-btn:hover {
	color: #ed5123;
}

.trans-white-btn:before {
	background: #fff;
}

.logo {
	display: block;
	}

.logo-area {
	font-size: 20px;
	color: #505050;
}

.tagline {
	margin: 20px 0px 0px 20px;
}

.header-right-widgetarea:before {
	content: '';
	width: 8px;
	height: 45px;
	background: #F79943;
	position: relative;
	float: left;
	left: 0;
	top: 0;
	border-radius: 10px;
	margin-right: 10px;
}

.header-right-widgetarea {
	margin-top: 15px;
	min-width: 175px;
}

.header-right-widgetarea h3 {
	color: #545454;
	font-size: 14px;
	margin-bottom: 2px;
	margin-top: 3px;
}

.header-right-widgetarea h2 {
	color: #545454;
	font-size: 21px;
}

header .navbar {
	border-radius: 0px;
	margin-bottom: 0px;
	border: none;
	      min-height: initial;
}
header .navbar ul.menu>li>.sub-menu>li.menu-item-has-children>a:after {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
        font-size: 11px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
header .navbar ul.menu {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	    display: flex;
    align-items: center;
        margin: 0px;
            padding: 0;
}

header .navbar ul.menu li {
	padding: 0px 8px;
	list-style-type: none;
}

header .navbar ul.menu li a {
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 13px;
	text-transform: uppercase;
	padding: 9px 0px 9px 0px;
	position: relative;
	text-decoration: none;
	display: block;
	    font-weight: 900;
	line-height: 20px;
}

header .navbar ul.menu>li>a:hover:before,
header .navbar ul.menu>li>a:focus:before,
header .navbar ul.menu>li>a:active:before {
	right: 0;
	border-top: 1px solid #70a997;
	border-right: 1px solid #70a997;
}

header .navbar .mn-right ul.menu > li:last-child{
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
	padding: 0px 23px;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
}

#menu-right {
    float: right;
    padding: 0 !important;
    width: 100%;
}
.mn-right ul {
 -webkit-justify-content: flex-end;
-moz-justify-content:  flex-end;
-ms-flex-pack:  flex-end;
-ms-justify-content:flex-end;
justify-content: flex-end;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
padding: 0;
}
ul#menu-right-menu .fa.fa-phone {
    width: 14px;
}
.navbar .col-sm-3, .navbar .col-sm-6, .navbar .col-sm-3 {
    padding: 0 !important;
        display: flex;
    align-items: center;
    flex-grow: 1;
}
.container-fluid
{
     display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    height: inherit;   
}
.navbar .col-sm-6{
    justify-content: center;
}
.col-sm-3.mn-right {
-webkit-justify-content: 
flex-end; -moz-justify-content:  flex-end; 
-ms-flex-pack:  flex-end; 
-ms-justify-content:flex-end; 
justify-content: flex-end;
}
.client-login span {
  font-size: 10PX;
    display: block;
    line-height: 10px;
}
.client-login a::after {
    content: "\f095";
    POSITION: absolute;
    top: 8px;
    left: 10px;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
}
.client-login a {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 3px 8px 3px 37px !important;
    border-radius: 3px;
}
.client-login a:hover {
	background-color: white !important;
}
header.smaller .navbar ul.menu li.client-login a {
	padding: 4px 10px 4px 37px !important;
}

header .navbar .mn-right ul.menu>li:last-child:after {
	content: '';
	background: #fff;
	position: absolute;
	top: -100%;
	left: 0px;
	height: 100%;
	width: 100%;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	   }

header .navbar .mn-right ul.menu>li:last-child a {
	color: #fff;
}

header .navbar .mn-right ul.menu li:last-child:hover:after {
	top: 0px;
	transition: all ease-in 0.2s;
	-webkit-transition: all ease-in 0.2s;
}

header .navbar .mn-right ul.menu>li:last-child:hover a {
	color: #70a997;
	position: relative;
	z-index: 999;
}

header .navbar .mn-right ul.menu li:last-child a:before {
	display: none;
}

header .navbar ul.menu li a:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 100%;
	bottom: 0;
	background: #4efdc6 ;
	height: 3px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-top: 1px solid trnsparent;
	border-right: 1px solid trnsparent;
}

header .navbar .mn-right ul.menu li a:hover,
header .navbar .mn-right ul.menu li.active a {
	background: none;
}



#responsive-menu {
	display: none;
}

.mobile-nav-close-btn {
 float: right;
	background: none;
	border: none;
	color: #fff;
	font-size: 17px;
	border-radius: 6px;
	width: 35px;
	height: 35px;
    margin-top: 8px;

}

#responsive-menu {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	background: #1a3626;
	z-index: 999999;
	text-align: center;
	padding: 25px 30px 60px 30px;
}

#responsive-menu .logo {
	margin: 0 auto;
	float: none;
	display: inline-block;
}

#responsive-menu ul {
	margin: 0px auto 0px !important;
	list-style-type: none;
	padding: 0px;
}

#responsive-menu ul li a {
   color: #ffffff;
    font-size: 18px;
    display: block;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 15px;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
}

#responsive-menu ul li+li a {
	border-top: 1px solid #fff;
}

#responsive-menu ul li a:hover {
	background: none;
	color: #f07e20;
	text-decoration: none;
}

#responsive-menu ul li.client-login a {
    text-transform: uppercase;
    font-size: 24px !important;
    line-height: 20px;
    margin-top: 40px;
    padding: 3px 8px 3px 47px !important;
}

#responsive-menu ul li.client-login {
    margin: 0;
}
#responsive-menu ul.sub-menu {
	margin: 0 !important;
	width: 100%;
	display: none;
}

#responsive-menu ul li {
	position: relative;
}

#responsive-menu ul li.menu-item-has-children span:before {
    content: "+";
font-family: 'Font Awesome 5 Free';
     width: 35px;
    height: 35px;
    color: #fff;

    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 1;
    padding: 6px;
    border-radius: 6px;
    cursor: pointer;
}
.mb-menu {
    display: inline-block;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #fff;
       padding-top: 10px;
    }
.mobile-nav-close-btn:focus {
	outline: none;
}


/*---- Content ---*/

.es_textbox_class {
	background: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
	height: 48px;
	box-shadow: none;
	width: 100%!important;
}

.es_textbox_class {
	padding-left: 15px;
}

.es_lablebox {
	color: #FFF!important;
}

.es_textbox_button {
	width: 100%!important;
	background: #3c3c3c;
	color: #fff!important;
	text-transform: uppercase;
	font-size: 18px;
	border: none;
	padding: 10px 60px;
	padding: 10px 55px;
	letter-spacing: 1px;
}
.slider-content {
	background: rgba(0, 0, 0, 0.8);
	padding: 30px;
}

.flex-active-slide {
	margin-right: 0px !important;
}

.slider-content h3 {
	color: #fff;
	font-size: 18px;
	position: relative;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.slider-content h3:after {
	content: '';
	height: 3px;
	width: 40px;
	background: #f07e20;
	bottom: -2px;
	left: 0px;
	position: absolute;
}
.methodbox p {
	font-size: 16px;
	margin-bottom: 0 !important;
}
.slider-content h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
}

.slider-content p {
	color: #bababa;
	font-size: 14px;
}

.portfolio-container {
	width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.portfolio-catagories-ul li {
	display: inline-block;
	margin-right: 10px;
	list-style: none;
}

.portfolio-catagories-ul li a:hover {
text-decoration: none;
    background-color: white;
    border-radius: 6px;
    color: #000;
}

.portfolio-catagories-ul {
    text-align: center;
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
	    min-height: 70px;
    padding-top: 9px;
}

.portfolio-catagories-ul li.current_page_item a {
	color: #70a997;
    border-radius: 5px;
	background: #fff;
	box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .1);
}

.portfolio-catagories-ul li a {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
           padding: 10px 25px;
    text-decoration: none;
    display: block;
}
.flexslider .slides li {
	margin-top: -90px !important
}

.flexslider .slides .slider-content p {
	margin-bottom: 30px;
}

.metaslider .caption-wrap {
	width: auto !important;
	left: 10% !important;
	bottom: 20% !important;
	opacity: 1 !important;
}

.text-message-side {
	padding-left: 12px;
	z-index: -2;
}
.delay-10s {
	animation-delay: .60s;
}
.delay-15s {
	animation-delay: 1.8s;
}
.delay-20s {
	animation-delay: 2.5s;
}
.blackbtn a {
background-color: #0e1b23;
padding: 16px 30px 16px 28px;
font-size: 16px;
font-weight: 700;
color: #fff;
display: inline-block;
border-radius: 4px;
text-decoration: none;
margin-right: 25px;
transition: all .5s;
}
.blackbtn a:hover {
	background-color: #70a997;
}
.text-message {
	background-color: #fff;
	padding: 12px;
	border-radius: 6px;
	margin-bottom: 20px !important;
	color: #999;
	font-size: 16px;
	width: 230px;
	-webkit-box-shadow: 0 21px 50px -20px rgba(0, 0, 0, .45);
	-moz-box-shadow: 0 21px 50px -20px rgba(0, 0, 0, .45);
	box-shadow: 0 21px 50px -20px rgba(0, 0, 0, .45);
}
.text-message p{
    margin-bottom: 0px !important;
}
.text-message-right {
	margin-left: 30px;
	width: 250px;
}

.text-message-side {
	right: -50px;
}
.services-text h2 {
    margin-bottom: 20px;
    font-size: 30px;
}
.services-text a {
    color: #70a997;
}
.services-text p {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px;
}
.testmonial-carousal {
	margin-top: 30px;
}
.testmonial-carousal h3 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
}
.testmonial-carousal h4 {
	font-size: 14px;
	color: #fff;
}
.testmonial-carousal {
    overflow: hidden;
}
.testmonial-carousal img {
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	margin-top: 25px;
}
.black {
	color: #333;
}
.green {
	color: #96b90b;
}
.blue {
	color: #0b8eb9;
}
.aqua {
	color: #09c8bd;
}
.yellow {
	color: #f9d131;
}
.pink {
	color: #ea3d5e;
}
.call-to-action {
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
	padding: 50px 0px;
	}
.call-to-action h3 {
	color: #fff;
	font-size: 42px;
	margin-bottom: 18px;
	font-weight: bold;
	letter-spacing: -2px;
}
.call-to-action p {
	color: #fff;
	font-size: 18px;
	padding-right: 40px;
}
.call-to-action .big-orange-button {
	margin: 0 auto;
margin-top: 10px;
	width: 15%;
	font-size: 16px;
	background: #000;
}
.call-to-action .big-orange-button:focus {
    color: #fff;
}
.big-orange-button {
	z-index: 100;
	font-size: 16px;
	display: block;
		color: #fff;
	text-transform:uppercase;
	padding: 11px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border: 2px solid transparent;
	border-radius: 4px !important;
	font-weight: bold;
	cursor: pointer;
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
background-color: #70a997;
}
.big-orange-button:focus {
    color: #fff;
    text-decoration: none;
}
.portfolio-description .container {
	text-align: center;
}
.portfolio-description .big-orange-button {
	display: inline-block;
	color: #222;
	border: 2px solid #70a997;
	background: none;
	padding: 9px 25px;
	font-size: 16px;
	width: 24%;
}
.big-orange-button:after {
	position: absolute;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0px;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	z-index: -1;
}
.big-orange-button:hover {
	text-decoration: none;
	color: #222;
	border: 2px solid #70a997;
}
.es_textbox_button :hover {
	text-decoration: none;
	background-color: #000;
}
.portfolio-description .big-orange-button:hover {
	border: 2px solid transparent;
	color: #fff;
}
.big-orange-button span {
	z-index: 999999;
	position: relative;
}
.big-orange-button:hover::after {
	top: 0px;
	transition: all ease-in 0.2s;
	-webkit-transition: all ease-in 0.2s;
}
.portfolio-description .big-orange-button:after {
	background: #70a997;
}

#portfolio-banner {
	background: url(assets/images/ser2.jpg) center top no-repeat;
	background-size: cover;
}

.headers-banner:after
 {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
    background-color: #000000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.contactform>div {
	padding: 50px !important;
}
.headers-banner:after{
	opacity: 0.8;
}
.headers-banner h1 {
    font-size: 58px;
    margin-bottom: 15px;
    color: #fff;
    line-height: 57px;
    position: relative;
    letter-spacing: -1px;
    font-weight: 700;
    margin-top: 0;
}
.post-featured {
min-height: 360px;
}
.post-featured img {
    margin-bottom:-8.625rem;
    display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
margin-top: 40px
}
.inner-post .container {
    padding-top: 10% !important;
    padding-bottom: 0 !important;
}
.inner-post h1 {
    font-size: 44px;
    line-height: 51px;
}
.headers-banner.inner-post {
    overflow: initial !important;
}
.share {
    top: 20px;
        text-align: center;
        margin-top: 40px;
}
.share a {
    display: block;
    padding: 5px;
    font-size: 21px;
    text-align: center;
}
.share p {
    font-size: 15px;
    color: #999;
    margin-bottom: 10px !important;
}
.share ul {
    padding: 0;
}
.blog-flasher {
    background-color: #fff4f0;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
}
.blog-flasher h5 {
    padding: 0;
    font-size: 24px;
    margin: 0;
}
.blog-flasher .solid-btn {
    padding: 10px 35px;
    font-weight: bold;
}
.post-tm {
    height: 200px;
    overflow: hidden;
}
.post-tm img {
    min-height: 200px;
}
#toc_container {
    background-color: #f9f9fb !important;
    width: 100%!important;
    border: none!important;
    border-radius: 5px;
    padding: 30px 40px !important;
}
#toc_container li a::before {
    content: "";
    color: #999;
    content: "→";
    margin-right: 1em;
}
#toc_container p.toc_title {
    text-align: left!important;
     font-size: 20px!important;
}
#toc_container li span {
    margin-right: 7px!important;
    font-weight: bold!important;
}
#toc_container li a {
    margin-bottom: 10px !important;
    display: block;
}
#toc_container li::before {
    display: none !important;
}
#toc_container li {
    margin-bottom: 10px!important;
}
.headers-banner p
 {
     width: 80%;
margin-left: 0 !important;
	font-size: 25px;
	margin: 0 auto;
	color: #fff;
	line-height: 35px;
}
.tab-center p {
    width: 100%;
}
.services-banner-hd p
{
	font-size: 18px;
	max-width: 80%;
	margin: 0 auto;
	color: #eaeaea;
}
.about-founders-intro h2 {
	color: #fff;
	font-size: 62px;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 50px;
}
.about-founders-intro h2:before {
	width: 250px;
	position: absolute;
	content: '';
	bottom: 0px;
	height: 1px;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #fff;
	display: inline-block;
}
.about-founders-intro h2:after {
	width: 80px;
	position: absolute;
	content: '';
	bottom: -3px;
	height: 8px;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #fff;
	display: inline-block;
}
body:not(.home) .responsive-header .home-page-mob-desc,
body:not(.home) .responsive-header .trans-btn {
	display: none;
}
.responsive-header-heading,
.responsive-header-desc {
	color: #fff;
}
.responsive-header-heading {
	text-transform: uppercase;
}
.responsive-header-desc {
	margin-top: 10px;
}
.about-founders-intro .container>p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	max-width: 95%;
	margin-bottom: 20px;
}
.founder-intro {
	background: #e0e0e0;
	margin-bottom: 85px;
}
.founder-intro h3 {
	font-size: 30px;
	color: #6c6c6c;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 35px;
}
.founder-intro p {
	font-size: 18px;
	color: #515151;
	margin-bottom: 40px;
}
#get-quote-form .form-control::placeholder {
	color: #262626;
	font-size: 15px;
}
.wpcf7-form-control-wrap ::placeholder {
	color: #262626 !important;
	font-size: 16px!important;
}
.query-frm .form-group .wpcf7-form-control {
	padding: 10px 15px 10px 15px;
	font-size: 16px;
	max-height: 160px;
	margin-bottom: 14px;
}
.thankyou-form {
	display: none;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 150px
}
.thankyou-form p {
	width: 60%;
	margin: 0 auto;
	font-size: 16px;
	margin-bottom: 20px;
	color: #000 !important;
}
.sr .thankyou-form p {
    font-size: 13px !important;
    line-height: 23px;
}
.sr .wpcf7-response-output {
    display: none!important;
}
.thankyou-form img {
	margin-bottom: 29px !important;
}
#rootwizard div.wpcf7-mail-sent-ok {
	display: none !important;
}
.founder-intro h3:after,
.member-intro h3:after {
	content: '';
	height: 5px;
	width: 55px;
	background: #70a997;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.founder-sec-1 {
	background: #f1f1f1;
	padding-top: 103px;
	padding-bottom: 50px;
	padding: 103px 10% 50px 11%;
	margin-left: -1.8%;
	width: 51.8%;
}
.founder-sec-2 {
	padding: 55px 0px 60px 55px;
}
.img-section-1 img {
	width: 100%;
	margin-top: -55px;
	position: relative;
	z-index: 99;
}
.img-section-2 {
	padding-left: 30px;
}
.img-section-2 img {
	border: 15px solid rgba(0, 0, 0, 0.07);
	margin-top: -65px;
	position: relative;
	z-index: 99;
}
.about-team {
	padding: 60px 0px 20px;
}
.member-intro {
	background: #fff;
	padding: 50px 50px 70px;
	margin-bottom: 25px;
}
.member-intro h3 {
	font-size: 30px;
	color: #6c6c6c;
	padding-bottom: 15px;
	float: left;
	position: relative;
}
.member-intro h4 {
	font-size: 18px;
	color: #515151;
	float: right;
	position: relative;
	padding-right: 15px;
}
.member-intro h4:after {
	content: '';
	height: 40px;
	width: 5px;
	background: #70a997;
	position: absolute;
	bottom: -10px;
	right: 0px;
}
.member-intro p {
	font-size: 18px;
	color: #515151;
	margin-top: 20px;
}

.portfolio>div>ul {
	width: 90%;
	margin: 0 auto;
	background: #f07e20;
	text-align: center;
	padding: 10px 0px;
	margin-top: -30px;
	position: relative;
	z-index: 999;
}
.portfolio ul button {
	background: none;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
border: none;
	padding: 10px 3px 5px 0px;
	margin: 0px 5px;
	position: relative;
}
.portfolio ul button:after {
	content: "";
	position: absolute;
	left: 0px;
	right: 100%;
	bottom: 0;
	width: 15px;
	background: transparent;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.portfolio>div>ul button:hover:before,
.portfolio>div>ul button:focus:before,
.portfolio>div>ul button:active:before,
.portfolio>div>ul button.active:before,
.portfolio>div>ul button:hover:after,
.portfolio>div>ul button:focus:after,
.portfolio>div>ul button:active:after,
.portfolio>div>ul button.active:after {
	right: 0;
	background: #0d0d0d;
	border-top: 1px solid #70a997;
	border-right: 1px solid #70a997;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.portfolio ul button.active {
	font-weight: 700;
}
.portfolio ul button:hover,
.portfolio ul button:focus,
.portfolio ul button:active,
.portfolio ul button.active {
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#portfolio-items {
	text-align: center;
}
#portfolio-items .mix {
	display: none;
	margin-bottom: 25px;
}
.portfolio #portfolio-items {
	padding: 20px 0px 0px;
}

.portfolio .portfolio-item {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
-webkit-transition: .1s;
-moz-transition: .1s;
-ms-transition: .1s;
-o-transition: .1s;
transition: 0.5s;
}
.portfolio-item:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.04);
}
.portfolio .portfolio-item .portfolio-thumb img {
	width:100%;
}
.portfolio-desc {
	background:#fff;
	padding:30px;
	text-align:left;
}
.portfolio-desc :nth-child(4) {
    display: none;
}
.portfolio-desc h2 {
	font-size:26px;
	margin:0px 0px 20px;
}
.portfolio-desc h2 a {
	color:#0e0e0e;
	text-transform: capitalize;
}
.portfolio-desc h3 {
	color:#585858;
	font-size:18px;
	font-style:italic;
}
.portfolio-desc p {
    font-size: 14px;
}
.portfolio-desc>a {
	display:block;
	color:#9b9b9b;
	font-size:13px;
	text-transform:uppercase;
	border-top:1px solid #d0d0d0;
	padding-top:20px;
	margin-top:20px;
}
.portfolio-desc > a::after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    margin-left: 20px;
    font-weight: bold;
    font-size: 11px;
}
.portfolio-desc > a:hover {
    color: #f25f61;
}
.portfolio-thumb {
	position:relative;
	overflow:hidden;
	height:245px;
	background-color: #e4e4e4;
	  border-bottom: 2px #70a997 solid;
}

.internal-404 {
	text-align:center;
	background: #000 url(assets/images/404bg.jpg) 0 0 no-repeat;
	padding: 150px;
	    min-height: 770px;
	   background-size: cover;
	        height: 100vh;
}
.fourzero p {
    font-size: 50px;
    line-height: 0;
    color: #fff;
}
.fourzero h1{
    font-size: 300px;
    color: #fff;
    font-weight: bold;
   margin: 0;
}
.internal-404 img {
	margin:0 auto;
}
#searchform {
	margin-top: 60px;
	text-align:center;
}

.portfolio-filters {
	display:none;
}

.icon-spacing a,
.teaminfo a{
	margin-top: 10px;
	text-decoration: none;
	font-weight: bold;
}

.portfolio-filters .btn-default {
	width:100%;
	border:none;
	background:#f07e20;
	border-radius:0px;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	z-index:99;
	margin-top:10px;
	padding:10px 0px;
}
.portfolio-filters .btn-default span {
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:100%;
	background:#db6f16 url(assets/images/arrow-down.png) center center no-repeat;
}
.portfolio-filters.open .btn-default {
	background:#f07e20;
	color:#fff;
}
.portfolio-filters .dropdown-menu {
	width:100%;
	border-radius:0px;
	text-align:center;
	background:#f07e20;
	color:#fff;
}
.portfolio-filters .dropdown-menu button {
	color:#fff;
}
.headers-banner {
	background-size: cover !important;
	color:#fff;
	position:relative;
	z-index:3;
background-position: top
}
.headers-banner .container {
	position:relative;
	z-index:3;
min-height: 550px;
}
.headers-banner.fancy-header.sr .container {
    padding-top: 100px;
}
.headers-banner.fancy-header .container {
       padding-top: 120px;
    padding-bottom: 50px;
}
.wrapper.w-100 {
    width: 100%;
        margin-top: 50px;
}
.headers-banner {
    overflow: hidden !important;
}
.fancy-header strong{
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
        margin-top: 28px;
}
.fancy-header .row {
    margin-bottom: 15px;
}
.fancy-header p {
    font-size: 19px;
    line-height: 26px;
    width: 98%;
}
.sr p {
    font-size: 28px;
    color: #d8dad9;
    line-height: 38px;
    width: 100%;
    margin-bottom: 25px !important;
}
.fancy-header .wpcf7-form-control.wpcf7-textarea {
    height: 175px;
}
.fancy-header .right-side {
    margin-left: -50px;
    margin-top: -30px;
    z-index: -1;
}
.float-img-1, .float-img-2, .float-img-3{
  background: url(https://www.orbitcanvas.com/wp-content/uploads/2020/04/search-engine-icons-1.png) no-repeat;
background-position: 0 0;
    box-shadow: -20px 20px 32px rgb(73, 33, 102);
    -webkit-box-shadow: -20px 20px 32px rgb(73, 33, 102);
    -moz-box-shadow: -20px 20px 32px rgb(73, 33, 102);
    animation-duration: 12.5s !important;
animation-iteration-count: infinite;
}
.float-img-1 {
    height: 80px;
    width: 80px;
    background-color: #fff;
    border-radius: 50%;
    padding: 39px;
    text-align: center;
    background-position: 12px 10px;
    position: absolute;
    bottom: 160px;
    left: -70px;
}
.float-img-2 {
height: 60px;
width: 60px;
background-color: #fff;
border-radius: 50%;
padding: 35px;
text-align: center;
background-position: -37px 16px;
position: absolute;
top: -30;
right: -60px;
background-size: 140px;
}
.float-img-3 {
height: 40px;
width: 40px;
background-color: #fff;
border-radius: 50%;
padding: 29px;
text-align: center;
background-position: -84px 9px;
position: absolute;
bottom: 50px;
right: -45px;
background-size: 130px;
}
.fancy-header .pd-last {
    padding-left: 5px;
}

.headers-banner  ul {
    padding-left: 30px;
}
.headers-banner li {
list-style: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
    position: relative;
}
.headers-banner li::before {
    content: "\f00c";
    position: absolute;
    line-height: 0;
    font-size: 16px !important;
    left: -30px;
    font-family: 'Font Awesome 5 Free';
    top: 12px;
    color: #0cd70c;
}
.fancy-header .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    margin-bottom: -30px;
}
.headers-banner.fancy-header h1 {
    font-size: 60px;
    line-height: 62px;
}
.right-form {
    padding: 30px;
    background-color: #15091f63;
    border: 2px #dc7054 solid;
    border-radius: 6px;
    border-style: dotted;
}
.contact-us .post>h1 {
	color:#343434;
	font-size:48px;
	margin:65px 0px 35px;
	padding-bottom:20px;
	border-bottom:1px solid #c3c3c3;
	position:relative;
}
.contact-us .post>h1:after {
	content:'';
	position:absolute;
	bottom:-3px;
	left:0px;
	width:82px;
	height:5px;
	background:#70a997;
}
.contact-details {
	z-index: 99999;
	background:#fff;
	padding:20px 40px;
	margin-top:-65px;
	position:relative;
	box-shadow: 0 1px 2px rgba(0,
	0,
	0,
	.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,
	0,
	0,
	.1);
	-moz-box-shadow: 0 1px 2px rgba(0,
	0,
	0,
	.1);
}
.contact-details .textwidget>div>div>span {
	float:left;
	background:#70a997;
	font-size:38px;
	color:#fff;
	width:90px;
	height:90px;
	text-align:center;
	padding-top:25px;
	border-radius:50%;
	margin-right:15px;
}
.contact-details h3 {
	float:left;
	min-width:50%;
	color:#343434;
	font-size:20px;
	margin:15px 0px 8px;
}
.contact-details h4 {
	float:left;
	color:#787878;
	font-size:19px;
}
.contact-details h4 span {
	font-size:14px;
}
.contact-details h4 a {
	color:#787878;
}
.wpcf7 .wpcf7-form-control-wrap input[type="text"],
.wpcf7 .wpcf7-form-control-wrap input[type="email"],
.wpcf7 .wpcf7-form-control-wrap input[type="tel"],
.wpcf7 .wpcf7-form-control-wrap input[type="url"],
.wpcf7 .wpcf7-form-control-wrap select,
.wpcf7 .wpcf7-form-control-wrap textarea {
	height: 50px;
	color: #242424;
	font-size: 16px;
	border: 2px solid #ddd;
	width: 100%;
	border-radius: 3px;
}
.wpcf7 .wpcf7-form-control-wrap textarea {
	height:40%;
}
.wpcf7 .wpcf7-form-control-wrap input:focus,
.wpcf7 .wpcf7-form-control-wrap textarea:focus {
	outline: none;
	border: 2px solid #f07e20;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.wpcf7-form-control.wpcf7-select {
	height: 50px;
	border-radius: 0px;
	color: #b4b4b4;
	font-size: 16px;
	border: 3px solid #d5d5d5e6;
	border-radius: 3px;
	width: 100%;
}
.wpcf7 input[type=submit] {
background: -moz-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
    background: -webkit-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
    background: -o-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
    background: -ms-linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
    background: linear-gradient(45deg, rgb(101 165 130) 0%, #70a997 100%);
    background-color: #70a997;
color:#fff;
font-size: 16px;
border: none;
padding: 16px 50px !important;
transition: all 500ms;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
}
.wpcf7 input[type=submit]:hover {
	text-decoration:none;
	background:#e9440f;
}
.wpcf7 button i {
	padding-right:10px;
}
.blog-area {
padding: 80px 0px 65px 0px
}
.post-details {
	background:#fff;
	padding: 25px 25px 20px 35px;
min-height: 195px;
}
 .blog-main-text h2
 {
     font-size: 27px;
    line-height: 35px !important;
 }
.post-details h2 {
position: relative;
padding-bottom: 0;
margin-bottom: 12px;
 }
.post-details h2 a {
color: #323232;
font-size: 17px;
line-height: 10px;
 -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.post-details h2 a:hover {
	color: #70a997;
	text-decoration:none;
}
.post-details>p {
	color:#181818;
	font-size:18px;
	margin-bottom:15px;
}
.post-meta p {
	color:#919191;
	margin-bottom: 10px !important;
	font-size:13px;
}
.post-meta p a {
	color:#919191;
}
.post-entry img {
width: 100%;
height: auto;
position: relative;
z-index: 9;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog-main-text img {
    margin-bottom: 25px;
    border: 1px #eaeaea solid;
}
.post-entry img:hover {
    box-shadow: #70a9974d -8px 31px 38px -21px;
   transform: scale(1.01);
}
.read-more {
font-size: 16px;
display: block;
color: #70a997;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.read-more:hover {
    color: black;
    text-decoration: none;
}
.blog-inner .post-entry .col-md-3 {
	text-align:center;
	background:url(assets/images/blog-bg.jpg) center center repeat;
}
.blog-inner .post-entry .col-md-3 img {
	padding:32px 0px;
	width:60%;
	height:auto;
	border-radius:50%;
	margin-top:15px;
}
.blog-inner .post-details h2 {
	margin: 0px 0px 18px 0px;
}

.blog-main-text h3 {
    margin-bottom: 25px;
	font-weight: 400;
	font-size: 25px;
	font-weight: bold;
}
.blog-inner .post-details {
	margin-top:0px;
}
.post-info {
	color:#fff;
	font-size:14px;
	text-align:center;
	margin-top:-15px;
	font-weight:bold;
}
.post-info a {
	color:#fff;
	text-decoration:none;
}
.post-info a:hover {
	color: #70a997;
}
.post-images {
	position:relative;
	overflow:hidden;
}
.post-images div[class^="col-md-3"] {
	background:#f07d20;
	/*padding-right:0px;*/
}
.post-images div[class^="col-md-9"] {
	padding-left:5px;
	padding-right:0px;
}
.post-images div[class^="col-md"] {
	padding-bottom:5555px;
	margin-bottom:-5555px;
}
.portfolio-thumnail {
	position:relative;
	padding-bottom:40px;
}
.portfolio-thumnail .inner-thumb {
	width:97.5%;
	margin-bottom: -8px !important;
	margin:-50px auto;
	position:relative;
	z-index:3333;
	padding:10px;
	background:#fff;
	box-shadow: 0 1px 2px rgba(0,0,	0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,	0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.portfolio-thumnail .inner-thumb img {
	margin:0 auto;
	display:block;
	max-width:100%;
	height:auto;
	width:100%;
}
.previous-post-link {
	left:0px;
}
.next-post-link {
	right:0px;
}
.previous-post-link::after {
    content: 'PREVIOUS';
    position: absolute;
    display: block;
    z-index: 9999;
    display: inline-block;
    top: 29px;
    color: #fff;
    text-indent: 0px;
    left: -14px;
    transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
}
.next-post-link::after {
    content: "NEXT";
    position: absolute;
    display: block;
    z-index: 9999;
    top: 31px;
    display: inline-block;
    color: #fff;
    text-indent: 0px;
    right: 5px;
    transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
}
.previous-post-link,
.next-post-link {
	display:block;
	position:fixed;
	top:50%;
	width:42px;
	height:80px;
	background: black;
	text-indent:-9999px;
	margin-right: 8px;
	margin-left: 8px;
}
.previous-post-link a,
.next-post-link a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	position:relative;
	z-index:9999999;
}
.portfolio-description {
	padding:0px 0px;
	margin-bottom: 30px;
}
.portfolio-description .desc-inner-port {
	padding: 30px 30px 20px 30px;
	margin:0px 15px;
	background:#fff;
	border: 1px solid #efefef;
}
.portfolio-description p {
	color:#454545;
	font-size:18px;
	text-align:center;
}
.portfolio-inner,
.services-area {
	padding:0px 0px 20px 0px;
}
.service-inner .col-sm-9 {
	background:#fff;
	padding: 35px 40px 20px 40px;
	border: 1px solid #efefef;
}
.table-headings h2 {
	letter-spacing: -1px;
	font-weight: 700;
}

.vc_toggle {
	display: block;
	margin: 0 0 21.74px;
	font-size: 1em;
	border-top: 2px #d8d8d8 solid;
	padding: 23px 0px 0px 0px !important;
}
.vc_toggle_content {
	margin-bottom: 0px !important;
}
.service-inner .col-sm-9>h2 {
	color:#494949;
	font-size:30px;
	position:relative;
	padding-bottom:10px;
	margin-bottom:26px;
}
.service-inner .col-sm-9>h2:after
{
	content:'';
	height:3px;
	width:60px;
	background:#f07e20;
	bottom:-2px;
	left:0px;
	position:absolute;
}

.service-inner .col-sm-9 p {
	color:#515151;
	font-size:16px;
	margin-bottom: 20px;
}
.service-inner p.orange-text {
	font-size: 22px;
	color: #70a997;
	max-width: 99%;
	line-height: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.services-text li {
	font-size: 16px;
}
.services-menu {
	position: sticky !important;
	position: -webkit-sticky;
	top: 120px;
}
.sticky-row {
	position: sticky !important;
	position: -webkit-sticky;
	top: 65px;
	background-color: #f9f9f9;
	z-index: 9;
}
.services-menu-all ul {
	padding-left: 3px;
	font-size: 16px;
	line-height: 30px;
	list-style: none;
}
.services-menu-all li a {
	color: #70a997;
	text-decoration: none;
	display: block;
	transition: all 500ms;
}
.services-menu-all li a:hover {
	color: black;
}
.service-main-box {
	margin-top: 30px;
padding-top: 40px !important;
padding-bottom: 40px;
}
.services-menu-all li.current-menu-item a {
	color: #000;
}
.services-menu-all li.current-menu-item a::after {
	content: "\f061";
font-family: 'Font Awesome 5 Free';
	position: absolute;
	padding-left: 10px;
	font-weight: bold;
}
.services-text {
	margin-bottom:0px;
}
.services-text h3 {
	font-size: 24px;
	color: #35434a;
	margin-top: 30px;
	margin-bottom: 20px;
}
.phone-img {
	position: relative;
	width: 155%;
	z-index: -1;
	top: 22px;
	left: 0;
	margin-bottom: -60px !important;
}
.main-text-box .vc_column-inner {
	padding-left: 0px !important;
}
.view-button a {
	background-color: #0e1b23;
	padding: 16px 30px 16px 28px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	text-decoration: none;
	margin-right: 25px;
	transition: all 500ms;
}
.view-button a:hover {
	background-color: #70a997 !important;
}
.service-inner .col-sm-9 ul {
	padding-left:15px;
	margin-top:16px;
	margin-bottom: 20px;
}
.service-inner .col-sm-9 ul li {
	color:#515151;
	font-size:16px;
	line-height:28px;
}
.service-inner .col-sm-3 {
	padding: 0px 0px 0px 40px;
}
.service-inner .col-sm-3 img {
	margin:0 auto;
}
.portfolio-inner .vc_row {
	margin-left: 0px;
	margin-right: 0px;
}
.portfolio-inner .vc_row img {
	max-width:100%;
	height:auto;
}
.special-services-area {
	margin-top:25px;
	background:#eeeefa;
	padding:35px;
	border:1px solid #c4c4e3;
	text-align:center;
}


.sidebar-services ul {
	padding:0px;
}
.sidebar-services ul li {
	list-style-type:none;
	padding:0px 30px;
	position:relative;
}
.sidebar-services ul li a {
	font-size:16px;
	color:#262626;
	display:block;
	padding:7px 0px;
}
.sidebar-services ul li:hover,
.sidebar-services ul li.current-menu-item {
	background:#70a997;
}
.sidebar-services ul li:before {
	content:'';
	position:absolute;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right:19px solid #70a997;
	display:none;
	left:-19px;
}
.sidebar-services ul li:hover:before,
.sidebar-services ul li.current-menu-item:before {
	display:block;
}
.sidebar-services ul li:hover a,
.sidebar-services ul li.current-menu-item a {
	background:#70a997;
	color:#fff;
	text-decoration:none;
}
.sidebar-services ul li:hover a:hover {
	color:#fff;
	text-decoration:none;
	background:#70a997;
}
.sidebar-services ul li:hover+li a,
.sidebar-services ul li.current-menu-item+li a {
	border-top:1px solid transparent;
}
.sidebar-services ul li+li a {
	border-top:1px solid #9e9e9e;
}
.special-services-area img {
	margin:0 auto;
}
.special-services-area h3 {
	color:#70a997;
	font-size:32px;
	margin:30px 0px 35px 0px;
}
.special-services-area .big-orange-button {
	display:inline-block;
	padding:15px 32px;
}
.get-quote-action {
	background:#fff;
	margin:0px 0px 20px;
	padding:40px 40px;
	border:1px solid #efefef;
	width: 97.3%;
	margin: 0 auto;
	margin-bottom: 16px;
}
.get-quote-action h2 {
	color:#2e2e2e;
	font-size:45px;
	margin-bottom:8px;
}
.get-quote-action h3 {
	color:#717171;
	font-size:24px;
	margin-bottom: 0;
}
.button-quote {
	display: block;
	text-align: center;
	color: #2e2e2e;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	padding: 14px;
	border: 2px solid #70a997;
	width: 84%;
	margin-top: 12px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.button-quote:hover {
	text-decoration:none;
	color:#2e2e2e;
	background: #70a997;
	color: #fff;
	box-shadow: #00000078 0px 21px 38px -26px;
}

.sidebar-portfolio-button {
	background:#a29c00;
	padding:40px 40px 30px;
	margin-bottom:22px;
	text-align:center;
}
.sidebar-portfolio-button a {
	color:#fff;
	font-size:36px;
	line-height:38px;
	text-align:center;
}
.sidebar-portfolio-button a i {
	padding-top:5px;
	font-size:40px;
}
.service-box {
	background:#fff;
	padding:40px;
	margin-bottom:30px;
	border: 1px solid #efefef;
}
.service-box+.service-box {}
.services-area {
	padding:40px 0px 20px 0px;
}
.service-box h2 {
	color:#494949;
	font-size:30px;
	position:relative;
	padding-bottom:10px;
	margin-bottom:35px;
}
.service-box h2:after {
	content:'';
	height:3px;
	width:60px;
	background:#f07e20;
	bottom:0px;
	left:0px;
	position:absolute;
}
.roundedge-shadow {
-webkit-box-shadow: 0px 30px 60px -51px rgba(0, 0, 0, .45);
-moz-box-shadow: 0px 30px 60px -51px rgba(0, 0, 0, .45);
box-shadow: 0px 30px 60px -51px rgba(0, 0, 0, .45);
	background-color: #fff;
	border-radius: 6px;
}
.service-box img {
	max-width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}
.service-box p {
	font-size: 17px;
	color: #878787;
}
.service-box .big-orange-button {
	margin-top: 35px;
	padding: 8px 8px;
	font-size: 14px;
	text-transform: none;
	z-index: 100;
	WIDTH: 29%;
}
.questionnaire p {
    font-size: 18px;
    padding-bottom: 30px;
    margin-bottom: 0px !important;
}
.questionnaire h2 {
    font-size: 24px;
    margin-bottom: 18px !important;
    margin-top: 30px;
    text-transform: math-auto;
}
.logo-paste {
    margin-bottom: 30px;
}
.logo-paste span {
    margin-left: 8px;
}
.logo-paste .wpcf7-list-item {
    margin-bottom: 15px;
}
.broder {
    border-top: 2px #cecece solid;
}
.steps {
     background-color: black;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: -45px;
    top: -10px;
    text-align: center;
    line-height: 38px;
}
.color-guids:hover {
    border: 9px #f3685b solid;
}
.logo-type:hover {
    border: 3px #f3685b solid;
}
.logo-type, .colorz  {
    cursor: pointer;
}
.active .logo-type {
    border: #2f9780 3px solid;
}
.active .color-guids {
    border: 9px #2f9780 solid;
}
.logo-type {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    height: 210px;
    border: #ddd 3px solid;
    border-radius: 5px;
    -webkit-box-shadow: -20px 30px 26px 4px rgba(0,0,0,0.06);
-moz-box-shadow: -20px 30px 26px 4px rgba(0,0,0,0.06);
box-shadow: -20px 30px 26px 4px rgba(0,0,0,0.06);
margin-bottom: 30px !important;
}
.color-guids {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 9px #fff solid;
    text-align: center;
padding-top: 23px;
}
.colorz p {
    text-align: center;
    margin-top: 15px;
}
.color-guids .fa-check {
    text-align: center;
    background-color: #fff;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 36px;
    border-radius: 50%;
}
.logo-type .fa-check {
    position: absolute;
    background-color: #2f9780;
    padding: 11px;
    font-size: 25px;
    border-radius: 50%;
    right: 26px;
margin-top: 10px;    
color: #fff;
}
.logo-text {
    background-color: black;
    height: 20px;
    width: 80%;
    margin: 0 auto;
    border-radius: 50px;
    color: #fff;
    padding-top: 6px;
    font-size: 16px !important;
}
.wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item {
	display: block;
	margin-top: 5px;
	line-height: 9px;
	margin-left: 0px;
}
.wpcf7 .wpcf7-form-control-wrap input[type="radio"] {
	height: initial;
	width: initial;
	margin-right: 7px;
	box-shadow: none;
}
#orderform .hidetext .wpcf7-form-control.wpcf7-textarea,
#order-form-services .hidetext .wpcf7-form-control.wpcf7-textarea{
	height: 140px;
	padding: 20px;
}
#order-form .modal-body,
#order-form-services .modal-body
{
	padding: 30px 0px;
}
#order-form .wpcf7-form-control.wpcf7-text,
#order-form-services .wpcf7-form-control.wpcf7-text{
	padding-left: 20px;
	line-height: 47px;
}
.table-headings h3 a {
	color: #505050;
}
#order-form div.wpcf7-mail-sent-ok,
#order-form-services div.wpcf7-mail-sent-ok{
	display: none !important;
}
.hidetext p {
	font-size: 16px;
	margin-bottom: 15px;
}
.wpcf7-form-control-wrap select {
	padding: 0px;
	padding-left: 15px;
}
.wpcf7-form-control-wrap select {
	padding-left: 15px;
	color: black !important;
}
.wpcf7-list-item-label {
	font-weight: initial;
	font-size: 18px;
	color: #5d5d5d;
}
.table-headings h3 span {
	margin-right: 11px;
	color: #959595;
}
.table-headings h3 {
	margin-bottom: 19px;
}
.orderside {
	padding: 0px 20px;
}
.orderside .right-column.contact-no a,
.orderside .left-column.contact-no a{
    font-size: 16px;
}
.orderside .right-column.contact-no {
    padding-left: 10px !important;
}
#order-form .sp p,
#order-form-services .sp p{
	margin-bottom: 30px;
}
.captcha-left {
	margin-top: 30px;
}
.popup-form {
	overflow-x:hidden;
	overflow-y:auto !important;
	z-index:9999999999999;
}
.popup-form .modal-dialog {
	width:inherit;
	border-radius:0px;
	height:auto;
	margin-top:0px;
}
.popup-form .modal-content {
	border-radius:0px;
}
.modal-content {
	padding-bottom: 10%!important;
}
.popup-form #rootwizard {
	position:relative;
	overflow:hidden;
}
.popup-form #rootwizard .navbar {
	display:none;
}
.popup-form .modal-header {
	text-align:center;
	padding-top:70px;
	border-bottom:none;
	margin-bottom: 40px;
}
.popup-form .modal-title {
	color:#141414;
	font-size:44px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.popup-form .modal-header p {
	color: #1a1a1a;
	font-size: 18px;
	width: 65%;
	text-align: center;
	margin: 0 auto;
}
.popup-form button.close {
    color: #212121;
    font-size: 14px;
    border: 2px solid #0a0a0a;
    padding: 7px 11px;
    opacity: 1;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999999;
}
.popup-form button.close i {
    font-size: 26px;
    position: relative;
    top: 0px;
}
#get-quote-form {
	padding:3% 9%;
	float:left;
	padding-bottom:5555px;
	margin-bottom:-5555px;
}
.popup-form .pager.wizard {
	width: 100%;
	margin-top: 0px;
	overflow: hidden;
}
.popup-form .pager li.disabled {
	display:none;
}
.popup-form .pager li {
	display:block;
}
.popup-form .pager li a {
	display: inline-block;
	float: none;
	background: none;
	font-size: 18px;
	color: #fff;
	background: #423939;
	padding: 12px 42px;
	border-radius: 6px;
}
.quote-submit .wpcf7-form-control.wpcf7-submit {
	padding: 9px 64px;
}
.quote-submit {
	display: inline-block;
}
.quote-captcha {
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.captcha-center {
	display: inline;
	vertical-align: top;
}
.popup-form .pager li.next a span,
.popup-form .pager li.previous a span {}
.popup-form .pager li.previous a {
	display: inline-block;
}
.popup-form .pager li a i {
	display:block;
	display: block;
	font-size: 14em;
	display:none;
}
#get-quote-form .tab-pane {
	padding-bottom:55px;
}
#get-quote-form .tab-pane h2 {
	color: #484848;
	font-size: 26px;
	 	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 700;
}
#get-quote-form .tab-pane h2 img {
	display:inline-block;
	margin-right:20px;
}
#get-quote-form .form-control {
	height: 50px;
	border-radius: 0px;
	color: #242424;
	font-size: 16px;
	border: 2px solid #ededede6;
	border-radius: 6px;
}
#get-quote-form ::-webkit-input-placeholder {
	color:#f07e20;
}
#get-quote-form :-moz-placeholder {
	/* Firefox 18- */
	color:#f07e20;
}
#get-quote-form ::-moz-placeholder {
	/* Firefox 19+ */
	color:#f07e20;
}
#get-quote-form :-ms-input-placeholder {
	color:#f07e20;
}
#get-quote-form textarea.form-control {
	min-height:190px;
}
#get-quote-form .form-control:focus {
	outline: none;
	border: 2px solid #f07e20;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: #17151599 -21px 11px 28px -22px;
}
#get-quote-form label {
	color:#f07e20;
	font-size:18px;
	margin-bottom:15px;
	line-height:18px;
	font-weight:normal;
}
#get-quote-form label span {
	font-size:14px;
}
#get-quote-form .submit-btn {
	float: none;
	color: #fff;
	font-size: 20px;
	border: none;
	padding: 23px 102px;
	text-transform: uppercase;
	border-radius: 3px;
	margin-top: 1px;
	background: #ea702d;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
#get-quote-form .submit-btn i {
	padding-right:10px;
	font-size:20px;
}
#get-quote-form ::-webkit-input-placeholder {
	color:#f07e20;
	font-size:18px;
}
#contactpage .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.required,
#questionnaire-forms .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.required {
		padding-left: 20px;
	line-height: 47px;
	margin-bottom: 20px;
}
#contactpage .wpcf7-form-control.wpcf7-text,
#questionnaire-forms .wpcf7-form-control.wpcf7-text{
	padding-left: 20px;
	line-height: 47px;
	margin-bottom: 20px;
}
#contactpage .wpcf7-form-control.wpcf7-textarea,
#questionnaire-forms .wpcf7-form-control.wpcf7-textarea{
	padding: 20px;
	max-height: 200px;
	margin-bottom: 20px;
}
#get-quote-form :-moz-placeholder {
	/* Firefox 18- */
	color:#f07e20;
	font-size:18px;
}
#get-quote-form ::-moz-placeholder {
	/* Firefox 19+ */
	color:#f07e20;
	font-size:18px;
}
#get-quote-form :-ms-input-placeholder {
	color:#f07e20;
	font-size:18px;
}

/*---- Footer ---*/
footer {
	padding:82px 0px 12px;
	position:relative;
	text-align:center;
	background-color: #0c0c0c;
}
footer h3 {
    color: #dfdfdf;
    font-size: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
footer h3 strong {
font-weight:700px;
}
.footer-logo {
    margin: 0 auto;
    display: block;
    max-width: 230px;
}
footer p {
	color: #e1e1e1;
	font-size:16px;
	margin-top:15px;
	padding: 0px 17% 20px 17%;
}
.footer-flasher
{
  display: inline-block;
    border: 2px #fff solid;
        margin-bottom: -5px;
    border-radius: 4px;  
}
.whatsmb,
.fotter-number{
    display: none !important;
}
.footer-contact-info {
	float:left; 
	width:50.5%;
}
.footer-social {
	float:right;
	width:49%;
}
.social-icons {
position:relative; 
	top:-5px;
}
.social-icons li a {
    font-size: 16px;
    padding: 0px 12px;
    display: block;
    border: none;
letter-spacing: 1px;
color: #e1e1e1;
    border-radius: 0px;
}
.social-icons li+ li a{
	border-left:1px solid #e1e1e1;
	padding-right:0px;
	line-height: 15px;
}

.social-icons li {
	border:1px solid transparent;
	padding:0px;
	margin:0px 5px;
	color:#fff;
}
.social-icons span {
    margin-right: 9px;
}
.social-icons li:hover a,
.social-icons li a:hover {
	color:inherit;
	text-decoration:none;
}
.social-icons li a i {
	font-size:16px;
	position:relative;
	top:0.5px;
	padding-right:8px;
}

.social-icons .twitter a i {
	color:#55acee;
}
.social-icons .fb a i {
	color:#3b5998;
}
.social-icons .skype a,
.social-icons .skype:hover {
	
}
.social-icons .skype a i {
	color:#00aff0;
}
.footer-phone h4,
.footer-email h4,
.footer-social h4{
	color:#d2d2d2 ;
	font-size:12px; 
	margin:0px 0px 19px; 
	text-transform:uppercase;
letter-spacing: 2.5px;
font-weight: bold;
}
.footer-phone,
.footer-email {
	color:#e1e1e1;
	font-size:18px;
	line-height:12px;
	padding-left: 30px;
}
.footer-phone a{
	color:#e1e1e1;
	position: relative;
bottom: 6px;
left: 8px;
}
.footer-phone span +span{
	border-left: 1px solid #e1e1e1;
    padding-left: 20px;
    line-height: 0px;
	margin-left: 20px;
}
.footer-phone span,
.footer-email span {
	    display: inline-block;
    position: relative;
    text-align: left;
}
.footer-phone span img{
	margin-right:10px;
}
.footer-email span a{
	color:#e1e1e1;
}
.footer-phone i,
.footer-email i {
	display:inline-block;
	background:#e6991f;
	padding:5px 8px;
	position:relative;
	top:0px;
	color:#000;
	font-size:20px;
}
.chat ul{
	margin-bottom:0px;
	padding:0px;
}
.footer-contact-info{
	border-right: 1px solid #fff;
   
}
.footer-social ul {
    margin-bottom: 10px;
}
.footer-phone, .footer-email,.footer-social {
padding: 30px 0px 25px 15px;
}
.footer-email,
.footer-phone {
	display:inline-block;
}
.footer-bottom {
	border-top:1px solid #fff;
	margin-top:-12px;
	padding:15px 0px;
}
.copyright {
	float:left;
	padding:0px;
	color:#e1e1e1;
	font-size:14px;
	margin-top:0px;
}
.footer-bottom ul {
	float:right;
	padding-top: 8px;
}
.footer-bottom ul li {
	float:left;
	list-style-type:none;
	padding-right:5px;
	padding-left:5px;
}
.footer-bottom ul li a {
	padding:0px;
	color:#e6e6e6;
	font-size:14px;
font-weight: bold;
}
.fotter-email {
    border-right: 2px solid #fff;
        border-right-color: rgb(255, 255, 255);
        border-right-style: solid;
        border-right-width: 2px;
    margin-right: 10px;
}
.fotter-email a{
    padding-right: 10px !important;
}
.nicescroll-cursors {
	background-color: #414141 !important;
	border: none!important;
	border-radius: 0px!important;
}
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chat li:nth-child(2){
	height:auto;
	line-height:28px;
}
     
}
@media(max-width:1200px) {
    .big-text h3 br,
.big-text p br,
.big-text p strong br,
.content-text p strong br,
.fancy-header strong br {
    display: none;
}
    .home-sec1 br,
.home-sec1 p br,
.table-headings br,
.main-h1 h1 br,
.main-h1 p br,
.portfolio-heading br {
    display: none;
}
header .navbar ul.menu li a {
    font-size: 12px !important;
}

  .smallbtn .big-orange-button {
    width: 40%;
}
   
	.logo-area {
			padding-top:8px;
	}
}
@media(max-width:1199px) {
    .last-message p {
    font-size: 16px;
}
     
        .headers-banner p br,.fancy-header strong br{
    display: none;
}
    .top-adjust {
    margin-top:0px;
}
    .founded-box .f-box {
    left: 130px;
}
.founded-box .fbox-2 {
    left: 247px;
}
	.service-inner .col-sm-3 {
		padding:0px 15px 0px 15px;
	}
	.about-founders-intro {
		background-size:cover;
	}
}

@media(max-width:999px) {
    .visible-content {
    max-width: 100%;
}
     .scroll-icon {
    width: 15px;
    margin-right: 14px;
}
.scroll {
   text-align: center;
    left: 0;
    font-size: 2vw;
    width: 100%;
    display: flex;
    justify-content: center;
}
.scroll {
    bottom: 7px !important; 
}
    .watch-btn {
    justify-content: center;
    }
    .watch-btn a {
    width: 120px;
    height: 120px;
}
    .watch-btn span {
    width: 120px;
    height: 120px;
}
.watch-btn i.fa.fa-play {
       font-size: 17px;
    line-height: 17px;
    height: 20px;
}
	.founder-intro {
		background:none;
		padding-top:20px;
	}
	.founder-intro .padding-left-0 {
		padding-left:15px;
	}
	.founder-intro .padding-right-0 {
		padding-right:15px;
	}
	.img-section-1 img,
	.img-section-2 img {
		width:auto;
		margin:0px auto;
		border:none;
	}
	.founder-sec-1 {
		padding: 30px 10% 30px 11%;
		margin-left: 0%;
		width: 100%;
		margin-top:20px;
		margin-bottom:20px;
	}
	.founder-sec-2 {
		background: #e0e0e0;
		padding: 30px 10% 30px 11%;
		margin-left: 0%;
		width: 100%;
		margin-top:20px;
		margin-bottom:20px;
	}
	.team-member-right img,
	.team-member-left img {
		margin:0 auto 20px;
		z-index:1;
	}
}
@media(max-width:991px) {
    .size-100 h2 {
    line-height: initial;
}
.line-highlight span::before {
    height: 8px !important;
 }
          /*---- landing page responsive ---*/
.landing .container {
    width: initial;
    margin-left: 30px;
    margin-right: 30px;
}
/*---- landing page responsive end---*/
	.div-centers .container {
    display: block !important;
}
.share a {
    display: inline-block;
    text-align: left;
}
.share {
    text-align: center;
    padding: 20px 20px 0px 20px;
}
.share p {
    display: inline-block;
}
.share ul {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
}
.blog-inner .sticky {
    top: 0;
    position: initial !important;
}
.custom span::before {
    display: none !important;
}
#menu-item-4423 a {
    border-bottom: 0px solid #f07e20;
}
.smaller .ds {
    padding-right: 0 !important;
}
	.sub-menu .sub-menu li a {
    padding-left: 40px !important;
}
.custom {
    border-radius: 0;
    border: none;
    text-align: center;
    background-color: #171717;
        margin-bottom: 20px;
    margin-top: 20px;
}
.fancy-header .right-side {
    margin-left: initial;
    margin-top: 20px;
}
        .full-width {
    width: 100% !important;
}
	.starter-row  .full-width {
		    padding: 0px !important;
	}
.pd-30 {
    padding: 0px !important;
}
.pd-left-70, .pd-left-50 
{
    padding-left:0px !important;
}

.right-banner {
    margin-top: 30px;
    margin-left: initial;

}
  .counter-no p br {
    display: none;
}
.wpb_single_image.wpb_content_element.vc_align_left.home-icons {
    text-align: center;
    margin-bottom: 20px !important;
}
.home .webiconbox .icon-spacing {
    text-align: center;
}
	.webiconbox {
    text-align: center;
}
.number-flash a,
.number-flash .fa {
    font-size: 20px
}
.user-bottom-info {
    border-right: none;
       padding: 0px 16px 30px 16px;
}
.pricing-box .plan-inside {
    padding: 10px 30px;
}

   .starter-row .vc_row.vc_inner {
    display: flex;
    flex-flow: wrap-reverse;
}
.minus-top {
    margin-top: -30;
}
.conter-space {
    margin-top: 10px;
    margin-bottom: 40px;
}
.bullets-points h2 {
    font-size: 30px;
}
.runing-counter .ts-counter-value {
    font-size: 45px !important;
}
.runing-counter .ts-counter-note {
    font-size: 18px !important;
}

.top-padding {
  padding-top: 50px;
padding-bottom: 140px;
}
.counter-no {
    width: 100%;
}
.conter-col {
    margin-top: 31px;
}
.case-study h3 {
    font-size: 24px;
    line-height: 25px;
}
.case-count h4 {
    font-size: 25px;
}
.case-count p {
   font-size: 16px;
}
.case-study {
    padding: 0px 0px 0px 0px;
}
.case-study .big-orange-button {
    width: 55% !important;
}
.qodef-icon-list-holder.qodef-circle {
    margin-bottom: 15px !important;
}
.big-text h2 {
    font-size: 35px !important;
}
    .founded-box .f-box {
    top: -380px;
    left: 70px;
}
.founded-box .fbox-2 {
   
    top: -186px;
    left: 69px;
}
	.logo-area {
		max-width:100%;
		padding-top:8px;
		margin:0 auto;
		float:none !important;
		text-align:center;
	}
	.popup-form .pager.wizard {
		height:120px;
	}
	.popup-form .pager li.next a,
	.popup-form .pager li.previous a {
		min-height:50px;
		top:17px;
	}
	.popup-form .pager li.next a span,
	.popup-form .pager li.previous a span {
		bottom:-40px;
		text-align:left;
		padding-left:9%;
	}
	.popup-form .pager.wizard,
	#get-quote-form {
		margin-bottom:0px;
		padding-bottom:20px;
		float:none;
		width:100%;
	}
	.modal-body {
		padding: 0px!important;
	}
	.logo-area .logo {
		float:none !important;
		text-align:center;
	}
	.logo-area img {
		margin:0 auto;
	}
	header .navbar ul.nav {
		margin-top:5px;
	}
	#menu-item-4423  {
    margin-bottom: 10px;
}

.custom a {
    text-align: center !important;
    font-weight: bold;
}
.custom a::after {
    left: 20px;
}
	.previous-post-link,
	.next-post-link {
		width:45px;
		z-index:9;
	}
	.post-images div[class^="col-md"] {
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.post-images div[class^="col-md-9"] {
		padding-left:0px;
	}
	.footer-bottom ul {
		float:left !important;
	}
	footer {
		padding-bottom:10px;
	}
	.blog-inner .post-entry .col-md-3 img {
		margin:0 auto;
	}
}
.logo-ipad {
	display:none;
}
@media (min-width:1300px) and (max-width:1380px) {
	.phone-img {
		width: 144%;
		top: 14px;
		left: -10px;
	}
}
@media (min-width:767px) and (max-width:768px) {
	.call-to-action {
		text-align:center !important;
	}
	.logo-area {
		max-width:8%;
		float:left !important;
		padding-top:5px;
	}
	.navbar-collapse.collapse {
		margin-top:2px;
	}
	.call-to-action .col-sm-7,
	.call-to-action .col-sm-5 {
		width:100% !important;
		text-align:center;
	}
	.logo-ipad {
		display:block;
	}
}
@media(max-width:1024px) {
        .g-v {
    left: 0;
    margin-bottom: 20px;
}
#menu-right-menu {
    float: none;
}

    .sticky-row {
    top: 0;
}
    .flash-mn  {
    border-top: none;
    color: #eaeaea;
    font-size: 15px;
    display: block;
    background: #70a997;
    font-size: 18px;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin-top: 14px;
}
.flash-mn a {
    text-align: center !important;
	        border: none !important;
}
    .menu-item-2841::before {
    top: 28px;
    font-size: 12px;
    right: 47px;
}
.menu-item-2841::after {
    display: none;
}
    .image-menu ul li a span {
    display: none;
}
    .content-text h2 br {
    display: none;
}
    .headers-banner {
    height: inherit;
}
.post-info p {
    display: initial !important;
}
     .cbp-af-header {
    display: block;
}
    .main-bar {
    display: none;
}
    .main-bar {
    display: none !important;
}
    .post-info {
    margin-bottom: 35px;
    display: inline-block;
    margin-top: 20px;
}
.post-info span {
    padding: 10px;
}
    .logo.menu-border {
    border-bottom: none;
    height: initial;
}
    .solidbg .logo {
    border-bottom: 0px !important;
    padding-bottom: 0px;
}
    .responsive-header.single-ressp.solidbg:after {
    opacity: 1;
}
    .big-services{
        display:none;
    }
    .service-text .teaminfo {
    padding: 0px 0px 0px 0px;
    width: 100%;
}
	.bgbighomehd {
		font-size: 370px;
		text-transform: uppercase;
		color: #ebece6;
		text-shadow: #aaaaaa1a 30px -35px 33px;
		font-weight: bolder;
		z-index: -1;
		position: absolute;
		top: -540px;
		left: -50px;
		font-family: 'Anton', sans-serif;
	}
	.bgbigtexthome {
		font-size: 320px;
		text-transform: uppercase;
		color: #ebece6;
		text-shadow: #aaaaaa1a 30px -35px 33px;
		font-weight: bolder;
		z-index: -1;
		position: absolute;
		top: -427px;
		left: -190px;
		font-family: 'Anton', sans-serif;
		letter-spacing: 9px;
	}
	.text-message-side {
		display: none;
	}
	.main-text-box {
		width: 70% !important;
	}
	.services-menu {
		width: 30% !important;
	}
	.icon-spacing h3 {
		font-size: 20px;
	}

	.bgbigtextwork {
		font-size: 160px;
		top: -278px;
		right: 170px;
		letter-spacing: 1px;
	}
	.owl-carousel .owl-stage-outer {
		position: relative;
		overflow: hidden !important;
	}
	.sub-menu li a {
		padding-left: 20px;
	}
	.portfolio-catagories-ul li {
	    margin-bottom: 4px;
    margin-right: 0;
	}
	ul#menu-portfolio-filter {
    padding: 0;
}
	#get-a-quote .col-sm-10.table-headings.sp {
		    margin-top: 36px !important;
	}
	.contactform>div {
		padding: 20px !important;
	}
	#get-a-quote .container {
		padding: 0px;
	}
	.hidetext {
		margin-top: 23px;
		margin-bottom: 0px;
	}
	.popup-form .modal-header {
		padding-top: 90px;
		margin-bottom: 0px;
	}
	.captcha-left {
		margin-top: 0px;
	}
	.quote-captcha {
		margin-right: 0px;
	}
	.orderside {
		display: none;
	}
	#orderform .table-headings {
		margin-top: 40px !important;
	}
	#orderform .table-headings p {
		font-size: 15px;
	}
	.thankyou-form p {
		width: 100%;
	}
	#orderform .table-headings h2 {
		font-size: 30px;
		font-weight: bold;
		color: #555;
		margin-bottom: 9px;
	}
	.quote-submit {
		width: 100%;
	}
	.quote-submit .wpcf7-form-control.wpcf7-submit {
		padding: 12px 64px;
		margin-top: 20px;
	}
	.ecommerce-flasher {
		margin-top: 40px!important;
	}
	.ecommerce-image {
		margin-top: 40px!important;
	}
	.wb-pacimg {
		margin-top: 30px!important;
	}
	.table-headings p {
		width: 100%!important;
	}
	.middle-border {
		border: none!important;
	}
	.right-border,
	.border-top{
		border: none!important;
	}
	.table-headings {
		margin-top: 0px !important;
	}
	.table-headings h2 {
	    margin-bottom: 15px;
	}
	#get-quote-form {
		padding: 0;
	}
	#get-quote-form .submit-btn {
		padding: 15px 108px;
		margin: 0px;
		margin-bottom: 30px;
	}
	#get-quote-form .tab-pane {
		padding-bottom: 5px;
	}
	.popup-form .modal-title {
		font-size: 37px;
		line-height: 40px;
	}
	.popup-form .modal-header p {
		color: #6e6d6d;
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 19px;
		width: 100%;
	}
	.method p {
		font-size: 14px;
	}
		.call-to-action .solid-btn {
    width: initial!important;
    padding: 10px 20px;
    font-size: 14px;
    margin-right: 5px !important;
}
	.call-to-action .see-throw-btn {
    width: initial!important;
    font-size: 14px;
    padding: 9px 10px;
}
	.portfolio-inner .marginbottomzero {
		margin-bottom: 0px !important;
	}
	
	/* contactinfostrip- */
	.mystyle {
		float: none!important;
		margin-bottom: 0px!important;
		font-size: 38px;
		width: 90px;
		height: 90px;
		margin-right: 0px!important;
	}
	.centericons {
		text-align: center!important;
	}
	.info2 {
		float: none!important;
	}
	.contactinfo {
		float: none!important;
	}
	.get-quote-action h2 {
		font-size: 35px;
	}
	.call-to-action p {
		font-size: 16px;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}
	.button-quote {
		font-size: 15px;
		margin: auto;
		padding: 9px;
		width: 42%;
	}
	.call-to-action h3 {
		font-size: 35px;
		text-align: center;
	}
	.portfolio-description .big-orange-button {
		width: 100%;
	}
	.service-box .big-orange-button {
		width: 100%;
	}
	.logo-area {
		float:left !important;
		text-align:center;
	}
	.logo-area .logo {
		float:none !important;
		text-align:center;
	}

	.portfolio-thumb {
		height:auto;
	}
	header {
		padding-top:4px;
	}
	.portfolio .portfolio-item .portfolio-thumb img {
		height:auto;
	}
	.contact-details {
		margin-top:30px;
	}
	.logo-area img {
		margin:0 auto;
	}
	header .navbar ul.menu {
		margin-top:5px;
	}
	.navbar-toggle {
		background:#70a997;
		padding: 3px 12px;
		margin-top: 28px;
		margin-right: 0px;
		margin-bottom: 0px;
		color:#fff;
		font-size:24px;
	}
	.navbar-collapse.pull-right {
		float:none !important;
		width:100%;
	}
	.navbar-nav {
		margin:0px !important;
	}
	header .navbar ul.menu li a:hover:before {
		display:none;
	}
	header .navbar ul.menu li:last-child {
		background:#70a997;
		padding:0px 10px;
		margin-left:0px;
	}
.responsive-header {
    display: flex !important;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-start;
    width: 100%;
}
.cbp-af-header {
    position: absolute;
    top: 0;
}
	.contact-details h3 {
		width:70%;
	}
	.post-entry .col-sm-7 {
		padding-left:15px;
	}
	.post-entry .col-sm-5 {
		padding-left:15px;
		padding-right:15px;
	}
	.post-details {
		margin-top:0px;
	}
	.headers-banner {
		display: inherit;
		background-size: cover !important;
	}
	.contact-details {
		margin-top:30px;
		z-index:9;
	}
	.contact-details div[class^=col-]+div[class^=col-] {
		margin-top:15px;
	}
	.sidebar-services ul li:before {
		left:auto;
		right:-19px;
		border-right:none;
		border-left: 19px solid #70a997;
	}
	.sidebar-services ul li:hover:before,
	.sidebar-services ul li.current-menu-item:before {
		display:none;
	}
	.sidebar-services {
		margin-top:30px;
	}
	.portfolio-thumnail .inner-thumb {
		margin-top:0px;
	}
	/* 	.portfolio-thumnail .cotainer{

		padding-top:30px;

	} */
	.portfolio-filters {
		display:block;
	}
	.portfolio>div>ul {
		display:none;
	}
	.previous-post-link,
	.next-post-link {
		display:none;
	}
}
@media(max-width:650px) {
    .post-info span {
    padding: 3px;
    font-size: 13px;
}
    
.portbox .portbox-text {
    padding: 30px;
    }
    .portbox-text h3 {
    font-size: 20px;
}
.portbox-text a {
     font-size: 15px;
    padding: 6px 15px 6px 15px;
}
    
    .contact-left br{
        display:none;
    }
    .ad
    {
margin-top: 30px;
float: none;
    }

    .contact-left-column {
    border-right: none;
    padding-bottom: 20px;
}
    .internal-404 {
    padding: 0;
    min-height: initial;
    background-color: #16110e;
    background-image: none;
}
.fourzero h1 {
    font-size: 100px;
}
.fourzero p {
    font-size: 25px;
    line-height: 1;
}
.blackbg {
    height: 285px;
    padding: 29px;
}
.table-headings br {
    display: none;
}
.home .bgbigtextwork{
    display: none;
}
.home .table-headings h2 {
        font-size: 30px;
        text-align: left;
}
.portfolio-heading h2 {
        font-size: 32px;
}
    .service-text .teaminfo {
    padding: 0px 0px 0px 0px;
}

	.regularbtn .big-orange-button {
		width: 50%;
		margin-bottom: 30px !important;
	}
	.webiconbox {
		text-align: center;
		padding: 0 !important;
	}
.webiconbox:hover::before {
    display: none;
}
.webiconbox .methodbox {
    padding-left: 0px;
}
.webiconbox .methodbox h3 {
    font-size: 35px;
}
	.bgbigtextwork {
		font-size: 130px;
		top: -230px;
		left: -22px;
		letter-spacing: 12px;
	}
	.wpb_single_image.wpb_content_element.vc_align_left.home-icons {
		text-align: center;
		margin-bottom: 20px !important;
	}
	.portfolio-heading {
    text-align: left;
    padding-left: 10px;
}
	.main-h1 h1{
    font-size: 27px;
    line-height: 35px;
  letter-spacing: 0px;
	}
	.main-h1 p
	{
	  margin-bottom: 20px !important;
width: 100%;
	}
	#content .wpb_alert p:last-child,
	#content .wpb_text_column :last-child,
	#content .wpb_text_column p:last-child,
	.vc_message_box>p:last-child,
	.wpb_alert p:last-child,
	.wpb_text_column :last-child,
	.wpb_text_column p:last-child {
		margin-bottom: 0;
	}
	.sp .big-black-button {
		margin-top: 35px;
		min-width: 35%;
		font-size: 16px;
		max-width: 60%;
		float: left;
	}
	.sp .big-white-button {
		margin-top: 35px;
		min-width: 35%;
		font-size: 16px;
		max-width: 60%;
		float: left;
	}
	.regularbtnleft .big-orange-button {
		width: 65%;
		margin: 0 auto;
	}
	.owl-carousel .owl-stage-outer {
		position: relative;
		overflow: hidden !important;
	}
	.whitebg-home {
		display: none;
	}
	.call-to-action h3 {
		font-size: 35px;
		margin-bottom: 30px;
		text-align: center;
	}
	/* contactinfostrip- */
	.contactrow {
		margin-top: 0px!important;
	}
	.mystyle {
    display: none;
	}
	.contact-left h3 {
    letter-spacing: 0;
	}
	.centericons {
		text-align: center!important;
	}
	.info2 {
		float: none!important;
	}
	.contactinfo {
		float: none!important;
	}
	.call-to-action p {
		font-size: 16px;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}
	.big-orange-button {
		font-size: 18px;
		padding: 8px;
		text-align: center;
		position: relative;
		border: 2px solid transparent;
	}
	.call-to-action .big-orange-button {
		margin: 22px auto 0 auto;
	}

	.portfolio-thumnail .inner-thumb {
		width: 95%;
	}
	.space {
		    margin-top: 0px !important;
	}
	.social-icons {
		padding:0px 15%;
	}
	.social-icons li {
		margin-bottom:8px;
	}

	footer p {
		padding:0px;
	}
	.portfolio ul {
		margin:0px auto;
	}
	.about-founders-intro,
	.about-team {
		background:#e4e4e4;
	}
	.about-founders-intro {
		padding-bottom:30px;
	}
	.founder-intro {
		margin-bottom:30px;
	}
	.about-founders-intro h2 {
		text-align:left;
		color:#6c6c6c;
		padding-bottom:10px;
		font-size:22px;
		margin-bottom:20px;
	}
	.about-founders-intro h2:after {
		left:0px;
		margin:0px;
		right:auto;
		width:55px;
		height:5px;
		background:#70a997;
	}
	.about-founders-intro h2:before {
		display:none;
	}
	.about-founders-intro .container>p {
		text-align:left;
		color:#3c3c3c;
		font-size:14px;
		font-weight:lighter;
	}
}
@media(max-width:600px) {
    .free-box {
    padding-bottom: 30px !important;
}
    .top-minus {
    margin-top: -36px;
}
    .responsive-header-heading {
     text-transform: capitalize;
    font-size: 26px;
    text-align: left;
    margin-bottom: 30px;
}
    .responsive-header-heading br {
  display:none;
}
    .responsive-header-desc {
    display: none;
}
.main-banner > div > div {
    padding: 20px;
}
.home .vc_empty_space {
    height: 0px !important;
}
        .overlap-porfolio {
    margin-top: -80px;
}
    .smallbtn .big-orange-button {
    width: 85%;
}
    .blog-side p {
    margin-bottom: 30px !important;
}
.related-posts-single h3 {
    font-size: 22px;
}
.related-posts-single {
    padding: 0px 18px 0px 18px;
}
.bg-comment {
    padding: 0px;
}
.bg-comment h2 {
    font-size: 22px;
}
.commentspg .form-control {
    margin-bottom: 10px;
    height: 44px;
    padding: 10px;
    border-radius: 6px;
}
#commentform #email {
    height: 44px;
}
.user-bottom-info ul {
    text-align: left;
}
.blog-sticky {
    padding: 0px 30px 10px 30px;
}
	#portfolio-items .mix {
		width:100%;
	}
	.portfolio .portfolio-item .portfolio-thumb img {
		width:100%;
	}
	.portfolio-thumnail .inner-thumb {
		width:100%;
	}
	.contact-us .post>h1 {
		margin: 25px 0px 35px;
	}

	.portfolio #portfolio-items {
		padding: 11px 0px 0px;
	}
	.portfolio-thumnail .inner-thumb {
		padding:3px;
		box-shadow:0px 0px 3px 0px #aaa;
	}
	.home-method {
		padding-top:40px;
		padding-bottom:0px;
		text-align:center;
	}
	.home-method h2 {
		font-size:30px;
		text-align:left;
	}
	.home-method p {
		font-size:15px;
	}
	.call-to-action p {
		display:none;
	}
	.call-to-action h3 {
		font-size:30px;
		text-align:center;
	}
	.portfolio-thumnail .inner-thumb {
		width:83%;
		margin-top: 20px;
	}
	#get-quote-form ::-webkit-input-placeholder {
		font-size:12px;
	}
	#get-quote-form .form-control {
		font-size:12px;
	}
	#get-quote-form :-moz-placeholder {
		/* Firefox 18- */
		font-size:12px;
	}
	#get-quote-form ::-moz-placeholder {
		/* Firefox 19+ */
		font-size:12px;
	}
	#get-quote-form :-ms-input-placeholder {
		font-size:12px;
	}
}
@media(max-width:490px) {
    .headers-banner h1 br {
    display: none;
}
    .solid-btn, .see-throw-btn {
    margin-right: 0 !important;
    margin-bottom: 20px;
    text-align: center;
}
.main-banner .solid-btn, 
.main-banner .see-throw-btn,
.headers-banner .solid-btn, 
.headers-banner .see-throw-btn {
      width: 100%;
}
	.sr .call-no {
    text-align: center;
}
    .arow-btn {
    margin-left: initial;
    display: block;
}
.margin-80 {
    margin-top: 40px;
}
.flasher-price {
        width: 100% !important;
}
.wpb_text_column.wpb_content_element.vc_custom_1571754089840.icon-spacing.roundedge-shadow.infographics-space.white-text {
    background-image: none !important;
    background-color:  #70a997;
}
.infographics-space span {
    display: none !important;
}
footer .social-icons li a {
    font-size: 26px !important;
margin: 0 !important;
}
.footer-social ul {
    margin: 0;
}
.fb a :nth-child(1) {
    display: inline-block;
}
.fb :nth-child(2) {
    display: none;
}

.social-icons li a > :nth-child(2) {
    display: none;
}
.social-icons li + li a {
    border-left: none;
}
.icon-a, .icon-b, .icon-c, .icon-d, .icon-e, .icon-f {
    margin-bottom: -5px !important;
}
.whatsapp {
    display: none !important;
}
.footer-phone span :nth-child(1){
    display: none;
}
	.footer-phone span +span {
    margin-left: 0;
}
.footer-phone a {
   left: 0px;
font-size: 18px;
margin-top: 11px;
display: block;
color:#fff;
font-weight: bold;
}
.footer-phone {
    padding: 0px 0px 30px;
}
footer h3 {
    margin-bottom: 0;
}
.whatsmb,
.fotter-number{
   display: inline-block !important;
}
	.portfolio-thumnail .inner-thumb {
		width:89%;
	}
	.space {
		margin-top:30px;
	}
	.service-box .big-orange-button {
		width: 80%;
	}
}
.sk-folding-cube {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 45%;
	bottom: auto;
	right: 0px;
	left: 0px;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ed5123;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
@keyframes sk-foldCubeAngle {
	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}
.next_thumb,
.prev_thumb {
	width:80px;
	height:auto;
	display:block;
	opacity:0;
	position:absolute;
}
.space {
	margin-top:0px;
}
@media(min-width:1025px) {
    .menu-img-1::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
 width: 35px;
height: 35px;
float: left;
margin-right: 15px;
margin-top: 13px;
}
    .menu-img-2::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
    width: 36px;
    height: 35px;
    float: left;
    margin-right:15px;
    margin-top: 11px;
    background-position: -35px 0;
}
    .menu-img-3::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin-right:15px;
    margin-top: 10px;
    background-position: 136px 0
}
    .menu-img-4::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
    width: 34px;
    height: 35px;
    float: left;
    margin-right:15px;
    margin-top: 10px;
    background-position: 101px 0;
}
    .menu-img-5::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
    width: 33px;
    height: 35px;
    float: left;
    margin-right:15px;
    margin-top: 10px;
    background-position: 67px 0;
}
    .menu-img-6::before {
    background-image: url(https://www.orbitcanvas.com/wp-content/themes/Elegant/assets/images/menu-sprite.png);
    content: "";
    width: 35px;
    height: 35px;
    float: left;
    margin-right:15px;
    margin-top: 10px;
    background-position: 35px 0;
}
.image-menu ul li a span {
    display: block;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: initial;
    color:#70a997;
}
.image-menu .sub-menu > li.menu-item-has-children > a::after {
    top: 11px !important;
}
.image-menu  .sub-menu > li > ul.sub-menu {
     top: 0px !important;
}
	header.smaller {
		height: 65px;
		padding-top: 15px;
		background: rgba(0,0,0,0.8);
		position: fixed;
	}
	header.smaller .logo img {
		width: 175px;
		height: 35px !important;
		width: 200px !important;
		line-height: 60px;
		font-size: 30px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header.smaller .navbar ul.menu {
		margin-top:0px;
	}
	header.smaller .navbar ul.menu li a {
		padding:6px 0px;
		font-size:12px;
	}
	header {
		    position: absolute;
		top: 0;
		left: 0;
	}
	header .navbar ul.menu li>.sub-menu {
		display: none;
		position: absolute;
	}
	header .navbar ul.menu li>.sub-menu>li.menu-item {
		float: none;
		    position: relative;
		        padding-left: 20px;
    min-width: 250px;
    -webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
	}
	header .navbar ul.menu li>.sub-menu>li>a {
		color: #454249 !important;
	}
	header .navbar ul.menu li>.sub-menu>li.menu-item:hover {
		border-radius: 5px !important;
		background-color: #eae6ea;
	}
	header .navbar ul.menu>li:hover>.sub-menu {
		border-radius: 4px;
		display: block;
		padding: 6px;
		background: #fff;
        -webkit-box-shadow: -22px 31px 75px -17px rgba(0, 0, 0, 0.43);
        -moz-box-shadow: -22px 31px 75px -17px rgba(0, 0, 0, 0.43);
         box-shadow: -22px 31px 75px -17px rgba(0, 0, 0, 0.43);
	}
	header .navbar ul.menu>li>.sub-menu li:hover ul.sub-menu {
    display: block;
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu {
     left: 100%;
    padding: 5px 0 5px 10px !important;
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu:before {
    position: absolute;
    content: "";
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    right: 0;
    width: 96%;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: -42px 21px 65px -18px rgba(0,0,0,.43);
    -moz-box-shadow: -42px 21px 65px -18px rgba(0,0,0,.43);
     box-shadow: -42px 21px 65px -18px rgba(0,0,0,.43);
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu:after {
    content: none;
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu {
    left: 100%;
    padding: 0;
    position: absolute;
    top: -5px;
    min-width: 250px;
    padding: 6px;
    border-radius: 3px;
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu li {
        margin: 0 7px;
}
header .navbar ul.menu>li>.sub-menu>li>ul.sub-menu>li.menu-item {
    padding-right: 20px;
}
	header .navbar ul.menu .sub-menu:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 31px;
		bottom: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;
		margin-left: -10px;
		top: -9px;
	}
	header .navbar ul.menu li.current_page_item a {
		color: #4efdc6 ;
	}

	header .navbar ul.menu li a:hover {
		color: #4efdc6 ;
	}
	header .navbar ul.menu li.portfoliobtn a:before {
		content: none;
	}
	.headers-banner {
		margin-top:0px;
	}
}
.contactrow {
	z-index: 99999;
	position: relative;
	margin-top: -65px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,	0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,1);
}
.slider_subheading {
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 28px;
	margin-bottom: 30px;
}
.trans-orange-btn-round {
	border:1px solid #ed5123;
	background:#ed5123;
	color:#fff !important;
	border-radius: 200px;
}
.trans-white-btn-round {
	border: 1px solid #fff;
	margin-left: 15px;
	border-radius: 200px;
}
.trans-white-btn-round:hover {
	color:#ed5123!important;
}
.trans-white-btn-round:before {
	background:#fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .navbar ul.menu li {
    padding: 0px 6px;
    }
.main-h1 h1 {
    font-size: 54px;}
.Starter-kit img {
    margin-top: 130px;
}
    .navbar .col-sm-6 {
    padding: 0 !important;
}
.client-login {
    margin-left: 0 !important;
}

header .navbar .mn-right ul.menu > li:last-child{
    padding: 0px 13px;
}
.logo-area {
    padding-top: 0;
}
    .bgbigtextwork {
    display: none;
}
header.smaller .navbar ul.menu li.client-login a {
    padding: 4px 10px 4px 37px !important;
}
.headers-banner.fancy-header h1, .headers-banner h1 {
 font-size: 36px !important;
line-height: 47px !important;
}
.fancy-header strong{
    font-size: 18px!important;
        line-height: 22px;
    margin-top: 0;
}
   .fancy-header p {
    font-size: 16px;
    line-height: 24px;
   }
  
.fancy-header .right-side img {
    width: 130%;
    margin: 0;
        height: initial;
}
.art-audio {
       right: -31px;
    width: 25px;
    height: 25px;
    font-size: 17px;
    top: 10px;
}
.smaller .art-audio {
    top: 4px;
        right: 10px !important;
}
.headers-banner.fancy-header.sr p {
    font-size: 22px;
    line-height: 28px;
}
.rotate-side {
   margin-top: 20px;
margin-bottom: -100px;
position: initial;
}
.social-icons li a {
    padding: 0px 10px;
}
.footer-phone span, .footer-email span {
    padding: 0px 2px;
}
.footer-phone, .footer-email {
    font-size: 16px
}
footer p {
    padding: 0px 10% 20px 10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    
    .responsive-header-desc br {
    display: none;
}
  .flash-mn a {
    font-size: 22px !important;
    line-height: 14px !important;
}
#responsive-menu ul li.client-login a {
            padding: 20px 50px !important;
        font-size: 20px;
        width: 48%;
        float: left;
        margin-right: 20px;
        margin-top: 0;
    }
	.client-login a::after {
    top: 25px;
    left: 10px;
    font-size: 20px;
}
#responsive-menu ul li a {
     font-size: 36px;
    padding-top: 25px;
    padding-bottom: 25px;
}

#responsive-menu ul li.menu-item-has-children span:before {
    top: 18px;
}
.mobile-nav-close-btn {
    font-size: 25px;
    width: 50px;
    height: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .width-50 {
    width: 50% !important;
}
.height-500 {
    height: 400px;
}
.padding-100 {
    padding: 50px !important;
}
.margin-80 {
    margin-top: 40px;
}
	.check-sign::before { left: -9px!important;font-size: 21px!important; line-height: 26px!important;}
.custom span {
    font-size: 22px;
    line-height: 50px;
}
.headers-banner.fancy-header h1 {
    font-size: 45px;
    line-height: 58px;
}
.sr .right-form {
    margin-top: 30px;
}
.num {
    font-size: 47px!important;
    line-height: 50px!important;
}
.icon-spacing h3 {
   font-size: 19px !important;
line-height: 24px!important;
}
.col-pd-0 .vc_column-inner {
    padding: 0 !important;
}
.plan-header h2 {
    font-size: 25px;
}
.pricing-box .plan-inside {
    padding: 10px 10px;
}
.pricing-box .plan-footer {
    margin-bottom: 21px;
}
.pricing-box.pro {
    min-height: 490px !important;
}
.price-icons {
    font-size: 14px;
}
.tab-center h1 {
    width: 100% !important;
}
.tab-center p
{
      max-width: 100% !important;
}
.post-details {
    min-height: 315px;
}
.zoom-2{
    -webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
z-index: 999;
}
.big-boxes {
    padding: 30px 20px 20px 20px!important;
}
.big-text h3 br,
.big-text p br,
.big-text p strong br,
.content-text p strong br,
.fancy-header strong br {
    display: none;
}
.single-image-float {
     top: 260px;
  }
  .size-84 h2 {
    font-size: 65px !important;
}

  .video-btn {
    padding-top: 70px;
    padding-bottom: 76px;
}
.left-image{
    left: initial;
    position: absolute;
    right: -30px;
}
.image-right{
right: initial;
position: initial;
min-width: inherit;
}
.arow-btn {
    font-size: 16px;
  }
  .pd-300 {
    padding-bottom: 250px;
}
.regularbtnleft .big-orange-button
{
    width: 46%;
}
  .icon-settings .webiconbox {
    padding: 0px !important;
}
.icon-settings .icon-spacing h3 {
       font-size: 21px;
     line-height: 22px;
}
.icon-settings .border-top {
    border-top: none;
}
.center-div {
top: 115px;
}
.sticky-teaser h3 {
    font-size: 19px;
}
.sticky-teaser p br,
.gerneral-box h2 br{
   display:none;
}
.video-popup .ts-font-icon.fa.fa-play {
    padding: 10px;
    font-size: 25px !important;
}
.pricing-box .black-button {
    margin-bottom: 0;
    padding: 13px 15px;
}
.flasher-price {
    top: -170px;
    right: 30px;
}
.starter-row {
    padding-left: 80px !important;
    padding-right: 80px !important;
    padding-top: 40px;
}
    .arrow-banner {
bottom: 80px;
    right: 0;
}
.little-pd {
    padding-left: initial!important;
}
.comparison .tl2 {
       font-size: 17px!important;
}
.sticky-row {
      top: 10px;
}
    .shirnk-banner {
    padding-right: initial;
}
.margin-tp-60-tab
{
    margin-top: 60px;
}
.red-circle {
    width: 80px;
    height: 80px;
        left: -50px;
    top: -80px;
}
.bullets-points h5 br {
    display: none;
}
.round-flasher {
   font-size: 24px;
width: 200px;
height: 200px;
padding-top: 49px;
left: -20px;
top: -80px;
}
.round-flasher.bottom-align {
    left: initial;
    right: 30px;
    bottom: -480px;
    top: initial;
    z-index: 9999;
}
.round-flasher h4 {
    font-size: 30px;
}
.commas.fa.fa-quote-left {
    display: none;
}
.qa-form h2 {
      font-size: 24px;
}
.vc_toggle_title > h4 {
   display: block !important;
}
.compare-row .call-no a {
       font-size: 17px !important;
}
.compare-row .call-no {
    font-size: 14px!important;
}
.commas {
    display: none;
}

.visible-content br {
    display: none;
}
.table-headings h2 {
    font-size: 26px;
}
    .last-message p {
    padding-top: 33px;
    font-size: 18px;
}
    .headers-banner h1 {
        font-size: 50px;
    margin-top: 10px;
    line-height: 50px;
    width: 85%;
    margin-left: 0;
}
.qa-form .big-orange-button {
    font-size: 16px;
    letter-spacing: 1px;
}
.headers-banner p {
    max-width: 90%;
}

    .responsive-header-desc br {
    display: none;
}
    .blog-sticky {
    position: static !important;
}
.sbar-cont {
    height: initial !important;
}
.flash-mn a {
    font-size: 22px !important;
    line-height: 14px !important;
}
.flash-mn {
    margin-top: 12px;
}
.mobile-nav-close-btn {
    width: 50px;
    height: 50px;
}
.mobile-nav-close-btn .fa {
    font-size: 25px;
    line-height: 42px;
}
#responsive-menu ul li.client-login a {
            padding: 20px 50px !important;
        font-size: 20px;
        width: 48%;
        float: left;
        margin-right: 20px;
        margin-top: 0;
    }
	.client-login a::after {
    top: 25px;
    left: 10px;
    font-size: 20px;
}
#responsive-menu ul li.menu-item-has-children span:before {
    top: 18px;
}
    .services-main-side p br {
    display: none;
}
.services-main-side h2 br {
    display: none;
}
    .services-menu.services-main-side {
    width: 100% !important;
    text-align: center;
    position: static !important;
}
.tab-width-full {
    width: 100%!important;
}
.padding-zero > div {
    padding-top: 0px !important;
}
.services-main-side p {
    width: 100%;
}
.services-main-side {
    padding-bottom: 0px;
}
.responsive-header-heading br {
    display: none;
}
.home .main-banner {
    height: initial;
    padding: 15% 0px 15% 0px;
}
.modal-content {
 height: initial;
}
.services-main-side h2 {
    text-align: center !important;
}
    .bgbigtext,
.bgbigtextteam,
.pakistan{
    display: none;
}
.firstletter p {
    font-size: 310px;
        color: #70a997;

    }
.firstletter {
    top: -40px;
    right: -11px;
}
.firstletterleft {
    top: -230px;
    left: -10px;
}
.ourfamilyleft p,
.ourfamilyright p {
    font-size: 370px;
}
.firstletterleft p {
    font-size: 320px;
    color: #70a997;
}

.teamtext {
    margin-top: 90px;
}
.ourfamilyright {
    right: -50px;
}
.ourfamilyleft {
    top: -230px;
    left: -41px;
}
    .service-main-box {
    margin-top: 0px;
}
.services-menu {
    top: 40px;
}
.services-main-side {
    padding-top: 0px;
}
    .portfolio-thumnail .inner-thumb {
    margin-top: 30px;
}
    .button-quote {
    margin-top: 16px;
    width: 100%;
}
    .blog-inner .post-entry {
    border-right: none;
    padding-right: 0px !important;
}
    .contact-left p br {
    display: none;
}
.mystyle {
display: none;
}
.write.contact-left {
    margin-top: 35px;
}
.ecommerce-flasher .sp .big-orange-button {
    max-width: 100% !important;
    min-width: 100%;
}

.silver h3,
.Gold h3,
.Platinum h3{
    font-size: 15px !important;
padding: 0 !important;
margin: 0 !important;
line-height: 50px;
}
.ecommerce-flasher .sp .big-black-button {
    width: 100% !important;
    margin-top: 5px;
    max-width: 100%;
}
    .chat li:nth-child(2) {
    padding: 12px 35px 12px 35px;
    min-width: 242px;
    }
    .main-banner > div > div {
    width: 100%;
    text-align: center;
}
.responsive-header-desc {
    margin-bottom: 30px;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0px 50px 0px !important;
}
.footer-social {
    float: none;
    width: 100%;
}
.footer-phone, .footer-email, .footer-social {
    padding: 32px 0px 15px;
}
.footer-phone {
    padding: 0px 0px 42px 0px;
}
.copyright {
    float: none!important;
}
.footer-bottom ul {
    float: none!important;
}
.footer-bottom ul {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
}
.footer-contact-info {
    border-right: none;
    width: 100%;
}
footer p {
    padding: 0px 5% 20px 5%;
}
    .main-banner h3 span {
        font-size: 110px !important;
}

.bgbigtextwork {
    display: none;
}
  .portbox .portbox-text {
    padding: 20px;
    }
    .portbox-text h4 {
    font-size: 11px;
    }
    .portbox-text p {
    display: none;
}
.portbox-text a {
    font-size: 14px;
}
.regularbtn .big-orange-button {
    width: 17%;
}
.main-h1 h1 {
    font-size: 50px;
}
.main-h1 p {
    width: 100%;
}
.overlap-porfolio {
    margin-top: -200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) 
{ 
    .main-banner h3 span {
    font-size: 80px;
    }
.call-to-action .big-orange-button {
    width: 28%;
}
.methodbox h3
{
font-size: 25px;  
}
.Process h2
{
  font-size: 50px;
  letter-spacing: -1px;
}
.Process
{
margin-bottom: 70px;
padding-left: 0px;
}
.methodbox
{
padding-left:0px;
padding-right:0px;
}
.methodbg .vc_column-inner {
    background-size: 100% !important;
}
}
@media (min-width:769px) and (max-width:991px) {
	.logo-area {
		max-width: 29%;
		float: left!important;
	}
	header .navbar ul.menu li a {
		font-size:10px;
	}
	.service-box .big-orange-button {
		width: 50%;
	}
}
.boxshadowportfolio {
	border: #ffffff 9px solid;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	margin-top: -90px;
	z-index: 9999;
}

/* web packages */
.wb-pacimg {
	margin-top: -100px;
	z-index: 100;
	position: relative;
}
.middle-border {
	border-left: 2px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
}
.icon-spacing {
	margin-bottom: 0px !important;
}
.web-sep {
	background: #d8d8d8;
	margin-top: 30px;
	height: 2px;
}
.table-headings p
{
	width: 90%;
	font-size: 18px;
}
.sp p {
	width: 100%;
    font-size: 18px;
}
.sp .big-orange-button {
	margin-top: 15px;
	min-width: 36%;
	font-size: 16px;
	max-width: 60%;
	display: inline-block;
	margin-right: 20px;
}
.sp .big-orange-button:hover::after {
	z-index:-1;
}
.btn-small .big-orange-button {
    min-width: 28%;
}
.btn-small .big-white-button {
    min-width: 22% !important
}
.big-black-button {
	z-index: 100;
	display: block;
	background: #4e4e4e;
	color: #eaeaea;
	font-size: 20px;
	text-transform: uppercase;
	padding: 11px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border: 2px solid transparent;
	border-radius: 4px !important;
}
.big-black-button:hover {
	text-decoration: none;
	color: #222;
	border: 2px solid #70a997;
	background-color: transparent;
}
.sp .big-black-button {
	margin-top: 15px;
	min-width: 35%;
	font-size: 16px;
	max-width: 60%;
	float: left;
	font-weight: bold;
	margin-right: 20px;
}
.sp .big-white-button {
	margin-top: 15px;
	min-width: 35%;
	font-size: 16px;
	max-width: 60%;
	display: inline-block;
	font-weight: bold;
}
.big-white-button span {
    margin-right: 10px;
    vertical-align: middle;
    font-size:20px;
}
.icon-spacing h3 {
    margin-top: 0px;
font-size: 25px;
line-height: 28px;
}
.icon-spacing p {
	font-size: 16px;
	color: #6f6f6f;
	margin-bottom: 10px !important;
}
.external-call-pack>div>div {
	padding: 0px !important;
}
.pack-action {
	margin-bottom: 0px !important;
}
.website-packages .contact-us {
	padding: 0px;
}
.num {
    font-size: 60px;
    font-weight: bolder;
    color: #dfe0db;
    font-family: 'Anton', sans-serif;
    line-height: 61px;
float: left;
margin-right: 10px;
}
.ecommerce-flasher {
	margin-top: 10px;
}

/* web packages table start */

.comparison table thead tr th:nth-child(3) {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #fff;
}
.comparison table tbody tr :nth-child(3) {
    background-color: #fff;
}
.comparison table tr:last-child td:nth-child(3) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.comparison {
	max-width:940px;
	margin:0 auto;
	font-size: 16px;
	text-align:center;
	color: #555;
}
.compare-row .call-no {
    color: #000;
    font-size: 16px;
}
.compare-row .call-no a {
    font-size: 21px;
    display: block;
}
.comparison .compare-row .fa.fa-check {
    font-size: 19px;
    color: #70a997;
}
.compare-row .fa.fa-times {
	font-size: 23px;
	color: #848484;
}
.price-info {
	text-align: center;
	border-radius: 0 !important;
}
.price-now, .price-dollar {
    line-height: 18px;
    margin-top: 10px;
    font-size: 13px;
}
.badge-row {
	margin-bottom: 30px;
}
.minus-color {
	color: #e6e6e6;
	font-size: 21px;
}
.silver h3 {
	font-size: 20px;
	color: #555;
	font-weight: bold;
	text-align: center;
	padding: 15px;
}
.Gold h3 {
	font-size: 20px;
	color: #555;
	font-weight: bold;
	text-align: center;
	padding: 15px;
}
.Platinum h3 {
	font-size: 20px;
	color: #555;
	font-weight: bold;
	text-align: center;
	padding: 15px;
}
.silver {
	background: white;
	width: 80%;
	height: 62px;
	box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
	border: 6px #b2b2b2 solid;
	margin: 0 auto;
	border-radius: 4px;
}
.Platinum {
	background: white;
	width: 85%;
	height: 62px;
	box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
	border: 6px #555 solid;
	margin: 0 auto;
	border-radius: 4px;
}
.Gold {
	background: white;
	width: 80%;
	height: 62px;
	box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
	border: 6px #e8b954 solid;
	margin: 0 auto;
	border-radius: 4px;
}
.comparison table, .gerneral-table table  {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	}
.comparison td,
.comparison th,
.gerneral-table td,
.gerneral-table th{
	empty-cells: show;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: capitalize;
}
.compare-heading {
	font-size:18px;
	font-weight:bold !important;
	border-bottom:0 !important;
	padding-top:10px !important;
}
.comparison tbody tr:nth-child(odd),
.gerneral-table tbody tr:nth-child(odd){
	display:none !important;
}
.comparison .compare-row,
.gerneral-table .compare-row{
	border-bottom: 2px solid #d8d8d8;
	border-top: 2px solid #d8d8d8;
}
.comparison .tickblue {
	color:#0078C1;
}
.comparison .tickgreen {
	color:#009E2C;
}
.comparison th,
.gerneral-table th{
	font-weight:normal;
	padding:20px 0px 0px 0px;
}
.comparison tr td:first-child{
	text-align:left;
	border-right: 2px #d8d8d8 solid;
}
.gerneral-table tr td:first-child
{
text-align: left;
border-right: 2px #d8d8d8 solid;
padding-left: 30px;
}
.comparison .qbse,
.comparison .qbo,
.comparison .tl,
.gerneral-table .qbse,
.gerneral-table .qbo,
.gerneral-table .tl{
	color:#FFF;
	padding:10px;
	font-size:13px;
	border-right:1px solid #CCC;
	border-bottom:0;
}
.comparison .tl2{
	border-right: 0;
	font-size: 22px;
	padding-left: 0;
	color: #727272;
	font-weight: bold;
	padding-top: 20px;
	line-height: 27px;
}
.gerneral-table .tl2{
border-right: 0;
color: #727272;
font-weight: bold;
width: 290px;
padding-top: 23px;
font-size: 30px;
background-color: #fbfbfb;
line-height: 33px;
text-align: center;
color: #fff;
text-transform: uppercase;
background: -moz-linear-gradient(45deg, rgb(69 56 175) 0%, rgb(145 111 211) 100%);
background: -webkit-linear-gradient(45deg, rgb(69 56 175) 0%, rgb(145 111 211) 100%);
background: -o-linear-gradient(45deg, rgb(69 56 175) 0%, rgb(145 111 211) 100%);
background: -ms-linear-gradient(45deg, rgb(69 56 175) 0%, rgb(145 111 211) 100%);
background: linear-gradient(45deg, rgb(69 56 175) 0%, rgb(145 111 211) 100%);
background-color: #73499d;
}
.gerneral-table tr td:nth-child(3) {
    border-right: 2px #d8d8d8 solid;
}
.top-head-1 {
vertical-align: middle;
text-align: center;
background: #4285f4;
padding: 16px !important;
color: #fff;
}
.top-head-2 {
    vertical-align: middle;
    text-align: center;
    background: #ea4335;
    padding: 16px !important;
    color: #fff;
}
.top-head-1 h3,
.top-head-2 h3
{
    margin-bottom: 0;
}
.google-btn:hover {
    color: #000;
    text-decoration: none;
}
.bottom-head {
    text-align: center;
    line-height: 50px;
    background-color: #f0f0f0;
}
.bottom-head-2 {
    text-align: center;
    line-height: 50px;
    background-color: #ddd;
}
.comparison .qbse,
.gerneral-table .qbse{
	background:#0078C1;
	border-top-left-radius: 3px;
	border-left:0px;
}
.comparison .qbo,
.gerneral-table .qbo {
	background:#009E2C;
	border-top-right-radius: 3px;
	border-right:0px;
}
.comparison .price-info {
	padding:5px 15px 15px 15px;
}
.comparison .price-was {
	color:#999;
	text-decoration: line-through;
}
.comparison .price-now,
.comparison .price-now span {
	color: #0E1B23;
}
.comparison .price-now span, .comparison .price-dollar span {
	font-size: 24px;
	font-weight: bold;
}
.comparison .price-small {
	font-size: 18px !important;
	position: relative;
	top: -11px;
	left: 2px;
}
.comparison .price-buy {
background: #70a997;
padding: 10px 20px;
	font-size: 14px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	border-radius: 3px;
	text-transform: uppercase;
	margin: 5px 0 10px 0;
	font-weight: 700;
	letter-spacing: 1px;
}
.comparison .price-buy:hover {
    background-color: black;
}
.comparison .price-try {
	font-size:12px;
}
.comparison .price-try a {
	color:#202020;
}
    .mobile-show{
     display: none;   
    }
    .mobile-hide{
     display: block;   
    }
@media (max-width: 767px) {
	
	.tabs ul{
		justify-content: flex-start !important;
    overflow-x: scroll !important;
		    padding-left: 0;
	}
	.tabs li a {
    padding: 10px 20px;
 }
    .overlay::before {
    background-color: #00000024;
   }
   .home-flasher p {
    font-size: 70px;
    line-height: 70px;
    margin: 20px 0px;
}
.home .webiconbox .icon-spacing {
    text-align: left;
}
.home .icon-spacing h3 {
    font-size: 20px;
}
.home .home-icons {
    text-align: left !important;
}
.home .icon-spacing p {
    font-size: 14px;
}
	.home-icons img {
    width: 70%;
}
	.min-icons-mb .webiconbox {
    text-align: left !important;
}
	.min-icons-mb h3 {
    font-size: 19px;
    margin-bottom: 0px;
}
	.min-icons-mb p {
    font-size: 14px;
    margin-top: 5px;
    line-height: 21px;
}
	.min-icons-mb .home-icons {
    text-align: left !important;
}
.awards h3 {
    font-size: 13px!important;
    margin-bottom: 20px !important;
    text-align: center;
    line-height: 19px !important;
}
	.awards .wpb_single_image {
    margin-bottom: 10px;
}
	.tabset > label {
      padding: 13px 4px;
    font-size: 13px;
}
.big-text p {
    font-size: 16px !important;
}
.portfolio-info .vc_column_container {
    padding: 0px !important;
}
   .wrapper.w-100 {
    margin-top: 20px;
}
 .whatsapp-fx {
        right: 28px !important;
    bottom: 85px !important;
}
   .sp-contact li {
    font-size: 20px;
           line-height: 60px;
   }
   .sp-contact input,
   .sp-contact textarea,
   .sp-contact select{
    width: 100% !important;
   margin: 0px !important;
}
.sp-contact li {
    display: inline;
}
  /*---- landing page responsive mb ---*/
.headers-banner .container {
    padding: 0 30px 20px !important;
        min-height: initial;
}
.landing.headers-banner h1 {
    font-size: 26px;
    line-height: 33px;
}
.landing h4 {
    font-size: 20px;
    line-height: 31px;
}
.limited::after {
    top: 150px;
    right: -69px;
    padding: 4px 14px;
    width: initial;
    padding-bottom: 9px;
    border-radius: 5px;
	font-size: 15px;
	transform: rotate(90deg);
}
.landing .container {
    padding-bottom: 120px !important;
}
.landing .row {
    padding: 50px 28px 0;
    border: 4px dotted #fff;
}
.header-check {
    line-height: 23px;
}
.code {
    line-height: 20px;
}
.promo-code {
    margin-bottom: 20px;
}
.border-left-1 {
    border-top: 1px solid #ececec;
}
#main_countedown_1 .element_conteiner {
    min-width: 61px!important;
}
#main_countedown_1 .time_left {
    font-size: 28px!important;
}
.pricing-box-box.padding-top-30 {
    padding: 0px 0px 40px 0px;
}
.border-top-corner{
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.border-bottom-corner{
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
/*---- landing page responsive mb end---*/
.case-studt-sticky .minus-top {
    margin-bottom: initial;
    margin-top: 30px;
}
.post-featured {
    min-height: inherit;
}
.fancy-header .right-side img {
    width: 100%!important;
    height: initial!important;
}
.call-no a {
    display: block;
}
	 .check-sign::before {
       left: -10px!important;
    font-size: 20px!important;
}
	.wp-block-image img {
    height: initial !important;
}
.ts-imageswitch__handle span {
    width: 42px !important;
    height: 42px !important;
    left: -21px !important;
}
.ts-imageswitch__handle span i.handle_slide {
    height: 18px !important;
    width: 21px !important;
    left: 11px !important;
    top: 10px !important;
}
    h2 {
       font-size: 26px !important;
		line-height: 30px !important;
    }
        h3 {
       font-size: 22px; 
    }
        h4 {
       font-size: 18px; 
    }
    .height-550 {
    height: 300px;
}
.height-500 {
    height: 250px;
}
.pd-30 {
    padding: initial !important;
}
    .padding-50 {
    padding: 25px !important;
}
.padding-100 {
    padding: 50px !important;
}
.big-boxes.pd-top-0 {
    padding-top: 30px !important;
}
.pd-zero .vc_column-inner
{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.padding-top-70 {
    padding-top: 10px;
}
.margin-top-60 {
    margin-top: 20px;
}
blockquote {
    margin: 50px 00px!important;
  }
blockquote p {
    font-size: 18px !important;
    line-height: 26px;
}
.silver {border: 3px #b2b2b2 solid !important;}
.Platinum {	border: 3px #555 solid !important;}
.Gold {border: 3px #e8b954 solid !important;}
.rotate-side {
    height: 80px;
    position: initial;
}

.menu-item-2841::before {
    top: 20px;}
.bubble-price {
width: 152px;
height: 120px;
font-size: 14px;
padding-top: 10px;
}
.bubble-price span {
   font-size: 25px;
letter-spacing: 0px;
}
.fancy-header .pd-last {
    padding-left: 15px;
}
.fancy-header .inline-block {
    width: 100% !important;
}
.fancy-header .right-side {
    margin-left: initial;
    margin-top: initial;
    z-index: -1;
}
.fancy-header .right-side img {
    width: inherit;
}
.headers-banner.sr .col-sm-7 {
    padding-right: 15px !important;
}
.float-img-1, .float-img-2, .float-img-3{
    display:none;
}
.right-form {
    margin-top: 0px;
}
    .fancy-header strong {
    font-size: 18px;
    line-height: 22px;
    margin-top: 0;
}

.col-floating .wpb_column {
    width: 100%;
}
.banner-text-overlap {
       margin-top: -120px;
}
.small-banner .vc_column-inner {
    height: 250px;
    background-position: top !important;
}
.gerneral-box h1 {
    font-size: 55px;
    line-height: 60px;
	}
.big-boxes {
    padding: 0px!important;
}
.display-flex
{
display: flex;
flex-wrap: wrap;
}
.hide-shadow-bg{
    box-shadow: none;
    background-color:transparent;
}
.pack-action.solid-btn {
    width: initial!important;
    padding: 10px 20px;
    font-size: 14px;
    margin-right: 5px !important;
}
.pack-action.see-throw-btn {
    width: initial!important;
    font-size: 14px;
    padding: 9px 10px;
}
.flip-col,
.flip-col-2 {
    display: flex;
}
.flip-col .wpb_column:nth-child(1) {
    order: 2;
}
.flip-col-2 .wpb_column:nth-child(2) {
    order: 2;
}
.center-div {
    left: 7%;
    top: -44px;
    display: inline-block;
    right: 7%;
}
  .overlap-350 {
    margin-top: -200px;
}
.overlap-250{
    margin-top: -200px;
}
.vc_column-inner::before {
    display: initial !important;
}
.rotatetext {
    left: -152px;
}
.rotatetext p {
    font-size:14px;
}
.services-text h2 {
    font-size: 26px;
}
.single-image-float {
    position: initial;
    top: initial;
    right: initial;
    margin-top: -150px;
}
.size-84 h2 {
    font-size: 35px !important;
}
.big-text p br {
    display: none;
}
.table-3-col th {
    width: 50%;
}

#portfolio-banner .visible-content {
    margin-top: initial!important;
}
.contact-settings h1 {
        font-size: 16px;
}
.section-pd {
    padding: 50px 0px;
}
.contact-settings .col-md-6, .contact-settings .col-md-12
{
   padding:0px 0px; 
}

.contact-social .width-50 {
    width: 33%;
}
.big-icons {
    font-size: 13px;
}
.small-icon-settings .methodbox {
    margin-top: 25px;
}
.portfolio-catagories-ul li a {
   padding:7px 12px;
    font-size: 16px;
}
.video-row .height-450 {
    height: 330px;
    background-position: top !important;
}
    .right-banner img {
    width: 100%;
}
.header-check {
    font-size: 15px;
}
.header-shadow::before
{
    display:none;
}
.visible-content p {
    margin-bottom: 18px !important;
}
    .sticky
    {
    position: initial;
    top: initial;
    }
    .overlap-flasher {
  margin-top: -220px;
}
    .vc_row.wpb_row.vc_row-fluid.portfolio-flasher {
    margin-bottom: -267px !important;
}
    .plan-header .price-info {
    padding-top: 10px !important;
}
.plan-header h2 {
     margin-bottom: 0;
}
    li#menu-item-22 {
    margin-bottom: 25px;
}
.contact-flasher .vc_column-inner {
    padding: 25px !important;
}
.contact-flasher h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.how-may {
    padding-left: initial !important;
    padding-top: 0px;
}
.round-circles {
     display: none;
}
	td .call-no {
    color: #2b2b2b;
}
.flip-text {
    margin-bottom: 10px;
}
.flip-text h2 {
    padding-left: 10px;
}
.flip-text > div > div {
    display: flex;
    flex-wrap: wrap;
}
.flip-text :nth-child(1) {
    order: 1 !important;
}
.left-image{
    left: initial;
    position: initial;
    min-width: initial !important;
}
.image-right {
    right:initial;
    position: initial;
   min-width: initial !important;
}
.round-flasher {
width: 170px;
height: 170px;
padding-top: 46px;
top: -30px;
left: 0px;
font-size: 17px;
       }
  .round-flasher.bottom-align {
    left: initial;
    right: 0px;
   bottom: -215px;
       }
.round-flasher h4 {
    font-size: 25px;
   }
.visible-content .sp .big-white-button {
    margin-bottom: 20px;
}
.content-text h2 {
    font-size: 26px;
}
.vc_toggle_title > h4 {
    display: inline;
    font-size: 16px;
}
.commas {
    left: 16px;
font-size: 20px !important;
top: -22px
}
.testimonial h2 {
    font-size: 40px;
    line-height: 20px;
}
.portbox-text p {
    font-size: 14px;
    margin-top: 0px;
}
.testimonials h2 {
    font-size: 41px;
    letter-spacing: -1px;
    line-height: 10px;
}
.blackbtn {
    margin-top: 30px;
}
.call-no {
      margin-bottom: 25px;
   }
   .sr .call-no {
    margin-bottom: 25px;
    margin-top: 8px !important;
    display: block;
}
.sr .call-no a {
    display: initial !important;
}
.project-description {
    margin-bottom: 30px !important;
    padding: 30px!important;
}
    .services-boxes {
    margin-top: 10px !important;
}
    .service-main-box{
    display: flex;
    flex-wrap: wrap;
}
.services-menu-all ul {
    margin-bottom: 0;
}

.hide-mb
{
display: none;
}
     .service-main-box :nth-child(1) {
    order: 1 !important;
}
    .home .header-shadow {
    background: initial;
}
    .scroll-btn.float-left {
    min-width: 100%;
      margin-left: initial;
    margin-bottom: 20px;
}
.float-right {
    display: initial;
}
    .case-studt-sticky {
    position: initial;
    top: initial;
}
    .modal-dialog {
    margin: initial;
}
.modal-content p {
    font-size: 16px;
}
.modal-content h2 {
    font-size: 25px !important;
}
    .case-para span {
    line-height: 27px;
       font-size: 20px;
}
.main-banner {
background-color: #131924;
background-position: center;
display: inherit;
    height: initial !important;
padding: 100px 20px 50px 20px !important;
}
.main-banner::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000000a3 !important;
    top: 0;
    left: 0;
    z-index: 0;
}
.main-banner > div > div {
    z-index: 99;
}
.home .sp a {
    line-height: 30px;
}
.main-banner h3 span {
   font-size: 57px;
font-weight: bold;
letter-spacing: -2px;
}
.col-sm-6.watch-btn p {
    line-height: 12px;
}
.main-banner p span,
.main-banner p,
.main-banner p{
    text-shadow: none;
}
    .popover-content img {
    width: 100%;
}
    .seo-popup .popover {
left: 0px !important;
}
.seo-sticky {
    position: initial;
    top: initial;
}
    .little-pd {
    padding-left: 0px!important;
}
.bullets-points h5 br {
    display: none;
}
.visible-content {
    max-width: 100% !important;
    display: block !important;
    font-size: 17px !important;
    margin-left: 0;
    line-height: 23px;
}
.visible-content br,
.orange-text-g br{
    display: none;
}
.visible-content .call-no {
      font-size: 22px;
    text-align: left;
}
    .shirnk-banner {
    margin-top: 70px;
    padding-right: initial;
    text-align: center !important;
}
.text-message {
    margin-bottom: 30px !important;
    text-align: left;
    float: left;
}
.text-message.text-message-right {
float: right;
text-align: right;
padding-right: 20px;
}
    .gerneral-box h2 {
    margin-bottom: 20px !important;
    }
    .google-btn {
    font-size: 16px;
}
    .table-column {
    padding-top: 20px
    }
    .key-words h2 {
    line-height: 80px;
    text-align: center;
}
    .bottom-head {
    display: block !important;
}
.gerneral-table {
    font-size: 14px;
}
.gerneral-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.runing-counter .ts-counter-icon-holder {
    margin: 0 auto !important;
}
    .runing-counter {
    margin-bottom: 60px !important;
}
.case-para {
    margin-bottom: 30px !important;
}
.case-para h2 {
    margin-top: 40px;
}
.case-pd {
    padding: 0px 20px;
}
.height-zero {
    display: none;
}
.margin-60
{
margin-top: 0px;
}
.padding-60
{
padding-top: 30px;
}
.margin-bt-60
{
margin-bottom: 30px!important;
}
    .big-text h2 {
    font-size: 28px !important;
}
.big-text h3 {
    font-size: 25px;
}
.big-text h2 br,
.big-text h3 br,
.services-text h2 br{
    display: none;
}
    .faqx {
    margin-top: 0px;
    margin-bottom: 40px !important;
}
    .p-visible .call-no {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 18px;
}
    .seo-pd {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.number-flash a {
    font-size: 19px;
}
.minus-top {
    margin-top: -90px;
    margin-bottom: initial;
}
.seo-points {
    margin-bottom: 30px !important;
}
.top-padding {
    padding: 10px 10px 30px 10px;
}
.bullets-points h2 {
    font-size: 28px;
}
.bullets-points h5 {
    font-size: 19px;
}
.contact-flasher {
    margin-top: 30px;
}
.left-space {
    padding: 0px;
    text-align: center;
}
.left-space .arow-btn {
    margin-left: 0;
    margin-top: 22px;
display: block;
}
.left-space .view-button {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.conter-col {
    margin-top: 20px;
    text-align: center !important;
}
.counter-no {
   text-align: center !important;
   border-bottom: 2px solid #dbdcd6;
}
.case-study h3 {
    font-size: 25px;
    line-height: 30px;
}
.case-study {
    padding: 0px 20px 20px 30px;
}
.left-column.case-count {
    border: none;
}
.case-study .big-orange-button {
    width: 100% !important;
    margin-bottom: 20px;
}
    .big-white-button {
    padding: 7px;
}
    .thankyou br {
    display: none;
}
.thankyou h4 {
    font-size: 30px;
}
.thankyou {
        padding-bottom: 30px;
    padding-top: 40px;
}
.home .ecommerce-sec .vc_column-inner {
    padding-top: 0 !important;
}
.freebies h3 {
    font-size: 20px;
    margin-bottom: 20px !important;
    margin-top: 10px;
}
.dn-images {
    width: 100%;
}
.download-right {
    padding-left: 0px !important;
}
.dn-heads h1 {
    font-size: 25px;
}
.dn-box {
    padding: 30px;
}
.footer-flasher {
    display: initial;
    border: none;
    border-radius: initial;
}
footer {
    background: none;
    background-color: #000;
}
.testmonial-carousal .owl-dots .owl-dot {
        margin: 0px 4px !important;
    margin-bottom: 30px !important;
}
    .dn-right {
    border-right: none;
}
.dn-box {
    margin-bottom: 35px !important;
}
.dn-images {
    margin-bottom: 30px !important;
}
.btn-align-right {
    text-align: left;
}
.all-dn .vc_column-inner {
    margin-bottom: 30px;
}
.download-right > div {
    padding-top: 0px !important;
}
.last-message p {
    text-align: left;
    padding-top: 33px;
    font-size: 20px;
}
.pd-bottom {
    padding-bottom: initial;
}
.pd-300 {
    padding-bottom: 250px;
}
.vc_row.wpb_row.vc_row-fluid.overlap-back.pd-top.vc_custom_1566161124407.vc_row-has-fill {
    margin-top: -100px !important;
}
.qa-form h2 {
    text-align: center;
    display: block;
    padding-bottom: 20px;
}
.pd-top {
    padding-top: 250px;
}
.height-450 {
    height: 250px;
}
    .blog-inner .post-entry {
    padding-right: 0px !important;
    border-right: none;
}
.inner-post h1 {
    text-align: center!important;
    display: block!important;
}
.headers-banner.inner-post {
    padding-top: 30px !important;
}
    .post-info {
   text-align: center !important;
margin-top: -5px !important;
padding-left: initial;
display: block;
margin-bottom: 0;
}
    .headers-banner p {
  width: 100%;
  line-height: 22px;
font-size: 18px;
margin-bottom: 30px;
}
.arrow-banner p {
    display: none !important;
}
.arrow-banner {
display:none!important;
}
.headers-banner.p-visible p {
max-width: 100%;
display: block;
font-size: 17px;
}
.headers-banner .container {
    padding: 0px 30px 30px 30px
}

.headers-banner.p-visible {
    text-align: left;
}
.headers-banner
{
    padding-bottom: 0px !important;
    height: inherit;
   padding-top: 50px !important;
}
.headers-banner h1 {
       text-transform: capitalize;
    font-size: 26px!important;
    line-height: 30px!important;
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: 0px;
    margin-top: 30px;
}
.headers-banner h1::after {
    display: none;
}
    .custom-colors-code {
    margin-top: 0px;
}
    .questionnaire h2 {
    font-size: 19px;
    line-height: 22px;
}
.questionnaire h2 br {
    display: none;
}
.questionnaire p {
    font-size: 16px;
    line-height: 22px;
}
.steps {
    left: 17px;
    top: -20px;
}
.color-guids {
    margin: 0 auto;
}
.wpcf7-list-item-label {
    line-height: 20px;
}
    .blog-main-text h5 {
    font-size: 26px;
    padding-top: 0px;
    margin-bottom: 30px !important;
}

    .services-text > div > ul {
    padding-left: 16px;
    }
    .testimonial-grid .col-sm-4 {
    padding: 0 !important;
}
        .blog-sticky {
    position: static !important;
}
.sbar-cont {
    height: initial !important;
}
    .vc_row{
margin-left: 0px !important;
margin-right: 0px !important;
}
    .qa-form {
    margin-top: 70px !important;
}
	.chat li a{
		    display: inline-block;
		border-radius:6px; 
		margin-top:20px;
		padding: 12px 13px 10px 13px;   
     font-size: 14px !important;
    letter-spacing: 1px;
    border: 2px #fff solid;
    cursor: pointer;
	}
	.chat-left {
    margin-right: 10px;
}
	.chat a{
	    margin: 20px auto 0px;
    width: initial;
    font-size: 15px;
	}
	.chat li:nth-child(2){
		display:none;
	}
	.chat-right{
		display:block;
	}
	.footer-logo {
    width: 200px;
}
    footer h3 {
    font-size: 15px;
		        margin-top: 30px;
    }
    .main-cat h1 {
    font-size: 41px;
}
    .left-column {
    width: 100%;
    float: none;
}
.right-column {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-top: 25px;
}
	.logo-area {
		max-width:70%;
	}
	.portfolio-thumnail .inner-thumb {
		width:100%;
	}
	.portfolio-thumnail .inner-thumb {
		width:90%;
	}
	.space {
		margin-top:30px;
	}
	.social-icons {
		padding:0px;
	}
	footer p {
		display:none;
	}
	.copyright {
		display:block;
float: none;
margin-top: 20px;
font-size: 11px;
	}
	.footer-contact-info {
    width: 100%;
    border: none;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.footer-phone span, .footer-email span {
    top: 5px;
    margin-left: initial;
    padding: 0;
        margin-bottom: 20px;
}
.copyright img {
    display: none;
}
.footer-bottom ul li:nth-child(1) {
    font-size: 20px !important;
    display: block;
    border: none;
    width: 100%;
}
#menu-footer-menu {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.footer-bottom ul li:nth-child(1) a {
  
    border: none;
}
.footer-bottom ul li:nth-child(2) a {
    margin-right: 10px;
}
.footer-bottom ul li a {
    padding: 16px;
}
#menu-footer-menu li {
    text-align: center;
    margin: 0 auto;
    display: contents;
}
.footer-phone span +span {
    border-left: none;
    padding-left: initial;
    line-height: 0px;
        margin-top: initial;
        margin-bottom: 20px;
}
	footer h1 {
		font-size:30px;
	}
	.footer-bottom ul {
    float: none;
    text-align: center;
    padding-left: 0;
    display: inline-block;
}
	.footer-bottom {
		border-top:3px solid #70a997;
		display: flex;
flex-wrap: wrap;
width: 100%;
	}
	.footer-bottom :nth-child(1) {
    order: 2;
}
.footer-bottom > div {
    margin: 0 auto;
}
	.trans-btn {
		display:inline-block;
		margin-left:0px;
		min-width:190px;
		margin-bottom:10px;
	}
	.founder-sec-1,
	.founder-sec-2 {
		background:none;
		margin-top:0px;
		padding:0px 15px;
	}
	.founder-sec-1>div,
	.founder-sec-2>div {
		background:#fff;
		padding:10px 15px;
	}
	.img-section-2 {
		padding-left:15px;
	}
	.get-quote-action h2 {
		    font-size: 26px;
	}
	.get-quote-action h3 {
    margin-bottom: 22px;
    font-size: 22px;
}
	.button-quote {
		font-size:14px;
		padding:9px 10px;
		width:100%;
	}
	.img-section-2 img {
		width:100%;
	}
	.team-member-left .padding-left-0,
	.team-member-right .padding-left-0 {
		padding-left:15px;
	}
	.team-member-left .padding-right-0,
	.team-member-right .padding-right-0 {
		padding-right:15px;
	}
	.member-intro {
		background:none;
		padding:0px 15px;
	}
	.member-intro>div {
		background:#fff;
		padding:15px 15px;
	}
	.team-member-right img,
	.team-member-left img {
		margin:0px;
	}
	.member-intro h4,
	.member-intro h3 {
		float:none;
		padding-left:15px;
		padding-bottom:0px;
	}
	.member-intro h4:after {
		display:none;
	}
	.member-intro p {
		margin-top:25px;
	}
	.member-intro h3:after {
		width:5px;
		height:50px;
		margin-right:10px;
		top:2px;
		bottom:auto;
	}
	.contact-details .textwidget>div>div>span,
	.contact-details h3,
	.contact-details h4 {
		float:none;
	}
	.write {
		margin-bottom: 25px!important;
	}
	.contact-details h4 {
		margin-bottom:10px;
	}
	.contact-details h3 {
		width:100%;
	}
	.contact-details {
		text-align:center;
	}
	.about-team {
		padding-top:20px;
	}
.blog-area {
        padding: 50px 0px 30px 0px;
}

#toc_container {
    padding: 30px 30px !important;
}
.main-cat {
    background: #2f2f2e;
    padding: 40px 20px 60px;
}
    .portfolio-thumnail {
    position: initial;
    }
    .contactform>div {
    padding: 10px !important;
}
    .mediumbtn {
    margin-top: 0px !important;
    margin-bottom: 39px !important;
}
    	.sp .big-white-button {
		margin-top: 8px!important;
		min-width: 100%!important;
		max-width: 100%!important;
		float: none
	}
	.sp .big-orange-button {
	margin-top: initial;
		min-width: 100%!important;
		max-width: 100%!important;
		float: none!important;
		margin-right: 0px!important;
	}
	.sp .big-black-button {
		margin-top: 15px!important;
		min-width: 100%!important;
		max-width: 100%!important;
		float: none
	}
	footer {
    padding: 50px 20px 70px 20px
}
	
	footer .social-icons li a{
     margin: 11px auto 0px;
    width: initial;
    font-size: 16px;
    padding: 2px;
    float: left;
    line-height: 13px;
    background-color: transparent;
    text-transform: capitalize;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 8px;
	}
 
.footer-phone {
    padding: 0px 0px 35px;
}
.main-text-box .vc_column-inner {
    padding-left: 15px !important;
}

   .flasher-price {
    left: 0;
    position: initial;
    width: 260px;
    height: 150px;
    border-radius: 200px;
    padding-top: 25px;
    margin-top: 20px;
	           margin-bottom: 20px;
}
    .Starter-kit {
    width: 100%;
}
   .counters {
    text-align: left;
    margin-bottom: 20px !important;
    margin-top: 20px;
   }
    .full-logo {
    margin-top: 0px;
    }
    .art-logo-text, .art-logo-text h1, .art-logo-text h2 {
    text-align: left;
    margin-top: 50px;
}
.logo-right {
    float: none;
    width: 25%;
    display: block;
    margin-top: 40px;
}
.logo-left {
    float: none;
    width: 100%;
}
.ending-notes p {
    font-size: 18px;
    text-align: left;
}
.icon-left{
    text-align:left!important; 
}
    .text-center
{
       text-align: center;
}
.padding-zero > div {
   padding-top: 0px !important; 
}
    	.chat li,
	.chat-left a{
		display: inline-block;
	}
	.footer-social{
		float: none; 
		padding-left: 0;
		width:100%;
		padding-bottom: 10px;
	}
	.social-icons li{
		margin:0px; 
		border:none !important;
	}

	.sd-owl-item p{
	font-size: 18px !important;
line-height: 25px !important;
letter-spacing: initial !important;
	}
	.testmonial-carousal .owl-dots {
    margin-top: 20px;
}
    .services-headings br
    {
        display:none;
    }
    .services-headings {
    text-align: left;
      
    }
    .logoimg
{
margin-top: 0px;
margin-bottom: 0px !important;
}
    .service-main-box .webiconbox,
    .packages-left .webiconbox {
    text-align: left;
}
.stamp {
    text-align: center !important;
}
    .ecommerce-sec {
    text-align: left;
}
    .main-banner {
    padding: 50px 20px 60px 20px;
    }
    .main-hm {
        font-size: 27px;
        margin-bottom: 20px;
        line-height: 1.3;
    }
    .main-banner p {
       font-size: 18px;
    }
    .services-main-side p {
 width: 100%;
}
     .methodbg .vc_column-inner {
background-size: 70% !important;
}

.Process {
    width: 100%;
}
.methodbox h3
{
font-size: 25px;  
color: #35434a;
letter-spacing: -1px;
}
.hidespace
{
 height: 0px !important;   
}
.methodbox
{
padding-left:0px;
padding-right:0px;
}
.Process h2
{
  font-size: 50px;
  letter-spacing: -1px;
}
.Process
{
margin-bottom: 70px;
padding-left: 0px;
}	.abouttext h2 {
    font-size: 20px;
    margin-top: 13px;
    margin-bottom: 30px !important;
}
	.contactinfo1 {
    width: 100%;
}
.contactinfo2 {
    width: 100%;
}
.teamp p {
    font-size: 14px;
    line-height: 20px;
}	
	.teamp {
    margin-top: 20px;
    margin-left: 0px;
}
	.teamp h6 {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 22px;
    line-height: 23px;
    margin-left: 0px;
    color: #ee5622;
}
.teamtext {
    margin-top: 70px;
    margin-left: 0px;
}

.teamtext h2 {
    font-size: 42px;
}
.video-box { padding-top: 350px !important; }
.teamimg {
    margin-top: 35px;
}
.teaminfo h2 {
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 30px;
}
	.firstletterleft {
    display: none;
}
	.firstletter{
    display: none;
}
.family {
    margin-top: 60px;
    margin-left: 0px;
}
	.bgbigtext {
    display: none;
  }
 .founded-box .fbox-2 {
   
    top: 155px;
    left: 137px;
}
		.founded-box .f-box {
  
    position: absolute;
    top: 40px;
    left: 20px;
}
	
	.bgbigtextteam {
    font-size: 230px;
    top: -646px;
    right: 0px;
}
	.teaminfo {
    width: 100%;
}
	
	.teamimg-1 {
    margin-top: 70px;
	}
	.teamimg-1 {
    margin-top: 70px;
	}

.firstletteraward
{
	display:none;
}
.ourfamilyleft
{
	display:none;
}

.ourfamilyright
{
	display:none;
}
.pakistan {
    font-size: 120px;
    top: -37px;
    right: -15px;
}
.applynow {
    margin-top: 80px;
    padding-left: 0px;
}
.familyrow2 {
    top: 0px;
}
.pakimg {
    margin-top: 60px;
}
.apply {
    width: 53%;
}
.family h1 {
    font-size: 52px;
}
.proud
{
	margin-top:30px;
}
    .services-main-right .webiconbox {
    text-align: left;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    }
.services-main-side {
    padding-top: 30px;
      padding-bottom: 0px;
}
.services-main-side br{
    display: none;
}
.border-top {
    border-top: none;
}
.mobile-show{
     display: block;   
    }
    .mobile-hide{
     display: none;   
    }
	.sticky-row {
		top: 0;
	}
	.main-text-box {
		width: 100% !important;
		margin-top: 10px;
	}
	.services-text {
	   padding: 0px;
	}
	.services-menu {
	    padding-left: 10px !important;
		width: 100% !important;
		    position: static !important;
    top: 0px;
   }
		.view-button {
		margin-left: initial;
margin-bottom: 30px !important;
margin-top: 10px;
	}
	.logoimghome {
		display: none;
	}
	.methodbox {
	    text-align: left;
	}
	.webrow {
		margin-top:30px;
	}
.bgbigtextwork {
    display: none;
}
	.portfolio-logo {
		text-align: center !important;
	}
	.comparison td:first-child,
	.comparison th:first-child,
	.gerneral-table td:first-child,
	.gerneral-table th:first-child {
		display: none;
	}
	.comparison tbody tr:nth-child(odd),
	.gerneral-table tbody tr:nth-child(odd){
		display:table-row !important;
		background:#F7F7F7;
	}
	.comparison .compare-row,
	.gerneral-table .compare-row{
    display: table-row !important;
	}
	.exprow{
		display: none;
	}
	.comparison .row {
		background:#FFF;
	}
	.comparison td,
	.comparison th {
		border:1px solid #CCC;
	}
	.price-info {
		border-top: 0 !important;
		padding-top: 20px !important;
	}
	.comparison table thead tr:first-child th,
	.gerneral-table table thead tr:first-child th{
		padding: 0;
	}
	
	
}
.ecommerce-website-packages section.contact-us {
	padding: 0px 0px 0px 0px;
}
.vc_toggle_content p {
	font-size: 16px;
	line-height: 24px;
	margin-top: 3px;
	 margin-bottom: 15px;
}
@media (max-width: 639px) {
	.silver h3,
	.Gold h3,
	.Platinum h3{
font-size: 15px;
vertical-align: middle;
line-height: 30px;
padding: 0;
margin: 0;
			}
	.silver,
	.Platinum,
	.Gold
	{
		width: 100%;
		height: 40px;
	}
		.comparison .price-buy {
		padding:5px 10px;
	}
	.comparison td,
	.comparison th {
		padding: 10px;
	}
	.comparison .hide-mobile {
		display:none;
	}
	.comparison .price-now span, .comparison .price-dollar span {
		font-size:16px;
	}
	.comparison .price-small {
		font-size: 16px !important;
		top: 0;
		left: 0;
	}
	.comparison .qbse,
	.comparison .qbo {
		font-size:12px;
		padding:10px 5px;
	}
	.comparison .price-buy {
		margin-top:10px;
	}
	.compare-heading {
		font-size:13px;
	}
.compare-row td .tables-info {
    position: initial !important;
    margin-left: 0px !important;
    margin-right: initial !important;
    float: none;
    font-size: 16px;
}
}
.blog-main-text li {
    font-size: 17px;
}
.main-cat{
	background:#000;
	color:#fff;
	padding:120px 0px 60px;
}
.main-cat h1{
	color:#fff;
	font-size:55px;
}
.main-cat h1 span{
	display:block;
	text-transform:uppercase; 
	font-size:20px;
	letter-spacing:2.5px;
}
.main-cat 
 .user-bottom-info {
    border-right:none;
    padding: 0px;
    background-color: transparent;
}
.main-cat  .user-bottom-info > .row{
	border:none;
	padding:0px ;
}
.main-cat  .author-pic img{
	width:102%;
}
.main-cat  .user-bottom-info ul{
	text-align:left;
}

.sd-owl-item h4{
	color:#868686;
	font-size:15px;
	margin-bottom: 5px;
}
.sd-owl-item h3{
text-transform: uppercase;
letter-spacing: 1px;
color:#000;
font-weight: bold;
font-size: 16px;
margin-bottom: 3px;


}
.sd-owl-item .stars-list{
	padding:0px; 
	margin:0px 0px 10px;
}
.sd-owl-item p{
font-size: 35px;
color: #0a0a0a;
letter-spacing: -1px;
line-height: 43px;
margin-bottom: 30px !important;
margin-top: 0;
}
.testimonial-grid p {
  font-size: 18px;
line-height: 25px;
letter-spacing: 0px;
}
.testimonial-grid .img-thumb {
  float: none !important;
margin-bottom: 20px !important;
}
.sd-owl-item .stars-list::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";
    color: #70a997;
    float: left;
}
.sd-owl-item .img-thumb{
	border-radius: 50%;
    margin-bottom: 1rem;
    box-shadow: 2px 2px 12px rgba(0,0,0,.1);
 height: 80px;
width: 80px;
overflow: hidden;
float: left;
margin-right: 20px;
}
.thumb-text {
    display: block;
    padding-top: 10px;
}
.sd-owl-item .img-thumb img{
display: block;
    width: 100%;
    height: auto;
    margin: 0px;
}
.testmonial-carousal .owl-dots{
    margin-top: 24px !important;
    text-align: left !important;
}
.testmonial-carousal .owl-dots .owl-dot{
	display:inline-block;
margin: 0px 10px 0px 0px;
}
.testmonial-carousal .owl-dot.active span{
	background: #000;
}
.testmonial-carousal .owl-dot span{
	width: 10px;
height: 10px; 
	border-radius:50%;
	display:block; 
	background:#d3d3d3;
	margin:0px !important;
}
.testimonial-grid img{
	width:100%; 
	height:auto;
}
.testimonial-grid .col-sm-4{
	margin-bottom:35px;
	padding:0px 35px;
}
.testimonial-grid .col-sm-4:nth-child(3n+1){
	clear:left;
}
.chat li + li{
	position:relative;
}
.footer-anime .chat li:nth-child(2) .fa {
	-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 3s;
	position:absolute;
	bottom:17px;
}
.footer-anime .chat li:nth-child(2) .fa ~ .fa {
	-webkit-animation:linear infinite alternate;
-webkit-animation-name: run1;
-webkit-animation-duration: 3s;
	position:absolute;
	bottom:17px;
}
.footer-anime .chat li:nth-child(1) a{
	-webkit-animation:linear 2 alternate;
-webkit-animation-name: example1;
-webkit-animation-duration: 3s;
}
.footer-anime .chat li:nth-child(3) a {
	-webkit-animation:linear 2 alternate;
-webkit-animation-name: example;
-webkit-animation-duration: 3s;
}
@-webkit-keyframes run {
    0% { left: 20px;}
	22% { left: 10px;}
	42%{ left :15px;}
    60%{ left :10px;}
    100%{ left: 20px;}
}
@-webkit-keyframes run1 {
    0% { right: 20px;}
	22% { right: 10px;}
	42%{ right :15px;}
    60%{ right :10px;}
    100%{ right: 20px;}
}

@-webkit-keyframes example {
  0%   {background-color: transparent;}
  22%  {background-color: #047fff;}
  42%{ background-color:transparent;}
    60%{ background-color:#047fff;}
    100%{ background-color:transparent;}
}
@-webkit-keyframes example1 {
  0%   {background-color: transparent;}
  22%  {background-color: #01c501;}
  42%{ background-color:transparent;}
    60%{ background-color:#01c501;}
    100%{ background-color:transparent;}
}
/* test */
.row1{
	width: 100%;
	display: table;
	height: 100%;
	margin: 0 auto;
}
.main-col-1{
	display: table-cell;
	float: none;
	position: relative;
}
.main-col-1 > div {
	margin-left: -15px;
	margin-right: -15px;
}
.main-col-1  div:nth-child(2) {
	height: 180px;
}
.main-col-1  div  h3{
	margin-top: 60px;
	margin-left: 15px;
	text-align: left;
	color: #2e2e2e;
    text-transform: none;
    font-weight: 900;
    font-size: 54px;
    font-style: normal;
    margin: 0px 0px 10px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box-1{
	padding: 30px 30px 0px;
    border: 1px solid #d1dfe9;
}
.box-1 > div > div{
	margin-bottom: 20px;
	float: left;
	width: 50%;
}
.box-1  div  div  input{
	border-radius: 30px;
}
.box-1 div  div  input::placeholder{
	color:#e5e5e5;
}
.box-1  div  div  .form-control{
	width: 85%;
    height: 50px;
    padding: 6px 18px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
.website-box{
	padding: 30px 30px 20px;
	border: 1px solid #d1dfe9;
	margin-bottom: 30px;
}
.website-box > div > div > h4{
    color: #b8285a;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    font-size: 18px;
}
.website-box > div > div > h4[role=button], .brand-box > div > div > h4[role=button]{
	cursor: pointer;
}
.website-box div > div > h4 > img{
	position: relative;
    top: -1px;
    left: 727px;
    width: 12px;
    height: 12px;
}
.website-box > section>  section > div > div > h4{
	margin-top: 20px;
	margin-left: 15px; 
	margin-bottom: 30px;
	color: #b8285a;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: none;
}
.website-box  section .item input[type=checkbox]{
	float: none;
    position: relative;
    /* z-index: 999; */
    height: 48px;
    opacity: 0;
}
.website-box  section .quantity input[type=text]{
    width: 45%;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #d1dfe9;
    text-align: center;
    font-size: 12px;
}
.website-box  section .item span{
	position: relative;
    color: #5c6468;
    font-size: 14px;
    padding: 17px 15px;
    border-radius: 50px;
    line-height: 0;
    top: -17px;
    background: #fff;
    border: 1px solid #d1dfe9;
    width: 100%;
}
.website-box .item, .website-box .quantity{
	margin-bottom: 10px;
}
.website-box > section .item small{
	display: inline-block;
    text-align: right;
    width: 78%;
    padding-right: 15px;
    font-size: 13px;
}
.brand-box{
	padding: 30px 30px 20px;
	border: 1px solid #d1dfe9;
	margin-bottom: 30px;
}

.brand-box > div > div > h4{
    color: #b8285a;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    font-size: 18px;
}
.brand-box div > div > h4 > img{
	position: relative;
    top: -1px;
    left: 827px;
    width: 12px;
    height: 12px;
}
.comparison table tbody tr:last-child,
.gerneral-table table tbody tr:last-child{
	display: table-row !important;
	border-bottom: none;
}
.compare-row td .tables-info {
       display: inline-grid;
    margin-left: 10px;
}
/* web packages end */