/*!
Theme Name: DataCall
Theme URI: http://datacall/
Author: Studio Matrix
Author URI: http://studiomatrix.com.np/
Description: A Custom WordPress Theme for DataCall Communication Pvt. Ltd by StudioMatrix Nepal
Version: 1.0.0
Text Domain: DataCall
*/
/*@import "https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900";*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html
{
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

:focus
{
    outline: 0;
}

ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

:focus
{
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

/*$responsive: "screen and (max-width: 991px)";*/
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear
{
    display: block;
    clear: both;
}

.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

* html .clearfix,
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/*--------------------------------------------------------------
# Box Sizing
--------------------------------------------------------------*/
*,
*:after,
*:before
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
# Links
  --------------------------------------------------------------*/
a
{
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-decoration: none;
    letter-spacing: .063rem;

    color: #252525;
    outline: 0;
}

a:hover
{
    color: #43ad98;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
img
{
    max-width: 100%;

    vertical-align: middle;

    border: 0;
}

img.alignleft
{
    margin-right: 20px;
    margin-bottom: 20px;
}

img.alignright
{
    margin-bottom: 20px;
    margin-left: 20px;
}

img.aligncenter
{
    display: inherit;

    margin: auto;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.pull-left,
.alignleft,
.floatleft
{
    float: left;
}

.pull-right,
.alignright,
.floatright
{
    float: right;
}

@media screen and (max-width: 768px)
{
    .alignleft,
    .alignright
    {
        float: none;
    }
}

/*--------------------------------------------------------------
# Accessibilty
--------------------------------------------------------------*/
.says,
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
}

.site .skip-link
{
    font-size: 14px;

    top: -9999em;
    left: -9999em;

    display: block;

    padding: 15px 23px 14px;

    text-decoration: none;
    text-transform: none;

    color: #21759b;
    outline: none;
    background-color: #f1f1f1;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
}

.logged-in .site .skip-link
{
    font: bold 14px/normal 'Open Sans', sans-serif;

    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

.site .skip-link:focus
{
    z-index: 100000;
    top: 7px;
    left: 6px;

    clip: auto;

    width: auto;
    height: auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*h1 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h2 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h3 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h4 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h5 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h6 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
p
{
    line-height: 1.375;
}

sup,
sub
{
    font-size: .6em;

    position: relative;
}

sup
{
    top: -7px;
}

sub
{
    bottom: -7px;
}

dfn,
cite,
em,
i
{
    font-style: italic;
}

big
{
    font-size: 150%;
}

.bold,
strong
{
    font-weight: 700;
}

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
body
{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;

    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead
{
    position: relative;
    z-index: 10;

    width: 100%;
    padding: 20px 0;

    background-color: #fff;
    /*-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.7); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.7); box-shadow: 0 0 10px 0 rgba(0,0,0,0.7);*/
}

#masthead .wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#masthead .site-branding
{
    width: 200px;
}

#masthead .site-branding a
{
    display: block;
}

#masthead .site-branding a img
{
    width: 100%;
}

#masthead .specialist
{
    font-size: .875rem;
    font-weight: 500;
    font-style: italic;

    text-align: center;
    text-transform: lowercase;

    color: #43ad98;
}

#masthead .main-navigation
{
    width: 500px;
}

#masthead .menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#masthead .menu li a
{
    font-size: .875rem;
    font-weight: 600;
}

#masthead .menu li.current-menu-item a
{
    padding: 5px 20px;

    color: #fff;
    border-radius: 5px;
    background-color: #43ad98;
}

#masthead .menu li.current-menu-item a:hover
{
    background-color: #358878;
}

@media screen and (min-width: 1681px)
{
    #masthead .site-branding
    {
        width: 260px;
    }
    #masthead .specialist
    {
        font-size: 1.125rem;

        width: calc(100% - (260px + 500px));
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    #masthead .specialist
    {
        font-size: 1rem;

        width: calc(100% - (200px + 500px));
    }
}

@media screen and (max-width: 1024px)
{
    #masthead
    {
        position: fixed;
        top: 0;
        left: 0;

        width: 100%;
        padding: 10px 0;

        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
    }
    #masthead .specialist
    {
        width: calc(100% - 200px);
    }
    #masthead .main-navigation
    {
        position: absolute;
        top: 57px;
        left: 0;
        /*@include transition();*/

        display: none;

        width: 100%;

        background-color: #43ad98;
    }
    #masthead .menu
    {
        display: block;
        /*@include position($p: absolute, $t: 50%, $l: 50%); @include translator(-50%, -50%);*/

        width: 100%;

        text-align: center;
    }
    #masthead .menu li
    {
        border-bottom: 1px solid #fff;
    }
    #masthead .menu li a
    {
        font-size: 1rem;

        display: block;

        padding: 12px 20px;

        text-transform: uppercase;

        color: #fff;
    }
    #masthead .menu li a:hover
    {
        background-color: #358878;
    }
    #masthead .menu li:first-child
    {
        border-top: 1px solid #fff;
    }
    #masthead .menu li:last-child a
    {
        padding: 12px 20px;

        border-radius: initial;
    }
    #masthead .menu li:last-child a:hover
    {
        background-color: #358878;
    }
}

@media screen and (max-width: 600px)
{
    #masthead .wrapper
    {
        display: inherit;
    }
    #masthead .site-branding
    {
        width: 100%;
        max-width: 200px;
        /*margin: 0 auto;*/
    }
    #masthead .specialist
    {
        width: 100%;
        margin: 15px 0 0;
    }
    #masthead .main-navigation
    {
        top: 90px;
    }
}

@media screen and (max-width: 480px)
{
    #masthead .site-branding
    {
        max-width: 180px;
    }
    #masthead .specialist
    {
        font-size: .75rem;
    }
    #masthead .main-navigation
    {
        top: 85px;
    }
    #masthead .menu li a
    {
        font-size: .875rem;

        padding: 10px 20px;
    }
}

#masthead .mobile-nav
{
    position: absolute;
    z-index: 11;
    top: 17px;
    right: 20px;

    display: none;

    width: 33px;
    height: 25px;

    cursor: pointer;
    /*@media screen and (max-width: 480px){@include position($t: 42px);}*/
}

#masthead .mobile-nav div
{
    position: absolute;
    left: 0;

    display: block;

    width: 100%;
    height: 5px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

    background-color: #43ad98;
}

#masthead .mobile-nav div:nth-child(1)
{
    top: 0;
}

#masthead .mobile-nav div:nth-child(2),
#masthead .mobile-nav div:nth-child(3)
{
    top: 10px;
}

#masthead .mobile-nav div:nth-child(4)
{
    top: 20px;
}

#masthead .mobile-nav.open div:nth-child(1),
#masthead .mobile-nav.open div:nth-child(4)
{
    top: 10px;
    left: 50%;

    width: 0;
}

#masthead .mobile-nav.open div:nth-child(2)
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

#masthead .mobile-nav.open div:nth-child(3)
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media screen and (max-width: 1024px)
{
    #masthead .mobile-nav
    {
        display: block;
    }
}

@media screen and (max-width: 600px)
{
    #masthead .mobile-nav
    {
        top: 12px;
    }
}

/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# html
--------------------------------------------------------------*/
html
{
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
body
{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;

    position: relative;
    z-index: 1;

    overflow-x: hidden;

    width: 100%;

    background-color: #fff;
}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    letter-spacing: .063rem;
    text-transform: uppercase;

    color: #43ad98;
    /*@media screen and (min-width: 1025px) {line-height: 1.375em;}*/
}

h1
{
    font-size: 1.375rem;

    text-align: center;
}

@media screen and (min-width: 1681px)
{
    h1
    {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    h1
    {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    h1
    {
        font-size: 1.5rem;
    }
}

h1.sectionTitle
{
    font-weight: 600;

    position: relative;

    margin-bottom: 40px;

    text-align: center;
}

h1.sectionTitle:before
{
    position: absolute;
    bottom: -5px;
    left: 50%;

    display: block;

    width: 80px;
    height: 1px;

    content: '';
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);

    background-color: #43ad98;
}

@media screen and (max-width: 1024px)
{
    h1.sectionTitle
    {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 480px)
{
    h1.sectionTitle
    {
        margin-bottom: 20px;
    }
}

h2
{
    font-size: 1.25rem;
}

@media screen and (min-width: 1681px)
{
    h2
    {
        font-size: 2.188rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    h2
    {
        font-size: 1.75rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    h2
    {
        font-size: 1.375rem;
    }
}

h3
{
    font-size: 1.188rem;
}

@media screen and (min-width: 1681px)
{
    h3
    {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    h3
    {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    h3
    {
        font-size: 1.25rem;
    }
}

/*--------------------------------------------------------------
# Paragraphs
--------------------------------------------------------------*/
p
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    font-weight: 400;

    margin: 0;

    letter-spacing: .063em;

    color: #252525;
}

@media screen and (min-width: 1025px)
{
    p
    {
        font-size: 1rem;
    }
}

/*--------------------------------------------------------------
# Input, Textarea & Select Tags
--------------------------------------------------------------*/
select,
textarea,
input
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1em;

    border: 0 none;
    border-radius: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder
{
    opacity: 1;
    color: #252525;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder
{
    opacity: 1;
    color: #252525;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder
{
    opacity: 1;
    color: #252525;
}

/*--------------------------------------------------------------
# Wrapper
--------------------------------------------------------------*/
.wrapper
{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/*--------------------------------------------------------------
# smallWrapper
--------------------------------------------------------------*/
.smallWrapper
{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0 20px;
}

.smallWrapper p,
.smallWrapper li
{
    font-size: 1.5rem;
    font-weight: 300;

    text-align: center;
}

@media screen and (min-width: 1681px)
{
    .smallWrapper
    {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .smallWrapper
    {
        margin-bottom: 40px;
    }
    .smallWrapper p,
    .smallWrapper li
    {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1024px)
{
    .smallWrapper
    {
        /*margin-bottom: 40px;*/
    }
    .smallWrapper p,
    .smallWrapper li
    {
        font-size: 1rem;
    }
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section
{
    padding: 40px 0;
}

@media screen and (min-width: 1681px)
{
    section
    {
        padding: 120px 0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    section
    {
        padding: 80px 0;
    }
}

/*--------------------------------------------------------------
# Content | site-content
--------------------------------------------------------------*/
@media screen and (max-width: 1024px)
{
    #content
    {
        margin-top: 57px;
    }
}

@media screen and (max-width: 600px)
{
    #content
    {
        margin-top: 90px;
    }
}

@media screen and (max-width: 480px)
{
    #content
    {
        margin-top: 85px;
    }
}

/*--------------------------------------------------------------
# Homepage CSS
--------------------------------------------------------------*/
.slider
{
    padding: 0;
    /*.tp-caption{z-index: 30 !important; text-align: center !important;}*/
}

.slider .slotholder:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .6);
}

.quote
{
    text-align: center;

    background-color: #e9e9e9;
}

.quote h1
{
    font-weight: 500;

    text-transform: uppercase;
}

@media screen and (min-width: 1025px)
{
    .quote
    {
        padding: 50px 0;
    }
}

@media screen and (max-width: 1024px)
{
    .quote
    {
        padding: 40px 0;
    }
}

@media screen and (max-width: 768px)
{
    .quote
    {
        padding: 30px 0;
    }
}

.services
{
    padding-bottom: 0;
}

.services .servicesList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.services .servicesList .singleService
{
    position: relative;
}

.services .servicesList .singleService a
{
    display: block;
}

.services .servicesList .singleService .featuredImage img
{
    width: 100%;
}

.services .servicesList .singleService .title
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 60px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: center;

    background-color: rgba(67, 173, 152, .9);
}

.services .servicesList .singleService .title h2
{
    font-size: 1.25rem;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #fff;
}

@media screen and (min-width: 1681px)
{
    .services .servicesList .singleService
    {
        width: calc(100%/4 - 200px/4);
        margin-right: 40px;
    }
    .services .servicesList .singleService:first-child
    {
        margin-left: 40px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .services .servicesList .singleService
    {
        width: calc(100%/4 - 150px/4);
        margin-right: 30px;
    }
    .services .servicesList .singleService:first-child
    {
        margin-left: 30px;
    }
    .services .servicesList .singleService .title
    {
        height: 50px;
    }
    .services .servicesList .singleService .title h2
    {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 1025px)
{
    .services .servicesList .singleService:hover .title
    {
        height: 100%;
    }
}

@media screen and (max-width: 1024px)
{
    .services .servicesList .singleService
    {
        width: calc(100%/2 - 90px/2);
        margin-right: 30px;
    }
    .services .servicesList .singleService:nth-child(odd)
    {
        margin-left: 30px;
    }
    .services .servicesList .singleService:nth-child(n+3)
    {
        margin-top: 30px;
    }
    .services .servicesList .singleService .title
    {
        height: 50px;
    }
    .services .servicesList .singleService .title h2
    {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px)
{
    .services .servicesList .singleService
    {
        width: calc(100%/2 - 60px/2);
        margin-right: 20px;
    }
    .services .servicesList .singleService:nth-child(odd)
    {
        margin-left: 20px;
    }
}

@media screen and (max-width: 480px)
{
    .services .servicesList .singleService
    {
        width: 100%;
    }
    .services .servicesList .singleService:nth-child(even)
    {
        margin-left: 20px;
    }
    .services .servicesList .singleService:nth-child(n+2)
    {
        margin-top: 30px;
    }
}

.freeReport .wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.freeReport .image img
{
    width: 100%;
}

.freeReport .details h2
{
    font-size: 2.188rem;

    margin-bottom: 10px;

    text-transform: capitalize;
}

.freeReport .details p
{
    font-size: 1.25rem;
}

.freeReport .form
{
    width: 100%;
}

.freeReport .form br
{
    display: none;
}

.freeReport .formElements
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.freeReport .formElements .wpcf7-form-control-wrap
{
    display: block;

    width: 100%;
}

.freeReport .formElements .first-name
{
    width: 48.5%;
    margin-right: 3%;
}

.freeReport .formElements .last-name
{
    width: 48.5%;
}

.freeReport .formElements .your-email
{
    margin-top: 20px;
}

.freeReport .formElements input
{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125;

    width: 100%;
    padding: 15px 20px;

    letter-spacing: .063em;

    color: #43ad98;
    border: 2px solid #43ad98;
}

.freeReport .formElements input::-moz-placeholder
{
    text-transform: uppercase;

    opacity: 1;
    color: #43ad98;
}

.freeReport .formElements input::-webkit-input-placeholder
{
    text-transform: uppercase;

    opacity: 1;
    color: #43ad98;
}

.freeReport .formElements input:-ms-input-placeholder
{
    text-transform: uppercase;

    opacity: 1;
    color: #43ad98;
}

.freeReport .formElements input[type=submit]
{
    font-size: 1.125rem;
    font-weight: 600;

    margin-top: 20px;

    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    letter-spacing: .063em;
    text-transform: uppercase;

    color: #fff;
    border: 0 none;
    background-color: #43ad98;
}

.freeReport .formElements input[type=submit]:hover
{
    background-color: #358878;
}

.freeReport .formElements .ajax-loader
{
    margin: 5px 0 0 0;
}

@media screen and (min-width: 1025px)
{
    .freeReport .image
    {
        width: 13%;
        margin-right: 2%;
    }
    .freeReport .details
    {
        width: 32%;
        margin-right: 3%;
    }
    .freeReport .form
    {
        width: 50%;
    }
}

@media screen and (max-width: 1024px)
{
    .freeReport .image
    {
        width: 25%;
        margin-right: 5%;
    }
    .freeReport .details
    {
        width: 70%;
    }
    .freeReport .form
    {
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px)
{
    .freeReport .image
    {
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .freeReport .details
    {
        width: 100%;
        margin-top: 20px;
    }
    .freeReport .details h2
    {
        font-size: 1.75rem;
    }
    .freeReport .details h2 br
    {
        display: none;
    }
    .freeReport .formElements .first-name
    {
        width: 100%;
        margin: 0;
    }
    .freeReport .formElements .last-name
    {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px)
{
    .freeReport .details p
    {
        font-size: 1.125rem;
    }
    .freeReport .formElements input
    {
        font-size: .875rem;

        padding: 12px 20px;
    }
    .freeReport .formElements input[type=submit]
    {
        font-size: 1rem;
    }
}

.freeQuote
{
    position: relative;
    z-index: 7;

    text-align: center;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.freeQuote:before
{
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(37, 37, 37, .95);
}

.freeQuote .smallWrapper
{
    position: relative;
    z-index: 9;

    margin-bottom: 0;
}

.freeQuote p
{
    font-weight: 500;
    line-height: 1.5;

    color: #fff;
}

.freeQuote h3
{
    font-weight: 600;

    margin-top: 10px;

    text-transform: initial;

    color: #f60;
}

.freeQuote a.primary
{
    font-size: 1rem;
    font-weight: 700;

    display: inline-block;

    margin-top: 20px;
    padding: 10px 20px;

    text-transform: uppercase;

    color: #fff;
    border-radius: 5px;
    background-color: #f60;
}

.freeQuote a.primary:hover
{
    background-color: #cc5200;
}

@media screen and (min-width: 1681px)
{
    .freeQuote p
    {
        font-size: 1.5rem;
    }
    .freeQuote a.primary
    {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .freeQuote p
    {
        font-size: 1.25rem;
    }
    .freeQuote a.primary
    {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1024px)
{
    .freeQuote p
    {
        font-size: 1.125rem;
    }
    .freeQuote a.primary
    {
        font-size: 1rem;
    }
    .freeQuote h3
    {
        font-size: 1.25rem;
    }
}

.about
{
    padding: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about .aboutText
{
    width: 50%;
    padding: 30px 20px;

    background-color: rgba(176, 176, 176, .6);
}

.about .aboutText h1.sectionTitle
{
    text-align: left;
}

.about .aboutText h1.sectionTitle:before
{
    left: 0;

    -webkit-transform: none;
            transform: none;
}

.about .aboutText p
{
    margin-bottom: 30px;
}

@media screen and (min-width: 1681px)
{
    .about .aboutText
    {
        padding: 100px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .about .aboutText
    {
        padding: 80px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .about .aboutText
    {
        padding: 60px;
    }
}

@media screen and (max-width: 768px)
{
    .about .aboutText
    {
        width: 100%;
    }
    .about .aboutText h1.sectionTitle
    {
        text-align: center;
    }
    .about .aboutText h1.sectionTitle:before
    {
        left: 50%;

        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
}

.clients
{
    padding: 30px 0;

    background-color: #e9e9e9;
    /*.logoSlider{padding: 0 20px;}*/
}

.clients img
{
    max-width: 170px;
    margin: 0 auto;
}

.clients .wrapper
{
    padding: 0 40px;
}

.clients .owl-stage
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.clients .owl-nav .owl-prev
{
    left: -30px;
}

.clients .owl-nav .owl-next
{
    right: -30px;
}

.clients .owl-nav .owl-prev,
.clients .owl-nav .owl-next
{
    font-size: 1.375rem;

    position: absolute;
    top: 50%;

    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: #43ad98;
}

@media screen and (min-width: 1681px)
{
    .clients
    {
        padding: 80px 0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .clients
    {
        padding: 60px 0;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .clients
    {
        padding: 40px 0;
    }
}

/*--------------------------------------------------------------
# aboutpage CSS
--------------------------------------------------------------*/
section.topBanner
{
    position: relative;

    padding: 200px 0;

    -webkit-transition: .4s all ease;
            transition: .4s all ease;

    background-size: cover;
}

@media screen and (max-width: 480px)
{
    section.topBanner
    {
        padding: 100px 0;
    }
}

section.topBanner .bannerText
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

section.topBanner .bannerText p
{
    font-size: 2.125rem;
    font-weight: 300;

    white-space: nowrap;
    letter-spacing: 1px;

    color: #fff;
}

@media screen and (max-width: 768px)
{
    section.topBanner .bannerText p
    {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 480px)
{
    section.topBanner .bannerText p
    {
        font-size: .75rem;
    }
}

section.aboutPerson
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    padding: 0;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

section.aboutPerson .person
{
    width: 50%;

    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
}

section.aboutPerson .details
{
    float: right;

    width: 50%;
    padding: 100px;

    background-color: rgba(176, 176, 176, .6);
}

@media screen and (max-width: 768px)
{
    section.aboutPerson .details
    {
        width: 100%;
        padding: 30px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    section.aboutPerson .details
    {
        padding: 50px;
    }
}

section.aboutPerson .details h2
{
    margin-bottom: 30px;
}

section.aboutPerson .details p
{
    margin-bottom: 20px;
}

section.team .teamList .teamMember
{
    float: left;

    width: calc(100%/5 - 160px/5);
    margin-right: 20px;
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember
    {
        width: 50%;
        margin: 0;

        -webkit-box-shadow: 2px 2px 8px  #ccc;
                box-shadow: 2px 2px 8px  #ccc;
    }
}

@media screen and (max-width: 480px)
{
    section.team .teamList .teamMember
    {
        width: 100%;
        margin: 0;

        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

@media only screen and (min-width: 769px)
{
    section.team .teamList .teamMember:hover .longIntro
    {
        position: absolute;
        z-index: 111;

        display: block;

        width: 25%;
        margin-top: 30px;
        padding: 15px;

        background-color: #43ad98;
        -webkit-box-shadow: 2px 6px 8px #000;
                box-shadow: 2px 6px 8px #000;
    }
    section.team .teamList .teamMember:hover .longIntro p
    {
        color: #fff;
    }
    section.team .teamList .teamMember:hover .longIntro span
    {
        font-size: 80px;

        position: absolute;
        top: -53px;
        left: 30%;

        color: #43ad98;
    }
    section.team .teamList .teamMember:hover .caret
    {
        font-size: 58px;

        position: absolute;
        left: 30%;

        display: block;

        color: #43ad98;
        text-shadow: 2px 2px 8px #000;
    }
    section.team .teamList .teamMember:hover img
    {
        -webkit-transition: .4s all ease;
                transition: .4s all ease;
        -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1);
    }
    section.team .teamList .teamMember:nth-child(5):hover .longIntro
    {
        right: 40px;
    }
}

section.team .teamList .teamMember .longIntro
{
    display: none;
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember .longIntro
    {
        display: block;

        padding: 15px;

        text-align: center;
    }
}

@media screen and (max-width: 480px)
{
    section.team .teamList .teamMember .longIntro
    {
        width: 100%;
        padding: 30px;
    }
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember .longIntro span
    {
        display: none;
    }
}

section.team .teamList .teamMember:first-child
{
    margin-left: 40px;
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember:first-child
    {
        margin: 0;
    }
}

section.team .teamList .teamMember .image
{
    position: relative;

    overflow: hidden;
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember .image
    {
        float: left;

        width: 100%;
        padding: 10px;
    }
}

@media screen and (max-width: 480px)
{
    section.team .teamList .teamMember .image
    {
        width: 100%;
    }
}

section.team .teamList .teamMember .shortIntro
{
    position: absolute;
    bottom: 5px;
    left: 2.5%;

    width: 95%;
    padding: 5px 10px;

    background-color: #fff;
}

@media screen and (max-width: 768px)
{
    section.team .teamList .teamMember .shortIntro
    {
        display: none;
    }
}

section.team .teamList .teamMember .shortIntro h3
{
    font-size: 1.125rem;

    color: #252525;
}

@media only screen and (max-width: 1024px)
{
    section.team .teamList .teamMember .shortIntro h3
    {
        font-size: .875rem;
    }
}

@media only screen and (max-width: 1024px)
{
    section.team .teamList .teamMember .shortIntro p
    {
        font-size: .5rem;
    }
}

section.datacallFamily
{
    padding-bottom: 0;
}

section.datacallFamily img
{
    width: 100%;
}

section.questionAns
{
    position: relative;
    z-index: 2;

    margin-top: -200px;
    padding: 0;
}

@media only screen and (max-width: 1216px)
{
    section.questionAns
    {
        margin-top: 40px;
    }
}

section.questionAns .wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    padding: 0;

    -webkit-box-shadow: 0 1px 10px #000;
            box-shadow: 0 1px 10px #000;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

section.questionAns .wrapper .faq
{
    width: 50%;
    padding: 40px 20px;

    background-color: #fff;
}

section.questionAns .wrapper .faq .question
{
    font-size: 1.125rem;

    margin-bottom: 30px;

    text-transform: capitalize;

    color: #43ad98;
}

section.questionAns .wrapper .faq .question span
{
    font-size: 1.75rem;
    font-weight: 800;

    display: block;

    text-transform: uppercase;
}

@media screen and (min-width: 1681px)
{
    section.questionAns .wrapper .faq .question
    {
        font-size: 1.5rem;
    }
    section.questionAns .wrapper .faq .question span
    {
        font-size: 2.5rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    section.questionAns .wrapper .faq .question
    {
        font-size: 1.375rem;
    }
    section.questionAns .wrapper .faq .question span
    {
        font-size: 2.125rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    section.questionAns .wrapper .faq .question
    {
        font-size: 1.25rem;
    }
    section.questionAns .wrapper .faq .question span
    {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 769px)
{
    section.questionAns .wrapper .faq .question
    {
        text-align: left;
    }
}

@media screen and (max-width: 768px)
{
    section.questionAns .wrapper .faq .question
    {
        text-align: center;
    }
}

section.questionAns .wrapper .faq .answer p
{
    margin-top: 30px;
}

section.questionAns .wrapper .faq .answer p:first-child
{
    margin-top: 0;
}

@media screen and (min-width: 1681px)
{
    section.questionAns .wrapper .faq
    {
        padding: 60px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    section.questionAns .wrapper .faq
    {
        padding: 40px;
    }
}

@media screen and (min-width: 769px)
{
    section.questionAns .wrapper .faq:nth-child(2),
    section.questionAns .wrapper .faq:nth-child(3)
    {
        background-color: #43ad98;
    }
    section.questionAns .wrapper .faq:nth-child(2) .question,
    section.questionAns .wrapper .faq:nth-child(3) .question
    {
        color: #fff;
    }
}

@media screen and (max-width: 768px)
{
    section.questionAns .wrapper .faq
    {
        width: 100%;
    }
    section.questionAns .wrapper .faq:nth-child(even)
    {
        background-color: #43ad98;
    }
    section.questionAns .wrapper .faq:nth-child(even) .question
    {
        color: #fff;
    }
}

/*--------------------------------------------------------------
# contactpage CSS
--------------------------------------------------------------*/
.page-template-template-contact .quote h1
{
    font-style: italic;

    text-transform: lowercase;
}

section.rowan-details
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    padding: 0;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

section.rowan-details .rowan
{
    width: 65%;
    padding: 40px;

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

@media screen and (min-width: 1681px)
{
    section.rowan-details .rowan
    {
        padding: 120px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    section.rowan-details .rowan
    {
        padding: 80px;
    }
}

@media screen and (max-width: 768px)
{
    section.rowan-details .rowan
    {
        width: 100%;
    }
}

@media screen and (max-width: 480px)
{
    section.rowan-details .rowan
    {
        padding: 20px;
    }
}

section.rowan-details .rowan p
{
    font-style: italic;

    width: 50%;
    margin-top: 30px;

    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    section.rowan-details .rowan p
    {
        width: 60%;
    }
}

@media screen and (max-width: 1250px)
{
    section.rowan-details .rowan p
    {
        width: 80%;
    }
}

@media screen and (max-width: 768px)
{
    section.rowan-details .rowan p
    {
        width: 100%;
    }
}

section.rowan-details .rowan h2
{
    font-weight: 400;

    text-shadow: 2px 2px 2px #000;
}

section.rowan-details .rowan h2.title:after
{
    display: block;

    width: 60px;
    height: 4px;
    margin: 2px 0 0;

    content: '';

    border-radius: 3px;
    background: #43ad98;
    -webkit-box-shadow: 2px 2px 2px #000;
            box-shadow: 2px 2px 2px #000;
}

@media screen and (max-width: 1024px)
{
    section.rowan-details .rowan h2.title:after
    {
        margin-bottom: 20px;
    }
}

section.rowan-details .rowan-contact
{
    position: relative;
    z-index: -1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 35%;

    background: url('images/engine.jpg');

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

section.rowan-details .rowan-contact:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    background-color: rgba(0, 0, 0, .8);
}

@media screen and (max-width: 768px)
{
    section.rowan-details .rowan-contact
    {
        width: 100%;
        padding: 40px;
    }
}

section.rowan-details .rowan-contact .content
{
    position: relative;
    z-index: 1;

    color: #fff;
}

section.rowan-details .rowan-contact .content ul li
{
    font-size: 1.25rem;

    margin-bottom: 30px;
}

@media only screen and (max-width: 1000px)
{
    section.rowan-details .rowan-contact .content ul li
    {
        font-size: 1rem;
    }
}

section.rowan-details .rowan-contact .content ul li .icon
{
    float: left;

    margin-right: 20px;
}

section.rowan-details .rowan-contact .content ul li .icon span
{
    font-size: 2rem;

    color: #43ad98;
}

section.rowan-details .rowan-contact .content ul li .text
{
    overflow: hidden;
}

section.rowan-details .rowan-contact .content ul.social-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin-top: 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

section.rowan-details .rowan-contact .content ul.social-icon li
{
    margin-bottom: 0;
}

section.rowan-details .rowan-contact .content ul.social-icon li span
{
    font-size: 17px;
    line-height: 32px;

    display: block;

    width: 32px;
    height: 32px;
    margin: 0 8px 8px 0;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #090821;
    border-radius: 32px;
    background: #fff;
}

.feedback .left,
.feedback .right
{
    float: left;

    width: 31%;
}

.feedback .left hr,
.feedback .right hr
{
    margin-top: -17px;
}

@media screen and (max-width: 768px)
{
    .feedback .left hr,
    .feedback .right hr
    {
        margin-top: -11px;
    }
}

@media screen and (max-width: 768px)
{
    .feedback .left,
    .feedback .right
    {
        width: 100%;
    }
}

.feedback .left
{
    width: 65%;
    margin-right: 4%;
}

@media screen and (max-width: 768px)
{
    .feedback .left
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px)
{
    .feedback .left
    {
        width: 100%;
        margin-bottom: 30px;
    }
}

.feedback .center
{
    text-align: center;
}

.feedback p.divTitle
{
    font-size: 1.5rem;
    font-weight: 300;

    display: inline-block;

    padding: 0 20px;

    letter-spacing: 0;
    text-transform: uppercase;

    background-color: #fff;
}

@media screen and (max-width: 1024px)
{
    .feedback p.divTitle
    {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 768px)
{
    .feedback p.divTitle
    {
        font-size: 1rem;
    }
}

.feedback .margin-top
{
    margin-top: 40px;
}

@media screen and (max-width: 768px)
{
    .feedback .margin-top
    {
        margin-top: 20px;
    }
}

.feedback .margin-top .contact
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.feedback .margin-top input
{
    width: 100%;
    margin-bottom: 30px;
    padding: 15px;

    border: 1px solid #999;
}

@media screen and (max-width: 768px)
{
    .feedback .margin-top input
    {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px)
{
    .feedback .margin-top input
    {
        width: 100%;
    }
}

.feedback .margin-top input[type='submit']
{
    width: 120px;
    margin-bottom: 0;

    text-transform: uppercase;

    color: #fff;
    border: none;
    background-color: #43ad98;
}

.feedback .margin-top input[type='submit']:hover
{
    cursor: pointer;

    background-color: #358878;
}

@media screen and (max-width: 480px)
{
    .feedback .margin-top input[type='submit']
    {
        width: 100%;
    }
}

.feedback .margin-top input::-moz-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .margin-top input::-webkit-input-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .margin-top input:-ms-input-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .margin-top span
{
    width: calc(100%/2 - 30px/2);
}

.feedback .margin-top span:nth-child(2n+1)
{
    margin-right: 30px;
}

@media screen and (max-width: 768px)
{
    .feedback .margin-top span:nth-child(2n+1)
    {
        margin-right: 15px;
    }
}

@media screen and (max-width: 480px)
{
    .feedback .margin-top span:nth-child(2n+1)
    {
        margin-right: 0;
    }
}

.feedback .margin-top span.your-subject,
.feedback .margin-top span.your-message
{
    width: 100%;
    margin-right: 0;
}

.feedback .margin-top span.wpcf7-not-valid-tip
{
    width: 100%;
}

@media screen and (max-width: 768px)
{
    .feedback .margin-top span
    {
        width: calc(100%/2 - 15px/2);
    }
}

@media screen and (max-width: 480px)
{
    .feedback .margin-top span
    {
        width: 100%;
    }
}

.feedback .margin-top textarea
{
    width: 100%;
    margin: 0 0 20px;
    padding: 15px;

    resize: none;

    border: 1px solid #999;
}

.feedback .margin-top textarea::-moz-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .margin-top textarea::-webkit-input-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .margin-top textarea:-ms-input-placeholder
{
    opacity: 1;
    color: #999;
}

.feedback .map
{
    overflow: hidden;
}

.feedback .map img
{
    width: 100%;
}

/*--------------------------------------------------------------
# testimonials / what our clients say page CSS
--------------------------------------------------------------*/
span.stars,
span.stars span
{
    display: block;

    width: 80px;
    height: 16px;

    background: url(./images/stars.png) 0 -16px repeat-x;
}

span.stars span
{
    background-position: 0 0;
}

.user
{
    float: right;

    width: calc(100%/2 - 50px/2);
    margin-bottom: 50px;
}

.user:nth-child(2n+1)
{
    float: left;

    margin-right: 50px;
}

@media screen and (max-width: 768px)
{
    .user
    {
        width: 100%;
    }
}

.user .reviews
{
    font-size: 14px;
    line-height: 26px;

    position: relative;

    margin: 0 0 20px;
    padding: 21px 28px 32px;

    color: #222;
    border: 3px solid #f2f2f2;
    background: #f2f2f2;
}

.user .reviews p
{
    font-size: 14px;
    line-height: 26px;

    color: #222;
}

@media screen and (max-width: 480px)
{
    .user .reviews p
    {
        letter-spacing: 0;
    }
}

.user .reviews img
{
    position: absolute;
    bottom: -24px;
    left: 20%;
}

@media screen and (max-width: 480px)
{
    .user .reviews
    {
        padding: 15px;
    }
}

.user .user-img img
{
    float: left;
    overflow: hidden;

    width: 100px;
    height: auto;
    margin-right: 30px;

    border-radius: 100%;
}

.user .user-details
{
    display: table-cell;

    padding-top: 20px;
}

.user .user-details p.title
{
    font-weight: 700;
}

.user .user-details i
{
    font-size: 13px;

    color: #999;
}

/*--------------------------------------------------------------
# Services Page CSS
--------------------------------------------------------------*/
.page-template-template-services .note
{
    margin: 40px auto;
}

.page-template-template-services .note .thumb
{
    margin-bottom: 20px;

    text-align: center;
}

.page-template-template-services .note .thumb img
{
    max-width: 45px;
}

.page-template-template-services .note p
{
    font-size: 1.25rem;
    line-height: 1.5;

    position: relative;

    margin-top: 30px;

    color: #f60;
}

.page-template-template-services .note p:first-child
{
    margin-top: 0;
}

@media screen and (min-width: 1681px)
{
    .page-template-template-services .note
    {
        margin: 120px auto;
    }
    .page-template-template-services .note p
    {
        font-size: 1.625rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .page-template-template-services .note
    {
        margin: 80px auto;
    }
    .page-template-template-services .note p
    {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .page-template-template-services .note p
    {
        font-size: 1.375rem;
    }
}

.page-template-template-services .commonList h1.sectionTitle
{
    margin-bottom: 60px;
}

@media screen and (max-width: 1024px)
{
    .page-template-template-services .commonList h1.sectionTitle
    {
        margin-bottom: 40px;
    }
}

.page-template-template-services .availableList
{
    display: block;

    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-template-template-services .availableList ul li
{
    font-size: 1rem;

    position: relative;

    padding: 20px;

    text-align: center;

    color: #fff;
    border-top: 1px solid #e9e9e9;
    border-radius: 5px;
    background-color: #f60;
}

.page-template-template-services .availableList ul li:before
{
    position: absolute;
    top: 50%;
    right: 20px;

    display: block;

    width: 24px;
    height: 20px;

    content: '';
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);

    background-image: url(images/check.png);
    background-repeat: no-repeat;
}

.page-template-template-services .availableList ul li:first-child
{
    border-top: 0 none;
}

@media screen and (min-width: 1025px)
{
    .page-template-template-services .availableList ul li
    {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .page-template-template-services .availableList ul li
    {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 480px)
{
    .page-template-template-services .availableList ul li
    {
        padding: 20px 50px 20px 15px;

        text-align: left;
    }
    .page-template-template-services .availableList ul li:before
    {
        right: 12px;
    }
}

.page-template-template-services .in-out
{
    margin-bottom: 0;
}

.page-template-template-services .in-out .availableList
{
    margin-top: 60px;
    padding: 0;

    text-align: center;
}

.page-template-template-services .in-out .availableList:first-child
{
    margin-top: 0;
}

.page-template-template-services .in-out .availableList h3
{
    font-size: 1rem;
    line-height: 0;

    position: relative;

    margin-bottom: 30px;

    color: #252525;
    border-bottom: 1px solid #b0b0b0;
}

.page-template-template-services .in-out .availableList h3 span
{
    padding: 0 20px;

    background-color: #fff;
}

@media screen and (min-width: 1681px)
{
    .page-template-template-services .in-out .availableList h3
    {
        font-size: 1.375rem;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .page-template-template-services .in-out .availableList h3
    {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .page-template-template-services .in-out .availableList h3
    {
        font-size: 1.125rem;
    }
}

.page-template-template-services .in-out .availableList ul li
{
    font-weight: 400;

    color: #fff;
    background-color: #43ad98;
}

.page-template-template-services .itWorks
{
    padding: 0;
}

.page-template-template-services .itWorks .smallWrapper
{
    margin-top: 0;
    margin-bottom: 0;
}

.page-template-template-services .itWorks p
{
    /*color: $orange;*/
    margin-top: 30px;
}

.page-template-template-services .itWorks p:first-child
{
    margin-top: 0;
}

.page-template-template-services .servicesWrapper
{
    padding-bottom: 0;
}

.page-template-template-services .servicesContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.page-template-template-services .serviceCol
{
    width: 100%;
    margin: 0;

    background-color: #e9e9e9;
    /*border-bottom: 1px solid $white;*/
}

@media screen and (min-width: 1025px)
{
    .page-template-template-services .serviceCol
    {
        width: calc(100%/2);

        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    .page-template-template-services .serviceCol:nth-child(odd)
    {
        border-left: 0 none;
    }
}

.page-template-template-services .serviceCol .thumbnail
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (min-width: 1681px)
{
    .page-template-template-services .serviceCol .thumbnail
    {
        height: 550px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1680px)
{
    .page-template-template-services .serviceCol .thumbnail
    {
        height: 500px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .page-template-template-services .serviceCol .thumbnail
    {
        height: 450px;
    }
}

@media screen and (max-width: 768px)
{
    .page-template-template-services .serviceCol .thumbnail
    {
        height: 350px;
    }
}

@media screen and (max-width: 480px)
{
    .page-template-template-services .serviceCol .thumbnail
    {
        height: 300px;
    }
}

.page-template-template-services .serviceCol .serviceText
{
    padding: 30px 20px;
}

@media screen and (min-width: 1025px)
{
    .page-template-template-services .serviceCol .serviceText
    {
        padding: 40px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .page-template-template-services .serviceCol .serviceText
    {
        padding: 40px;
    }
}

.page-template-template-services .serviceCol h3
{
    margin-bottom: 20px;

    text-transform: capitalize;
}

@media screen and (min-width: 1681px)
{
    .page-template-template-services .serviceCol h3
    {
        margin-bottom: 30px;
    }
}

.page-template-template-services .serviceCol ul
{
    padding: 30px 0;
}

.page-template-template-services .serviceCol ul li
{
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;

    position: relative;

    margin-top: 20px;
    margin-left: 30px;
    padding-left: 30px;

    letter-spacing: .031em;

    color: #43ad98;
}

.page-template-template-services .serviceCol ul li:before
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';

    background-color: #43ad98;
    /*@include translator(0,-50%);*/
}

.page-template-template-services .serviceCol ul li:first-child
{
    margin-top: 0;
}

@media screen and (min-width: 1025px)
{
    .page-template-template-services .serviceCol ul li
    {
        font-size: 1.25rem;

        margin-top: 30px;
    }
}

@media screen and (max-width: 480px)
{
    .page-template-template-services .serviceCol ul li
    {
        font-size: 1rem;

        margin-left: 0;
    }
    .page-template-template-services .serviceCol ul li:before
    {
        top: 5px;
    }
}

.page-template-template-services .industry
{
    position: relative;

    background-image: url(images/company.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-template-template-services .industry:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .4);
}

.page-template-template-services .industry h1.sectionTitle
{
    color: #fff;
}

.page-template-template-services .industry h1.sectionTitle:before
{
    background-color: #fff;
}

.page-template-template-services .industry .availableList
{
    max-width: 1400px;
}

.page-template-template-services .industry .availableList ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.page-template-template-services .industry .availableList ul li
{
    font-size: .938rem;

    background-color: #43ad98;
}

@media screen and (min-width: 1280px)
{
    .page-template-template-services .industry .availableList ul li
    {
        width: calc(100%/4);

        border-top: 0;
        border-left: 1px solid #e9e9e9;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(4n+1)
    {
        border-left: 0;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(n+5)
    {
        border-top: 1px solid #e9e9e9;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1279px)
{
    .page-template-template-services .industry .availableList
    {
        max-width: 992px;
    }
    .page-template-template-services .industry .availableList ul li
    {
        font-size: 1rem;

        width: calc(100%/2);

        border-top: 0;
        border-left: 1px solid #e9e9e9;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(2n+1)
    {
        border-left: 0;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(n+3)
    {
        border-top: 1px solid #e9e9e9;
    }
}

@media screen and (max-width: 1024px)
{
    .page-template-template-services .industry .availableList
    {
        max-width: 768px;
    }
    .page-template-template-services .industry .availableList ul li
    {
        width: calc(100%/2);

        border-top: 0;
        border-left: 1px solid #e9e9e9;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(2n+1)
    {
        border-left: 0;
    }
    .page-template-template-services .industry .availableList ul li:nth-child(n+3)
    {
        border-top: 1px solid #e9e9e9;
    }
}

@media screen and (max-width: 600px)
{
    .page-template-template-services .industry .availableList ul li
    {
        font-size: 1rem;

        width: 100%;

        border-top: 1px solid #e9e9e9;
        border-left: 0;
    }
    .page-template-template-services .industry .availableList ul li:first-child
    {
        border-top: 0;
    }
}

.page-template-template-services .free-quote
{
    margin-top: 30px;

    text-align: center;
}

.page-template-template-services .free-quote p
{
    font-weight: 500;

    margin-bottom: 10px;
}

.page-template-template-services .free-quote .btnQuote
{
    display: inline-block;

    padding: 10px 25px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-transform: uppercase;

    color: #fff;
    border-radius: 5px;
    background-color: #43ad98;
}

.page-template-template-services .free-quote .btnQuote:hover
{
    background-color: #358878;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon
{
    position: relative;
    z-index: 10;

    padding: 60px 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

footer#colophon:before
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(37, 37, 37, .95);
}

footer#colophon .wrapper
{
    position: relative;
    z-index: 11;
}

footer#colophon .footerLogo
{
    width: 100%;
    max-width: 260px;
    margin: 0 auto 40px;
}

footer#colophon .footerLogo img
{
    width: 100%;
}

footer#colophon .footerMenu
{
    width: 100%;
    max-width: 980px;
    margin: 0 auto 40px;
}

footer#colophon .footerMenu .menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer#colophon .footerMenu .menu li a
{
    font-size: .875rem;
    font-weight: 500;

    text-transform: uppercase;

    color: #fff;
}

footer#colophon .footerMenu .menu li a:hover
{
    color: #43ad98;
}

@media screen and (max-width: 1024px)
{
    footer#colophon .footerMenu .menu li a
    {
        font-size: .75rem;
    }
}

@media screen and (max-width: 768px)
{
    footer#colophon .footerMenu .menu
    {
        display: block;

        text-align: center;
    }
    footer#colophon .footerMenu .menu li
    {
        margin-top: 15px;
    }
    footer#colophon .footerMenu .menu li:first-child
    {
        margin-top: 0;
    }
    footer#colophon .footerMenu .menu li a
    {
        font-size: .875rem;
    }
}

footer#colophon .buttons
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    max-width: 700px;
    margin: 0 auto 40px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer#colophon .buttons .btn
{
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: center;

    border-radius: 5px;
}

footer#colophon .buttons .btn a
{
    font-size: 1.125rem;
    font-weight: 700;

    display: block;

    padding: 15px 25px;

    letter-spacing: .063rem;
    text-transform: uppercase;

    color: #fff;
}

footer#colophon .buttons .btn .fa
{
    font-size: 1.375rem;

    margin-right: 5px;

    vertical-align: middle;
}

footer#colophon .buttons .contact
{
    background-color: #bfc946;
}

footer#colophon .buttons .contact a
{
    color: #252525;
}

footer#colophon .buttons .contact:hover
{
    background-color: #a1aa32;
}

footer#colophon .buttons .freequote
{
    background-color: #f48931;
}

footer#colophon .buttons .freequote:hover
{
    background-color: #e66e0c;
}

footer#colophon .buttons .subscribe
{
    background-color: #c44765;
}

footer#colophon .buttons .subscribe:hover
{
    background-color: #a4344f;
}

@media screen and (max-width: 768px)
{
    footer#colophon .buttons
    {
        display: block;

        max-width: 320px;
    }
    footer#colophon .buttons .btn
    {
        margin-top: 20px;
    }
    footer#colophon .buttons .btn:first-child
    {
        margin-top: 0;
    }
}

footer#colophon .socialLinks
{
    max-width: 252px;
    margin: 0 auto 40px;
}

footer#colophon .socialLinks ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer#colophon .socialLinks ul li a
{
    font-size: 3.438rem;

    color: #fff;
}

footer#colophon .socialLinks ul li a:hover
{
    color: #43ad98;
}

footer#colophon .policies
{
    text-align: center;

    color: #43ad98;
}

footer#colophon .policies p
{
    font-size: .813rem;

    margin-bottom: 5px;

    color: #b0b0b0;
}

footer#colophon .policies a
{
    font-size: .813rem;

    color: #43ad98;
}

footer#colophon .policies a:hover
{
    color: #f60;
}

@media screen and (max-width: 1024px)
{
    footer#colophon
    {
        padding: 40px 0;
    }
    footer#colophon .footerLogo,
    footer#colophon .footerMenu,
    footer#colophon .buttons,
    footer#colophon .socialLinks
    {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 480px)
{
    footer#colophon
    {
        padding: 30px 0;
    }
}

.newsletterOverlay
{
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(11, 11, 11, .8);
}

.newsletterOverlay .newsletterWrapper
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    max-width: 600px;
    padding: 40px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}

@media screen and (max-width: 600px)
{
    .newsletterOverlay .newsletterWrapper
    {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 480px)
{
    .newsletterOverlay .newsletterWrapper
    {
        padding: 25px 15px;
    }
}

.newsletterOverlay .tnp-subscription
{
    max-width: 100%;
}

.newsletterOverlay form .tnp-field
{
    margin-top: 20px;
    margin-bottom: 0;
}

.newsletterOverlay form .tnp-field:first-child
{
    margin-top: 0;
}

.newsletterOverlay form input
{
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.125 !important;

    width: 100% !important;
    height: initial !important;
    padding: 15px 20px !important;

    letter-spacing: .063em;

    color: #43ad98 !important;
    border: 2px solid #43ad98 !important;
}

.newsletterOverlay form input::-moz-placeholder
{
    opacity: 1;
    color: #43ad98;
}

.newsletterOverlay form input::-webkit-input-placeholder
{
    opacity: 1;
    color: #43ad98;
}

.newsletterOverlay form input:-ms-input-placeholder
{
    opacity: 1;
    color: #43ad98;
}

@media screen and (max-width: 480px)
{
    .newsletterOverlay form input
    {
        font-size: .875rem !important;

        padding: 12px 20px !important;
    }
}

.newsletterOverlay form .tnp-field-button input
{
    font-size: 1.125rem;
    font-weight: 600;

    width: 100%;

    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    letter-spacing: .063em;
    text-transform: uppercase;

    color: #fff !important;
    border: 0 none;
    background-color: #43ad98;
}

.newsletterOverlay form .tnp-field-button input:hover
{
    background-color: #358878;
}
/*# sourceMappingURL=style.css.map */