/****************************
 * Theme Name: CSC - Soapbox
 * Author: Soapbox
 * Template version: 1.0 by Soapbox
*****************************/

/****************************
 * Reset CSS
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
*****************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
a:focus {}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #66c18c;
    color: #fff; display: inline-block; padding: 0 3px;
}
code,
kbd,
pre,
samp {
    font-size: 1em;
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
}
pre {
    color: #666;
    font-size: 1em;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}
blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}
blockquote blockquote {
    margin-right: 0;
}
blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300;
}
blockquote strong,
blockquote b {
    font-weight: 400;
}
small {
    font-size: smaller;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 20px 0; display: block;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background: #a6b2b4;
    border: 0;
    height: 1px;
    margin: 0 0 18px;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}



/****************************
 * Common styles
*****************************/
.container {
    position: relative;
    width: 100%; max-width: 1590px;
    margin: 0 auto; padding:0 50px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hidden {display: none;}
.show {display: block;}
*[onclick], [data-link] {cursor: pointer;}
html, body {position: relative; background: #ffffff; overflow-x: hidden;}
.inner-content {min-height: 270px;}



/****************************
 * Header
*****************************/
/****** Header > TOP ******/
.header__block {height: 100px;}
.header__block > .container.clearfix {max-width: 1760px; padding: 0;}
/*** Header > logo ***/
.header__logo {
    display: inline-block; line-height: 100px; max-width: 1590px; width: 100%; padding: 0 50px;
    position: absolute; left: 50%; top: 0; z-index: 998;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.header__logo img {height: 78px;}
/*** Header > header__right ***/
.header__right {float: right; width: auto; line-height: 100px; position: relative; z-index: 999;}
.header__right, .header__right > * {display: inline-block;}
/* header__main-menu */
.header__main-menu ul.menu {display: block; list-style: none;}
.header__main-menu ul.menu > li.menu-item {
    display: inline-block; padding: 0 18px; position: relative;}
.header__main-menu ul.menu > li.menu-item > a {
    font-size: 15px; text-transform: uppercase; color: #565656; letter-spacing: 1px;}
/* sub-menu */
.header__main-menu ul.menu > li.menu-item > ul.sub-menu {
    z-index: -1; position: absolute; top: 130%; left: 50%; text-align: left; padding: 20px 0;
    opacity: 0; visibility: hidden; width: 320px; height: auto; list-style: none;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border: 1px solid #afafaf; background-color: rgba(255,255,255,0.9);
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item {
    position: relative; padding: 0 20px; margin-bottom: 3px; line-height: normal; background-color: transparent;}
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item:not(:last-child)::after {
    content: ""; position: absolute; bottom: 0; left: 50px;
    height: 1px; width: 220px; background-color: #565656;}
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a {
   font-size: 15px; text-transform: uppercase; text-align: center;
    color: #6c6c6c; padding: 17px 0; display: block;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* sub-menu for About */
.header__main-menu ul.menu > li.menu-item.menu-item-55 > ul.sub-menu {width: 220px;}
.header__main-menu ul.menu > li.menu-item.menu-item-55 > ul.sub-menu > li.menu-item:not(:last-child)::after {
    width: 190px; left: 15px;}
/* sub-menu for Services */
.header__main-menu ul.menu > li.menu-item.menu-item-53 > ul.sub-menu {width: 290px;}
.header__main-menu ul.menu > li.menu-item.menu-item-53 > ul.sub-menu > li.menu-item:not(:last-child)::after {
    width: 216px; left: 37px;}
/* sub-menu for Projects */
.header__main-menu ul.menu > li.menu-item.menu-item-52 > ul.sub-menu {width: 312px;}
.header__main-menu ul.menu > li.menu-item.menu-item-52 > ul.sub-menu > li.menu-item:not(:last-child)::after {
    width: 216px; left: 48px;}
/* header__main-menu > hover underline */
.header__main-menu ul.menu > li.menu-item > a {position:relative; display:inline-block; line-height: 2;}
.header__main-menu ul.menu > li.menu-item > a::before {
    content:''; position: absolute; bottom:0; left:0; right:100%;
    background-color: #89236f; height: 3px;
    -webkit-transform: skew(-50deg); -moz-transform: skew(-50deg);
    -ms-transform: skew(-50deg); -o-transform: skew(-50deg); transform: skew(-50deg);
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header__main-menu ul.menu > li.menu-item:hover > a::before,
.header__main-menu ul.menu > li.menu-item.current-menu-item > a::before,
.header__main-menu ul.menu > li.menu-item.current-menu-parent > a::before {right:0;}
/* transition & hover */
.header__main-menu ul.menu > li.menu-item {
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header__main-menu ul.menu > li.menu-item > ul.sub-menu,
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item,
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item:not(:last-child)::after,
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a {
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.header__main-menu ul.menu > li.menu-item:hover > ul.sub-menu {
    top: 100%; visibility: visible; opacity: 1; z-index: 10;
    -webkit-transform: translate(-50%, -22px); -moz-transform: translate(-50%, -22px);
    -ms-transform: translate(-50%, -22px); -o-transform: translate(-50%, -22px); transform: translate(-50%, -22px);}
.header__main-menu ul.menu > li.menu-item > ul.sub-menu > li.menu-item:hover > a {color: #89236f;}

/* request_block */
.request_block {padding: 0 16px 0 26px;}
.request_block a.btn_scroll {
    padding: 16px 90px 16px 30px; position: relative; color: #565656;
    font-weight: 900; letter-spacing: 1px; font-size: 15px; text-transform: uppercase;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border: 1px solid #565656;}
.request_block a.btn_scroll::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; right: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 60px; height: 50px; text-align: center; line-height: 50px;}
.request_block a.btn_scroll::after {
    content: ""; position: absolute; top: 50%; right: 60px; opacity: 1;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 1px; height: 100%; background-color: #565656;}
/* transition & hover */
.request_block a.btn_scroll,
.request_block a.btn_scroll::after {
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.request_block a.btn_scroll:hover {
    background-color: #FFFFFF; color: #89236f;
    border: 1px solid #89236f; box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.27)}
.request_block a.btn_scroll:hover::after {right: 0; opacity: 0; color: #89236f;}

/* Search form */
.search_wrap {position: relative;}
.header__search .header__search-btn {
    cursor: pointer; display: inline-block; font-size: 0; width: 24px; height: 24px;}
.header__search .header__search-btn::after {
    position: absolute; top: 0; right: 0;
    content: '\e906'; font-family: "icomoon"; font-size: 20px; line-height: 100px;}
#search-form {
    z-index: 900; position: absolute; top: 120%; right: 0;
    opacity: 0; visibility: hidden; width: 300px; height: 40px;
    -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;}
#search-form[style="display: block;"] {
    top: 100%; visibility: visible; opacity: 1;}
#search-form form.search-form {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    box-shadow: 0 0 2px 2px #eaeaea; border: 1px solid #afafaf;
    background-color: rgba(255,255,255,0.9); text-indent: 5px; line-height: 40px;}
#search-form input.search-field {
    color: #6c6c6c; background-color: transparent; padding: 10px; font-size: 18px; width: 280px;}
#search-form input.search-field::placeholder {color: #CCCCCC; font-style: italic;}
#search-form button.search-submit {display: none;}


/****** STICKY HEADER ******/
.header__block.sticky {
    position: fixed; top: 0; z-index: 999;
    width: 100%; background: #ffffff; box-shadow: 0 0 7px 2px #ccc8c8;}
body.scroll-leave-top.scroll-down:not(.scroll-bottom) .header__block.sticky {
    -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.header__block.sticky, body.scroll-leave-top.scroll-down:not(.scroll-bottom) .header__block.sticky {
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
body.menu-open.scroll-leave-top.scroll-down:not(.scroll-bottom) .header__block.sticky {
    -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}


/****** Header > header__banner ******/
.header__banner {position: relative;}
/*** header__banner > img ***/
.header__banner-inner img {display: none; width: 100%; height: auto;}
.header__banner-inner .header__banner-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 335px; width: 100%;
}
/*** header__banner > title ***/
.header-title {
    position: absolute; top: 68px; left: 50%; width: 100%;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.header-title .page-title {
    font-size: 75px; line-height: 85px;
    font-family: 'Roboto', sans-serif; font-weight: 900;
    color: #ffffff; margin-bottom: 12px;}
.header-title .sub__title {
    font-size: 22px; line-height: 32px;
    font-family: 'Roboto Slab', serif; font-weight: 700;
    color: #ffffff;}
.rev-title, .header-title .page-title {text-shadow: 1px 1px 3px #666666;}



/****************************
 * HOMEPAGE
*****************************/
.home_section_custom_container {
    position: relative; width: 100%; max-width: 1230px;
    margin: 0 auto !important; padding: 0 15px !important;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.home_section_custom_container > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_content_element {margin-bottom: 50px;}
body.home .vc_separator {margin-bottom: 70px;}

/****** HOME > Banner ******/
/*** Banner > button in layer ***/
.banner-home {margin-bottom: 50px;}
.banner-home a.rev-btn {
    display: inline-block; padding: 17px 100px 17px 40px !important; position: relative;
    color: #ffffff !important; background-color: transparent !important;
    font-weight: 900 !important; letter-spacing: 1px !important; font-size: 15px !important; text-transform: uppercase;
    -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;
    box-sizing: border-box !important; border: 1px solid #ffffff !important;}
.banner-home a.rev-btn.rev-btn-dark-grey {border: 1px solid #333333 !important; color: #333333 !important;}
.banner-home a.rev-btn::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; right: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 60px; height: 50px; text-align: center; line-height: 50px;}
.banner-home a.rev-btn::after {
    content: ""; position: absolute; top: 50%; right: 60px; opacity: 1;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 1px; height: 100%; background-color: #ffffff !important;}
.banner-home a.rev-btn.rev-btn-dark-grey::after {background-color: #333333 !important;}
/* transition & hover */
.banner-home a.rev-btn,
.banner-home a.rev-btn::after {
    -webkit-transition: all 0.5s ease-out !important; -moz-transition: all 0.5s ease-out !important;
    -o-transition: all 0.5s ease-out !important; transition: all 0.5s ease-out !important;}
.banner-home a.rev-btn:hover {
    color: #89236f !important; background-color: transparent !important;
    border: 1px solid #89236f !important; box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.27)}
.banner-home a.rev-btn:hover::after {right: 0; opacity: 0;}

/*** Banner > navigation right ***/
.banner-home .custom .tp-bullet {
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    background-color: transparent; border: 1px solid #FFFFFF; position: relative;
    width: 17px; height: 17px; margin: auto;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner-home .custom .tp-bullet::before {
    content: ""; position: absolute; width: 7px; height: 7px; top: 4px; left: 4px;
    background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.banner-home .custom .tp-bullet::after {
    content: ""; position: absolute; top: 50%; right: 27px; opacity: 0;
    background-color: #FFFFFF; width: 20px; height: 1px;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.banner-home .custom .tp-bullet > span {
    position: absolute; top: 50%; right: 57px; color: #FFFFFF; font-size: 14px; font-style: italic; opacity: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.banner-home .custom .tp-bullet::after, .banner-home .custom .tp-bullet > span {
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.banner-home .custom .tp-bullet.selected::after, .banner-home .custom .tp-bullet.selected > span,
.banner-home .custom .tp-bullet:hover::after, .banner-home .custom .tp-bullet:hover > span {opacity: 1;}
/* bullets_black */
.banner-home .custom.bullets_black .tp-bullet {border: 1px solid #333333;}
.banner-home .custom.bullets_black .tp-bullet::before {background-color: #333333;}
.banner-home .custom.bullets_black .tp-bullet::after {background-color: #333333;}
.banner-home .custom.bullets_black .tp-bullet > span {color: #333333;}

/*** Banner > btn-move-down ***/
.banner-home .btn-move-down {
    cursor: pointer;
    -webkit-animation: fade_move_down 2s linear infinite;
    -o-animation: fade_move_down 2s linear infinite;
    animation: fade_move_down 2s linear infinite;}
.banner-home .btn-move-down:hover {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;}
@keyframes fade_move_down {
    0% {
        opacity: 0.2;
        -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0); -moz-transform: translateY(0);
        -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(20px); -moz-transform: translateY(20px);
        -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px)
    }
}


/****** HOME > Services ******/
/*** home_services_left ***/
.home_services_left_img > .vc_column-inner {padding: 0 !important;}
.home_services_left_text {margin-top: 40px;}
.home_services_left_text > .vc_column-inner {padding: 0 30px !important;}
.home_services_left_text .wpb_wrapper > p {line-height: 30px;}
.home_services_left_text .wpb_wrapper > p:not(:last-child) {margin-bottom: 10px;}

/*** home_services_right ***/
.service_list_section .item {margin-bottom: 15px;}
.service_list_section .title {font-size: 26px; font-weight: 900; color: #333333; margin-bottom: 5px; text-transform: capitalize;}
.service_list_section .description {font-size: 18px; font-weight: 400; color: #333333; line-height: 27px;}
.service_list_section .description > a > span.icon_more {font-size: 0;}
.service_list_section .description > a {
    padding: 7px 30px 8px 0; position: relative; font-weight: 700; letter-spacing: 1px; font-size: 13px; bottom: 2px;}
.service_list_section .description > a::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; right: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 30px; height: 30px; text-align: center; line-height: 30px; color: #565656; background-color: transparent;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border: 1px solid #565656;}
.service_list_section .title,
.service_list_section .description > a::before {
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.service_list_section .inner-item:hover .title {color: #89236f}
.service_list_section .inner-item:hover .description > a::before {right: -5px; color: #ffffff; background-color: #89236f;}


/****** HOME > home_logo_in_line ******/
.home_logo_in_line {padding-top: 80px;}
.home_logo_in_line::before {
    content: ''; position: absolute; top: 49px; left: 50%;
    -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);
    width: 190px; height: 62px; z-index: 1; background-color: #ffffff;
    background-image: url("../images/logo-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;}


/****** HOME > home_section_about ******/
.home_section_about {margin-bottom: 75px !important;}
.home_about_title {margin-bottom: 30px !important;}
.home_about_text {margin-bottom: 35px !important;}
.home_about_text > .wpb_wrapper > p {margin-bottom: 0 !important;}
.home_about_text > .wpb_wrapper > p > a:hover > span {color: #89236f;}
.home_about_group_btn {margin-bottom: 0 !important;}
.home_about_group_btn > .wpb_wrapper {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;}
.home_about_group_btn > .wpb_wrapper > p:not(:last-child) {margin-right: 10px; margin-bottom: 0;}


/****** HOME > home_section_testimonial ******/
.home_section_testimonial .testimonial__item-inner {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}
/*** testimonial > item-left ***/
.home_section_testimonial .testimonial__item-left {width: 42%; text-align: right; padding-right: 70px;}
.home_section_testimonial .testimonial__item-left .location {font-size: 36px; line-height: 42px; margin-bottom: 10px;}
.home_section_testimonial .testimonial__item-left .author,
.home_section_testimonial .testimonial__item-left .pos {
    font-size: 22px; color: #ffffff; line-height: 36px; margin-bottom: 0;}

/*** testimonial > item-right ***/
.home_section_testimonial .testimonial__item-right {width: 58%; padding-right: 70px;}
.home_section_testimonial .testimonial__item-right .content {
    font-family: 'Roboto Slab', serif; font-size: 22px; font-weight: 300; color: #ffffff;
    line-height: 36px; margin-bottom: 0;}

/*** testimonial > slick-dots ***/
.home_section_testimonial > .wpb_column > .vc_column-inner {padding: 70px 15px 90px !important;}
.testimonial-section .slick-dotted.slick-slider {margin-bottom: 0;}
.testimonial-section ul.slick-dots {
    list-style: none; margin: 0 70px 0 0; position: absolute;
    width: auto; bottom: 0; right: 58%;}
.testimonial-section ul.slick-dots li:not(:last-child) {margin-right: 22px;}
.testimonial-section ul.slick-dots li {
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    background-color: transparent; border: 1px solid #ffffff; position: relative;
    width: 17px; height: 17px; margin: auto;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.testimonial-section ul.slick-dots li::before {
    content: ""; position: absolute; width: 7px; height: 7px; top: 4px; left: 4px; opacity: 0;
    background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.testimonial-section ul.slick-dots li,
.testimonial-section ul.slick-dots li::before {
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.testimonial-section ul.slick-dots li:hover::before,
.testimonial-section ul.slick-dots li.slick-active::before {opacity: 1;}
.testimonial-section ul.slick-dots li button {opacity: 0;}


/****** HOME > home_section_blog ******/
.home_section_blog {margin: 75px 0;}
.home_section_blog > .wpb_column > .vc_column-inner {padding-top: 0 !important;}
.home_section_blog .blog-section {margin-left: -12px; margin-right: -12px;}
.home_section_blog .blog-section .article-list {
    width: 100%; padding-right: 0;
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}
.home_section_blog .blog-section .article-list .article__item {
    width: 33.3333%; margin-bottom: 20px; padding: 0 12px;}




/****************************
 * ABOUT PAGE
*****************************/
body.page-id-75 main.main_content {overflow: hidden;}
.about_content_wrap {
    margin: 75px 0 80px;
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}
/*** ABOUT > about_section_left ***/
.about_section_left > .vc_column-inner {padding-right: 40px !important;}
.about_section_left .box_txt_bgTransparent {padding: 35px 40px 50px !important;}
.about_section_left .box_txt_bgTransparent > .wpb_wrapper > p {margin-bottom: 30px;}
.about_section_left .box_txt_bgTransparent > .wpb_wrapper > p:last-child {margin-bottom: 0;}
.about_section_left .wpb_content_element {margin-bottom: 40px;}

/*** ABOUT > about_section_right ***/
.about_section_right {position: relative; z-index: 1;}
.about_section_right > .vc_column-inner {width: 730px !important; margin-left: 10px; padding: 0 !important;}

/****** ABOUT > page About Chris ******/
.about_chris_left .about_group_btn {margin-top: 10px;}
.about_chris_left ul.custom-ul {margin: 0 0 30px 0;}
.about_chris_left ul.custom-ul > li {margin-bottom: 0;}

/****** ABOUT > page How I can help ******/
.about_section_right.about_right_bg_custom::before {
    content: ""; position: absolute; top: 0; left: 10px; z-index: -1;
    width: 730px; height: 100%; background-image: linear-gradient(#b56fa5, #89236f);}
.about_section_right.about_right_bg_custom::after {
    content: ""; position: absolute; top: 130px; left: -130px; z-index: -1; opacity: 0.14;
    background-image: url(../images/footer_img2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 580px; width: 1000px}
.about_section_right.about_right_bg_custom > .vc_column-inner {padding: 40px 50px !important;}
.about_section_right.about_right_bg_custom .wpb_content_element {margin-bottom: 15px;}
.about_section_right.about_right_bg_custom .wpb_content_element:first-child {margin-bottom: 20px;}
.about_section_right.about_right_bg_custom .wpb_content_element.vc_separator {margin-bottom: 20px;}
.about_section_right.about_right_bg_custom .wpb_content_element > .wpb_wrapper > p {margin-bottom: 10px;}
.about_section_right.about_right_bg_custom .wpb_content_element > .wpb_wrapper > p:last-child {margin-bottom: 0;}
.about_section_right.about_right_bg_custom .wpb_content_element .btn_arrow_right_bgTransparent {margin: 15px 0 20px !important;}
.about_group_btn {margin-bottom: 0 !important; margin-top: 20px;}
.about_group_btn > .wpb_wrapper {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;}
.about_group_btn > .wpb_wrapper > p:not(:last-child) {margin-right: 50px; margin-bottom: 0;}



/****************************
 * SERVICES PAGE
*****************************/
body.page-template-page-services .page_services_layout .inner-content {margin: 70px 0 90px;}

/*** SERVICES > service_sidebar ***/
.page_services_layout .service_sidebar {
    float: left; width: 555px; position: relative; padding-right: 35px; overflow: hidden; z-index: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -moz-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -o-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page_services_layout .service_sidebar:before {
    content: ''; width: 1px; height: 100%; top: 0; right: 0; position: absolute;
    background-color: #565656;
}
.page_services_layout .service_sidebar .list_service {
    position: relative; width: 520px; left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -moz-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -o-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
}
.page_services_layout .service_sidebar .toggle-bar {
    position: absolute; top: 0; right: 8px; font-size: 0; cursor: pointer;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #858585;
    border-bottom: 10px solid transparent;
}
.page_services_layout.full_content .service_sidebar {
    width: 35px;
}
.page_services_layout.full_content .list_service { left: 40px;}
.page_services_layout .service_sidebar .list_service {margin: 0; list-style: none;}
.page_services_layout .service_sidebar .list_service li.service_item {padding: 0;}
.page_services_layout .service_sidebar .list_service li.service_item:not(:last-child) {margin-bottom: 15px;}
.page_services_layout .service_sidebar .list_service .service_item-title {
    font-size: 26px; margin-bottom: 5px; text-transform: capitalize;}
.page_services_layout .service_sidebar .list_service .service_item-description {
    font-size: 18px; color: #333333; margin-bottom: 0; line-height: 27px;}
.page_services_layout .service_sidebar .list_service li.service_item:hover .service_item-title,
.page_services_layout .service_sidebar .list_service li.service_item:hover .service_item-description,
.page_services_layout .service_sidebar .list_service li.service_item.active .service_item-title,
.page_services_layout .service_sidebar .list_service li.service_item.active .service_item-description {color: #89236f;}
.page_services_layout .service_sidebar .toggle-bar:hover {border-right: 20px solid #89236f;}
.page_services_layout.full_content .service_sidebar .toggle-bar:hover::before {
    background-color: #89236f; box-shadow: 0 7px 0 #89236f, 0 14px 0 #89236f;}

/*** SERVICES > content ***/
.page_services_layout .content_wrap {
    float: left; width: calc(100% - 555px); position: relative; padding-left: 40px; z-index: 2;
    -webkit-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -moz-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -o-transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    transition: all 0.5s cubic-bezier(0.03, 0.07, 0.1, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page_services_layout .content_wrap:before {
    content: ''; width: 1px; height: 100%; top: 0; left: -1px; position: absolute;
    background-color: #565656;
}
.page_services_layout.full_content .content_wrap {
    width: calc(100% - 35px);
}
.main_content.page_services_layout {
    position: relative;
}
.main_content.page_services_layout .overlay_loading {
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
    text-align: center; display: none;
    background-color: rgba(255,255,255,1);
}
.overlay_active {
    display: flex !important; display: -webkit-flex !important; display: -moz-flex !important;
    justify-content: center; z-index: 5; padding-top: 30px;
}
.page_services_layout > .container > .inner-content {
    position: relative;
}
.page_services_layout > .container > .inner-content:after {
    content: ''; clear: both; display: block;
}
.page_services_layout .content_wrap {padding-left: 50px !important;}
.page_services_layout .content_wrap > h2 {text-transform: capitalize;}

/*** SERVICES > when click toggle-bar ***/
@keyframes Fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.Fade {
    -webkit-animation: Fade 1s cubic-bezier(.86,.15,.47,.97);
    -o-animation: Fade 1s cubic-bezier(.86,.15,.47,.97);
    animation: Fade 1s cubic-bezier(.86,.15,.47,.97);
}
.Blur {
    filter: blur(3px); -ms-filter: blur(3px); -webkit-filter: blur(3px);
}
.page_services_layout .list_service {
    opacity: 1;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;}
.page_services_layout.full_content .list_service {
    left: 0 !important; opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;}
.page_services_layout.full_content .content_wrap {
    padding-left: 70px !important; width: calc(100% - 55px) !important;}
.page_services_layout.full_content .content_wrap::before {opacity: 1;}
.page_services_layout.full_content .service_sidebar {width: 55px !important;}
.page_services_layout.full_content .service_sidebar .toggle-bar {
    border: none; font-size: 28px; width: 28px; height: 28px; right: 17px; z-index: 2}
.page_services_layout.full_content .service_sidebar .toggle-bar::before {
    content: ''; position: absolute; top: 0; left: 0;
    width: 100%; height: 3px; background-color: #aaaaaa;
    box-shadow: 0 7px 0 #aaaaaa, 0 14px 0 #aaaaaa;}
.page_services_layout.full_content .service_sidebar .toggle-bar span {font-size: 0;}
.page_services_layout .service_sidebar::after {
    content: ""; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; background-color: transparent; z-index: -1;}
.page_services_layout.full_content .service_sidebar::after {z-index: 1;}

/****** SERVICES > page-child ******/
body.page-child .page_services_layout .inner-content {margin: 70px 0;}
body.page-child .page_services_layout .inner-content > .content_wrap > h2 {
    font-size: 33px; font-weight: 900; color: #333333; line-height: 42px;}
body.page-child .page_services_layout .box_txt_bgTransparent {padding: 40px 55px !important;}
body.page-child .page_services_layout .box_txt_bgTransparent > .wpb_wrapper > p {margin-bottom: 10px;}
.services_details_group_btn {margin-bottom: 0 !important;}
.services_details_group_btn > .wpb_wrapper {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;}
.services_details_group_btn > .wpb_wrapper > p:not(:last-child) {margin-right: 20px; margin-bottom: 0;}
body.page-child .page_services_layout .content_wrap:before {opacity: 1;}



/****************************
 * PROJECTS PAGE
*****************************/
header.project_template .header-title .page-title,
header.project_template .header-title .sub__title {color: #333333; text-shadow: none;}
header.project_template + div#primary > main.main_content {overflow: hidden;}
.projects_page_wrap {
    margin: 75px 0 70px;
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}

/****** projects_section_left ******/
.projects_section_left > .vc_column-inner {padding-right: 40px !important;}
.projects_section_left .projects_left_content {margin-bottom: 80px;}
.projects_section_left .projects_left_content:last-child {margin-bottom: 0;}

/****** projects_section_right ******/
.projects_section_right {position: relative; z-index: 1;}
.projects_section_right::before {
    content: ""; position: absolute; top: 0; left: 10px; z-index: -1;
    width: 730px; height: 100%; background-image: linear-gradient(#ea1c26, #8c236d);}
.projects_section_right::after {
    content: ""; position: absolute; top: 130px; left: -130px; z-index: -1; opacity: 0.14;
    background-image: url(../images/footer_img2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 580px; width: 1000px}
.projects_section_right > .vc_column-inner {
    width: 730px !important; padding: 90px 100px 150px !important; margin-left: 10px;}
.projects_section_right .projects_right_title {margin-bottom: 40px;}
.projects_section_right .projects_right_title > .wpb_wrapper > p:first-child {margin-bottom: 10px;}
.projects_section_right .projects_right_content {margin-bottom: 0;}



/****************************
 * News & Resources PAGE
*****************************/
body.blog .header-title .page-title,
body.blog .header-title .sub__title,
body.category .header-title .page-title,
body.category .header-title .sub__title,
body.single-post .header-title .page-title,
body.single-post .header-title .sub__title,
body.tag .header-title .page-title,
body.tag .header-title .sub__title {color: #333333; text-shadow: none;}
/****** New page overview & Categories page ******/
body.blog .main_content .inner-content,
body.category .main_content .inner-content,
body.single-post .main_content .inner-content,
body.tag .main_content .inner-content {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    margin: 100px 0 127px;}
body.single-post .main_content .inner-content {margin: 100px 0 90px;}

/*** New page overview & Categories page > article-list ***/
.article-list {width: 70%; padding-right: 17px;}
.article-list .inner {
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;
    margin-left: -35px; margin-right: -35px;}
.article__item {width: 50%; padding: 0 35px; margin-bottom: 75px;}
/* article__item-image */
.article__item img {display: none;}
.article__item .article__item-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 410px;
    margin-bottom: 30px;}

/* article__item-content */
.article__item .article__item-time-date {margin-bottom: 5px;}
.article__item .article__item-time-date > span {
    font-size: 11px; font-style: italic; text-transform: uppercase;
    color: #a7a7a7; position: relative; padding-left: 15px;}
.article__item .article__item-time-date > span::before {
    content: "\e908"; font-family: 'icomoon'; position: absolute; top: 0; left: 0;
    font-size: 11px; font-style: normal; line-height: 13px;}
.article__item .article__item-title {
    font-size: 24px; font-weight: 700; color: #424242; line-height: 31px;}
.article__item .article__item-excerpt > p {margin-bottom: 10px;}
/* article__item-read-more > btn-read-more */
a.btn-read-more {
    padding: 7px 40px 8px 0; position: relative; color: #89236f;
    font-weight: 700; letter-spacing: 1px; font-size: 13px; text-transform: uppercase;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border: 1px solid transparent;}
a.btn-read-more::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; right: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 30px; height: 30px; text-align: center; line-height: 30px; color: #565656;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border: 1px solid #565656;}
/* transition & hover */
.article__item .article__item-image,
.article__item .article__item-title,
.article__item .article__item-time-date > span,
a.btn-read-more {
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.article__item:hover .article__item-image {box-shadow: 0 0 4px 2px #666666;}
.article__item:hover .article__item-title {color: #89236f; text-shadow: 2px 0 2px #FFFFFF, 0 2px 2px #999999;}
.article__item:hover .article__item-time-date > span,
.article__item:hover .article__item-time-date > span:before {color: #89236f; font-weight: 700;}
.article__item:hover a.btn-read-more {
    background-color: #89236f; color: #ffffff; padding: 7px 40px 8px 10px;
    box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.27);}
.article__item:hover a.btn-read-more::before {color: #ffffff; border-color: transparent;}
/* expand > btn-load-more */
a.btn-load-more {
    display: inline-block; padding: 9px 45px 9px 45px; position: relative;
    color: #565656; background-color: #ffffff;
    font-weight: 900; letter-spacing: 1px; font-size: 15px; text-transform: uppercase;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border: 1px solid #565656;
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
a.btn-load-more:hover {background-color: #89236f; color: #ffffff; box-shadow: 0 10px 10px -3px rgba(0,0,0,0.27);}

/*** New page overview & Categories page & New page detail > sidebar_blog ***/
.sidebar_blog {width: 30%;}
.sidebar_blog .sidebar_blog-inner {max-width: 364px; margin-left: auto;}
.sidebar_blog .sidebar_blog-inner .title-block {
    font-size: 26px; font-weight: 900; color: #333333; line-height: 1;
    padding: 14px 0; margin-bottom: 23px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box; border-bottom: 3px solid #eaeaea;}
/* sidebar_blog > search-form */
.sidebar_blog #search-form {
    position: relative; top: 0; z-index: 1;
    opacity: 1; visibility: visible; width: 100%; margin-bottom: 32px;}
.sidebar_blog #search-form form.search-form {
    border: 2px solid #e9e9e9; box-shadow: none; background-color: #ffffff; position: relative;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.sidebar_blog #search-form input.search-field {width: 340px; font-size: 16px; padding-right: 30px;}
.sidebar_blog #search-form input.search-field::placeholder {
    color: #6c6c6c; font-style: normal; font-weight: 300; font-size: 14px;}
.sidebar_blog #search-form button.search-submit {display: inline-block;}
.sidebar_blog #search-form button.search-submit::after {
    position: absolute; top: 0; right: 0; z-index: 10;
    content: '\e906'; font-family: "icomoon"; color: #aeaeae;
    font-size: 16px; line-height: 40px; width: 40px; height: 40px;}
.sidebar_blog #search-form button.search-submit > span {font-size: 0;}
/* sidebar_blog > list_category */
.sidebar_blog .list_category {margin-bottom: 40px;}
.sidebar_blog .list_category ul {list-style: none; margin: 0; max-width: 270px;}
.sidebar_blog .list_category ul > li.cat_item {
    padding: 0 0 7px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sidebar_blog .list_category ul > li.cat_item:not(:last-child) {border-bottom: 1px solid #e6e6e6;}
.sidebar_blog .list_category ul > li.cat_item > a {
    color: #6c6c6c; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.sidebar_blog .list_category ul > li.cat_item > a:hover,
.sidebar_blog .list_category ul > li.cat_item.active > a {color: #89236f; font-weight: 700; padding-left: 10px;}
/* sidebar_blog > fb_post */
.sidebar_blog .fb_post {margin-bottom: 25px;}
.sidebar_blog .fb_post .cff-item {position: relative; padding: 30px 0 !important;}
.sidebar_blog .fb_post .cff-item:first-child {padding-top: 0 !important;}
.sidebar_blog .fb_post .cff-item:last-child {border-bottom: none !important;}
.sidebar_blog .fb_post .cff-post-text {margin: 0 0 15px !important; font-size: 14px;}
.sidebar_blog .fb_post .cff-post-text .cff-text {
    width: 100%; line-height: 24px; max-height: 48px; height: auto;
    overflow: hidden; text-overflow: ellipsis;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox;}
.sidebar_blog .fb_post .cff-date {
    font-size: 11px !important; font-style: italic; margin: 0 !important;
    color: #a7a7a7; position: relative; padding-left: 15px !important;}
.sidebar_blog .fb_post .cff-date::before {
    content: "\e908"; font-family: 'icomoon'; position: absolute; top: 0; left: 0;
    font-size: 11px; font-style: normal; line-height: 15px;}
.sidebar_blog .fb_post .cff-meta-wrap {position: absolute; bottom: 30px;}
.sidebar_blog .fb_post .cff-meta-wrap .cff-post-links {
    font-size: 14px !important; line-height: 15px; margin: 0 !important;}
.sidebar_blog .fb_post .cff-meta-wrap .cff-post-links a.cff-viewpost-facebook {
    text-decoration: underline !important;}
.sidebar_blog .fb_link {margin-bottom: 65px;}
/* sidebar_blog > list_tags */
.sidebar_blog .list_tags ul {
    list-style: none; margin: 0; max-width: 230px;
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}
.sidebar_blog .list_tags ul li {padding: 0; margin-bottom: 5px; background-color: transparent;}
.sidebar_blog .list_tags ul li a {
    font-size: 11px; text-transform: uppercase; color: #6c6c6c; padding: 9px 16px; display: inline-block;}
.sidebar_blog .list_tags ul li:hover {background-color: #89236f;}
.sidebar_blog .list_tags ul li:hover a {color: #ffffff;}


/****** New page detail ******/
body.single-post .content_wrap {width: 70%; padding-right: 87px;}
body.single-post .image_single_post {margin-bottom: 30px;}
body.single-post .image_single_post img {width: 100%; height: auto; max-height: 410px;}
body.single-post .date-and-category {
    margin-bottom: 5px; display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;}
body.single-post .date-and-category .date > span,
body.single-post .date-and-category .cat-name > a {
    font-size: 11px; font-style: italic; text-transform: uppercase;
    color: #a7a7a7; position: relative; padding-left: 18px;}
body.single-post .date-and-category .date > span::before,
body.single-post .date-and-category .cat-name > a::before {
    font-family: 'icomoon'; position: absolute; top: 0; left: 0;
    font-style: normal; line-height: 13px;}
body.single-post .date-and-category .date > span::before {content: "\e908"; font-size: 11px; }
body.single-post .date-and-category .cat-name {margin-left: 36px;}
body.single-post .date-and-category .cat-name > a::before {content: "\e909"; font-size: 10px;}
body.single-post .date-and-category .cat-name > a:hover {color: #89236f;}
body.single-post .title_single {font-size: 24px; font-weight: 700; color: #424242; line-height: 31px;}



/****************************
 * CONTACT PAGE
*****************************/
.contact_page_wrap {margin: 60px 0 100px !important;}
.contact_page_wrap > .vc_col-sm-6 > .vc_column-inner {padding-left: 5px; padding-right: 5px;}
.contact_section_info {margin-top: 50px;}
.contact_info_details {margin-bottom: 40px !important;}
.contact_info_details .wpb_wrapper > p {margin-bottom: 5px;}
.contact_info_details .wpb_wrapper > p:first-child {margin-bottom: 25px;}
.contact_info_details .wpb_wrapper > p:last-child {margin-bottom: 0;}
.contact_info_btn {margin-bottom: 43px !important;}
.contact_info_txt_bottom {margin-left: -15px; margin-bottom: 0 !important;}
.contact_img {margin: 0 !important;}
.contact_img > figure {padding-right: 80px;}
.contact_img > figure img {width: 362px; height: 482px;}



/****************************
 * Search PAGE
*****************************/
body.search .main_content.search_result .inner-content {margin: 100px -12px 127px;}
body.search .main_content.search_result .inner-content > .search-result {
    width: 100%; padding-right: 0;
    display: flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex;
    flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;
    align-content: stretch; -webkit-align-content: stretch;}
body.search .main_content.search_result .inner-content > .search-result > .article__item {
    width: 33.3333%; margin-bottom: 75px; padding: 0 12px;}
body.search .main_content.search_result .inner-content > .search-result > .search__item {
    margin-bottom: 20px; padding: 0 12px; display: block; width: 100%;}
body.search .main_content.search_result .inner-content > .search-result > .search__item > .search__item-title {
    margin-bottom: 10px;}
body.search .main_content.search_result .inner-content > .search-result > .search__item > .search__item-title > a.search__item-link {
    color: #333333; font-size: 28px;}
body.search .main_content.search_result .inner-content > .expand {padding: 0 12px;}
body.search .main_content.search_result .inner-content > .search-result > .search__item > p > a {
    padding: 7px 30px 8px 0; position: relative; font-weight: 700;
    letter-spacing: 1px; font-size: 13px; bottom: 2px;}
body.search .main_content.search_result .inner-content > .search-result > .search__item > p > a::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; right: 0;
    -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
    width: 30px; height: 30px; text-align: center; line-height: 30px;
    color: #565656; background-color: transparent; border: 1px solid #565656;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body.search .main_content.search_result .inner-content > .search-result > .search__item > p > a > span.icon_more {font-size: 0;}
/* hover */
body.search .main_content.search_result .inner-content > .search-result > .search__item > .search__item-title > a.search__item-link,
body.search .main_content.search_result .inner-content > .search-result > .search__item > p > a::before {
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.search .main_content.search_result .inner-content > .search-result > .search__item:hover > .search__item-title > a.search__item-link {
    color: #89236f;}
body.search .main_content.search_result .inner-content > .search-result > .search__item:hover > p > a::before {
    right: -5px; color: #ffffff; background-color: #89236f;}



/****************************
 * Footer
****************************/
footer {position: relative; z-index: 1; background-color: rgba(0,0,0,0.785); overflow: hidden;}
footer::after {
    content: ""; position: absolute; bottom: 0; left: 50%; z-index: -1; opacity: 0.14;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);
    background-image: url("../images/footer_img2.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px; width: 1000px;}

/****** Footer > meeting_form ******/
.footer_meeting_form {
    position: relative; z-index: 1; min-height: 360px; height: auto;
    background-image: linear-gradient(to bottom right, #edaa1f, #98ad47 60%);
    border-bottom: 2px solid #ffffff; border-top: 1px solid #b18d54;}
.footer_meeting_form::after {
    content: ""; position: absolute; bottom: -20px; left: 50%; z-index: -1;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);
    background-image: url("../images/footer_img1.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 460px; width: 1590px; padding: 0 50px;}
.footer_meeting_form_wrap {max-width: 1590px; width: 100%; margin: 72px auto !important; padding: 0 50px;}
/*** footer_meeting_form_title ***/
.footer_meeting_form_title {max-width: 525px; text-align: right;}
.footer_meeting_form_title .wpb_text_column > .wpb_wrapper {padding: 0 15px;}
.footer_meeting_form_title .wpb_text_column > .wpb_wrapper > p {line-height: 1;}
.footer_meeting_form_title .wpb_text_column > .wpb_wrapper > p > span {display: inline-block; width: 100%;}
/*** footer_meeting_form_content ***/
.footer_meeting_form_content {padding-left: 12px !important;}
.footer_meeting_form_content form {position: relative;}
.footer_meeting_form_content .gform_wrapper > p {margin-bottom: 0;}
.footer_meeting_form_content .gform_wrapper ~ p {display: none;}
/* button submit */
.footer_meeting_form_content .gform_footer {
    position: absolute; bottom: 1px; left: 594px;
    width: auto !important; height: 30px; padding: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer_meeting_form_content .gform_footer .btn--submit > span:first-child {display: none;}
.footer_meeting_form_content .gform_footer .btn--submit {
    font-size: 15px; text-transform: uppercase; font-family: 'Roboto', sans-serif;
    font-weight: 700; letter-spacing: 1px;
    color: #ffffff; background-color: #333333;
    height: 100%; width: 88px; position: relative;}
.footer_meeting_form_content .gform_footer .btn--submit::after {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 0; left: 90px;
    width: 30px; height: 30px; text-align: center; line-height: 30px;
    background-color: #333333; color: #ffffff;}
.footer_meeting_form_content .gform_footer .btn--submit,
.footer_meeting_form_content .gform_footer .btn--submit::after {
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.footer_meeting_form_content .gform_footer .btn--submit:hover,
.footer_meeting_form_content .gform_footer .btn--submit:hover::after {color: #89236f; background-color: #FFFFFF;}

/****** Footer > main_content ******/
.footer_main_content {position: relative; z-index: 1; height: auto;}
/*** footer_logo ***/
.footer_logo {margin-top: 30px;}
.footer_logo img {height: 62px;}
/*** menu-footer ***/
.menu-footer {margin-bottom: 100px !important; position: relative;}
.menu-footer::after {
    content: ''; position: absolute; top: 60px; left: 50%;
    width: 1px; height: 44px; background-color: #a9a9a9;
    -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.menu-footer ul.menu {display: block; list-style: none; margin: 0; text-align: center;}
.menu-footer ul.menu > li.menu-item {
    display: inline-block; padding: 0 18px; position: relative;}
.menu-footer ul.menu > li.menu-item > a {
    font-size: 15px; text-transform: uppercase; color: #ffffff; letter-spacing: 1px;}
.menu-footer ul.menu > li.menu-item > ul.sub-menu {display: none;}
/* menu-footer > hover underline */
.menu-footer ul.menu > li.menu-item > a {position:relative; display:inline-block; line-height: 2;}
.menu-footer ul.menu > li.menu-item > a::before {
    content:''; position: absolute; bottom:0; left:0; right:100%;
    background-color: #ffffff; height: 2px;
    -webkit-transform: skew(-50deg); -moz-transform: skew(-50deg);
    -ms-transform: skew(-50deg); -o-transform: skew(-50deg); transform: skew(-50deg);
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-footer ul.menu > li.menu-item:hover > a::before {right:0;}
/*** social-section ***/
.social-section {margin-bottom: 42px !important;}
.social-section ul.social_list {display: block; list-style: none; margin: 0; text-align: center;}
.social-section ul.social_list > li.social_item {
    display: inline-block; padding: 0 15px; position: relative;}
.social-section ul.social_list > li.social_item > a {color: #ffffff;}
.social-section ul.social_list > li.social_item > a,
.social-section ul.social_list > li.social_item > a > i {
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.social-section ul.social_list > li.social_item > a:hover > i.fa-facebook-f {color: #4867B0;}
.social-section ul.social_list > li.social_item > a:hover > i.fa-twitter {color: #39A1F0;}
.social-section ul.social_list > li.social_item > a:hover > i.fa-tumblr {color: #3C5975;}
.social-section ul.social_list > li.social_item > a:hover > i.fa-instagram {color: #904BC6;}
.social-section ul.social_list > li.social_item > a:hover > i {
    -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
/*** footer_license ***/
.footer_license {margin-bottom: 54px !important; text-align: center; font-size: 14px; color: #ffffff;}
/* footer_license > hover underline */
.footer_license a {position:relative; display:inline-block; color: #ffffff;}
.footer_license a::before {
    content:''; position: absolute; bottom:0; left:0; right:100%;
    background-color: #ffffff; height: 1px;
    -webkit-transform: skew(-50deg); -moz-transform: skew(-50deg);
    -ms-transform: skew(-50deg); -o-transform: skew(-50deg); transform: skew(-50deg);
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer_license a:hover::before {right:0;}



/****************************
    * GRAVITY FORM
****************************/
.main_content .gform_wrapper {margin: 0;}
/* GRAVITY FORM > Label */
.main_content .gform_wrapper label.gfield_label {
    font-size:15px; font-weight:400; color:#000000;
    margin-bottom:10px; text-transform:uppercase;}
.main_content .gform_wrapper .gfield_required {display:none;}

/* GRAVITY FORM > <li> */
.main_content .gform_wrapper ul li.gfield {padding:0!important; margin-top:10px;}
.main_content .gform_wrapper .top_label li.gfield.gf_left_half {margin-right:7px !important; width: 370px;}
.main_content .gform_wrapper .top_label li.gfield.gf_right_half {margin-left:7px !important; width: 190px;}
.main_content .gform_wrapper .top_label li.gfield__textarea {width: 577px;}
.main_content .gform_wrapper .top_label li.gfield.gf_left_half:first-child,
.main_content .gform_wrapper .top_label li.gfield.gf_right_half:nth-child(2),
.main_content .gform_wrapper .top_label div.ginput_container {margin-top:0 !important;}
.main_content .gform_wrapper .top_label div.ginput_container {border: 1px solid #667e0b;}

/* GRAVITY FORM > input, textarea, select */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea, .gform_wrapper select {
    width:100% !important; height:40px; line-height:40px; border: none; border-radius: 0;
    text-indent:15px; background:#ffffff; margin-top:0; padding: 0 !important;
    -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.gform_wrapper textarea {line-height:normal; padding:15px!important; text-indent:unset; height: 110px !important;}
.gform_wrapper input[type=file] {border:1px solid #a8a8a8; width:100%!important; height:48px; padding:11px 15px;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
.gform_wrapper textarea:hover, .gform_wrapper select:hover,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper textarea:focus, .gform_wrapper select:focus {box-shadow: 0 5px 5px 0 rgba(27, 27, 27, 0.72);}

/* GRAVITY FORM > placeholder */
.gform_wrapper ::-webkit-input-placeholder {color: #565656; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}
.gform_wrapper ::-moz-placeholder {color: #565656; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}
.gform_wrapper :-ms-input-placeholder {color: #565656; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}
.gform_wrapper :-moz-placeholder {color: #565656; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 700;}

/* GRAVITY FORM > List checkbox */
.main_content .gform_wrapper ul.gfield_checkbox, .main_content .gform_wrapper ul.gfield_radio {
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.main_content .gform_wrapper ul.gfield_checkbox > li,
.main_content .gform_wrapper ul.gfield_radio > li {width:100%;}
.main_content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {margin-top: 0;}

/* GRAVITY FORM > Submit button */
.main_content .gform_wrapper .gform_footer {margin:0; padding:0;}
.gform_wrapper .gform_footer .gform_ajax_spinner {}

/* GRAVITY FORM ERROR */
.main_content .gform_wrapper div.validation_error {border:none; color:#e10032; margin-bottom:0; display: none;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea,
.gform_wrapper li.gfield_error input[type=file] {border:none!important; background:rgba(225, 0, 50, 0.2);}
.gform_wrapper .validation_message {display:none;}
.main_content .gform_wrapper li.gfield.gfield_error {
    border:none; margin-right:0!important; margin-bottom:0!important; background:none;}
.main_content .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {margin-top:10px;}
.main_content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width:100%!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top:0!important;}
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {max-width:100% !important;}

/* GRAVITY FORM MESSAGE AFTER SUBMIT */
.footer_meeting_form .gform_confirmation_message {
    color: #89236f; font-size: 18px; font-weight: 700;
    font-family: 'Roboto Slab', serif; line-height: 42px;}



/****************************
 * Visual Composer Elements
****************************/
/*** back-to-top ***/
.back-to-top {
    position: fixed; bottom: 50px; right: 30px; z-index: 1000;
    -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.back-to-top a {
    position: relative; width: 48px; height: 48px; display: inline-block;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    border: 1px solid #999999; background-color: #373737;}
.back-to-top a::before {
    content: "\e902"; font-family: 'icomoon'; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 43px; height: 48px; text-align: center; line-height: 48px; color: #ffffff;}
.back-to-top span {font-size: 0;}
.back-to-top:hover {bottom: 60px; box-shadow:0 10px 10px -4px rgba(127, 127, 127, 0.72)}
.back-to-top:hover a {background-color: #ffffff;}
.back-to-top:hover a::before {color: #89236f;}

/*** ACCORDION ***/
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    padding-top: 10px; padding-bottom: 10px;}
.wpb-js-composer .main_content .vc_tta.vc_general .vc_tta-panel {margin-bottom:5px;}
.wpb-js-composer .main_content .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {border-radius:0;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {background:#89236f;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color:#89236f; text-transform: uppercase; font-size: 20px;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {color:#ffffff;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {border-color:#89236f;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background:transparent; border-color:#89236f;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {background:transparent; border:none;}
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.wpb-js-composer .main_content .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color:#ffffff;}

/*** custom txt ***/
.txt_white,
.txt_robotoSlab_18px_regular_white,
.txt_robotoSlab_22px_light_white,
.txt_22px_regular_white,
.txt_25px_heavy_white {color: #ffffff;}

/*** custom class 'btn_arrow_right_bgTransparent' ***/
a.btn_arrow_right_bgTransparent {color: #ffffff; border-color: #ffffff;}
a.btn_arrow_right_bgTransparent::after {background-color: #ffffff;}

/*** MASONRY ***/
.gallery { height: 800px;}
.gallery .gallery__inner .image-item {
    width: calc(33.33% - 10px); margin-bottom: 15px;
}
.gallery .gallery__inner .image-item a {
    width: 100%; display: block;
}
.gallery .gallery__inner .image-item img {
    width: 100%; border: none !important; margin: 0 !important;
}

/*** loader button ***/
.loader {
    position: relative; top: 100px;
    border: 12px solid #f3f3f3;
    border-top: 12px solid #89236f;
    width: 60px; height: 60px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}