@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'ralewaythin';
    src: url('../fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('../fonts/raleway-thin-webfont.woff') format('woff');
    font-weight: normal;    font-style: normal;}

body {    font-family: sans-serif;    font-size: 15px;    line-height: 1.6;    color: #222;    font-weight: 400}
.open-sans body {    font-family: 'Open Sans', sans-serif}
a {    color: #34c2f1;    transition: all .3s ease-in-out;    text-decoration: none}
a:hover {    color: #37cea6;    text-decoration: none}
img {    max-width: 100%;    height: auto}
.lazyloader-icon {    width: 20px !important;    height: auto}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {    font-family: 'ralewaybold';    line-height: 1.2;    color: #3e3d4e;    padding: 0}
.front .page-title .page-header {   margin-bottom: 30px}
.top-services {    text-align: center;    background: #fff;padding: 20px 10px;margin-bottom: 30px;border-radius: 20px;box-shadow: 0 0 14px    rgba(225, 225, 225, 0.2);}
.shortdesc {    display: block;    min-height: 225px}
.top-services img {    display: inline-block}
.top-services strong {    color: #343333;    font-size: 23px;    text-transform: capitalize;    margin-bottom: 15px;    font-weight: 300;    font-family: ralewaylight; line-height: 1.2;   min-height: 55px;display: block;}
.top-services strong span {    font-weight: 800;    font-family: ralewayextrabold}
.content-top {    background: url("../img/dot-pattern.jpg") repeat;        background-size: auto;    padding-bottom: 10px;    position: relative;    clear: both;    overflow: hidden;    background-size: auto;}
.content-top .container {    position: relative}
.top-services a {    display: inline-block;    padding: 10px 30px;    font-weight: 400;    border-radius: 50px;    background: #2d4f79;    color: #fff;    font-size: 12px;    text-transform: uppercase;    text-decoration: none; margin-top: 15px;}
.top-services a:hover {    color: #fff;    background: #222}

@media (min-width:1200px) {
.container {        width: 100%;        max-width: 1246px    }
}



.free-consultation h2 {    margin-top: 30px;   text-align: center;    font-weight: 800;    font-size: 43px;    line-height: 1.5;    font-family: ralewaybold;    color: #3e3d4e}
.free-consultation h6 {    margin-top: 30px;   text-align: center;    font-weight: 800;    font-size: 43px;    line-height: 1.5;    font-family: ralewaybold;    color: #3e3d4e}
.text-200 {    display: block;    text-align: center;    font-weight: 200;   font-family: ralewayextralight}
.text-500 {    display: block;    text-align: center;    font-weight: 500;    font-family: ralewaymedium}
.free-consultation a.button {    background: #2d4f79;    color: #fff;    display: block;    text-align: center;    font-size: 39px;    font-weight: 800;    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);    max-width: 365px;    margin-left: auto;    margin-right: auto;    margin-top: 20px;    font-family: ralewaybold;padding-top: 5px;}

#block-block-2 {       text-align: center;    padding-top: 20px;    font-size: 18px;    font-weight: 300;    margin-bottom: 30px}
.mobile-tablet-friendly h2 {    font-weight: 100;    font-size: 83px;    line-height: 1;    margin-bottom: 50px;    color: #3e3d4e;    font-family: ralewaythin}
.mobile-tablet-friendly h2 strong {   font-family: ralewayextrabold;    font-weight: 800;    display: block}
#block-block-6 p {margin-top: 0%}
.footer-bottom .block-block p {    font-size: 16px;    font-weight: 300;    color: #fff;    line-height: 26px;margin-bottom: 10px;  }
.footer-bottom .block-block p a {    color: #fff;display: inline-block;}
.footer-bottom .block-title {    font-family: ralewayextrabold;    font-weight:300;color:#fff;    font-size: 24px;    position: relative;display: block;margin-bottom: 20px;}
.footer-bottom .block-title:after  {    content: '';    border-top: 1px solid;    position: absolute;    width: 75px;    top: 20px;    margin-left: 5px;}
#block-block-8 ul {    margin: 0;    padding: 0;    float: left;    width: 50%}
#block-block-8 ul li {    list-style: none;        padding-left: 10px;    line-height: 32px;margin-bottom: 10px;}
#block-block-8 ul li a {    display: block;    color: #fff;    font-size: 18px;    font-weight: 300}
#block-block-9 ul {    margin: 0;    padding: 0}
#block-block-9 ul li {    list-style: none;    position: relative}
#block-block-9 ul li a:before {    content: "";    border-bottom: 1px solid #fff;    position: absolute;    width: 20px;    top: 27px;    left: 47px}
#block-block-9 ul li a {    padding: 12px 10px 12px 75px;    display: block;    color: #fff;    font-size: 17px;   font-weight: 300}
#block-block-9 ul li.facebook-link a {    background: url(../img/facebook-icon.png) left no-repeat}
#block-block-9 ul li.twitter-link a {    background: url(../img/twitter-icon.png) left no-repeat}
#block-block-9 ul li.linkedin-link a {    background: url(../img/linked-in.png) left no-repeat}
#block-block-9 ul li.pinterest-link a {    background: url(../img/pinterest.png) left no-repeat;background-size: 38px;}
#block-block-9 ul li.Instagram-link a {    background: url(../img/if_Instagram_1298747.png) left no-repeat;    background-size: 38px}
#block-block-9 ul li.youtube-link a {  background: url(../img/youtube.png) left no-repeat; background-size: 37px;}
.footer_bottom {    margin: 50px}
ul.tc-menu {    margin: 0;    padding: 0;text-align: right;}
ul.tc-menu li {    margin-right: 10px;    padding: 0;    list-style: none;    float: none;display: inline;border-right: 2px solid #fff;padding-right: 10px;}
ul.tc-menu li:last-child {    margin-right: 0;    padding-right: 0;    border-right: none;}
ul.tc-menu li a {    padding: 0;    color: #fff;    font-size: 15px; font-weight: 300;}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {    background-color: transparent;    border-color: transparent;    color: #0ff}
.page-title {    clear: both;    overflow: hidden}
.block-image { position: relative;text-align: center; margin-bottom: 22px}
.block-image img {margin: 0 auto;}
.block-body strong {color: #3e3d4e;    font-size: 36px;    font-weight: 800;margin-bottom: 0px;    font-family: ralewayextrabold}
.block-body p {font-size: 16px; text-align: center;}
.block-body { font-size: 18px; color: #000; text-align:center;    font-weight: 300; line-height: 1.5}
.block-body a {    font-size: 16px;    font-weight: 900;    color: #2d4f79;    text-transform: uppercase;    position: relative;    font-family: ralewayextrabold} 
.block-body a:after {    content: "\f30b";    font-size: 14px;    font-family: "Font Awesome 5 Free";    padding-left: 5px}
.content-middle-wrapper { width: 100%;    overflow: hidden;    clear: both;    background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: no-repeat;    background-position: left 0;    padding-top: 50px;    padding-bottom: 0;    position: relative;   background-image: url(../img/about-bg.png);}
.content-middle-inner {    max-width: 1369px;    margin-left: auto;    margin-right: auto}
#block-block-3 h2 {    font-size: 70px;    font-weight: 100;    margin-bottom: 15px;    font-family: ralewaythin;    color:     #3e3d4e;    padding: 0;}
#block-block-3 h2 strong {    font-weight: 800;    font-family: ralewayextrabold}
#block-block-3 h3 {    font-size: 70px;    font-weight: 100;    margin-bottom: 15px;    font-family: ralewaythin;    color:     #3e3d4e;    padding: 0;}
#block-block-3 h3 strong {    font-weight: 800;    font-family: ralewayextrabold}
.res-view-row h3 {    color: #3e3d4e;    font-size: 22px;    font-weight: 800; margin-bottom:0px;    font-family: ralewayextrabold}
.res-view-row .responsive-title {    color: #3e3d4e;    font-size: 22px;  display: block;  font-weight: 800; margin-bottom:0px;    font-family: ralewayextrabold;line-height: 1.2;}
.res-view-row p {    font-size: 17px;   text-align: justify;}
.res-view-row {    background: url(../img/responsive-design/Best-Web-Development-Approach.svg);background-size: 70px;background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-repeat: no-repeat;    padding-left: 0;    background-position: left 5px;    font-size: 18px;    font-weight: 300;    margin-bottom: 45px;   padding-top: 60px;}
.res-view-row.res-view-row-2 {    background: url(../img/responsive-design/Responsive-and-Fluid-Design.svg);    background-repeat: repeat;background-size: 70px;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-repeat: no-repeat}
.res-view-row.res-view-row-3 {    background: url(../img/responsive-design/Modern-UI-UX-Responsive.svg);    background-repeat: repeat; background-size: 70px;   background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-repeat: no-repeat}
.view-front-portfolio .portfolio-item .views-field-field-image {    margin-bottom: 15px;    overflow: hidden;    position: relative}
.view-front-portfolio .portfolio-item .views-field-field-image img {    -webkit-transition: .3s ease-in-out;    transition: .3s ease-in-out;   width: 100%;    height: auto}
.view-front-portfolio .portfolio-item .views-field-field-image:hover img {    -webkit-transform: scale(1.2);    transform: scale(1.2)}
.view-front-portfolio .bx-controls {    max-width: 160px;    position: relative;    margin: 30px auto}
.view-front-portfolio .bx-wrapper .bx-controls-direction a {    top: auto;    bottom: -45px}
.view-front-portfolio .bx-wrapper .bx-prev {
    background: url(../img/left-arrow.png) no-repeat;        background-position-x: 0%;        background-position-y: 0%;    background-position-x: 0%;    background-position-y: 0%;    background-position: center;    border: 2px solid     #3e3d4e;    width: 62px;    height: 62px;    display: inline-flex;    margin-right: 10px;}
.view-front-portfolio .bx-wrapper .bx-next {    background: url(../img/right-arrow.png) no-repeat;        background-position-x: 0%;        background-position-y: 0%;    background-position-x: 0%;    background-position-y: 0%;    background-position: center;    background-position: center;   border: 2px solid    #3e3d4e;    width: 62px;    height: 62px;    display: inline-flex;    margin-left: 10px;}
.view-our-blog .bx-controls {    max-width: 160px;    position: relative;    margin: 10px auto}
.view-our-blog .bx-wrapper .bx-controls-direction a {    top: auto;    bottom: -45px}
.view-our-blog .bx-wrapper .bx-prev {       border: 2px solid #3e3d4e;    width: 62px;   height: 62px}
.view-our-blog .bx-wrapper .bx-next {       border: 2px solid #3e3d4e;    width: 62px;    height: 62px}
.callusbox {background-color: #2d4f79;}
.call-us {    color: #fff;    font-weight: 900;    font-family: ralewaybold;    font-size: 36px;    margin: 30px 0;display: block;line-height: 1.2;}
.call-us span {    display: block;    font-size: 30px;    font-weight: 100;   font-family: ralewaythin}
.number-box {    border-radius: 50px;    padding: 2px 10px;    color: #2dc0f0;    background: #fff;    text-align: center;    font-size: 30px;    font-weight: 800;    margin-top: 40px;    max-width: 100%;    line-height: 47px;    -webkit-transition: all .35s;    -o-transition: all .35s;    transition: all .35s;    -moz-transition: all .35s;    -ms-transition: all .35s}
.number-box:hover {    color: #fff;    background: #2dc0f0}
.number-box:hover a {    color: #fff}
.form-control::-moz-placeholder {    color: #777;    opacity: 1}
.highlighted {    text-align: center;    clear: both;    overflow: hidden;    margin-top: 0px;    background-image:linear-gradient(to left, rgba(240, 240, 240, 0.4), rgba(240, 240, 240,0.4));   }
.top-services .shortdesc p {    font-size: 15px;    text-align: center;    letter-spacing: 0.5px;}
.frontportfolio {    width: 100%;    max-width: 100%;   clear: both;        background-color: rgba(0, 0, 0, 0);    background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: no-repeat;    background-color: #fff6f6;    background-position: center 0;    padding-top: 50px;    padding-bottom: 50px;    position: relative}
#block-block-4 .block-title {    text-transform: uppercase;    font-size: 18px;    font-weight: 800;    font-family: ralewayextrabold;    position: relative;    padding-left: 260px}
#block-block-4 .block-title:before {    content: "";    position: absolute;   border-top: 1px solid #3e3d4e;    width: 175px;    top: 10px;    left: 0}
#block-block-4 h5 {    font-size: 76px;    font-family: ralewaythin;   font-weight: 100;    line-height: 1}
#block-block-4 h5 strong {    font-weight: 800;    font-family: ralewayextrabold}
#block-block-4 .portfolioinfo {    font-size: 18px;   font-weight: 300;    margin-top: 70px;    margin-bottom: 10px;    position: relative}
#block-block-4 .portfolioinfo:after {    content: "";    border-bottom: 7px solid #2d4f79;    position: absolute;    bottom: -25px;    width: 45px;    left: 0}
.front .view-front-portfolio .more-link a,
#block-views-front-portfolio-block-1 .more-link a {    display: inline-block;    border: 2px solid #2d4f79;    padding: 10px 35px;    font-size: 16px;    color: #2d4f79;    margin-top: 25px;    font-family: ralewayextrabold}
.view-front-portfolio .more-link a:hover,
#block-views-front-portfolio-block-1 .more-link a:hover {    background: #2d4f79;   color: #fff}
.footer {    background:linear-gradient(to left, rgba(0,0,0,0.7), rgba(0,0,0,0.5)), url(../img/footer.png);    margin-top: 0;    border: none;    padding-top: 10px;   position: relative;    max-width: 100%;padding-bottom: 0px;    overflow: hidden}
#block-block-6 {    font-family: sans-serif;    font-size: 15px;    font-weight: 300;    color: #222;    line-height: 1.8;    background: url(../img/footer-icon.png);    background-repeat: repeat;    background-position-x: 0%;    background-position-y: 0%;    background-repeat: no-repeat;    background-position: 0 0px;    padding-left: 190px}
.poppins #block-block-6 {    font-family: 'ralewayregular', sans-serif}
.ourblogs {       background-position: center 0;    background-repeat: no-repeat;    padding-top: 50px;    padding-bottom: 0px;    background-size: 55px, 155px}
.hp-blogs-cats a {    font-size: 13px;    padding: 5px 10px;    background: #2d4f79;    font-family: ralewayextrabold;    color: #fff;    text-shadow: 0px 1px 1px rgba(0, 0, 0, .5)}
.hp-blogs-cats .hpcat {    float: left}
.hp-blogs-cats .postdate {    float: right;    font-size: 15px;    padding: 2px 5px;    font-family: ralewayextrabold;    color: #888}
.hp-blogs-cats {    overflow: hidden;    clear: both;    margin: 10px 0}
.hp-blogs-title h4 {    margin-top: 15px;    margin-bottom: 5px;    min-height: 46px}
.hp-blogs-title h4 a {    color: #222;    font-size: 19px;    font-family: ralewaybold;    text-transform: none}
.hp-blogs-title spam {    margin-top: 15px;    margin-bottom: 5px;    min-height: 46px;display: block;}
.hp-blogs-title spam a {    color: #222;    font-size: 19px;    font-family: ralewaybold;    text-transform: none}
.hp-blogs {    margin-bottom: 22px}
.ourblogs strong {    font-size: 76px;    font-family: ralewaythin;    font-weight: 100;    margin-top: -25px;    margin-bottom: 25px;line-height: 1.2;display: block;}
.ourblogs strong span {    font-weight: 800;    font-family: ralewayextrabold}
.hp-blogs-desc {    color: #222;    font-size: 14px;    font-family: ralewayregular;    font-weight: 400}
.hp-blogs-img {    overflow: hidden;    position: relative}
.hp-blogs-img img {    -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition: .3s ease-in-out;    transition: .3s ease-in-out;    width: 100%;    height: auto}
.hp-blogs-img:hover img {    -webkit-transform: scale(1.2);    transform: scale(1.2)}
#block-views-our-blog-block-1 {    padding-top: 0px;   padding-bottom: 0}
.node-page .field-name-body {    text-align: center;    margin-bottom: 0px;    font-size: 16px;    color: #3e3d4e}
.node-page .field-name-body h2 {    font-size: 63px;    font-family: 'ralewaybold'; margin-bottom: 10px;}
.node-page .field-name-body h1 {    font-size: 63px;    font-family: 'ralewaybold'; margin-bottom: 10px;}
.node-page .field-name-body h3 {    font-size: 21px;    font-family: sans-serif;    line-height: 1.6;}
.node-page .field-name-body p {    font-size: 16px;      line-height: 1.6;text-transform: capitalize;}
.open-sans .node-page .field-name-body h3 {    font-family: 'Open Sans', sans-serif}
.section-content {    font-size: 21px;    color: #3e3d4e}
.section-content h2, .logo-faq .section-content h4 {    color: #3e3d4e;    font-family: 'ralewaybold';text-transform: capitalize;    font-size: 63px;    font-weight: 900;    margin-top: 0}
.section-content h3 {    color: #3e3d4e;    font-family: 'ralewaybold';text-transform: capitalize;    font-size: 63px;    font-weight: 900;    margin-top: 0}
@media (min-width:768px) {
    
.bottom-box-content,
    .section-two,
    .section-one { padding-top: 40px;  padding-bottom: 40px;        clear: both;        overflow: hidden    }
    .section-one .section-content h2 {               padding-top: 30px;        text-align: left    }
    .section-two .section-content h2, .section-two .logo-faq .section-content h4 {                   padding-top: 30px;        text-align: right    }
    .section-two .section-content h3 {                   padding-top: 30px;        text-align: right    }
    
}

@media (min-width:991px) {
    .ourblogs .view-header {        width: 33.33333333%;        float: left;       position: relative;        min-height: 1px;        padding-right: 15px;        padding-left: 15px    }
    #block-block-4 h5,
    .ourblogs strong {        font-size: 103px   }
    .hp-blogs {        min-height: 480px   }
}

.our-process-title h2 {    font-size: 63px;    font-family: ralewayextrabold;    margin-top: 55px;    margin-bottom: 35px;    text-align: center}
.our-process-title h2:after {    content: "";    width: 100%;    display: block;    border-bottom: 1px solid #d8d8d8;    margin-left: auto;    margin-right: auto;    max-width: 375px;    margin-top: 5px}
.section-two .section-content {    text-align: left}
.region.region-contactadd {    max-width: 605px;    margin-left: auto}
.sectiondesc ul {    margin: 0;    padding: 0}
.sectiondesc ul li {    list-style: none;    background: url(../img/square-bg.jpg) no-repeat;    background-position-x: 0%;    background-position-y: 0%;    background-position-x: 0%;    background-position-y: 0%;    background-position: left 16px;    padding-left: 32px;   padding-top: 10px;    padding-bottom: 10px;    font-size: 16px;    font-weight: 400;    text-align: left}
.sectiondesc {    font-size: 21px}
.view-portfolio .portfolio-item {    padding: 10px}
.buy-process-wrap {    background: #fff;   position: relative;    padding-bottom: 100px}
.buy-process-wrap:before {    content: '';    position: absolute;    top: 202px;    left: 0;    width: 100%;    height: 39px;    background-color: #2d4f79;    color: #fff}
.buy-process-items {    display: table;    margin: auto;    overflow: visible}
.buy-process-items {   width: 1186px}
.buy-process-item {    display: table-cell;    position: relative;    text-align: center;    height: 456px;    margin: 0 6px}
.buy-process-item:nth-child(2n+1) .text-wrap,
.buy-process-item:nth-child(2n) .icon-wrapper {    position: absolute;    top: 2px;    left: 0;    right: 0;    height: 200px;    text-align: center}
.buy-process-item h4, .buy-process-item strong {    font-size: 16px;  display:block; color: #3e3d4e;    text-transform: uppercase;   position: absolute;    width: 100%;    margin-bottom: 0;    font-family: ralewaybold}
.buy-process-item:nth-child(2n+1) h4, .buy-process-item:nth-child(2n+1) strong {    bottom: 12px}
.buy-process-item p {    position: absolute;    font-size: 15px;    color: #3e3d4e;    margin-bottom: 0;    width: 100%;    line-height: 1.6;    padding: 5px}
.buy-process-item:nth-child(2n+1) p {    bottom: 35px}
.buy-process-item span {    position: absolute;    top: 201px;    left: 50%;    transform: translate(-50%);    -webkit-transform: translate(-50%);    font-size: 25px;    color: rgba(255, 255, 255, .65);    font-weight: 600}
.buy-process-item:nth-child(2n+1) .icon-wrapper,
.buy-process-item:nth-child(2n) .text-wrap {    position: absolute;    bottom: 15px;    left: 0;    right: 0;    height: 200px}
.buy-process-item .icon-wrapper:before {    content: '';    position: absolute;    top: 0;   bottom: 0;   left: 50%;    width: 6px;    background-color: #2d4f79;   transform: translate(-50%, 0);    -webkit-transform: translate(-50%, 0)}
.buy-process-item i {    position: absolute;    left: 50%;    transform: translate(-50%, 0);    -webkit-transform: translate(-50%, 0);    width: 90px;    height: 90px;    font-size: 40px;    color: #fff;   border-radius: 50%;    background-color: #2d4f79}
.buy-process-item:nth-child(2n+1) i {    bottom: 0}
.buy-process-item:nth-child(2n) h4, .buy-process-item:nth-child(2n) strong {    top: 12px}
.buy-process-item:nth-child(2n) p {    top: 45px}
.buy-process-item i:before {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%)}
.text-wrap {    background: #fff;    -webkit-box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, .2);    -moz-box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, .2);    box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, .2);    margin: -8% auto;    height: auto}
.footer-copyright { background: #171d23f0;color: #fff; padding: 7px 4px;}
.footer-copyright p{ color: #fff;}
@media only screen and (min-width:1281px) {
    .buy-process-items {width: 1186px}
    .buy-process-item h4, .buy-process-item strong {font-size: 14px}
    .buy-process-item.featured:nth-child(odd) .text-wrap:before,
    .buy-process-item.featured:nth-child(even) .text-wrap:before {        content: '';        position: absolute;        width: 180%;        height: 133%;        background-color: #fff    }
    .buy-process-item.featured:nth-child(odd) .text-wrap:before {        top: -33%;        left: -40%;        -moz-border-radius: 1000px 1000px 0 0;        -webkit-border-radius: 1000px 1000px 0 0;        border-radius: 1000px 1000px 0 0    }
    .buy-process-item.featured:nth-child(even) .text-wrap:before {        bottom: -33%;        left: -40%;        -moz-border-radius: 0 0 1000px 1000px;       -webkit-border-radius: 0 0 1000px 1000px;       border-radius: 0 0 1000px 1000px    }
}

@media only screen and (min-width:961px) and (max-width:1280px) {
    .buy-process-items {width: 920px}
    .buy-process-item h4, .buy-process-item strong {font-size: 15px}
    .buy-process-item p {font-size: 12px }
}

@media only screen and (max-width:960px) {
    .buy-process-items {  width: 100% }
}

@media only screen and (max-width:767px) {
    .res-view-row.res-view-row-1 { background-size: 100% !important    }
}

@media only screen and (max-width:767px) {
    
    .buy-process-items {        display: block    }
    .buy-process-wrap:before,
    #process-wrap .buy-process-item .text-wrap,
    #process-wrap .buy-process-item .icon-wrapper {        position: static;        height: auto    }
    #process-wrap .buy-process-item span {        top: 0px;        font-size: 110px;        color: #2d4f79;        opacity: .12;line-height: 100px;    }
    .buy-process-item {        display: block;        height: auto;        padding: 30px 20px 0;        overflow: hidden    }
    .buy-process-item .icon-wrapper:before,
    .buy-process-item h4, .buy-process-item strong,
    .buy-process-item p {        position: static;        margin-bottom: 10px    }
    #process-wrap .buy-process-item i {        top: 0    }
    .buy-process-item p {        padding-left: 7%;        padding-right: 7%    }    
}
#block-block-11 {    font-size: 21px;    margin: 0;    text-align: center}
#block-block-11 h2, #block-block-11 h5 {    color: #3e3d4e;    font-weight: 900;    font-family: ralewaybold;    font-size: 63px;    text-align: center;    margin-top: 0;margin-bottom: 10px;}
.project-started a.button {    background: #2d4f79;    color: #fff;    display: inline-block;   text-align: center;    font-size: 39px;    font-weight: 800;    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);    margin-left: auto;    margin-right: auto;    margin-top: 20px;    font-family: ralewaybold;   padding: 0 20px}
.rightalign {   text-align: right}
.rightalign img {    display: inline-block}
h2.title-63 {    font-size: 63px}
.buy-process-item i {    position: absolute;    left: 50%;    transform: translate(-50%, 0);    -webkit-transform: translate(-50%, 0);    width: 90px;    height: 90px;    font-size: 0;    color: #fff;    border-radius: 50%;    background-color: #47a8bc !important;    box-shadow: 0 0 4px #999;    border: 5px solid #fff}
.full-width-content-block-94 h2, .full-width-content-block-94 h3, .full-width-content-block-94 h4, .full-width-content-block-94 spam {    font-size: 63px;    font-family:'ralewaybold';    margin-top: 0px; display: block;   margin-bottom: 35px;    text-align: center;      padding-bottom: 35px}
.open-sans .case-study-des h3 {    font-family: 'Open Sans', sans-serif}
@media (max-width:767px) {
    .front .content-top {        padding-bottom: 30px    }
.page-title .page-header {        font-size: 35px;        text-shadow: none;        margin: 0 auto 0 auto;        border-bottom: 1px solid #e5e5e5;        padding-bottom: 20px    }
.node-page .field-name-body h2 {        font-size: 28px;        font-family: ralewayextrabold;        margin: 0    }
.node-page .field-name-body h1 {        font-size: 28px;        font-family: ralewayextrabold;        margin: 0    }
    .node-page .field-name-body h3 {        font-size: 15px;        font-family: 'ralewaybold'    }
.top-services strong { padding: 0 10px    }
    .top-services strong span {        display: block    }
    .shortdesc {        display: block;        min-height: 190px;        margin-bottom: 15px    }
   .frontportfolio {        background: 0 0;        padding-top: 0;        text-align: center;        padding-bottom: 50px;        border-bottom: none;            }
    #block-block-4 .block-title {        display: none    }
    #block-block-4 h5 {        font-size: 30px;        margin-bottom: 10px;       color: #3e3d4e;        margin-top: 30px    }
    #block-block-4 .portfolioinfo {        margin-top: 0;       margin-bottom: 15px;       font-size: 15px    }
    #block-block-4 .portfolioinfo:after {        content: "";        display: none    }
    #block-views-front-portfolio-block {        display: block    }
    #block-views-front-portfolio-block-1 {        display: block    }
 #block-views-front-portfolio-block-2 {        display: none    }
#block-views-our-blog-block {        display: block    }
#block-views-our-blog-block-3 {  display: block    }
.view-front-portfolio .bx-controls,
.view-our-blog .bx-controls {        max-width: 115px    }
.view-front-portfolio .bx-wrapper .bx-prev,
.view-front-portfolio .bx-wrapper .bx-next {        border: #2d4f79 solid 2px;        width: 42px;        height: 42px    }
.view-our-blog .bx-wrapper .bx-prev,
.view-our-blog .bx-wrapper .bx-next {        border: #2d4f79 solid 2px;        width: 42px;        height: 42px    }
.view-front-portfolio .view-footer {        clear: both;        margin-top: 110px;        width: 100%;        clear: both    }
.view-front-portfolio .view-footer a {        border: #2d4f79 solid 2px;        padding: 10px 25px;        font-size: 16px;       color: #2d4f79;        font-family:ralewayextrabold    }
.view-front-portfolio .view-footer a:hover {       border: #2d4f79 solid 2px;        color: #fff;        background: #2d4f79    }
.ourblogs {        background: 0 0;       padding-top: 0;        padding-bottom: 0px;        text-align: center;            }
.ourblogs h2 {        font-size: 30px;        font-weight: 100;        margin-bottom: 15px;        font-family: ralewayextrabold;        color: #3e3d4e;        margin-top: 35px;        text-align: center    }
.hp-blogs-cats span {        display: block;        width: auto;        margin: 7px auto    }
#block-block-6 {    padding: 145px 0 0 0;   text-align: justify;    margin-bottom: 30px;   background-position: center top -20%;    margin-top: 0px;    font-size: 14px;}
#block-block-6 h2 {        font-size: 30px;        font-weight: 100;        margin-bottom: 15px;        font-family: ralewayextrabold;        color: #3e3d4e;        margin-top: 0    }
.section-content {        clear: both;        overflow: hidden    }
.section-content h2, .logo-faq .section-content h4 { font-size: 30px;        text-align: center;       margin-top: 30px    }
.section-content h3 { font-size: 30px;        text-align: center;       margin-top: 30px    }
.sectiondesc {        font-size: 15px;        text-align: center;        margin-bottom: 25px    }
#block-block-11 h2, #block-block-11 h5 {        font-size: 30px;           }
.project-started a.button {        font-size: 16px;        background: #2d4f79;        font-family: ralewayextrabold;        max-width: 180px;        padding: 10px;        text-shadow: 0 1px 2px rgba(0, 0, 0, .3)    }
.content_bottom {        padding: 0    }
#block-block-11 {        font-size: 15px;        margin-top: 0px;        text-align: center;               padding-top: 80px;        padding-bottom:0px    }
.node-page .field-name-body {        font-size: 15px   }
.sectiondesc ul li {        font-size: 14px;        background-size: 16px;        background-position: left 14px    }
.callusbox {        display: block    }
.footer-bottom {        display: block    }
.footer_bottom {        display: none    }
.footer {        background: #11151a;        margin-top: 0;        border: none;        padding-top: 30px;        position: relative;       max-width: 100%;        overflow: hidden    }
.front .page-title .page-header {        display: none    }
.view-our-blog .bx-viewport {        height: 100%;        max-height: 385px    }

}

@media (min-width:768px) {
    
.node-page .field-name-body img {        float: right;        margin-left: 25px    }
.rightalign {        float: right    }
#block-views-front-portfolio-block {        display: none    }
#block-views-front-portfolio-block-1 {        display: block   }
#block-views-our-blog-block {        display: block    }
#block-views-our-blog-block-3 {        display: none    }
#block-block-6 h2 {       display: none    }
#block-block-18 {        display: none    }
}

@media screen and (max-width:768px) {
   
.full-width-content-block-94 h2, .full-width-content-block-94 h3, .full-width-content-block-94 h4, .full-width-content-block-94 spam {        font-size: 30px;        padding: 0;       background: 0 0    }
.text-wrap {        box-shadow: none;margin: 0% auto;    }
.buy-process-item i {        display: none    }
.node-page .field-name-body h3 {        font-family: ralewayregular;        font-size: 15px    }
.field-items {        background-position: center    }
.field-item h3 {        font-size: 20px    }
.field-items {        text-align: left    }
.sectiondesc {              padding-bottom: 0px;margin-bottom: 0;    }
.buy-process-wrap {              padding: 0   }
.node-page .field-name-body h2 {       font-size: 20px;        margin: 5px auto;text-align: center;    }
.node-page .field-name-body h1 {       font-size: 20px;        margin: 5px auto;text-align: center;    }
.node-page .field-name-body {        margin-bottom: 0    }
.panel {        margin-bottom: 0    }
#block-views-our-clients-block h2 {    font-size: 35px;}
#block-views-our-clients-block strong {    font-size: 35px;}
.content-middle {padding: 0 0 !important;}
.ourclients img {width: 85%;}
.res-view-row{padding-top: 30px;}
.res-view-row.res-view-row-1 {  padding-top: 30px !important;}
.res-view-row{margin-bottom: 10px;}
.res-view-row p {    font-size: 14px;    text-align: center;}
#block-block-4 .portfolioinfo p {    text-align: justify;    font-size: 14px;}
#block-views-our-clients-block h2 {    font-size: 30px !important;}
.ourblogs strong {    font-size: 35px; margin-top: 0;   margin-bottom: 5px;}
.ourblogs .view-header p {    font-size: 14px;    text-align: justify;margin-bottom: 40px;}
.hp-blogs {    margin-bottom: 40px;    text-align: left;}
.hp-blogs-title h4 {    margin-top: 0;    margin-bottom: 5px;    min-height: auto;    padding-top: 0;}
.hp-blogs-title spam {    margin-top: 0;    margin-bottom: 5px;    min-height: auto;    padding-top: 0;}
.region.region-ourblog section {    padding-bottom: 0;}
.free-consultation h2 {    margin-top: 0;}
.free-consultation h6 {    margin-top: 0;}
.free-consultation a.button{margin-bottom: 0;}
.footer-copyright p {  text-align: center;font-size: 14px;
margin-bottom: 5px;}
ul.tc-menu { text-align: center;}
.footer .footer-bottom .meddel-link {    padding-right: 0 !important;    padding-left: 0 !important;}
.footer .footer-bottom .meddel-link .block-title::after {   width: 75px !important;}
#block-block-8 ul { width: 100%;}
ul.tc-menu li a { font-size: 14px;}
ul.tc-menu li {    margin-right: 7px; padding-right: 7px;}
.footer section {   padding-top: 0;}
.call-us {font-size: 30px;    margin: 0px 0;    padding-top: 0;}
.number-box { font-size: 24px; margin-top: 20px;}
.node-page .field-name-body h2 strong {    font-size: 30px !important;}
.node-page .field-name-body h1 strong {    font-size: 30px !important;}
.region.region-frontportfolio .container {    padding-right: 15px;    padding-left: 15px;}
.node-page .field-name-body p {    font-size: 14px; text-align: justify;}   
.field-items p {    font-size: 14px;    text-align: justify;}
.hovereffect{margin: 15px 0;}
.seo-package-box {    padding: 15px !important;}
.seo-package-box strong {padding-top: 0;}
.seo-package-box strong::after { border-bottom: 3px solid #fff !important;    margin: 10px auto !important;}
.seo-package-box.basic { margin-bottom: 30px;}
.field-items img {    margin-top: 10px;}
.get_quote .modal-dialog { width: 94% !important;    margin: 50px auto 0;}
.get_quote .modal-header .modal-title { font-size: 24px !important;}
.feature-list.plan-page li {    width: 100% !important;    padding-right: 0 !important;    padding-left: 0 !important;    padding-top: 0em !important;    margin: 2em 0 !important;}
.feature-list.plan-page li::before {    width: 6em !important;    height: 6em !important;margin-top: 10px;}
.blog-outer .blog-inner-content p {    font-size: 14px;    text-align: justify;}
.blog-outer .blog-inner-content h2 {    font-size: 30px;} 
.map iframe {    height: 200px;}

}

@media (max-width:990px) {
    
.free-consultation h2 {  margin-top: 35px;       font-size: 16px    }
.free-consultation h2 .text-200 {        font-size: 28px    }
.free-consultation h2 .text-500 {        font-size: 20px   }
.free-consultation h6 {  margin-top: 35px;       font-size: 16px    }
.free-consultation h6 .text-200 {        font-size: 28px    }
.free-consultation h6 .text-500 {        font-size: 20px   }
.free-consultation a.button {        font-size: 22px;        max-width: 210px;        padding: 2px;        text-shadow: initial    }
#block-block-2 {               text-align: center;        padding-top: 96px;        font-size: 15px;        font-weight: 300;        margin-bottom: 25px    }
.block-image,
.block-body {        text-align: center;       margin-bottom: 25px;        font-size: 15px    }
.block-body strong {   font-size: 24px    }
.block-image img {        display: inline-block    }
.mobile-tablet-friendly h2 {        font-size: 30px;              margin-bottom: 10px    }
.block-image {        position: relative;       margin-bottom: 10px;        margin-top: 25px    }
#block-block-3 h2 {        font-size: 30px;  font-weight: 100;   color: #3e3d4e;   margin-bottom: 0}
#block-block-3 h3 {        font-size: 30px;  font-weight: 100;   color: #3e3d4e;   margin-bottom: 0}
.res-view-row {        background: 0 0 !important;        padding-left: 0;        font-size: 15px;padding-top: 30px;margin-bottom: 0;    }
.res-view-row h3 {       font-size: 19px    }
.res-view-row .responsive-title {       font-size: 19px    }
.content-middle-wrapper {        background: 0 0;       padding-top: 0px; text-align: center    }
.res-view-row.res-view-row-1 { padding-top: 30px;margin-bottom: 0;    }
.footer-logo {        text-align: center;        margin-top: 15px;        margin-bottom: 15px    }
.footer-logo img {        max-width: 300px    }
 .footer .footer-bottom .meddel-link {    padding-right: 0 !important;    padding-left: 0 !important;} 
 .footer-bottom .block-title { font-size: 20px;}
 .footer-bottom .block-title::after { width: 50px !important; margin-left: 4px;} 
#block-block-8 ul {  width: 100%;}
.hp-blogs-title h4 { min-height: auto;    line-height: 20px;}
.hp-blogs-title h4 a { font-size: 16px;} 
.hp-blogs-title spam { min-height: auto;    line-height: 20px;}
.hp-blogs-title spam a { font-size: 16px;} 
.node-page .field-name-body h2 {    font-size: 50px;}
.node-page .field-name-body h2 strong {    font-size: 50px !important;}
.node-page .field-name-body h1 {    font-size: 50px;}
.node-page .field-name-body h1 strong {    font-size: 50px !important;}
#block-block-11 h2, #block-block-11 h2 { font-size: 50px;}
.section-content h2, .logo-faq .section-content h4 { font-size: 50px;}
.section-content h3 { font-size: 50px;}
.number-box { font-size: 25px;  margin-top: 80px;}
.full-width-content-block-94 h2, .full-width-content-block-94 h3, .full-width-content-block-94 h4, .full-width-content-block-94 spam {    font-size: 50px;}
.buy-process-item:nth-child(2n+1) p {    bottom: 55px;}   
.buy-process-item:nth-child(2n) p {    top: 65px;}
.seo-package-box.basic { margin-bottom: 40px;}
}

@media screen and (max-width:540px) {
.res-view-row.res-view-row-1 {        background-size: 100% !important    }
}

@media (min-width:991px) {
.region-content-top {        background: url(../img/bg-shadow.png) top center no-repeat;        margin-top: 0px   }
.block-image:after {        content: "";        border-bottom: 3px solid #2d4f79;        position: absolute;        bottom: -20px;       width: 40px;left: 43%;    }
   
}

.content-middle.content-middle-inner {    background: #fff}
.content-middle {    background: #f0f0f1;    padding: 25px 0;   text-align: center}
.our-clients-logos {    display: table-cell;   text-align: center}
.our-clients-logo {    display: table;    table-layout: fixed;    width: 100%;   text-align: center}
.ourclients {display: table-cell; vertical-align: middle; height: auto}
.ourclients img {display: inline-block;width: 70%;}
#block-views-our-clients-block strong {    font-size: 54px;padding: 0;margin-bottom: 16px;    line-height: 1;    color: #3e3d4e;    text-align: center;    font-family: ralewayextralight;display: block;}
#block-views-our-clients-block h2 b { font-family: ralewaybold;}
#block-views-our-clients-block strong b { font-family: ralewaybold;}
#accordion-container { font-size: 16px; background: #fff; padding: 5px 10px 10px; text-align: left}


@media only screen and (min-width:768px) {
.content-middle-wrapper .row {       background: url(../img/responsive-design-bg-2.png);        background-position-x: 0%;        background-position-y: 0%;       background-repeat: repeat;        background-size: auto;        background-repeat: repeat;        background-position-x: 0%;        background-position-y: 0%;        background-size: auto auto;        background-repeat: repeat;        background-position-x: 0%;        background-position-y: 0%;        background-size: auto auto;        background-repeat: no-repeat;        background-position: right top;        background-size: 50%;       padding: 30px 0 0px;   }
}

.region.region-footer {background-color:  #fdfdfd;}
.package-contant {text-align: left;}
.package-contant h3 {color: #3e3d4e;font-size: 22px;font-weight: 800;margin-bottom: 0px;font-family: ralewayextrabold;}
.package-img img {width: 60%;float: none !important;}
.row.package {margin: 65px 0;}
/*Panel tabs*/
.panel-tabs {position: relative;clear:both;border-bottom: 1px solid transparent;}
.panel-tabs > li {float: left;margin-bottom: -1px;}
.panel-tabs > li > a { margin-right: 2px; margin-top: 4px; line-height: .85;border: 1px solid transparent;
border-radius: 4px 4px 0 0;color: #ffffff;}
.panel-tabs > li > a:hover {border-color: transparent;color: #ffffff; background-color: transparent;}
.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {color: #fff; cursor: default;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: rgba(255,255,255, .23);border-bottom-color: transparent;}
/*Panel tabs*/
.hovereffect { width: 100%;height: 100%;float: left;overflow: hidden;position: relative; text-align: center;cursor: default;}
.hovereffect .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;background-color: rgba(0,0,0,0.6);opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate(460px, -100px) rotate(180deg);-ms-transform: translate(460px, -100px) rotate(180deg);transform: translate(460px, -100px) rotate(180deg);-webkit-transition: all 0.2s 0.4s ease-in-out;transition: all 0.2s 0.4s ease-in-out;}
.hovereffect img {display: block;position: relative; -webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.hovereffect h2, .hovereffect strong {text-transform: uppercase;color: #fff;text-align: center;display: block;position: relative;font-size: 17px !important;font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 10px !important;background: rgba(0, 0, 0, 0.6);}
.hovereffect a.info {display: inline-block;text-decoration: none;padding: 7px 14px;text-transform: uppercase;color: #fff;border: 1px solid #fff;margin: 50px 0 0 0;background-color: transparent;-webkit-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.hovereffect a.info:hover {box-shadow: 0 0 5px #fff;}
.hovereffect:hover .overlay {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.hovereffect:hover h2 {-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.hovereffect:hover a.info { -webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.blog-outer.grey .narrow-content-wrap.blog-inner-content {max-width: 60em;margin: auto;width: 91%;}
.footer .footer-bottom .meddel-link .block-title:after  {width: 60%;}
.footer .footer-bottom .meddel-link {  padding-right: 70px;   padding-left: 70px;}
.process-signup.process-section .content-wrap::after {content: "01";}
.process-research.process-section .content-wrap::after {content: "02";}
.process-design.process-section .content-wrap::after {content: "03";}
.process-build.process-section .content-wrap::after {content: "04";}
.process-launch.process-section .content-wrap::after {content: "05";}
.process-support.process-section .content-wrap::after {content: "06";}

.blue .border-button .button-text {    background: transparent;    border: 3px solid #fff;color: #fff;}
header.headroom--not-top .git-logo {    width: 170px;}
.map {    line-height: 0;}
.node-page .field-name-body h2 strong{    font-size: 63px ;    font-family: 'ralewaybold' ;    color: #3e3d4e;    text-transform: capitalize;}
.node-page .section-content h2, .node-page .logo-faq .section-content h4 { padding-top: 0;margin-bottom: 0;}
.node-page .section-content h3 { padding-top: 0;margin-bottom: 0;}
.node-page .field-name-body h1 strong{    font-size: 63px ;    font-family: 'ralewaybold' ;    color: #3e3d4e;    text-transform: capitalize;}
.node-page .section-content h1 { padding-top: 0;margin-bottom: 0;}
.hero-content .hero-title h1 { text-transform: uppercase;}
.hero-content .hero-title strong { text-transform: uppercase;font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;color: #fff;display: block;}
.hero-content h6{ text-transform: uppercase;}
.hero-content p{ text-transform: uppercase;}
.sub-title {   font-size: 21px;}
.get_quote .modal-dialog{max-width: 800px; width: 100%;}
.get_quote .modal-header span {font-size: 40px;    line-height: 28px;}
.get_quote .modal-header .modal-title {    padding-top: 0;    text-align: center;font-size: 35px;display: block;font-family: brandon_grotesque_black, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.get_quote .modal-body form { max-width: 100%;}
.frontportfolio section {    padding: 0;}
.region.region-frontportfolio section {    padding: 0;}
.collapse-card__body p strong {    font-size: 18px;    font-family: brandon_text_regular, Arial, "Helvetica Neue", Helvetica, sans-serif;    font-weight: 700;}
.collapse-card__body ul {    margin: 0;    padding: 0;}
.collapse-card__body ul li {    list-style: none;    background: url(../img/square-bg.jpg) no-repeat;      background-position: left 16px;    padding-left: 32px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 16px;    font-weight: 400;    text-align: left;}

.footer-bottom .block-block p i {    margin-right: 5px;    font-size: 19px;}  
.contact-info .contact-icon a {    color: #333;}
.seo-package-box {    padding: 20px;    background: #333;    color: #fff;    border-radius: 10px;height: 100%;}
.seo-package-box strong {    color: #fff;font-family: ralewaybold; display:block;   text-align: center;font-size: 28px;}
.seo-package-box strong::after {    content: "";    display: block;    border-bottom: 5px solid #fff;    margin: 20px auto;   width: 85px;}
.seo-package-box ul li {    list-style: disclosure-closed;    border-bottom: 2px solid #fff;    padding-bottom: 5px;   margin-bottom: 5px;    margin-left: 10px;}
.seo-package-box.basic {    background: #2d4f79;}

.feature-list.plan-page li {    width: 33.33%;    padding-right: 0;    padding-left: 100px;   padding-top: 10px;    margin: 3em 0;}
/*.feature-list.plan-page li.right-align::before { right: 0;    left: auto;}
.feature-list.plan-page li.right-align {   padding-right: 13em;    padding-left: 0em;}*/
.feature-list.plan-page li::before { width: 70px;    height: 70px;}
.pt-0 {    padding-top: 0;}
.seo-package-box p {
  color: #fff;
}
.talent-box {
  display: flex;
  flex-wrap: wrap;
}
.talent-box.black .sectiondesc ul li {
  color: #fff;
}
section.talent-box.black {
  border-bottom: none;
}
.talent-box.black .split-copy__cell::after {
 border-left-color: #0c0b0b;}
.talent-box.black .sectiondesc ol li {
  color: #fff;
} 
.talent-box .sectiondesc ol li {
 font-size:16px;list-style: decimal;
padding: 5px 0 5px 0;
}
.talent-box .sectiondesc ol {
  padding-left: 20px;
}
.consultant-area .consultant-content strong {
  display: inline-block;
  font-size: 30px;
  margin-top: 20px;
}
.consultant-area .consultant-content p {
  font-size: 20px;
}
.consultant-area .consultant-img-box img {
  border-radius: 50%;
  width: 50% !important;
  margin: 0 auto;
}
.training-stats-area {
  margin-top: -60px;
  background: #fff;
  position: relative;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 0 10px -1px gray;
  margin-bottom: 0px;
}
.state-content strong {
  font-size: 30px;
  display: inline-block;
}
.training-overview-area.black .sectiondesc ul li {
  color: #fff;
}
.call-us.training {
  padding-top: 0;
  margin: 0;
}
.call-us.training span {
  font-size: 20px;
}
 .training-advantage .tabcontent {display: none; animation: animatezoom 2s;}
  .training-advantage .tabcontent.active{ display: block;}
  @keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} 
  
.training-advantage .tab {
  display: flex;
  flex-wrap: wrap;
} 
.training-advantage .tab .tablinks {
  width: 33.33%;
  font-size: 25px;
  padding: 15px;
}
.training-advantage .tab .tablinks.active, .training-advantage .tab .tablinks:hover {
  background: #2d4f79;
  color: #fff;
}
.footer-bottom .block-block p i.fa.fa-envelope {
  top: 0px;
  position: relative;
}
.recent-blog-title {
  display: block;
  text-align: center;
  font-size: 45px;
  margin-bottom: 30px;
}
.video-slide video {
  width: 100%;
  height: auto;
}
.video-slide .mobile-video {
  display: none;
}
.about-us .main-heading {
  font-size: 20px;
  font-family: brandon_text_regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.video-slide {
  position: relative;
}
.video-slide .package-buttons {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}