/*=======================
  TABLE OF CONTENTS
========================*/
/*

  1. VARIABLES
  2. MIXINS
  3. HELPER STYLES
  4. LAYOUT
  5. GENERAL STYLES
  6. TYPOGRAPHY
  7. COMMON STYLES
  8. PRE LOADER
  9. HEADER
  10. CAROUSEL
  11. INTRO
  12. WHY CHOOSE US
  13. WHAT WE DO
  14. HOW WE WORK
  15. TEAM MEMBERS
  16. QUALITY OF WORK
  17. PORTFOLIO
  18. WORK ENVIRONMENT
  19. OUR BLOG
  20. TESTIMONIAL
  21. OUR PRICING
  22. FUN FACTS
  23. CLIENTS
  24. MAIN FOOTER
 */
/*=======================
  VARIABLES
========================*/
/*=======================
  MIXINS
  =======================*/
/*=======================
  HELPER STYLES
  =======================*/
.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-col [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}

/*=======================
  LAYOUTS
  =======================*/
.section-block {
    padding: 6em 0;
}

/*=======================
  GENERAL STYLES
  =======================*/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    color: #4d4d4d;
    position: relative;
}

a {
    text-decoration: none;
    color: #0186eb;
    transition: .3s;
}

a:hover {
    text-decoration: none;
    color: #0169b9;
}

a:active {
    outline: none;
}

a:focus {
    outline: none;
}

ul {
    padding-left: 0;
    list-style: none;
}

/*=======================
  TYPOGRAPHY
  =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #0d0d0d;
    font-weight: 800;
}

p {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

/*=======================
  COMMON STYLES
  =======================*/
.btn {
    border-radius: 0;
    letter-spacing: 2px;
    font-family: 'Montserrat', sans-serif;
}

.btn-main,
.btn-ghost {
    background: #3baafe;
    padding: 1em 2em;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #3baafe;
    transition: .3s;
}

.btn-main:hover,
.btn-ghost:hover {
    background: #0186eb;
    color: #ffffff;
    border-color: #0186eb;
}

.btn-ghost {
    background: transparent;
    border: 2px solid #ffffff;
}

.btn-ghost:hover {
    background: transparent;
    border-color: #3baafe;
}

/* SECTION TITLE STYLE */
.section-title-block {
    text-align: center;
    margin-bottom: 78px;
}

.section-title-block .section-title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 14px;
    background-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 42px;
    font-weight: bold;
}

.section-title-block .section-title:after {
    content: '';
    width: 1em;
    height: 3px;
    position: absolute;
    bottom: -21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #3baafe;
}

.section-title-block .section-title:before {
    content: '';
    width: 3em;
    height: 3px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #3baafe;
}

.section-title-block .lead {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 18px;
    //#cccbcb
    color: #8b8b8b;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .section-title-block .lead {
        width: 90%;
        font-size: 16px;
    }
}

/* BLOCK TOP TITLE STYLE */
.block-top-title {
    margin-bottom: 42px;
}

.block-top-title h3 {
    display: inline-block;
    margin-bottom: 35px;
    position: relative;
    margin-top: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media (max-width: 580px) {
    .block-top-title h3 {
        letter-spacing: 0;
        line-height: 1.4;
    }
}

.block-top-title h3:after {
    content: '';
    width: 28px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    right: -14px;
    background: #3baafe;
}

@media (max-width: 580px) {
    .block-top-title h3:after {
        display: none;
    }
}

/*=======================
  PRELOADER
  =======================*/
.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: 10000;
}

.pre-loader .loader-inner {
    text-align: center;
    width: 5em;
    height: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pre-loader .loader-inner > div {
    display: inline-block;
    background: #3baafe;
}

/*=======================
  HEADER
  =======================*/
header .top-bar {
    /* TOP BAR */
    background: #3baafe;
    color: #ffffff;
    height: 42px;
}

header .top-bar ul {
    margin-bottom: 0;
}

header .top-bar ul li {
    display: inline-block;
}

header .top-bar ul li a {
    line-height: 41px;
    color: #ffffff;
}

header .top-bar ul.social-links li a {
    width: 1em;
    height: 1em;
    text-align: center;
    margin-right: 7px;
    display: inline-block;
}

header .top-bar ul.social-links li:last-child a {
    margin-right: 0;
}

header .top-bar ul.top-bar-meta {
    text-align: right;
}

header .top-bar ul.top-bar-meta li {
    margin-right: 1em;
}

header .top-bar ul.top-bar-meta li:after {
    content: '|';
    display: inline-block;
    margin-left: 1em;
}

header .top-bar ul.top-bar-meta li:last-child {
    margin-right: 0;
}

header .top-bar ul.top-bar-meta li:last-child:after {
    content: none;
}

header .top-bar ul.top-bar-meta li .fa {
    margin-right: .5em;
}



/* ==============================================
Bootstrap Navbar
=============================================== */
.navbar-default {
    border: none;
    z-index: 1004;
    margin-bottom: 0;
    background: transparent;
    text-transform: uppercase;
    transition: all 0.8s ease 0s;
}

.navbar-default-bg{
    background:transparent !important;
}

.navbar-default-bg .container{
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.navbar-fixed-bg{
    background:rgba(0, 0, 0, .8) !important;
}

.navbar-default .navbar-nav > li > a {
    margin: 5px;
  /*  font-weight: bold;*/
}
.navbar-header {
    position: relative;
    z-index: 99999;
}
.navbar-default a.navbar-brand {
    font-size: 35px;
    color: transparent;
    font-family: 'Raleway', sans-serif;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
}
.navbar-default .navbar-nav > li > a, .navbar-default .dropdown-menu > li a, .navbar-default .dropdown-menu .dropdown-menu > li a {
    background: none;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
   /* font-weight: 700;*/
    letter-spacing: 1.2px;
    color: #ffffff;
    font-size: 15px;
}
.navbar-default .dropdown-menu > li a {
    padding: 7px 20px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: none;
    color: #3baafe;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .dropdown-menu > li a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #3baafe;
}
.navbar-default .dropdown-menu {
    background: #222;
    padding: 15px 0;
}
.navbar-nav > li.dropdown li.dropdown > a::before {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 16px;
    color: #666;
}

@media screen and (min-width:992px) {
    .navbar-default .container{
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .wrapper > header .container-fluid {
        margin: 0 50px;
    }

    .wrapper > header .top_head, .wrapper > header .navbar-default {
        position: absolute;
        z-index: 999;
        /* width: 100%; */
    }

    .wrapper > header .navbar-default {
        top: 50px;
    }
}

/*=======================
  CAROUSEL
  =======================*/
.carousel.fade {
    /* CAROUSEL FADE STYLE */
    opacity: 1;
}

.carousel.fade .item {
    transition: opacity ease-out 0.7s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.carousel.fade .item:first-child {
    opacity: 0;
}

.carousel.fade .item.active {
    opacity: 1;
    z-index: 1;
}

.carousel.fade .item:after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel.fade .carousel-control {
    /* CAROUSEL CONTROL */
    z-index: 2;
    opacity: 0;
    transition: .3s;
}

.carousel.fade .carousel-control:hover {
    opacity: 1;
}

.carousel.fade .carousel-control.left,
.carousel.fade .carousel-control.right {
    background: 0;
}

.carousel.fade .carousel-control .fa {
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    font-size: 30px;
    background: rgba(255, 255, 255, 0.3);
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    transition: .3s;
    text-shadow: none;
}

.carousel.fade .carousel-control .fa.fa-angle-left {
    padding-right: 5px;
    left: 1em;
}

.carousel.fade .carousel-control .fa.fa-angle-right {
    padding-left: 5px;
    right: 1em;
}

.carousel.fade .carousel-control .fa:hover {
    background: rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
    .carousel.fade .carousel-control .fa {
        display: none;
    }
}

.carousel .carousel-indicators {
    /* carousel indicators */
}

.carousel .carousel-indicators li {
    margin-right: 5px;
}

.carousel .carousel-indicators li:last-child {
    margin-right: 0;
}

.carousel .carousel-inner {
    max-height: 768px;
}

.carousel .carousel-caption {
    /* carousel caption */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel .carousel-caption .caption-wrapper {
    width: 70%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1199px) and (min-width: 768px) {
    .carousel .carousel-caption .caption-wrapper {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .carousel .carousel-caption .caption-wrapper {
        width: 90%;
    }
}

.carousel .carousel-caption .caption-wrapper h3 {
    /* STYLING THE CAROUSEL CONTENT DATA */
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: none;
}

@media (max-width: 767px) {
    .carousel .carousel-caption .caption-wrapper h3 {
        font-size: 18px;
        background-size: 3px;
    }
}

.carousel .carousel-caption .caption-wrapper .caption-title {
    /* caption title */
    font-size: 42px;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: none;
    margin-bottom: 21px;
    color: #ffffff;
    line-height: 1.5;
}

@media (max-width: 992px) and (min-width: 768px) {
    .carousel .carousel-caption .caption-wrapper .caption-title {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .carousel .carousel-caption .caption-wrapper .caption-title {
        font-size: 24px;
    }
}

.carousel .carousel-caption .caption-wrapper .caption-title span {
    font-weight: bold;
}

.carousel .carousel-caption .caption-wrapper .caption-title strong {
    font-weight: bold;
    color: #3baafe;
}

.carousel .carousel-caption .caption-wrapper .caption-content {
    /* caption content */
    font-size: 20px;
    text-shadow: none;
    margin-bottom: 42px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .carousel .carousel-caption .caption-wrapper .caption-content {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .carousel .carousel-caption .caption-wrapper .caption-content {
        display: none;
    }
}

.carousel .carousel-caption .caption-wrapper .caption-btns {
    /* caption buttons */
}

.carousel .carousel-caption .caption-wrapper .caption-btns button {
    margin-right: 10px;
}

.carousel .carousel-caption .caption-wrapper .caption-btns button:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .carousel .carousel-caption .caption-wrapper .caption-btns button {
        padding: 7px 14px;
    }
}

@media (max-width: 530px) {
    .carousel .carousel-caption .caption-wrapper .caption-btns button {
        margin-bottom: 14px;
    }
}

/*=======================
  INTRO
  =======================*/

.bgwhite {
    background-color: rgb(255, 255, 255);
}

.map {
    height: 400px;
    z-index: 1;
}

.contact-info-inner h3{
    margin-bottom: 25px;
    font-size: 24px;
    color: #fff;
}

.contact-info h3{
    margin-top: 42px;
    font-size: 24px;
}

.contact-info p{
    font-size: 18px;
}

.contact-info i{
    font-size: 18px;
    margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,.7);
    padding: 25px 30px;
    max-width: 400px;
    max-height: 400px;
    text-align: left;
}

.contact-info-inner p{
    overflow: hidden;
    margin-bottom: 25px;
}

.contact-info-inner p strong{
    display: block;
}

.contact-info-inner i{
    margin-right: 20px !important;
    font-size: 24px;
    margin-top: 5px;
}

footer .copyright {
    background-color: rgb(240, 241, 241);
    text-align: center;
    padding: 12px 0px;
}

footer .copyright {
    background-color: rgb(240, 241, 241);
    text-align: center;
    padding: 12px 0px;
}

.intro {
    padding: 1em 0 calc(1em - 48px) 0;
}

.intro .intro-content {
    /* intro content */
    margin-bottom: 48px;
}

.intro .intro-content .wrap {
    padding: 28px;
    position: relative;
    border: 1px solid #e6e6e6;
}

.intro .intro-content .wrap .icon-block {
    /* icon block */
    position: absolute;
    top: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 28px;
    background: #333333;
    border-radius: 100%;
    width: 56px;
    height: 56px;
    font-size: 21px;
    color: #ffffff;
    box-sizing: content-box;
    text-align: center;
    line-height: 62px;
    transition: .3s;
}

.intro .intro-content .wrap h4 {
    font-weight: bold;
    position: relative;
    margin-bottom: 21px;
    margin-top: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.intro .intro-content .wrap h4:after {
    content: '';
    width: 3px;
    height: 42px;
    background: #3baafe;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -29px;
    transition: .3s;
}

.intro .intro-content .wrap p {
    margin-bottom: 0;
}

.intro .intro-content .wrap .read-more-link {
    /* read more link */
    color: #0d0d0d;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 21px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    transition: .3s;
    font-size: 13px;
    letter-spacing: 2px;
}

.intro .intro-content .wrap .read-more-link:hover {
    color: #0186eb;
}

.intro .intro-content .wrap:hover {
    /* hover style for each block */
}

.intro .intro-content .wrap:hover .icon-block {
    background: #3baafe;
}

.intro .intro-content .wrap:hover h3:after {
    background: #0186eb;
}

.intro .intro-content .wrap:hover .read-more-link {
    color: #3baafe;
}

/*=======================
  ABOUT US
  =======================*/
.about-us .image-block {
    /* image block */
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background: url(../img/choose-1-bg.jpg) no-repeat center;
    /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
    background-size: cover;
    min-height: 392px;
}

.about-us .image-block.narrow-image {
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background-image: url(../img/choose-2-bg.jpg);
    /* IMAGE SIZE SHOULD BE 800x1200 OR ANY PORTRAIT IMAGE */
}

.about-us .content-block {
    /* content block */
    background: #fafafa;
    padding: 4em 3em;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

@media (max-width: 768px) {
    .about-us .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .about-us .content-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.about-us .content-block .choosing-reasons {
    /* choosing readons */
    margin-top: 0;
    margin-bottom: 0;
}

.about-us .content-block .choosing-reasons li {
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .about-us .content-block .choosing-reasons li:nth-child(n+3) {
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .about-us .content-block .choosing-reasons li:last-child {
        margin-bottom: 14px;
    }
}

.about-us .content-block .choosing-reasons li .icon-block-wrapper {
    width: 56px;
    float: left;
    margin-right: 21px;
}

@media (max-width: 768px) {
    .about-us .content-block .choosing-reasons li .icon-block-wrapper {
        width: 4.5em;
    }
}

.about-us .content-block .choosing-reasons li .icon-block-wrapper .icon-block {
    /* icon block */
    width: 2em;
    height: 2em;
    font-size: 28px;
    background: #ffffff;
    text-align: center;
    line-height: 2em;
    transition: .3s;
    border: 1px solid #e6e6e6;
    color: #333333;
}

@media (max-width: 768px) {
    .about-us .content-block .choosing-reasons li .icon-block-wrapper .icon-block {
        margin-top: 3px;
    }
}

.about-us .content-block .choosing-reasons li .reason-content {
    /* reason content */
    width: calc(100% - 91px);
    float: left;
}

@media (max-width: 400px) {
    .about-us .content-block .choosing-reasons li .reason-content {
        width: 70%;
    }
}

.about-us .content-block .choosing-reasons li .reason-content h4 {
    margin-top: 0;
    margin-bottom: 14px;
}

.about-us .content-block .choosing-reasons li .reason-content p {
    margin-bottom: 0;
}

.about-us .content-block .choosing-reasons li:hover .icon-block {
    color: #3baafe;
}

/*=======================
  WHAT WE DO
  =======================*/
.what-we-do {
    padding-bottom: calc(8em - 48px);
}

@media (max-width: 768px) {
    .what-we-do .row {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .what-we-do .row {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.what-we-do .content-block {
    /* content block */
    margin-bottom: 48px;
}

.what-we-do .content-block .title-block {
    /* title block */
    margin-bottom: 14px;
}

.what-we-do .content-block .title-block .icon-block {
    /* icon block */
    display: inline-block;
    width: 49px;
    height: 49px;
    line-height: 49px;
    background: #333333;
    border-radius: 50%;
    font-size: 17.5px;
    color: #ffffff;
    text-align: center;
    transition: .3s;
}

.what-we-do .content-block .title-block .icon-block > .icon {
    position: relative;
    top: 2.5px;
}

.what-we-do .content-block .title-block h4 {
    display: inline-block;
    padding-left: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media (max-width: 580px) {
    .what-we-do .content-block .title-block h4 {
        letter-spacing: 0;
        font-size: 16px;
    }
}

.what-we-do .content-block p {
    margin-bottom: 0;
}

.what-we-do .content-block:hover .icon-block {
    background: #3baafe;
}

/*=======================
  HOW WE WORK
  =======================*/
.how-we-work {
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background: url(../img/how-we-work-bg.jpg) no-repeat center;
    /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
    background-size: cover;
    padding-top: 9em;
    background-attachment: fixed;
}

@media (max-width: 767px) {
    .how-we-work {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.how-we-work .content-block {
    /* content block */
    background: rgba(255, 255, 255, 0.96);
    padding: 4em 3em;
}

@media (max-width: 768px) {
    .how-we-work .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .how-we-work .content-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.how-we-work .content-block .block-top-title {
    /* block top title */
    margin-bottom: 35px;
}

.how-we-work .content-block .block-top-title h3 {
    margin-top: 0;
}

.how-we-work .content-block .process {
    /* process */
}

.how-we-work .content-block .process .icon-block-wrapper {
    float: left;
}

.how-we-work .content-block .process .icon-block-wrapper .icon-block {
    /* icon block */
    font-size: 17.5px;
    width: 49px;
    height: 49px;
    line-height: 49px;
    background: #3baafe;
    text-align: center;
    border-radius: 50%;
    transition: .3s;
    color: #ffffff;
}

.how-we-work .content-block .process .icon-block-wrapper .icon-block > .icon {
    position: relative;
    top: 2.5px;
}

.how-we-work .content-block .process .work-content {
    /* work content */
    margin-left: 4.8em;
}

.how-we-work .content-block .process .work-content h4 {
    margin-bottom: 21px;
    margin-top: 17px;
}

.how-we-work .content-block .process .work-content p {
    margin-bottom: 0;
}

.how-we-work .content-block .process > div {
    margin-bottom: 28px;
}

@media (min-width: 992px) {
    .how-we-work .content-block .process > div {
        margin-bottom: 0;
    }
}

.how-we-work .content-block .process > div:hover .icon-block {
    background: #0186eb;
    color: #ffffff;
}

/*=======================
  TEAM MEMBERS
  =======================*/
.team-members {
    padding-bottom: calc(8em - 48px);
}

.team-members .section-title-block {
    margin-bottom: 70px;
}

.team-members .member-block {
    margin-bottom: 48px;
}

.team-members .members {
    /* members */
}

.team-members .members .member-content {
    /* member content */
    background: #fafafa;
    position: relative;
    padding: 28px 21px;
    border: 1px solid #e6e6e6;
}

.team-members .members .member-content figure {
    top: -3em;
    left: 0;
    z-index: 100;
    position: relative;
}

.team-members .members .member-content figure img {
    width: 10em;
    border: 7px solid #333333;
    transition: .3s;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: 101;
    position: relative;
}

.team-members .members .member-content figure figcaption .social-links {
    text-align: center;
    position: absolute;
    bottom: -4.5em;
    left: 0;
    width: 10em;
}

.team-members .members .member-content figure figcaption .social-links .icon-block {
    /* icon block */
    display: inline-block;
}

.team-members .members .member-content figure figcaption .social-links .icon-block a {
    color: #333333;
    transition: .4s;
    font-size: 17.5px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    transition: .3s;
    border: 1px solid #e6e6e6;
}

.team-members .members .member-content figure figcaption .social-links .icon-block a:hover {
    background: #3baafe;
    color: #ffffff;
}

.team-members .members .member-content figure figcaption .member-info {
    /* member info */
    position: absolute;
    left: 10em;
    top: 2em;
}

.team-members .members .member-content figure figcaption .member-info h4 {
    background: #ffffff;
    padding: 14px 28px 14px 28px;
    width: calc(10em + 14px);
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    z-index: 99;
    position: relative;
    left: -7px;
}

.team-members .members .member-content figure figcaption .member-info h4:after {
    content: '';
    width: 7px;
    height: 102%;
    background: #333333;
    position: absolute;
    top: 0;
    left: 100%;
    transition: .3s;
}

.team-members .members .member-content figure figcaption .member-info h5 {
    background: #f5f5f5;
    padding: 11.5px 14px 11.5px 28px;
    width: calc(12em + 7px);
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    position: relative;
    left: -7px;
}

.team-members .members .member-content p {
    margin-left: 11.5em;
    margin-top: -3.5em;
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .team-members .members .member-content p {
        margin-left: 0;
        margin-top: 1.5em;
    }
}

.team-members .members .member-content:hover {
    /* member content hover - hover for entire block */
}

.team-members .members .member-content:hover figure img {
    border-color: #3baafe;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.team-members .members .member-content:hover figure figcaption .member-info h4:after {
    background: #3baafe;
}

/*=======================
  QUALITY OF WORK
  =======================*/
.quality-of-work {
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.quality-of-work .photo-block {
    /* photo block */
    background: #fafafa;
    padding: 7em 5em;
}

@media (max-width: 768px) {
    .quality-of-work .photo-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .quality-of-work .photo-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.quality-of-work .photo-block img {
    margin: auto;
}

@media (max-width: 1100px) and (min-width: 992px) {
    .quality-of-work .photo-block img {
        margin-top: 2em;
    }
}

.quality-of-work .content-block {
    /* content block */
    background: #f5f5f5;
    padding: 5em 1.5em;
    position: relative;
    z-index: 1;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-top: -1px;
    margin-bottom: -1px;
}

@media (max-width: 1199px) {
    .quality-of-work .content-block {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media (max-width: 992px) {
    .quality-of-work .content-block {
        border-top: 0;
    }
}

@media (max-width: 768px) {
    .quality-of-work .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .quality-of-work .content-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.quality-of-work .content-block:after {
    content: '';
    width: 5em;
    height: 100%;
    box-sizing: content-box;
    position: absolute;
    left: -2.5em;
    top: -1px;
    background: #f5f5f5;
    z-index: -1;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transform: skew(-5deg, 0);
    transform: skew(-5deg, 0);
}

@media (max-width: 1200px) {
    .quality-of-work .content-block:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .quality-of-work .content-block .content-wrapper {
        max-width: 550px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .quality-of-work .content-block .content-wrapper {
        max-width: 585px;
        margin: auto;
    }
}

.quality-of-work .content-block .block-top-title {
    /* block top title */
}

.quality-of-work .content-block .block-top-title h3 {
    margin-top: 0;
}

.quality-of-work .content-block .features {
    /* features */
    margin-top: 28px;
    margin-bottom: 0;
}

.quality-of-work .content-block .features li {
    margin-bottom: 28px;
}

.quality-of-work .content-block .features li:last-child {
    margin-bottom: 0;
}

.quality-of-work .content-block .features li .icon-block {
    /* icon block */
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #333333;
    color: #ffffff;
    border-radius: 50%;
    font-size: 17.5px;
    text-align: center;
    float: left;
    border: 1px solid #ededed;
    margin-top: 1px;
    transition: .3s;
}

.quality-of-work .content-block .features li p {
    margin-left: 4em;
    margin-bottom: 0;
}

.quality-of-work .content-block .features li:hover .icon-block {
    background: #3baafe;
    color: #ffffff;
}

/*=======================
  PORTFOLIO
  =======================*/
.portfolio .portfolio-navigation {
    /* portfolio navigation */
    margin-bottom: 56px;
}

.portfolio .portfolio-navigation ul {
    text-align: center;
}

.portfolio .portfolio-navigation ul li {
    display: inline-block;
    padding: .5em 1em;
    background: #f5f5f5;
    color: #333333;
    transition: .3s;
    cursor: pointer;
    margin-right: 3.5px;
    border: 1px solid #e6e6e6;
}

.portfolio .portfolio-navigation ul li:last-child {
    margin-right: 0;
}

.portfolio .portfolio-navigation ul li:hover {
    color: #3baafe;
}

.portfolio .portfolio-navigation ul li.active {
    background: #3baafe;
    color: #ffffff;
    border-color: #0186eb;
}

@media (max-width: 568px) {
    .portfolio .portfolio-navigation ul li {
        margin-bottom: 15px;
    }
}

.portfolio .portfolio-content {
    /* portfolio content */
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 768px) {
    .portfolio .portfolio-content {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .portfolio .portfolio-content {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.portfolio .portfolio-content .portfolio-item {
    /* portfolio item */
    display: none;
}

@media (min-width: 1200px) {
    .portfolio .portfolio-content .portfolio-item:nth-child(n+5) {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .portfolio .portfolio-content .portfolio-item:nth-child(n+7) {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .portfolio .portfolio-content .portfolio-item:last-child {
        margin-bottom: 0;
    }
}

.portfolio .portfolio-content .portfolio-item figure {
    position: relative;
}

.portfolio .portfolio-content .portfolio-item figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(59, 170, 254, 0.8);
    text-align: center;
    opacity: 0;
    transition: .4s;
    margin: 0em;
}

.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content {
    /* hover content */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a {
    color: #333333;
    transition: .3s;
    margin-right: 3.5px;
}

.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a:hover {
    color: #3baafe;
}

.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content a:last-child {
    margin-right: 0;
}

.portfolio .portfolio-content .portfolio-item figure figcaption .hover-content .icon-block {
    /* icon block */
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
}

.portfolio .portfolio-content .portfolio-item figure:hover figcaption {
    opacity: 1;
    margin: 2em;
}

/*=======================
  OUR FEATURES
  =======================*/
.our-features {
    background: rgba(255, 255, 255, 0.85);
    position: relative;
    color: #333333;
}

.our-features:after {
    content: '';
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background: url(../img/environment.jpg) no-repeat center;
    /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
}

.our-features .image-block {
    /* image block */
}

.our-features .image-block .image-wrapper img {
    position: absolute;
    top: -4em;
    right: 3em;
}

.our-features .content-block {
    /* content block */
    padding-top: 4em;
    padding-bottom: 4em;
    padding-left: 2em;
}

.our-features .content-block .content-wrapper {
    padding: 0 0 0 35px;
}

@media (max-width: 768px) {
    .our-features .content-block .content-wrapper {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .our-features .content-block .content-wrapper {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.our-features .environment-details {
    /* environment details */
    margin-top: 21px;
    margin-bottom: 0;
}

.our-features .environment-details li {
    margin-bottom: 28px;
}

@media (min-width: 768px) {
    .our-features .environment-details li:nth-child(n+3) {
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .our-features .environment-details li:last-child {
        margin-bottom: 14px;
    }
}

.our-features .environment-details li .title-block {
    /* title block */
}

.our-features .environment-details li .title-block .icon-block {
    /* icon block */
    display: inline-block;
    margin-right: 14px;
    vertical-align: middle;
    font-size: 28px;
    color: #3baafe;
}

.our-features .environment-details li .title-block h4 {
    display: inline-block;
    vertical-align: middle;
}

.our-features .environment-details li p {
    margin-bottom: 0;
}

/*=======================
  OUR BLOG SECTION
  =======================*/
.our-blog .content-block {
    /* content block */
}

@media (max-width: 768px) {
    .our-blog .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .our-blog .content-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.our-blog .content-block .content-wrapper {
    /* content wrapper */
    background: #fafafa;
}

.our-blog .content-block .content-wrapper .blog-content {
    /* blog content */
    position: relative;
    padding-top: 1px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta {
    /* post meta */
    margin-left: 9em;
    margin-top: 1.5em;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta li {
    display: inline-block;
    margin-right: 1em;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta li span {
    margin-right: 4px;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta li:last-child {
    margin-right: 0;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta li a {
    color: #333333;
    text-transform: uppercase;
}

.our-blog .content-block .content-wrapper .blog-content .post-meta li a:hover {
    color: #3baafe;
}

.our-blog .content-block .content-wrapper .blog-content h4 {
    margin: .5em 0 0 0;
    padding: 7px 21px 0;
    transition: .3s;
    text-transform: uppercase;
    line-height: 1.5;
}

.our-blog .content-block .content-wrapper .blog-content h4 a {
    color: #333333;
    transition: .3s;
}

.our-blog .content-block .content-wrapper .blog-content h4:hover a {
    color: #0186eb;
}

.our-blog .content-block .content-wrapper .blog-content figure {
    width: 5em;
    height: 5em;
    position: absolute;
    left: 21px;
    top: -2.5em;
    border: 3.5px solid #ffffff;
}

.our-blog .content-block .content-wrapper .blog-content p {
    margin: 0;
    padding: 14px 21px;
}

.our-blog .content-block .content-wrapper .blog-content footer {
    padding: 14px 21px;
    text-transform: uppercase;
    transition: .3s;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 1px;
}

.our-blog .content-block .content-wrapper .blog-content footer .post-category {
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    float: left;
    transition: .3s;
}

.our-blog .content-block .content-wrapper .blog-content footer .post-category:hover {
    color: #0186eb;
}

.our-blog .content-block .content-wrapper .blog-content footer .read-more-link {
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    float: right;
    transition: .3s;
}

.our-blog .content-block .content-wrapper .blog-content footer .read-more-link:hover {
    color: #0186eb;
}

.our-blog .view-more-block {
    /* view more block */
    margin-top: 56px;
    text-align: center;
}

.our-blog .view-more-block .btn-main {
    color: #ffffff;
}

.our-blog .view-more-block .btn-main:hover {
    color: #ffffff;
}

/*=======================
  TESTIMONIAL
  =======================*/

.testimonials {
    color: #FFF;
    text-align: center;
}

#test_carousel {
    position: relative;
}
#test_carousel .item .details {
    display: block;
    width: 100%;
    height: auto;
}
.testimonials p {
    color: #838282;
    font-size: 18px;
    line-height: 30px;
}
.testimonials p span {
    font-size: 30px;
    position: relative;
    top: 6px;
}
.testimonials img {
    border-radius: 50%;
    margin: 15px 0;
}
.testimonials .owl-theme .owl-controls {
    margin-top: 30px;
}
.testimonials .owl-theme .owl-controls .owl-page span {
    border-color: #999;
}

.big_block {
    padding: 80px 0;
}

.title-span {
    font-weight: bold;
    text-align: center;
    color: white;
}

.title-strong {
    font-weight: bold;
    color: #3baafe;
}

#owl-demo .item {
    margin-left: 90px;
    margin-right: 90px;
    margin-bottom: 50px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item {
    margin-left: 90px;
    margin-right: 90px;
    margin-bottom: 50px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.testimonial {
    background: url(../images/testimonial.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonial .section_overlay {
    background: rgba(0, 0, 0, .6);
    padding-top: 60px;
    padding-bottom: 80px;
}

.carousel-indicators {
    bottom: -8px;
}

div.carousel-inner .item img {
    border: 2px solid #f39c12;
    border-radius: 50%;
    padding: 3px;
}

.testimonial_caption {
    padding-bottom: 70px;
}

.testimonial_caption p {
    color: #D8D8D8;
    font-size: 18px;
    line-height: 27px;
    padding-top: 50px;
}

.testimonial_caption h2 {
    color: #f39c12;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin-top: 25px;
}

.testimonial_caption h4 {
    color: #f39c12
}

.testimonial_caption h4 span {
    color: #D8D8D8;
    font-style: italic;
    font-weight: 300;
}

.testimonial ol.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #f39c12;
    margin: 1PX
}

.testimonial ol.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    border: 0px solid #f39c12;
    background: #f39c12;
}

.testimonial-carousel {
    background: #fafafa;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .testimonial-carousel {
        padding-top: 2em;
    }
}

.testimonial-carousel .carousel {
    /* carousel */
}

.testimonial-carousel .carousel.slide {
    position: relative;
}

.testimonial-carousel .carousel.slide .carousel-indicators {
    /* carousel indicators */
    bottom: 5em;
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .testimonial-carousel .carousel.slide .carousel-indicators {
        bottom: 3em;
    }
}

@media (max-width: 480px) {
    .testimonial-carousel .carousel.slide .carousel-indicators {
        display: none;
    }
}

.testimonial-carousel .carousel.slide .carousel-indicators li {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    width: 3em;
    height: 3em;
    transition: .3s;
    border: none;
}

.testimonial-carousel .carousel.slide .carousel-indicators li img {
    border-radius: 50%;
    opacity: .5;
    border: none;
}

.testimonial-carousel .carousel.slide .carousel-indicators li.active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background: transparent;
}

.testimonial-carousel .carousel.slide .carousel-indicators li.active img {
    opacity: 1;
}

.testimonial-carousel .carousel.slide .carousel-inner {
    min-height: 400px;
    height: 630px;
}

@media (max-width: 768px) {
    .testimonial-carousel .carousel.slide .carousel-inner {
        min-height: 350px;
    }
}

@media (max-width: 480px) {
    .testimonial-carousel .carousel.slide .carousel-inner {
        min-height: 420px;
    }
}

@media (max-width: 380px) {
    .testimonial-carousel .carousel.slide .carousel-inner {
        min-height: 450px;
    }
}

.testimonial-carousel .carousel.slide .carousel-inner .item {
    /* item */
    height: 630px;
}

.testimonial-carousel .carousel.slide .carousel-inner .item .carousel-caption {
    /* carousel caption */
    text-shadow: none;
    color: #333333;
}

.testimonial-carousel .carousel.slide .carousel-control-block {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .testimonial-carousel .carousel.slide .carousel-control-block {
        margin-bottom: 0;
    }
}

.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control {
    /* carousel control */
    background: #333333;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    text-shadow: none;
    opacity: 1;
    transition: .3s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: none;
}

.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control.left {
    left: -3em;
}

.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control.right {
    right: -3em;
}

.testimonial-carousel .carousel.slide .carousel-control-block .carousel-control:hover {
    background: #3baafe;
}

.testimonial-carousel .content-wrapper {
    width: 70%;
    margin: 6em auto 4em;
}

@media (max-width: 992px) and (min-width: 768px) {
    .testimonial-carousel .content-wrapper {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .testimonial-carousel .content-wrapper {
        width: 90%;
    }
}

.testimonial-carousel .content-wrapper .testimonial-content {
    /* testimonial content */
}

.testimonial-carousel .content-wrapper .testimonial-content blockquote {
    margin-top: 0em;
    margin-bottom: 3em;
    border: none;
    background: #ffffff;
    padding: 56px 49px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #e6e6e6;
    text-align: left;
}

.testimonial-carousel .content-wrapper .testimonial-content blockquote:after {
    content: "\f10d";
    width: 56px;
    height: 56px;
    background: #e6e6e6;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #333333;
    color: #ffffff;
    text-align: center;
    font-family: fontAwesome;
    line-height: 56px;
    font-style: normal;
    font-size: 21px;
}

@media (max-width: 768px) {
    .testimonial-carousel .content-wrapper .testimonial-content blockquote {
        margin-top: 1em;
    }
}

.testimonial-carousel .content-wrapper .testimonial-content blockquote .quote-author {
    /* quote author */
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 7px solid #e6e6e6;
    position: absolute;
    bottom: -2.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

.testimonial-carousel .content-wrapper .testimonial-content blockquote p {
    margin-bottom: 2em;
    margin-top: 1em;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
}

.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block {
    /* quote meta block */
    text-align: center;
    margin-top: 6em;
}

.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block h4 {
    margin-bottom: 7px;
    margin-top: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.testimonial-carousel .content-wrapper .testimonial-content .quote-meta-block h5 {
    margin-top: 11.5px;
    font-weight: normal;
}

.testimonial-carousel .content-wrapper .testimonial-author {
    /* testimonial author */
}

@media (max-width: 1200px) and (min-width: 992px) {
    .testimonial-carousel .content-wrapper .testimonial-author img {
        position: relative;
        bottom: -6em;
    }
}

/*=======================
  OUR PRICING
  =======================*/
.our-pricing {
    padding-bottom: calc(8em - 48px);
}

.our-pricing .content-block {
    /* content block */
}

@media (max-width: 768px) {
    .our-pricing .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .our-pricing .content-block {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.our-pricing .content-block > div {
    margin-bottom: 48px;
}

.our-pricing .content-block .package {
    /* package */
    background: #fafafa;
    padding: 21px;
    border: 1px solid #e6e6e6;
}

.our-pricing .content-block .package .singup-btn {
    /* signup btn */
}

.our-pricing .content-block .package .singup-btn h3 {
    padding: 14px 0 14px 0px;
    margin-bottom: -22px;
    margin-left: -22px;
    margin-right: -22px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    transition: .3s;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.our-pricing .content-block .package .singup-btn:hover h3 {
    background: #0186eb;
    border-color: #0186eb;
    color: #ffffff;
}

.our-pricing .content-block .package h2 {
    border: 1px solid #e6e6e6;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fafafa;
    margin-left: -22px;
    margin-right: -22px;
    padding-left: 21px;
    padding-right: 0;
    font-weight: 900;
    position: relative;
    margin-top: 42px;
    margin-bottom: 42px;
    transition: .3s;
}

.our-pricing .content-block .package h2 span {
    position: absolute;
    top: -17.5px;
    right: 21px;
    background: #f5f5f5;
    width: 4em;
    height: 3em;
    line-height: calc(3em - 11.5px);
    text-align: center;
    border: 5px solid #333333;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    transition: .3s;
}

.our-pricing .content-block .package h2 small {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 42px;
    color: #333333;
    letter-spacing: 1px;
}

.our-pricing .content-block .package ul {
    margin-top: 21px;
    margin-bottom: 42px;
}

.our-pricing .content-block .package ul li {
    margin-bottom: 11.5px;
    border-bottom: 1px dotted #8b8b8b;
    padding-bottom: 11.5px;
    text-transform: capitalize;
}

.our-pricing .content-block .package ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.our-pricing .content-block .package.professional {
    /* different style for professional package */
    position: relative;
    overflow: hidden;
}

.our-pricing .content-block .package.professional h6 {
    position: absolute;
    top: 0;
    right: -2em;
    background: #3baafe;
    padding: 7px 35px;
    color: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-transform: uppercase;
    z-index: 200;
}

.our-pricing .content-block .package.professional h2 {
    border-color: #e6e6e6;
    background: #fafafa;
}

.our-pricing .content-block .package.professional h2 span {
    border-color: #333333;
}

.our-pricing .content-block .package:hover h2 span {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border-color: #3baafe;
}

.our-pricing .content-block .package:hover .singup-btn h3 {
    background: #3baafe;
    color: #ffffff;
}

.our-pricing .content-block .package:hover .singup-btn h3:hover {
    background: #0186eb;
}

/*=======================
  FUN FACTS
  =======================*/
.fun-facts {
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    padding-bottom: calc(8em - 48px);
}

.fun-facts:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background: url(../img/fun-facts-bg.jpg) no-repeat center;
    /* IMAGE SIZE SHOULD BE 1500x1000 OR ANY LANDSCAPE IMAGE */
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}

.fun-facts .content-block {
    /* content block */
    color: #ffffff;
    margin-bottom: 48px;
}

.fun-facts .content-block .content-wrapper {
    margin: auto;
    text-align: center;
}

.fun-facts .content-block .content-wrapper .icon-block {
    /* icon block */
    color: #3baafe;
    font-size: 42px;
    margin-bottom: 21px;
}

.fun-facts .content-block .content-wrapper .icon-block:after {
    content: '';
    width: 28px;
    height: 3px;
    background: #ffffff;
    display: block;
    margin: auto;
    margin-top: 14px;
}

.fun-facts .content-block .content-wrapper h4 {
    color: #ffffff;
    text-transform: uppercase;
}

.fun-facts .content-block .content-wrapper h4 strong {
    display: block;
    color: #3baafe;
    font-size: 36px;
    margin-bottom: 21px;
}

/*=======================
  CLIENTS
  =======================*/
.our-clients .content-block {
    /* content block */
}

.emp-item-img {
    border: 2px solid #f39c12;
    border-radius: 50%;
    padding: 3px;
}

@media (max-width: 768px) {
    .our-clients .content-block {
        padding-left: 3em;
        padding-right: 3em;
    }
}

.our-clients .content-block > div .content-wrapper {
    background: #fafafa;
    width: 100%;
    height: 10em;
    position: relative;
    border: 1px solid #e6e6e6;
}

@media (max-width: 991px) {
    .our-clients .content-block > div .content-wrapper {
        margin-bottom: 28px;
    }
}

.our-clients .content-block > div .content-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    /* making black & white */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    transition: .2s;
}

.our-clients .content-block > div .content-wrapper img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

/*=======================
  CONTACT US
  =======================*/
.contact-us {
    background: #fafafa;
    padding-bottom: calc(8em - 48px);
}

.contact-us .contact-form {
    /* contact form */
    margin-bottom: 48px;
}

.contact-us .contact-form .form-control {
    background: #f5f5f5;
}

.contact-us .contact-form .form-content .message-field textarea {
    height: 10em;
}

.contact-us .home-map-block {
    /* home map block */
    margin-top: 14px;
    margin-bottom: 48px;
}

.contact-us .home-map-block .map {
    height: 270px;
}

/*=======================
  MAIN FOOTER
  =======================*/
.main-footer {
    background: #1a1a1a;
    color: #ffffff;
}

.main-footer .footer-content {
    /* footer content */
    padding-top: 7em;
    padding-bottom: calc(7em - 48px);
}

@media (max-width: 768px) {
    .main-footer .footer-content {
        padding-left: 3em;
        padding-right: 3em;
    }
}

@media (max-width: 480px) {
    .main-footer .footer-content {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}

.main-footer .footer-content .content-block {
    margin-bottom: 48px;
}

.main-footer .footer-content .block-heading {
    /* block heading */
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.main-footer .footer-content .short-about {
    /* about */
}

.main-footer .footer-content .short-about h4 {
    color: #ffffff;
    text-transform: uppercase;
}

.main-footer .footer-content .short-about p {
    color: #8b8b8b;
}

.main-footer .footer-content .short-about ul {
    margin-top: 28px;
}

.main-footer .footer-content .short-about ul li {
    display: inline-block;
    transition: .4s;
    margin-right: 2px;
}

.main-footer .footer-content .short-about ul li .icon-block {
    width: 42px;
    height: 42px;
    background: transparent;
    color: #333333;
    line-height: 42px;
    text-align: center;
    transition: .3s;
    font-size: 17.5px;
    border: 1px solid #4d4d4d;
    color: #8b8b8b;
}

.main-footer .footer-content .short-about ul li:hover .icon-block {
    background: #3baafe;
    color: #ffffff;
    border-color: #0186eb;
}

.main-footer .footer-content .short-about ul li:last-child {
    margin-right: 0;
}

.main-footer .footer-content .address-block {
    /* address */
    color: #8b8b8b;
}

.main-footer .footer-content .address-block .email-link span,
.main-footer .footer-content .address-block .phone-call span {
    margin-right: 14px;
    color: #8b8b8b;
}

.main-footer .footer-content .address-block .email-link a,
.main-footer .footer-content .address-block .phone-call a {
    color: #8b8b8b;
}

.main-footer .footer-content .address-block .email-link a:nth-of-type(2),
.main-footer .footer-content .address-block .phone-call a:nth-of-type(2) {
    margin-left: 29px;
}

.main-footer .footer-content .address-block .email-link {
    margin-bottom: 21px;
}

.main-footer .footer-content .useful-links {
    /* userful links */
}

.main-footer .footer-content .useful-links ul li {
    margin-bottom: 14px;
}

.main-footer .footer-content .useful-links ul li:last-child {
    margin-bottom: 0;
}

.main-footer .footer-content .useful-links ul li a {
    color: #8b8b8b;
    transition: .3s;
}

.main-footer .footer-content .useful-links ul li a:hover {
    color: #3baafe;
}

.main-footer .footer-content .twitter-updates {
    /* twitter updates */
}

.main-footer .footer-content .twitter-updates .tweet-list li {
    margin-bottom: 21px;
}

.main-footer .footer-content .twitter-updates .tweet-list li:last-child {
    margin-bottom: 0;
}

.main-footer .footer-content .twitter-updates .tweet-list li p {
    color: #8b8b8b;
}

.main-footer .footer-content .twitter-updates .tweet-list li p a {
    color: #3baafe;
}

.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time {
    font-style: italic;
    font-size: 13px;
}

.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time span {
    font-style: normal;
    font-size: 14px;
}

.main-footer .copyright-info {
    /* copyright info */
    background: #333333;
    padding: 21px 0;
    position: relative;
}

.main-footer .copyright-info .copyright-block p {
    margin-bottom: 0;
    color: #8b8b8b;
}

@media (max-width: 767px) {
    .main-footer .copyright-info .copyright-block p {
        text-align: center;
        margin-top: 7px;
        margin-bottom: 7px;
    }
}

.main-footer .copyright-info .extra-link ul {
    margin-bottom: 0;
    text-align: right;
}

.main-footer .copyright-info .extra-link ul li {
    display: inline-block;
    margin-right: 14px;
}

.main-footer .copyright-info .extra-link ul li:last-child {
    margin-right: 0;
}

.main-footer .copyright-info .extra-link ul li a {
    color: #8b8b8b;
    transition: .3s;
}

.main-footer .copyright-info .extra-link ul li a:hover {
    color: #3baafe;
}

.main-footer .copyright-info .back-to-top {
    /* block top title */
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    background: #ffffff;
    color: #333333;
    top: -1.5em;
    transition: .3s;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-footer .copyright-info .back-to-top a {
    color: #333333;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.main-footer .copyright-info .back-to-top:hover {
    background: #3baafe;
}

.main-footer .copyright-info .back-to-top:hover a {
    color: #ffffff;
}

/*=======================
  MISC
  =======================*/
/* styling for pop up js */
.popup .popup_content img {
    max-height: 100%;
}

.popup_cont {
    z-index: 2000;
}

/* blog carousel */
.blog-carousel {
    /* styling for owl carousel item */
    overflow: hidden;
}

/**
 * owl carousel for blog postss
 */
.our-blog .owl-carousel .owl-controls .owl-nav {
    margin-top: 48px;
}

.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #333333;
    color: #ffffff;
    transition: .3s;
    padding: 0;
    border-radius: 0;
}

.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next:hover {
    background: #3baafe;
}

/**
 * owl carousel for clients
 */
.our-clients .owl-carousel .owl-nav {
    margin-top: 48px;
}

/*=======================
  BLOG
  =======================*/
.blog-posts {
    margin-top: 3em;
}

.blog-posts .content .the-post {
    /* styling the blog post */
    margin-top: 3em;
    margin-bottom: 3em;
    background: #fafafa;
}

.blog-posts .content .the-post .img-content {
    background-size: cover;
    background-position: center;
}

.blog-posts .content .the-post .blog-content {
    /* blog content */
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.blog-posts .content .the-post .blog-content .post-author {
    width: 90px;
    height: 90px;
    border: 3.5px solid #ffffff;
    position: absolute;
    top: -3em;
    left: 28px;
}

.blog-posts .content .the-post .blog-content .post-title {
    /* post title */
    padding-bottom: 14px;
    margin: 21px 28px 0;
    text-transform: uppercase;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .blog-posts .content .the-post .blog-content .post-title {
        font-size: 18px;
    }
}

.blog-posts .content .the-post .blog-content .post-title a {
    color: #333333;
    transition: .3s;
}

.blog-posts .content .the-post .blog-content .post-title:hover a {
    color: #3baafe;
}

.blog-posts .content .the-post .blog-content .post-text {
    /* post text // you can style here for post formatting */
    padding: 0px 28px 28px;
    margin: 0;
}

.blog-posts .content .the-post .blog-content .post-meta {
    /* post meta */
    font-family: 'Montserrat', sans-serif;
    margin: 0 28px 0 calc(6em + 28px + 28px);
    padding-top: 28px;
    text-transform: uppercase;
    font-size: 13px;
}

@media (max-width: 480px) {
    .blog-posts .content .the-post .blog-content .post-meta {
        margin-left: 28px;
        padding-top: 5em;
        font-size: 12px;
    }
}

.blog-posts .content .the-post .blog-content .post-meta li {
    display: inline-block;
    margin-right: 14px;
}

@media (max-width: 480px) {
    .blog-posts .content .the-post .blog-content .post-meta li {
        margin-right: 7px;
    }
}

.blog-posts .content .the-post .blog-content .post-meta li a {
    color: #1a1a1a;
    font-weight: 700;
    transition: .2s;
    margin-left: 3px;
}

.blog-posts .content .the-post .blog-content .post-meta li a:hover {
    color: #3baafe;
}

.blog-posts .content .the-post .blog-content .post-meta li:last-child {
    margin-right: 0;
}

.blog-posts .content .the-post .blog-content footer {
    padding: 28px 0;
    margin: 0 28px;
    border-top: 1px solid #e6e6e6;
    font-family: 'Montserrat', sans-serif;
}

.blog-posts .content .the-post .blog-content footer a {
    color: #1a1a1a;
    font-weight: bold;
}

.blog-posts .content .the-post .blog-content footer a:hover {
    color: #3baafe;
}

.blog-posts .content .the-post .blog-content footer a:hover span {
    color: #1a1a1a;
}

.blog-posts .content .the-post .blog-content footer .post-category {
    float: left;
}

.blog-posts .content .the-post .blog-content footer .post-category span {
    margin-right: 3.5px;
}

.blog-posts .content .the-post .blog-content footer .read-more-link {
    float: right;
}

.blog-posts .content .the-post.single {
    /* style for single post article */
}

.blog-posts .content .the-post.single .blog-content .post-meta li a {
    margin-left: 3.5px;
    transition: .3s;
}

.blog-posts .content .the-post.single .blog-content .post-meta li a:hover {
    color: #0186eb;
}

.blog-posts .content .the-post.single .blog-content .post-meta li:last-child a {
    margin-left: 0;
}

.blog-posts .content .the-post.single .blog-content .post-text {
    /* post formatting in single post */
    padding: 14px 28px 28px;
}

.blog-posts .content .the-post.single .blog-content .post-text blockquote {
    margin-top: 2em;
    margin-bottom: 2em;
    color: #8c8c8c;
}

.blog-posts .content .the-post.single .blog-content .post-footer {
    padding: 28px 0px;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .footer-title {
    letter-spacing: 3px;
    text-transform: uppercase;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul {
    margin-bottom: 0;
    font-size: 13px;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li {
    display: inline-block;
    margin-right: 7px;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li:last-child {
    margin-right: 0;
}

@media (max-width: 768px) {
    .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block {
        margin-bottom: 28px;
    }
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li a:after {
    content: ',';
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li:last-child a:after {
    content: none;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
    text-align: right;
}

@media (max-width: 767px) {
    .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
        text-align: left;
    }
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul {
    margin-left: -3.5px;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li a {
    padding: 0 3.5px;
}

.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li:first-child {
    text-transform: uppercase;
    font-weight: bold;
}

.blog-posts .content .comments-block {
    /* comments block */
    background: #fafafa;
    margin-bottom: 3em;
}

.blog-posts .content .comments-block .comment-block-title {
    padding: 21px 35px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.blog-posts .content .comments-block .comment-list {
    margin: 0;
    padding: 21px 35px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 580px) {
    .blog-posts .content .comments-block .comment-list {
        padding: 21px;
    }
}

.blog-posts .content .comments-block .comment-list .comment .comment-block {
    border-bottom: 1px solid #e6e6e6;
    padding: 42px 0 32px;
    /* extra 10 commes from bootstraps p elements bottom margin */
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
    width: 6em;
    float: left;
    margin-right: 2em;
}

@media (max-width: 580px) {
    .blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
    width: calc(100% - 8em);
    float: left;
}

@media (max-width: 580px) {
    .blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
        width: 100%;
    }
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
    margin-top: 0;
    margin-bottom: 21px;
    font-weight: normal;
    color: #999999;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
    font-weight: 700;
    color: #333333;
    margin-right: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 580px) {
    .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
        display: block;
        margin-bottom: .5em;
    }
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta span {
    font-weight: 700;
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply {
    display: inline-block;
    font-weight: 700;
    color: #333333;
    margin-left: 14px;
    font-size: 14px;
}

.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #333333;
    display: block;
    margin-top: 3.5px;
}

@media (max-width: 768px) {
    .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
        line-height: 1.5;
    }
}

.blog-posts .content .comments-block .comment-list .comment:last-child .comment-block {
    border-bottom: 0;
    border-top: 1px solid #e6e6e6;
}

.blog-posts .content .comments-block .comment-list .comment .reply-block {
    padding-left: 6em;
}

@media (max-width: 767px) {
    .blog-posts .content .comments-block .comment-list .comment .reply-block {
        padding-left: 2em;
    }
}

.blog-posts .content .comments-block .comment-list .comment .reply-block .comment-block {
    border-top: 0;
}

.blog-posts .content .add-comment-block {
    /* add comment block */
    background: #fafafa;
    margin-bottom: 5em;
}

.blog-posts .content .add-comment-block .add-comment-block-title {
    padding: 21px 35px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.blog-posts .content .add-comment-block form {
    padding: 42px 35px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.blog-posts .content .add-comment-block form .form-group .form-control {
    border-radius: 0;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    text-shadow: none;
    height: 48px;
}

.blog-posts .content .add-comment-block form .form-group .form-control:focus {
    box-shadow: 0 0 1px #3baafe;
}

.blog-posts .content .add-comment-block form .form-group .form-control.message-input {
    height: 12.4em;
    padding: 14px;
}

.blog-posts .content .add-comment-block form .btn {
    color: #ffffff;
}

.blog-posts .sidebar {
    /* sidebar */
}

.blog-posts .sidebar .sidebar-block {
    /* sidebar block */
    margin-top: 3em;
    margin-bottom: 3em;
    background: #fafafa;
    padding: 28px 28px 18px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.blog-posts .sidebar .sidebar-block .block-title {
    /* block title */
    margin: -29px -29px 28px;
    /* 1px added on left right to cover the border */
    padding: 21px 28px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.blog-posts .sidebar .sidebar-block h1,
.blog-posts .sidebar .sidebar-block h2,
.blog-posts .sidebar .sidebar-block h3,
.blog-posts .sidebar .sidebar-block h4,
.blog-posts .sidebar .sidebar-block h5,
.blog-posts .sidebar .sidebar-block h6 {
    color: #333333;
    line-height: 1.5;
    margin: 0;
}

.blog-posts .sidebar .sidebar-block .sidebar-img-block {
    width: 5em;
    height: 5em;
    float: left;
    margin-right: 21px;
}

.blog-posts .sidebar .sidebar-block .sidebar-img-block img {
    border: 1px solid #e6e6e6;
}

.blog-posts .sidebar .sidebar-block .sidebar-content-block {
    width: calc(100% - 91px);
    float: left;
}

.blog-posts .sidebar .sidebar-block .sidebar-content-block a {
    margin-left: 3px;
    margin-right: 3px;
}

.blog-posts .sidebar .sidebar-block ul li {
    margin-bottom: 21px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e6e6e6;
}

.blog-posts .sidebar .sidebar-block ul li h1,
.blog-posts .sidebar .sidebar-block ul li h2,
.blog-posts .sidebar .sidebar-block ul li h3,
.blog-posts .sidebar .sidebar-block ul li h4,
.blog-posts .sidebar .sidebar-block ul li h5,
.blog-posts .sidebar .sidebar-block ul li h6 {
    text-transform: uppercase;
}

.blog-posts .sidebar .sidebar-block ul li h1 a,
.blog-posts .sidebar .sidebar-block ul li h2 a,
.blog-posts .sidebar .sidebar-block ul li h3 a,
.blog-posts .sidebar .sidebar-block ul li h4 a,
.blog-posts .sidebar .sidebar-block ul li h5 a,
.blog-posts .sidebar .sidebar-block ul li h6 a {
    color: #333333;
}

.blog-posts .sidebar .sidebar-block ul li h1 a:hover,
.blog-posts .sidebar .sidebar-block ul li h2 a:hover,
.blog-posts .sidebar .sidebar-block ul li h3 a:hover,
.blog-posts .sidebar .sidebar-block ul li h4 a:hover,
.blog-posts .sidebar .sidebar-block ul li h5 a:hover,
.blog-posts .sidebar .sidebar-block ul li h6 a:hover {
    color: #3baafe;
}

.blog-posts .sidebar .sidebar-block ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.blog-posts .sidebar .sidebar-block ul.plain-list li {
    margin-bottom: 21px;
}

.blog-posts .sidebar .sidebar-block ul.plain-list li:last-child {
    margin-bottom: 0;
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
    margin-bottom: 11.5px;
}

@media (max-width: 767px) {
    .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
        font-size: 90%;
    }
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a {
    color: #333333;
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a:hover {
    color: #3baafe;
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
    text-transform: lowercase;
}

@media (max-width: 767px) {
    .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
        font-size: 95%;
    }
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb .comment-author {
    text-transform: uppercase;
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb p {
    font-size: 12px;
    margin-bottom: 0;
}

.blog-posts .sidebar .sidebar-block ul.list-with-thumb p a {
    color: #333333;
    font-weight: 700;
}

.blog-posts .sidebar .sidebar-block ul.circle-thumb .sidebar-img-block img {
    border-radius: 50%;
}

/**
 * pagination
 */
.pagination-block ul {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
}

.pagination-block ul li {
    display: inline-block;
    padding: 7px 0;
    margin-right: 3.5px;
}

.pagination-block ul li a {
    color: #333333;
    font-weight: 700;
    padding: 14px 21px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    transition: .3s;
}

.pagination-block ul li a:hover {
    background: #f5f5f5;
}

.pagination-block ul li.dots {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    padding: 12px 21px;
}

.pagination-block ul li:first-child {
    float: left;
}

.pagination-block ul li:last-child {
    float: right;
}

.pagination-block ul li.active a {
    background: #3baafe;
    border-color: #0186eb;
    color: #ffffff;
}

.pagination-block ul li.active a:hover {
    background: #0186eb;
}

.pagination-block ul li:last-child {
    margin-right: 0;
}

@media (max-width: 480px) {
    .pagination-block ul li {
        /* removing numbered element on small screen except first child and last child */
        display: none;
    }

    .pagination-block ul li:first-child {
        display: inline-block !important;
    }

    .pagination-block ul li:last-child {
        display: inline-block !important;
    }
}

.blog-page {
    /* different style for pagination on blog page */
}

.blog-page .pagination-block ul {
    margin-bottom: 5em;
}

/**
 * STYLING FOR PAGES - (MULTIPAGE PART)
 */
.page-title-block {
    background: rgba(59, 170, 254, 0.8);
    padding: 9em 0;
    text-align: center;
    color: #ffffff;
    position: relative;
}

.page-title-block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background: url(../img/page-banner.jpg) no-repeat center;
    /* IMAGE SIZE SHOULD BE  */
    background-size: cover;
    z-index: -1;
}

.page-title-block .heading-wrapper h2 {
    margin-top: 0;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #ffffff;
}

.page-title-block .heading-wrapper h5 {
    margin-bottom: 0;
    margin-top: 0;
    color: #ffffff;
}

.page-title-block.blog-page {
    /* BLOG PAGE */
}

.page-title-block.blog-page:after {
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background-image: url(../img/blog-banner.jpg);
    /* IMAGE SIZE SHOULD BE 1500X416 */
}

.page-title-block.post-page {
    /* POST PAGE */
}

.page-title-block.post-page:after {
    /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
    background-image: url(../img/post-banner.jpg);
    /* IMAGE SIZE SHOULD BE 1500X416 */
}

/**
 * CONTACT PAGE
 */
/* this contact form style shares the style with the index page's contact form */
@media (max-width: 1199px) {
    .contact-form {
        margin-top: 28px;
    }
}

.contact-form h5 {
    margin-top: 31px;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.contact-form .form-message p {
    margin-bottom: 14px;
}

.contact-form .form-message p.success {
    background: #3baafe;
    color: #ffffff;
    padding: .8em;
}

.contact-form .form-message p.error {
    background: red;
    color: #ffffff;
    padding: .8em;
}

.contact-form .form-control {
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    height: 48px;
    padding-left: 14px;
    border-color: #e6e6e6;
}

.contact-form .form-content .name-field {
    padding-right: 7px;
}

@media (max-width: 991px) {
    .contact-form .form-content .name-field {
        padding-right: 15px;
    }
}

.contact-form .form-content .email-field {
    padding-left: 7px;
}

@media (max-width: 991px) {
    .contact-form .form-content .email-field {
        padding-left: 15px;
    }
}

.contact-form .form-content .message-field textarea {
    height: 8em;
    padding-top: 14px;
}

.contact-form .form-content .btn {
    color: #ffffff;
}

.address {
    /* ADDRESS BLOCK */
}

@media (max-width: 991px) {
    .address {
        margin-top: 28px;
    }
}

.address h5 {
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 28px;
}

.address .email-link {
    /* email link */
    margin-bottom: 14px;
}

.address .email-link span {
    margin-right: 14px;
}

.address .email-link a {
    color: #333333;
}

.address .email-link a:nth-of-type(2) {
    margin-left: 29px;
}

.address .phone-call {
    /* phone call */
}

.address .phone-call span {
    margin-right: 14px;
}

.address .phone-call a {
    color: #333333;
}

.address .phone-call a:nth-of-type(2) {
    margin-left: 29px;
}

.google-maps-block {
    /* google map block */
    margin-top: 6em;
}

.google-maps-block .map {
    height: 400px;
    background: #fafafa;
}