/****** Custom Font ******/
@font-face {
	font-family:'TitilliumText22L-Regular';
	src: url('font/TitilliumText22L-Regular_gdi.eot');
	src: url('font/TitilliumText22L-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('font/TitilliumText22L-Regular_gdi.woff') format('woff'),
		url('font/TitilliumText22L-Regular_gdi.ttf') format('truetype'),
		url('font/TitilliumText22L-Regular_gdi.otf') format('opentype'),
		url('font/TitilliumText22L-Regular_gdi.svg#TitilliumText22L-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2265;
}

/****** SET DEFAULT ******/

* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
  margin:0;
  padding:0;
  font-family: 'Open Sans', sans-serif;
  font-size:100%;
  font-weight:400;
  background-color:#000000;
  background-image:url('images/bg-body.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center bottom;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

img.bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-5000;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
    border:none;
}

.wrapper {
  margin:6% auto 5%;
  width:80%;
}


.clearfix {
  clear:both;
}


/****** HOME SECTION 1 ******/
#section1 {
  width:100%;
  position:relative;
}

/**** Fading background ****/
.background {
  width:100%;
  position:absolute;
  top:0;
  left:0;
}

/****** Header ******/
#header {
  width:100%;
  background:rgba(0,0,0,0.6);
  position:relative;
  z-index:4000;
}

#headerwrap {
  margin:0 auto;
  width:80%;
  padding:2% 0 1%;
}

.logo {
  float:left;
  width:16%;
}

.navi {
  float:right;
  width:53%;
}

i.navbtn {
  display:block;
  position:absolute;
  bottom:15%;
  right:3%;
  width:8%;
  cursor:pointer;
  display:none;
}

ul.nav {
  margin-top:8%;
  list-style:none;
  overflow:hidden;
}

ul.nav li {
  float:left;
  margin-right:5%;
}

ul.nav li:last-child {
  margin-right:0;
}

ul.nav a {
  font-size:0.85em;
  color:#eeeeee;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

ul.nav a:hover {
  color:#ed1c24;
}

ul.dropdown {
  width:16%;
  list-style:none;
  position:absolute;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  border:1px solid #707070;
  padding:1%;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  transition:all 0.5s ease;
}

/*
ul.dropdown-latest {
  width:13%;
  list-style:none;
  position:absolute;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  border:1px solid #707070;
  padding:1%;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
*/

ul.dropdown li
/*ul.dropdown-latest li*/ {
  float:none;
  margin-left:0;
}

ul.nav li:hover ul {
  visibility:visible;
  opacity:1;
}

ul.dropdown2a,
ul.dropdown2b {
  list-style:none;
  margin-left:8%;
  display:none;
}

ul.dropdown2a i,
ul.dropdown2b i {
  display: inline-block;
  margin-right:4%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ed1c24;
}

@media screen and (max-width:1280px) {
  .navi {
    width:56%;
  }
  
  ul.dropdown {
    width:17%;
  }
  
  /*
  ul.dropdown-latest {
    width:13%;
  }
  */

}


/****** Home: Main Works ******/

#mainworks {
  margin:5% auto 0;
  padding-bottom:2%;
  width:80%;
  position:relative;
  z-index:500;
  
}

.slogan {
  float:right;
}

  .slogan h1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    font-size:4.8em;
    color:#f6a70f;
    text-shadow:2px 2px 4px #333333;
    
  }
  
  span.slogan2 {
    display:block;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    font-size:0.7em;
    color:#ffffff;
    line-height:85%;
    text-align:right;
  }
  
  h2.intro {
    margin:6% 0 0;
    font-size:1em;
    color:#ffffff;
    font-weight:normal;
    text-align:right;
    padding-bottom:2px;
    border-bottom:1px solid #ed1c24;
  }

.homelatest {
  float:left;
  width:23.5%;
  margin:1% 2% 0 0;
}

.homelatest4 {
  margin-right:0;
}

a.locationlink {
  display:block;
  text-decoration:none;
}

.latestworks {
  width:100%;
}

p.location {
  width:100%;
  padding:4% 6%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:1.3em;
  color:#ffffff;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}
  
  span.area {
    display:block;
    font-size:0.9em;
    color:#ed1d24;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
  }

a.locationlink:hover p.location {
  background-color:#ed1d24;
  background:rgba(234,29,36,0.9);
}

a.locationlink:hover span.area {
  color:#ffffff;
}

.view {
  clear:both;
  width:100%;
  text-align:right;
  padding-top:8px;
}

  .view a {
    font-size:0.875em;
    color:#dbdbdb;
    text-decoration:none;
  }
  
  .view a:hover {
    color:#ed1d24;
  }


/****** HOME SECTION 2 ******/

#section2 {
  width:100%;
  background-color:#ffffff;
  background:rgba(255,255,255,0.9);
  padding:4% 0;
}

.section2wrap {
  width:80%;
  margin:0 auto;
}

h2.sec2title {
  font-size:1.8em;
  color:#ed1d24;
  text-align:center;
}

.hmpromo1 {
  float:left;
  width:50%;
  margin-top:3%;
}

.hmpromo2 {
  float:right;
  width:45%;
  margin-top:3%;
  font-family:'TitilliumText22L-Regular';
}

.hmpromo2 h1 {
  font-size:1.8em;
  color:#f6a70f
}

h2.promo {
  margin-top:30px;
  font-size:1.2em;
  color:#222222;
}

h2.pgpromo {
  color:#ffffff;
}

h2.promo strong {
  font-size:1.5em;
  color:#ed1d24;
}

h2.promo em {
  font-size:0.9em;
  color:#333333;
}

.hmpromo2 h3 {
  margin-top:30px;
  font-size:1.2em;
  color:#f6a70f
}

address.promo-contact {
  font-size:0.95em;
  font-style:normal;
  color:#333333;
  line-height:150%;
}

address.promo-contact2 {
  color:#ffffff;
}


p.promo-phone {
  margin-top:5px;
  font-size:0.95em;
  color:#333333;
}

p.promo-phone2 {
  color:#ffffff;
}

.hmpromo3 {
  margin-top:50px;
  text-align:center;
}

a.seepromo {
  display:inline-block;
  font-family:'TitilliumText22L-Regular';
  font-size:1em;
  color:#ffffff;
  background:#111111;
  padding:12px 40px;
  text-decoration:none;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.seepromo:hover {
  background:#ed1d24;
}





/*
.hsec2colF {
  width:70%;
  margin:3% auto 0;
}

.hsec2col {
  float:left;
  width:30%;
  margin:3% 5% 0 0;
}

.hsec2col3 {
  margin-right:0;
}

a.promolink {
  display:block;
  border:2px solid transparent;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.promolink:hover {
  border:2px solid #ed1d24;
}

*/



/*
#section2-left {
  float:left;
  width:40%;
  padding:4% 0;
}

  h1.selesa {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:1.2em;
    color:#ed1d24;
  }
  
  h1.homearticle {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:1.6em;
    color:#1c1c1c;
    margin-bottom:20px;
  }
  
  p.homearticle {
    font-size:0.875em;
    color:#282828;
    line-height:145%;
  }

#section2-right {
  float:right;
  width:55%;
  padding:4% 0;
  text-align:right;
}

a.more {
  display:inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  color:#ffffff;
  text-decoration:none;
  margin-top:2%;
  padding:1% 3%;
  background:#ed1d24;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.more:hover {
  background:#111111;
}
*/




/****** HOME SECTION 3 ******/

#section3 {
  margin:0 auto;
  padding:3% 0;
  width:80%;
  text-align:center;
}


  h1.selesa {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:1.6em;
    color:#ed1d24;
    text-align:center;
  }
  
  h1.homearticle {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:2em;
    color:#f6a70f;
    text-align:center;
    margin-bottom:20px;
  }
  
  p.homearticle {
    font-size:0.95em;
    color:#ffffff;
    line-height:150%;
  }
  
  hr.line {
    display:block;
    width:80%;
    margin:3% auto;
    border-top:1ps solid #888888;
    border-bottom:none;
    border-left:none;
    border-right:none;
  }



  #section3 h2 {
    font-size:1.8em;
    color:#ffffff;
    text-align:center;
    margin:0 0 2%;
  }


a.circle {
  display:block;
  float:left;
  width:22%;
  height:0;
  padding-bottom:22%;
  margin:0 4% 4% 0;
  -webkit-border-radius:50%;
  border-radius:50%;
  position:relative;
  text-decoration:none;
  overflow:hidden;
}

a.circle4 {
  margin-right:0;
}


img.circle {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
}

img.plus {
  display:block;
  width:50px;
  height:50px;
  margin:350px auto 0;
  position:relative;
  z-index:100;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  transition:0.5s;
}

p.circletext {
  font-family:'TitilliumText22L-Regular';
  width:100%;
  padding:4% 0;
  text-align:center;
  position:absolute;
  left:0;
  bottom:20%;
  z-index:100;
  font-size:1.3em;
  color:#ffffff;
  background:#000000;
  background:rgba(0,0,0,0.8);
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  transition:0.5s;
} 

a.circle:hover img.plus {
  margin:70px auto 0;
}


a.circle:hover p.circletext {
  color:#ed1d24;
}


#section3a {
  margin:30px auto 40px;
  width:80%;
  text-align:center;
}



/****** ABOUT ******/

#aboutleft {
  float:left;
  width:41%;
}

#aboutright {
  float:right;
  width:53%;
}

.aboutright1 {
  float:left;
  width:49%;
  position:relative;
  border:1px solid #989898;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.aboutright2 {
  float:right;
  width:49%;
}
  
.promopanel {
  width:100%;
  position:relative;
  margin-bottom:3.5%;
  border:1px solid #989898;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.gallerypanel {
  width:100%;
  position:relative;
  border:1px solid #989898;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

.aboutright1:hover,
.promopanel:hover,
.gallerypanel:hover {
  border:1px solid #fafafa;
}

a.link {
  display:block;
  text-decoration:none;
}

p.linktag {
  width:100%;
  position:absolute;
  bottom:20px;
  left:0;
  background-color:#000000;
  background:rgba(0,0,0,0.9);
  padding:6% 0 6% 3%;
  font-family: 'Ubuntu', sans-serif;
  font-size:1.1em;
  color:#ed1d24;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}

a.link:hover p.linktag {
  background-color:#c0171d;
  background:rgba(192,23,29,0.9);
  color:#ffffff;
}



/****** LATEST WORKS ******/

.workswrapper {
  margin:6% auto 5%;
  width:80%;
}

#aside {
  float:left;
  width:15%;
}

#aside h3 {
  font-size:1em;
  color:#ed1d24;
}

a.locmenubtn {
  display:none;
  width:23%;
  margin:0 auto;
  text-align:center;
  font-size:0.95em;
  color:#ffffff;
  text-decoration:none;
  background:#ed1d24;
  padding:0.5% 3%;
  -webkit-border-radius:3px;
  border-radius:3px;
  position:relative;
  z-index:3000;
}

ul.area {
  list-style:none;
  margin-top:20px;
}

ul.area li {
  margin-bottom:10px;
}

ul.area li a {
  font-size:0.9em;
  color:#e3e3e3;
  text-decoration:none;
}

ul.area li a:hover {
  color:#ed1d24;
}


#works-section {
  float:right;
  width:78%;
  border-left:1px solid #707070;
  padding-left:5%;
}

h2.latest {
  margin:5% 0 2%;
  font-size:1em;
  color:#ffffff;
  font-weight:normal;
}


.works {
  float:left;
  width:30%;
  margin:0 5% 5% 0;
  border:1px solid #aaaaaa;
  position:relative;
}

.works3 {
  margin-right:0;
}


.worksname {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  padding:3%;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.works a {
  display:block;
  text-decoration:none;
}

h1.tmncondo {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1em;
  color:#ffffff;
  font-weight:normal;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

h1.area {
  font-family: 'Roboto Condensed', sans-serif;
  font-size:0.95em;
  color:#ed1d24;
  font-weight:normal;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}


.works:hover .worksname {
  background-color:#ed1d24;
  background:rgba(234,29,36,0.9);
}


.works:hover h1.area {
  color:#ffffff;
}

h2.place {
  font-family: 'Ubuntu', sans-serif;
  font-size:1em;
  color:#ffffff;
  font-weight:400;
  margin-bottom:2%;
  padding-bottom:0.5%;
  border-bottom:1px solid #909090;
}

.workspanel {
  width:100%;
  margin-bottom:1%;
}

.worksphoto {
  float:left;
  width:15%;
  margin-right:2%;
}

.worksphoto6 {
  margin-right:0;
}

  .worksphoto img {
    width:100%;
    border:2px solid #d1d1d1;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
  }
  
  .worksphoto img:hover {
    border:2px solid #fdbc5d;
  }


/****** PROMOTION ******/

.promocol {
  width:80%;
  margin:3% auto 0;
}

.pmcol1 {
  float:left;
  width:46%;
  margin-top:4%; 
}

.pmcol2 {
  float:right;
  width:46%;
  margin-top:4%;
}







/****** GALLERY ******/

.gallerytitle {
  float:left;
  width:18%;
}

.gallerycontent {
  float:left;
  width:82%;
}

@media screen and (max-width:1280px) {

  .gallerytitle {
    width:22%;
  }

  .gallerycontent {
    width:78%;
  }

}

.gallery {
  float:left;
  width:22%;
  margin:3% 4% 0 0;
  position:relative;
  overflow:hidden;
  border:2px solid #aaaaaa;
}

.gallery4 {
  margin-right:0;
}

p.gallerytype {
  width:100%;
  padding:4% 0;
  text-align:center;
  position:absolute;
  left:0;
  bottom:10%;
  font-family: 'Ubuntu', sans-serif;
  font-size:1.1em;
  color:#ffffff;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
} 

img.plus2 {
  display:block;
  width:20%;
  position:absolute;
  left:40%;
  bottom:40%;
  border:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -webkit-transform:translateY(200px);
  -moz-transform:translateY(200px);
  transform:translateY(200px);
}

.gallery:hover img.plus2 {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
}

.gallery:hover p.gallerytype {
  color:#ed1d24;
}


/****** GALLERY SHOWCASE ******/

.galwrapper {
  margin:6% auto 5%;
  width:80%;
}


#category {
  float:left;
  width:18%;
}

#category h3 {
  font-size:1em;
  color:#ed1d24;
}

a.galmenubtn {
  display:none;
  width:23%;
  margin:0 auto;
  text-align:center;
  font-size:0.95em;
  color:#ffffff;
  text-decoration:none;
  background:#ed1d24;
  padding:0.5% 3%;
  -webkit-border-radius:3px;
  border-radius:3px;
  position:relative;
  z-index:3000;
}

ul.cabinetnav {
  list-style:none;
  margin-top:20px;
}

ul.cabinetnav li {
  margin-bottom:10px;
}

a.act,
a.notact {
  font-size:0.9em;
  color:#e3e3e3;
  text-decoration:none;
}


a.notact {
  pointer-events:none;
  cursor:default;
}



a.act:hover {
  color:#ed1d24;
}

ul.cabinetnav ul {
  list-style:none;
  padding-left:10%;
}

ul.cabinetnav ul li {
  margin-bottom:6px;
}

ul.cabinetnav ul i {
  display: inline-block;
  margin-right:4%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ed1c24;
}

#showcase {
  float:right;
  width:82%;
  border-left:1px solid #707070;
  padding-left:5%;
}

.showcasepanel {
  width:100%;
  margin-bottom:1%;
}

.panel {
  float:left;
  width:15%;
  margin-right:2%;
}

.panel6 {
  margin-right:0;
}

  .panel img {
    width:100%;
    border:1px solid #d1d1d1;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
  }
  
  .panel img:hover {
    border:1px solid #ed1d24;
  }

a.viewpdf {
  display:inline-block;
  margin-left:20px;
  font:0.875em arial;
  color:#ffffff;
  font-style:italic;
}

a.viewpdf:hover {
  text-decoration:none;
  color:#ed1d24;
}



/****** LOCATION ******/

#location {
  float:left;
  width:52%;
}

h1.inno {
  font-size:1.2em;
  color:#ffffff;
  font-weight:400;
  margin-bottom:3%;
}


.showroom {
  float:left;
  width:55%;
  margin-bottom:10%;
}

  h2.office {
    font-size:0.95em;
    color:#ed1d24;
    font-weight:normal;
  }

  address {
    font-size:0.8em;
    color:#e3e3e3;
    line-height:135%;
    font-style:normal;
  }

  table.info {
    margin-top:2%;
    font-size:0.85em;
    color:#e3e3e3;
    border-collapse:collapse;
  }

  td.tfmeo {
    color:#ed1d24;
    position:relative;
  }

  td.tfmeo span {
    position:absolute;
    top:0;
    right:5%;
  }
  
  table.info a {
    color:#00d2ff;
    text-decoration:none;
  }
  
  table.info a:hover {
    color:#ed1d24;
    text-decoration:underline;
  }


.map {
  float:right;
  width:40%;
  margin-top:2%;
}

iframe.gmap {
  width:100%;
  height:160px;
}

.inno {
  position:relative;
}

  a.inno {
    position:absolute;
    top:50%;
    left:120%;
    font-size:0.8em;
    color:#ed1c24;
    text-decoration:none;
  }
  
  a.inno:hover {
    text-decoration:underline;
  }

#contact {
  float:right;
  width:39%;
}

#contact h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size:1.3em;
  color:#cccccc;
  font-weight:400;
}

span.contact {
  display:block;
  margin-bottom:5%;
  font-size:2em;
  color:#ffffff;
}

fieldset {
  margin-top:10%;
  border:4px double #888888;
}

legend {
  font-size:0.85em;
  color:#ed1d24;
  margin:0 3%;
  padding:0 3%;
}

table.inquiry {
  margin:3% auto;
  font-size:0.875em;
  color:#e3e3e3;
}

table.inquiry td {
  padding:0.5% 0;
}

input.detail {
  width:95%;
  padding:2%;
  font-family: 'Muli', sans-serif;
  font-size:0.95em;
  color:#111111;
  background:#ececec;
  border:none;
}

textarea {
  width:95%;
  height:150px;
  padding:2%;
  font-family: 'Muli', sans-serif;
  font-size:0.95em;
  color:#111111;
  background:#ececec;
  border:none;
}

input.btn {
  margin:0 1%;
  padding:2% 6%;
  font-size:0.95em;
  color:#ffffff;
  background:#353535;
  border:none;
  cursor:pointer;
  -webkit-border-radius:20px;
  border-radius:20px;
}

input.btn:hover {
  background:#f8970b;
}


/****** FONT ******/

h1.article {
  font-size:1.2em;
  color:#ed1d24;
  font-weight:400;
  margin-bottom:3%;
}

p.article {
  font-size:0.875em;
  color:#e3e3e3;
  line-height:140%;
}



/* FOOTER */

#footer {
  width:100%;
  border-top:3px solid #383838;
  background-color:#000000;
  background:rgba(0,0,0,0.6);
}

#footerwrap {
  margin:0 auto;
  padding:2% 0 0;
  width:80%;
}

.footerlogo {
  float:left;
  width:13%;
  margin-right:5%;
}


.footercontact1 {
  float:left;
  width:20%;
}

h4.footertitle {
  font-size:0.8em;
  color:#888888;
  font-weight:normal;
  margin-bottom:15px;
}

  .footercontact1 h5 {
    font-size:0.85em;
    color:#ed1d24;
    font-weight:normal;
  }
  
  address.ft {
    font-style:normal;
    font-size:0.8em;
    color:#bfbfbf;
    margin-bottom:7px;
  }
  
  address.ft span {
    display:block;
  }
  
  .footercontact1 p {
    font-size:0.8em;
    color:#bfbfbf;
    margin-bottom:7px;
  }
  
  .footercontact1 a {
    font-size:0.75em;
    color:#888888;
    text-decoration:none;
  }
  
  .footercontact1 a span {
    font-size:1.3em;
  }
  
  .footercontact1 a:hover {
    color:#ed1d24;
  }

.footercontact2 {
  float:left;
  width:22%;
}

  .footercontact2 p {
    font-size:0.8em;
    color:#bfbfbf;
  }


a.slink {
    text-decoration:none;
    color:#ffffff;
}

a.slink:hover {
    text-decoration:underline;
}

.ftsocial {
    width:100%;
    margin-top:20px;
}

a.whatsapplink {
    display:block;
    margin-bottom:10px;
    font-size:0.85em;
    color:#ffffff;
    text-decoration:none;
}

a.whatsapplink img {
    display:inline-block;
    width:22px;
    margin-right:10px;
    position:relative;
    top:4px;
}

a.messengerlink {
    display:inline-block;
    margin:10px 0 0 0;
    background:#0084ff;;
    font-size:0.85em;
    color:#ffffff;
    padding:5px 10px;
    text-decoration:none;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    bottom:6px;
}

a.messengerlink img {
    display:inline-block;
    width:22px;
    margin-right:10px;
    position:relative;
    top:4px;
}


.sitemap {
  float:left;
  width:40%;
}

.sitemap1 {
  float:left;
  width:30%;
}


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

  ul.footer {
    list-style:none;
    margin-top:-5px;
  }
  
  
  ul.footer a {
    font-size:0.75em;
    color:#bfbfbf;
    text-decoration:none;
  }
  
  ul.footer a:hover {
    color:#ed1d24;
  }
  
  .ftgal {
    width:100%;
  }
  
  ul.ftgal1 {
    list-style:none;
    width:67%;
    float:left;
  }
  ul.ftgal2 {
    list-style:none;
    width:33%;
    float:left;
  }

p.cpright {
  font-size:0.8em;
  color:#888888;
  text-align:center;
  margin-top:2%;
  padding:1% 0;
  width:100%;
  border-top:1px solid #484848;
}


/****** MAIL ******/
.maillogo {
  width:16%;
  margin:10% auto 2%;
}

.mailsec {
  width:80%;
  margin:0 auto;
  text-align:center;
}

.mailsec p {
  font-size:0.95em;
  color:#dddddd;
  margin-bottom:1%;
}

.mailsec a {
  font-size:0.95em;
  color:#aaaaaa;
  text-decoration:none;
}

.mailsec a:hover {
  color:#ed1d24;
}


@media screen and (max-width:1024px) {
  
  .maillogo {
    margin:20% auto 2%;
  }
  
}

@media screen and (max-width:768px) {
  
  .maillogo {
    width:20%;
    margin:25% auto 2%;
  }
  
}

@media screen and (max-width:480px) {
  
  .maillogo {
    width:30%;
    margin:40% auto 2%;
  }
  
}

@media screen and (max-width:414px) {
  
  .maillogo {
    width:35%;
    margin:50% auto 2%;
  }
  
}