* {
    box-sizing: border-box
}

button {
    background: 0 0;
    border: none
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

ul {
    padding-left: 20px
}

html {
    font-size: 62.5%;
    box-sizing: border-box
}

body {
    font-size: 1.3rem;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    color: #818181
}

.font-1, html {
    font-family: Roboto, serif;
    font-weight: 300
}

.text-center {
    text-align: center
}

.margin-0 {
    margin: 0px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.minus-margin-top-bottom-15 {
    margin-top: -15px;
    margin-bottom: -15px
}

.space {
    height: 10px
}

.space-2 {
    height: 20px
}

.space-3 {
    height: 30px
}

.divider {
    margin: 13px 0
}

.divider-30 {
    margin: 30px 0
}

.divider.colored {
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.divider-30.colored {
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

h2 {
    margin-bottom: 7.5px
}

p {
    margin: 7.5px 0 0
}

small {
    font-size: 1rem;
    line-height: 1
}

b, strong {
    font-weight: 500
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #414141
}

h1 {
    font-size: 2.7rem
}

h2 {
    font-size: 1.9rem
}

h3 {
    font-size: 1.7rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.3rem
}

h6 {
    font-size: 1rem
}

.primary-color, a {
    color: #00a6f2;
}

.secondary-color {
    color: #442672
}

.light-color {
    color: #FFF
}

.light-color-2 {
    color: rgba(255, 255, 255, .54)
}

.dark-color {
    color: #333030
}

.ocean-color {
    color: #2b90d9
}

.grass-color {
    color: #3ac569
}

.salmon-color {
    color: #ff7473
}

.sun-color {
    color: #feee7d
}

.alge-color {
    color: #79a8a9
}

.flower-color {
    color: #353866;
}

.primary-bg {
    background-color: #00a6f2;
}

.secondary-bg {
    background-color: #442672;
}

.light-bg {
    background-color: #fff;
}

.dark-bg {
    background-color: #333030
}

.ocean-bg {
    background-color: #2b90d9
}

.grass-bg {
    background-color: #3ac569
}

.salmon-bg {
    background-color: #ff7473
}

.sun-bg {
    background-color: #feee7d
}

.alge-bg {
    background-color: #79a8a9
}

.flower-bg {
    background-color: #353866
}

.circle {
    border-radius: 50%
}

[dir=rtl] .pull-left {
    float: right
}

[dir=rtl] .pull-right {
    float: left
}

body {
    text-align: left
}

body[dir=rtl] {
    text-align: right
}

.text-center {
    text-align: center
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

header {
    position: relative;
    min-height: 55px;
    padding: 0 5px;
    background: #00a6f2;
}

header .fa {
    color: #FFF;
    opacity: .87;
    font-size: 17px;
    line-height: 56px;
    height: 55px;
    padding: 0 15px;
    margin: 0
}

#logo {
    height: 55px;
    line-height: 61px;
    display: inline-block;
    color: #FFF;
    font-weight: 400;
    font-size:18px;
}

#mainSideBar {
    min-width: 300px;
    padding-bottom: 30px
}

#mainSideBar > div:not(.divider) {
    padding: 17px 20px
}

#mainSideBar figure {
    width: 300px;
    max-width: 100%;
    padding: 20px;
    position: relative
}

#mainSideBar nav {
    width: 300px;
    max-width: 100%;
}

#mainSideBar button {
    position: absolute;
    right: 20px;
    top: 20px
}

#mainSideBar amp-img {
    margin-bottom: 5px
}

#mainSideBar h3, #mainSideBar h5 {
    margin: 0;
    line-height: 1.5
}

#menu {
    margin-top: 15px
}

#menu div {
    padding: 0
}

#menu a, #menu h6 {
    color: inherit;
    font-size: 1.3rem;
    font-weight: 300;
    padding: 0;
    border: none
}

#menu a, #menu span {
    padding: 14px 20px 14px 53px;
    display: block;
    color: inherit;
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

#menu section[expanded] > h6 span {
    background-color: rgba(0, 0, 0, .06);
    color: #00a6f2;
}

#menu h6 span:after {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 47px;
    content: '\f0dd'
}

#mainSideBar li i, #menu i {
    font-size: 1.7rem;
    position: absolute;
    left: 20px
}

.social-ball {
    font-size: 1.6rem;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #FFF;
    margin-right: 5px
}

.social-ball.fa-facebook {
    background-color: #4867AA
}

.social-ball.fa-twitter {
    background-color: #00ACED
}

.social-ball.fa-linkedin {
    background-color: #0177B5
}

.social-ball.fa-behance {
    background-color: #010103
}

.social-ball.fa-dribbble {
    background-color: #E04C86
}

[class*=col-] {
    margin-bottom: 30px
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after, .row:before {
    display: table;
    content: " "
}

.row:after {
    clear: both
}

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

.container-full .row {
    margin-left: 0;
    margin-right: 0
}

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

.no-gap.row {
    margin-right: 0;
    margin-left: 0
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

.bordered-title {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0 -15px;
    padding: 0 15px 8px
}

.bordered-title h3 {
    margin: 0;
    line-height: 1.4
}

.bordered-title h5 {
    opacity: .54;
    margin: 0
}

.icon-info-box {
    position: relative
}

.icon-info-box i {
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    background-color: #00a6f2;
    border-radius: 50%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-style: normal;
}

.icon-info-box i:last-child {
    left: auto;
    right: 20px
}

.icon-info-box div {
    margin-left: 50px
}

.icon-info-box h4 {
    margin: 0
}

.icon-info-box div:first-child {
    margin-left: 0;
    margin-right: 40px
}

.icon-info-box p {
    margin: 0
}

.lightbox-item-with-caption figcaption {
    display: none
}

.lightbox-item-with-caption amp-img {
    display: block
}

.amp-image-lightbox-caption {
    padding: 15px
}

ul.services, ul.locations {
    list-style: none;
}

ul.services li a:hover,
ul.locations li a:hover {
    color: #00a6f2;
}

ul.services li a,
ul.locations li a {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    color: #455052;
    transition: all 0.3s;
}

ul.services li a:hover,
ul.services li a:focus,
ul.locations li a:hover,
ul.locations li a:focus {
    text-decoration: none;
}

ul.services li:before,
ul.locations li:before {
    font-family: FontAwesome;
    content: '\f0da';
    color: #00a6f2;

    position: absolute;
    left: 0;
}

.locations-item, .services-item {
    margin-bottom: 10px;
}

ul.services li a, ul.locations li a {

}

.section {
    margin-bottom: 40px;
}