html {
    font-family: sans - serif; - ms-text-size-adjust: 100% ; - webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
a {
    background: transparent
}
a: active, a: hover {
    outline: 0
}

@font-face {
  font-family: 'awesome';
  src:  url('../fonts/awesome.eot?aaqa12');
  src:  url('../fonts/awesome.eot?aaqa12#iefix') format('embedded-opentype'),
    url('../fonts/awesome.ttf?aaqa12') format('truetype'),
    url('../fonts/awesome.woff?aaqa12') format('woff'),
    url('../fonts/awesome.svg?aaqa12#awesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'awesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: "\f081";
}
.icon-facebook:before {
  content: "\f082";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-youtube-play:before {
  content: "\f16a";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-instagram:before {
  content: "\f16d";
}

.icon-phone:before {
  content: "\e942";
  argin-right: 10px;
}
.icon-envelope:before {
  content: "\f0e0";
}

.fa {
    display: inline-block; font-family: awesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
}

.widget {
	display: inline-flex;
	height: 49 px;
	border-bottom: 2px solid #fff;
	color: #fff;
    width: 100%;
    overflow: hidden; 
    font-size: 12px; 
    font-family: Helvetica, Arial, sans-serif
}
.widget_blue { /*background-color: #009AC8;
	background-color: #303787;
	background-color: #23527c;*/
	background-color: #3E7FB7;
	border-bottom: 1px solid #3E7FB7;
	border-top: 1px solid #3E7FB7;
}
.widget_green { background-color: #8dbb36}
.widget_dark {background-color: #000}

.widget a { color: inherit; text-decoration: none;
	font-size:12px;
	line-height: 1;
}
.widget_green a: hover { color: #000 }
.widget_blue a: hover { color: #000 }
.widget_dark a:hover {color: #8dbb36}
.widget-widthLimiter { 
	position: relative; 
	margin: 0  auto;
	width: 80%;
	height: 50px;
	}
.widget-mainLogo { 
	position: relative;
	 top: 7 px;
	 left: 5 px;
	 margin: 0 30% 0 20%;
}
.widget-text { 
	position: relative; 
	right: 5 px; 
	top: 13 px; 
	height: 25 px; 
	line-height: 25 px;
	display: inline;
 }

ul.widget-social {
	margin: 0 10px 0 25px;
  	padding:0;
  	list-style:none;
  	display:inline;
}
li {
  display:inline;
}
.widget-social a {     
	display: inline-block; 
	width: 25px; 
	height: 25 px; 
	margin-left: 7px; 
	text-align: center;
	text-decoration:none;
	 padding:10px 0;
	 font-size: 26px;
	 vertical-align: middle;
	}

.widget_green.widget-social a { 
	background-color: #fff; 
    color: #8dbb36
}
.widget_blue widget-social a:hover{
	background-color: #000;
    color: #fff
}
.widget_green.widget-social a:hover{
	background-color: #000;
    color: #fff
}
.widget_dark.widget-social a {
    background-color: #fff;
    color: #000
}
.widget_dark .widget-social a:hover {
	background-color: #8dbb36;
    color: #fff
}
@media(max-width: 1170px) {
	.widget-widthLimiter { 
    width: 95%;
}
	.widget-mainLogo {
        margin: 0 20% 0 15%;
    }
}
@media(max-width: 950px) {
	.widget-widthLimiter { 
    width: 100%;
}
	.widget-mainLogo {
        margin: 0 15% 0 10%;
    }
}
@media(max-width: 730px) {
	.widget-widthLimiter { 
    width: 100%;
}
	.widget-mainLogo {
        margin: 0 10% 0 5%;
    }
    .widget-text {
        position: static; 
        top: 0;
        padding-top: 13 px;
        text-align: center;
        margin: 0 5% 0 -5%;
        display: inline
    }
}
@media(max-width: 560px) {
	.widget-mainLogo {
        display: inline;
        margin: 0 0% 0 0%;
    }
    .widget-text {
        display: none
    }
}
@media(max-width: 320px) {
	.widget-mainLogo {
        position: static;
        top: 0;
        display: block;
        padding-top: 7 px;
        text-align: center
    }
    .widget-text {
        display: none
    }
}

/*
==============================================
pullDown
Made by Justin Aguilar

www.justinaguilar.com/animations/
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 0.9s;	
	-webkit-animation-duration: 0.9s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0);
	}
	40% {
		transform: scaleY(1.0);
	}
	60% {
		transform: scaleY(1);
	}
	80% {
		transform: scaleY(1.0);
	}
	100% {
		transform: scaleY(1);
	}				
	80% {
		transform: scaleY(1.0);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0);
	}
	40% {
		-webkit-transform: scaleY(1.0);
	}
	60% {
		-webkit-transform: scaleY(1);
	}
	80% {
		-webkit-transform: scaleY(1.0);
	}
	100% {
		-webkit-transform: scaleY(1);
	}				
	80% {
		-webkit-transform: scaleY(1.0);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}