/*  
Theme Name: Responsive WordPress theme Child
Description: Responsive WordPress theme Child
Version: 1.0
Template: status 
*/

/* @header
********************************************************************************************
********************************************************************************************/

#header {
    padding: 15px 0;
}

#header.boxshadow {
    height: 70px !important;
}

.boxshadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header #nav li,
#header #main-nav li {
    /*transition: margin-top .5s ease-in-out; */
}

#header.boxshadow #nav li,
#header.boxshadow #main-nav li {
    margin-top: 0;
}

#header img.logo {
    max-height: 100%;
    transition: max-height .5s ease-in-out;
}

#header {
    box-sizing: border-box;
    height: 121px;
}

#header.boxshadow img.logo {
}

#header > .container,
#header > .container > a {
    display: block;
    height: 100%;
}

#header > .container > a {
    float: left;
}

/* Make accordion active tab yellow - override */
#content .shortcode-toggle:not(.closed) h4 a {
    background-color: #ffbf0d;
}

.shortcode-toggle.closed h4 a:hover {
    background-color: #ffbf0d;
}

#header .langs {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
}

#header .langs img {
    margin-left: .5em;
}

#header.boxshadow .langs {
    bottom: -1em;
}

/*
 * Yuzo related posts
 */
.yuzo_related_post {
    margin-top: 5em;
}

.WPSplash {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 1;
    transition: opacity .5s ease-in-out;
}

.WPSplash.fadeout {
    opacity: 0;
    z-index: -1;
}

.WPSplash p {

}

/*
 * Floating navigation on the right hand side
 */
.cstb-float-nav {
    width: 40px;
    position: fixed;
    z-index: 9;
    top: 17%;
    right: 0;
    z-index: 100;	
}

.cstb-float-nav a {
    color: inherit;
}

.cstb-float-nav img {
    display: block;
}

.cstb-float-nav__langs,
.cstb-float-nav__social,
.cstb-float-nav__contact {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.cstb-float-nav__langs {
    overflow: hidden;
}

.cstb-float-nav__social {
    background: #e7e7e7;
}

.cstb-float-nav__social img {
    padding: .25em;
    margin: .25em;
}

.cstb-float-nav__contact {
    font-size: 13px;
    line-height: 1.5;
    /*color: #444;*/
    background: #ffbf0d;
    position: absolute;
    width: 270px;
    right: -270px;
    padding: 10px 0 10px 40px;
    -webkit-transition: right .4s ease-in-out;
    -moz-transition: right .4s ease-in-out;
    -o-transition: right .4s ease-in-out;
    transition: right .4s ease-in-out;
}

.cstb-float-nav__contact:hover,
.cstb-float-nav__contact:active,
.cstb-float-nav__contact:focus {
    right: 0;
}

.cstb-float-nav__label {
    font-size: 1.3em;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: -10px;
    top: 26px;
}

/* End addition by Ciprian Tepes */

/* @the 1200px grid
********************************************************************************************
********************************************************************************************/

.container {
    max-width: 966px;
}

.container_alt {
    padding-top: 167px !important;
    margin-bottom: 8% !important;
}

#content, #sidebar {
    margin-top: 155px;
}

/* @core
********************************************************************************************
********************************************************************************************/
.home #main {
    margin-bottom: 4%;
}

.section {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center bottom;
}

.section .container {
    padding: 80px 0 82px;
    min-height: 228px;
}

.section > .container > p {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
}

.section > .container > h2,
.page h1,
.page h2 {
    letter-spacing: 0.5px;
    font-size: 48px;
    padding: 0 4px 12px 0;
    font-weight: normal;;
    text-transform: uppercase;
}

.section > .container > h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.page h1 {
    padding-bottom: 3px;
}

.admin-bar #footer {
    margin-top: 32px;
}

/* @navigations - home
********************************************************************************************
********************************************************************************************/

#nav li,
#main-nav li {
    margin: 27px 0 0 27px;
}

#nav li a,
#main-nav a,
.slicknav_menu a {
    font-size: 16px;
    padding: 8px 0 4px !important;
    color: #606060;
    opacity: 1;
    font-family: Raleway;
}

#nav .current a,
.current_page_item a {
    border-bottom: 3px solid #ffbf0d;
}

#nav li a:hover,
#main-nav a:hover,
#main-nav > li.current_page_item a:hover {
    color: #ffbf0d;
}

/* @navigations - uni
********************************************************************************************
********************************************************************************************/
.nav > li > a {
    letter-spacing: 0;
}

/* custom skins - homepage */
.flexfull_wrap, .flexfull {
    height: auto !important;
    position: relative;
    margin-top: 121px;
    top: 0;
}

.slider_full:after {
    background: none;
}

.stuff2 {
    background: #606060;
    background: rgba(0, 0, 0, 0.7);
    padding: 12px 14px 12px;
    float: right;
    width: 620px;
}

.stuff2 h1 {
    margin: 0 0 5px;
    font-size: 36px;
    font-weight: bold;
    color: #fffffe !important;
    border: 0;
    padding: 0 0;
    text-align: left;
    letter-spacing: 0em;
    line-height: 36px;
}

.stuff2 h1 a {
    text-transform: uppercase;
}

.stuff2 p {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 21.6px;
}

.stuff3 {
    margin: 0 auto;
    width: 648px;
    float: right;
}

.flexfull .inside {
    bottom: 13%;
    top: inherit;
}

.flexfull .read_more {
    float: right;
    clear: both;
    background: #df2602;
    color: #fffffe;
    margin: 1.2% 0 0;
    text-align: center;
    font-family: Raleway;
}

.flexfull .read_more:hover {
    background: #606060;
}

.flexfull .container {
    padding: 0 0 48px;
    min-height: initial;
}

.single .flex-control-nav {
    display: block;
}

.flexfull .flex-direction-nav li .flex-prev {
    background: url(images/icons/bg_arrows.png) no-repeat 0 0;
    opacity: 0.7;
}

.flexfull .flex-direction-nav li .flex-prev:hover {
    background-position: 0 -42px;
    opacity: 1;
}

.flexfull .flex-direction-nav li .flex-next {
    background: url(images/icons/bg_arrows.png) no-repeat -42px 0;
    opacity: 0.7;
}

.flexfull .flex-direction-nav li .flex-next:hover {
    background-position: -42px -42px;
    opacity: 1;
}

.flexfull .flex-direction-nav a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.flexfull .flex-control-nav li a,
.flex-control-nav li a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
}

.flexfull .flex-control-nav li a.flex-active,
.flex-control-nav li a.flex-active {
    background: #ffbf0d;
}

.home .flex-control-nav {
    top: auto;
    bottom: 10%;
}

/* @homefolio
*********************************************************************************************/
.imgwrap:hover {
    background: #000;
}

/* @blogfolio
*********************************************************************************************/

#folio-wrap .centerfourcol {
    position: relative;

}

#folio-wrap .centerfourcol:hover {
    background: #000;
}

#folio-wrap .inside {
    position: absolute;
    z-index: 10;
    left: 20px;
    width: 90%;
    bottom: 3%;
    opacity: 0;
}

#folio-wrap img {
    position: absolute;
    top: 0;
    right: 0 !important;
    border: 0;
}

#folio-wrap h2 a {
    text-shadow: 1px 1px 0 #000;
}

#folio-wrap .more {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -2px;
}

#folio-wrap .without-image:hover {
    background: none;
}

#folio-wrap .without-image .inside {
    opacity: 1 !important;
    position: static;
}

#folio-wrap .without-image p {
    color: #101010;
}

#folio-wrap .without-image a {
    color: #ffbf0d;
    text-shadow: none;
}

/* @mosaic section
********************************************************************************************
********************************************************************************************/
.block-wrap {
    padding-top: 12px;
}

ul.block {
    height: 550px;
    margin: 0;
}

li.block1 {
    width: 22.25%;
    height: 305px;
}

li.block2 {
    left: 22.48%;
    width: 43.92%;
    height: 305px;
}

li.block3 {
    left: 66.70%;
    width: 33.13%;
    height: 305px;
}

li.block4 {
    left: 0;
    width: 54.80%;
    height: 200px;
    top: 308px;
}

li.block5 {
    left: 55.10%;
    width: 44.82%;
    height: 200px;
    top: 308px;
}

ul.block li h2,
#folio-wrap h2 {
    border: 0;
    margin: 0 0 10px;
    font-weight: normal;
    line-height: 0.2em;
}

ul.block li h2 a,
#folio-wrap h2 a {
    font-size: 18px;
    line-height: 21.6px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1px;
    text-shadow: none;
}

ul.block li {
    background: none;
}

.block p,
#folio-wrap p {
    color: #fff;
    line-height: 18.2px;
    font-size: 16px;
}

ul.block li img {
    opacity: 1;
    right: 0 !important;
    border-width: 0px;
}

.block li:hover {
    background: #000;
}

.block .more {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    top: -2px;
}

ul.block li .inside {
    left: 20px;
    width: 90%;
    bottom: 3%;
}

.block-wrap a.blogmore,
#folio-wrap a.blogmore {
    background: #ffbf0d;
    padding: 5px;
    text-transform: uppercase;
}

/* @home section
********************************************************************************************
********************************************************************************************/
.home .section:first-of-type .container {
    padding-top: 90px;
}

.banner h2 {
    color: #fff;
    text-align: right;
    float: right;
    width: 600px;
    font-size: 36px !important;
    line-height: 43.2px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.banner .container {
    padding-top: 50px;
    min-height: 240px;
}

/*-------------------------------------------------------------------------------------------*/
/* Contact Form */
/*-------------------------------------------------------------------------------------------*/
.contact-form .forms p.fr {
    float: none !important;
}

.contact-form .forms p.buttons {
    right: 0;
    left: 0;
}

/* @contact form
********************************************************************************************
********************************************************************************************/

.wpcf7 .wpcf7-text {
    width: 415px;
}

.wpcf7 textarea {
    width: 480px;
    height: 125px;
}

.wpcf7 p {
    clear: both;
    padding-top: 25px;
}

.wpcf7 input,
.wpcf7 textarea,
.mc_input {
    border: 1px solid #ddd;
    background: #fafafa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    transition: all 0.2s linear;
    border: none;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.mc_input:focus {
    box-shadow: 0 1px 0 #ffbf0d inset, 0 -1px 0 #ffbf0d inset, 1px 0 0 #ffbf0d inset, -1px 0 0 #ffbf0d inset, 0 0 10px rgba(247, 155, 0, 0.5);

}

*:focus {
    outline: 0;
}

input, textarea, input checkbox, input radio, select, file {
    font-size: 18px !important;
    color: #373737;
    padding: 0 10px;
}

/* placeholder */
input::-webkit-input-placeholder {
    font-weight: normal;
    color: #606060;
}

input::-moz-placeholder {
    font-weight: normal;
    color: #606060;
}

/* firefox 19+ */
input:-ms-input-placeholder {
    font-weight: normal;
    color: #606060;
}

/* ie */
input:-moz-placeholder {
    font-weight: normal;
    color: #606060;
}

input[placeholder] {
    font-weight: normal;
    color: #606060;
}

a.mainbutton, #submit, #comments .navigation a, .tagssingle a, .wpcf7 .wpcf7-submit, #mc_signup_submit {
    background: #353535;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: none;
    margin-top: 10px;
    cursor: pointer;
    clear: both;
}

span.wpcf7-form-control-wrap {
    display: block;
}

a.mainbutton:hover, #submit:hover, #comments .navigation a:hover, .tagssingle a:hover, .wpcf7 .wpcf7-submit:hover,
.plan-bottom a:hover, #mc_signup_submit:hover {
    background: #ffbf0d !important;
}

span.wpcf7-not-valid-tip {
    clear: both;
}

body div.wpcf7-validation-errors, body div.wpcf7-response-output {
    border: 0;
    margin-left: 0;
    color: red;
    position: relative;
    top: -55px;
    left: 110px;
    display: block;
    width: 40%;
    margin: 0;
    padding: 0;
    clear: both;
    font-size: 0.8em;
}

body div.wpcf7-mail-sent-ok {
    font-weight: bold;
    color: #339900;
    top: -32px;
}

span.wpcf7-not-valid-tip {
    font-size: 0.8em;
}

/*-------------------------------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------------------------------*/
/*  
Sticky Footer Solution
by Steve Hatcher
http://stever.ca http://www.cssstickyfooter.com
*/

html, body, #wrapper {
    height: 100%;
}

body > #wrapper {
    height: auto;
    min-height: 100%;
}

/* must be same height as the footer */
#container {
    overflow: auto;
    padding-bottom: 60px;
}

#footer {
    position: relative;
    /*margin-top: -60px; /* negative value of footer height * /
    height: 60px;*/
    clear: both;
}

/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J */
}

#footer {
    padding: 0;
    background-image: none;
    background-color: transparent;
    overflow: visible;
}

#footer .menu-item {
    float: left;
}

#footer .menu-item a {
    color: #606060;
    margin-left: 83px;
    color: #000;
}

#footer1 {
    font-size: .85em;
    min-height: 170px;
    padding-top: 20px;
    color: #fff;
    background: #404040;
    border: none;
    line-height: 1.5;
}

#footer1:before {
    content: '';
    display: block;
    background: url('images/footer-min.png') no-repeat 50% 0 transparent;
    width: 100%;
    height: 246px;
    position: absolute;
    left: 0;
    top: -56px;
    z-index: 0;
}

#footer1 h3,
#footer1 h4 {
    padding-bottom: 10px;
    color: #fff;
}

#footer1 a {
    color: #606060;
}

#footer1 .widget {
    width: 60%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: left;
}

#footer1 .widget__title {
    margin-top: 0;
    padding-bottom: 0;
}

#footer1:after {
    content: '';
    display: table;
    clear: both;
}

#footer1 .testimonials-widget-testimonials blockquote > span {
    display: none;
}

#footer2 {
    height: 60px;
    line-height: 60px;
    background: #ffbf0d;
    color: #606060;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
}

#footer-left-box {
    width: 410px;
    float: left;
}

#footer-middle-box {
    width: 320px;
    float: left;
}

#footer-right-box {
    width: 212px;
    float: right;
}

#footer-right-box h3 {
    text-align: right;
}

.social {
    float: right;
    margin-left: 83px;
    height: 60px;
    line-height: 60px;
}

.social a {
    background: transparent no-repeat 0 center;
    display: block;
    height: 60px;
    float: left;
    margin-right: 25px;
}

#footer .google {
    background: url(images/google-icon.png) no-repeat 0 center;
    width: 26px;
}

#footer .twitter {
    background: url(images/twitter-icon.png) no-repeat 0 center;
    width: 30px;
    margin-right: 0;
}

#footer .facebook {
    background: url(images/facebook-icon.png) no-repeat 0 center;
    width: 13px;
}

#footer .social a:hover {
    opacity: 0.7;
}

/* @search 
********************************************************************************************
********************************************************************************************/
.searchform input.s {
    width: 175px;
    height: 40px;
    padding: 0 25px 0 10px;
}

.searchform .searchSubmit {
    background: url(images/icons/search-icon.png) 0 0;
    width: 24px;
    height: 24px;
    right: 3px;
    top: 10px;
}

#footer .searchform {
    margin: -5px 0 10px;
}

#footer .s {
    float: right;
    color: #606060;
}

/* @post styles
********************************************************************************************
********************************************************************************************/
.single #content {
    margin-top: 97px;
}

#sidebar-single li,
.entry li {
    list-style: none;
    background: url(images/bullet.png) no-repeat 0 10px;
    padding: 0 0 0 25px
}

.single #featured {
    position: relative;
    max-height: 450px;
}

.single #caption,
.single .img-title {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #606060;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
    padding: 10px;
    display: none;
}

img.main-single {
    float: none;
    margin: 0;
}

.single h1 {
    font-weight: bold;
    padding: 0 0 5px 0;
    clear: both;
}

.single #content {
    margin-top: 165px;
}

.entry h3 {
    border-left: 5px solid #ffbf0d;
    padding: 0 0 0 15px;
    margin: 0px 0 25px 0;
    color: #606060;
    font-weight: bold;
    line-height: 1.5em;
}

.single .entry {
    line-height: 1.6em;
    width: 667px;
    float: right;
    margin: 30px 0 0;
}

.single .entry.without-sidebar {
    width: auto;
    float: none;
}

.entry p {
    margin: 0 0 0px 0;
}

#sidebar-single {
    float: left;
    width: 251px;
    margin: 44px 0 0;
}

.entry.without-sidebar {
    width: 100%;
    float: none;
}

#request {
    color: #fff;
    background: #df2602;
    padding: 12px;
    display: block;
    width: 160px;
    margin: 80px 0 0;
}

/* @Romania map
********************************************************************************************/
#romania-map {
    position: relative;
    width: 708px;
    height: 606px;
    text-align: right;
    float: right;
    left: -3%;
}

#romania-map area,
#romania-map li {
    cursor: pointer;
}

#zone-list {
    float: left;
}

#img-map {
    background: url(images/hartaROjudet.png);
}

#map-state {
    min-height: 90px;
    float: left;
}

#map-state li {
    display: block;
    margin: 5% 0 0;
}

#map-state a {
    font-weight: bold;
    color: #606060;
    display: block;
}

#map-state a:hover,
#map-state a.active {
    color: #ffbf0d;
}

.pop-up {
    font-size: 0.8125em;
    z-index: 100;
    position: absolute;
    display: block;
    top: 5em;
    left: 0;
    width: 28em;
    height: 9.16em;
    background-color: #fff;
    display: none;
    z-index: 0;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}

.pop-up > img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 8em;
}

.pop-up > p {
    position: absolute;
    width: 18em;
    color: #606060;
    left: 9.230769em;
    margin: 0;
    line-height: 1.4;
    padding-top: 0.8em;
}

.pop-up strong {
    display: block;
    color: #606060;
    text-transform: uppercase;
    margin-top: 0.5em;
}

.pop-up:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 3em solid #fff;
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    bottom: -2.9em;
    left: 12em;
    display: block;
    position: absolute;
}

#maramures.pop-up {
    top: -14%;
    left: 10%;
    background: #fff url(images/maramures.png) no-repeat -9999px -9999px;
}

#transilvania.pop-up {
    top: 14%;
    left: 18%;
    background: #fff url(images/transilvania.png) no-repeat -9999px -9999px;
}

#moldova.pop-up {
    top: 0;
    left: 43%;
    background: #fff url(images/moldova.png) no-repeat -9999px -9999px;
}

#banat.pop-up {
    top: 15%;
    left: -10%;
    background: #fff url(images/banat.png) no-repeat -9999px -9999px;
}

#dobrogea.pop-up {
    top: 40%;
    left: 52%;
    background: #fff url(images/dobrogea.png) no-repeat -9999px -9999px;
}

#dobrogea.pop-up:after {
    left: 17em;
}

#oltenia.pop-up {
    top: 35%;
    left: 29%;
    background: #fff url(images/oltenia.png) no-repeat -9999px -9999px;
}

/* @mobile
********************************************************************************************/
.centerrow .centerfourcol {
    height: 230px !important;
    width: 29.9%;
    margin: 1px 3.1% 1px 1px;
}