@charset "utf-8";

/**
* Theme Name: HeBoTek ambassy Template
* Theme URI: http://hebotek.at
* Description: HeBoTek ambassy Template
* Creation Date: 2016
* Authors: Florian Car
* Authors URI: http://hebotek.at
* Owner: ambassy, all rights reserved
*/


@import url(fonts.css);


body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: Open Sans Light;
}

img {
	max-width: 100%;
    border-style: none;
}

.align-left {
    text-align: left!important;
}

.align-center {
    text-align: center!important;
}

.align-right {
    text-align: right!important;
}


.ce-bodytext ul {
    list-style-type: square;
    margin:0;
}

.ce-bodytext li { 
    color: #826E37;
}

.ce-textpic .ce-gallery, .ce-textpic .ce-gallery .ce-column {
    width: 100%;
}

.main-content a,
.main-content a:hover,
.main-content a:visited {
    color:#826E37;
    text-decoration: underline;
}


video {
    width: 100%;
}



li span.li_content { 
    color: #2B2A26; 
}

/*
.ce-bodytext li:before {
    content: "\25A0 \ ";
    color: #bfa162;
    font-size: 100%;
}
      */





h1,h2,h3,h4 {
    text-align: center;
}


h1 {

    font-family: Open Sans Regular;
    font-size: 40px;    /* for Safari */
    font-size: 2.7vw;
    margin-bottom: 0.5vw;
    color: #826E37;
    font-weight: lighter;
    text-transform: uppercase;
}
h2 {
    font-family: Open Sans Regular;
    font-size: 30px;    /* for Safari */
    font-size: 2vw;
    margin-bottom: 2.5vw !important;
    color: #826E37;
    font-weight: normal;
    text-transform: uppercase;
}
h3 {
    font-family: Open Sans Regular;
    font-size: 20px;    /* for Safari */
    font-size: 1.2vw;
    color: #826E37;
    font-weight: normal;
    text-transform: uppercase;
}




.ce-bodytext {
    font-family: Open Sans Regular;
    font-size: 70%;
    color: #2B2A26;
    font-weight: normal;
}


.left{
    left: 0;
    margin-left: 0;
}

.right{
    right: 0;
    margin-right: 0;
}

.center {
    text-align: center;
}

p.tiny {
	font-size:10px;
	margin: 20px 0 0;
}


.white-font {
    color: #ffffff;
    font-family: Open Sans Regular;
    font-weight: normal;
    text-align: center;
}


.head-container {
    width: 100%;
    height: 100%;
}


.header {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 5;
    background-color: #1B181A;
    color: #FFFFFF;
    height: 120px;
}


.logo {
    position: static;
    top: 0;
    left: 50%;
    z-index: 4;
    width: 100%;
    height: 100%;
    text-align: center;
}
.logo img {
    height: 100%;
    width: auto;
}


#menu-container {
    top: 118px;
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 3;
    background-color: #1B181A;
    color: #FFFFFF;
}


.navbar-absolute-top {
    height: 100px!important;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.navbar-absolute-top .menu {
    top: 35%;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.navbar-minimized {
    height: 50px!important;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.navbar-minimized .menu {
    top: 18%;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.navbar-rise {
    top: 78px!important;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;    
}


.head-absolute-top {
    height: 120px!important;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

.head-minimized {
    height: 80px!important;
    -webkit-transition: all 0.7s; /* Safari */
    transition: all 0.7s;
}



.language-menu {
    top: 21px;
    right: 20%;
    position: fixed;
    width: 70px;
    height: 25px;
}

.language-menu .top-line {
    top: 2px;
    position: static;
    width: 95%;
    height: 1px;
    background-color: #FFFFFF;
}

.language-menu .top-line-active {
    top: 0;
    position: absolute;
    width: 30%;
    height: 1px;
    left: 0px;
    background-color: #826E37;
    -webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;
}

.language-menu .lang {
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.language-menu .lang li {
    color: #FFFFFF;
    list-style: none;
    width: 33%;
    height: 100%;
    position: static;
    display: inline-block;
}

.language-menu .lang-active {
    color: #826E37;
}

.language-menu a {
    text-decoration: none;
    color: #FFFFFF;
    font-family: Open Sans Regular;
    font-size: 10pt;
    position: absolute;
    top: 2px;
}





.menu-line {
    position: absolute;
    width: 20%;
    height: 1px;
    top: 50%;
    background-color: #FFFFFF;
    z-index: 4;
}

.menu {
    position: absolute;
    width: 850px;
    left: 50%;
    margin-left: -425px;
    top: 35%;
    height: 40%;
    font-family: Open Sans Regular;
    font-size: 15pt;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #1B181A;
    z-index: 5;
}
.menu ul {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}
.menu li {
    list-style: none;
	display: inline;
	padding: 0;    /* 0 4% 0 4% */
}
.menu a {
    text-decoration: none;
    color: #FFFFFF;
}
.menu a:hover {
    color: #AAAAAA;
}

.menu .act a {
    color: #826E37;
}


/* remove mobile menu by default */
.mobile-menu {
    display: none;
}

.mobile-menu-overlay {
    display: none;
}

.mobile-menu-trigger {
    display: none;
}



.left-menu-container {
    z-index: 3;
    position: fixed;
    top:120px;
    left: 0;
    width:50px;
    height:900px;
}


ul#left-menu {
    position: absolute;
    top: 463px;
    right: -360px;
    width: 800px;
    height: 70px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);  /* for Safari */
    margin: 0;
    padding: 0;  
    z-index: 3;
}


ul#left-menu > li {
    float:right;
    list-style: none;
    transition: margin 0.6s;
    -webkit-transition: margin 0.6s;    /* for Safari */
    margin-top:0;
}
ul#left-menu > li.no {
    margin-top:9px;
    -webkit-box-shadow: -7px 8px 18px -3px rgba(0,0,0,0.33);    /* for Safari */
    -moz-box-shadow: -7px 8px 18px -3px rgba(0,0,0,0.33);
    box-shadow: -7px 8px 18px -3px rgba(0,0,0,0.33);
}
ul#left-menu > li:hover {
    margin-top: 18px;
}

ul#left-menu > li.act {
    box-shadow: 0px -5px 19px 1px rgba(0,0,0,0.33); 
    -webkit-box-shadow: 0px -5px 19px 1px rgba(0,0,0,0.33); /* for Safari */
    margin-top: 18px;
}


ul#left-menu > li > a{
    display: block;
    width:110px;
    padding:30px 12px 12px;
    font-size: 23px;
    text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    color:#000000;
}

ul#left-menu.li {
    background-color:#FFFFFF;   /* for deprecated Browser */
}

ul#left-menu > li:nth-child(1) > a,
ul#left-menu.act-first {
    background-color:#a1894b;
}
ul#left-menu > li:nth-child(2) > a,
ul#left-menu.act-second  {
    background-color:#b69d5d;
}
ul#left-menu > li:nth-child(3) > a,
ul#left-menu.act-third {
    background-color:#c2ae76;
    width: 152px;
} 

.optional-slider {
    position: fixed;   
    top: 0;
    z-index: 1;
}


.slide-down {
    width: 40px;
    height: 40px;
    z-index: 1;
    left: 50%;
    bottom: 6px;
    position: fixed;
    display: inline-block;
}

.arrow-down-button {
    width: 100%;
    height: 100%;
    background: url("../img/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    cursor: pointer;
}
.arrow-down-button:before {
    position: relative;
    content: "";
	display: block;
	padding-top: 100%;
}

.home-main {
    width: 100%;
    background-color: #f3eee5;  /* for deprecated Browser */
    background: rgba(243, 238, 229, 0.95);
    color: #7F6D37;
    position: relative;
    z-index: 2!important;
    transition: margin-top 0.2s;
}
.home-main:after {
    clear: both;
    content: "";
    display: block;
}

.main {
    width: 100%;
    position: static;
    margin-top: 120px;
    background-color: #f3eee5;  /* for deprecated Browser */
    background: rgba(243, 238, 229, 0.95);
    color: #7F6D37;
    z-index: 1;
}
.main:after {
    clear: both;
    content: "";
    display: block;
}

.main-content:after {
    clear: both;
    content: "";
    display: block;
}


.row {
    padding-top: 100px;
}

.home-main .row {
    padding-top:25px;
}


.layout0 {
    width: 84%;
    padding: 2% 8% 2% 8%;
    /*take color from main*/
}

.layout0 h2 a {
    color: #826E37;
}

.layout0 h2 a:hover {
    color: #666666;
}

.layout1 {
    width: 84%;
    color: #FFFFFF;
    background-color: #b69d5d;
    padding: 2% 8% 2% 8%;
}

.layout1 h3,
.layout1 h2 {
    color:#FFFFFF;
}


.layout2 {
    width: 84%;
    color: #FFFFFF;
    background-color: #1b181a;  /* for deprecated Browser */
    background: rgba(27, 24, 26, 0.99);
    padding: 2% 8% 2% 8%;
}


.layout0 h2 {
    margin-bottom: 20px;
    margin-top: 0;
/*    text-align: center;  */
}
.layout0 h3 {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}

/*
layout3 = mobile Only
*/
.layout3 {
    display:none;
}


.rgaccord1-nest {
    width: 84%;
    padding: 0 8% 4% 8%;   
}

.rgaccord1-toggle {
    background-color: #9A9186; 
    color: #FFFFFF;
    text-align: left;
    text-transform: none;
    padding: 0.9% 0 0.9% 1.5%;
    margin-bottom: 0;
    cursor:pointer;
}            
.rgaccord1-toggle:before {
    content: " \25BC \ ";   
}

.rgaccord1-toggle.act:before {
    content: " \25B2 \ ";
}

.rgaccord1-content {
    background-color: #f4eedb;
    padding: 4% 10% 8% 6%;
}
.rgaccord1-content h2 {
    text-align: left;
    color: #9A9186;
    text-transform: uppercase;
}

.rgaccord1-content input[type=text] {
    border: none;
    background-color: #e7d9b1;
    margin-bottom: 10px;
    padding: 6px;
    width: 80%;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); /* for Safari */
}

.rgaccord1-content input[type=checkbox] {
	margin-right:8px;
    border: none;
    background-color: #e7d9b1;
    font-size: 18px;    /* for Safari */
    font-size: 1vw;
    margin-bottom: 10px;
    padding: 6px;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); /* for Safari */    
}


.rgaccord1-content .form-group.checkbox {
	float:left;
	width:25%;
}

.form-group .select {
    color: #7F6D37;
    font-size: 1vw;
    padding: 8px 0;
}


.rgaccord1-content textarea {
    border: none;
    background-color: #e7d9b1;
    margin-bottom: 10px;
    padding: 6px;
    width: 80%;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2); /* for Safari */
}

.rgaccord1-content input[type=submit] {
    border: none;
    background-color: #9A9186;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 13px;
    cursor: pointer;
}

textarea, input {
	font-size:13px;
	font-family: "Open Sans Regular";
}



.detail {
    background: #b6a03f none repeat scroll 0 0;
    border-radius: 1vw;
    color: #ffffff;
    display: inline-block;
    font-size: 1.1vw;
    height: 1.7vw;
    position: relative;
    text-align: center;
    width: 1.7vw;
}


.view-button {
    width: 5%;
    top: 47.5%;
    left: 47.5%;
    background: url("https://www.theambassy.com/fileadmin/ambassy/templates/css/images/view-button.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
}
.view-button:before {
    position: relative;
    content: "";
	display: block;
	padding-top: 100%;
}


.full-width-image img {
    height: auto;
}

/*
.tx-dce-pi1 {
    margin-bottom: -12px;
}
*/


.video-container {
    height: auto;
    min-height: 400px;
  /*  min-width: 470px;    */
    position: relative;
    margin: 0 auto;
    max-width: 845px;
}

.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.youtube_bg {
    background: black;
    padding: 2% 8% 2% 8%;
}



.footer-container {
    position: relative;
    width: 100%;
    top: 0;
    z-index: 1;
    background-color: #1b181a;  /* for deprecated Browser */
    background: rgba(27, 24, 26, 0.99);
}

.footer {
    font-family: Open Sans Regular;
    font-size: 60%;
    font-weight: normal;
    width: 84%;
    top: 13.5%;
    margin-left: 8%;
    padding: 5% 0 3% 0;  
    color: #FFFFFF;
    display: block;  
}

.footer-menu-wrapper {
    display: inline-flex;
    justify-content: space-around;
    list-style: outside none none;
    width: 100%; 
    padding-left: 0;   
}

.footer-menu-wrapper .grid-col-33 {
    width: auto;
}

.footer-menu {
    width: 80%;
    min-height: 100px;
    color: #FFFFFF;
    margin: auto;
}

.footer-menu a {
    color: #FFFFFF;
    text-decoration: none;    
}
.footer-menu li.act a,
.footer-menu a:hover {
    color: #826E37;
    text-decoration: none;
}

.footer-menu .left {
    position: relative;
 /*   width: 33%;      */
    list-style: none;
    padding-left: 0;
}

.footer-menu .mid {
    position: relative;
/*    width: 33%;   */
    list-style: none;
    padding-left: 0;
}

.footer-menu .right {
    position: relative;
 /*   width: 33%;       */
    list-style: none;
    padding-left: 0;
}

.footer-bottom {
    position: relative;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 100%;   
    margin-top: 20px;
}

.footer-bottom p {
    color: #FFFFFF;
}

.footer-bottom a {
    color: #FFFFFF;
    text-decoration: none;
}
.footer-bottom a:hover {
    color: #826E37;
}

.footer-bottom .layout0 {
    margin: 0;
    padding: 0;
    width: 100%;
}


 /*
.footer-links {
    display: inline-block;
    width: 270px;   
}

.footer-links a {
    color: #BFA162;
    text-decoration: none; 
    margin: 3px 0;  
    text-transform: uppercase;
}
.footer-links a:hover {
    color: #FFFFFF;
}

.footer li {
    list-style: none;
}

.footer-bottom {
    color: #FFFFFF;
    font-family: Open Sans Light;
    font-weight: normal;
    text-align: center;
    font-size: 80%;
    padding-top: 30px; 
}
.footer-bottom a:hover {
    color: #BFA162;
}
.footer-bottom a {
    color: #FFFFFF;
    text-decoration: none;
    margin: 3px 0;
}  */


/*zoom in images*/
.zoom-in-image-container {
	height:auto;
	overflow: hidden;
}


.zoom-in-image {
	width: 100%;
	height: auto;
	-webkit-transform:scale(1); /* for Safari */
	transform:scale(1);
	-webkit-transition: all 2s; /* for Safari */
    transition: all 2s;
}

.zoom-in-image:hover {
	-webkit-transform:scale(4); /* for Safari */
	transform:scale(4);
}
.zoom-in-image.bottom:hover {
	transform: scale(4) translate(0,-10%);
	-webkit-transform: scale(4) translate(0,-10%); /* for Safari */
}
.zoom-in-image.top:hover {
	transform: scale(4) translate(0,10%);
	-webkit-transform: scale(4) translate(0,10%);  /* for Safari */
}


/**
 * setting up gridlayouts
 */
.grid-row {
    display:block;
    width: 100%;
}
.grid-row:after {
    clear: both;
    content:"";
    display: block;
}
.grid-col-33 {
    float: left;
    width:33%;
}

.grid-col-25 {
    float: left;
    width:25%;
}



/**
 * Temporary infos
 */

.grid-row img {
    height: 265px;
    width:100%;
    object-fit: cover;

 }

.grid-wrapper h2 {
    text-align:center;
}

/**
 temporarily remove language selector
**/

/*.language-menu {
    display: none;
}*/