/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,400i,500,600');*/
@import url('https://use.fontawesome.com/releases/v5.1.0/css/all.css');



/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,400i,500,600');*/

@font-face {
    font-family: din;
    src: url(../fonts/din/PFDinTextCompPro-Light_0.ttf);
}


@font-face {
    font-family: dinbold;
    src: url(../fonts/din/PFDinTextCompPro-Medium.ttf);
}

 
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    width: 10px; ; 
    background:#d0d0d0;
    border-left:1px solid #999;
    border-radius: 0px;
    padding:1px;
}
 
::-webkit-scrollbar-thumb {   width: 10px;  border-radius: 0px; background:#999;  }
::-webkit-scrollbar-thumb:hover { background:#777; }

::-webkit-scrollbar-thumb:window-inactive,-webkit-scrollbar-track:window-inactive {
  background:#ddd; 
}





body{ font-family: din, sans-serif; color:#777777 !important;  line-height:1.3; font-size: 16px;   font-weight: normal;  overflow:auto; padding-top: 100px;  letter-spacing: 0.04em;  }

::-webkit-input-placeholder { color:#481003; text-transform:uppercase; font-size:16px; font-weight: normal; }
::-moz-placeholder { color:#481003; text-transform:uppercase;  font-size:16px; font-weight: normal; } /* firefox 19+ */
:-ms-input-placeholder { color:#481003; text-transform:uppercase; font-size:16px; } /* ie */
input:-moz-placeholder { color:#481003; text-transform:uppercase; font-size:16px;  }

.font-bold,.bold,strong,b,.button{ font-family: dinbold, sans-serif; }
.font-hand{ font-family: 'Dancing Script', cursive; }
.align-middle{ vertical-align: middle; }

h1{ font-size:24px; font-family: dinbold, sans-serif; }
h2{ font-size:22px;   font-family: dinbold, sans-serif;  line-height: 1.2; }
h2 strong{ font-weight:bold;   }
p{line-height:1.4;}
a{ color:#464646; ; }
a:hover{  text-decoration: none;   }

input,textarea{ border:none !important; border-bottom:2px solid #f7921c !important; margin-bottom: 10px; border-radius:0px !important; }
input:hover,textarea:hover,input:focus,textarea:focus{ border-bottom:2px solid #481003 !important; }

.template-title span,.template-subtitle span{ line-height: 50px !important; display: block !important; }

.button{ padding:20px 15px 10px 15px !important;}
.button:hover,button:hover{ background-color: #f7921c !important; color:#fff !important; transition: background-color 0.2s linear,color 0.2s linear; font-weight: auto !important;  }
.button i,button i{ position: relative; left:0px;  transition: left 0.2s linear; }
.button:hover i,button:hover i{ left:3px; transition: left 0.2s linear;  animation: blinker 0.75s infinite;  }

a.link-open i{ position: relative; left:1px;  transition: left 0.2s linear; margin-right: 4px; }
a.link-open:hover i{ left:3px; transition: left 0.2s linear; /* animation: blinker 0.75s infinite; */ }


/** bar top **/
ul.bar-line{ background-color: transparent; }
ul.bar-line li a{ color:#fff; display:inline-block; margin-right:10px; transition: color 0.3s linear; }
ul.bar-line li a i{ color:#f7921c;  }
ul.bar-line li a:hover{ color:#f7921c; transition: color 0.3s linear; }
ul.bar-line li a img{ width: 22px; }
ul.bar-line li a:hover img{ filter:grayscale(50%); }


/*** menus ***/
nav.menu-desktop{ background-color:white; }
ul.bar-menu{  }
ul.bar-menu li.menu-logo{  }
ul.bar-menu li.menu-logo img{ width: auto; height: auto; max-width: 100%; max-height: 50px;  }

ul.bar-menu{ background-color: #fff; border-top:1px solid #f0f0f0; }
ul.bar-menu li a{ color:#93712c; display:inline-block; margin-right:20px; transition: color 0.3s linear; font-family: dinbold, sans-serif; }
ul.bar-menu li a i{ color:#333;  }
ul.bar-menu li a:hover{ color:#333; transition: color 0.3s linear; }
ul.bar-menu li a img{ width: 22px; }
ul.bar-menu li a:hover img{ filter:grayscale(50%); }

ul.bar-menu li.menu-links{  }
ul.bar-menu li.menu-links a{ padding:2px 0px;  font-size: 16px; font-weight: 500; border-bottom:2px solid transparent;  color:#333; margin-top: 15px; text-transform: uppercase; transition: border-bottom 0.25s ease,color 0.25s ease;  }
ul.bar-menu li.menu-links a.selected{  border-bottom:2px solid #f7921c; transition: border-bottom 0.25s ease,color 0.25s ease; }
ul.bar-menu li.menu-links a:hover{  border-bottom:2px solid #481003; color:#000;  transition: border-bottom 0.25s ease,color 0.25s ease;  }
ul.bar-menu li.menu-links a.wired{ padding: 3px 10px; font-size: 15px; color:#333; border:1px solid #333; }
ul.bar-menu li.menu-links a.wired{ color:#333; border:1px solid #333; }

/*** dropdown ***/

.drop-down-menu { display:none; width:230px; top:36px; padding:0px; }
.drop-down-menu:hover{ z-index: 50;  }
.drop-down-menu i { color:#444; position:absolute; top:-10px; left:50%; margin-left:-5px; z-index: 1; font-size: 32px; }
.drop-down-menu ul { position: relative; z-index: 2;  padding:0px 10px 10px 10px; background-color: #444;  margin-top:10px; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); }
.drop-down-menu ul li{ text-align: left; padding:0px; }
.drop-down-menu ul li a{ color:#fff !important; font-size: 14px; display: inline-block; padding: 5px; margin:0 0 0 0;  }
.drop-down-menu ul li a i{ position:relative; top:0; left:0; color:#fff !important; margin-left:0; font-size: 14px; }
.drop-down-menu ul li a:hover{ color:#f9f9f9 !important; }
.drop-down-menu ul li a:hover i{ color:#93712c !important; }

ul.bar-menu li.menu-links div.drop-down-active a:hover .drop-down-menu{  display: block; }


/* mobile representation */
nav.menu-mobile{ background-color:white; position: relative; top:130px; width: 300px; }
nav.menu-mobile a.menu-bt{ position: absolute; right: 15px; top:25px; text-align: center; }
nav.menu-mobile a.menu-bt:hover{ color:#93712c; }

nav.menu-mobile-open{ background-color:white; position: relative; top:230px; width: 300px; }
nav.menu-mobile-open a.close-bt{ position: absolute; right: 15px; top:20px; text-align: center; }
nav.menu-mobile-open a.close-bt:hover{ color:#93712c; }

nav.menu-mobile-open ul.menu-links li{  }
nav.menu-mobile-open ul.menu-links li a{ display: block; font-size: 18px; color:#333; padding:10px; }
nav.menu-mobile-open ul.menu-links li ul{ display: block;  }
nav.menu-mobile-open ul.menu-links li ul li{ display: block;  }
nav.menu-mobile-open ul.menu-links li ul li a{ display: block; font-size: 18px; color:#777; padding:0 10px; }
nav.menu-mobile-open p a img{ width:24px; }





/* microdata */
ol.breadcrumb{ color:#93712c; }
ol.breadcrumb li{ display: inline-block; }
ol.breadcrumb li i{ position:relative; top:-2px; color:#333; display: inline-block; margin:0 4px; }
ol.breadcrumb li a{ color:#333; }
ol.breadcrumb li a:hover{ color:#93712c; }


/* default page*/
header{  }
header h1.title-h1{ text-align: left; padding:0px 10px; }
header ol.breadcrumb{ padding:0px 10px; }
section.content{ padding:10px 0px; }
section.content .grid-70{ padding:10px 10px; }
section.content .grid-30{ padding:10px 10px; }

ul.bar-stats{  }
ul.bar-stats li { color:#93712c; display:block; font-size: 16px; text-align: center; }
ul.bar-stats li strong{ color:#93712c; display:block; font-size: 28px; font-weight: bold; }




ul.box-team {  }
ul.box-team li { text-align: center; padding:0 15px;  }
ul.box-team li span.img{ width: 100px;  height:100px; border-radius:100%; text-align: center; margin:0 auto; display: inline-block; border:1px solid #f0f0f0; }


ul.box-team li h3{ display: block;  }
ul.box-team li h3 a{ font-size:18px;  }
ul.box-team li p { display: block;   margin-top: 5px; }
ul.box-team li p a{ font-size:16px; text-align: left; display: block;  }
ul.box-team li p.job a{ font-size:14px; text-align: center; display: block;  }
ul.box-team li a.link-open{ display: block;  color:#93712c; margin-top: 5px; }


.slick-house li{ height: 300px;	 }
.img-sobre{width:700px;  margin-left: -420px; }
.tab-condicoes{}

.bg-1{ background-image:url('https://www.terraconceito.com.br/suhdo/storage/uploads/d9b906b68efc4093db2230db6fc04967/wysiwyg/Assets/bg.jpg');  background-position:center center; background-repeat: no-repeat; background-size: cover; }


a.bt-link:hover{ color:#002d7e !important; }
button,.button{ border-radius:4px; padding:12px 15px 10px 15px !important;  text-shadow: none; font-size: 15px; transition: background-color 0.3s linear; font-family: din;  height: auto !important; } 
input,select,textarea{ border-radius:4px; background:white; border:1px solid #ddd; padding:10px; }
input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{  background:#fff; border:1px solid #ccc; }

.transparent{ display: block; opacity: 0; transition: opacity 0.5s; }
.hover{ transition: opacity 0.3s;  }
.hover:hover{ opacity: 0.8; transition: opacity 0.3s; }
 
.title-h1 { font-size: 44px; text-transform: uppercase; }
.title-h1:after { content:""; font-size: 44px; text-transform: uppercase; }
.title-h2 { font-size: 26px; text-transform: uppercase; color:#481003; text-align: center;  letter-spacing: 1px; }
.title-h2::after { content:""; width:50px; height: 2px; background-color: #481003; display: block; text-align: center; margin:0 auto; margin-top:5px; margin-bottom:15px;  font-size: 22px; }
.title-h2-white { font-size: 24px; text-transform: uppercase; color:#ffffff; text-align: center; }
.title-h2-white::after { content:""; width:25px; height: 1px; background-color: #ffffff; display: block;  margin:0 auto; margin-top:5px; margin-bottom:15px;  font-size: 22px; }

.padding-super{ padding:40px 40px 40px 40px; }


/* custom colors */
.button.red:hover{ background-color:#74171B; transition: background-color 0.3s linear;  }
.button.red.wired:hover{ background:none !important; border:1px solid #74171B; color:#74171B; transition: background-color 0.3s linear;  }
.color-red{color:#BD252C;}
.red{ background-color:#BD252C; color:#fff;  }
.color-red-darken{ color:#74171B; }
.red-darken{ background-color: #74171B; color:#ffffff; }

.gold{ color:#93712c; }
.color-gold{ color:#93712c; }
.white{ background-color: #fff; }

.button.blue:hover{ background-color:#002d7e; }
.blue{  background:#005c9b; color:#fff; }
.color-blue{  color:#005c9b;  }
.blue.wired{  background-color:transparent; border:1px solid #005c9b; color:#005c9b;  }
.blue.wired:hover{  background-color:transparent; border:1px solid #777; color:#777;  }

.blue-darken{  background-color:#002d7e; color:#fff; }
.color-blue-darken{  color:#002d7e; }

.orange{background-color: #f7921c; color:#fff; }
.color-orange{color: #f7921c; }
.wired.orange{background-color: transparent; color:#f7921c; border:1px solid #f7921c; }


.brown{background-color: #481003; color:#fff; }
.color-brown{color: #481003; }
.wired.brown{background-color: transparent; color:#481003; border:1px solid #481003; }



.color-gray{ color:#888888 !important; }
.gray{ background-color:#888888 !important; }

.navy{ background-color: #03203f; }
.color-navy{ color: #03203f; }

.font-big{ font-size:55px;  }
.font-title{ font-size:53px; font-weight: 400; }
.font-subtitle{ font-size:37px;  font-weight: 300; }
.font-description{ font-size:30px;  font-weight: 300; }
.font-signature{ font-size:18px;  font-weight: 300; }
.padding-20{ padding: 20px 20px 20px 20px; }
.padding-x-20{ padding: 0px 20px 0px 20px; }
.ruler{ display: block; min-width: 30px; border-bottom: 1px solid #23bbbc; height: 1px; overflow: hidden;}
.ruler-gray{ display: block; min-width: 30px; border-bottom: 1px solid #bbb; height: 1px; overflow: hidden; }
.line-14{ line-height: 1.4; }
.default-column{ padding-left:10px; border-left: 1px solid #bbb; }

a.button,button{ border-radius: 0px 0px 0px 0px; letter-spacing: 1px;  }
a.button.round-x,button.round-x{ border-radius: 0px 5px 5px 5px; }

.button.rounded-20,input.rounded-20{ border-radius: 20px 20px 20px 20px; padding-left: 15px; padding-right: 15px; font-weight: 700; text-transform: normal; }
.button.rounded-50,input.rounded-50{ border-radius: 50px 50px  50px  50px ; padding-left: 15px; padding-right: 15px; font-weight: 700; text-transform: normal; }

#main-banner{ margin-top:40px;}
p.banner-legend{ display:inline-block; position:absolute; top:28%; left:50%; z-index:1; width: 60%;  padding: 50px; margin-left:-30%; text-align: center;}
p.banner-legend mark{ display:inline; font-size: 50px;  color:#fff; background-color:#23bbbc; }
.ad-mask{ background:rgba(0,0,0,0.5) url(../img/bg-ad2.png) center center repeat; background-size: 5px 5px; }


.layout-banner.banner-05 li h2.suh-title,.layout-banner.banner-05 li p.suh-subtitle,suh-bt-ad{ font-size: 32px !important; line-height:32px !important; vertical-align: middle !important; padding:0px 0px 0px 4px !important; margin:0px !important; margin-top:15px !important; font-family: din; letter-spacing: 1px; }
.layout-banner.banner-05 li h2.suh-title span,.layout-banner.banner-05 li p.suh-subtitle span{ font-size: 32px !important; line-height:32px !important; vertical-align: middle !important; padding:10px 0px 0px 4px !important; margin:0px !important; margin-top:0px !important; font-family: din;}

.suh-bt-ad a.button{ font-size: 22px !important; line-height:22px !important; vertical-align: middle !important; padding:12px 15px 7px 15px !important; margin:0px !important; margin-top:15px !important; font-family: din; letter-spacing: 1px; }


ul.house-details{  text-align: left; padding:10px; border:1px solid #f0f0f0; border-radius: 10px; }
ul.house-details li { padding: 5px 10px;   }
ul.house-details li div {  background:transparent url(../img/bg-ad2.png) center center repeat; background-size: 4px; background-repeat: repeat-x; padding:2px; }
ul.house-details li div span{ float:left; color:#777; background-color:white;  }
ul.house-details li div strong{ float:right; color:#005c9b; background-color:white; }

.top-destaques{ margin-top:210px; }



.portfolio-text{}
.portfolio-text li.grid-30{  text-align: left; width:25%;  }
.portfolio-text li.grid-30 h2{ color:#481003; font-size: 44px; border-right:2px solid #f7921c;  display: block;  line-height: 40px; }
.portfolio-text li.grid-70{  text-align: left; width:75%; }
.portfolio-text li.grid-70 p{ padding-left:30px; color:#481003;  line-height: 1.1; }


.portfolio-buttons{   }
.portfolio-buttons li {display: block; }
.portfolio-buttons li div a{display: block;  background-color:white; color:#777; font-size: 13px; text-align:center; padding:5px 10px; text-transform: uppercase;  }
.portfolio-buttons li div a img{ margin-bottom: 10px;  }
.portfolio-buttons li div i{ display: none; color:#777; position:relative; bottom:10px; font-size: 22px; padding: 0px; line-height: 1;  text-align: center; }
.portfolio-buttons li.selected div a{ color:#f7921c; font-weight: normal; }
.portfolio-buttons li.selected div i{ display: block;  color:#f7921c; }
.portfolio-buttons li div a strong i{ display: inline-block; color:#f7921c; position:none; bottom:0; left:0; font-size:12px;  }
.portfolio-buttons li.selected div a strong i{ display: inline-block;  }

.portfolio-buttons li.slick-current  div i,.portfolio-buttons li.slick-active div i{ display: block; }
span.orange-rule{ display:block; border-bottom:1px solid #f7921c; height: 1px; position:relative; top:-10px; }


.timeline-buttons{   margin-top:20px; }
.timeline-buttons li {display: block; }
.timeline-buttons li div { padding:0px 20px; }
.timeline-buttons li div a{ background-color:#f7921c; color:#fff; color:white; text-align:center; padding:5px 10px; text-transform: uppercase; display: block; font-weight: normal;  border-radius: 5px;  transition: background-color .2s ease,color .2s ease; }
.timeline-buttons li div i{ display: block; color:#f7921c;  position:relative; bottom:-7px; font-size: 5px; padding: 5px; line-height: 1;  text-align: center;  }

.timeline-buttons li:hover div a{ background-color:#f5f5f5;  color:#f7921c; transition: background-color .2s ease,color .2s ease; }
.timeline-buttons li:hover div i{ font-size: 8px; bottom:-6px; color:#f7921c;  }

.timeline-buttons li.selected div a{ background-color:#f5f5f5;  color:#f7921c; transition: background-color .2s ease,color .2s ease; }
.timeline-buttons li.selected  div i{ display: block; opacity: 1; font-size: 14px; bottom:-3px; transition: font-size .2s ease; }


.timeline-buttons li.slick-current  div i{ display: block; opacity: 1; font-size: 14px; bottom:-3px; transition: font-size .2s ease; }
.title-port.invisible { display: none !important;  }
.title-port a { text-align: center;  }
.title-port a img{ width:100px; height:100px;  }
.title-port a strong{ display: block; }

span.blue-rule{ display:block; border-bottom:2px solid #005c9b; height: 2px; margin-top:-10px; }

.main-image-container{ height:500px; border:1px solid #f9f9f9; margin:20px 0; }

.clientes-text{}
.clientes-text li.grid-30{  text-align: right; width:25%;   }
.clientes-text li.grid-30 h2{ color:#481003; font-size: 44px; border-right:2px solid #481003;  display: block; padding-right: 30px; line-height: 1; }
.clientes-text li.grid-70{  text-align: left; width:75%; }
.clientes-text li.grid-70 p{ padding-left:30px; color:#481003; line-height: 1.1;  }


.slider-clients{ background:transparent url(https://www.terraconceito.com.br/suhdo/storage/uploads/d9b906b68efc4093db2230db6fc04967/wysiwyg/Assets/timeline.png) center center no-repeat;  background-size: 100% auto;  width:900px; margin: 0 auto; }
.slider-clients li { text-align:center; }
.slider-clients li .pic{ height: 180px; background: transparent url(../img/bg-cliente.png) center center no-repeat; background-size: contain; margin-top: 20px 0px; }
.slider-clients li .line{ height: 60px; width: 1px; background-color:#481003; margin:30px auto; display: block;   }
.slider-clients li .circle{  background:#481003; border:8px solid #f7921c; margin: 0 auto; margin-top:-70px; margin-bottom:50px;   width: 20px; height: 20px;  border-radius:100%; display: block;  overflow: hidden; }
.slider-clients li .title{ color:#481003; text-transform: uppercase; font-size: 24px;  height: 54px; line-height: 1;}
.slider-clients li .description{ color:#fff;  }

.slider-clients li .title.even{  margin-top:60px;  }

.contato-text{}
.contato-text li.grid-30{  text-align: right; width:25%;   }
.contato-text li.grid-30 h2{ color:white; font-size: 44px; border-right:2px solid #f7921c;  display: block; padding-right: 30px; }
.contato-text li.grid-70{  text-align: left; width:75%; }
.contato-text li.grid-70 p{ padding-left:30px; color:white; line-height: 1.1; }


@media (min-width:0px) and (max-width: 799px) {

body{ padding-top: 85px;  }
	nav.menu-desktop{ background-color:white; display: none; }
nav.menu-mobile{ background-color:white; position:fixed; z-index:50; width:100%; display: block; top:0px; }
nav.menu-mobile-open{ background-color:white; position:fixed; z-index:51;  width:100%; height: 100%; display: none; top:0px;  overflow: auto; }
nav.menu-mobile-open .close-bt{ position:fixed; z-index:52;  }


/* default page*/
header{  }
header h1.title-h1{ text-align: left; padding:0px 10px; font-size: 22px;  }
header ol.breadcrumb{ padding:0px 10px; }
section.content{ padding:10px 0px; }
section.content .grid-70{ padding:10px 10px; }
section.content .grid-30{ padding:10px 10px; }

.img-sobre{width:100%;  margin: 0px 0px 20px 0px !important;  margin-left:0px; }
.tab-condicoes{ padding:25px; text-align:right;  margin-top: -50px;}
.tab-condicoes .button{ display:inline-block; margin:10px 0px; }

.bg-1{ padding:100px 0px !important; }






.portfolio-text{}
.portfolio-text li.grid-30{  text-align: left; width:100%; padding-bottom: 20px; }
.portfolio-text li.grid-30 h2{  text-align: left;  }
.portfolio-text li.grid-70{  padding-left:0px; text-align: left; width:100%; }
.portfolio-text li.grid-70 p{  padding-left:0px;  padding:0px;  }


.portfolio-buttons{   margin-top:20px; }

.thumb-container ul li{ height: 50px !important;  }
/*
.portfolio-buttons li {display: inline-block; }
.portfolio-buttons li div a{ background-color:none; color:white; text-align:center; padding:5px 10px; text-transform: uppercase; display: inline-block; }
.portfolio-buttons li div i{ display: none; color:#f7921c; position:relative; bottom:-6px; font-size: 22px; padding: 0px; line-height: 1;  text-align: center; }

.portfolio-buttons li.slick-current  div i,.portfolio-buttons li.slick-active div i{ display: block; }
*/span.orange-rule{ display:block; border-bottom:2px solid #f7921c; height: 2px; margin-top:-10px; }

.portfolio-buttons li.selected  div i{ display:none !important;  }

.title-port.grid-20{ width: 50%; }

.main-image-container{ height:300px; border:1px solid #f9f9f9; margin:20px 0; display: none; }

.clientes-text{}
.clientes-text li.grid-30{  text-align: right; width:100%;   }
.clientes-text li.grid-70{  text-align: left; width:100%; }
.clientes-text li.grid-70 p{  padding: 0px; padding-left: 0px; }


.slider-clients li .title{ font-size: 18px;  height: auto; line-height: 1;}

.house-info{ margin-top:20px; }
.tab-foto.padding-x-super{ padding:0px 0px 0px 0px !important; }
.contato-text{}
.contato-text li.grid-30{  text-align: left; width:100%;   }
.contato-text li.grid-70{  text-align: left; width:100%; }
.contato-text li.grid-70 p{ padding-left:0px; }

.logos-parceiros{  }
.logos-parceiros li{ padding:5px 5px 5px 5px  !important;  }
.logos-parceiros li div{  }
.logos-parceiros li div.padding-20{ padding:15px 15px 15px 15px  !important;  }

.logos-parceiros{  margin-bottom: 70px;}

.logo-parceiro.grid-20{ width: 50% !important;  }
.logo-parceiro.grid-20 div a{ height: 40px !important; }

.nav-left,.nav-right{ display: none !important; }

footer{ font-size: 18px; text-align: center;  }
footer ul li,footer ul li.align-left,footer ul li.align-right{ text-align: center !important; }
footer ul li img{ display:block; margin-top:10px; margin:0 auto; }


.padding-right-super{ padding:0px 0px 0px 0px; }
.padding-x-super{ padding:0px 2px 0px 20px; }

ul.box-team li p a{ text-align: center; }
.footer-bottom-links{ padding: 20px; }


.padding-x-super{ padding:0px 20px 0px 20px;}
.padding-super{ padding:20px 20px 10px 20px;}
.screen-1024{ width:100%; max-width:100%; }
.hide-in-mobile{ display: none !important; }
.screen-1024{ width:100%;}


.banner-nav{ display: none; }
.layout-banner{ position: absolute; top:0px; z-index: 10;  left:0; margin-left:0px; width: 100%; height:auto; min-height: 100px; padding:.5em; font-size: .75em;}
.layout-banner li{  width: 100%; height:auto; border:none;  }
.layout-banner li:nth-child(2){   }
.layout-banner li:nth-child(2) #draggable-text-body{ padding: .5em;  }


.layout-banner.banner-01 li:nth-child(1),.layout-banner.banner-02 li:nth-child(1),.layout-banner.banner-03 li:nth-child(1),.layout-banner.banner-04 li:nth-child(1),.layout-banner.banner-05 li:nth-child(1),.layout-banner.banner-06 li:nth-child(1){ width: 100%; height:auto; float: center;  !important; }
.layout-banner.banner-01 li:nth-child(2),.layout-banner.banner-02 li:nth-child(2),.layout-banner.banner-03 li:nth-child(2),.layout-banner.banner-04 li:nth-child(2),.layout-banner.banner-05 li:nth-child(2),.layout-banner.banner-06 li:nth-child(2){ width: 100%; float: center; !important; }

.layout-banner.banner-06 li:nth-child(1) div[style]{ position: relative; top:0 !important; left:0 !important; margin:0 auto; width: 100% !important; text-align: center; }
.layout-banner.banner-06 li:nth-child(1) div[style] img{ width: 50%;  margin:0 auto; margin-top: 30px;   }
.layout-banner.banner-06 li:nth-child(2) div[style]{ top:0 !important;  }




}

@media (min-width:521px) and (max-width: 799px) {


body{ zoom:120%; }


}



/*
@media (min-width:1024px) and (max-width: 1920px) {

.default-screen-area{ height: }

}
*/



@media (min-width:800px) and (max-width: 1024px) {

body{ zoom:80%; }

}

@media (min-width:1480px) and (max-width: 1600px) {

body{ zoom:105%; }

}


@media (min-width:1600px) and (max-width: 1920px) {

body{ zoom:110%; }

}

@media (min-width:1920px) and (max-width: 5000px) {

body{ zoom:123%; }
.grid-auto a{ text-transform: uppercase; line-height: 1.4; text-align: left; font-weight: 400; color:#333;}

}