body, html{
	 font-family: arial, sans-serif,'source sans';
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	color: #545454;
	background: #ffffff;
	font-size: 19px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
}

body {
  margin: 0;
}

.mobile,
.mobile2{
    display: none;
}


ul.custom-list li{
  margin: 10px 0 10px 30px;
  padding-left: 20px;
  list-style-image : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTM3LjkxIDEyMy40MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTM3LjkxIDEyMy40MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM3QTlFNEU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC40LDYxLjdjMC4xMi0wLjQxLDAuMzItMC44MiwwLjM2LTEuMjNjMC41LTUuODcsNS4zNS0xMS4xNSwxMS4yLTEyLjFjMS4xMi0wLjE4LDIuMjctMC4yNywzLjQxLTAuMjcKCWMyMS4yNy0wLjAyLDQyLjU0LTAuMDEsNjMuOC0wLjAxYzAuNTUsMCwxLjExLDAsMi4wNiwwYy0wLjYyLTAuNzMtMC45NC0xLjE3LTEuMzItMS41NWMtNi4yNS02LjI2LTEyLjUtMTIuNTQtMTguNzctMTguNzgKCWMtMy4xNS0zLjEzLTUuMDUtNi44NS00LjgxLTExLjMxQzU2LjY0LDEwLjUzLDU5LjQ4LDYuMDIsNjUsMy42M0M3MC41OSwxLjIsNzUuODMsMi4xLDgwLjUxLDYuMDVjMC40NywwLjQsMC45LDAuODQsMS4zNCwxLjI3CgljMTcuMzEsMTcuMzEsMzQuNjIsMzQuNjMsNTEuOTMsNTEuOTRjMC4zNywwLjM3LDAuNzcsMC43NCwxLjA2LDEuMTdjMC43LDEuMDEsMC42OSwyLjA3LDAsMy4wOGMtMC4yNywwLjQtMC42MywwLjczLTAuOTcsMS4wOAoJYy0xNy40LDE3LjQxLTM0LjgyLDM0LjgxLTUyLjIsNTIuMjNjLTMuMTUsMy4xNS02LjgyLDQuODMtMTEuMzIsNC43NmMtNi43LTAuMTEtMTIuODItNS40Ny0xMy44My0xMi4xMwoJYy0wLjgtNS4yNywwLjk1LTkuNTksNC42Mi0xMy4yN2M2LjIyLTYuMjMsMTIuNDUtMTIuNDYsMTguNjgtMTguNjljMC4zOS0wLjQsMC43Ni0wLjgyLDEuMzctMS41Yy0wLjg4LTAuMDYtMS40Ni0wLjE0LTIuMDMtMC4xNAoJYy0yMS40LTAuMDEtNDIuOC0wLjA2LTY0LjIsMC4wM0M3LjQyLDc1LjkxLDEuMTIsNzAuMDQsMC43NCw2My4yYy0wLjAyLTAuMzMtMC4yMi0wLjY1LTAuMzQtMC45N0MwLjQsNjIuMDYsMC40LDYxLjg4LDAuNCw2MS43eiIvPgo8L3N2Zz4K');
}

.underline{
  position: relative;
  width: 130px;
  height: 10px;
  background: #7a9e4e;
  border-radius: 30px;
  margin: 30px 0;
}

.inner-section{
  position: relative;
  margin-bottom: 100px;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

  .container {
    position: relative;
  padding-right: 5%;
  padding-left: 5%;
  margin-right: auto;
  margin-left: auto;
}

input[type=submit] {
    text-transform: uppercase;
  background: #40E0D0;
  font-size: 25px;
  color: #ffffff;
    border-radius: 0;
  width: 100%;
  padding: 15px 0;
  margin: auto;
  text-align: center;
  border: none;
  cursor: pointer;
    outline: inherit;
    -webkit-appearance: button;
    font-family: arial, sans-serif,'source sans';
}


h1,
h2,
h3{
	 font-family: arial, sans-serif,'source sans';
  font-size: 25px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #010035;
  font-weight: bold;
  max-width: 500px;
}


section{
	overflow:hidden;
}

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

a:hover{
	text-decoration: underline;
}

a:hover, select{
	cursor: pointer;
}


.clearfix {
  display: block;
  clear: both;
}

.max-width {
  max-width: 2000px;
  margin: auto;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.btn a{
    text-decoration: none;
  border:1px solid #000000;
  background: #ffffff;
  display: block;
    width: 180px;
    margin: 30px 0;
  color: #000000;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 15px;
   border-radius: 50px;
  cursor: pointer;
  -webkit-box-shadow: 6px 8px 8px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 8px 8px -9px rgba(0,0,0,0.75);
box-shadow: 6px 8px 8px -9px rgba(0,0,0,0.75);
}

.btn a span,
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}


.btn a span:after,
.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  color: #7a9e4e;
  top: 0;
  right: -20px;
}


.btn a:hover span,
.button:hover span {
  padding-right: 20px;
}



.btn a:hover span:after,
.button:hover span:after {
  opacity: 1;
  right: 0;
}


/* Modal starts */

#modal {
    display: none;
    position: fixed; 
    z-index: 1000; 
    padding: 150px 20px 20px 20px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.7); 
}

.modal-content {
  background: #eceff1;
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 400px;
    border-radius: 20px;
    padding: 20px;
     -webkit-box-shadow: 0 -1px 29px rgb(0 0 0 / 10%);
    box-shadow: 0 -1px 29px rgb(0 0 0 / 10%);
}


.modal-content .container {
    width: 100%;
    padding: 20px;
    text-align: center;
    height: auto;
}

.modal-content .container h2 {
   font-size: 25px;
   margin: 30px auto;
   font-weight: 900;
   max-width: 300px;
}

.modal-content .container p {
  font-family: arial, sans-serif,'source sans';
   font-size: 20px;
}

.modal-content .container img {
   width: 90%;
   max-width: 130px;
}

span.close {
    color: #010035;
    font-size: 40px;
    top: 0;
    right:20px;
    position: absolute;
    opacity: 1;
    cursor: pointer;
}

/* Modal ends */

/*************** form ***************/


.form-control {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px 18px;
    font-size: 18px;
    color: #545454;
    background-color: #e6ebf2;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
     font-family: arial, sans-serif,'source sans';
}

textarea:focus,
.form-control:focus {
    border: 1px solid transparent;
    outline: 0;
    box-shadow: none;
    background: #eeeeee;
}

textarea {
    resize: none;
    height: 150px;
    width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ 
    color:    #40E0D0;
    font-size: 14px;
}


input[type=submit] {
    text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
   border-radius: 50px;
  background: #7a9e4e;
  width: 220px;
  height: 60px;
  padding: 15px 0;
  margin: auto;
  text-align: center;
  border: none;
  cursor: pointer;
    outline: inherit;
    -webkit-appearance: button;
}

/*************** block layouts ***************/

.layout1 {
  position: relative;
  width: 100%;
  background: #282f35 url(../img/home.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.layout1 .headline{
  position: relative;
  max-width: 400px;
  padding: 60px 0;
}

.layout1 h1{
  font-size: 35px;
  color: #ffffff;
  font-weight: bold;
}

.layout1 .underline{
  width: 180px;
  height: 10px;
  background: #ffffff;
  border-radius: 30px;
  position: absolute;
  margin: 0;
  right: 0;
}

.layout1 .badges{
    position: absolute;
    right: 50px;
   bottom: 5%;
}

.layout1 .immo,
.layout1 .vdiv{
    display: inline-block;
    padding: 10px;
}

.layout1 .immo img{
    width: 60px;
}


.layout1 .vdiv img{
   width: 140px;
}

.layout2 {
  margin-top: 50px;
}

.layout2 .panel-left,
.layout2 .panel-right{
    position: relative;
    float: left;
    width: 49.99%;
}

.layout2 .panel-right img{
    width: 100%;
    max-width: 350px;
    margin: 50px auto;
    padding: 50px 0;

}

.layout2 .panel-right div{
    margin: auto;
    text-align: center;
}



.layout2 .mobile img{
    width: 100%;
    line-height: 0;
    font-size: 0;
    display: block;
}


.layout3 .panel-left,
.layout3 .panel-right{
    position: relative;
    float: left;
    width: 39.99%;
}

.layout3 .panel-right{
    width: 59.99%;
    padding: 80px 50px;
}


.layout3 {
    position: relative;
    width: 100%;
    margin: auto;
        background: #ececec url(../img/home2.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.layout3 h2{
    color: #010035;
    font-weight: bold;
}

.layout3 img{
    width: 100%;
    text-align: center;
}

/**/

.layout5 .panel-left,
.layout5 .panel-right{
    position: relative;
    float: left;
    width: 39.99%;
}

.layout5 .panel-left{
    width: 59.99%;
    padding: 80px 50px;
}


.layout5 {
    position: relative;
    width: 100%;
    margin: auto;
        background: #ececec url(../img/home4.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.layout5 h2{
    color: #010035;
    font-weight: bold;
}

.layout5 img{
    width: 100%;
    text-align: center;
}


.layout4{
   margin: 80px auto;
}

.layout4 .column{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 30px auto;
}

.layout4 .column .photo {
    margin: auto;
    text-align: center;
}

.layout4 .column .photo img{
    width: 100%;
    max-width: 180px;
}

.layout4 .column .text{
    margin: 20px auto;
    text-align: center;
    color: #545454;
    font-weight: bold;
    font-size: 16px;
}

.layout4 .column .text p{
   margin: 5px 0;
}

.layout4 .column .text span{
  font-family: arial, sans-serif,'lemon milk';
   font-size: 14px;
   color: #010035;
   text-transform: uppercase;
}

.layout4 .column .icon{
   text-align: center;
   height: 80px;
}

.layout4 .column .icon .email,
.layout4 .column .icon .phone{
    display: inline-block;
}

.layout4 .column .icon img{
    width: 28px;
    padding: 0 5px;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  cursor: pointer;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 230px;
  background-color: #555;
  text-align: center;
  padding: 8px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: -10%;
  left: 50%;
  margin-left: -115px;
}

.popup .popuptext p{
  margin: auto;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

.popup .popuptext a{
    color: #ffffff;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-right: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}

/* Toggle this class - hide and show the popup */
.popup:hover .popuptext {
  visibility: visible;
}



@media (max-width: 975px){



.hide{
    display: none !important;
}

.layout3 img,
.layout5 img,
.mobile{
    display: block !important;
}



/*
.layout1 .headline{
    padding: 100px 0 130px 0;
}
*/

.layout1 .immo img{
    width: 60px;
}


.layout1 .vdiv img{
   width: 140px;
}

.layout2 .panel-right img{
    max-width: none;
}

.layout2 .panel-right div{
    margin: auto;
}


.layout3 .panel-left,
.layout5 .panel-right{
    display: none;
}

.layout3,
.layout5 {
        background: #ececec;
}

.layout3 .panel-right,
.layout5 .panel-left{
    padding: 50px 5%;
}


.layout4 .column{
    width: 48%;
}

.layout2 .panel-left,
.layout2 .panel-right,
.layout3 .panel-right,
.layout5 .panel-left{
    float: none;
    width: 100%;
}

.popup .popuptext {
  visibility: visible;
}

.popup .popuptext {
  bottom: 20%;
}

.popup .popuptext p{
  line-height: 25px;
}

.layout4 .column .icon .email,
.layout4 .column .icon .phone{
    display: none;
}
}

@media (max-width: 765px){
.layout1 .badges{
    display: none;
}
}


@media (max-width: 603px){


.btn a{
    margin: 30px auto;
}

.mobile2{
    display: inline-block !important;
}

h1,
h2,
h3{
  text-align: center;
  margin: 30px auto;
}

.underline{
  margin: 30px auto;
}

.layout1 .underline,
.layout1 h1{
  position: relative;
  margin: 30px auto;
}



.layout1 .badges{
    padding-left: 30px;
    position: relative;
    right: unset;
   bottom: unset;
   margin: auto;
   text-align: center;
}


.layout1 .headline{
  margin: auto;
  padding: 40px 0;
}

  .layout4 .column{
    width: 100%;
}


}