body {
    background: white;
    color: #565656;
    padding: 0;
    margin: 0;
    font-family: 'Lexend', sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1;
    position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    color: rgb(43, 42, 56);
    margin-top: .2em;
    margin-bottom: .5em;
    line-height: 1.2125em;
}
.lead {
    font-size: 21px;
    font-family: 'Lexend', sans-serif;
}
p {
    font-family: 'Lexend', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.25em;
}
.space {
    padding: 110px 0
}
.space-sm {
    padding: 55px 0;
}
.space-pb-0 {
    padding-top: 100px;
    padding-bottom: 0;
}
/* Responsive video */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
hr {
    border: 0;
    border-top: 1px solid #F0F0F3;
    width: 95%;
}
.h-upper,
.hr-after {
    position: relative;
    display: inline-block;
}
.h-upper {
    letter-spacing: 4px;
    text-transform: uppercase;
}
.hr-after:after {
    position: relative;
    z-index: 0;
    display: block;
    width: 50px;
    margin: 18px 0 0;
    content: '';
    border-bottom: 2px solid #000;
}
/** Font colors **/

.f-white {
    color: #fff
}
.f-green {
    color: #82b440;
}
.grey {
    background-color: #F7f7fa
}
.red {
    background-color: #D32352
}
.green {
    background-color: #87b44e
}
.green-2 {
    background-color: #65b3b9
}
.blue {
    background: #65b9e8
}
.dark-blue {
    background: #2b344d radial-gradient(ellipse at center, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 60%) 0 0 no-repeat
}
.bg-dark {
    background: #2a2933 url("../images/bg.jpg");
    color: #6d737f;
    background-size: cover;
}
.bg-light {
    background: #f8f8f8
}
.divide30 {
    display: block;
    width: 100%;
    height: 30px;
}
.divide50 {
    display: block;
    width: 100%;
    height: 50px;
}
.divide70 {
    display: block;
    width: 100%;
    height: 70px;
}
.divide90 {
    display: block;
    width: 100%;
    height: 90px;
}
.pad-t-50 {
    padding-top: 50px;
}
.pad-t-70 {
    padding-top: 70px;
}
.pad-t-90 {
    padding-top: 90px;
}
.pad-b-50 {
    padding-bottom: 50px;
}
.pad-b-70 {
    padding-bottom: 70px;
}
.pad-b-90 {
    padding-bottom: 90px;
}
/* BUTTONS * -------------------------- */

.btn {
    font-size: 12px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    letter-spacing: 1px;
    border-radius: 0;
    outline: none;
    background: none;
}
.btn-radius {
    border-radius: 22px;
}
.btn-default {
    color: #464f5d;
    border-color: #f8f8f8;
    background-color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    border-color: #fff 2px solid;
    background-color: transparent;
}
.btn-border {
    color: #2a2933;
    border: 2px solid #2a2933;
    background-color: rgba(255, 255, 255, 0);
}
.btn-border-white {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}
.btn-border-white:hover {
    color: #000;
    background: #fff;
}
.btn-border:hover,
.btn-border-white:active {
    color: #fff;
    border: 2px solid #f7465b;
    background-color: #f7465b;
}
/* FLAT BUTTONS * -------------------------- */

.flat-default,
.flat-default:hover,
.flat-default:active {
    border: 2px solid #2a2933;
}
.flat-default,
.flat-default.btn-bordered:hover {
    color: #fff;
    background-color: #2a2933;
}
.flat-default:hover,
.flat-default.btn-bordered {
    color: #2a2933;
    background-color: transparent;
}
.flat-primary,
.flat-primary:hover,
.flat-primary:active {
    border: 2px solid #f7465b;
}
.flat-primary,
.flat-primary.btn-bordered:hover {
    color: #fff;
    background-color: #f7465b;
}
.flat-primary:hover,
.flat-primary.btn-bordered {
    color: #464f5d;
    background-color: transparent;
}
.flat-success,
.flat-success:hover,
.flat-success:active {
    border: 2px solid rgb(46, 204, 113);
}
.flat-success,
.flat-success.btn-bordered:hover {
    color: #fff;
    background-color: rgb(46, 204, 113);
}
.flat-success:hover,
.flat-success.btn-bordered {
    color: rgb(46, 204, 113);
    background-color: transparent;
}
.flat-info,
.flat-info:hover,
.flat-info:active {
    border: 2px solid rgb(52, 152, 219);
}
.flat-info,
.flat-info.btn-bordered:hover {
    color: #fff;
    background-color: rgb(52, 152, 219);
}
.flat-info:hover,
.flat-info.btn-bordered {
    color: rgb(52, 152, 219);
    background-color: transparent;
}
.flat-warning,
.flat-warning:hover,
.flat-warning:active {
    border: 2px solid rgb(241, 196, 15);
}
.flat-warning,
.flat-warning.btn-bordered:hover {
    color: #fff;
    background-color: rgb(241, 196, 15);
}
.flat-warning:hover,
.flat-warning.btn-bordered {
    color: rgb(241, 196, 15);
    background-color: transparent;
}
.flat-danger,
.flat-danger:hover,
.flat-danger:active {
    border: 2px solid #e03e3e;
}
.flat-danger,
.flat-danger.btn-bordered:hover {
    color: #fff;
    background-color: #e03e3e;
}
.flat-danger:hover,
.flat-danger.btn-bordered {
    color: #e03e3e;
    background-color: transparent;
}
.flat-inverse,
.flat-inverse:hover,
.flat-inverse:active {
    border: 2px solid rgba(30, 30, 37, 1);
}
.flat-inverse,
.flat-inverse.btn-bordered:hover {
    color: #fff;
    background-color: rgba(30, 30, 37, 1);
}
.flat-inverse:hover,
.flat-inverse.btn-bordered {
    color: rgba(30, 30, 37, 1);
    background-color: transparent;
}
.flat-color,
.flat-color:hover,
.flat-color:active {
    border: 2px solid #2ecc71;
}
.flat-color,
.flat-color.btn-bordered:hover {
    color: #fff;
    background-color: #2ecc71;
}
.flat-color:hover,
.flat-color.btn-bordered {
    color: #2ecc71;
    background-color: transparent !important;
}
.btn-flat:not(.btn-rounded) {
    border-radius: 0;
}
.btnGreen {
    padding: 11px 18px;
    color: #fff;
    border: none;
    background-color: #82b440;
    box-shadow: 0 3px 0 #6f9a37;
}
.btnGreen:hover,
.btnGreen:active {
    color: #fff;
    background: #82b522;
    box-shadow: 0 4px 0 #678f50;
}
/* SLIDER
==================================================
*/

.featured {
    position: relative;
    background-position: 0 0;
    background-repeat: repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    margin: 0;
    width: 100%;
    padding-top: 20vh;
    height: 80vh;
    box-sizing: border-box;
    min-height: 900px;
    background: url(../images/bgs.jpg) no-repeat bottom center ;
    background-size: cover;
}
.featured .container {
    height: 100%;
}
.pattern-bg {
    background-image: url(../images/pattern.png);
}
.intro {
    margin: 0 auto 35px;
    color: #fff;
    text-align: center;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro h3 {
    font-size: 34px;
    line-height: 46px;
    color: #fff;
    letter-spacing: 2px;
    max-width: 930px;
    margin: auto;
}
.intro .btn {
    margin: 0 5px 0 5px;
}
.intro-list {
    margin: 0 0 40px 0;
    padding: 0;
}
.intro-list li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
.intro-list li span {
    font-weight: 400;
}
.intro-list li i {
    margin-right: 5px;
}
.featured-img img {
    margin: auto;
    max-height: 65vh;
}
#main-carousel:hover {
    cursor: cursor: url("../images/swipe-icon.png"), auto;
}
/********************************************* - NAVIGATION -**********************************************/

.navwrap {
    position: relative;
    z-index: 10;
    z-index: 9999;
    width: 100%;
    margin: auto;
}
.navbar-custom {
    margin-bottom: 0;
    background: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle {
    font-size: 13px;
    padding: 4px 6px;
    color: #fff;
}
.navbar-custom a {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #0a79c0;
}
.navbar-custom .nav li.active {
    outline: none;
    background-color: transparent;
}
.navbar-custom .navbar-nav .btn {
    background: #fff;
    padding: 9px 25px;
    border-radius: 22px;
    margin-top: 5px;
    color: #000;
}
.navbar-custom .navbar-nav .btn:hover {
    background: #82b440;
    color: #fff;
}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: transparent;
}
.navbar-solid {
    background: #2a2933
}
.dropdown-menu {
    font-size: 13px;
    min-width: 160px;
    padding: 8px 0;
    border: 1px solid #eee;
    border: 1px solid #eee;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}
.navbar-custom.nav .open > a,
.navbar-custom.nav .open > a:hover,
.navbar-custom.nav .open > a:focus {
    border-color: none;
    background-color: transparent;
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    padding: 5px 15px;
    color: #0a79c0;
    border: 1px solid #0a79c0;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
}
@media only screen and (min-width: 992px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
        letter-spacing: 1px;
        border-bottom: solid 3px #0a79c0;
    }
    .top-nav-collapse {
        padding: 0;
    }
    .navbar-custom .nav li a {
        background: transparent;
    }
    .navbar-custom.top-nav-collapse {
        padding: 10px 0;
        border-bottom: solid 3px #0a79c0;
    }
    
    .navbar-custom.top-nav-collapse a
    {
        color: #0a79c0;
    }
    
    
    .navbar-custom a.white
    {
        display: block;
    }
    
    
    .navbar-custom a.color
    {
        display: none;
    }
    
    .navbar-custom.top-nav-collapse a.white
    {
        display: block;
    }
    
    
    .navbar-custom.top-nav-collapse a.color
    {
        display: none;
    }
    
}
@media only screen and (max-width: 992px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a,
    .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
        color: #fff;
    }
}
/* Logo * -------------------------- */

.navbar-custom .navbar-brand,
.navbar-inverse .navbar-brand {
    font-size: 18px;
    line-height: 20px;
    float: left;
    height: 50px;
    padding: 3px 15px;
}
.navbar-custom .navbar-brand img,
.navbar-inverse .navbar-brand img {
    display: block;
    height: 45px;
}
/** INTRO **/

.expertises .expertise {
    border-top: 1px solid #eaeaea;
    margin-bottom: 25px;
    padding-top: 25px;
}
.expertises .expertise:first-child {
    border-top: none;
    padding-top: 0;
}
.expertises .expertise h3 a {
    font-size: 17px;
    margin-bottom: 8px;
    color: rgb(43, 42, 56)
}
.expertises .expertise:hover h3 a {
    color: #be152d;
}
.expertises .expertise p a {
    color: #888;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
ul.expertise {
    margin-bottom: 25px;
}
ul.expertise li {
    border-top: 1px solid #eaeaea;
    font-size: 17px;
    font-family: 'Lexend', sans-serif;
    color: rgb(43, 42, 56);
    line-height: 42px;
    font-weight: 500;
}
ul.expertise li:last-child {
    border-bottom: 1px solid #eaeaea;
}
/*
*
* Tabbed section
*/

#tabnav {
    margin: 35px auto 60px auto;
}
#tabnav li.branding,
#tabnav li.design,
#tabnav li.dev {
    float: left;
    width: 33%;
    text-align: center;
    padding: 2px 0;
    position: relative
}
#tabnav li:hover {
    background: #fafafa
}
#tabnav li a {
    font-size: 16px;
    color: rgb(43, 42, 56);
    -ms-filter: "alpha(opacity=75)";
    display: block;
    padding: 8px 0;
    font-weight: 500;
}
#tabnav li a:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}
#tabnav li a img {
    width: 40px;
    height: 40px
}
#tabnav li a span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px
}
#tabnav li.active {
    background: #fafafa!important
}
#tabnav li.active a {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}
media_tag_5 {
    media_subcode: 5
}
#tabnav li.branding,
#tabnav li.dev {
    border: 1px solid rgba(182, 196, 209, 0.3);
}
#tabnav li.design {
    border-top: 1px solid rgba(182, 196, 209, 0.3);
    border-bottom: 1px solid rgba(182, 196, 209, 0.3);
}
.tab-content {
    margin-top: 30px;
}
#tabbed .tab-pane .img-container img {
    margin: auto;
}
#tabbed .right-tabbed {
    position: relative;
}
#tabbed .right-tabbed .link {
    padding: 16px 0 0 25px;
}
#tabbed .right-tabbed .tabbed-content {
    margin: auto;
    display: block;
}
#tabbed .right-tabbed .tabbed-action {
    margin-top: 40px;
}
#tabbed .right-tabbed .tabbed-content .watch-video {
    background: url("../images/video-button-bg.jpg") no-repeat center center;
    background-size: cover;
    color: #FFF;
    cursor: pointer;
    border-radius: 4px;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding: 25px 0;
    text-align: center;
    width: 200px;
}
#tabbed .right-tabbed .tabbed-content .watch-video span {
    letter-spacing: 1px;
    text-transform: uppercase;
}
#tabbed .right-tabbed .tabbed-content .watch-video:hover {
    opacity: 0.7;
}
#tabbed .tab-pane ul.bullet-list {
    margin-bottom: 25px;
}
#tabbed .tab-pane ul.bullet-list li {
    margin-left: 0;
    padding: 13px 0 5px;
    position: relative;
}
.tabbed-info {
    padding: 80px 0px 120px 0px;
    overflow: hidden;
}
.tabbed-info h5 {
    color: #fff;
}
.tabbed-info h2 {
    font-weight: 300;
    font-size: 40px;
    color: #fff;
    margin: 0px 0px 40px 30px;
    text-align: center;
}
.tabbed-info .nav>li>a {
    color: #FFFFFF;
    background: rgba(42, 41, 47, 0.34);
    box-shadow: inset 0px 0px 0px 1px rgba(18, 17, 27, 0.28), 0px 0px 0px 1px rgba(43, 45, 48, 0.15);
    margin: 0px 10px;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Lexend', sans-serif;
}
.tabbed-info .nav-pills>li.active>a,
.tabbed-info .nav-pills>li.active>a:hover,
.tabbed-info .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #82b440;
    box-shadow: inset 0px 0px 0px 1px #82b440, 0px 0px 0px 1px rgba(14, 13, 16, 0);
}
.tabbed-info .nav-pills>li.active>a:after,
.tabbed-info .nav-pills>li.active>a:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.tabbed-info .nav-pills>li.active>a:after {
    border-color: rgba(36, 44, 56, 0);
    border-top-color: #82b440;
    border-width: 10px;
    margin-left: -10px;
    margin-top: -1px
}
.tabbed-info .nav-pills>li.active>a:before {
    border-color: rgba(31, 30, 40, 0);
    border-top-color: #82b440;
    border-width: 11px;
    margin-left: -11px;
    margin-top: -1px;
}
.tabbed-info .tab-content {
    padding-top: 50px;
}
.tabbed-info .tab-content .tab-pane h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
}
.tabbed-info .tab-content .tab-pane p {
    font-size: 16px;
    line-height: 26px;
}
.tabbed-info .tab-content .tab-pane ul {
    padding-left: 90px;
}
.tabbed-info .tab-content .tab-pane ul li {
    list-style: none;
    margin-bottom: 30px;
}
.tabbed-info .tab-content .tab-pane ul li:before {
    content: "* ";
    color: #fff;
    position: absolute;
    left: 80px;
}
.tabbed-info .tab-content .tab-pane ul h6 {
    color: #FFFFFF;
    font-size: 20px;
}
.tabbed-info .tab-content .tab-pane ul p {
    color: #6d737f;
    line-height: 24px;
}
/**  Features
* /* -------------------------------------------------------------------------------
*/

.single-feature-image img {
    margin: auto;
}
#features {
    border-bottom: 1px solid #F0F0F3;
}
.icon-item i {
    background: rgb(43, 42, 56);
    color: #fff;
    font-size: 22px;
    padding: 15px;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.4s;
    float: left;
    line-height: 24px;
}
.icon-item i {
    -webkit-transition: box-shadow 0.4s;
    -moz-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
}
.icon-item i:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #82b440;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.icon-item:hover:after i {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}
.icon-item:hover i {
    box-shadow: 0 0 0 10px #82b440;
    color: #D32352;
}
.icon-item:hover:after i {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.icon-item:hover i {
    box-shadow: 0 0 0 10px #82b440;
    color: #82b440;
    background: #fff;
}
.icon-item .item-content h3 {
    margin-top: 0;
}
.icon-item .item-content {
    padding-left: 75px;
}
.icon-item:hover {
    cursor: crosshair;
}
@media screen and (max-width: 480px) {
    .icon-item {
        margin-top: 25px;
    }
}
.features-module i {
    font-size: 32px;
    float: left;
    padding: 0 20px 0 0;
}
#features-list .icon-item i {
    background: rgb(61, 60, 70);
}
#features-list .hr-after:after {
    border-bottom: 3px solid #82b440;
}
/* FEATURES BLOCKS
================================================== */

.image-block {
    height: 300px;
    min-height: 300px;
    position: relative;
}
.image-block img {
    margin: auto
}
.content-block {
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    min-height: 300px;
}
.module-1 img {
    display: block;
    width: 61px;
    height: 61px;
    margin-bottom: 10px;
}
.module-1 h5 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.module-1 h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #2e3b4e;
}
/* ===[ Carousel ]=== */

#screenshots .title-section {
    margin-bottom: 35px;
}
#screenshots .title-section h1 {
    color: #fff
}
#shoots .item {
    background: #42bdc2;
    text-align: center;
    margin: 0 5px;
}
.owl-theme .owl-controls .owl-page span {
    background: #FFFFFF
}
/* PRICING
================================================== */

.price-section {
    padding-top: 90px;
}
#pricing .silver,
#pricing .plat {
    background: white;
    text-align: center;
}
#pricing .gold {
    position: relative;
    top: -35px;
    padding: 35px 0;
    background: #82b440;
    text-align: center;
    border-radius: 5px;
}
#pricing .gold > .price {
    background: #2A2930;
    color: #fff;
}
#pricing .gold > h1,
#pricing .gold > h2,
#pricing .gold > p,
#pricing .gold > span {
    color: white
}
#pricing h1 {
    margin: 20px 0 10px 0;
    color: rgba(0, 0, 0, 0.8);
}
#pricing h2 {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 15px 0;
}
#pricing p {
    margin: 10px 0;
}
#pricing span {
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: inline-block;
    width: 125px;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);
}
#pricing .price {
    height: 100px;
    width: 100px;
    text-align: center;
    background-color: #82b440;
    border-radius: 50%;
    line-height: 100px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 100;
    margin: 20px auto;
}
#pricing button {
    display: block;
    margin: 20px auto;
    width: 150px;
    height: 35px;
    border-bottom: 5px solid #82b440;
    background: #2A2930;
    border: none;
    border-radius: 20px;
    color: white;
    font-weight: 100;
    transition: all ease-in-out .2s;
}
#pricing button:hover {
    background: #82b440;
    border: 1px solid #c4e17f
}
/*
* Client section
*/

#clients .logos {
    margin: 40px 0 70px;
}
#clients .logos img {
    width: 80%;
    margin: auto;
}
@media screen and (max-width: 480px) {
    #clients .logos img {
        width: 80%;
        padding: 10px 35px;
    }
}
ul.clients {
    margin: 45px 0;
    padding: 0;
}
ul.clients li.banner-wrap {
    overflow: hidden;
    padding: 15px;
    border-right: 1px solid #eee;
    text-align: center;
}
ul.clients li.banner-wrap:last-child,
ul.clients li.banner-wrap:nth-child(6) {
    border-right: none;
}
ul.clients li.banner-wrap .featured-thumbnail {
    margin: 0;
    padding: 0;
    border: none;
}
ul.clients li.banner-wrap .featured-thumbnail a {
    display: block;
}
ul.clients li.banner-wrap .featured-thumbnail img {
    display: block;
    margin: auto;
    padding: 10px;
    opacity: 0.4;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
ul.clients li.banner-wrap .featured-thumbnail img:hover {
    opacity: 0.9;
}
/*
* Tooltip style
*/

.tooltip-inner {
    padding: 15px 10px;
    max-width: 250px;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}
/* QUOTE CAROUSEL */

.quote-theme .owl-theme .owl-controls {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.quote-text {
    background: linear-gradient(#f8f8f8, #f8f8f8) no-repeat 100% 0;
    border-left: none;
    font-style: italic;
    line-height: 30px;
    margin: 0 0 30px 0;
    padding: 35px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 0 rgba(216, 216, 216, 0.3);
    -moz-box-shadow: 0 3px 0 rgba(216, 216, 216, 0.3);
    box-shadow: 0 3px 0 rgba(216, 216, 216, 0.3);
}
.quote-text:before {
    border: solid 14px transparent;
    z-index: 3;
    border-top-color: #f5f7f9;
    top: auto;
    right: auto;
    bottom: -28px;
    left: 30px;
}
.quote-text:after {
    border: solid 14px transparent;
    z-index: 2;
    border-width: 18px;
    border-top-color: rgba(216, 216, 216, 0.3);
    top: auto;
    right: auto;
    bottom: -36px;
    left: 26px;
}
.quote-text:before,
.quote-text:after,
.quote-text-up:before,
.quote-text-up:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
}
.quote-text a {
    color: rgb(43, 42, 56);
}
.quote-text a:hover {
    text-decoration: none;
}
.quote-author-pic {
    float: left;
    margin-right: 15px;
    margin-left: 6px;
    width: 70px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}
.quote-author {
    display: inline-block;
    font-size: 21px !important;
    line-height: 65px !important;
    letter-spacing: 1px;
}
.quote-author a {
    color: rgb(43, 42, 56);
    font-style: inherit;
}
.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.aligner-item {
    max-width: 100%;
}
.aligner-item--top {
    align-self: flex-start;
}
.aligner-item--bottom {
    align-self: flex-end;
}
/*
*
* FOOTER
*/

#footer, #partners {
    color: #6d737f;
}
#footer h3, #partners h3, 
#footer h4, #partners h4 {
    color: #fff
}
#footer .top-footer, #partners .top-footer, 
#footer .btm-footer {
    padding: 20px 0;
    border-bottom: 1px solid #121214;
}
#footer .top-footer .f-left h3 {
    color: #fff;
    margin: 10px 0 10px;
}
#footer .top-footer .cta, #partners .top-footer .cta{
    margin-top: 20px;
}

#footer .tagcloud a {
    background-color: #2a2933;
    border: #202738;
    color: #D6D6D6;
    display: inline-block;
    font-size: 14px !important;
    line-height: 27px;
    margin: 0 0 8px;
    padding: 0 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: top;
}
#footer .tagcloud a:hover {
    background-color: #D32352;
    color: #fff;
    text-decoration: none;
    border-color: #434955
}
#footer .btm-footer ul.btm-links {
    margin-top: 7px;
}
#footer .btm-footer ul li a {
    color: #6d737f;
}
/*
*
* SOCIAL ICONS
*
*/

#footer .btm-footer .socials li {
    position: relative;
    list-style: none;
    text-align: center;
    margin: 0 1px;
    display: inline-block;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    z-index: 2;
}
#footer .btm-footer .socials li a {
    font-size: 14px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    display: block;
}
/* Journal home page */

#journal .hr-after:after {
    border-bottom: 3px solid #82b440;
}
.post-row {
    position: relative;
    margin-bottom: 35px;
}
.post-row .post-date {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 10px;
}
.post-row h3 {
    margin-top: 0;
    color: #fff;
    margin-bottom: 5px;
}
.post-row h3 a {
    color: #fff;
    font-size: 18px;
}
/* ---------- TEAM-CONTAINERS ---------- */

.teamMembers .image-container {
    position: relative;
    overflow: hidden;
    max-height: 350px;
}
.teamMembers .image-container img {
    -webkit-transition: all .4s;
    transition: all .4s;
}
.teamMembers .image-container:hover img {
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
}
.teamMembers .image-container:hover figcaption {
    -webkit-transition: -webkit-transform .4s, opacity .1s;
    transition: transform .4s, opacity .1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.teamMembers .image-container figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 0;
    -webkit-transition: -webkit-transform .4s, opacity .1s .3s;
    transition: transform .4s, opacity .1s .3s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    text-align: center;
    opacity: 0;
    background: #82b541;
}
.teamMembers figure figcaption .socials {
    text-align: center;
}
.teamMembers figure figcaption .socials li {
    border: 1px solid #fff;
}
.teamMembers figure figcaption .socials li a {
    color: #fff;
}
.teamMembers article {
    background: #fff;
}
.teamMembers .info {
    position: relative;
    display: block;
    padding: 20px 15px 25px;
}
.teamMembers .info h3 {
    font-size: 18px;
    letter-spacing: 2px;
}
/* Social Icons */

.teamMembers .socials li {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 1px;
    padding: 4px;
    list-style: none;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    text-align: center;
    border: 1px solid #748796;
    border-radius: 50%;
}
.teamMembers .socials li a {
    font-size: 14px;
    line-height: 16px;
    display: block;
    width: 16px;
    margin: 0;
    padding: 0;
    color: #748796;
}
/** BREAdCRUMB*/

.big_breadcrumb {
    position: relative;
    z-index: 1;
    min-height: 550px;
    padding-top: 5vh;
}
.big_breadcrumb:before {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .65)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}
.breadcrumb {
    margin-top: 30px;
    list-style: none;
    border-radius: 4px;
    background-color: transparent;
}
.breadcrumb li a {
    color: #fff;
}
.page-section-intro {
    margin-top: 140px;
    color: #fff;
}
.page-section-intro h1 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    
}
/* * Blog */

.blog {
    padding-top: 70px;
    padding-bottom: 80px;
}
.blog-main .blog-item {
    margin: 0 0 80px;
}
.blog-main .pager {
    margin-top: 90px;
}
.post-media,
.post-title,
.post-meta {
    display: block;
}
.post-title h2.title,
.post-title h2.title a {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1px;
    color: rgb(43, 42, 56);
    font-weight: 600;
}
.post-title h2.title a:hover {
    color: #48505e;
}
.post-title blockquote {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #aaa;
}
.post-title blockquote:before {
    content: '';
}
.post-title blockquote p {
    font-style: normal;
    padding-left: 0;
}
.post-meta {
    font-size: 10px;
    font-weight: 300;
    margin: 14px 0 20px 0;
    padding: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.post-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.post-meta li {
    display: inline;
    margin-right: 5px;
}
.post-meta li:last-child {
    margin-right: 0;
}
.post-meta li:after {
    content: '\2022';
}
.post-meta li:last-child:after {
    content: '';
}
.post-meta span {
    line-height: 18px;
    padding-right: 8px;
}
.post-meta a {
    display: inline-block;
    color: #aaa;
}
.post-meta a:hover {
    color: #f7465b;
}
.post-entry .btn {
    margin-top: 14px;
}
.post-media {
    position: relative;
    margin: 0 0 20px;
}
.post-media img {
    display: block;
    width: 100%;
}
.responsive-video-div > div {
    position: relative;
}
.responsive-video-div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.responsive-video-vimeo {
    max-width: 1130px;
}
.responsive-video-vimeo > div {
    padding-top: 56.26506%;
}
.responsive-video-youtube {
    max-width: 1130px;
}
.responsive-video-youtube > div {
    padding-top: 56.271981%;
}
.post-date {
    font-size: 10px;
    margin-bottom: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.post-date ul {
    margin: 0;
    padding: 0;
}
.post-date li {
    display: inline;
    margin-right: 5px;
}
.post-date li:last-child {
    margin-right: 0;
}
.post-date span.day:after {
    content: ',';
}
.post-date li:after {
    margin-left: 8px;
    content: '/';
}
.post-date li:last-child:after {
    margin-left: 0;
    content: '';
}
.post-entry .divider {
    width: 20%;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #eee;
}
pre {
    font-size: 13px;
    line-height: 1.42857143;
    display: block;
    margin: 0 0 10px;
    padding: 15.5px 10px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    color: #8c989e;
    border: 1px solid #edeff3;
    border-radius: 2px;
    background-color: #f5f5f5;
}
.blog-item blockquote.light {
    font-style: italic;
    margin: 18px 0;
    padding: 30px 20px;
    color: #1c1c1f;
    background: #f5f5f5;
}
/*************************blog page css***************************/

.widget {
    margin-bottom: 60px;
    padding-left: 0;
}
.single_comments {
    margin-bottom: 20px;
}
.single_comments img {
    display: block;
    float: left;
    max-width: 70px;
    margin-top: 5px;
    margin-right: 10px;
}
.single_comments p {
    margin-bottom: 0;
}
.widget .entry-meta span {
    display: inline-block;
    margin-right: 10px;
}
.widget h3 {
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.blog_category {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog_category li {
    float: none;
    margin-bottom: 20px;
}
.blog_category li a {
    display: inline-block;
    padding: 5px 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #888;
    background: #f5f5f5;
}
.blog_category li a:hover {
    color: #fff;
    background: #82b541;
}
.badge:before {
    position: absolute;
    z-index: -99999;
    bottom: -8px;
    left: 5px;
    height: 0;
    content: '';
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #82b541;
}
.badge {
    font-weight: normal;
    position: relative;
    top: -18px;
    left: 60px;
    padding: 8px;
    color: #fff;
    border-radius: 0;
    background-color: #82b541;
}
.blog_archieve {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
.blog_archieve li {
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
}
.blog_archieve li:first-child {
    padding-top: 0;
}
.blog_archieve li a {
    color:rgb(43, 42, 56);
    font-weight:500;
    letter-spacing:1px
}
.blog_archieve li a:hover {
    color:#82b440
}
ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.gallery li {
    display: block;
    float: left;
    width: 60px;
    margin: 0 4px 4px 0;
    padding: 0;
}
ul.faq {
    margin: 0;
    list-style: none;
}
ul.faq li {
    margin-top: 30px;
}
ul.faq li:first-child {
    margin-top: 0;
}
ul.faq li span.number {
    font-size: 24px;
    line-height: 50px;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: #34495e;
}
ul.faq li > div {
    margin-left: 70px;
}
ul.faq li > div h3 {
    margin-top: 0;
}
.embed-container {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul.pagination > li > a {
    font-size: 16px;
    margin-right: 5px;
    padding: 5px 14px;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    color: rgb(43, 42, 56);
}
ul.pagination > li > a i {
    margin-right: 5px;
    margin-left: 5px;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
    color: #fff;
    border-color: #2a2933 !important;
    background-color: #2a2933 !important;
}
.search_box {
    height: 48px;
    border-color: #eee;
    border-radius: 0;
    outline: medium none;
    background-repeat: no-repeat;
    background-position: 314px 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus {
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.tag-cloud,
ul.sidebar-gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tag-cloud li {
    display: inline-block;
    margin-bottom: 3px;
}
.tag-cloud li a {
    padding: 8px 15px;
    color: rgba(30, 30, 37, 1);
    border: 0;
    border-radius: 0;
    background: #f5f5f5;
}
.tag-cloud li a:hover {
    color: #fff;
    background: #82b541;
}
/************************blog single page css***********************/

.comment-list {
    margin: 0;
    padding: 15px 0 0 0;
}
.comment {
    margin: 15px 0 0 0;
    list-style-type: none;
}
.comment:first-child {
    margin-top: 0;
    border-top: none;
}
.comment div {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 25px;
}
.comment .avatar {
    z-index: 1;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 0;
}
.avatar h2 {
    margin-bottom: 0;
}
.comment .avatar img {
    width: 80px;
    height: 80px;
}
.comment .comment-meta,
.comment .comment-wrap {
    float: right;
    width: 83%;
    padding: 0;
}
.comment .comment-meta {
    font-size: 11px;
}
.comment .author,
.comment .author a {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #18181a;
}
.comment .date {
    font-size: 10px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #aaa;
}
.comment .reply {
    margin-left: 10px;
    padding: 2px 8px;
    color: #fff;
    background-color: #191627;
}
.comment .reply:hover {
    color: #fff;
}
.comment .comment-wrap {
    margin-top: 15px;
}
.comment .children {
    margin: 15px 0 0 15px;
    padding: 0 0 0 35px;
    border-left: 2px solid #eee;
    background: url(../images/sprite.png) no-repeat 0 -379px transparent;
}
.comment .children div {
    background-color: #f5f5f5;
}
.comment .children .comment-meta .reply {
    color: #444;
    background-color: #fff;
}
.comment .children .comment-meta .reply:hover {
    color: #fff;
    background: #191627;
}
.comment .children .author,
.comment .children .author a {
    font-size: 12px;
    letter-spacing: 4px;
    color: #18181a;
}
.comment .children .date {
    color: #999;
}
.comment .children .comment {
    list-style-type: none;
}
.comment div {
    overflow: hidden;
    margin: 0;
    padding: 25px;
}
.comment .children .comment {
    position: relative;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
}
.comment .children .comment:first-child {
    margin-top: 0;
}
.comment .children .comment-wrap,
.comment .children .comment-meta {
    width: 82%;
}
.comment .children .children .comment-wrap,
.comment .children .children .comment-meta {
    width: 82%;
}
.comment .children .children .children .comment-wrap,
.comment .children .children .children .comment-meta {
    width: 89.5%;
}
.comment .children .children .children .children .comment-wrap,
.comment .children .children .children .children .comment-meta {
    width: 89%;
}
.comment .children .children .children .children .children .comment-wrap,
.comment .children .children .children .children .children .comment-meta {
    width: 88.5%;
}
/*-------------------------------------------------- COMMENT FORM*/

.comment-form {
    margin-top: 30px;
}
.form-group label {
    font-size: 16px;
    font-weight: 300;
    color: #4e4e4e;
}
.form-group .form-control {
    padding: 25px 15px;
    border-width: 3px;
    border-color: #E0E0E0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 8px;
}
textarea#message {
    padding: 10px;
    resize: none;
}
/* CONTACT ================================================== */

#cta-contact {
    padding: 30px 0;
    background: #26252e;
}
#cta-contact .btn {
    font-size: 12px;
    padding: 10px 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    border: #fff 1px solid;
    border-radius: 0;
}
#contact .big-heading {
    font-size: 32px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #fff;
}
#contact .icon-divider {
    margin-bottom: 35px;
}
#contact .icon-divider:before {
    border-top: 2px solid #fff;
}
#contact .icon-divider span {
    margin: 5px auto 0;
    padding: 12px 10px;
    color: #fff;
    background: #2a2933;
}
#contact #comments {
    margin-top: 0;
}
#contact form .right {
    float: right;
}
#contact form input,
#contact form textarea {
    width: 100%;
    margin-bottom: 20px;
    border: none;
    outline: none;
    color: #fff;
}
#contact form input {
    font-size: 12px;
    height: 44.7px;
    padding-left: 15px;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    border-radius: 0;
    background: rgba(255, 255, 255, .02);
}
#contact form textarea {
    font-size: 16px;
    font-size: 11px;
    height: 103px;
    margin-bottom: 9px;
    padding: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    border-radius: 0;
    background: rgba(255, 255, 255, .02);
}
#contact form .btn {
    font-size: 17px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 4px;
    text-transform: uppercase;
    border-radius: 0;
}
.alert-success {
    color: #fff;
    border-color: rgba(214, 233, 198, 0);
    background-color: #3dc98b;
}
.alert-danger {
    color: #fff;
    border-color: rgba(235, 204, 209, 0);
    background-color: #ec4977;
}
/*
* CONTACT PAGE
*/

#map {
    height: 500px;
    width: 100%;
}
#contact-page {
    position: relative;
}
#contact {
    padding: 70px 0;
}
.contact-form form input,
.contact-form form,
.contact-form form textarea,
.contact-form form select {
    margin-bottom: 20px;
    width: 100%;
}
#contact-page .right-contact address {
    margin-top: 50px;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    font-size: 18px;
}
/*Preloader*/

#loader-wrapper {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loader {
    position: relative;
    /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    border: 5px solid transparent;
    border-top-color: #d12373;
    border-radius: 50%;
}
#loader:before {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    content: '';
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    border: 5px solid transparent;
    border-top-color: #82b440;
    border-radius: 50%;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    content: '';
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    border: 5px solid transparent;
    border-top-color: #e8f922;
    border-radius: 50%;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}
#loader-wrapper .loader-section {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
/* ===[ Loaded styles ]=== ================================================== */

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1.000);
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
}
.loaded #loader {
    -webkit-transition: all .3s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
    transition: all .3s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
    opacity: 0;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transition: all .3s 1s ease-out;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
    transition: all .3s 1s ease-out;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+ */
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */
}

/* ELEMENTS PAGE STYLE / REMOVE THIS CODE */
.elements-page .row {
    margin-bottom:35px;
}
.elements-page .btn {
    margin-bottom: 8px;
    margin-right: 8px;
}