/* standard css */
body {font-family: 'Playfair Display', sans-serif; font-size: 18px; color: #000000; background-color: #fff; margin: 0px; padding: 0px}
h1 {color: #333333} 
h2 {color: #002172}
h3 {color: #353535}
a {color: #A51F01}

/*
.logo {margin: 0; width: 25%; padding: 0}
#banner {width: 100%; z-index: 5; position: fixed; background-color: #fff; max-height: 190px}
#textcont {position: relative; z-index: 4; width:80%; margin: 12% 10% 0% 10%; text-align:center;}
*/


/* public.master */
#template {margin: 0}

/* header */
header {border-bottom: 1px solid #BEACA2}
.social-media {text-align: right; padding: 0; margin: 0; z-index: 1}
    .social-media li {display: inline-block; padding: 0 10px 0 0}
.btn-social-icon {color: #C2C2C2}
.logo {position: relative; margin: -30px auto 0 auto; padding: 10px; z-index: 5; min-width: 20%; /*border: 2px dashed purple*/}
#navigation {position:relative; width: 100%; text-align: center; height: auto; /*border: 2px dashed blue*/}


/* regular navigation drop down css*/
/*#sddm {margin: 0 23% 0 5%; width :auto; position: relative; float: right; padding: 0; z-index: 30; border: 2px dashed green;}*/
#sddm {position: relative; margin: 0; width: auto; height: auto; padding: 0; z-index: 30; /*border: 2px dashed green;*/}
#sddm li {margin: 0; padding: 0; list-style: none; display: inline-block; font-size:15px; font-family: 'Playfair Display', sans-serif; color: #000000; /*border: 2px dashed red;*/}
#sddm li > a {display: block; text-align: center; margin: 0; padding: 6.5px 22px; background: #ffffff; color: #000000; text-align: center; font-size:18px; font-family: 'Playfair Display', sans-serif; text-decoration: none; /*border: 2px dashed orange*/}
#sddm li a:hover {background: #E9E9E9; color: #000;}
#sddm div {position: absolute; visibility: hidden; text-align: left; margin: 0; padding: 0; background: #E9E9E9; border: 1px solid #D1D1D1;}
#sddm div a {
    border-bottom:solid; border-bottom-color: #D1D1D1; border-bottom-width: 1px; position: relative; display: block; margin: 0px; padding: 10px 35px;
	width: auto; white-space: nowrap; align: left; text-align: left; text-decoration: none; background: #E9E9E9; color: #000; font-size:13pt; 
    font-weight: normal; font-family: 'Playfair Display', sans-serif;
}
#sddm div a:hover {background: #fff; color: #000;}


/* collapse navigation css */
.click-nav {position: absolute; float: right; display: none; width: 100%; padding-top: 5px; z-index: 6/*border: 2px dashed black*/}
.click-nav span {padding: 10px 12px 10px 12px; background-color: #353535; border-radius: 5px; color: #fff}
.click-nav span:hover {background-color: #7A7A7A}
.click-nav > ul {list-style-type: none; padding: 0 5% 0 5%; /*border: 2px dashed green*/}
.click-nav > ul > li {float:right; text-align: right; /*border: 2px dashed blue*/}
.click-nav > ul > li > ul {width: 200px; background-color: #353535; list-style-type: none; padding: 0; margin-top: 10px; text-align: center; /*border: 2px dashed green*/}
.click-nav > ul > li > ul a {line-height:40px; font-family: 'Playfair Display', sans-serif; font-size: 22px; text-decoration: none; color: #fff; padding: 0; margin: 0; /*border: 2px dashed red*/}
.click-nav > ul > li > ul a li {padding: 5px; margin: 0; align-content: center; border-bottom: 1px solid #D1D1D1 /*border: 2px dashed orange*/}
.click-nav > ul > li > ul a li:hover {background-color: #7A7A7A}


/* default */
.container {width:100%; margin:0; padding:0}
.row {width:100%; margin:0; padding:0}
.divider {width:100%; position: relative; background-color: #0F5192; padding: 0; margin: 0}
.divider2 {width:100%; position: relative; padding: 0; margin: 0}
#textcont {text-align: center; padding: 2% 0 0% 0}
.default-cont0 {position: relative; height: auto; width: 50%; padding: 40px; margin: 1% 1% 1% 10%}
    .default-cont0 h3 {color: #fff; font-size: 28px}
    .default-cont0 p {color: #fff; font-size: 18px}
.default-cont1 {position: relative; height: auto; width: 28%; padding: 40px; margin: 1% 10% 1% 1%}
    .default-cont1 img {width: 100%}
.default-cont2 {position: relative; height: auto; width: 20%; padding: 15px; margin: 1% 0 1% 10%; text-align: center; /*border: 1px dashed green*/}
    .default-subcont0 {padding: 10px; border-bottom: 4px solid #BEACA2}
    .default-subcont0 h1 {margin: 0; font-size: 30px; font-weight: 600}
    .default-subcont0 h3 {margin: 0; font-size: 20px}
    .default-subcont1 {padding: 10px; height: 350px; color: #4C4C4C; font-size: 90%; /*border: 1px dashed blue*/}
    .default-cont2 a {color: #0F5192; font-weight: 500; text-decoration: none}
    .default-cont2 a:hover {color: #fff}
    .default-subcont-a {padding: 10px 20px 10px 20px; border: 4px solid #0F5192; border-radius: 5px}
    .default-subcont-a:hover {background-color: #0F5192}
    .default-subcont-a p {margin: 0}
.default-cont3 {position: relative; min-height: 400px; width: 80%; padding: 40px; margin: 1% 10% 1% 10%}
    .default-cont3 h3 {color: #fff; font-size: 28px}
    .default-cont3 p {color: #fff; font-size: 18px}
.default-cont4 {position: relative; height: auto; width: 80%; padding: 15px 30px 15px 30px; margin: 1% 10% 1% 10%}
    .default-subcont4 {padding: 10px; /*border-bottom: 4px solid #BEACA2*/}
    .default-subcont4 h1 {margin: 0; font-size: 28px; font-weight: 600}
    .default-cont4 ul {padding: 10px; font-size: 20px}


/* buyer, seller & consulting */
.buyer-cont0 {position: relative; height: auto; width: 50%; padding: 40px; margin: 1% 1% 1% 10%}
    .buyer-cont0 h3 {color: #fff; font-size: 28px}
    .buyer-cont0 p {color: #fff; font-size: 18px}
.buyer-cont1 {position: relative; height: auto; width: 28%; padding: 40px; margin: 1% 10% 1% 1%}
    .buyer-cont1 img {width: 80%; margin: auto}
.buyer-cont2 {position: relative; height: auto; width: 80%; padding: 15px 30px 15px 30px; margin: 1% 10% 1% 10%}
    .buyer-subcont0 {padding: 10px; /*border-bottom: 4px solid #BEACA2*/}
    .buyer-subcont0 h1 {margin: 0; font-size: 28px; font-weight: 600}
    .buyer-subcont1 p {padding: 10px; font-size: 18px}
.buyer-spacing {margin-top: 5%}


/* state */
.state-cont0 {position: relative; min-height: 250px; width: 80%; padding: 40px; margin: 1% 10% 1% 10%}
    .state-cont0 h3 {color: #fff; font-size: 28px}
    .state-cont0 p {color: #fff; font-size: 18px}
.subcont00 {position: relative; height: auto; width: 100%}
    .subcont00 a {width: 25%; margin: 2% 12.5% 2% 12.5%; font-weight: 500; text-decoration: none; text-align: center}
    .state-button {padding: 10px 5px 10px 5px; background-color: #6EB064; border-radius: 5px}
    .state-button:hover {background-color: #DBBE69}
    .state-button p {margin: 0}
.subcont0 {position: relative; height: auto; width: 80%; margin: 1% 10% 4% 10%}
.subcont0 img {width: 100%}
.subcont0 img:hover {box-shadow: 2px 2px 6px 2px #BEACA2}
.state-cont2 {position: relative; height: auto; width: 80%; padding: 15px 30px 15px 30px; margin: 1% 10% 1% 10%}
    .state-subcont0 {width: 50%; margin: auto; padding: 10px; border-bottom: 4px solid #BEACA2}
    .state-subcont0 h1 {margin: 0; font-size: 30px; font-weight: 600}
    .state-subcont1 {padding: 10px; min-height: 250px}

/* PDFs */
.pdf-cont0 {position: relative; height: auto; width: 80%; padding: 40px; margin: 1% 10% 1% 10%}
    .pdf-cont0 h3 {color: #fff; padding: 5px; font-size: 28px}
    .pdf-cont0 p {color: #fff; padding: 5px; font-size: 18px}
    .pdf-cont0 img {width: 60%; margin: 6% 20% 2% 20%}
    .pdf-cont0 img:hover {box-shadow: 2px 2px 6px 2px #BEACA2}
.pdf-cont2 {position: relative; height: auto; width: 80%; padding: 40px; margin: 1% 10% 1% 10%}
    .pdf-subcont0 h1 {margin: 0; padding: 5px; font-size: 28px; font-weight: 600}
    .pdf-subcont1 {margin-bottom: 8%}
    .pdf-subcont1 p {padding: 5px; font-size: 18px}
    .pdf-subcont1 p:first-child {text-align: center; font-size: 20px; color: #002172; margin-top: 6%}
    .pdf-subcont1 img {width: 60%; margin: 1% 20% 2% 20%}
    .pdf-subcont1 img:hover {box-shadow: 2px 2px 6px 2px #BEACA2}
    .pdf-subcont2 {width: 30%; padding: 0; margin: auto; text-align: center}
    .pdf-subcont2 h5 {font-size: 16px}
    .pdf-subcont2 p {font-size: 16px}
    .pdf-subcont2 h3 {color: #002172; font-size: 16px}
    .pdf-subcont2 a {color: #0F5192; text-decoration: none; font-size: 14px}
    .pdf-subcont2 a:hover {color: #A51F01}

/* news */
.news-row {width:80%; min-height: 800px; margin:0; padding:0; float: left}
.news-row2 {width:20%; height: 100%; margin:0; padding:0; float: right}
.news-divider {position: relative; background-color: #0F5192; padding: 0; margin: 0}
.news-cont0 {position: relative; height: auto; width: 80%; padding: 15px; margin: 2% 10% 1% 10%}
    .news-subcont0 {padding: 10px 0 10px 0; border-bottom: 2px solid #BEACA2; color: #333333}
    .news-subcont0 h1 {margin: 0; padding: 5px 0 5px 0; font-size: 40px; font-weight: 600}
    .news-subcont0 h1 a {color: #333333}
    .news-subcont0 h3 {margin: 0; padding: 5px 0 5px 0; font-size: 15px; font-weight: 400}
    .news-subcont1 {padding: 10px 0 25px 0; height: auto; font-size: 20px}
    .read-more {padding: 10px 15px 10px 15px; color: #fff !important; background-color: #0F5192; border-radius: 2px; width: 173px;}
    .read-more:hover {background-color: #DBBE69}
    /*.news-subcont1 a {padding: 10px 15px 10px 15px; background-color: #0F5192; border-radius: 2px; width: 173px}*/
    /*.news-subcont1 a:hover {background-color: #DBBE69}*/
    .news-cont0 a {color: #333333; font-weight: 500; text-decoration: none}
    .news-subcont-a {padding: 10px 15px 10px 15px; background-color: #0F5192; border-radius: 2px; width: 173px}
    .news-subcont-a:hover {background-color: #DBBE69}
    .news-subcont-a p {margin: 0}
.news-cont1 {position: relative; height: auto; width: 100%; padding: 40px; margin: 1% 0 1% 0}
    .news-cont1 h4 {padding: 10px 0 0 0; font-size: 20px; font-weight: 600}
    .news-cont1 ul {padding: 0 0 0 12px}
    .news-cont1 a {text-decoration: none; color: #fff; font-size: 16px}
    .news-cont1 a:hover {color: #DBBE69}
input[type=text] {
    width: 130px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white;
    background-image: url('../images/search-icon.png'); background-size: 25px;background-position: 10px 10px; background-repeat: no-repeat; 
    padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;
}
input[type=text]:focus {width: 100%;}


/* executives */
.container-executive {width:100%; margin:0; padding:0}
.container-executive2 {width:100%; margin:0; padding:0; display: none}
.executive-cont0 {position: relative; height: auto; width: 50%; padding: 40px; margin: 1% 1% 1% 10%}
    .executive-cont0 h3 {color: #fff; font-size: 28px; font-weight: 600}
    .executive-cont0 h4 {color: #fff;font-weight: 600}
    .executive-cont0 p {color: #fff; font-size: 18px}
.executive-cont1 {position: relative; height: auto; width: 28%; padding: 40px; margin: 5% 5% 5% 5%}
    .executive-cont1 img {width: auto; margin: auto}
.executive-cont2 {position: relative; height: auto; width: 28%; padding: 40px; margin: 5% 5% 5% 5%}
    .executive-cont2 img {width: auto; margin: auto}
.executive-cont3 {position: relative; height: auto; width: 50%; padding: 40px; margin: 1% 10% 1% 1%}
    .executive-cont3 h3 {font-size: 28px; font-weight: 600}
    .executive-cont3 h4 {font-weight: 600}
    .executive-cont3 p {font-size: 18px}


/* contact */
.contact-cont0 {position: relative; min-height: 300px; width: 60%; padding: 40px; text-align: center; margin: 1% 20% 1% 20%}
    .contact-cont0 h3 {color: #fff; font-size: 28px}
    .contact-cont0 p {color: #fff; font-size: 18px}
.contact-cont2 {position: relative; height: auto; width: 80%; padding: 15px; margin: 1% 10% 5% 10%; text-align: center}
    .contact-subcont0 {width: 50%; margin: auto; padding: 10px; /*border-bottom: 4px solid #BEACA2*/}
    .contact-subcont0 h1 {margin: 0; font-size: 28px; font-weight: 600}
    .contact-subcont1 {padding: 15px; min-height: 300px}
    .contact-subcont1 a {color: #0F5192; text-decoration: none}
    .contact-subcont1 a:hover {color: #A51F01}
.contact-spacing {margin-top: 5%}

/* footer */
footer {position: relative; clear: both; margin: 0; padding: 0; background-color: #333333; color: #fff; min-height: 80px; border: 1px solid #333333}
        footer > p {font-size: 14px; text-align: center; padding: 40px 0 0 0}


/* responsive site */
@media (max-width: 1530px) {
    .subcont00 a {width: 30%; margin: 2% 10% 2% 10%}
    .state-button p {font-size: 16px}
}

@media (max-width: 1518px) {
    .default-cont2 {width: 25%; margin: 1% 0 1% 6%}
    .default-subcont1 {height: 300px}
}

@media (max-width: 1283px) {
    .default-cont2 {width: 29%; margin: 1% 0 1% 3%}
    
}

@media (max-width: 1275px) {
    #sddm li > a {font-size:16px}
    #sddm div a {font-size: 14px}
}

@media (max-width: 1212px) {
    .default-subcont0 h1 {font-size: 25px}
    .default-subcont0 h3 {font-size: 15px}
    .default-subcont1 {font-size: 15px}
    .default-cont2 a {font-size: 14px}
}

@media (max-width: 991px) {
    .default-cont0 {width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .default-cont1 {height: auto; width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .default-cont2 {height: auto; width: 60%; padding: 15px; margin: 1% 20% 1% 20%}
    .default-subcont0 h1 {font-size: 30px}
    .default-subcont0 h3 {font-size: 20px}
    .default-subcont1 {height: auto; font-size: 100%}
    .default-cont2 a {font-size: 18px}
    .default-cont3 {width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .default-cont4 {width: 60%; padding: 15px; margin: 1% 20% 1% 20%}
    .default-subcont4 h1 {text-align: center}

    .buyer-cont0 {width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .buyer-cont1 {height: auto; width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .buyer-cont1 img {width: 100%; margin: auto}
    .buyer-subcont0 h1 {text-align: center}
    .buyer-spacing {display: none}

    .state-cont0 {width: 60%; padding: 40px; margin: 1% 20% 1% 20%}
    .state-cont2 {height: auto; width: 60%; padding: 15px; margin: 1% 20% 1% 20%}
    .subcont00 a {width: 95%; margin: 15px 2.5% 15px 2.5%}
    .subcont0 {width: 100%; margin: 1% 0 6% 0}

    .pdf-cont0 {width: 60%; margin: 1% 20% 1% 20%}
    .pdf-cont0 img {width: 100%; margin: 8% 0}
    .pdf-cont2 {width: 60%; margin: 1% 20% 1% 20%}
    .pdf-subcont1 p:first-child {margin-top: 8%}
    .pdf-subcont1 img {width: 100%; margin: 1% 0 8% 0}
    .pdf-subcont1 {margin-bottom: 25%}
    .pdf-subcont2 {width: 80%}
    .pdf-subcont2 p {font-size: 14px}

    .news-row {width:100%}
    .news-row2 {display: none}
    .news-divider {display: none}   
    .news-subcont1 {font-size: 14px}

    .container-executive {display: none}
    .container-executive2 {display: inline-block}
    .executive-cont0 {width: 80%; padding: 20px; margin: 1% 10% 1% 10%}
    .executive-cont1 {height: auto; width: 80%; padding: 10px; margin: 1% 10% 1% 10%}
    .executive-cont1 img {width: auto}
    .executive-cont2 {height: auto; width: 80%; padding: 10px; margin: 1% 10% 1% 10%}
    .executive-cont2 img {width: auto}
    .executive-cont3 {width: 80%; padding: 20px; margin: 1% 10% 1% 10%}
    .executive-spacing {margin-top: -10px}

    .contact-cont2 {height: auto; width: 60%; padding: 15px; margin: 1% 20% 2.5% 20%}
    /*.contact-subcont1 {height: auto}*/
    /*.contact-spacing {display: none}*/
}

@media (max-width: 883px) {
    #navigation {display: none}
    .click-nav {display: inline}
    #template {margin-top:50px}
}

@media (max-width: 768px) {
    .logo {margin: auto}
}

@media (max-width: 648px) {
    .contact-subcont1 a {font-size: 16px}
}

@media (max-width: 577px) {
    .contact-subcont1 a {font-size: 14px}
}

@media (max-width: 460px) {
    .contact-subcont1 a {margin-left: -15%}
}

@media (max-width: 440px) {
    .default-subcont0 h1 {font-size: 22px}
    .default-subcont0 h3 {font-size: 18px}
    .default-subcont1 {font-size: 16px}
    .default-cont2 a {font-size: 16px}
    .default-subcont4 h1 {font-size: 22px}
    .default-cont4 ul {font-size: 16px}

    .state-button p {font-size: 14px}

    .contact-subcont0 h1 {font-size: 22px}
    .contact-subcont1 {font-size: 16px}
}

@media (max-width: 395px) {
    .contact-subcont1 a {margin-left: -25%}
}

@media (max-width: 372px) {
    .default-subcont0 h1 {font-size: 20px}
    .default-subcont0 h3 {font-size: 16px}
    .default-subcont4 h1 {font-size: 20px}
}

@media (max-width: 332px) {
    .contact-subcont0 h1 {margin-left: -35%}
    .contact-subcont1 a {margin-left: -40%}
}