/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline:none; }


@font-face {
    font-family: 'gilroy_heavy';
    src: url('fonts/gilroy-heavy-webfont.eot');
    src: url('fonts/gilroy-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-heavy-webfont.woff2') format('woff2'),
         url('fonts/gilroy-heavy-webfont.woff') format('woff'),
         url('fonts/gilroy-heavy-webfont.ttf') format('truetype'),
         url('fonts/gilroy-heavy-webfont.svg#gilroy_heavy') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_black';
    src: url('fonts/gilroy-black-webfont.eot');
    src: url('fonts/gilroy-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-black-webfont.woff2') format('woff2'),
         url('fonts/gilroy-black-webfont.woff') format('woff'),
         url('fonts/gilroy-black-webfont.ttf') format('truetype'),
         url('fonts/gilroy-black-webfont.svg#gilroy_black') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_extrabold';
    src: url('fonts/gilroy-extrabold-webfont.eot');
    src: url('fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('fonts/gilroy-extrabold-webfont.woff') format('woff'),
         url('fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
         url('fonts/gilroy-extrabold-webfont.svg#gilroy_extrabold') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_bold';
    src: url('fonts/gilroy-bold-webfont.eot');
    src: url('fonts/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('fonts/gilroy-bold-webfont.woff') format('woff'),
         url('fonts/gilroy-bold-webfont.ttf') format('truetype'),
         url('fonts/gilroy-bold-webfont.svg#gilroy_bold') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_bolditalic';
    src: url('fonts/gilroy-bolditalic-webfont.eot');
    src: url('fonts/gilroy-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/gilroy-bolditalic-webfont.woff') format('woff'),
         url('fonts/gilroy-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/gilroy-bolditalic-webfont.svg#gilroy_bolditalicuploadedfile') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_semibold';
    src: url('fonts/gilroy-semibold-webfont.eot');
    src: url('fonts/gilroy-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('fonts/gilroy-semibold-webfont.woff') format('woff'),
         url('fonts/gilroy-semibold-webfont.ttf') format('truetype'),
         url('fonts/gilroy-semibold-webfont.svg#gilroy_semibold') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_medium';
    src: url('fonts/gilroy-medium-webfont.eot');
    src: url('fonts/gilroy-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-medium-webfont.woff2') format('woff2'),
         url('fonts/gilroy-medium-webfont.woff') format('woff'),
         url('fonts/gilroy-medium-webfont.ttf') format('truetype'),
         url('fonts/gilroy-medium-webfont.svg#gilroy_medium') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_regular';
    src: url('fonts/gilroy-regular-webfont.eot');
    src: url('fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('fonts/gilroy-regular-webfont.woff') format('woff'),
         url('fonts/gilroy-regular-webfont.ttf') format('truetype'),
         url('fonts/gilroy-regular-webfont.svg#gilroy_regular') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_regularita';
    src: url('fonts/gilroy-regularitalic-webfont.eot');
    src: url('fonts/gilroy-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
         url('fonts/gilroy-regularitalic-webfont.woff') format('woff'),
         url('fonts/gilroy-regularitalic-webfont.ttf') format('truetype'),
         url('fonts/gilroy-regularitalic-webfont.svg#gilroy_regularitauploadedfile') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'gilroy_light';
    src: url('fonts/gilroy-light-webfont.eot');
    src: url('fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('fonts/gilroy-light-webfont.woff') format('woff'),
         url('fonts/gilroy-light-webfont.ttf') format('truetype'),
         url('fonts/gilroy-light-webfont.svg#gilroy_light') format('svg');
    font-weight: normal; font-style: normal; font-display: swap;
}


/* - - - - - - - - - - - - - - - - - - - -  */

body {
    color: #000;
    font-size: 23px;
    line-height: 30px;
    font-family: 'gilroy_regular';
    letter-spacing: 0px;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6,
table thead th {
    font-weight: normal;
    letter-spacing: 0px;
    color: #000000;
    font-family: 'gilroy_regular';
    text-transform: uppercase;
}

strong{
    font-weight: normal;
     font-family: 'gilroy_bold';
}


h1 {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 35px;
}

h2{
    font-size: 34px;
}

h3 {
    font-size: 30px;
}
h4 {
    font-size: 28px;
}

h5 {
    font-size: 25px;
}
h6 {
    font-size: 23px;
}











#content .inner p,
.block.content .inner p {
    margin-bottom: 0px;
}

a{
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:hover:after,
a:hover:before {
    text-decoration: none;
}


sup, sub {
    font-size: 70%;
}
table {
    border: 8px solid transparent;
}
thead tr td,
thead tr th {
    font-size: 24px;
    padding: 13px 25px 19px 25px;
}
th,
td {
    padding: 15px 25px;
}
table.nostyle {
    border: 0 none;
}
table.nostyle thead tr td,
table.nostyle thead tr th {
    font-size: inherit;
    padding: 0;
}
table.nostyle th,
table.nostyle td {
    padding: 0;
}
table.nostyle thead tr {
    background-color: transparent !important;
}
table.nostyle tr:nth-child(even) {
    background-color: transparent !important;
}
ol.styled {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.styled {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nocomments {
    display: none;
}

body input[type="submit"],
body a.button,
body .btn {
    height: 50px;
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 0px 45px 0px 45px;
    font-size: 17px;
    line-height: 50px;
    color: #fff;
    letter-spacing: 2px;
    font-family: 'gilroy_medium';
    text-transform: uppercase;
    text-align: center;

    border: solid 0px transparent;
    border-radius: 100px;
    cursor: pointer;
    overflow: hidden;

    position: relative;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

a.button i{
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    font-size: 17px;
    line-height: 20px;
    font-style: normal;
}

a.button i:before{
    display: inline-block;
    content: '\e60f';
    font-family: 'Codeus';
}

blockquote p:after {
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 25px;
    top: 10px;
    position: relative;
    content: '\00a0 \e600';
    font-style: normal;
    vertical-align: bottom;
}

.icon {
    position: absolute;
    left: 0;
    width: 28px;
    line-height: 28px;
    font-size: 21px;
    font-family: 'Codeus-Icons';
    font-weight: normal;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    text-align: center;
    border: 1px solid transparent;
}

.noscript + .loading {
    position: relative;
    margin: 0 auto;
    height: 80px;
}

.noscript + .loading:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    background: url('images/preloader.gif') no-repeat 50% 50%;
    background-color: #ffffff;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}

input[type="text"], input[type="password"], textarea,
input[type="color"], input[type="date"], input[type="datetime"],
input[type="datetime-local"], input[type="email"], input[type="number"],
input[type="range"], input[type="search"], input[type="tel"],
input[type="time"], input[type="url"], input[type="month"], input[type="week"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 7px;
    margin: 3px;
    border: 0 none;
    font-size: 88.2%;
    font-family: inherit;
    border: 1px solid transparent;
}

.pagination {
    text-align: center;
    margin-right: -17px;
    padding: 20px 0 30px;
}


.page-links-title {
    display: inline-block;
    line-height: 50px;
    text-transform: uppercase;
    margin-right: 15px;
    vertical-align: top;
}
.pagination > a,
.pagination > span {
    display: inline-block;
    width: 49px;
    margin-right: 17px;
    height: 49px;
    line-height: 49px;
    border: 1px solid transparent;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}
.pagination a:hover {
    text-decoration: none;
}
.pagination a.prev,
.pagination a.next {
    position: relative;
    text-indent: 50px;
    overflow: hidden;
    vertical-align: bottom;
}
.pagination a.prev:before,
.pagination a.next:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Codeus';
    font-weight: normal;
    width: 49px;
    line-height: 49px;
    line-height: 49px;
    font-size: 30px;
    text-align: center;
    text-indent: 0;
    background: transparent;
}
.pagination a.prev:before {
    content: '\e606';
    text-indent: -8px;
}
.pagination a.next:before{
    content: '\e607';
}
.pagination span.hidden{
    background: none;
    color: inherit;
}
.pagination span.hidden:before{
    content: '...';
}
.socials-sharing {
    margin-top: 30px;
}
.socials ul {
    margin: 0 -15px -15px 0;
    font-size: 0;
}
.socials li {
    display: inline-block;
    margin: 0 15px 15px 0 !important;
    padding: 0 !important;
}
.socials li a {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}
.socials li a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align: center;
    text-indent: 0;
    font-family: 'Codeus-Socials';
    font-weight: normal;
    font-size: 18px;
    color: #ffffff;
    background-color: #d6dde3;
}
.socials li a:hover:after {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.socials li.twitter a:after {
    content: '\e603';
}
.socials li.facebook a:after {
    content: '\e601';
}
.socials li.linkedin a:after {
    content: '\e604';
}
.socials li.googleplus a:after {
    content: '\e602';
}
.socials li.stumbleupon a:after {
    content: '\e606';
}
.socials li.rss a:after {
    content: '\e608';
}
.tags {
    margin: 30px 0;
}



/* LAYOUT */


#page {
    width: 100%;
    min-height: 100%;
    padding: 0;
    position: relative;
    z-index: 10;
    background-color: #fff;
    overflow-x: hidden;
}

.central-wrapper {
    width: 1380px;
    margin: 0 auto;
}







/* - - - - -  H  E  A  D  E  R  - - - -  */



.page-title-block {
    margin-bottom: 40px;
    text-align: center;
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

.page-title-block-content {
    padding: 150px 0 45px 0
}

body .page-title-block .page-title-block-header h1 {
    margin: 0!important;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    font-family: 'gilroy_black';
}

.page-title-block .page-excerpt {
    margin: 11px 0 0 0;
    font-size: 112%;
}

/*.header-fixed-wrapper {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}*/

.header-fixed-wrapper {
    /*width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;*/
}

#header {
    background-color: #fff;
    text-align: center;

    position: relative;
    z-index: 10;
}

#header .central-wrapper{
    position: relative;
}


.navigation{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 0 0;
    text-align: right;
}

#mysticky-nav.wrapfixed #header:after{
    content:"";
    position:absolute;
    z-index:-1;
    top:100%;
    bottom:0;
    width:120%;
    height:7px;
    left:-10%;
    right:-10%;
    background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) 50%);
    background:radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) 50%);
}

#header h1 {
    margin: 0;
}

#header .logo {
    float: left;
    padding: 10px 0 10px 0;
    line-height: 0;
}

#header .logo a {
    font-size: 1px;
}

#header .logo img{
    width: 140px;
}

#header #site-navigation {
    float: right;
}

#header #site-navigation ul.main_menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
}

#header #site-navigation ul.main_menu li {
    display: inline-block;
    padding: 26px 0px 26px 0;
    position: relative;
    z-index: 20;
    vertical-align: top;
}

#header #site-navigation ul.main_menu li a {
    display: block;
    margin: 0 20px 0 20px;
    padding: 0 0px 0 0px;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
    letter-spacing: 1.5px;
    position: relative;
    font-family: 'gilroy_semibold';
    text-transform: uppercase;
}

#header #site-navigation ul.main_menu li a:after{
    content: "";
    width: 2px;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    top: 0px;
    right: -22px;
}

#header #site-navigation ul.main_menu li:last-child a:after{
    display: none;
}

#header #site-navigation ul.main_menu li a:before{
    content: "";
    width: 0%;
    height: 1px;
    background-color: transparent;
    position: absolute;
    bottom: -5px;
    left: 0px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#header #site-navigation ul.main_menu li a:hover:before {
    width: 100%;
    background-color: #b9b9b9;
}

#header #site-navigation ul.main_menu li a:hover{
    text-decoration: none;
}



/* btn contacto azul */


/*#header #site-navigation ul.main_menu li.btn_contactox{
    background-color: #1d398d;
    margin-left: 20px;
}

#header #site-navigation ul.main_menu li.btn_contactox a{
    color: #fff;
    margin: 0 0 0 25px;
    padding: 0 0 0 35px;
}

#header #site-navigation ul.main_menu li.btn_contactox a:after{
    display: none;
}

#header #site-navigation ul.main_menu li.btn_contactox a:before{
    content: "";
    width: 23px;
    height: 18px;
    background: url(images/contact_icon.svg) no-repeat;
    position: absolute;
    top: 5px;
    left: 0px;
}*/

#header #site-navigation ul.main_menu ul {
    display: none;
    width: 289px;
    margin: 0 0 0 0;
    padding: 5px 15px 5px 15px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 100%;
    z-index: 10;
    -webkit-box-shadow: 0 20px 32px 0 rgb(0 0 0 / 42%);
    box-shadow: 0 20px 32px 0 rgb(0 0 0 / 42%);
    border-radius: 8px;
}

#header #site-navigation ul.main_menu ul.horizontalFlip {
    left: auto;
    right: 0;
}

#header #site-navigation ul.main_menu li:hover > ul,
#header #site-navigation ul.main_menu li.hover > ul {
    display: block;
    animation: menuLevel2Show 0.3s ease-out forwards;
    -webkit-animation: menuLevel2Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel2Show {
    0% { opacity: 0; margin-top: 30px; }
    10% { opacity: 0; margin-top: 30px;}
    100% { opacity: 1;  margin-top: 0px;}
}
@keyframes menuLevel2Show {
    0% { opacity: 0; margin-top: 30px; }
    10% { opacity: 0; margin-top: 30px;}
    100% { opacity: 1;  margin-top: 0px;}
}

#header #site-navigation ul.main_menu li li {
    display: block;
    padding: 0;
}

#header #site-navigation ul.main_menu li li a {
    margin: 10px 0 10px 0;
    padding: 8px 20px 8px 14px;
    position: relative;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 18px 0 rgb(0 0 0 / 17%);
    box-shadow: 0 7px 18px 0 rgb(0 0 0 / 17%);
    
    border-radius: 5px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

body #header #site-navigation ul.main_menu li li a:before {
    width: 14px;
    height: auto;
    content: "\f105";
    margin: 0 2px 0 0;
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 18px;
    position: relative;
    top: 1px;
    left: 0px;
}

#header #site-navigation ul.main_menu li li a:hover:before{
    width: 14px;
    background-color: transparent;
}

#header #site-navigation ul.main_menu li li a:hover{
    background-color: #ffb51c;
    color: #000;
}

#header #site-navigation ul.main_menu li li.menu-parent-item > a:before {
    position: absolute;
    right: 15px;
    font-family: 'Codeus';
    font-size: 11px;
    content: '\e60f';
}
#header #site-navigation ul.main_menu ul ul,
#header #site-navigation ul.main_menu ul ul ul {
    left: 100%;
    top: 0;
}
#header #site-navigation ul.main_menu ul li:hover > ul,
#header #site-navigation ul.main_menu ul li.hover > ul {
    display: block;
    animation: menuLevel3Show 0.3s ease-out forwards;
    -webkit-animation: menuLevel3Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3Show { 
    0% { opacity: 0; margin-left: 30px;margin-top: 0;}
    10% { opacity: 0; margin-left: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
@keyframes menuLevel3Show {
    0% { opacity: 0; margin-left: 30px;margin-top: 0;}
    10% { opacity: 0; margin-left: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
#header #site-navigation ul.main_menu ul ul.horizontalFlip {
    left: auto;
    right: 100%;
}
#header #site-navigation ul.main_menu ul li:hover > ul.horizontalFlip,
#header #site-navigation ul.main_menu ul li.hover > ul.horizontalFlip {
    display: block;
    animation: menuLevel3FlipShow 0.3s ease-out forwards;
    -webkit-animation: menuLevel3FlipShow 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3FlipShow { 
    0% { opacity: 0; margin-right: 30px;margin-top: 0;}
    10% { opacity: 0; margin-right: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}
@keyframes menuLevel3FlipShow {
    0% { opacity: 0; margin-right: 30px;margin-top: 0;}
    10% { opacity: 0; margin-right: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}

/* BLOCKS & CONTENT */

.content-wrap {
    position: relative;
    z-index: 8;
}

/* CONTENT */

#main {
    padding: 0px 0 0;
}

#main .central-wrapper{
    padding-bottom: 0px;
}

.panel {
    padding-right: 350px;
}
body.home-constructor .panel {
    padding-right: 380px;
}
body.home-constructor .content-right .panel {
    padding-right: 0;
    padding-left: 380px;
}
.center {
    float: left;
    position: relative;
    padding: 0 0 0 15px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.content-right .panel {
    padding-right: 0;
    padding-left: 350px;
}
.content-right .center {
    padding: 0 15px 0 0;
    margin-right: 0;
    float: right;
}
.fullwidth {
    padding: 0 15px;
    clear: both;
}

/* SIDEBAR */

.sidebar {
    float: right;
    width: 270px;
    padding: 0 15px 0 65px;
    margin-right: -350px;
}
.content-right .sidebar{
    float: left;
    width: 270px;
    padding: 0 65px 0 15px;
    margin-left: -350px;
    margin-right: 0;
}
body.home-constructor .sidebar {
    width: 330px;
    padding: 0 15px 0 35px;
    margin-right: -380px;
}
body.home-constructor .content-right .sidebar{
    width: 330px;
    padding: 0 35px 0 15px;
    margin-left: -380px;
    margin-right: 0;
}
.sidebar .widget + .widget {
    margin-top: 35px;
    border-top: 1px solid transparent;
    padding-top: 35px;
}
.sidebar .widget.picturebox + .widget,
.sidebar .widget.widget_submenu + .widget,
.sidebar .widget.widget_nav_menu + .widget,
.sidebar .widget.widget_categories + .widget,
.sidebar .widget.widget_meta + .widget,
.sidebar .widget.widget_search + .widget,
.sidebar .widget.Custom_Flickr + .widget,
.sidebar .widget.project_info + .widget,
.sidebar .widget.widget_testimonials + .widget {
    border-top: 0 solid;
    margin-top: 25px;
}



/* BLOCKS */

.block {
    z-index: 9;
}

/* SLIDESHOW */

.slideshow {
    position: relative;
/*  max-height: 470px;*/
    overflow: hidden;
}
.slideshow.noscript,
.slideshow.noscript + .loading {
    height: 470px;
    display: block !important;
}
.slideshow.noscript + .loading {
    margin-top: -470px;
    z-index: 10;
}
.slideshow .nivo-controlNav {
    padding: 0 0 16px;
    height: 17px;
    margin-top: -33px;
    position: relative;
    z-index: 20;
}
.slideshow .nivo-controlNav a {
    display: inline-block;
    background: url('images/slideshow-buttons.png') no-repeat 0 0;
    height: 17px;
    width: 17px;
    margin: 0 4px 0 0 !important;
    text-indent: -100px;
    overflow: hidden;
}
.slideshow .nivo-controlNav a.active {
    background-position: -17px 0;
}
.slideshow .nivo-controlNav a.active {
    background-position: -17px 0;
}
.slideshow .nivo-caption {
    padding: 0;
    overflow: visible;
    opacity: 1;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.slideshow .caption-left,
.slideshow .caption-right {
    position: absolute;
    bottom: 50px;
    max-width: 50%;
}
.slideshow .caption-left {
    left: 20px;
}
.slideshow .caption-right {
    right: 20px;
}
@media only screen and (max-width:1439px) {
    .slideshow .nivo-caption {
        width: auto;
    }
    .slideshow .caption-left {
        left: 155px;
    }
    .slideshow .caption-right {
        right: 155px;
    }
}
@media only screen and (max-width:799px) {
    .slideshow .caption-left {
        left: 80px;
    }
    .slideshow .caption-right {
        right: 80px;
    }
}
.slideshow .caption-left .title,
.slideshow .caption-left .description {
    float: left;
    text-align: left;
}
.slideshow .caption-right .title,
.slideshow .caption-right .description {
    float: right;
    text-align: right;
}
.slideshow .nivo-caption .title {
    color: #ffffff;
    background-color: #3b526f;
    background-color: rgba(59, 82, 111, 0.6);
    padding: 10px 15px;
}
.slideshow .nivo-caption .description {
    color: #ffffff;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 10px;
}

/* QUICKFINDER */

.quickfinder {
    padding: 50px 0;
}
h2 + .quickfinder {
    padding-top: 30px;
}
.quickfinder ul {
    text-align: justify;
    margin-bottom: -60px;
    font-size: 1px;
    line-height: 0;
}
.quickfinder ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
.quickfinder ul li {
    display: inline-block;
    text-align: center;
    width: 255px;
    vertical-align: top;
    margin-bottom: 60px;
}
.quickfinder ul li {
    width: 255px;
    padding: 0 10px;
}
.quickfinder ul li a {
    text-decoration: none;
}
.quickfinder ul li span {
    display: block;
}
.quickfinder ul li .image {
    position: relative;
    width: 170px;
    height: 170px;
    line-height: 170px;
    border-radius: 85px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    font-weight: normal;
    text-align: center;
    font-family: 'Codeus-Icons';
    margin: 0 auto 25px;
    font-size: 85px;
    overflow: hidden;
}
body.lazy-enabled .quickfinder ul li .image {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}
.quickfinder ul li .image.thumb {
    background: transparent;
}
.quickfinder ul li .image.thumb span {
    margin: 0;
    height: 170px;
    width: 170px;
    position: relative;
}
.quickfinder ul li .image.thumb img {
    position: relative;
    border-radius: 85px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
}
.quickfinder ul li .image.thumb .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    opacity: 0;
    background-color: rgb(58, 83, 112);
}
.quickfinder ul li:hover .image.thumb .overlay {
    opacity: 0.8;
}
body.lazy-enabled .quickfinder ul li .caption {
    opacity: 0;
}
.quickfinder ul li .image span{
    width: 168px;
    height: 168px;
    line-height: 168px;
    margin: 1px auto 0;
    border-radius: 85px;
    -moz-border-radius: 85px;
    -webkit-border-radius: 85px;
    text-align: center;
    font-family: 'Codeus-Icons';
    font-size: 85px;
    overflow: hidden;
    cursor: pointer;
    font-weight: normal;
}
.quickfinder ul li .title {
    text-transform: uppercase;
    margin-bottom: 15px;
}
.quickfinder.block {
    background-position: 50% 0;
    background-repeat: repeat;
    padding-bottom: 0;
}
.quickfinder.block .central-wrapper {
    padding-bottom: 45px;
}

/* PORTFOLIO */

.portfolio {
    padding: 20px 0;
}
.portfolio .galleriffic,
.portfolio .rubrics {
    position: relative;
    overflow: hidden;
}
.portfolio .galleriffic ul.thumbs,
.portfolio .rubrics ul.thumbs {
    text-align: justify;
    margin-bottom: -30px;
    font-size: 1px;
    line-height: 0;
}
.portfolio .galleriffic ul.thumbs:after,
.portfolio .rubrics ul.thumbs:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0px;
    overflow: hidden;
}
.portfolio .galleriffic ul.thumbs li,
.portfolio .rubrics ul.thumbs li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 47px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}
.portfolio.small .rubrics ul.thumbs li {
    margin-bottom: 43px;
}
.portfolio.small ul li {
    width: 267px;
}
.portfolio.medium ul li {
    width: 371px;
}
.center .portfolio.medium ul li {
    width: 292px;
}
.portfolio.big ul li {
    width: 565px;
}
.portfolio ul.thumbs li {
    max-width: 100%;
}
.portfolio ul.thumbs li a {
    text-decoration: none;
    padding-bottom: 0;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.portfolio ul.thumbs li a span {
    display: block;
}
.portfolio ul.thumbs li .image {
    position: relative;
}
@media only screen and (max-width:565px) {
    .portfolio.small .galleriffic ul.thumbs,
    .portfolio.small .rubrics ul.thumbs {
        text-align: center;
    }
}
@media only screen and (max-width:771px) {
    .portfolio.medium .galleriffic ul.thumbs,
    .portfolio.medium .rubrics ul.thumbs {
        text-align: center;
    }
}
@media only screen and (max-width:1199px) {
    .portfolio.big .galleriffic ul.thumbs,
    .portfolio.big .rubrics ul.thumbs {
        text-align: center;
    }
}
.portfolio ul.thumbs li .image .overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58,83,112,0.8);
    display: none!important;
}
.portfolio ul.thumbs li .overlay .p-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: transparent;
}
.portfolio ul.thumbs li.inner-link .overlay .p-icon:before,
.portfolio ul.thumbs li.self-link .overlay .p-icon:before {
    content: '\e60b';
}
.portfolio ul.thumbs li.outer-link .overlay .p-icon:before {
    content: '\e60c';
}
.portfolio ul.thumbs li.full-image .overlay .p-icon:before {
    content: '\e60d';
}
.portfolio ul.thumbs li.youtube .overlay .p-icon:before,
.portfolio ul.thumbs li.vimeo .overlay .p-icon:before,
.portfolio ul.thumbs li.self_video .overlay .p-icon:before {
    content: '\e60e';
}
.portfolio ul.thumbs li .caption {
    width: 100%;
}
.portfolio ul.thumbs li .title {
    position: relative;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    white-space: nowrap;
}
.portfolio.small ul.thumbs li .title {
    height: 45px;
    margin: -45px 0 0 0;
    background: none;
    line-height: 45px;
}
.portfolio ul.thumbs li .small-title {
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2;
    margin: 20px 0 0 0;
}
.portfolio ul.thumbs li .title .title-inner {
    position: relative;
    height: 60px;
    overflow: hidden;
    z-index: 2;
}
.portfolio ul.thumbs li .title .title-inner-content {
    position: relative;
    z-index: 2;
}
.portfolio ul.thumbs li .title .title-hover-color {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 0;
    line-height: 1;
}
.portfolio ul.thumbs li .share-block-toggle {
    font-family: 'Codeus-Socials';
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 10.9%;
    font-size: 20px;
    z-index: 2;
}
.portfolio.medium ul.thumbs li .share-block-toggle {
    width: 16.6%;
}
.portfolio.small ul.thumbs li .share-block-toggle {
    width: 45px;
}
.portfolio ul.thumbs li .share-block {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    z-index: 2;
}
.portfolio.small ul.thumbs li .share-block {
    height: 45px;
    line-height: 45px;
}
.portfolio ul.thumbs li .share-block a {
    font-family: 'Codeus-Socials';
    font-weight: normal;
    width: 16.6666%;
    height: 100%;
    float: left;
    font-size: 24px;
}
.portfolio ul.thumbs li .description {
    padding: 20px 0 0;
    min-height: 20px;
    text-align: left;
}
.portfolio.small ul.thumbs li .description {
    padding-top: 11px;
}
.portfolio ul.thumbs li .info {
    font-size: 88.2%;
    line-height: 1.471;
    text-align: left;
    padding: 0 0 0 0;
}
.portfolio ul.thumbs li .info span {
    margin: 0 8px 0 6px;
}
.portfolio ul.thumbs li .info a {
    display: inline;
    font-size: 88.2%;
    line-height: 1.471;
    cursor: pointer;
}
.portfolio ul.thumbs li .info a:hover {
    text-decoration: underline;
}
.portfolio ul.filter {
    margin-bottom: 45px;
    text-align: center;
}
.portfolio ul.filter li {
    display: inline-block;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 30px;
    min-height: 30px;
}
.center .portfolio.medium ul.filter li {
    width: auto;
}
.portfolio ul.filter li a {
    display: block;
}
.portfolio ul.filter li.iconed a {
    position: relative;
    padding-left: 34px;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 30px;
    min-height: 30px;
}
.portfolio ul.filter li.active a {
    text-decoration: underline;
}
.portfolio ul.filter li .icon {
    background: none;
}
.portfolio ul.filter li a:hover .icon,
.portfolio ul.filter li.active a .icon {
    background: none;
}
.portfolio ul.thumbs-temp {
    display: none;
}
.portfolio.list ul.thumbs li {
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 75px;
    background: transparent;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}
.portfolio.list ul.thumbs li .left-block {
    float: left;
}
.portfolio.list ul.thumbs li .right-block {
    display: block;
    text-align: left;
    margin-left: 400px;
}
@media only screen and (max-width: 999px) {
    .portfolio.list ul.thumbs li .left-block {
        width: 45%;
    }
    .portfolio.list ul.thumbs li .right-block {
        margin-left: 50%;
    }
}
@media only screen and (max-width: 599px) {
    .portfolio.list ul.thumbs li .left-block {
        float: none;
        width: auto;
    }
    .portfolio.list ul.thumbs li .right-block {
        margin-left: 0;
    }
}
.portfolio.list ul.thumbs li .description {
    padding-top: 0;
}
.portfolio.list ul.thumbs li .share-block-toggle {
    width: 16.666%;
}

.block.portfolio {
    padding: 50px 0 60px;
    background-position: 50% 0;
    background-repeat: repeat;
}
.block.portfolio h2 {
    margin-bottom: 20px;
    text-align: center;
}
.block.portfolio .set-description {
    text-align: center;
    margin-bottom: 40px;
}
.block.portfolio .carousel-wrapper {
    position: relative;
    margin-right: 135px;
    margin-left: 135px;
}
.block.portfolio .carousel {
    margin: 0 auto;
    max-width: 1170px;
}
.block.portfolio ul.thumbs {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.block.portfolio ul.thumbs li {
    display: inline-block;
    padding: 0;
    width: 370px;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: top;
    position: absolute;
    left: 100%;
    max-width: 100%;
    overflow: hidden;
}
.block.portfolio ul.thumbs li a {
    text-decoration: none;
    padding-bottom: 0;
    display: block;
    position: relative;
}
.block.portfolio ul.thumbs li a span {
    display: block;
}
.block.portfolio ul.thumbs li .image {
    position: relative;
}
.block.portfolio ul.thumbs li .overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58,83,112,0.8);
    display: none;
}
.block.portfolio ul.thumbs li .overlay .p-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: transparent;
}
.block.portfolio ul.thumbs li.inner-link .overlay .p-icon:before,
.block.portfolio ul.thumbs li.self-link .overlay .p-icon:before {
    content: '\e60b';
}
.block.portfolio ul.thumbs li.outer-link .overlay .p-icon:before {
    content: '\e60c';
}
.block.portfolio ul.thumbs li.full-image .overlay .p-icon:before {
    content: '\e60d';
}
.block.portfolio ul.thumbs li.youtube .overlay .p-icon:before,
.block.portfolio ul.thumbs li.vimeo .overlay .p-icon:before,
.block.portfolio ul.thumbs li.self_video .overlay .p-icon:before {
    content: '\e60e';
}
.block.portfolio ul.thumbs li .caption {
    width: 100%;
}
.block.portfolio ul.thumbs li .title {
    position: relative;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    white-space: nowrap;
}
.block.portfolio ul.thumbs li .small-title {
    display: none;
}
.block.portfolio ul.thumbs li .title .title-inner {
    position: relative;
    height: 60px;
    overflow: hidden;
    z-index: 2;
}
.block.portfolio ul.thumbs li .title .title-inner-content {
    position: relative;
    z-index: 2;
}
.block.portfolio ul.thumbs li .title .title-hover-color {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 0;
    line-height: 1;
}
.block.portfolio ul.thumbs li .share-block-toggle {
    font-family: 'Codeus-Socials';
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 16.6666%;
    font-size: 20px;
    z-index: 2;
}
.block.portfolio ul.thumbs li .share-block {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    z-index: 2;
}
.block.portfolio ul.thumbs li .share-block a {
    font-family: 'Codeus-Socials';
    font-weight: normal;
    width: 16.6666%;
    height: 100%;
    float: left;
    font-size: 24px;
}
.block.portfolio ul.thumbs li .description {
    font-size: 17px;
    padding: 20px 10px 0;
    min-height: 40px;
    text-align: center;
}

/* NEWS */

.block.news {
    padding: 55px 0 0;
    overflow: hidden;
}
.block.news .central-wrapper {
    padding-bottom: 70px;
}
.news_list {
    margin-right: -50px;
}
.news_list .news_item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 50px 40px 105px;
    width: 49%;
}
@media only screen and (max-width:1199px) {
    .panel .news_list .news_item {
        width: 100%;
    }
}
@media only screen and (max-width:799px) {
    .block.news .fullwidth .news_list .news_item {
        width: 100%;
    }
}
.news_list .news_item .left-col {
    float: left;
    margin-left: -110px;
    width: 105px;
}
.news_list .news_item a.image {
    float: left;
    margin-right: 9px;
    width: 72px;
    height: 72px;
    padding: 11px;
    border-radius: 46px;
    -moz-border-radius: 46px;
    -webkit-border-radius: 46px;
    margin-bottom: 13px;
}
.news_list .news_item a.image img,
.news_list .news_item a.image .empty {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
}
.news_list .news_item a.image .empty {
    display :block;
    background: url('images/dummy.png') no-repeat 50% 50%;
}
.news_list .news_item .date {
    float: left;
    width: 94px;
    text-align: center;
    font-size: 88.2%;
    line-height: 1.2;
}
.news_list .news_item .news-content {
    float: left;
    width: 100%;
}
.news_list .news_item .news-content .title {
    margin-bottom: 4px;
}
.news_list .news_item .news-content .title a {
    text-decoration: underline;
}
.news_list .news_item .news-content .title a:hover {
    text-decoration: none;
}
.news_list .news-content .text {
    font-size: 85%;
}
.news_list .all-news {
    clear: both;
    padding: 0 0 0 87px;
}
.news_list .all-news a {
    position: relative;
    text-decoration: underline;
    display: inline-block;
}
.news_list .all-news a:hover {
    text-decoration: none;
}
.news_list .all-news a:before {
    display: inline-block;
    font-family: 'Codeus';
    font-size: 12px;
    font-weight: normal;
    content: '\e60f';
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
    position: relative;
    margin: 0 5px 0 0;
}

.newslist {
    position: relative;
}
.newslist:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 11px;
    left: 147px;
    margin-left: -6px;
}
.newslist:after {
    content: '';
    position: absolute;
    bottom: -17px;
    width: 26px;
    height: 26px;
    left: 147px;
    margin-left: -13px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.newslist > li {
    position: relative;
    margin: 27px 0 0 0;
}
.newslist > li:first-child {
    margin: 0;
}
.newslist > li .news-info {
    float: left;
}
.newslist > li .datetime {
    text-align: center;
    float: left;
    width: 100px;
    margin: 18px 0 0 0;
}
.newslist > li .datetime .day {
    display: block;
    font-size: 88.2%;
    line-height: 1.2;
}
.newslist > li .datetime .time {
    display: block;
    line-height: 1.2;
}
.newslist > li .thumbnail {
    position: relative;
    font-size: 0;
    line-height: 1;
    float: left;
}
.newslist > li .thumbnail img {
    width: 72px;
    height: 72px;
    border: 11px solid transparent;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    background: #ffffff;
}
.newslist > li .thumbnail .empty {
    display: inline-block;
    width: 72px;
    height: 72px;
    position: relative;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border: 11px solid transparent;
}
.newslist > li .thumbnail .empty:after {
    content: '\e616';
    position: absolute;
    left: 0;
    font-family: 'Codeus';
    width: 72px;
    height: 72px;
    font-size: 32px;
    line-height: 72px;
    text-align: center;
    text-indent: 0;
    top: 0;
    text-align: center;
}
.newslist > li .text {
    padding: 37px 35px 37px 41px;
    position: relative;
    margin: 0 0 0 223px;
}
.newslist > li .text:after {
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 18px;
    border-style: solid;
    top: 34px;
}
.newslist + .pagination {
    margin-top: 20px;
}
@media only screen and (max-width:999px) {
    .panel .newslist:before,
    .panel .newslist:after {
        display: none;
    }
    .panel .newslist > li .news-info {
        float: none;
    }
    .panel .newslist > li .news-info:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .panel .newslist > li .thumbnail {
        float: right;
    }
    .panel .newslist > li .text {
        margin: 15px 0 0 0;
    }
    .panel .newslist > li .text:after {
        right: auto;
        top: -36px;
        left: 34px;
    }
}
@media only screen and (max-width:799px) {
    #page .newslist:before,
    #page .newslist:after {
        display: block;
    }
    #page .newslist > li .news-info {
        float: left;
    }
    #page .newslist > li .news-info:after {
        content: "";
        display: none;
        height: 0;
        clear: none;
    }
    #page .newslist > li .thumbnail {
        float: left;
    }
    #page .newslist > li .text {
        margin: 0 0 0 223px;
    }
    #page .newslist > li .text:after {
        left: auto;
        top: auto;
        right: 100%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 18px;
        border-style: solid;
        top: 34px;
    }
}
@media only screen and (max-width:599px) {
    #page .newslist:before,
    #page .newslist:after {
        display: none;
    }
    #page .newslist > li .news-info {
        float: none;
    }
    #page .newslist > li .news-info:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #page .newslist > li .thumbnail {
        float: right;
    }
    #page .newslist > li .text {
        margin: 15px 0 0 0;
    }
    #page .newslist > li .text:after {
        right: auto;
        top: -36px;
        left: 34px;
    }
}

/* CONTENT */

.block.content {
    padding: 0px 0 0;
}


.compose-mode .header-fixed-wrapper{
    position: initial;
}

.block.content .central-wrapper{
    /*padding-bottom: 60px;*/
}

/* GALLERY */

.gallery {
    position: relative;
    margin: 0 auto;
}
.top-el {
    padding-bottom: 40px;
}
.bottom-el {
    padding-top: 40px;
}
.gallery li {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.gallery .thumbs_wrapper {
    margin: 0 32px;
    position: relative;
}
.gallery ul.thumbs {
    text-align: center;
    margin-right: -6px;
}
.gallery.full ul.thumbs {
    margin-right: -15px;
}
.gallery ul.thumbs li {
    padding: 6px 0 0;
    padding-top: 24px;
}
.gallery ul.thumbs li img {
    opacity: 0.5;
}
.gallery.full ul.thumbs li {
}
.gallery ul.thumbs li:hover img,
.gallery ul.thumbs li.selected img {
    opacity: 1;
}
.gallery ul.thumbs li a {
    display: block;
    position: relative;
    padding: 9px;
}
.gallery ul.thumbs li.selected a {
    margin: 0;
    border: 9px solid transparent;
    padding: 0;
}
.gallery ul.thumbs li.selected a:before {
    content: ' ';
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border-width: 20px;
    border-color: transparent;
    border-style: solid;
    position: absolute;
    top: -49px;
    left: 50%;
    margin-left: -20px;
}
/* !!!!!!!!!!!!!!!!!!!! */
.gallery ul.thumbs li.selected a:after {
    content: ' ';
    font-size: 0;
    line-height: 0;
    width: 11px;
    height: 7px;
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -5px;
    background: url('images/gallery_thumb_marker.png') left top no-repeat;
}
.gallery .navigation .prev,
.gallery .navigation .next {
    position: absolute;
    bottom: 0;
    width: 30px;
    overflow: hidden;
    text-indent: 30px;
    top: 15px;
}
.gallery .navigation .prev:hover,
.gallery .navigation .next:hover {
    text-decoration: none;
}
.gallery .navigation .prev.disable,
.gallery .navigation .next.disable {display: none;}
.gallery .container .navigation .prev,
.gallery .container .navigation .next {
    top: 0;
}
.gallery .navigation .prev {
    left: -32px;
}
.gallery .navigation .next {
    right: -32px;
}
.gallery .navigation .prev:before,
.gallery .navigation .next:before {
    position: absolute;
    left: 0;
    font-family: 'Codeus';
    font-size: 18px;
    width: 28px;
    height: 28px;
    line-height: 29px;
    text-align: center;
    text-indent: 0;
    top: 50%;
    margin-top: -10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid transparent;
}
.gallery .navigation .prev:before {
    content: '\e602';
    text-indent: 2px;
}
.gallery .navigation .next:before{
    content: '\e603';
    text-indent: 7px;
}
.gallery .navigation.preview-navigation .prev,
.gallery .navigation.preview-navigation .next {
    position: absolute;
    bottom: 0;
    width: 69px;
    overflow: hidden;
    text-indent: 69px;
    display: none;
}
.gallery .preview-navigation .prev {
    left: 27px;
}
.gallery .preview-navigation .next {
    right: 27px;
}
.gallery .navigation.preview-navigation .prev:before,
.gallery .navigation.preview-navigation .next:before {
    position: absolute;
    left: 0;
    font-family: 'Codeus';
    font-size: 39px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    text-indent: 0;
    top: 50%;
    margin-top: -26px;
    border-radius: 33px;
    -moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    color: transparent;
    border: 1px solid transparent;
}
.gallery .navigation.preview-navigation .prev:before {
    content: '\e604';
    text-indent: -10px;
}
.gallery .navigation.preview-navigation .next:before {
    content: '\e605';
}
.gallery ul.preview {
    white-space: nowrap;
}
.gallery ul.preview li {
    text-align: center;
}
.gallery .container {
    margin-bottom: 10px;
}
.gallery .slide-info {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 19px 15px 17px 15px;
    background-color: #ffffff;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}
.slideinfo .fancybox-title {
    text-align: center;
    padding: 10px 0;
    background-color: #ffffff;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    width: 100%;
    line-height: 26px;
}
.gallery .slide-info .slide-caption,
.slideinfo .fancybox-title .slide-caption {
    text-transform: uppercase;
    display: block;
}
.gallery .slide-info .lide-description,
.slideinfo .fancybox-title .lide-description {
    display: block;
}
.gallery .preview li {position: relative;}
.gallery .preview li a {display: block; position: relative;}
.gallery .preview li a span.overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(58,83,112,0.8);
}
.gallery .preview li a span.overlay .p-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #fff;
}
.gallery .preview li a span.overlay .p-icon:before {
    content: '\e60d';
}
.gallery.full .preview .slide-info, .gallery.small .preview .slide-info  {text-align: left;}
.gallery.shortcode {margin-bottom: 20px;}
.gallery.small.shortcode {width: 613px;}
.gallery.small.shortcode.right {margin-right: 41px; float: left;}
.gallery.small.shortcode.left {margin-left: 41px; float: right;}

.gallery-three-columns {padding: 20px 0;}
.gallery-three-columns ul {
    text-align: center;
    font-size: 0;
    line-height: 1;
    margin: 0 -10px 0 0;
}
.gallery-three-columns ul li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.gallery-three-columns ul li a {display: block;position: relative;overflow: hidden;}
.gallery-three-columns ul li a span.overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58,83,112,0.8);
    display: none;
}
.gallery-three-columns ul li a span.overlay .p-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: transparent;
}
.gallery-three-columns ul li a span.overlay .p-icon:before {
    content: '\e60d';
}

.gallery-four-columns {padding: 20px 0;}
.gallery-four-columns ul {
    text-align: center;
    font-size: 0;
    line-height: 1;
    margin: 0 -10px 0 0;
}
.gallery-four-columns ul li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.gallery-four-columns ul li a {display: block;position: relative;overflow: hidden;}
.gallery-four-columns ul li a span.overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58,83,112,0.8);
    display: none;
}
.gallery-four-columns ul li a span.overlay .p-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: transparent;
}
.gallery-four-columns ul li a span.overlay .p-icon:before {
    content: '\e60d';
}

/* SHORTCODES */

.divider {
    padding: 35px 0 0;
    margin: 0 0 35px;
    border-bottom: 1px solid transparent;
    clear: both;
}
.divider.linebreak {
    padding: 0;
    margin: 0;
    border: 0 none;
    clear: none;
}
.divider.dashed {
    border-bottom: 1px dashed transparent;
}
.divider.double {
    border-bottom: 3px double transparent;
}
.one_half,
.one_third,
.one_fourth {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.one_half:before,
.one_half:after,
.one_third:before,
.one_third:after,
.one_fourth:before,
.one_fourth:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.one_half {
    padding-right: 25px;
}
.one_half.last {
    padding-left: 25px;
    padding-right: 0;
}
.one_third {
    padding-right: 33px;
}
.one_third + .one_third {
    padding: 0 17px;
}
.one_third.last {
    padding: 0 0 0 33px;
}
.one_half {
    width: 50%;
}
.one_third {
    width: 33.33333%
}
.one_fourth {
    width: 25%;
    padding-right: 37px;
}
.one_fourth + .one_fourth {
    padding: 0 25px 0 13px;
}
.one_fourth + .one_fourth + .one_fourth {
    padding: 0 13px 0 25px;
}
.one_fourth + .one_fourth.last,
.one_fourth + .one_fourth + .one_fourth + .one_fourth {
    padding: 0 0 0 37px;
}
/* !!!!!!!!!!!!!!!!!!!! */
.text_box {
    clear: both;
    border: 1px solid transparent;
/*  -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;*/
}
.text_box > .title,
.text_box > .text {
    padding: 30px 40px;
}
.text_box > .title {
    background-color: transparent;
    margin-bottom: 0;
}
/* WRAP-BOX STYLES */
.wrap-box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.wrap-box-content {
    position: relative;
    max-width: 100%;
}
.wrap-box.left {
    float: left;
    margin: 0 25px 25px 0;
}
.wrap-box.right {
    float: right;
    margin: 0 0 25px 25px;
}
.wrap-box.middle {
    display: inline-block;
}
.wrap-box .wrap-box-inner {
    display: inline-block;
    max-width: 100%;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.image.wrap-box .wrap-box-inner {
    display: block;
}
.wrap-box.style-1 .wrap-box-inner {
    border: 1px solid transparent;
}
.wrap-box.style-2 .wrap-box-inner {
    border: 9px solid transparent;
    padding: 18px;
    background-color: #ffffff;
}
.wrap-box.style-3 .wrap-box-inner {
    border: 13px solid transparent;
    background-color: #ffffff;
}
.wrap-box.style-4 .wrap-box-inner:before,
.wrap-box.style-4 .wrap-box-inner:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:17px;
    left:15px;
    width:40%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    -webkit-transform:rotate(-2.5deg);
    -moz-transform:rotate(-2.5deg);
    -ms-transform:rotate(-2.5deg);
    -o-transform:rotate(-2.5deg);
    transform:rotate(-2.5deg);
}
.wrap-box.style-4 .wrap-box-inner:after {
    right:15px;
    left:auto;
    -webkit-transform:rotate(2.5deg);
    -moz-transform:rotate(2.5deg);
    -ms-transform:rotate(2.5deg);
    -o-transform:rotate(2.5deg);
    transform:rotate(2.5deg);
}
.wrap-box.style-5 .wrap-box-inner {
    background-color: #ffffff;
    border-radius: 10px;
}

.wrap-box.style-5 .shadow-wrap {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wrap-box.image.style-5 .shadow-wrap {
    height: auto;
    border-radius: 10px;
}

.wrap-box.style-5 .shadow-wrap:before,
.wrap-box.style-5 .shadow-wrap:after {
    content:"";
    position:absolute;
    z-index:-2;
    top:22px;
    left:2px;
    width:40%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 -15px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 -15px 20px rgba(0, 0, 0, 0.1);
    box-shadow:0 -15px 20px rgba(0, 0, 0, 0.1);
    -webkit-transform:rotate(2deg);
    -moz-transform:rotate(2deg);
    -ms-transform:rotate(2deg);
    -o-transform:rotate(2deg);
    transform:rotate(2deg);
}
.wrap-box.style-5 .shadow-wrap:after {
    right:2px;
    left:auto;
    -webkit-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
    transform:rotate(-2deg);
}
.wrap-box.style-5 .wrap-box-inner:before,
.wrap-box.style-5 .wrap-box-inner:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:17px;
    left:15px;
    width:40%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    box-shadow:0 15px 25px rgba(0, 0, 0, 0.45);
    -webkit-transform:rotate(-2.5deg);
    -moz-transform:rotate(-2.5deg);
    -ms-transform:rotate(-2.5deg);
    -o-transform:rotate(-2.5deg);
    transform:rotate(-2.5deg);
}
.wrap-box.style-5 .wrap-box-inner:after {
    right:15px;
    left:auto;
    -webkit-transform:rotate(2.5deg);
    -moz-transform:rotate(2.5deg);
    -ms-transform:rotate(2.5deg);
    -o-transform:rotate(2.5deg);
    transform:rotate(2.5deg);
}
.wrap-box.style-6 .wrap-box-inner {
    border: 1px solid transparent;
    padding: 19px;
    background-color: #ffffff;
}
.wrap-box .wrap-box-element {
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.wrap-box.image .wrap-box-element {
    height: auto;
    border-radius: 10px;
}

.tabs, .accordion {
    clear: both;
    margin: 20px 0;
}
.accordion {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid transparent;
}
.accordion > h5 {
    padding: 0 40px 0;
    margin: 0 0 15px;
    position: relative;
}
.accordion > h5:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    font-family: 'Codeus';
    content: '\e609';
    font-size: 15px;
    border-radius: 15px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid transparent;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    text-align: center;
}
.ui-accordion .ui-accordion-header {
    min-height: 30px;
}
.accordion > h5.ui-accordion-header-active:before {
    content: '\e60a';
}
.accordion > div {
    padding: 0 0 20px 0;
}
.tabs {
    padding: 8px;
}
.tabs > ul.tabs-nav {
    padding: 0 14px;
}
.tabs > ul.tabs-nav li {
    padding: 0 4px;
    float: left;
}
.tabs > ul.tabs-nav li a {
    float: left;
    padding: 10px 15px;
}
.tabs > ul.tabs-nav li.ui-tabs-active a {
    background-color: #ffffff;
}
.tabs.ui-tabs .tab_wrapper {
    background-color: #ffffff;
    padding: 45px 40px;
}
.dropcap {
    height: 15px;
}
.dropcap span{
    display: block;
    float: left;
    margin: 0 8px 0 0;
    line-height: 50px;
    background: transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid transparent;
}
.list ul {
    list-style: none;
    padding-left: 1.5em;
}
.list ul li{
    position: relative;
}
.list ul li + li{
    margin-top: 0.7em;
}
.list ul li:before {
    float: left;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 64.7%;
    margin-left: -1.7em;
}
.list.arrow ul li:before {
    content: '\e60f';
}
.list.check ul li:before {
    content: '\e610';
    font-size: 88.2%;
}
.list.circle ul li:before {
    content: '\e611';
}
.list.minus ul li:before {
    content: '\e612';
    font-size: 88.2%;
}
.iconed-title,
.iconed-text {
    padding-left: 60px;
    margin-left: -5px;
    min-height: 30px;
    position: relative;
    padding-top: 13px;
}
.iconed-text {
    min-height: 39px;
}
.iconed-title > .icon,
.iconed-text > .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: -4px;
    top: 0;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
}
.iconed-title > .icon {
    top: 50%;
    margin-top: -19px;
}
.iconed-title > .icon.active,
.iconed-text > .icon.active {
    color: #ffffff;
}
.simple-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    line-height: 50px;
    background: transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 21px;
    font-family: 'Codeus-Icons';
    font-weight: normal;
}
.alert-box {
    padding-bottom: 1px;
    margin: 20px 0;
}
.alert-box > div {
    padding: 30px 280px 35px 35px;
}
.alert-box.iconed > div {
    padding-left: 180px;
}
.alert-box .alert-button {
    float: right;
    margin: 20px -240px 20px 40px;
    max-width: 200px;
}
.alert-box .button {
    margin-top: 0;
}
.alert-box .text {
    float: left;
    width: 100%;
}
.alert-box .alert-icon {
    float: left;
    margin: 0 40px 0 -145px;
    width: 103px;
    height: 103px;
    line-height: 103px;
    vertical-align: top;
    font-size: 55px;
    font-family: 'Codeus-Icons';
    border-radius: 52px;
    -moz-border-radius: 52px;
    -webkit-border-radius: 52px;
    text-align: center;
    border: 1px solid transparent;
    font-weight: normal;
}
@media only screen and (max-width:799px) {
    .alert-box > div {
        padding: 30px 35px 35px;
    }
    .alert-box.iconed > div {
        padding-left: 35px;
    }
    .alert-box .alert-button {
        float: none;
        margin: 30px 0 0;
        text-align: center;
    }
    .alert-box .text {
        float: none;
        width: auto;
    }
    .alert-box .alert-icon {
        float: none;
        margin: 0 auto 30px;
    }
}

/* WIDGETS */
h3.widget-title {
    margin-bottom: 0.766667em;
}

/* Testimonials */
.testimonials {
    margin-left: -10px;
    padding-left: 10px;
}
.testimonial_item {
    padding-bottom: 20px;
    padding-left: 10px;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.testimonial_item table {
    width: 100%;
    margin-bottom: 15px;
    border-spacing: 0;
}
.testimonial_item table.nostyle td {
    vertical-align: bottom;
    padding-right: 12px;
    font-size: 88.2%;
    line-height: 1.471;
}
.testimonial_item td.image {
    width: 1%;
}
.testimonial_item td.image div {
    height: 128px;
    width: 128px;
    padding: 11px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    margin-left: -10px;
}
.testimonial_item td.image img {
    height: 128px;
    width: 128px;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}
.testimonials .button{
    margin-top: 0;
}
.testimonials .caroufredsel_wrapper {
    width: auto !important;
}
.testimonials .testimonials-list {
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
}

/* Project Info */
/* Contact Info */
.widget.project_info-item,
.widget.contact_info {
    padding-bottom: 20px;
}
.project_info-item + .project_info-item,
.contact_info-item + .contacts-info-item {
    border-top: 1px solid transparent;
    padding-top: 20px;
    margin-top: 20px;
}
.project_info-item.iconed .title,
.contact_info-item.iconed .title {
    padding-left: 37px;
    position: relative;
    min-height: 30px;
    margin-bottom: 5px;
}
.project_info-item.iconed .value,
.contact_info-item.iconed .value {
    font-size: 88.2%;
}
.project_info-item .title .icon,
.contact_info-item .title .icon {
    background: transparent;
    font-size: 24px;
}
.widget.project_info .button {
    margin-top: 15px;
}

/* Text */
.widget.widget_text .textwidget,
.widget.widget_black_studio_tinymce .textwidget1 {
    font-size: 88.2%;
    line-height: 1.471;
}

/* Picturebox */
.widget.picturebox img {
    max-width: 100%;
}
.widget.picturebox .description {
    padding: 25px 30px;
    font-size: 88.2%;
    line-height: 1.471;
}

/* Categories */
.widget.widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_categories ul li,
.widget.widget_meta ul li {
    border-bottom: 1px solid transparent;
}
.widget.widget_categories ul li a,
.widget.widget_meta ul li a {
    padding: 12px 20px 12px 35px;
    text-transform: uppercase;
    display: block;
    position: relative;
    line-height: 1.471;
}
.widget.widget_categories ul li a:before,
.widget.widget_meta ul li a:before {
    position: absolute;
    left: 17px;
    top: 8px;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    line-height: 29px;
    width: 29px;
    content: '\e60f';
}

/* Popular Posts */
/* Recent Posts */
.widget.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_rss ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.Custom_Recent_Posts ul li,
.widget.Custom_Popular_Posts ul li,
.widget.widget_recent_entries ul li,
.widget.widget_rss ul li {
    padding: 0;
    font-size: 88.2%;
    line-height: 1.471;
}
.widget.Custom_Recent_Posts ul li +li,
.widget.Custom_Popular_Posts ul li +li,
.widget.widget_recent_entries ul li +li,
.widget.widget_rss ul li +li {
    padding-top: 34px;
}
.widget.widget_recent_entries li a,
.widget.widget_recent_entries li span,
.widget.widget_rss li a.rsswidget,
.widget.widget_rss li span.rss-date {
    display: block;
}
.widget.widget_rss li span.rss-date {
    padding-bottom: 10px;
}
.widget.Custom_Recent_Posts .image,
.widget.Custom_Popular_Posts .image {
    float: left;
    margin-right: 9px;
    width: 72px;
    height: 72px;
    padding: 11px;
    border-radius: 46px;
    -moz-border-radius: 46px;
    -webkit-border-radius: 46px;
}
.widget.Custom_Recent_Posts .image img,
.widget.Custom_Popular_Posts .image img {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
}
.widget.Custom_Recent_Posts .image.dummy a,
.widget.Custom_Popular_Posts .image.dummy a {
    display :block;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    background: url('images/dummy.png') no-repeat 50% 50%;
}
/* Recent comments */
.widget.widget_recent_comments ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_recent_comments ul li {
    padding: 0 0 0 35px;
    font-size: 88.2%;
    line-height: 1.471;
}
.widget.widget_recent_comments ul li + li {
    padding-top: 28px;
}
.widget.widget_recent_comments ul li:before {
    font-family: 'Codeus';
    content: '\e613';
    font-size: 20px;
    line-height: 1;
    margin-left: -35px;
    position: relative;
    top: 2px;
    float: left;
}

/* Custom Flickr */
.widget.Custom_Flickr .flickr {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: -4px;
}
.widget.Custom_Flickr .flickr-item {
    float: left;
    margin: 0 4px 4px 0;
    width: 87px;
}
.widget.Custom_Flickr img {
    width: 87px;
}
/* Tags */
.widget_tag_cloud .tagcloud {
    line-height: 34px;
}
.widget_tag_cloud a {
    margin-right: 20px;
}
/* Submenu */
/* Custom Menu */
.widget.widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_submenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_nav_menu li,
.widget.widget_submenu li {
    background: transparent;
    border-bottom: 1px solid transparent;
}
.widget.widget_nav_menu li a,
.widget.widget_submenu li a {
    display: block;
    padding: 12px 20px 12px 45px;
    text-transform: uppercase;
    position: relative;
}
.widget.widget_nav_menu li a:hover,
.widget.widget_submenu li a:hover {
    text-decoration: none;
}
.widget.widget_nav_menu li.menu-item a:before,
.widget.widget_submenu li.menu-item a:before {
    position: absolute;
    left: 3px;
    top: 9px;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: center;
    text-indent: 0;
    font-size: 11px;
    line-height: 29px;
    width: 29px;
    border: none;
    content: '\e60f';
    text-indent: 7px;
}
.widget.widget_nav_menu li.menu-parent-item a:before,
.widget.widget_submenu li.menu-parent-item a:before {
    position: absolute;
    left: 3px;
    top: 9px;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: center;
    text-indent: 0;
    font-size: 17px;
    height: 29px;
    line-height: 30px;
    width: 29px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15x;
    border: 1px solid transparent;
    content: '\e603';
    text-indent: 7px;
}
.widget.widget_nav_menu li.current-menu-ancestor a:before,
.widget.widget_submenu li.current-menu-ancestor a:before {
    content: '\e608';
    line-height: 33px;
    text-indent: 2px;
}
.widget.widget_nav_menu li ul,
.widget.widget_submenu li ul {
    display: none;
}
.widget.widget_nav_menu li.current-menu-item ul,
.widget.widget_nav_menu li.current-menu-ancestor ul,
.widget.widget_submenu li.current-menu-item ul,
.widget.widget_submenu li.current-menu-ancestor ul {
    display: block;
    border-top: 1px solid transparent;
}
.widget.widget_nav_menu li li.current-menu-ancestor ul,
.widget.widget_nav_menu li.current-menu-ancestor li ul,
.widget.widget_submenu li li.current-menu-ancestor ul,
.widget.widget_submenu li.current-menu-ancestor li ul {
    border: 0 none;
}
.widget.widget_nav_menu li li,
.widget.widget_submenu li li {
    border: 0 none;
    padding: 0 0 0 45px;
}
.widget.widget_nav_menu li li a,
.widget.widget_submenu li li a {
    padding-left: 20px;
}
.widget.widget_nav_menu li.current-menu-ancestor li a:hover,
.widget.widget_submenu li.current-menu-ancestor li a:hover {
    text-decoration: none;
}
.widget.widget_nav_menu li.current-menu-ancestor li a:before,
.widget.widget_submenu li.current-menu-ancestor li a:before,
.widget.widget_nav_menu li.current-menu-item li a:before,
.widget.widget_submenu li.current-menu-item li a:before {
    position: absolute;
    left: 0;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    line-height: 29px;
    width: 29px;
    border: 0 none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    content: '\e60f';
    text-indent: 0;
}
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_nav_menu li.current-menu-item li a,
.widget.widget_nav_menu li.current-menu-ancestor li a,
.widget.widget_submenu li.current-menu-item li a,
.widget.widget_submenu li.current-menu-ancestor li a {
    color: #3b3e4f;
    background-image: none;
    font-weight: normal;
}
.widget.widget_nav_menu li li.current-menu-item a,
.widget.widget_nav_menu li li.current-menu-ancestor a,
.widget.widget_submenu li li.current-menu-item a,
.widget.widget_submenu li li.current-menu-ancestor a {
    color: #48afdb;
}
.widget.widget_nav_menu li li li,
.widget.widget_submenu li li li {
    padding-left: 12px;
}
/* Search */
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_search form {
    padding: 35px;
    text-align: center;
}
.widget.widget_search form input[type="text"] {
    width: 100%;
    background-color: #fffff;
    height: 38px;
    margin: 0;
}
.widget.widget_search #searchform #searchsubmit {
    margin-top: 20px;
    float: none;
}
.widget.widget_search form label {
    display: none;
}

/* Team */
.team-item {
    text-align: center;
}
.team-item .team-image {
    width: 128px;
    height: 128px;
    margin: 20px auto 10px;
    padding: 11px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.team-item .team-image img {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}
.team-item .team-name {
    margin-bottom: 14px;
}
.team-item .team-phone,
.team-item .team-email {
    position: relative;
    display: inline-block;
    padding-left: 37px;
}
.team-item .team-phone {
    font-size: 124%;
    line-height: 1.471;
}
.team-item .team-email {
    font-size: 88.2%;
    line-height: 1.471;
}
/* Calendar */
.widget.widget_calendar table {
    border: 0 none;
}
.widget.widget_calendar table thead tr td,
.widget.widget_calendar table thead tr th {
    font-size: inherit;
    padding: 0;
}
.widget.widget_calendar table th,
.widget.widget_calendar table td {
    padding: 0;
}
.widget.widget_calendar table thead tr {
    background-color: transparent !important;
}
.widget.widget_calendar table tr:nth-child(even) {
    background-color: transparent !important;
}
.widget.widget_calendar table {
    width: 100%;
}
.widget.widget_calendar td {
    text-align: center;
    width: 14.3%;
}
.widget.widget_calendar th,
.widget.widget_calendar caption {
    font-weight: normal;
    font-size: 141.2%;
    line-height: 1.4em;
}
.widget.widget_calendar caption {
    margin-bottom: 10px;
}
.widget.widget_calendar td {
    height: 30px;
}
.widget.widget_calendar td a {
    width: 28px;
    padding-right: 9px;
    text-align: right;
    display: inline-block;
    line-height: 28px
    width: 37px;
}
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_calendar td#prev a,
.widget.widget_calendar td#next a {
    background-color: transparent;
    width: auto;
    padding-right: 0;
    text-align: center;
    display: inline;
    line-height: 28px;
}
.widget.widget_calendar td#prev {
    text-align: left;
}
.widget.widget_calendar td#next {
    text-align: right;
}

/* Archives */
/* !!!!!!!!!!!!!!!!!!!! */
.widget.widget_archive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget.widget_archive ul li {
    color: #48afdb;
    padding: 10px 20px 10px 17px;
    position: relative;
}
.widget.widget_archive ul li a:before {
    position: absolute;
    left: 0;
    top: 8px;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    line-height: 29px;
    width: 29px;
    color: #3b3e4f;
    content: '\e60f';
}




/* BLOG */

.blog_list li {
    padding-left: 80px;
}
.blog_list li + li {
    margin-top: 60px;
}
.blog_list li .comment-info {
    float: left;
    width: 85px;
    padding: 0 5px;
    margin-left: -100px;
    text-transform: uppercase;
/*  font-weight: bold;*/
    text-align: center;
}
.blog_list li .date-day {
    display: block;
    margin: 0 auto;
    line-height: 62px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    width: 62px;
    height: 62px;
    text-align: center;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
}
.blog_list li .date-day span {
    display: block;
    margin: 1px auto 0;
    line-height: 60px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    width: 60px;
    height: 60px;
    text-align: center;
    overflow: hidden;
}
.blog_list li .date-month {
    padding-top: 5px;
}
.blog_list li .comment-count {
    margin-right: 18px;
}
.blog_list li .comment-count b {
    font-size: 141%;
    font-weight: normal;
}
.blog_list li .post-info {
    float: left;
    width: 550px;
}
.blog_list li .post-info {
    float: left;
    width: 100%;
    border-bottom: 1px solid transparent;
    padding-bottom: 18px;
}
.blog_list li .post-info h3 {
    margin-bottom: 18px;
}
.post-image {
    padding-top: 9px;
    margin-bottom: 20px;
    text-align: center;
}
.blog_list li .post-info-bottom {
    padding-top: 29px;
    font-size: 88.2%;
}
.blog_list li .post-info-bottom .more-link b {
    font-size: 0;
    line-height: 1;
}
.blog_list li .post-info-bottom .more-link b:before{
    display: inline-block;
    font-family: 'Codeus';
    font-size: 12px;
    font-weight: bold;
    content: '\e607';
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
    position: relative;
    margin: 0 7px 0 0;
    
}
.blog_list li .post-info-bottom .categories {
    float: left;
}
.categories .sep {
    margin: 0 10px;
}
.blog_list li .post-info-bottom .comments-count {
    float: right;
}

.post-tags-block {
    padding: 0 0 10px 0;
    border-bottom: 1px solid transparent;
    margin-bottom: 23px;
    margin-top: 52px;
}

.post-tags {
    float: right;
    font-size: 15px;
    padding: 18px 0 0 0;
}

.post-tags-block .socials-sharing {
    float: left;
    margin: 0;
}

.post-tags-block .sep {
    margin: 0 10px;
}

/* AUTHOR */

.post-author-block {
    padding: 30px 35px 31px 35px;
    margin: 53px 0 0 0;
}
.post-author-avatar {
    float: left;
}
.post-author-avatar img {
    border: 10px solid #ffffff;
    border-radius: 51px;
    -moz-border-radius: 51px; 
    -webkit-border-radius: 51px;
}
.post-author-info {
    margin: 0 0 0 115px;
}
.post-author-info .name {
    margin: 0 0 3px 0;
}
.post-author-info .date-info {
    font-size: 88.2%;
    line-height: 1.471;
    margin: 0 0 14px 0;
}
.post-related-posts {
    margin: 0 -20px 0 0;
    padding: 0 0 51px 0;
}
.post-related-posts-line {
    border-bottom: 1px solid transparent;
}
.post-comments-margin {
    margin: 49px 0 0 0;
}
.post-related-posts h3 {
    margin-bottom: 0;
}
.related-element {
    display: inline-block;
    width: 260px;
    margin: 0 18px 0 0;
    vertical-align: top;
    padding-top: 34px;
}
.related-element img {
    float: left;
    border: 10px solid transparent;
    border-radius: 51px;
    -moz-border-radius: 51px; 
    -webkit-border-radius: 51px;
}
.related-element .related-element-info {
    margin: 0 0 0 103px;
}
.related-element.without-image > a {
    float: left;
    width: 82px;
    height: 82px;
    border-radius: 41px;
    -moz-border-radius: 41px;
    -webkit-border-radius: 41px;
    background: url('images/dummy.png') no-repeat 50% 50%;
}
.related-element .related-element-info a {
    font-size: 88.2%;
    line-height: 1.471;
}
.related-element .related-element-info .date {
    font-size: 88.2%;
    line-height: 1.471;
}
.post-posts-links {
    margin-bottom: 52px;
}
.post-posts-links a {
    text-transform: uppercase;
    position: relative;
}
.post-posts-links .left {
    float: left;
}
.post-posts-links .left a {
    margin-left: 40px;
}
.post-posts-links .left a:before {
    content: '\e602';
    padding-right: 3px;
    position: absolute;
    left: -40px;
    top: -7px;
    font-family: 'Codeus';
    width: 27px;
    height: 30px;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    text-indent: 4px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid transparent;
}
.post-posts-links .right {
    float: right;
}
.post-posts-links .right a {
    margin-right: 40px;
}
.post-posts-links .right a:before {
    content: '\e603';
    padding-left: 3px;
    position: absolute;
    right: -40px;
    top: -7px;
    font-family: 'Codeus';
    width: 27px;
    height: 30px;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    text-indent: 4px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid transparent;
}

/* SEARCH */

#searchform {
    margin-bottom: 40px;
}
#searchform #s {
    width: 100%;
}
#searchform #searchsubmit {
    float: right;
}

/* COMMENTS */

#commentform, #reply-title {
    padding-top: 55px;
}
#reply-title + #commentform {
    padding: 0;
}
ol.commentlist li.comment {
    padding: 20px 0 27px;
    border-top: 1px solid transparent;
}
ol.commentlist{
    border-bottom: 1px solid transparent;
}
ol.commentlist > li.comment:first-child {
    border: none;
}
ol.commentlist .left {
    float: left;
}
ol.commentlist .left img {
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}
ol.commentlist .comment-content {
    margin: 0 0 0 70px;
}
ol.commentlist .comment-content .text {
    padding-top: 11px;
}
ol.commentlist .comment-content .comment-author {
    float: left;
}
ol.commentlist .comment-content .comment-date {
    text-align: right;
    font-size: 88.2%;
    line-height: 1.471;
}
ol.commentlist .comment-content a.comment-reply-link, ol.commentlist .comment-content a.comment-edit-link{
    margin-left: 16px;
}
/* !!!!!!!!!!!!!!!!!!!! */
ol.commentlist .comment-content a.comment-reply-link:before, ol.commentlist .comment-content a.comment-edit-link:before{
    display: inline-block;
    font-family: 'Codeus';
    font-size: 12px;
    font-weight: bold;
    content: '\e605';
    color: #48afdb;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
    position: relative;
    margin: 0 7px 0 0;
    
}
ol.commentlist ul.children {
    list-style: none;
    padding: 0;
    margin: 0;
}
ol.commentlist ul.children {
    padding-top: 27px;
}
ol.commentlist ul.children li {
    border-top: 1px solid transparent;
    padding-left: 67px;
}
ol.commentlist ul.children li:last-child {
    padding-bottom: 0;
}
/* !!!!!!!!!!!!!!!!!!!! */
.comment-form input[type="text"], .comment-form textarea {
    background: #ffffff;
    border: 1px solid #d6dde3;
    border-top: 0;
    margin: 0;
}
.comment-form input[type="text"] {
    width: 270px;
    float: left;
}
.comment-form textarea {
    border: 1px solid #d6dde3;
    margin-top: 36px;
    width: 100%;
    max-width: 100%;
}
.comment-form p.first input[type="text"] {
    border-top: 1px solid #d6dde3;
}
.comment-form label {
    line-height: 1.2;
    position: relative;
}
.comment-form input[type="text"] + label {
    display: block;
    margin: 0 0 0 288px;
    padding-top: 7px;
    padding-left: 35px;
}
.comment-form label:before {
    position: absolute;
    left: 0;
    font-family: 'Codeus-Icons';
    font-size: 20px;
    line-height: 14px;
    color: #d6dde3;
}
.comment-form label[for="author"]:before {
    content: '\e632';
}
.comment-form label[for="email"]:before {
    content: '\e601';
}
.comment-form label[for="url"]:before {
    content: '\e640';
}
.comment-form label b {
    font-weight: normal;
    color: #75889c;
}
@media only screen and (max-width:362px) {
    .comment-form input[type="text"] {
        border: 1px solid #d6dde3;
    }
}

/* CONTACT */
/* !!!!!!!!!!!!!!!!!!!! */
.block.map iframe {
    vertical-align: top;
}
.contact-form {
    margin-top: 60px;
}
.contact-form input[type="text"] {
    width: 270px;
    height: 35px;
    border: 1px solid #d6dde3;
    background-color: #ffffff;
    margin: 0;
}
.contact-form p + p input[type="text"] {
    width: 270px;
    height: 35px;
    border-top: 0 none;
}
.contact-form textarea {
    border: 1px solid #d6dde3;
    background-color: #ffffff;
    margin: 35px 0 0;
    width: 100%;
}
.contact-form .reset {
    float: right;
    padding-left: 1.0em;
    margin-top: 30px;
}
.contact-form .reset:before {
    float: left;
    font-family: 'Codeus';
    font-size: 64.7%;
    font-weight: normal;
    margin-left: -1.3em;
    content: "\e60f";
}
.contact-form label {
    margin-left: 15px;
    padding-left: 35px;
    font-weight: normal;
    position: relative;
}
.contact-form label:before {
    position: absolute;
    left: 0;
    font-family: 'Codeus-Icons';
    font-size: 20px;
    margin-top: 3px;
}
.contact-form label[for="name"]:before {
    content: '\e632';
}
.contact-form label[for="email"]:before {
    content: '\e601';
}
.contact-form label[for="site"]:before {
    content: '\e640';
}

/* RESPONSIVE */

@media only screen and (max-width:1199px) {

    body {
        min-width: 300px;
    }

    /* LAYOUT */
    .central-wrapper,
    #page.boxed #header.header-fixed .central-wrapper {
        width: 1000px;
    }

    #header #site-navigation li a {
        padding: 0 10px;
    }

    /* QUICKFINDER */
    .block.quickfinder ul li {
        width: 220px;
    }
    .quickfinder ul li {
        width: 220px;
    }

}

@media only screen and (max-width:999px) {

    /* LAYOUT */
    .central-wrapper {
        width: 800px;
    }

    #header .central-wrapper {
        width: 100%;
    }

    .slideshow.noscript,
    .slideshow.noscript + .loading {
        height: 300px;
    }

    .slideshow.noscript + .loading {
        margin-top: -300px;
    }

    /* QUICKFINDER */
    .block.quickfinder ul li,
    .quickfinder ul li {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 49%;
    }
    .block.quickfinder ul li .title,
    .block.quickfinder ul li .description,
    .quickfinder ul li .title,
    .quickfinder ul li .description {
        max-width: 255px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .gallery {
        position: relative;
        margin: 0 auto;
        max-width: 100%;
    }
    .gallery.full {
        margin: 0;
    }

}

@media only screen and (max-width:799px) {

    /* LAYOUT */
    .central-wrapper {
        width: 100%;
    }

    .slideshow.noscript,
    .slideshow.noscript + .loading {
        height: 200px;
    }

    .slideshow.noscript + .loading {
        margin-top: -200px;
    }

    .quickfinder ul li .image {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }
    .quickfinder ul li .caption {
        opacity: 1;
    }

    .block.quickfinder ul li .title,
    .block.quickfinder ul li .description {
        max-width: none;
    }

    .quickfinder ul li .title,
    .quickfinder ul li .description {
        max-width: none;
    }

    body.lazy-enabled .quickfinder ul li .image {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
    }
    body.lazy-enabled .quickfinder ul li .caption {
        opacity: 1;
    }

    /* CONTENT */
    .panel,
    body.home-constructor .panel {
        padding: 0;
    }
    .center {
        float: none;
        padding: 0 15px;
        background: none;
        width: auto;
        right: autp;
    }
    .content-right .panel,
    body.home-constructor .content-right .panel {
        padding: 0;
    }
    .content-right .center,
    body.home-constructor .content-right .center {
        float: none;
        padding: 0 15px;
        background: none;
        margin-right: 0;
        right: auto;
        left: auto;
    }
    .fullwidth {
        padding: 0 15px;
        clear: both;
    }

    /* SIDEBAR */
    .sidebar,
    body.home-constructor .sidebar {
        float: none;
        width: auto;
        padding: 0 20px;
        background: none;
        margin-right: 0;
        margin-top: 40px;
    }
    .content-right .sidebar,
    body.home-constructor .content-right .sidebar{
        float: none;
        width: auto;
        padding: 0 20px;
        background: none;
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar {
        margin-top: 60px;
    }

    /* SHORTCODES */
    .one_half {
        float: none;
        width: auto;
        margin-bottom: 15px;
        padding-right: 0;
    }
    .one_half.last {
        position: relative;
        left: auto;
        margin-bottom: 0;
        padding-left: 0;
    }
    .one_third {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 15px;
        padding-right: 0;
    }
    .one_third + .one_third {
        padding-left: 0;
        padding-right: 0;
    }
    .one_third.last {
        margin-right: 0;
        float: none;
        width: auto;
        margin-bottom: 0;
        padding-left: 0;
    }
    
    .one_fourth {
        padding-right: 0;
        float: none;
        width: auto;
        margin-bottom: 15px;
    }
    .one_fourth + .one_fourth, .one_fourth + .one_fourth + .one_fourth {
        padding-left: 0;
        padding-right: 0;
    }
    .one_fourth.last, .one_fourth + .one_fourth.last {
        padding-left: 0;
    }

    #bottom-line{
        text-align: center;
    }
    
    .gallery .slide-info {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .block.portfolio ul.thumbs li .title {
        background: transparent !important;
        height: 45px;
        margin: -45px 0 0;
        line-height: 45px;
    }
    .block.portfolio ul.thumbs li .small-title {
        display: block;
    }
    .block.portfolio ul.thumbs li .title .title-inner {
        display: none;
    }
    .block.portfolio ul.thumbs li .title .title-hover-color {
        display: none;
    }
    .block.portfolio ul.thumbs li .share-block-toggle {
        width: 45px;
        font-size: 20px;
        line-height: 45px;
    }
    .block.portfolio ul.thumbs li .description {
        padding: 11px 0 0 0;
        text-align: left;
    }
}

@media only screen and (max-width:399px) {
    .block.quickfinder ul li .image,
    .block.quickfinder ul li .image span,
    .block.quickfinder ul li .image img {
        width: 120px;
        height: 120px;
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        line-height: 120px;
        font-size: 60px;
    }
    .quickfinder ul li .image,
    .quickfinder ul li .image span,
    .quickfinder ul li .image img {
        width: 120px;
        height: 120px;
        border-radius: 60px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        line-height: 120px;
        font-size: 60px;
    }
}

.image.wrap-box .fancy {
    display: block;
    position: relative;
}
.image.wrap-box .fancy .overlay {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58,83,112,0.8);
    display: none;
}
.image.wrap-box .fancy .overlay:before {
    content: '\e60d';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 0 -50px;
    font-family: 'Codeus';
    font-weight: normal;
    font-size: 52px;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #fff;
    text-align: center;
}

.image.wrap-box {margin-bottom: 20px;}
.gallery-three-columns .image.wrap-box {margin-bottom: 0;}
.gallery-four-columns .image.wrap-box {margin-bottom: 0;}
.image.wrap-box.right {margin-left: 25px; margin-right: 0; float: right;}
.image.wrap-box.left {margin-right: 25px; margin-left: 0; float: left;}
.image.wrap-box.below {display: inline-block; float: none;}

.twitter-box .jtwt_tweet:before {
    font-family: 'Codeus-Socials';
    content: '\e603'; 
    font-size: 26px;
    line-height: 1;
    margin-left: -35px;
    position: relative;
    top: 2px;
    float: left;
}
.twitter-box .jtwt_tweet {
    padding: 0 0 0 35px;
    font-size: 82.3%;
    line-height: 1.471;
}
.twitter-box .jtwt_tweet +.jtwt_tweet {
    padding-top: 28px;
}

/* !!!!!!!!!!!!!!!!!!!! */
.team-element-email a {
    font-size: 15px;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    vertical-align: top;
}
.team-element-email a:before {
    position: relative;
    margin-left: -30px;
    content: '\e601';
    font-family: 'Codeus-Icons';
    display: inline-block;
    width: 30px;
    text-align: left;
    font-size: 140%;
    vertical-align: middle;
}
.team-element-email a:hover {
    text-decoration: none;
}
.team-element-position {
    font-size: 88.2%;
    line-height: 1.471;
}
.team-element-name {
    margin: 0 0 5px 0;
}
.team-element-image {
    width: 128px;
    height: 128px;
    margin: 35px auto 10px;
    padding: 11px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
.team-element-image img {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}
.team-element {
    display: inline-block;
    width: 228px;
    height: 308px;
    border: 1px solid transparent;
    text-align: center;
    text-align-last: center;
    margin: 0 0 28px 0;
    margin-right: 20px;
    vertical-align: top;
}
.team-list {
    position: relative;
    text-align: center;
    text-align-last: center;
    margin-right: -20px;
}
.team-list:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.team-list-wrapper h2 {
    margin-bottom: 20px;
}

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}








.lazy-enabled .lazy-loading {
    visibility: hidden;
}

div.clients {
    padding: 30px 0;
}
.clients ul.list {
    text-align: center;
/*  margin-bottom: -60px;*/
    font-size: 0px;
    line-height: 1;
}
.clients ul.list {
    margin: 0 -10px 0 0;
}
.center .clients ul.list {
    margin: 0 -10px 0 0;
}
.clients ul.list li {
    text-align: center;
    vertical-align: top;
    margin: 0 10px 10px 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}
.clients ul.list li a {
    text-decoration: none;
    display: block;
    position: relative;
    width: 270px;
    height: 200px;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
}
.clients ul.list li a:hover {
    background-color: transparent;
}
#center.fullwidth .clients ul.list li a {
    width: 285px;
}
.clients ul.list li a:hover {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.clients ul.list li a span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale); /* Firefox 4+ */
    /*filter: gray; /* IE 6-9 */
}
.clients ul.list li a:hover span {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
.block.clients {
    padding: 50px 0 40px;
    background-position: 50% 0;
    background-repeat: repeat;
}
.block.clients h2 {
    margin-bottom: 20px;
    text-align: center;
}
.block.clients .set-description {
    text-align: center;
    margin-bottom: 40px;
}
.block.clients .carousel-wrapper {
    position: relative;
    margin-right: 135px;
    margin-left: 135px;
}
.block.clients .carousel {
    margin: 0 auto;
    max-width: 1170px;
}
.block.clients ul.list {
    text-align: center;
}
.block.clients ul.list li {
    display: inline-block;
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
    vertical-align: top;
    background: transparent;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
}
.block.clients ul.list li a {
    text-decoration: none;
    display: block;
    position: relative;
    width: 200px;
    height: 150px;
}
.block.clients ul.list li a {
    background-color: transparent;
}
.block.clients ul.list li a span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale); /* Firefox 4+ */
    filter: gray; /* IE 6-9 */
}
.block.clients ul.list li a:hover span {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
.clients ul.filter {
    padding-bottom: 28px;
    text-align: center;
}
.clients ul.filter li {
    display: inline-block;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 30px;
    min-height: 30px;
}
.center .clients.medium ul.filter li {
    width: auto;
}
.clients ul.filter li a {
    display: block;
}
.clients ul.filter li.iconed a {
    padding-left: 34px;
    background-position: 0 0;
    background-repeat: no-repeat;
    line-height: 30px;
    min-height: 30px;
    position: relative;
}
.clients ul.filter li.active a {
    text-decoration: underline;
}
.clients ul.filter li .icon {
    background: none;
}
.clients ul.filter li a:hover .icon,
.clients ul.filter li.active a .icon {
    background: none;
}









.slideshow .nivo-directionNav a,
html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next,
.block.clients .prev,
.block.clients .next,
.block.portfolio .prev,
.block.portfolio .next {
    position: absolute;
    top: 0;
    overflow: hidden;
    font-size: 0;
    width: 70px;
    height: 100%;
    text-indent: 70px;
    background: none;
    text-decoration: none;
}
.block.portfolio .prev,
.block.portfolio .next {
    height: 270px;
}
html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next {
    height: 70px;
    top: 50%;
    margin-top: -35px;
}
html * .ls-container .ls-nav-prev,
html * .ls-container .ls-nav-next {
    display: block;
    z-index: 10;
}
.slideshow .nivo-directionNav a.nivo-nextNav:before,
.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .ls-container .ls-nav-prev:before,
html * .ls-container .ls-nav-next:before,
.block.clients .prev:before,
.block.clients .next:before,
.block.portfolio .prev:before,
.block.portfolio .next:before {
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    font-family: 'Codeus';
    font-weight: normal;
    text-align: left;
    text-indent: 0;
    font-size: 39px;
    line-height: 68px;
    width: 68px;
    margin-top: -35px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35x;
    text-align: center;
    border: 1px solid transparent;
}
.slideshow .nivo-directionNav a.nivo-nextNav:before,
.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .slideshow .ls-container .ls-nav-prev:before,
html * .slideshow .ls-container .ls-nav-next:before {
    border-color: transparent;
    color: transparent;
}
.slideshow .nivo-directionNav a.nivo-prevNav:before,
html * .ls-container .ls-nav-prev:before,
.block.clients .prev:before,
.block.portfolio .prev:before {
    content: '\e604';
    text-indent: -10px;
}
.slideshow .nivo-directionNav a.nivo-nextNav:before,
html * .ls-container .ls-nav-next:before,
.block.clients .next:before,
.block.portfolio .next:before {
    content: '\e605';
}
html * .ls-container .ls-nav-prev {
    left: 0;
}
html * .ls-container .ls-nav-next {
    right: 0;
}
.slideshow .nivo-directionNav a.nivo-prevNav,
html * .slideshow .ls-container .ls-nav-prev {
    left: 50px;
}
.slideshow .nivo-directionNav a.nivo-nextNav,
html * .slideshow .ls-container .ls-nav-next {
    right: 50px;
}
.block.clients .prev {
    left: -85px;
}
.block.clients .next {
    right: -85px;
}
.block.portfolio .prev {
    left: -85px;
}
.block.portfolio .next {
    right: -85px;
}
@media only screen and (max-width:799px) {
    .block.clients .carousel-wrapper,
    .block.portfolio .carousel-wrapper {
        margin-right: 60px;
        margin-left: 60px;
    }
    .slideshow .nivo-directionNav a,
    html * .slideshow .ls-nav-prev,
    html * .slideshow .ls-nav-next, 
    .block.clients .prev,
    .block.clients .next,
    .block.portfolio .prev,
    .block.portfolio .next {
        position: absolute;
        top: 0;
        overflow: hidden;
        font-size: 0;
        width: 30px;
        height: 100%;
        text-indent: 30px;
        background: none;
        text-decoration: none;
    }
    .block.portfolio .prev,
    .block.portfolio .next {
        height: 270px;
    }
    html * .slideshow .ls-nav-prev,
    html * .slideshow .ls-nav-next {
        height: 30px;
        top: 50%;
        margin-top: -15px;
    }
    .slideshow .nivo-directionNav a.nivo-nextNav:before,
    .slideshow .nivo-directionNav a.nivo-prevNav:before,
    html * .slideshow .ls-nav-prev:before,
    html * .slideshow .ls-nav-next:before,
    .block.clients .prev:before,
    .block.clients .next:before,
    .block.portfolio .prev:before,
    .block.portfolio .next:before {
        position: absolute;
        left: 0;
        top: 50%;
        font-family: 'Codeus';
        font-weight: normal;
        text-align: left;
        text-indent: 0;
        font-size: 16px;
        line-height: 28px;
        width: 28px;
        margin-top: -15px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15x;
        text-align: center;
    }
    .slideshow .nivo-directionNav a.nivo-nextNav:before,
    .slideshow .nivo-directionNav a.nivo-prevNav:before,
    html * .slideshow .ls-nav-prev:before,
    html * .slideshow .ls-nav-next:before {
        border-color: transparent;
        color: transparent;
    }
    .slideshow .nivo-directionNav a.nivo-prevNav:before,
    html * .slideshow .ls-nav-prev:before,
    .block.clients .prev:before,
    .block.portfolio .prev:before {
        content: '\e602';
    }
    .slideshow .nivo-directionNav a.nivo-nextNav:before,
    html * .slideshow .ls-nav-next:before,
    .block.clients .next:before,
    .block.portfolio .next:before {
        content: '\e603';
        text-indent: 6px;
    }
    .slideshow .nivo-directionNav a.nivo-prevNav,
    html * .slideshow .ls-nav-prev {
        left: 15px;
    }
    .slideshow .nivo-directionNav a.nivo-nextNav,
    html * .slideshow .ls-nav-next {
        right: 15px;
    }
    .block.clients .prev {
        left: -45px;
    }
    .block.clients .next {
        right: -45px;
    }
    .block.portfolio .prev {
        left: -45px;
    }
    .block.portfolio .next {
        right: -45px;
    }
}




@media only screen and (max-width:799px) {

    #header #site-navigation .menu-toggle {
        display: block;
    }
    #header #site-navigation {
        position: absolute;
        padding: 0;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        -moz-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
        right: 20px;
        top: 50%;
        margin-top: -20px;
        z-index: 100;
        width: 100%;
        max-width: 280px;
    }
    #header #site-navigation .menu-toggle {
        border: none;
        float: right;
        width: 64px;
        height: 40px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
    }
    #header #site-navigation .menu-toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #75889c;
        top: 6px;
        left: 0;
        box-shadow: 
            0 9px 0 #75889c,
            0 18px 0 #75889c,
            0 27px 0 #75889c;
    }

    #header #site-navigation ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    #header #site-navigation li {
        position: relative;
        display: block;
        z-index: 100;
    }

    #header #site-navigation li a,
    #header #site-navigation .dl-menu li.menu-item-cart > a {
        display: block;
        padding: 0 15px;
        text-transform: uppercase;
        white-space: nowrap;
        padding: 7px 25px;
        position: relative;
        outline: none;
        text-decoration: none;
    }

    #header #site-navigation li a:hover {
        text-decoration: none;
    }

    .no-touch #header #site-navigation li a:hover {
    }

    #header #site-navigation li.dl-back > a {
        text-align: right;
    }

    #header #site-navigation li.dl-back > a:before {
        position: absolute;
        left: 5px;
        font-family: 'Codeus';
        font-size: 11px;
        content: '\e602';
    }

    #header #site-navigation li.menu-parent-item > a:before,
    #header #site-navigation li.dl-parent a:before {
        position: absolute;
        right: 15px;
        font-family: 'Codeus';
        font-size: 11px;
        content: '\e60f';
    }

    #header #site-navigation .dl-menu {
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 100;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 0 3px 0 #aaa;
        -moz-box-shadow: 0 0 3px 0 #aaa;
        -webkit-box-shadow: 0 0 3px 0 #aaa;
    }

    #header #site-navigation .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    #header #site-navigation .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    /* Hide the inner submenus */
    #header #site-navigation li .dl-submenu {
        display: none;
    }

    /* 
    When a submenu is openend, we will hide all li siblings.
    For that we give a class to the parent menu called "dl-subview".
    We also hide the submenu link. 
    The opened submenu will get the class "dl-subviewopen".
    All this is done for any sub-level being entered.
    */
    #header #site-navigation .dl-menu.dl-subview li,
    #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen > a,
    #header #site-navigation .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    #header #site-navigation .dl-menu.dl-subview li.dl-subview,
    #header #site-navigation .dl-menu.dl-subview li.dl-subview .dl-submenu,
    #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen,
    #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    /* Dynamically added submenu outside of the menu context */
    #header #site-navigation > .dl-submenu {
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 100;
        width: 100%;
        margin: 0;
    }

    #header #site-navigation .dl-submenu,
    #header #site-navigation .dl-submenu li,
    #header #site-navigation .dl-submenu li a {
            background-image: url(images/x.gif);
    }


}

/* Animation classes for moving out and in */

    #header #site-navigation .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        -moz-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }
    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    @-moz-keyframes MenuAnimOut1 {
        50% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -moz-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    @keyframes MenuAnimOut1 {
        50% {
            transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    #header #site-navigation .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        -moz-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }
    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    @-moz-keyframes MenuAnimIn1 {
        0% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -moz-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    @keyframes MenuAnimIn1 {
        0% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    #header #site-navigation.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        -moz-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }
    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }
    @-moz-keyframes SubMenuAnimIn1 {
        0% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }
    @keyframes SubMenuAnimIn1 {
        0% {
            transform: translateX(50%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }
    #header #site-navigation.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        -moz-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }
    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }
    @-moz-keyframes SubMenuAnimOut1 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
    }
    @keyframes SubMenuAnimOut1 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(50%);
            opacity: 0;
        }
    }

/* !!!!!!!!!!!!!!!!!!!! */
.skill-element {
    margin: 0 0 15px 0;
}
.skill-header {
    margin: 0 0 5px 0;
}
.skill-title {
    font-size: 88.2%;
    line-height: 1.471;
    float: left;
}
.skill-amount {
    float: right;
}
.skill-line {
    font-size: 0;
    line-height: 1;
    height: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.skill-line div {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    height: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.diagram-summary {
    font-size: 88.2%;
    line-height: 1.471;
    margin: 0 0 0.766667em 0;
}
.diagram-summary-text {
    margin: 0 0 0.766667em 0;
}
.diagram-circle {
    text-align: center;
}
.diagram-circle {
    position: relative;
}
.diagram-circle .box-wrapper {
    max-width: 550px;
    position: relative;
    text-align: left;
}
.tab_wrapper .diagram-circle .box-wrapper {
    margin: 0 auto;
}
.diagram-circle .box {
    position: relative;
    
}
.diagram-circle .skills {
    display: none;
}
/* !!!!!!!!!!!!!!!!!!!! */
.diagram-circle .text {
    font-size: 88.2%;
    line-height: 1.471;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.diagram-circle .text div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
}
.diagram-circle .text div span {
    display: block;
    text-align: center;
    padding: 0 0 0 5px;
    margin: 0;
}
.diagram-item {
    padding: 0 0 20px;
}
.widget .diagram-circle .text div, 
.widget .diagram-circle .text div span.title {
    font-size: inherit;
}
.diagram-legend {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    text-align: left;
}
.diagram-legend .legend-element {
    margin: 0 0 26px 0;
}
.diagram-legend .legend-element .color {
    display: block;
    float: left;
}
.diagram-legend .legend-element .title {
    display: block;
    line-height: 1;
    margin: 0 0 0 46px;
}

#header #site-navigation .dl-menu li.menu-item-language {
    width: auto;
}

#header #site-navigation .main_menu li.menu-item-language {
    width: 50px;
}

#header #site-navigation li.menu-item-language a {
    text-align: center;
    padding: 0;
}
@media only screen and (max-width:799px) {
    #header #site-navigation li.menu-item-language a {
        text-align: left;
        padding: 7px 25px;
    }
}
#header #site-navigation li.menu-item-language a img {
    vertical-align: middle;
    margin: 0;
    width: auto !important;
    height: auto !important;
}
#header #site-navigation ul ul.submenu-languages {
    width: 70px;
    margin-left: -10px;
}
#header #site-navigation ul.submenu-languages.dl-submenu {
    width: 280px;
}
#header #site-navigation ul ul.submenu-languages li a {
    line-height: 40px;
    padding: 0;
}
#header #site-navigation ul.main_menu ul.submenu-languages li {
    width: auto;
}

/* Pricing table */

.pricing-table {
    font-size: 0;
    line-height: 1;
    margin: 0 0 0 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.pricing-table .pricing-column {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 100px;
    text-align: center;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.pricing-table .pricing-column.highlighted {
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
    z-index: 2;
}

/* Pricing table title row */

.pricing-table .pricing-column .pricing-title-wrapper {
    position: relative;
}

.pricing-table .pricing-column .pricing-title {
    font-size: 30px;
    line-height: 1.2;
    padding: 22px 0 18px 0;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.pricing-table .pricing-column.highlighted .pricing-title {
    padding: 29px 0 16px 0;
}

.pricing-table .pricing-column.highlighted .pricing-title-wrapper:before {
    box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    border-width: 62px;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    right: 0;
    top: 0;
    border-right-width: 0;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper:before {
    border-top-color: #98e794;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper:before {
    border-top-color: #f7b54d;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper:before {
    border-top-color: #7c4e6e;
}

.pricing-table .pricing-column.highlighted .pricing-title-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    font-family: 'Codeus-Woocommerce';
    font-weight: normal;
    font-size: 18px;
    content: '\e602';
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper:after {
    color: #ffffff;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper:after {
    color: #fbf792;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper:after {
    color: #ffb7b7;
}

.pricing-table .pricing-column .pricing-title span.subtitle {
    display: block;
    font-size: 17px;
    text-transform: none;
}

/* Pricing table title row */

.pricing-table.style-1 .pricing-column .pricing-title-wrapper {
    color: #48afdb;
    background: #ffffff;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-title-wrapper {
    color: #ffffff;
    background: #58cdcc;
}

.pricing-table.style-1 .pricing-column .pricing-title span.subtitle {
    color: #3b3e4f;
}

.pricing-table.style-2 .pricing-column .pricing-title-wrapper {
    color: #b73b62;
    background: #ffffff;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-title-wrapper {
    color: #ffffff;
    background: url(images/pricing_table_style_2_back.png) center top no-repeat;
}

.pricing-table.style-2 .pricing-column .pricing-title span.subtitle {
    color: #feb7b7;
}

.pricing-table.style-3 .pricing-column .pricing-title-wrapper {
    color: #ba5c7a;
    background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-title-wrapper {
    color: #ffffff;
    background: url(images/pricing_table_style_3_back.jpg) center top no-repeat;
}

.pricing-table.style-3 .pricing-column .pricing-title span.subtitle {
    color: #feb7b7;
}

/* Pricing table price row */

.pricing-table .pricing-column .pricing-price {
    font-size: 72px;
    line-height: 1.2;
    padding: 22px 0 26px;
}

.pricing-table .pricing-column .pricing-price span.time {
    display: block;
    font-size: 17px;
    color: #75889c;
}

.pricing-table.style-1 .pricing-column .pricing-price {
    color: #a9aa5c;
    background: #f0f4f7;
}

.pricing-table.style-2 .pricing-column .pricing-price {
    color: #e0426d;
    background: #fff8ed;
}

.pricing-table.style-3 .pricing-column .pricing-price {
    color: #6a5380;
    background: #edf1f2;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-price {
    background: #ffffff;
}

/* Pricing table row */

.pricing-table .pricing-column .pricing-row {
    font-size: 17px;
    line-height: 1.2;
    color: #3b3e4f;
    padding: 11px 0 11px;
}

.pricing-table.style-1 .pricing-column .pricing-row {
    background: #ffffff;
}

.pricing-table.style-1 .pricing-column .pricing-row:nth-child(even) {
    background: #f7f9fb;
}

.pricing-table.style-2 .pricing-column .pricing-row {
    background: #ffffff;
}

.pricing-table.style-3 .pricing-column .pricing-row {
    background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-row {
    background: #edf1f2;
}

.pricing-table .pricing-column .pricing-row.strike {
    color: #9eabb6;
    text-decoration: line-through;
}

/* Pricing table footer row */

.pricing-table .pricing-column .pricing-footer {
    font-size: 17px;
    line-height: 1.2;
    color: #3b3e4f;
    padding: 31px 0 30px 0;
}

.pricing-table .pricing-column.highlighted .pricing-footer {
    padding: 43px 0 44px 0;
}

.pricing-table.style-1 .pricing-column .pricing-footer {
    background: #ffffff;
}

.pricing-table.style-2 .pricing-column .pricing-footer {
    background: #ffffff;
}

.pricing-table.style-3 .pricing-column .pricing-footer {
    background: #dce2e6;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-footer {
    background: #edf1f2;
}

.pricing-table .pricing-column .pricing-footer a {
    margin: 0;
}

.pricing-table.button-icon-cart .pricing-column .pricing-footer a:before {
    font-family: 'Codeus-Woocommerce';
    font-weight: normal;
    font-size: 25px;
    line-height: 10px;
    content: '\e605';
    font-style: normal;
    vertical-align: bottom;
    margin-right: 10px;
    border: none;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-top: -6px;
}

.pricing-table.button-icon-none .pricing-column .pricing-footer a{
    padding-left: 20px;
}

.pricing-table.button-icon-none .pricing-column .pricing-footer a:before {
    content: '';
    display: none;
}

.pricing-table.style-1 .pricing-column .pricing-footer a {
    background: #48afdb;
}

.pricing-table.style-1 .pricing-column.highlighted .pricing-footer a {
    background: #54bebd;
}

.pricing-table.style-2 .pricing-column .pricing-footer a {
    background: #efa57f;
}

.pricing-table.style-2 .pricing-column.highlighted .pricing-footer a {
    background: #b73b62;
}

.pricing-table.style-3 .pricing-column .pricing-footer a {
    background: #564566;
}

.pricing-table.style-3 .pricing-column.highlighted .pricing-footer a {
    background: #7c4e6e;
}

/* Pricing table shadow */

.pricing-table .pricing-column {
}

.pricing-table.style-1 .pricing-column .pricing-title, .pricing-table.style-1 .pricing-column .pricing-price, .pricing-table.style-1 .pricing-column .pricing-row, .pricing-table.style-1 .pricing-column .pricing-footer {
    border: 1px solid #d6dde3;
    margin: -1px 0 0 -1px;
}

.pricing-table .pricing-column .pricing-title {
    margin-top: 0;
}

.pricing-table.style-2 .pricing-column .pricing-title, .pricing-table.style-2 .pricing-column .pricing-price, .pricing-table.style-2 .pricing-column .pricing-row, .pricing-table.style-2 .pricing-column .pricing-footer {
    border: 1px solid #b299a5;
    margin: -1px 0 0 -1px;
}

.pricing-table.style-3 .pricing-column .pricing-title, .pricing-table.style-3 .pricing-column .pricing-price, .pricing-table.style-3 .pricing-column .pricing-row, .pricing-table.style-3 .pricing-column .pricing-footer {
    border: 1px solid #ffffff;
    margin: -1px 0 0 -1px;
}







/*  ADDITIONAL PORTFOLIO FILTER STYLES */
.portolio-filter-wrapper {
    position: relative;
    z-index: 10;
    padding: 0 15px;
    margin-bottom: 45px;
}
.portolio-filter-wrapper .menu-toggle {
    border: none;
    float: right;
    width: 64px;
    height: 40px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    display: none;
}
.portolio-filter-wrapper .menu-toggle:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #75889c;
    top: 6px;
    left: 0;
    box-shadow: 
        0 9px 0 #75889c,
        0 18px 0 #75889c,
        0 27px 0 #75889c;
}

.portolio-filter-wrapper .dl-menu {
    display: none;
}

.portfolio .portolio-filter-wrapper ul.filter {
    margin-bottom: 0;
}

.portfolio ul.filter li.mix-filter {
    position: relative;
    z-index: 10;
}
.portfolio ul.filter li.mix-filter li.dl-back {
    display: none;
}
.portfolio ul.filter li.mix-filter > a {
    padding-bottom: 7px;
}
.portfolio ul.filter li.mix-filter ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0 0 3px 0 #aaa;
    -moz-box-shadow: 0 0 3px 0 #aaa;
    -webkit-box-shadow: 0 0 3px 0 #aaa;
    padding: 0;
}
.portfolio ul.filter li.mix-filter ul.horizontalFlip {
    left: auto;
    right: 0;
}
.portfolio ul.filter li.mix-filter:hover > ul,
.portfolio ul.filter li.mix-filter.hover > ul {
    display: block;
    animation: menuLevel2Show 0.3s ease-out forwards;
    -webkit-animation: menuLevel2Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel2Show {
    0% { opacity: 0; margin-top: 30px; }
    10% { opacity: 0; margin-top: 30px;}
    100% { opacity: 1;  margin-top: 0px;}
}
@keyframes menuLevel2Show {
    0% { opacity: 0; margin-top: 30px; }
    10% { opacity: 0; margin-top: 30px;}
    100% { opacity: 1;  margin-top: 0px;}
}
.portfolio ul.filter li.mix-filter li {
    display: block;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.portfolio ul.filter li.mix-filter li > a {
    position: relative;
    white-space: normal;
    padding: 7px 60px 7px 15px;
    text-decoration: none;
}
.portfolio ul.filter li.mix-filter li.iconed > a {
    padding-left: 49px;
}
.portfolio ul.filter li.mix-filter li a .icon {
    left: 15px;
    line-height: inherit;
}
.portfolio ul.filter li.mix-filter li.filter-parent-item > a:before {
    position: absolute;
    right: 15px;
    font-family: 'Codeus';
    font-size: 11px;
    content: '\e60f';
}
.portfolio ul.filter li.mix-filter li ul,
.portfolio ul.filter li.mix-filter li ul ul {
    left: 100%;
    top: 0;
}
.portfolio ul.filter li.mix-filter li:hover > ul,
.portfolio ul.filter li.mix-filter li.hover > ul {
    display: block;
    animation: menuLevel3Show 0.3s ease-out forwards;
    -webkit-animation: menuLevel3Show 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3Show { 
    0% { opacity: 0; margin-left: 30px;margin-top: 0;}
    10% { opacity: 0; margin-left: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
@keyframes menuLevel3Show {
    0% { opacity: 0; margin-left: 30px;margin-top: 0;}
    10% { opacity: 0; margin-left: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-left: 0px;margin-top: 0;}
}
.portfolio ul.filter li.mix-filter li ul.horizontalFlip {
    left: auto;
    right: 100%;
}
.portfolio ul.filter li.mix-filter ul li:hover > ul.horizontalFlip,
.portfolio ul.filter li.mix-filter ul li.hover > ul.horizontalFlip {
    display: block;
    animation: menuLevel3FlipShow 0.3s ease-out forwards;
    -webkit-animation: menuLevel3FlipShow 0.3s ease-out forwards;
}
@-webkit-keyframes menuLevel3FlipShow { 
    0% { opacity: 0; margin-right: 30px;margin-top: 0;}
    10% { opacity: 0; margin-right: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}
@keyframes menuLevel3FlipShow {
    0% { opacity: 0; margin-right: 30px;margin-top: 0;}
    10% { opacity: 0; margin-right: 30px;margin-top: 0;}
    100% { opacity: 1;  margin-right: 0px;margin-top: 0;}
}

@media only screen and (max-width:768px) {
    .portolio-filter-wrapper .menu-toggle {
        display: block;
    }

    .portfolio ul.filter {
        display: none;
    }

    .portfolio .portolio-filter-wrapper ul.dl-menu li,
    .portfolio .portolio-filter-wrapper ul.dl-submenu li {
        position: relative;
        z-index: 100;
        padding: 0;
        width: auto;
    }

    .portfolio ul.dl-menu li a,
    .portfolio ul.dl-submenu li a {
        display: block;
    }

    .portfolio ul.dl-menu li > a,
    .portfolio ul.dl-submenu li > a {
        position: relative;
        white-space: normal;
        padding: 7px 25px 7px 25px;
        text-decoration: none;
    }

    .portfolio ul.dl-menu li.iconed > a,
    .portfolio ul.dl-submenu li.iconed > a {
        padding-left: 49px;
    }

    .portfolio ul.dl-menu li a .icon,
    .portfolio ul.dl-submenu li a .icon {
        left: 15px;
        line-height: inherit;
    }

    .portfolio ul.dl-menu li a:hover,
    .portfolio ul.dl-submenu li a:hover {
        text-decoration: none;
    }

    .portfolio ul.dl-menu li li.dl-back > a,
    .portfolio ul.dl-submenu li li.dl-back > a,
    .portfolio ul.dl-submenu li.dl-back > a {
        text-align: right;
    }

    .portfolio ul.dl-menu li li.dl-back > a:before,
    .portfolio ul.dl-submenu li li.dl-back > a:before,
    .portfolio ul.dl-submenu li.dl-back > a:before {
        position: absolute;
        left: 5px;
        font-family: 'Codeus';
        font-size: 11px;
        content: '\e602';
    }

    .portfolio ul.dl-menu li li.filter-parent-item > a:before,
    .portfolio ul.dl-submenu li.filter-parent-item > a:before {
        position: absolute;
        right: 15px;
        font-family: 'Codeus';
        font-size: 11px;
        content: '\e60f';
    }

    .portfolio .portolio-filter-wrapper .dl-menu {
        display: block;
        position: absolute;
        right: 15px;
        top: 100%;
        z-index: 100;
        width: 280px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 0 3px 0 #aaa;
        -moz-box-shadow: 0 0 3px 0 #aaa;
        -webkit-box-shadow: 0 0 3px 0 #aaa;
        text-align: left;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .portfolio .portolio-filter-wrapper ul.dl-menu ul {
        padding: 0;
        margin: 0;
    }

    .portolio-filter-wrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .portfolio ul.dl-menu li li.dl-back {
    }

    .portolio-filter-wrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    /* Hide the inner submenus */
    .portolio-filter-wrapper li .dl-submenu {
        display: none;
    }

    /* 
    When a submenu is openend, we will hide all li siblings.
    For that we give a class to the parent menu called "dl-subview".
    We also hide the submenu link. 
    The opened submenu will get the class "dl-subviewopen".
    All this is done for any sub-level being entered.
    */
    .portolio-filter-wrapper .dl-menu.dl-subview li,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subviewopen > a,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subview,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subviewopen,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .portolio-filter-wrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    /* Dynamically added submenu outside of the menu context */
    .portolio-filter-wrapper > .dl-submenu {
        display: block;
        position: absolute;
        right: 15px;
        top: 100%;
        z-index: 100;
        width: 280px;
        margin: 0;
        list-style: none;
        padding: 0;
        margin: 0;
        box-shadow: 0 0 3px 0 #aaa;
        -moz-box-shadow: 0 0 3px 0 #aaa;
        -webkit-box-shadow: 0 0 3px 0 #aaa;
    }

    /* Animation classes for moving out and in */

    .portolio-filter-wrapper .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        -moz-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }
    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    @-moz-keyframes MenuAnimOut1 {
        50% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -moz-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    @keyframes MenuAnimOut1 {
        50% {
            transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    .portolio-filter-wrapper .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        -moz-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }
    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    @-moz-keyframes MenuAnimIn1 {
        0% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -moz-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    @keyframes MenuAnimIn1 {
        0% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    .portolio-filter-wrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        -moz-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }
    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }
    @-moz-keyframes SubMenuAnimIn1 {
        0% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }
    @keyframes SubMenuAnimIn1 {
        0% {
            transform: translateX(50%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }
    .portolio-filter-wrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        -moz-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }
    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }
    @-moz-keyframes SubMenuAnimOut1 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
    }
    @keyframes SubMenuAnimOut1 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(50%);
            opacity: 0;
        }
    }
}




/*  B A N N E R  */


.cont_banner {
    margin: 0 0 0px 0;
    position: relative;
    background-color: transparent;
}

/*
body .swiper-backface-hidden .swiper-slide{
    height: 750px!important;
}
*/

body .main-slider {
    width: 100%;
    /* Define la proporción exacta (Ancho / Alto). Ejemplo para 1920x800px: 1920/800 = 2.4 */
    aspect-ratio: 2.6 / 1; 
}

body .swiper-slide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%; /* Ocupa todo el alto calculado por el aspect-ratio */
    display: flex;
    align-items: center; /* Centra el texto verticalmente */
    justify-content: center; /* Centra el texto horizontalmente */
}


/* - - - - M E N U  - - - --  */


.menux.clearfix{
    padding-top: 10px
}

.menux .central-wrapper{
    text-align: justify;
}

.menux .central-wrapper:after{
    width: 100%;
    content:"";
    display: inline-block;
}

.menux .colum_footerx{
    display: block;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.menux .colum_footerx.colum_contact{
    width: 27%;
}

.menux .colum_footerx h4{
    margin: 0 0 27px 0;
    padding: 0px 0 16px 0;
    border-bottom: solid 1px rgb(255 255 255 / 12%);
}

.menux .colum_footerx ul li{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0px 0;
}

.menux .colum_footerx ul li a{
    display: inline-block;
    width: 300px;
    padding: 8px 0px 8px 0;
    border-bottom: solid 1px rgb(255 255 255 / 16%);
    font-size: 18px;
    color: #fff;
    position: relative;
}

.menux .colum_footerx ul li a:before{
    display: inline-block;
    vertical-align: middle;
    margin: -4px 11px 0 0px;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
}

.menux .colum_footerx ul li a:hover{
    text-decoration: underline;
}


/* - - - -  M E N U   F U L L S C R E E N  - - - - - */



.jumbo-buttons-wrapper{
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.jumbo-buttons-wrapper .central-wrapper{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    position: relative;
}

.jumbo-menu-button{
    display: none!important;
    float: initial;
    padding: 16px 20px 16px 20px;
    position: absolute;
    top: 0px;
    right: 0px;

    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 19%);
    

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.jumbo-menu-button:hover{
    opacity: 0.8;
}

.jumbo-menu-button::before,
.jumbo-menu-button::after,
.jumbo-menu-button div.jumbo-menu-button-middle{
    display: none!important;
}

.jumbo-menu-button-label{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
}

.jumbo-menu-button-active .jumbo-menu-button-label,
.jumbo-menu-button-label:before{
    display: none;
}

.open-menux {
    overflow: hidden;
}


/* menu scrooll */

/*.jumbo-menu-button.bajar_btn{
    top: 1px;
}*/


/* BG MENU */

body .jumbo-dot-overlay{
    background-color: #141a1e;
    background-image: none;
    opacity: 0.7;
}

body .jumbo-background-color{
    background: #141a1e url(images/bg_menu.jpg) no-repeat center;
    background-size: cover;
    opacity: 1;
}


/* logo menu */

.logo_menu{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    z-index: 999997;
    opacity: 0;
    visibility: hidden;

    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.logo_menu a{
    display: inline-block;
    padding: 13px 0 0 0;
}

.logo_menu a img{
    width: 228px;
}

.logo_menu .central-wrapper{
    width: auto;
    margin-left: auto;
    margin-right: auto;

    padding-left: 30px;
    padding-right: 25px;
}

.open-menux .logo_menu{
    opacity: 1;
    visibility: visible;
}


/* nav-icon-1 */
.nav-icon-1{
  width: 30px;
  height: 30px;
  position: relative;
  transition: .1s;
  margin: 10px 10px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.nav-icon-1 span{
  width: 5px;
  height: 5px;
  background-color: #fff;
  display: block;
  border-radius: 50%;
  position: absolute;
}

/*.jumbo-menu-button:hover .nav-icon-1 span{
  transform: scale(1.2);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}*/

.nav-icon-1 span:nth-child(1){
  left: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(2){
  left: 12px;
  top: 0;
}
.nav-icon-1 span:nth-child(3){
  right: 0;
  top: 0;
}
.nav-icon-1 span:nth-child(4){
  left: 0;
  top: 12px;
}
.nav-icon-1 span:nth-child(5){
  position: absolute;
  left: 12px;
  top: 12px;
}
.nav-icon-1 span:nth-child(6){
  right: 0px;
  top: 12px;
}
.nav-icon-1 span:nth-child(7){
  left: 0px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(8){
  position: absolute;
  left: 12px;
  bottom: 0px;
}
.nav-icon-1 span:nth-child(9){
  right: 0px;
  bottom: 0px;
}

.jumbo-menu-button-active .nav-icon-1{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);
}

.jumbo-menu-button-active .nav-icon-1 span{
  border-radius: 50%;
  transition-delay: 200ms;
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);
}

.jumbo-menu-button-active .nav-icon-1 span:nth-child(2) {
  left: 6px;
  top: 6px;
}
.jumbo-menu-button-active .nav-icon-1 span:nth-child(4) {
  left: 6px;
  top: 18px;
}
.jumbo-menu-button-active .nav-icon-1 span:nth-child(6) {
  right: 6px;
  top: 6px;
}
.jumbo-menu-button-active .nav-icon-1 span:nth-child(8) {
  left: 18px;
  bottom: 6px;
}




/*  H O M E  */




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

.titulos_home h1{
    /*display: inline-block;*/
    margin: 0 0 20px 0!important;
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.titulos_home h1:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 4px;
    margin: -8px 0 0 20px;
    background-color: #1d398d;
   /* position: absolute;
    top: 2px;
    right: -50%;*/
    z-index: -1;
}

.titulos_home p{
    margin: 0 0 0 0!important;
    line-height: 29px;
}

.text_right{
    text-align: right;
}




/* - - - - F O O T E R - - - -  */


.form_info_footer{
    padding: 50px 0 50px 0;
    background-color: #f6f7f9;
}

.info_left{
    float: left;
    width: 50%;
}

.info_right{
    float: left;
    width: 50%;
    padding: 70px 0 0 50px;
}

.form_info_footer{

}

.form_info_footer span{
    display: block;
    margin: 20px 0 20px 0;
    font-size: 24px;
}

.form_info_footer span a{
    display: block;
    color: #000;
    line-height: 31px;
}

.form_info_footer img{
    margin-top: 0px;

}


/* FORMULARIO */


body .nf-form-cont{
    margin: 0px 0 0 0;
}

body .nf-form-content{
    padding: 0 0 0 0;
}

body .nf-form-fields-required,
body .nf-error .nf-error-msg,
body .nf-form-title,
body .nf-error.field-wrap .nf-field-element:after,
body .nf-pass.field-wrap .nf-field-element:after{
    display: none;
}

body .nf-field-container {
    margin-bottom: 10px;
}

body .nf-form-content .list-select-wrap .nf-field-element>div,
body .nf-form-content input:not([type=button]),
body .nf-form-content textarea,
body .nf-form-content .listselect-wrap .nf-field-element div,
body .nf-form-content .ninja-forms-field,
body .nf-form-content .list-select-wrap select{
    height: 50px;
    padding: 0 20px 0 20px;
    color: #000;
    background-color: #fff;
    border: solid 1px #8f8f8f;
    border-radius: 3px;
    font-size: 18px;
    font-family: 'gilroy_regular';
    letter-spacing: 0px;
}

body .nf-form-content textarea.ninja-forms-field {
    padding-top: 20px;
    height: 90px;
}

/*checkbox*/

body .listcheckbox-container.label-above .nf-field-label label{
    font-weight: normal;
    font-family: 'gilroy_bold';
}

body .listcheckbox-container.label-above .nf-field-label label span{
    display: none!important;
}

body .nf-form-content .listcheckbox-wrap li{
    display: inline-block;
    vertical-align: top;
    margin: 8px 8px 8px 8px !important;
}

body .list-checkbox-wrap .nf-field-element ul{
    margin: -8px -8px -8px -8px!important;
}

body .nf-form-content .listcheckbox-wrap li label {
    font-size: 18px;
    line-height: 24px;
    padding: 1px 0 0 0px;
    cursor: pointer;
}

body .listcheckbox-wrap .nf-field-element label:after{
    width: 20px;
    height: 20px;
}

/* fin checkbox*/

.footer .terminos_condiciones .nf-field-element{
    margin: 18px 0 14px 0;
    font-size: 18px;
    color: #000000;
}

.footer .terminos_condiciones p{
    margin: 0px 0 0 0;
    font-size: 18px;
    color: #000!important;
}

.footer .terminos_condiciones .nf-field-element a{
    color: #000;
    text-decoration: underline;
    font-family: 'gilroy_semibold';
}

.nf-form-content input[type=button].btn_enviar{
    width: 100%;
    height: 50px;
    margin: 18px 0 0 0;
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 17px;
    letter-spacing: 4px;
    font-family: 'gilroy_medium';
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer;
}

body .nf-form-content input[type=button].btn_enviar:hover{
    background-color: #0c1f57;
    color: #fff;
}


.nf-error-msg{
    font-size: 16px;
    letter-spacing: 0px;
}





/* - - -  R  E  D  E  S    S  O  C  I  A  L  E  S - - - */



.redes_sociales{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.redes_sociales a{
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 10px 8px 10px 8px;
    padding: 26px 40px 38px 40px;

    background-color: #f2f2f2;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    text-align: left;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.redes_sociales a:hover{
    border: solid 1px #bfbfbf;
}

.redes_sociales a:hover img{
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.redes_sociales a img{
    margin: 0 0 20px 0;
}

.redes_sociales a h3{
    margin: 0 0 0 0;
    text-transform: initial;
    font-size: 26px;
    font-family: 'gilroy_medium';
    letter-spacing: 0.8px;
    text-decoration: underline;
}

.redes_content{
    margin: 0 -20px 0 -20px;
}

@-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
} 


/* - - -  N  O  S  O  T  R  O  S - - - */


.nosotros_enlaces{
    padding-top: 60px;
    padding-bottom: 70px;
    background-color: #f2f2f2;
    text-align: center;
    border-bottom: solid 2px #fff;
}

.nosotros_enlaces a{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    height: 162px;
    margin: 10px 13px 10px 13px;
    padding: 0px;

    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    position: relative;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 19%);

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.nosotros_enlaces a:hover{
    box-shadow: 0 6px 25px 0 rgb(0 0 0 / 27%);
}

.nosotros_enlaces a:hover .txt_enlace span{
    padding-right: 40px;
    margin-left: 10px;
}

.nosotros_content{
    margin: 0 -38px 0 -38px;
}

.nosotros_enlaces a.catelogo_link .img_enlace{
    background: rgb(0,228,105);
    background: linear-gradient(180deg, rgba(0,228,105,1) 0%, rgba(0,181,47,1) 100%);
}

.img_enlace{
    width: 122px;
    height: 100%;
    text-align: center;
    line-height: 150px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
}

.img_enlace img{
    vertical-align: middle;
}

.txt_enlace{
    margin: 35px 0 0 160px;
    position: relative;
}

.txt_enlace h3{
    margin: 0 0 0 0;
    text-transform: initial;
    font-size: 26px;
    line-height: 28px;
}

.txt_enlace span{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0px 10px 2px 0;
    font-size: 20px;
    line-height: 23px;
    font-family: 'gilroy_regularita';
    text-decoration: underline;
    position: absolute;
    bottom: -52px;
    left: 0px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.txt_enlace span svg{
    vertical-align: middle;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 0 0 8px;  
}

/*.txt_enlace span svg path{
    fill: #0550cd;
}
*/

.nosotros_enlaces a:hover .img_enlace img{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.fadeInDown {
  
  }

  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 



/* - - - E  N  T  R  A  D  A  S - - -  */



.posts_ultimos{
    padding-top: 55px;
    padding-bottom: 30px;
    text-align: center;
}


.entradas_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: start;

    border-radius: 10px;
}

.video_embed {
    width: 100%;
    height: 545px;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.video_embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.video_tiktok {
    overflow: hidden;
}

.video_tiktok .tiktok-embed {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    border: 0 !important;
}

.video_tiktok .tiktok-embed iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
}

@media (max-width: 900px) {

    .entradas_content {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .entradas_content {
        grid-template-columns: 1fr;
    }

    .video_embed {
        height: 545px;
        max-width: 325px;
        margin: 0 auto;
    }

}




/* - - - U  B  I  C  A  C  I  O  N  E  S - - - */



.ubicaciones_direcciones{
    padding-top: 65px;
    padding-bottom: 65px;
    text-align: center;
    background-color: #f2f2f2;
}

.ubicaciones_direcciones h2{
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 28px;
    font-family: 'gilroy_bolditalic';
    text-transform: initial;
}

.ubicaciones_content{

}


/* tabs */


.tab {
    padding: 5px 0 30px 0;
    text-align: center;
}

.tab button {
    display: inline-block;
    width: 19%;
    height: 65px;
    vertical-align: top;
    margin: 0 5px 0 5px;
    padding: 0px 15px 0px 62px;
    background-color: #fff;
    background-image: url(images/icon_tab.png);
    background-repeat: no-repeat;
    background-position: 24px center;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    font-family: 'gilroy_medium';
    text-align: left;
    transition: 0.3s;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 7%);
}

.tab button span{
    display: block;
    margin: -2px 0 0 0;
    line-height: 20px;
}

.tab button:hover {
    background-color: #cbcbd3;
}

.tab button.active {
    background-image: url(images/active_tab.png);
    color: #fff;
}

/* tab content */

.tabcontent {
    display: none;
    margin: 0 0 0 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 19%);
    border: solid 5px #fff;
    border-radius: 10px;
    position: relative;
    animation: fadeEffect 1s;
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.tabcontent iframe{
    width: 100%!important;
    height: 490px!important;
}

/* datos flotantes*/

.datos_contactos{
    width: 404px;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 19%);
    border: solid 3px #fff;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 30px;
    z-index: 10;
}

.header_contact{
    display: flex;
    align-items: center;
    justify-content: center;

    height: 72px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    background-color: #0c0c0c;
}

.header_contact h4{
    font-size: 23px;
    line-height: 23px;
    color: #fff;
    font-family: 'gilroy_bold';
    text-transform: initial;
}

.datos_content{
    margin: 0 0 0 0;
    padding: 25px 20px 30px 25px;
}

.datos_content span{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 0 10px 40px;
    font-size: 19px;
    line-height: 24px;
    font-family: 'gilroy_regular';
    position: relative;
}

.datos_content span a{
    text-decoration: underline;
}

.datos_content span svg{
    width: 29px;
    height: 29px;
    position: absolute;
    top: 8px;
    left: 0px;
}



/*.datos_content span.fono_datos{
    background: url(images/icon_telefono.png) no-repeat 0px 10px;
}

.datos_content span.email_datos{
    background: url(images/icon_email.png) no-repeat 0px 12px;
}

.datos_content span.dire_datos{
    background: url(images/icon_direccion.png) no-repeat 0px 10px;
}
*/

/* - - T E S T I M O N I A L E S - - */



.testmoniales_ultimos{
    padding-top: 65px;
    padding-bottom: 65px;
    text-align: center;
    background-color: #FFF;
}

.testimonial_short_text blockquote{
    font-size: 15px !important;
    line-height: 22px;
    font-family: 'gilroy_medium';
}

body .aet-layout .group-field-content{
    line-height: 22px;
}


body .aet-layout-grid .testimonials-box li .testimonial_name span{
    font-weight: normal!important;
    font-family: 'gilroy_semibold';
}

.aet-layout-grid .testimonials-box li .testimonial_position span{
    font-size: 15px!important;
}

.testimonial_source.grid-container.sortable{
    font-family: 'gilroy_semibold';
}



/* - - F  O  O  T  E  R - - */



#footer_home{
    overflow: hidden;
}

#footer{
    margin: 0 0 0 0;
    padding: 100px 0 70px 0;
    overflow: hidden;
    position: relative;
}

.logo_footer{
    display: inline-block;
    margin: 30px 0 0 0;
}

.logo_footer img{
    width: 170px;
    height: auto;
}

.footer h1{
    margin: 0 0 20px 0;
    font-size: 36px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'gilroy_medium';
}

.footer p{
    font-size: 20px;
    line-height: 27px;
    color: #fff;
}

.footer_left{
    width: 35%;
    float: left;
}

.footer_right{
    width: 64%;
    float: right;
    padding: 0 0 0 50px;
}


/* Código QR */


.qr_yape_movil{
    display: none!important;
}


.codigo_qr{
    margin: 41px 0 10px 0;
    padding: 0 0 17px 0;
    border-bottom: solid 1px rgb(255 255 255 / 34%);
    position: relative;
}

.codigo_qr span{
    display: block;
    margin: 20px 0 0 0;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

.codigo_qr span strong{
    font-family: 'gilroy_semibold';
}



/* formulario */


.form-container {
    margin: 0 0 0 0;
    padding: 40px 70px 30px 70px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}


.copy{
  margin: 30px 0 0 0;
  font-size: 20px;
  color: #fff;
}

.copy a{
  color: #fff;
  text-decoration: underline;
}



/* BANCOS */ 

.bancos_content{
    margin: 0 0 0 0;
}

.bancos_content ul{
    list-style:none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.bancos_content li{
    margin: 0 0 5px 0;
    padding: 3px 0 9px 83px;
    color: #fff;
    font-size: 17px;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 70px auto;
}

.bancos_content li.bcp{
    background-image:url(images/bcp.png)
}

.bancos_content li.interbank{
    background-image:url(images/interbank.png)
}

.bancos_content li.bbva{
    background-image:url(images/bbva.png)
}

.bancos_content li.scotiabank{
    background-image:url(images/scotiabank.png)
}

.bancos_content li.banco_nacion{
    background-image:url(images/banco_nacion.png)
}



/* - - - I  N  T  E  R  N  A  S    E  X  -  F  L  O  T  A  N  T  E S - - - */


.page-template-default{

}

.page-template-default #main .central-wrapper{
    width: 1260px;
}

.page-template-default.page #main h1{
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 30px;
}
.page-template-default.page #main h2{
    margin-bottom: 15px;
    font-size: 26px;
}
.page-template-default.page #main h3{
    margin-bottom: 15px;
    font-size: 23px;
    font-family: 'gilroy_medium';
}
.page-template-default.page #main h4{
    margin-bottom: 15px;
    font-size: 21px;
    font-family: 'gilroy_medium';
}
.page-template-default.page #main h5{
    margin-bottom: 15px;
    font-size: 19px;
    font-family: 'gilroy_medium';
}
.page-template-default.page #main h6{
    margin-bottom: 15px;
    font-size: 18px;
    font-family: 'gilroy_medium';
}


.page-template-default.page #main h2 strong,
.page-template-default.page #main h3 strong,
.page-template-default.page #main h4 strong,
.page-template-default.page #main h5 strong,
.page-template-default.page #main h6 strong{
    font-family: 'gilroy_extrabold';
}


.page-template-default.page #main .wpb_text_column p{
    margin: 0 0 18px 0;
    font-size: 18px;
    line-height: 31px;
}

.page-template-default.page #main .wpb_text_column p:last-child{
    margin: 0 0 0px 0;
}

.page-template-default.page #footer{
    margin-top: 60px;
}

.page-template-default.page #main .image.wrap-box{
    margin-bottom: 0px;
}


.page-template-default.page.woocommerce-js #footer{
    margin-top: 0px;
}


/* mision vision  */


section.mision_vision{
    margin-top: 50px;
    margin-bottom: 30px;
    background-color: #f2f4f7;
    border-radius: 10px;
}

section.mision_vision .wpb_text_column {
    padding-top: 15px;
    padding-bottom: 15px;
}

section.mision_vision .padding_vision{
    padding: 25px 10px 25px 40px;
}

section.mision_vision .image.wrap-box.below{
    margin: 0 0px 0 15px;
}


/* elegirnos  */


section.porque_elegirnos{
    padding-top: 30px;
    padding-bottom: 40px;
}

.items_elegirnos{
    margin-top: 10px;
}

.items_elegirnos .wpb_text_column {
    margin: -36px 0 0 0;
    padding: 20px 20px 20px 15px;
    background: #fff;
    border-radius: 10px;
    background-color: #f2f4f7;
    position: relative;
    z-index: 1;
/*  box-shadow: 0 11px 20px 0 rgb(142 154 165 / 18%);*/
}

section.porque_elegirnos .wpb_text_column h4{
    line-height: 21px;
    text-transform: initial;
    letter-spacing: -0.3px;
}

.page-template-default.page #main section.porque_elegirnos .wpb_text_column p{
    padding: 0 0 0 34px;
    font-size: 16px;
    line-height: 26px;
}

.page-template-default.page #main section.porque_elegirnos .image.wrap-box {
    margin-bottom: 20px;
}

.page-template-default.page #main section.porque_elegirnos .wrap-box.style-5 .shadow-wrap{
    padding: 9px;
}


/* valores  */


section.valores_seccion{
    margin-top: 50px;
    margin-bottom: 50px
}

section.valores_seccion .divider{
    padding: 10px 0 0;
    margin: 0 0 10px;
}

section.valores_seccion .vc_col-sm-8 .vc_column-inner .wpb_wrapper{
    padding: 25px 50px 34px 50px;
}

section.valores_seccion .vc_col-sm-8 .vc_column-inner .wpb_wrapper .wpb_wrapper{
    padding: 0;
}

.page-template-default.page #main section.valores_seccion h6{
    font-size: 17px;
    line-height: 18px;
    color: #fff;
}

.page-template-default.page #main section.valores_seccion .vc_col-sm-8 .wpb_text_column p{
    color: #fff;
}

.page-template-default.page #main section.valores_seccion .wpb_text_column p{
    font-size: 16px;
    line-height: 25px;
}



/* - - - C l i e n t e s   N o s o t r o s  - -  */



.clientes_nosotros{
    margin-bottom: 60px;
}


/* - - - S E R V I C I O S  I N T E R I O R - - - */


.servicios_content{
    
}

.item_svc{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f2f4f7;
}

.item_svc .txt_item_svc{
    position: relative;
    z-index: 2;
}
.item_svc .txt_item_svc .wpb_wrapper{
    background: #fff;
    border-radius: 10px;
    padding: 30px 40px 25px 40px;
    margin: 0 -60px 0 0;
    box-shadow: 0 11px 20px 0 rgb(142 154 165 / 18%);
}


.item_svc .txt_item_svc.item_svc_right .wpb_wrapper{
    margin: 0 0 0 -60px;
}

.item_svc .txt_item_svc .wpb_wrapper .wpb_wrapper{
    padding: 0!important;
    margin: 0!important;
    box-shadow: 0 0 0 0 transparent!important;
}

.page-template-default.page #main .item_svc .txt_item_svc .wpb_text_column p{
    margin: 0 0 10px 0;
    font-size: 17px;
    line-height: 27px;
}

.page-template-default.page #main .item_svc .txt_item_svc a.button {
    margin-top: 20px;
}

.page-template-default.page #main a.button{
    margin-top: 35px;
}

.page-template-default.page #main .item_svc h2{
    font-size: 21px;
    line-height: 21px;
    font-family: 'gilroy_bold';
}

.page-template-default.page #main .item_svc ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.page-template-default.page #main .item_svc li{
    margin: 0 0 0 0;
    padding: 0 0 0 24px;
    font-size: 17px;
    line-height: 25px;
    position: relative;
}

.page-template-default.page #main .item_svc li:before {
    content: "\f046";
    width: 18px;
    height: 18px;
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 1px;
    left: 0px;
}

.vc-hoverbox-block{
    border: solid 6px #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 19%);
}

.vbox-figlio{
    background-color: #fff!important;
}

body .vbox-overlay{
    background: rgb(0 0 0 / 68%) !important;
}

.vc-hoverbox-wrapper.vc-hoverbox-align--center{
    cursor: pointer;
}

.vc-hoverbox-block-inner.vc-hoverbox-front-inner{
    background: rgb(0 0 0 / 53%);
}

.vc-hoverbox-block-inner.vc-hoverbox-front-inner h2{
    margin: 0 0 0 0;
    color: #fff;
    font-family: 'gilroy_semibold';
    font-size: 20px;
}

.vc-hoverbox-block-inner.vc-hoverbox-back-inner h2{
    margin: 0 0 10px 0;
    font-size: 20px;
    font-family: 'gilroy_semibold';
}

.page-template-default.page .vc-hoverbox-block-inner.vc-hoverbox-back-inner p{
    font-size: 17px;
    line-height: 20px;
}

.align_center{
    text-align: center;
}



/* - - - P R O D U C T O S - - - */



/* productos seccion */



.productos_content{

}

.listado_productos{
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #f2f4f7;
}

.listado_productos .vc_col-sm-3{
    margin-bottom: 20px;
}


/* productos destacados home  */



.prod_home_destacados{
    padding-top: 55px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #fcfdfd;
}

body .wpb-woo-products-slider.woocommerce .wpb-wps-slider-item span.onsale,
body .onsale{
    display: none!important;
}

body .wpb_slider_area figure{
    margin: 15px 10px 20px 10px;
    background: #fff;
    box-shadow: 0 11px 20px 0 rgb(142 154 165 / 18%);
    border-radius: 10px;
}

body .grid_no_animation a.wpb_pro_img_url{
    padding: 10px;
    border-bottom: solid 1px #e3e5e7;
    border-radius: 10px;
}

body .wpb-woo-products-slider .wpb-wps-slider-item img{
    border-radius: 10px;
}

body .grid_no_animation figcaption{
    margin: 0;
    padding: 15px 20px 20px 20px;
    text-align: left;
    background: transparent;
}

body .grid_no_animation figcaption h3.pro_title{
    height: 40px;
    margin: 0 0 0 0;
    font-size: 18px;
    line-height: 20px;
    font-family: 'gilroy_medium';
    text-transform: initial;
    overflow: hidden;
}

body .grid_no_animation figcaption .pro_price_area,
.pro_price_area{
    text-align: left;
    margin: 15px 0px 0 0px;
    font-size: 20px;
    line-height: 20px;
    font-family: 'gilroy_bold';
    font-weight: normal;
    color: #000;
    text-decoration: none!important;
}

.pro_price_area{
    margin: 15px 20px 0 20px;
}

body .grid_no_animation figcaption .pro_price_area ins,
.pro_price_area ins{
    text-decoration: none;
}

body .grid_no_animation figcaption .pro_price_area del,
.pro_price_area del{
    margin: 0 10px 0 0;
    font-size: 15px!important;
     font-family: 'gilroy_regular'!important;
}

body .grid_no_animation figcaption a.button.btn_wsp,
body .portfolio ul.thumbs.products li figure .btn_accion a.button{
    display: block;
    height: 45px;
    margin: 20px 0 0 0;
    padding: 0;
    background: transparent!important;
    color: #494a4d!important;
    font-size: 14px;
    line-height: 45px;
    letter-spacing: 0.5px;
    font-family: 'gilroy_semibold';
    border-radius: 100px;
    border: solid 1px #25aa25;
}

body .grid_no_animation figcaption a.button.btn_wsp i,
body .portfolio ul.thumbs.products li figure .btn_accion a.button i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -4px 0px 0 13px;
    background: url(images/btn_wspx.png) no-repeat center;
}

body .grid_no_animation figcaption a.button.btn_wsp i:before,
body .portfolio ul.thumbs.products li figure .btn_accion a.button i:before{
    display: none!important;
}

body .grid_no_animation figcaption a.button.btn_wsp:hover,
body .portfolio ul.thumbs.products li figure .btn_accion a.button:hover{
    color: #fff!important;
    background: #25aa25!important;
}

body .grid_no_animation figcaption a.button.btn_wsp:hover i,
body .portfolio ul.thumbs.products li figure .btn_accion a.button:hover i{
    background: url(images/icon_wspx.png) no-repeat center;
}

body .wpb_slider_area .owl-theme .owl-nav{
    position: initial!important;
}

body .wpb_slider_area .owl-theme .owl-nav button i{
    display: none!important;
}

body .wpb-woo-products-slider.owl-theme .owl-nav button.owl-prev,
body .wpb-woo-products-slider.owl-theme .owl-nav button.owl-next{
    display: block;
    width: 17px;
    height: 66px;
    padding: 0;
    margin: 0!important;

    font-size: 0;
    line-height: 0;
    border: none;
    position: absolute;
    top: 50%;

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

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

body .wpb-woo-products-slider.owl-theme .owl-nav button.owl-prev{
    background: url(images/arrow_prev.png) no-repeat center !important;
    left: -18px !important;
}

body .wpb-woo-products-slider.owl-theme .owl-nav button.owl-next{
    background: url(images/arrow_next.png) no-repeat center !important;
    right: -18px !important;
}


.prod_home_destacados a.btn{
    margin: 40px 0 0 0;
}



/* P R O D U C T O S  S E C C I O N  */



body .portfolio .galleriffic ul.thumbs.products{
    margin: 0 -13px 0 -13px;
}

body .portfolio .galleriffic ul.thumbs.products li,
body .related-products.block.portfolio ul.thumbs li{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 20px;
    font-family: 'gilroy_medium';
    text-transform: initial;
    border: none;
}

body .portfolio .galleriffic ul.thumbs.products li figure,
body .related-products.block.portfolio ul.thumbs li figure{
    margin: 15px 10px 20px 10px;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 11px 20px 0 rgb(142 154 165 / 18%);
    border-radius: 10px;
}

body .portfolio ul.thumbs.products li figure .image,
body .related-products.block.portfolio ul.thumbs li figure .image{
    padding: 10px;
    border-bottom: solid 1px #e3e5e7;
    border-radius: 10px;
}

body .portfolio ul.thumbs.products li figure h3,
body .related-products.block.portfolio ul.thumbs li figure h3{
    height: 40px;
    margin: 15px 20px 0 20px!important;
    font-size: 18px!important;
    line-height: 20px!important;
    font-family: 'gilroy_medium'!important;
    text-transform: initial;
    text-align: left!important;
    overflow: hidden;
    white-space: initial;
}

body .portfolio ul.thumbs.products li figure .btn_accion a.button,
body .related-products.block.portfolio ul.thumbs li figure .btn_accion a.button{
    margin: 20px 20px 0 20px!important;
}


/* - - -  D E T A L L E   D E   P R O D U C T O - - -  */


.single-product,
.single-product #page{
    background-color: #f2f4f7;
}

.single-product .page-title-block{
    display: none!important;
}

.single-product #main{
    padding: 100px 0 0;
}


/*breadcrumb*/


.breadcrumb_top{
    margin-bottom: 15px;
}

.breadcrumb_top nav{
    display: inline-block;
}

.breadcrumb_top,
.breadcrumb_top a{
    font-size: 15px;
    color: #333;
}

.breadcrumb_top i{
    font-size: 15px;
    margin-left: 8px;
    margin-right: 8px;
}

.breadcrumb_top i.fa.fa-home{
    width: 19px;
    height: 18px;
    margin: 0px 0px -1px 0;
    background: url(images/icon_home.png) no-repeat;
}

.breadcrumb_top i.fa.fa-home:before{
    display: none;
}

.breadcrumb_top .iniciox{
    display: inline-block;
    color: #0076e4;
}


/* fin breadcrumb */


.detalle_prod_content.clearfix {
    padding: 0px 70px 0 70px;
}

.detalle_content{
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.detalle_content .gallery .container{
    padding: 30px 0px 0px 25px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

body .product-right-block{
    padding-right: 0;
}

.one_half.last.product-left-block{
    margin: 0 0 0 0px;
    padding: 40px 40px 20px 30px;
}

.one_half.last.product-left-block h2{
    font-size: 30px;
    line-height: 38px;
    font-family: 'gilroy_bold';
}

.codigo_detalle p{
    margin: 10px 0 0px 0;
    font-family: 'gilroy_medium';
    font-size: 15px;
    line-height: 18px;
    color: #1a1a1ab3;
}

.one_half.last.product-left-block .pro_price_area{
    margin: 11px 0px 0px 0px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
}

.content_detalle{
    margin: 15px 0 25px 0;
}

.content_detalle p{
    margin: 0 0 20px 0!important;
    font-size: 18px;
    line-height: 27px;
}

.content_detalle h1,
.content_detalle h2,
.content_detalle h3,
.content_detalle h4,
.content_detalle h5,
.content_detalle h6{
    font-size: 18px;
    line-height: 20px;
    font-family: 'gilroy_medium';
}

.content_detalle p:last-child{
    margin: 0 0 0px 0!important;
}

.cotizacion_prod{
    margin: 20px 0 0 0;
    padding: 15px 20px 24px 20px;
    border: solid 1px #e3e3e3;
    background-color: #f2f4f7;
    border-radius: 10px;
}

.cotizacion_prod h5 {
    margin: 0 0 10px 0px;
    font-size: 18px;
    font-family: 'gilroy_medium';
}


/* boton email */


body .cotizacion_prod a.btn_emailx{
    display: block;
    height: 45px;
    margin: 0px 0 10px 0;
    padding: 0;
    font-size: 17px;
    line-height: 43px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'gilroy_medium';
    text-align: center;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

body .cotizacion_prod a.btn_emailx i {
    float: initial;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -3px 0px 0 10px;
    background: url(images/icon_sendx.png) no-repeat center;
}


/* boton whatssap */

body .cotizacion_prod a.btn_wsp{
    display: block;
    height: 45px;
    margin: 0px 0 0 0;
    padding: 0;
    font-size: 17px;
    line-height: 43px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'gilroy_medium';
    text-align: center;
    background: #25aa25!important;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

body .cotizacion_prod a.btn_wsp i {
    float: initial;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -3px 0px 0 10px;
    background: url(images/icon_wspx.png) no-repeat center;
}

.cotizacion_prod a.button i:before{
    display: none;
}


/* compartir producto  */


.compartir_producto{
    margin: 20px 0px 20px 25px;
    padding: 10px 20px 10px 20px;
    background: #f2f4f7;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
}

.compartir_producto span{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.compartir_producto a{
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin: 0 5px 0 5px;
    color: #fff;
    line-height: 35px;
    text-align: center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.compartir_producto a:hover{
    background: linear-gradient(180deg, rgba(89, 161, 27, 1) 0%, rgba(76, 140, 23, 1) 100%);
}

.ico_whatsapp {
    background-color: #16b652;
    font-size: 26px;
}

.ico_facebook {
    background-color: #3b5998;
    font-size: 22px;
}

.ico_twiter {
    background-color: #3aa0ed;
    font-size: 23px;
}

.ico_email {
    background-color: #32506d;
    font-size: 18px;
}

.ico_link {
    background-color: #125688;
    font-size: 21px;
}



/* P R O D U C T O S   R E L A C I O N A D O S  */


.related-products.block.portfolio h1{
    font-size: 24px!important;
    text-align: center;
}


/* - - - S E R V I C I O   I N T E R N A - - -  */


.nuevos_servicios{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f2f4f7;
}

.svclist{
    margin: 0 -10px 0 -10px !important;
    text-align: center;
}

.svclist p{
    display: none;
    margin: 0!important;
}

.svclist li{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.svclist li figure{
    margin: 0 10px 20px 10px;
    overflow: hidden;
}

.svclist li figure a{
    display: block;
    position: relative;
}

.svclist li figure a:after{
    content: "";
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(0deg,rgba(36, 72, 76, 1) 0%, rgba(36, 72, 76, 0) 100%);
    z-index: 1;
    pointer-events: none;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.img_svx{
    position: relative;
    background-color: #011324;
}

.img_svx img{
    opacity: 0.8;
}

.content_svx{
    width: 100%;
    padding: 10px 15px 15px 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.content_svx h2{
    margin: 0 0 35px 0;
    font-size: 20px!important;
    line-height: 25px;
    color: #fff;
    font-family: 'gilroy_bold';
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 4px 8px rgba(0,0,0,0.35);
}

.content_svx h2 strong{
    display: none;
}

.content_svx h5{
    margin: 0;
}

.content_svx h2 span{
    display: inline-block;
    position: relative;
}


.svclist li figure:hover a:after{
    height: 100%;
    background-color: #141a21;
    background-image: none;
    opacity: 0.7;
}

.svclist li figure:hover .content_svx{
    bottom: 20%;
}


.svclist li figure .btn{
    width: 70%;
    height: 45px;
    padding: 0 0 0 0;
    font-size: 15px;
    line-height: 45px;
}




/* D E T A L L E   D E L   S E R V I C I O  */



.single-codeus_news,
.single-codeus_news #page {
    background-color: #f2f4f7;
}

.single-codeus_news #main {
    padding: 100px 0 0;
}

.single-codeus_news #main .central-wrapper{
    padding: 0px 70px 0 70px;
}

.single-codeus_news .page-title-block{
    display: none;
}

.single-codeus_news .post-tags-block,
.single-codeus_news .post-posts-links{
    display: none;
}

.codeus_news{
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.single-codeus_news .post-image{
    float: left;
    width: 50%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.single-codeus_news .image.wrap-box{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.single-codeus_news .content_detalle_txt{
    float: right;
    width: 50%;
    margin: 0 0 0 0;
    padding: 30px 40px 20px 40px;
}

.single-codeus_news .content_detalle_txt h2{
    margin: 0px 0px 15px 0px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
    font-size: 30px!important;
    line-height: 38px!important;
    font-family: 'gilroy_bold'!important;
}

.single-codeus_news .content_detalle_txt p{
    margin: 0 0 20px 0 !important;
    font-size: 18px;
    line-height: 27px;
}


.single-codeus_news .content_detalle_txt ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.single-codeus_news .content_detalle_txt li{
    margin: 0 0 0 0;
    padding: 0 0 0 24px;
    font-size: 17px;
    line-height: 25px;
    position: relative;
}

.single-codeus_news .content_detalle_txt li:before {
    content: "\f046";
    width: 18px;
    height: 18px;
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #000;
    position: absolute;
    top: 1px;
    left: 0px;
}

.single-codeus_news .content_detalle_txt h1,
.single-codeus_news .content_detalle_txt h2,
.single-codeus_news .content_detalle_txt h3,
.single-codeus_news .content_detalle_txt h4,
.single-codeus_news .content_detalle_txt h5,
.single-codeus_news .content_detalle_txt h6{
    font-size: 18px;
    line-height: 20px;
    font-family: 'gilroy_medium';
}

.single-codeus_news .content_detalle_txt p:last-child{
    margin: 0 0 0px 0!important;
}




/* - - w h a t s a p p - - */



.wa__btn_popup .wa__btn_popup_txt{
    width: 137px;
    font-size: 13px;
    padding: 5px 12px 5px 12px;
    line-height: 21px;
    letter-spacing: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 24%);
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_intro{
    font-size: 13px;
    line-height: 16px;
}

.wa__popup_chat_box .wa__popup_notice {
    font-size: 13px;
}

.wa__btn_popup{
    right: 30px!important;
    bottom: 30px!important;
    left: auto!important;
    top: auto!important;
}

.wa__popup_chat_box{
     left: auto!important;
    top: auto!important;
}



/* Yape Flotante*/


#yape,
#yape_movil{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.btn_yape{
    width: 56px;
    height: 56px;
    background: #6f217e url(images/icon_yape.png) no-repeat center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    position: fixed;
    right: 20px!important;
    bottom: 88px!important;
    left: auto !important;
    top: auto !important;
    cursor: pointer;
    font-family: 'gilroy_regular';
    z-index: 999999999;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 24%);
}

.btn_yape a{
    display: block;
    width: 56px;
    height: 56px;
}


/* - - - R E S E R V A - - - */


.btn_reserva{
    width: 56px;
    height: 56px;
    background: #bccf02 url(images/icon_reserva.png) no-repeat center;
    background-size: 70% auto;
    border-radius: 50%;

    position: fixed;
    right: 30px!important;
    bottom: 95px!important;
    left: auto !important;
    top: auto !important;
    
    cursor: pointer;
    font-family: 'gilroy_regular';
    z-index: 999999999;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 24%);
}

.btn_reserva span{
    right: 100%;
    margin-right: 7px;
    padding: 5px 12px 5px 12px;
    font-size: 13px;
    line-height: 21px;
    color: #43474e;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 24%);
    position: absolute;
    top: 15px;

}


/* F O R M U L A R I O   R E S E R V A  */


.white-popup h4{
    margin: 0 0 5px 0;
    font-size: 22px;
    font-family: 'gilroy_bold';
}

.white-popup .nf-form-content input[type=button]{
    margin: 20px 0 0 0;
    padding: 0 40px 0 40px;
    border-radius: 100px;
    color: #fff;
    font-size: 17px;
    letter-spacing: 4px;
    font-family: 'gilroy_medium';
    text-transform: uppercase;
    cursor: pointer;
}

.white-popup .nf-form-content input[type=button]:hover{
    color: #fff;
}

.white-popup .label_comoprefieres {
    margin: 10px 0 0 0;
}

.mfp-close{
    font-size: 38px;
}

.white-popup .html-wrap{
    margin: 0 0 10px 0;
}


/* - - F O R M U L A R I O   T E S T I M O N I O - - */


body.page-template-page_contact,
body.page-template-page_contact #page{
    background-color: #f2f2f2;
}

body.page-template-page_contact #footer{
    display: none;
}

body.page-template-page_contact #main {
    padding: 100px 0 0 0;
}

.aet-form{
    max-width: 820px;
    margin: 0 auto 0 auto;
}

.aet-testimonial-panel-container{
    padding: 15px 25px 20px 25px;
}

.aet-form .aet-form-block {
    margin: 8px 0 6px 0;
    padding: 0 0 0 0;
}

.aet-form-field-size-medium input[type=text],
.aet-form-field-size-medium textarea{
    height: 45px;
    margin: 0 0 0 0;
    padding: 0 20px 0 20px;
    color: #000;
    background-color: #fff;
    border: solid 1px #8f8f8f;
    border-radius: 3px;
    font-size: 18px;
    font-family: 'gilroy_regular';
    letter-spacing: 0px;
}

.aet-form-field-size-medium textarea {
    height: 65px;
}

.aet-form-field-size-medium .aet-form-block-title{
    margin: 0 0 3px 0;
    font-size: 17px;
    line-height: 18px;
    font-family: 'gilroy_semibold';
}

body .aet-form-two input[type=button],
#aet-form-584 .aet-form-submit{
    height: 50px;
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 0px 45px 0px 45px;
    font-size: 17px;
    line-height: 50px;
    color: #fff!important;
    letter-spacing: 2px;
    font-family: 'gilroy_medium';
    text-transform: uppercase;
    text-align: center;
    border: solid 0px transparent!important;
    background-color: #0550cd!important;
    font-weight: normal;
    border-radius: 100px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

body .aet-form-two input[type=button]:hover{
    opacity: 0.9;
    color: #fff!important;
}

body .aet-form-block.aet-form-block-rating .aet-form-block-title{
    margin: 12px 0 0 0;
}

body .aet-form-block.aet-form-block-short_text {
    margin: 18px 0 0 0;
}

/*.js_active h1{
color: #ff0000!important;
}
*/




/* P R O D U C T O S   E M P R E S A   */



.carrusel_contenedor_product{

}

.carrusel_productos.slick-initialized.slick-slider{
    margin-top: -20px;
    margin-bottom: 10px;
}

.producto_tarjeta{
    margin: 15px 10px 20px 10px;
    background: #fff;
    box-shadow: 0 5px 11px 0 rgb(112 113 117 / 12%);
    border-radius: 10px;
}

.producto_imagen{
    padding: 10px;
    border-bottom: solid 1px #e3e5e7;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.producto_imagen img{
    display: inline-block;
    object-fit: contain;
    height: 229px;
}

.body_producto_item{
    padding: 15px 20px 20px 20px;
    text-align: left;
}

.body_producto_item h3{
    height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 20px;
    font-family: 'gilroy_medium';
    text-transform: initial;
    overflow: hidden;
}

.body_producto_item p.precio{
    display: block;
    margin: 15px 0px 0 0px;

    font-size: 20px;
    line-height: 20px;
    font-family: 'gilroy_bold';
    font-weight: normal;
    color: #000;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
}

body .btn_accion a.button.btn_wsp{
    display: block;
    height: 45px;
    margin: 20px 0 0 0;
    padding: 0;
    background: transparent!important;
    color: #494a4d!important;
    font-size: 14px;
    line-height: 45px;
    letter-spacing: 0.5px;
    font-family: 'gilroy_semibold';
    border-radius: 100px;
    border: solid 1px #25aa25;
}

body .btn_accion a.button.btn_wsp i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -4px 0px 0 13px;
    background: url(images/btn_wspx.png) no-repeat center;
}

body .btn_accion a.button.btn_wsp i:before{
    display: none!important;
}

body .btn_accion a.button.btn_wsp:hover{
    color: #fff!important;
    background: #25aa25!important;
}

body .btn_accion a.button.btn_wsp:hover i{
    background: url(images/icon_wspx.png) no-repeat center;
}


/* flechas carrousel */

body .slick-arrow{
    width: 17px;
    height: 66px;
    padding: 0;
    margin: 0 !important;
    font-size: 0;
    line-height: 0;
    border: none;
    border-radius: 0!important;
}

body .slick-arrow:before{
    display: none!important;
}

body .slick-arrow.slick-next{
    background: url(images/arrow_next.png) no-repeat center !important;
}

body .slick-arrow.slick-prev{
    background: url(images/arrow_prev.png) no-repeat center !important;
}


/* - - - S E R V I C I O S - - -   */


.servicios_home{
    padding-top: 45px;
    padding-bottom: 35px;
    text-align: center;
    background-color: #f7f7f7;
}

.carrousel_servicios{
    text-align: center;
}

.servicio_item_emp figure{
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    background-color: #ececec;
    color: #000000;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
}

.img_svc{
    margin: 0 2px 0px 2px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.img_svc img{
     border-radius: 10px;
}

.img_svc:before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.5;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.carrousel_servicios figure:hover .img_svc:before{
    background-color: #000;
    opacity: 0.7;
}

.servicio_item_emp figure .img_svc img{
    max-width: 100%;
    width: 100%;
    vertical-align: top;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.descripcion_svc{
    width: 100%;
    position: absolute;
    top: 60%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.descripcion_svc h4{
    width: 400px;
    margin: 10px auto 0 auto;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'gilroy_bold';
    letter-spacing: 0.5px;
}

.descripcion_svc p{
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.2px;
}

.descripcion_svc .btn_accion{
    display: inline-block;
    vertical-align: bottom;
    margin: 10px 0 -330px 0;
    padding: 0 20px 0 20px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.carrousel_servicios figure:hover .btn_accion{
    margin-bottom: 0px;
}

body .descripcion_svc .btn_accion a.button.btn_wsp{
    color: #fff!important;
}






.slick-dots{

}


body .slick-dots{
    bottom: -40px;
}

body .slick-dots li{
    width: 37px;
    height: 15px;
    vertical-align: middle;
    margin: 0 4px 0 4px;
}

body .slick-dots li button:before{
    display: none;
}

body .slick-dots li button{
    width: 37px;
    height: 14px;
    background-color: #cbd3d7;
    border-radius: 100px;
}

body .slick-dots li.slick-active button{
    background-color: #57575d;
}


/* F O R M U L A R I O   H T M L   */


.formulario-contacto-anuncio h3{
    margin: 0 0 10px 0;
    font-family: 'gilroy_bold';
    font-size: 20px;
    color: #3f3f3f;
}

.formulario-contacto-anuncio .campo-grupo{
    margin: 8px 0 8px 0;
}

.formulario-contacto-anuncio label{
    display: block;
    margin: 0 0 0 0;
    font-size: 18px;
    font-family: 'gilroy_regular';
}

.formulario-contacto-anuncio input[type="text"],
.formulario-contacto-anuncio input[type="password"],
.formulario-contacto-anuncio textarea,
.formulario-contacto-anuncio input[type="color"],
.formulario-contacto-anuncio input[type="date"],
.formulario-contacto-anuncio input[type="datetime"],
.formulario-contacto-anuncio input[type="datetime-local"],
.formulario-contacto-anuncio input[type="email"],
.formulario-contacto-anuncio input[type="number"],
.formulario-contacto-anuncio input[type="range"],
.formulario-contacto-anuncio input[type="search"],
.formulario-contacto-anuncio input[type="tel"],
.formulario-contacto-anuncio input[type="time"],
.formulario-contacto-anuncio input[type="url"],
.formulario-contacto-anuncio input[type="month"],
.formulario-contacto-anuncio input[type="week"]
{
    width: 100%;
    display: block;
    height: 50px;
    margin: 0;
    padding: 0 20px 0 20px;
    color: #000;
    background-color: #fff;
    border: solid 1px #8f8f8f;
    border-radius: 3px;
    font-size: 18px;
    font-family: 'gilroy_regular';
    letter-spacing: 0px;
}

body .formulario-contacto-anuncio textarea{
    padding-top: 20px;
    height: 90px;
}

body .formulario-contacto-anuncio button#btn-enviar-contacto{
    width: 100%;
    height: 50px;
    margin: 18px 0 0 0;
    padding: 10px;
    border: none;
    color: #fff;
    font-size: 17px;
    letter-spacing: 4px;
    font-family: 'gilroy_medium';
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer;
    transition: all .5s;
}



/* W H A T S S A P   F L O T A N T E   */



/* Contenedor principal */

.nt-wa-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* El botón circular */

.nt-wa-trigger {
    background-color: #25D366;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.nt-wa-trigger:hover {
    transform: scale(1.1);
}

.nt-wa-icon {
    width: 34px;
    height: 34px;
    display: block;
    fill: #fff;
}

/* Ventana emergente (Popup) */

.nt-wa-popup {
    position: absolute;
    bottom: 75px;
    right: 0;
    width: 320px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    overflow: hidden;
    display: none; /* Se controla por JS */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.nt-wa-popup.is-active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Encabezado del Popup */

.nt-wa-header {
    background-color: #095E54;
    color: #fff;
    padding: 15px 20px;
}

.nt-wa-header h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #fff;
    font-family: 'gilroy_bold';
}

.nt-wa-header p{
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    opacity: 0.8;
}

/* Cuerpo y Agente */

.nt-wa-body {
    padding: 15px; 
    background: #f9f9f9; 
    max-height: 350px; 
    overflow-y: auto; 
}

.nt-wa-agent {
    display: flex;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    border-left: 3px solid #25D366;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-bottom: 12px; /* Espacio con el agente de abajo */
}

.nt-wa-agent:last-child {
    margin-bottom: 0;
}

.nt-wa-agent:hover {
    background: #fafafa;
    text-decoration: none;
    color: #333;
}

/* Avatar y Estado En línea */

.nt-wa-avatar-container {
    position: relative;
    margin-right: 12px;
}

.nt-wa-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0px 2px 3px 1px #f1f1f1;
}

.nt-wa-status-dot {
    position: absolute;
    top: 34px;
    right: 2px;
    width: 10px;
    height: 10px;
    background-color: #4AD964;
    border: 2px solid #fff;
    border-radius: 50%;
}

/* Textos de información */

.nt-wa-info h5 {
    margin: 0 0 2px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}

.nt-wa-info > span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 17px;
    color: #888;
}

.nt-wa-bubble {
    margin: 0;
    padding: 6px 10px;
    background: #f0f0f0;
    border-radius: 0 8px 8px 8px;
    font-size: 12px;
    line-height: 15px;
    color: #555;
    position: relative;
}




/* - - - - D A T O S    H E A D E R - - -  */


.datos_empresa_top{
    display: inline-block;
    flex: 1;
}

.cont_datos_top{

}

.cont_datos_top span{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0 20px;
    padding: 5px 0px 5px 32px;

    color: #000;
    font-size: 17px;
    line-height: 19px;
    font-family: 'gilroy_medium';

    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 29px auto;
}


.ubicacion_topx {
    background-image: url(images/location_svg.svg);
}

.telefono_topx {
    background-image: url(images/phone_svg.svg);
}

.email_topx {
    background-image: url(images/mail_svg.svg);
}


.cont_datos_top span i{
    font-style: normal;
}