@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/*Body
----------------------------------*/
body {font-family: 'Open Sans','Sarabun', sans-serif; font-size:14px; font-weight:500; color:#333;}
p {margin: 0 0 20px 0; font-weight:500; font-size:14px; letter-spacing:1px;  color:#333;}
span {font-size:14px; letter-spacing:0.5px}


h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans','Sarabun', sans-serif;  font-weight:400;color: #111;letter-spacing:1px;margin:0 0 20px 0;}
h1.Title {font-size:32px; line-height:normal; padding:20px 0; letter-spacing:3px}
h2{font-size:24px; line-height:normal}
h3{font-size:20px; font-weight:700}
h4{font-size:15px;}
h2 a{font-size:18px}

h3.SectionHeader {font-size:32px;font-weight:400; text-transform:uppercase;padding:0;margin:0 0 40px 0;letter-spacing:1px}

.listArticle h2.Title {font-size:32px}

a:link, a:visited, a:active, a:focus {color: #111; text-decoration: none; transition:0.3s}
a:hover { color: #ed2224; text-decoration: none }

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
	-webkit-appearance:none; 
	appearance:none; 	
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 10px 0px 10px;
	margin-bottom: 0px;
	border: 1px solid #ccc;
	font-size:14px;
	color:#555;
	font-weight:500;
}
a.readmore {font-size:13px; color:#174090; font-weight:500; letter-spacing:1px}
a.readmore:hover{color:#111;}
iframe {width:100%}

.HomePage #ContentArea {padding:0 0 50px 0;}
#ContentArea {padding:50px 0}


.PropertyList h2{font-size:22px;font-weight:400; text-transform:uppercase;padding:0 0 40px 0;margin:0 0 50px 0; position:relative;text-align:center; letter-spacing:3px}
.PropertyList h2:before { content:"";position:absolute;width:15%;height:2px;left:0;right:0;bottom:0;margin:auto;background:#20dad4; }

/*Main menu
*********************************/
.topnav { margin-top:35px; text-align: right;padding-right:60px }
.topnav a {font-family: 'Open Sans', sans-serif; font-size:13px; color: #111; line-height:50px;padding:0 15px;font-weight:600;text-transform:uppercase; letter-spacing:0.5px}
.topnav > li:hover > a {background: #fbd21c;color: #2d2e74;}
.topnav .VerticalDropDownMenu_active > a { background:transparent; color: #2d2e74; font-weight:700}
.subnav {background: #fbd21c}
.subnav a { line-height:36px !important; text-align: left; color: #fff }
.subnav a:hover { color: #fff; background:rgba(0,0,0,0.07) }

/***************************************
By Jakkrit
****************************************/
p {margin: 0 0 20px 0; font-weight:400; font-size:14px; letter-spacing:0.5px;  color:#333;}
span {font-size:14px; letter-spacing:0.5px}
.LatestPropertiesForRent { font-size: 0 }
.row {margin-bottom: 0px}
.HomePage #ContentArea {padding:5% 0;}
#ContentArea {padding:110px 0 80px}
.btn, a.btn, .button, a.ui-button, .ui-button, .make-button, a.make-button, .CheckoutButton, .ShoppingCartButton a.checkOut, .AddPropertyConfirmLink, a.ShoppingCartLink, a.Printbutton, a.ContinueShoppingButton, .LoginToSeePrice > a, a.LinkToPropertyDetail, .AllDetails a, .MoreDetails a, button, input[type="submit"], input[type="reset"], input[type="button"], .ui-dialog .ui-dialog-buttonset button, .PropertyMoreDetailsLink.ui-button, .CheckAvailableUnitsLink a, .RemoveWishList .RemoveWishListLink, .AddToWishList .AddToWishListLink, a.CategoryItemSlideShowAllLink, .ShoppingCartButton a.saveAsDraft, .PageMyAccountEditForumUserSetting #ContentArea form+div a
{ background:#34495E; color:#fff; font-weight:400; border-radius:3px}
.btn:hover,a.btn:hover, .button:hover, .ui-button:hover, .make-button:hover, a.make-button:hover, .CheckoutButton:hover, .ShoppingCartButton a.checkOut:hover, .AddPropertyConfirmLink:hover, a.ShoppingCartLink:hover, a.Printbutton:hover,a.ContinueShoppingButton:hover,.LoginToSeePrice > a:hover, a.LinkToPropertyDetail:hover, .AllDetails a:hover, .MoreDetails a:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .ui-dialog .ui-dialog-buttonset button:hover, .PropertyMoreDetailsLink.ui-button:hover, .CheckAvailableUnitsLink a:hover, .RemoveWishList .RemoveWishListLink:hover, .AddToWishList .AddToWishListLink:hover, a.CategoryItemSlideShowAllLink:hover, .ShoppingCartButton a.saveAsDraft:hover, .PageMyAccountEditForumUserSetting #ContentArea form+div a:hover
{ background:#ed2224;  color:#fff}


#HeaderArea { 
    position: relative;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;    
}

#LeftOuterArea > div,
#LeftArea > div,
#RightArea > div,
#ContentArea,
#FooterArea,
#AsideArea > div,
#RightOuterArea > div {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}


#RightArea, #AsideArea {background-color: #ecf0f1;padding:5%}
#LeftOuterArea{background-color: #fff;padding:5%}

#ContentArea {padding-bottom: 40px;}

/*Header 
******************************************************/
#HeaderContentSectionsWrapper8906 {padding-top:5%}
#HeaderContentSectionsWrapper8906 p{color:#fff}
#HeaderContentSectionsWrapper8906 a {color:#fff; text-decoration:underline}
#HeaderContentSectionsWrapper8906 a:hover{color:#ed2224}

#Article70133 {text-align:center;}
#Article70133 img {height:90px}
#Article70135 {text-align:right}
#header {
    height: 600px;
    background: url(/Content/Archive/396/photo-1422226256160-9b266e308ea6-84318.jpg) no-repeat;
    background-position: center 60%;
    background-size: cover;
}

#HeaderContentSections17204 h3.SectionHeader{position: relative;top: 0;text-align: center;padding:50px 0 80px;color:#fff}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContentWrapper {max-width: 640px;background: rgba(0,0,0,0.6);padding: 15px;position: relative}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxPurpose .RadioListItem label.ui-state-active {background: rgba(0,0,0,0.6)}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxPurpose .RadioListItem label.ui-state-active .ui-button-text {color: #fff}
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContent form > div.PropertySearchBoxButton .ui-button { background-color:#ed2224; text-align: left; padding:0 20px; text-transform: uppercase; font-weight: 500;border-radius:3px !important }
body:not(.mt) .HomePage .SearchPropertyStyle.No2 .PropertySearchBoxContent form > div.PropertySearchBoxButton .ui-button:hover{ background-color:#d20002}


#navigation {
    list-style: none;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
    background:rgba(0,0,0,0.2)
}

#navigation li {
    float: left;
    width: 20%;
}

#navigation a {
    text-decoration: none;
    text-align: center;
    display: block;
    color: white;
    text-transform: uppercase;
    line-height: 100px;
    height: 100px;
    letter-spacing:1px
}

#navigation a:hover {background:#ed2224}


#fullArticleItem70141 {
    text-align: center;
    padding: 80px 0;
}

#fullArticleItem70141 img {
    width: 80px;
    padding: 10px;
}

#fullArticleItem70133 img {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 40px;
}



#fullArticleItem70134 {
    position: absolute;
    top: 40px;
    left: 15px;
    color: #fff
}

#fullArticleItem70135 {
    position: absolute;
    top: 40px;
    right: 15px;
    color: #fff
}



#fullArticleItem70138 {
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;    
    width: 100%;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
}

.AllDetails{padding:10px 0;margin-bottom: 40px;}
.AllDetails a {background:#ed2224}
.AllDetails a:hover{background:#d21113}


.ListTopFeatured, .PropertyList {
    overflow: hidden;
}

.Property {width: 23%.5;display: inline-block;vertical-align: top; margin-bottom: 30px;}

.PropertyList .Property:nth-of-type(4n + 1) {
    margin-left: 0px;
}

.PropertyList .Property:nth-of-type(4n) {
    margin-right: 0px;
}

.Property .PropertyInfo {padding:20px}
.Property h3 {margin: 0 0 10px 0;font-size: 100%;}

.Ref a {background:#ccc; width:fit-content}
.PropertyInfo .Title .Ref a {width:fit-content; padding: 0 10px; padding-top: 0px; left:15px}



.divLinkToPropertyDetail {
    text-align: center;
    line-height: 40px;
    height: 40px;
}


.Column1 {
    float: left;
    width: 70%;
}

.Column2 {
    float: right;
    width: 25%;
    padding: 0 15px 15px 15px;
    background-color: #ecf0f1;
}

.Column2 ul {list-style: none;}

.Column2 .contactAgent a {
    background: none !important;
    color: #fff;
    width: 100%;
    margin: 15px 0 0 0;
    border: none;
    border-radius: 0;
}

.Column2 .contactAgent a span {
    background-color: #34495E;
}

.CustomFormGenerate h3,.CustomFormGenerate h2 { display: none; }


.CustomFormGenerate .Description {float: left;width:65%; padding:0 20% 0 0}

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

.CustomFormActions {
    float: right;
    width: 35%;
}

.CustomFormLabel { display: none; }


input[type="text"], textarea {
    width: 100%;
    line-height: 48px;
    height: 48px;
    padding: 0 12px;
    margin-bottom: 10px;
    background-color: #ecf0f1;
    border: none;
}

textarea {height: 120px;}
::-webkit-input-placeholder {text-transform: uppercase;color:#111}

.Paging {text-align: center;margin-top: 20px}
.Paging a {display: inline-block;width: 40px;height: 40px;line-height: 40px}
.PageButtonActive {background-color: #34495E;color: white}


@media (max-width: 767px) {
    #fullArticle8906 img {
        width: 100px;
        margin-left: -50px;
        top: 15px;
    }

    #fullArticleItem70134 {
        top: 0px;
        line-height: 90px;
    }

    #fullArticleItem70135 {
        top: 0px;
        line-height: 90px;
    }    
    
    .PropertySearchBox select {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    .RadioListItem {
        float: left;
        width: 50%;
        margin-bottom: 15px;
    }

    .RadioListItem label {
        color: black;
        text-align: center;
        width: 100%;
        line-height: 40px;
        background-color: #bdc3c7;
    }

    .RadioListItem input {
        position: absolute;
        visibility: hidden;
    }

    .RadioListItem input:checked + label {
        background-color: #fff;
    }

    .Property {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        display: block;
        vertical-align: top;
        margin-bottom: 30px;
        background-color: #ecf0f1;
    }

    .CustomFormGenerate .Description {
        float: none;
        font-size: 150%;
        width: 100%;
    }

    .CustomFormGroup {
        float: none;
        width: 100%;
    }

    .CustomFormActions {
        float: none;
        width: 100%;
    }

    .Column1 {
        float: none;
        width: 100%;
    }

    .Column2 {
        float: none;
        width: 100%;
        padding: 15px;
        background-color: #ecf0f1;
    }    
}

.ui-state-default .ui-icon { display: none }
.ui-state-active { background: #34495E; color: #fff }


/*Referanser
*************************************************/
#Footer{
  padding-top:6%;
  padding-bottom: 4%;
  background-image: linear-gradient(358deg, #3a2a44 0%, rgb(115 53 20 / 75%) 100%), url(/Content/Archive/688/bg2-543142.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  background-size:100%;
}

#Footer p {color:#fff}
#Footer a {color:#ed2224}
#Footer a:hover{color:#fff}
#Article70137 {text-align:center}
#Article70137 img {height:80px}