/****** FILE: themes/globalsmartcity/css/custom.css *****/
html, body{
	font-family:'robotoregular'!important;
	 color:#004756!important;
}


.contain-to-grid{
	background:transparent!important;
}
.normalHEADER
{
	_background-color:red!important;
	min-height:143px;
	height:143px;
}

#goolgeMAPimage{
	background-image:url('/assets/assets/Uploads/isasmartcity/header/img-header-maps.png');
	background-repeat: no-repeat!important;
	background-position:left top!important;
	background-size:auto 80%;
	max-height:675px;
	height:675px;
}
#thegooglemap{
	min-height:240px!important;
	min-width:240px!important;
	max-height:240px!important;
	max-width:240px!important;
	border:1px solid #CCCCCC;
	background-color:#FFF;
	 -webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.45)!important;
	 -moz-box-shadow:4px 4px  5px rgba(0,0,0,0.45)!important;
	 box-shadow:4px 4px  5px rgba(0,0,0,0.45)!important;

}
.middleheader{
	margin-top:-100px!important;
}
.middleheader div#goolgeMAPimage{

		_display:table-cell!important;
		_vertical-align:middle!important;
		_display: block;
    padding-top: 30%;

	}
.normalHEADER #the_logo{
		background-image:url('/assets/assets/Uploads/isasmartcity/header/logo-big-desktop.png');
		background-repeat: no-repeat!important;
		background-position:left top!important;
		background-size:auto 120px;
		max-height:120px;
		height:120px;
	}
	.normalHEADER .paddingHEADER div{
		max-height:120px;
		min-height:120px;
		height:120px;

	}
	.headerHEIGHTdiv{
		min-height:143px!important;
		max-height:143px!important;
	}
	.resizeHEADER
{
	_background-color:green!important;
	min-height:40px;
	height:40px;
	background-color:rgba(255,255,255,0.85)!important;
	 -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
	 -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
	 box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
}
.resizeHEADER #the_logo{
	background-image:url('/assets/assets/Uploads/isasmartcity/header/logo-small.png');
	background-repeat: no-repeat!important;
	 background-position:left top!important;
	background-size:auto 40px;
	max-height:40px;
	height:40px;

}
.resizeHEADER .paddingHEADER div{
	min-height:40px;
	height:40px;

}
	.textis{
		font-family:'robotolight'!important;
		font-size:60px!important;
		line-height:60px!important;
		color:#18252E!important;
		text-align:left!important;
		margin-bottom:0!important;
	}
	.textcity{
		text-transform:uppercase;
		font-family:'robotobold'!important;
		font-size:70px!important;
		line-height:70px!important;
		color:#278DD5!important;
		text-align:left!important;
		margin-bottom:0!important;
	}
	.textsmartcity{
		text-transform:uppercase;
		font-family:'robotomedium'!important;
		font-size:60px!important;
		line-height:60px!important;
		color:#18252E!important;
		text-align:left!important;

	}
	.beforelink{
		margin-bottom:0px;
	}
	a.linktocityJA{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:60px!important;
		line-height:60px!important;
		color:#278DD5!important;
		cursor:pointer!important;

	}
	a.linktocity{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		line-height:20px!important;
		color:#278DD5!important;
		cursor:pointer!important;

	}
	.textalready{

		font-family:'robotolight_italic'!important;
		font-size:20px!important;
		line-height:12px!important;
		color:#18252E!important;

	}
	.knowmorebutton{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		background-color:#278DD5!important;
		color:#FFFFFF!important;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}

	.knowmorebutton:hover{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		background-color:#FFFFFF!important;
		color:#278DD5!important;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}
	.sendBUTTON,
	.knowmorebuttonheader{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:30px!important;
		background-color:#278DD5!important;
		color:#FFFFFF!important;
		padding:10px!important;
		padding-left:20px!important;
		padding-right:20px!important;
		border-radius: 5px!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border:1px solid #278DD5!important;
	}
	.sendBUTTON:hover,
	.knowmorebuttonheader:hover{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:30px!important;
		background-color:#FFFFFF!important;
		color:#278DD5!important;
		padding:10px!important;
		padding-left:20px!important;
		padding-right:20px!important;
		border-radius: 5px!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border:1px solid #278DD5!important;
	}
	.facebookbutton{
		border-radius: 5px!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border:2px solid #278DD5!important;
		color:#278DD5!important;
	}
	.facebookbutton:hover{
		border-radius: 5px!important;
		-webkit-border-radius: 5px!important;
		-moz-border-radius: 5px!important;
		border:2px solid #278DD5!important;
		background-color:#FFFFFF!important;
	
	}
	.p_facebook{
		margin-top:20px;
		
		font-size:18px!important;
	}
	.p_facebook a{
		padding-top:0!important;
		padding-bottom:0!important;
		padding-left:5px!important;
		padding-right:5px!important;
	}
	table.tablefooter{
	border:0!important;
	border-collapse:collapse!important;
	padding:0!important;
	background:transparent!important;
	margin: 0 auto!important;
}

a.footerlink:hover{
	color:#278DD5!important;
}
td.footerinfospace{
	line-height:26px!important;
}
.footerlogo{
	max-height:50px!important;
}
.footer-content
{
	position: absolute;
    bottom: 50px;
    left: 0;
}
.footer-base
{
	background-color:rgba(0,0,0,0.15)!important;
	font-size:12px!important;
	color:rgba(255,255,255,0.25)!important;
	position: absolute;
    bottom: 0px;
    left: 0;
	padding-top:4px!important;
	padding-bottom:4px!important;
}
	a.footerlink,
	td.footerinfospace,
	td.footerinfo{

		font-family:'robotoregular'!important;
		font-size:12px!important;
		line-height:18px!important;
		z-index:100;
		color:#FFFFFF!important;
		text-align:left!important;
		margin-bottom:50px!important;
	}

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

.resizeHEADER
{
	_background-color:green!important;
	min-height:25px;
	height:25px;
	background-color:rgba(255,255,255,0.85)!important;
	 -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
	 -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
	 box-shadow:0px 2px 5px rgba(0,0,0,0.45)!important;
}
.resizeHEADER #the_logo{
	background-image:url('/assets/assets/Uploads/isasmartcity/header/logo-small.png');
	background-repeat: no-repeat!important;
	 background-position:left top!important;
	background-size:auto 25px;
	max-height:25px;
	height:25px;

}
.resizeHEADER .paddingHEADER div{
	min-height:25px;
	height:25px;

}


	table.tablefooter{
	border:0!important;
	border-collapse:collapse!important;
	padding:0!important;
	background:transparent!important;
	margin: 0 auto!important;
}

a.footerlink:hover{
	color:#278DD5!important;
}
td.footerinfospace{
	line-height:12px!important;
}
.footerlogo{
	max-height:35px!important;
}
.footer-content
{
	position: absolute;
    bottom: 20px;
    left: 0;
}
.footer-base
{
	background-color:rgba(0,0,0,0.15)!important;
	font-size:12px!important;
	color:rgba(255,255,255,0.25)!important;
	position: absolute;
    bottom: 0px;
    left: 0;
	padding-top:2px!important;
	padding-bottom:2px!important;
}
	a.footerlink,
	td.footerinfospace,
	td.footerinfo{

		font-family:'robotoregular'!important;
		font-size:12px!important;
		line-height:12px!important;
		z-index:100;
		color:#FFFFFF!important;
		text-align:left!important;
		margin-bottom:20px!important;
	}
	.normalHEADER
	{
		_background-color:red!important;
		min-height:70px;
		height:70px;
	}
	.normalHEADER #the_logo{
		background-image:url('/assets/assets/Uploads/isasmartcity/header/logo-big.png');
		background-repeat: no-repeat!important;
		background-position:left top!important;
		background-size:auto 60px;
		max-height:60px;
		height:60px;
	}
	.normalHEADER .paddingHEADER div{
		min-height:60px;
		max-height:60px;
		height:60px;

	}
	.headerHEIGHTdiv{
		min-height:60px!important;
		max-height:60px!important;
	}

	.textis{
		font-family:'robotolight'!important;
		font-size:35px!important;
		line-height:35px!important;
		color:#18252E!important;
		text-align:left!important;
		margin-bottom:0!important;
	}
	.textcity{
		text-transform:uppercase;
		font-family:'robotobold'!important;
		font-size:45px!important;
		line-height:45px!important;
		color:#278DD5!important;
		text-align:left!important;
		margin-bottom:0!important;
	}
	.textsmartcity{
		text-transform:uppercase;
		font-family:'robotomedium'!important;
		font-size:35px!important;
		line-height:35px!important;
		color:#18252E!important;
		text-align:left!important;

	}
	.beforelink{
		margin-bottom:10px;
	}
	a.linktocityJA{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:35px!important;
		line-height:35px!important;
		color:#278DD5!important;
		cursor:pointer!important;

	}
	a.linktocity{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		line-height:20px!important;
		color:#278DD5!important;
		cursor:pointer!important;

	}
	.textalready{

		font-family:'robotolight_italic'!important;
		font-size:20px!important;
		line-height:12px!important;
		color:#18252E!important;

	}
	.knowmorebutton{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:15px!important;
		background-color:#278DD5!important;
		color:#FFFFFF!important;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}

	.knowmorebutton:hover{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:15px!important;
		background-color:#FFFFFF!important;
		color:#278DD5!important;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}
	.sendBUTTON,
	.knowmorebuttonheader{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		background-color:#278DD5!important;
		color:#FFFFFF!important;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}
	.sendBUTTON:hover,
	.knowmorebuttonheader:hover{
		text-transform:uppercase!important;
		font-family:'robotomedium'!important;
		font-size:20px!important;
		background-color:#FFFFFF!important;
		color:#278DD5!important;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #278DD5!important;
	}

}



/*overide topbar*/
.top-bar{
	text-transform:uppercase;
	background: transparent!important;
	font-size:17px!important;
	font-family:'robotoregular';
	background: transparent!important;
}


.top-bar-section ul li ,
.top-bar-section ul li >a{
	text-transform:uppercase;
	background: transparent!important;
	color: #278DD5!important;
	font-size:17px!important;
	font-family:'robotoregular';
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	text-transform:uppercase;
	line-height: inherit;
	color: #278DD5!important;
	font-size:17px!important;
	font-family:'robotoregular';
	background: transparent!important;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
	text-transform:uppercase;
	background: transparent!important;
	color: #278DD5!important;
	font-size:17px!important;
	font-family:'robotoregular';
}
nav section.top-bar-section ul.right li.active a.active
{
	color: #278DD5!important;
	font-size:17px!important;
	font-family:'robotomedium'!important;
	padding-top:3px!important;
}

.header
{
	max-height:40px;
	font-size:23px!important;
	font-family:'robotolight';
	background:#004756!important;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}
.top-bar-section ul li>a
{

	color:#F2F2F2!important;
	border-top:3px solid transparent!important;
}

.top-bar .name h1,
.top-bar .name h1.menu a {

	font-weight: normal;
	color: #F2F2F2!important;
	font-size:23px!important;
	font-family:'robotolight';
	width: 75%;
	display: block;
	padding: 0!important;
	background: transparent!important;
}
/*override do menu small*/
 .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background:transparent;}
    .top-bar.expanded .toggle-topbar a {
      color: #004756!important;; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0px 0 1px #004756!important;, 0 7px 0 1px #004756!important;, 0 14px 0 1px #004756!important;; }
h1{
  font-family:'roboto_slabbold'!important;
  line-height: 0.5!important;
  text-align: center!important;
  color:#004756!important;
  font-size:50px!important;
  text-transform:uppercase!important;

  padding-bottom:20px;!important;
  line-height:55px!important;
}

@media all and (min-width: 1024px) {
	h1 span {
	  display: inline-block;
	  position: relative;
	}
	h1 span:before,
	h1 span:after {
	  content: "";
	  position: absolute;
	  height: 30px;
	   border-bottom: 2px solid #00242B;

	  top: 0;
	  width: 45%;
	}
	h1 span:before {
	  right: 100%;
	  margin-right: 15px;
	}
	h1 span:after {
	  left: 100%;
	  margin-left: 15px;
	}

}
h2{
  font-family:'robotoregular';
  text-align: left;
  color:#004756!important;
  font-size:40px!important;
  text-transform:uppercase;
  padding-top:20px;

}
h3{
  font-family:'robotolight';
  text-align: center;
  color:#004756!important;
  font-size:30px!important;
  text-transform:uppercase;

}
a,
.lightGREY{
	color:#004756!important;
}
p{
  font-family:'robotolight';
  text-align: center;
  color:#004756!important;
  font-size:16px!important;
}
p.introduction{
  font-family:'robotolight';
  text-align: center;
  color:#004756!important;
  font-size:20px!important;
}
/*footer*/
.wrapper {
    min-height: 100%;
	 height: 100%!important;
    height: auto !important;

    margin: 0 auto -175px; /* the bottom margin is the negative value of the footer's height */
}
#theFOOTER, .push {
    height: 175px; /* .push must be the same height as .footer */

}
.footer{
	height:150px;
	background:#00242B;
	padding-top:3%;
}
.LITTLEfooterLINE{
	height:20px;
	background:#00242B;
	margin-bottom:5px;
}
.footer a{
	font-size:18px!important;
	font-family:'robotolight';
	color:rgba(242,242,242,0.85)!important;
}
.footer ul{width: 100%;
  display: table;}
.footer ul li {   display: table-cell;
  width: auto;
  text-align: center;}
.footer ul li:after { content: ""; }

.DIVmadeWITH{
	padding-top:2%;
	padding-bottom:0px!important;
}
.madeWITH{
	line-height: 10px;
	color: rgba(242,242,242,0.85)!important;
	font-size:12px!important;
	font-family:'robotoregular';
	margin-bottom:0px;
}
.madeWITH a{
	line-height: inherit;
	color: #FFFFFF!important;
	font-size:12px!important;
	font-family:'robotoregular';

}
.madeWITH a:hover{
	line-height: inherit;
	color:rgba(242,242,242,0.85)!important;
	font-size:12px!important;
	font-family:'robotoregular';

}
.bgcolorLIGHT{
	background-color:rgba(242,242,242,0.85)!important;
	padding:5%;
}
/*
	CSS for new layout!
*/
.smallHEIGHTdiv{

	min-height:20px!important;
	max-height:20px!important;
	clear:both;
}

/* HEADER */
#home{
	background-image:url('/assets/assets/Uploads/isasmartcity/header/img-header.jpg');
	 background-repeat: no-repeat!important;
	 background-position:left top!important;
	background-size:100% auto!important;

}


#the_footer{
	background:url('/assets/assets/Uploads/isasmartcity/footer/img-footer.jpg');background-repeat: no-repeat!important;
	 background-position:left top!important;

	background-size:100% auto;
}





p{
	font-family:'robotoregular'!important;
	font-size:20px!important;
	color:#18252E!important;
	text-align:left!important;
}
.sectionIntroduction h1,.sectionIntroduction p{
	text-align:center!important;
}
.sectionLeft,
.sectionRight {
	font-size:18px!important;
}
.sectionLeft h1,
.sectionRight h1{
	padding-top:20px!important;
}
.sectionLeft h1,
.sectionRight h1,
.sectionIntroduction h1,
h1.contactFORM{
	text-transform:none!important;

	font-family:'robotomedium'!important;
	font-size:45px!important;
	color:#278DD5!important;
}
.sectionLeft h1,
.sectionRight h1{
	text-align:left!important;
}
.sectionLeft h2,
.sectionRight h2,
.sectionIntroduction h2,
h2.contactFORM{
	text-transform:none!important;

	font-family:'robotomedium'!important;
	font-size:35px!important;
	color:#278DD5!important;
}
.sectionIntroduction p,
.sectionIntroduction ul li{
	font-family:'robotoregular'!important;
	font-size:20px!important;
	color:#18252E!important;
}

.sectionIntroduction p span.special{
	font-family:'robotomedium'!important;
	font-size:20px!important;
	color:#18252E!important;
}
.sectionGoals{
	font-size:18px!important;
}
.sectionGoals h2{
	_text-align:center;
	font-family:'robotomedium'!important;
	font-size:26px!important;
	color:#278DD5!important;
}
.sectionGoals ul{
	list-style-type: none;
	text-align:center;
}
.sectionGoals ul li{
	font-family:'robotoregular'!important;
	font-size:17px!important;
	color:#18252E!important;
	padding-bottom:15px;
}

.sectionLeft{
	background-color:#E6EEF5;
}

.nopadding{
	padding-left:0!important;
	padding-right:0!important;
}
.nopaddingleft{
	padding-left:0!important;
	text-align:left!important;
}
.nopaddingright{
	padding-right:0!important;
	text-align:right!important;
}
.goalsIMG{
	max-height:150px!important;
}
.Actions,
.centerTEXT,
.isasmartcityINTROslider{
	text-align:center!important;
}

.rightTEXT{
	text-align:right!important;
}
.leftTEXT{
	text-align:left!important;
}
fieldset{
	border:0!important;
}
.left{
	display:none!important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    font-family:'robotolight_italic'!important;
	font-size:14px!important;
	color:    rgba(39, 141, 213,0.5)!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-family:'robotolight_italic'!important;
	font-size:14px!important;
	color:    rgba(39, 141, 213,0.5)!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family:'robotolight_italic'!important;
	font-size:14px!important;
	color:    rgba(39, 141, 213,0.5)!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family:'robotolight_italic'!important;
	font-size:14px!important;
	color:    rgba(39, 141, 213,0.5)!important;
}


input[type="text"],
input[type="email"],
textarea{
	font-family:'robotoregular'!important;
	font-size:14px!important;
	color:  #278dd5!important;
	border:1px solid #278dd5!important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

 .middleheader{
	display:table;

}

#barraCOOKIE{

	position:fixed!important;
	left:0px!important;
	right:0px!important;
	bottom:0px!important;
	width:100%!important;
	min-height:40px!important;
	background: #278DD5!important;
	color:#EDEDED!important;
	z-index: 99999!important;
}

#barraCOOKIE div{
	width:100%!important;
	position:absolute!important;
	background: #278DD5!important;
	color:#EDEDED!important;
	padding-left:5px!important;
	font-family:'robotoregular'!important;
	font-size:12px!important;
	top:30%!important;
}
@media only screen and (max-width: 93.063em) {
	#barraCOOKIE{

		position:fixed!important;
		left:0px!important;
		right:0px!important;
		bottom:0px!important;
		width:100%!important;
		min-height:90px!important;
	background: #278DD5!important;
	color:#EDEDED!important;
		z-index: 99999!important;
	}

}
#barraCOOKIE div a{
	padding:4px!important;
	background:#033664!important;
	text-decoration:none!important;
	color:#EDEDED!important;
	font-family:'robotoregular'!important;
	font-size:12px!important;
}

#barraCOOKIE div a.buttonGREY{
	background-color:#EDEDED!important;
	color:#278DD5!important;
	border:1px solid #278DD5!important;
}
#barraCOOKIE div a.buttonGREY:hover{
	background-color:#278DD5!important;
	color:#EDEDED!important;
	border:1px solid #278DD5!important;
}
.centerTEXTlinkBOTTOM{
	text-align:center!important;
	position:absolute!important;
	margin-bottom:5%!important;
	bottom:10%!important;
}
.centerTEXTlinkBOTTOMimg{
	max-height:50px!important;
}
.centerLEFTgoal{
	text-align:left!important;
	line-height:31px!important;
}
li.idioma span{
	color: #004756!important;
	font-size:17px!important;
	font-family:'robotobold'!important;
	line-height:38px!important;

}
.the_url{
	font-family:'robotolight_italic'!important;
	font-size:18px!important;
	color:    #004756!important;
   opacity:  1;
}

.isasm{
	color: rgba(0,0,0,0.7);
}

.menu-icon{
	background:url(/assets/assets/Uploads/Page/aguedaSC_setaDown.svg) no-repeat;
	
}
.menu-icon:hover{
	background:url(/assets/assets/Uploads/Page/aguedaSC_setaDownOver.svg) no-repeat;
}
#Captcha{
	display: inline-flex;
}