@charset "utf-8";
/* TOC 
 * NORMALIZE
 * GRID
 * TABLE
 * BUTTONS
 * IMAGE SHAPES
 * CLEARFIX - Clear the Floats
 * ALERT
 * HTML
 * @FONT FACE
 * VERTICAL ALIGN
 * BODY
 * ICONS
 * HEADER
 * NAVIGATION
 * MAIN
 * FOOTER
 * FORMS
 * PLUGINS
 * MEDIA QUERIES
 * PRINT STYLES
* TIMELINE
---------------------------------------------------------------------------*/

/* NORMALIZE 
---------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}
body {
	margin: 0;
  line-height:1.620;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
  color: #3aaaf1;
	outline: 0;
}
iframe {
  border: 0 none;
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h2 small,
h3 small {
  font-size: 65%;
}
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h5 small,
h6 small {
  font-size: 75%;
}
h1 {
  font-size: 45px;
}
h2{
  font-size: 36px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}

abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: normal;
  font-family: 'Bold';
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
mark {
	background: #ff0;
	color: #000;
}
p,
pre {
  margin: 2em auto;
  max-width: 760px;
  
}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before,
q:after {
	content: '';
	content: none;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl,
menu,
ol,
ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
menu,
ol,
ul {
	padding: 0 0 0 40px;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
nav ul, 
nav ol {
	margin: 0;
	padding: 0;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
}


audio,
canvas,
img,
video {
	vertical-align: middle;
}
label {
	cursor: pointer;
}
.wp-block-image img{
  height: auto !important;

}
/* --- Forms --- */
.form-control {
  color: #fff;
  width: 100%;
  height: 28px;
  display: block;
  padding: 0 5px;
  font-size: 13px;
  line-height: 1;
  font-family: 'Bold';
  background-color: transparent;
  border: 1px solid #d2d3d6;
  border-radius: 3px;
  transition: all .2s ease;
}
.form-control::-webkit-input-placeholder {
   color: #fff;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
.form-control:-ms-input-placeholder {  
   color: #fff;
}
/* Removes awkward default styles on some inputs for iOS */
.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}
textarea.form-control{
  min-height: 115px;
  resize: vertical;
}
.form-control:focus {
  background-color: transparent;
  border-color: #fff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  display: inline; 
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

small {
  font-size: 85%;
}
mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.form-row span.wpcf7-not-valid-tip {
  font-size: 10px;
  font-weight: normal;
  color: #f90;
  padding: 5px;
}

/* GRID
--------------------------------------------------------------------------*/
.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1200px; /*Change with Design */
  width: 100%;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
.col-pull-12 {
  right: 100%;
}
.col-pull-11 {
  right: 91.66666667%;
}
.col-pull-10 {
  right: 83.33333333%;
}
.col-pull-9 {
  right: 75%;
}
.col-pull-8 {
  right: 66.66666667%;
}
.col-pull-7 {
  right: 58.33333333%;
}
.col-pull-6 {
  right: 50%;
}
.col-pull-5 {
  right: 41.66666667%;
}
.col-pull-4 {
  right: 33.33333333%;
}
.col-pull-3 {
  right: 25%;
}
.col-pull-2 {
  right: 16.66666667%;
}
.col-pull-1 {
  right: 8.33333333%;
}
.col-pull-0 {
  right: auto;
}
.col-push-12 {
  left: 100%;
}
.col-push-11 {
  left: 91.66666667%;
}
.col-push-10 {
  left: 83.33333333%;
}
.col-push-9 {
  left: 75%;
}
.col-push-8 {
  left: 66.66666667%;
}
.col-push-7 {
  left: 58.33333333%;
}
.col-push-6 {
  left: 50%;
}
.col-push-5 {
  left: 41.66666667%;
}
.col-push-4 {
  left: 33.33333333%;
}
.col-push-3 {
  left: 25%;
}
.col-push-2 {
  left: 16.66666667%;
}
.col-push-1 {
  left: 8.33333333%;
}
.col-push-0 {
  left: auto;
}
.col-offset-12 {
  margin-left: 100%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-offset-0 {
  margin-left: 0%;
}


/* TABLE
--------------------------------------------------------------------------*/
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table thead th,
table tbody th,
table tfoot th,
table thead td,
table tbody td,
table tfoot td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align: left;
}
table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

/* BUTTONS
--------------------------------------------------------------------------*/
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 15px;
  min-width: 160px;
  font-size: 12px;
  line-height: 34px;
  font-family: 'Bold';
  user-select: none;
  color: #fff;
  background-color: #585b67;
  border: 0 none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.btn:hover,
.btn:focus,
.btn:active:focus  {
  background-color: #3aaaf1;
  color: #fff;
}
.btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.btn-border {
  color: #fff;
  background-color: transparent;
  border: 3px solid #fff;
}
.btn-border:hover,
.btn-border:focus,
.btn-border:active {
  color: #14161d;
  background-color: #3aaaf1;
  border-color: #3aaaf1;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary[disabled] {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.view-all {
  display: block;
  margin: 15px auto;
  width: 160px;
}
.view-all:hover {
  color: #000;
}
/* IMAGE SHAPES
--------------------------------------------------------------------------*/
.img-responsive{
  display: inline-block;
  width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/* CLEARFIX - Clear the Floats
--------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.info-panels ul:before,
.info-panels ul:after,
.bills-list ul:after,
.bills-list ul:before,
.fb-head:after,
.fb-head:before {
	content: " ";
	display: table;
}
.clearfix:after,
.container:after,
.row:after,
.info-panels ul:after,
.bills-list ul:after,
.fb-head:after {
	clear: both;
}
.clearfix,
.container,
.row,
.info-panels ul,
.bills-list ul,
.fb-head {
	*zoom: 1;
}

/* ALERT
--------------------------------------------------------------------------*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

/* HTML
--------------------------------------------------------------------------*/
html {
	line-height:1;
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* @FONT FACE
--------------------------------------------------------------------------*/
/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
  font-family: 'Geometria';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria'), url('../css/webfonts/Geometria.woff') format('woff');
  }
  
  
  
  @font-face {
  font-family: 'Light';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-Light'), url('../css/webfonts/Geometria-Light.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'LightItalic';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-LightItalic'), url('../css/webfonts/Geometria-LightItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-Medium'), url('../css/webfonts/Geometria-Medium.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'RegularItalic';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-MediumItalic'), url('../css/webfonts/Geometria-MediumItalic.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-ExtraBold'), url('../css/webfonts/Geometria-ExtraBold.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'BoldItalic';
  font-style: normal;
  font-weight: normal;
  src: local('Geometria-ExtraBoldItalic'), url('../css/webfonts/Geometria-ExtraBoldItalic.woff') format('woff');
  }
  
  
  
  }

/* VERTICAL ALIGN
--------------------------------------------------------------------------*/
.v-align {
  vertical-align: middle;
  display: table;
  height: 100%;
  width: 100%;
}
.v-align > span{
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

/* BODY
--------------------------------------------------------------------------*/
body {
  font-family: 'Regular';
  color: #585b67;
}

/* ICONS
--------------------------------------------------------------------------*/
[class^="icon-"] {
  margin-right: 2px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background: url('images/css-sprite.png') no-repeat;
}
.icon-facebook {
  height: 25px;
  width: 25px;
  background: url('images/facebook.svg') no-repeat;
}
.icon-facebook:hover, .icon-youtube:hover, .icon-instagram:hover, .icon-whatsapp:hover {
  filter: brightness(0.85);
}
.icon-youtube {
  height: 25px;
  width: 25px;
  background: url('images/youtube.svg') no-repeat;
}

.icon-instagram {
  height: 25px;
  width: 25px;
  background: url('images/instagram.svg') no-repeat;
}

.icon-whatsapp {
  height: 25px;
  width: 25px;
  background: url('images/whatsapp.svg') no-repeat;
}

.icon-instagram-body {
  height: 22px;
  width: 22px;
  background-position: -53px -82px;
}

.icon-instagram-body:hover {

background-position: -53px -107px;

}
.icon-search {
  height: 14px;
  width: 14px;
  background-position: -73px 0;
}
.icon-search:hover {
  background-position: -73px -37px;
}
.icon-share-facebook {
  height: 22px;
  width: 22px;
  background-position: 0 -82px;
}
.icon-share-facebook:hover {
  background-position: 0 -107px;
}
.icon-share-twitter {
  height: 22px;
  width: 22px;
  background-position: -31px -82px;
}
.icon-share-twitter:hover {
  background-position: -31px -107px;
}
.icon-fb-timeline {
  height: 21px;
  width: 11px;
  background-position: 11px -131px;
}
.icon-heart-white {
  height: 18px;
  width: 21px;
  background-position: 0 -237px;
}
.icon-heart {
  height: 18px;
  width: 21px;
  background-position: 0 -183px;
}
.icon-heart:hover {
  background-position: 0 -210px;
}
.icon-share {
  height: 22px;
  width: 22px;
  background-position: -24px -181px;
}
.icon-share:hover {
  background-position: -24px -208px;
}
.icon-fb-time {
  height: 10px;
  width: 10px;
  margin-left: 3px;
  margin-top: 7px;
  vertical-align: top;
  background-position: -138px 0;
}
.icon-fb-like {
  height: 13px;
  width: 13px;
  background-position: -138px -25px;
}
.icon-fb-share {
  height: 14px;
  width: 14px;
  background-position: -138px -11px;
}
.icon-fb-comment {
  height: 12px;
  width: 12px;
  background-position: -138px -38px;
}
.icon-share-news-facebook {
  height: 25px;
  width: 14px;
  background-position: -32px -137px;
}
.icon-share-news-twitter {
  height: 24px;
  width: 29px;
  background-position: -51px -137px;
}
.icon-share-news-mail {
  height: 20px;
  width: 30px;
  background-position: -83px -137px;
}
.icon-share-line {
  width: 25px;
  height: 28px;
  background-position: -56px -177px;
  vertical-align: top;
  margin-right: 8px;
}


/* HEADER
--------------------------------------------------------------------------*/
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 22px;
  padding-bottom: 14px;
  z-index: 999999;
  background-color: #ffffff;
  background:url('images/header-bg-repeat.png') repeat-x 0 -21px;
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
header .logo {
  float: left;
}
header .logo a{
  display: inline-block;
}
header nav {
  float: right;
  margin-top: 20px;
  margin-right: 18px;
}
nav li a {
  display: block;
  font-size: 14px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .2px;
  font-family: 'Bold', sans-serif;
}
nav li a.active {
  color: #3aaaf1;
  border-bottom: 2px solid #3aaaf1;
}
header .header-socials{ 
  position: absolute;
  right: 18px;
  top: -13px;
}
header .header-socials .list-inline > li{
  padding: 0 2px;
}
header .header-socials ul{
  margin: 0;
}
header .header-socials a {
  display: block;
}
header .left .toggle-menu,
header .left .search{
  display: none;
}
header .left .toggle-menu {
  width: 17px;
  position: absolute;
  left: 20px;
  top: 10px;
}
header .left .toggle-menu span{
  display: block;
  height: 2px;
  margin-bottom: 2px;
  width: 100%;
  background-color: #fff;
}
header .left .search {
  position: absolute;
  right: 20px;
  top: 10px;
}
header a.logo-black {
  display: none;
}
header.fixed .logo-black {
  display: inline-block;
}
header.fixed .logo-yellow {
  display: none;
}
header.fixed {
  background-color: #fff;
  background-image: none;
}
header.fixed nav li a{
  color: #585b67;
}
header.fixed .icon-facebook{
}
header.fixed .icon-twitter{
}
header.fixed .icon-instagram{
}
header.fixed .icon-search{
}
header.fixed .left .toggle-menu span{
  background-color: #565b68;
}
.menu-item-173{
  background-color: #3aaaf1;
  padding: 7px 15px !important;
  border-radius: 5px;
}
.menu-item-173 a:hover, .menu-item-173 a:visited{
  color: #ffffff;
}

}
/* BG HEADER
--------------------------------------------------------------------------*/
.bg_header {
  position: relative;
   min-height: 575px;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_header img{
  box-shadow: none;
  left: 0;
  border: 0 none;
  width: 100%;
}
/* HOME SLIDER
--------------------------------------------------------------------------*/
.banner {
  position: relative;
}
.banner .bx-wrapper img{
  display: none;
}
.banner .bx-wrapper .bx-viewport{
  box-shadow: none;
  left: 0;
  border: 0 none;
}
.banner li{
  min-height: 575px;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner .caption {
  margin-top: 175px;
  margin-left: 51px;
}
.banner h1 {
  color: #fff;
  font-size: 60px;
  font-family: 'Light';
  text-transform: uppercase;
  margin-bottom: 29px;
}
.banner h1 strong{
  display: block;
  letter-spacing: 5px;
  font-family: 'Bold';
}
.banner .bx-wrapper {
  margin-bottom: 0;
}
.banner .bx-wrapper .bx-pager, 
.banner .bx-wrapper .bx-controls-auto {
  bottom: 45px;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #3aaaf1;
}
.banner .scroll-next {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}
.banner .scroll-next .tip-bottom {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}
@media (max-width:415px) {
  .banner li {
    background-position-x: -720px !important;
   }
}
/* HEAD
--------------------------------------------------------------------------*/
.head {
  text-align: center;
}
.head .flag {
  height: 43px;
  width: 40px;
  margin: 15px auto 21px;
  display: block;
  background: url('images/css-sprite.png') no-repeat -94px 0;
}
.head h2 {
  display: inline-block;
  margin-top: 60px;
  margin-bottom: 60px;
  text-transform: uppercase;
  font: 40px/1 'Light';
  color:#3aaaf1 !important;
  position: relative;
  letter-spacing: 1px;
}
.head h2:after {
  content: '';
  position: absolute;
  left: -25%;
  top: 70%;
  width: 15%;
  height: 1px;
  background-color: #585b67;
}
.head h2:before {
  content: '';
  position: absolute;
  right: -25%;
  top: 70%;
  width: 15%;
  height: 1px;
  background-color: #585b67;
}
.head.follow h2:after,
.head.follow h2:before{
  display: none;
}
.head.follow h2 {
  color: #82848d;
}
.tabs {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
.tabs > span {
  display: inline-block;
  margin-left: -3px;
}

.tabs a{
  display: inline-block;
  position: relative;
  z-index: 9;
}
.tabs:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background-color: #d6d6d6;
}

.tab-content>.tab-pane {
  display: none
}
.tab-content>.active {
  display: block
}

@media (max-width:640px) {
  .tabs > span {
    display: block;
    width: 100%;
  }
  .tabs a {
    display: block;
    margin-bottom: 3px;
    width: 100%;
  }
}

/* INFO PANELS
--------------------------------------------------------------------------*/
.info-panels ul {
  margin: 0;
  padding: 0;
}
.info-panels li{
  list-style: none;
  float: left;
  margin-bottom: 18px;
  width: 33.3333333%;
  height: 232px;
  background-color: #000;
  position: relative;
  overflow: hidden;
}
.info-panels li img {
  width: 102%;
}
.info-panels{
  text-align: center;
}
.info-panels li:hover .panel-caption {
  opacity: 1;
  left: 0;
  transition: all .2s ease;
}
.panel-image {
  height: ;
}
.panel-caption {
  opacity: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: left;
  padding: 15px 21px 16px;
  background-color: #3aaaf1;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all .2s ease;
}
.panel-caption h2 {
  font-size: 24px;
  margin-top: 0;
  line-height: 1;
  margin-bottom: 12px;
  font-family: 'Bold';
}
.panel-caption p {
  font-size: 17px;
  margin-top: 0;
  line-height: 1;
  margin-bottom: 12px;
  font-family: 'Regular';
}
.panel-caption .btn {
  min-width: 125px;
}
.panel-caption .btn:hover {
  background-color: #585b67;
  color: #fff;
}
/* MESSAGE SHARE
--------------------------------------------------------------------------*/
.message-share {
  padding: 120px 0 120px 0;
  background:url('images/message-share-bg.jpg') no-repeat 0 0;
  background-attachment:fixed;
  background-size: cover;
}
.message-share p{
  width: 60%;
  margin: 0 auto;
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.75;
  letter-spacing: .95px;
  font-family: 'Bold';
  margin-bottom: 40px;
}


/* BILLS LIST
--------------------------------------------------------------------------*/
.bills-list ul{
  margin: 0 0 20px 0;
  padding: 0;
}
.bills-list li{
  float: left;
  width: 33.33333333%;
  height: 110px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #e0e0e0;
  list-style: none;
  text-transform: uppercase;
}
.bills-list li a{
  padding: 20px 25px 0 25px;
  text-decoration: none;
  height: 110px;
  display: block;
  color: #36373a;
}
.bills-list li a:hover{
  background-color: #3aaaf1;
}
.bills-list .view-all {
  margin-top: 0;
}

/* VIDEOS
--------------------------------------------------------------------------*/
.video-wrap .video-frame {
  height: 290px;
  background:url('images/video-bg-repeat.jpg') repeat 0 0;
}
.video-wrap .video {
  max-width: 590px;
  margin: 0 auto;
}
/* TIMELINE
--------------------------------------------------------------------------*/
.timeline {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 700px;
  position: relative;
}
.timeline__content-title {
  font-weight: normal;
  font-size: 66px;
  margin: -10px 0 0 0;
  transition: .4s;
  padding: 0 10px;
  box-sizing: border-box;
  color: rgba(36, 102, 156, 0.801);
}
.timeline__content-desc {
  margin: 0;
  font-size: 17px;
  box-sizing: border-box;
  color: rgba(43, 41, 41);
  font-weight: normal;
  line-height: 25px;
}
.timeline:before {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  content: "";
  background:   rgba(36, 102, 156, 0.801);
}
@media only screen and (max-width: 767px) {
  .timeline:before {
    left: 40px;
  }
}
.timeline-item {
  padding: 40px 0;
  opacity: .3;
  transition: .5s;
  box-sizing: border-box;
  width: calc(50% - 40px);
  display: flex;
  position: relative;
  transform: translateY(-40px);
}
.timeline-item:before {
  content: attr(data-text);
  text-transform: uppercase;
  letter-spacing: 3px;
  width: 100%;
  position: absolute;
  color: rgba(7, 7, 7);
  font-size: 13px;
  border-left: 2px solid rgba(43, 41, 41);
  top: 70%;
  margin-top: -5px;
  padding-left: 15px;
  opacity: 0;
  right: calc(-100% - 56px );
}
.timeline-item:nth-child(even) {
  align-self: flex-end;
}
.timeline-item:nth-child(even):before {
  right: auto;
  text-align: right;
  left: calc(-100% - 56px );
  padding-left: 0;
  border-left: none;
  border-right: 2px solid rgba(43, 41, 41, 0.151);
  padding-right: 15px;
}
.timeline-item--active {
  opacity: 1;
  transform: translateY(0);
}
.timeline-item--active:before {
  top: 50%;
  transition: .3s all .2s;
  opacity: 1;
}
.timeline-item--active .timeline__content-title {
  margin: -50px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .timeline-item {
    align-self: baseline !important;
    width: 100%;
    padding: 0 30px 150px 80px;
  }
  .timeline-item:before {
    left: 10px !important;
    padding: 0 !important;
    top: 50px;
    text-align: center !important;
    width: 60px;
    border: none !important;
  }
  .timeline-item:last-child {
    padding-bottom: 40px;
  }
}
.timeline__img {
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
  width: 100%;
  position: relative;
  padding: 80px 0;
  background-attachment: fixed;
  background-size: cover;
}
.timeline-container:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.timeline-header {
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
.timeline-header__title {
  color: rgba(43, 41, 41,);;
  font-size: 46px;
  font-weight: normal;
  margin: 0;
}
.timeline-header__subtitle {
  color: rgba(43, 41, 41);;
  font-size: 16px;
  letter-spacing: 5px;
  margin: 10px 0 0 0;
  font-weight: normal;
}


/* SOCIAL NETWORK
--------------------------------------------------------------------------*/
.social-network {
  padding-bottom: 60px;
}
.social-network .col-4{
  margin-bottom: 10px;
}

/* SHARE ROOT
--------------------------------------------------------------------------*/
.share-root {
  text-align: right;
  margin-top: 40px;
}
.share-root a {
  color: #585b67;
  font-size: 12px;
  margin-left: 11px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}
.share-root .likes:hover .icon-heart{
  background-position: 0 -210px;
}
.share-root .share:hover .icon-share{
  background-position: -24px -208px;
}
.session-date {
  font-size: 14px;
}
.session-date .left,
.session-date .right{
  float: left;
}
.session-date .left {
  width: 90px;
  margin-right: 20px;
  margin-left: 20px;
}

/* DISQUS
--------------------------------------------------------------------------*/
.disqus {
  padding-top: 15px;
  margin-bottom: 20px;
  border-top: 2px dotted #e0e0e0;
  border-bottom: 2px dotted #e0e0e0;
}
.disqus h3{
  margin-top: 0;
}

/* RELATED SECTION
--------------------------------------------------------------------------*/
.related-section {
  padding-bottom: 20px;
}
.related-section h3{
  text-align: center;
  font-size: 22px;
  color: #585b67;
  margin: 28px 0 40px 0;
  text-transform: uppercase;
}

/* PAGE HEADING
--------------------------------------------------------------------------*/
.page-heading h2{
  font-size: 22px;
  text-transform: uppercase;
}
.page-heading span{
  font-size: 12px;
}

/* VIDEO GALLERY
--------------------------------------------------------------------------*/
.video-banner {
  padding: 580px 0 70px 0;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.video-banner img{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.video-banner .video-wrap {
  max-width: 680px;
  margin: 0 auto;
}
.video-banner h1{
  text-align: left;
  font-size: 25px;
  text-transform: uppercase;
}
.video-banner h1 .right{
  float: right;
  text-align: right;
}
.video-banner h1 .right small{
  display: block;
  font-size: 10px;
  color: #fff;
}
.post-head {
  padding-top: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e5e7;
}
.post-date {
  font-size: 12px;
  font-family: 'Opensans Light';
  margin-top: 5px;
  text-transform: uppercase;
}
.post-head .share-root {
  margin-top: 0;
}
.post-content {
  font-size: 12px;
  margin-bottom: 20px;
  height: 45px;
  overflow: hidden;
}
.post-content.active {
  height: auto;
}
.post-content-wrap {
}
.see-more {
  text-align: center;
  margin-bottom: 60px;
}
.see-more {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Bold';
  color: #585b67;
  position: relative;
}
.see-more:after {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 43%;
  height: 1px;
  background-color: #e4e5e7;
}
.see-more:before {
  content: '';
  position: absolute;
  right: 0;
  top: 13px;
  width: 43%;
  height: 1px;
  background-color: #e4e5e7;
}
.see-more:focus {
  outline: 0;
}
.see-more .tip {
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 16px solid #d7d8db;
  margin: 0 auto;
}
.video-gallery h3{
  font-family: 'Bold';
  text-transform: uppercase;
}
.video-gallery ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.video-gallery li{
  position: relative;
  margin-bottom: 20px;
}
.video-gallery li:nth-child(odd) {
  padding-left: 0;
  padding-right: 0;
}
.video-gallery li:nth-child(even) {
  padding-right: 0;
}
.video-gallery li .likes{
  position: absolute;
  top: 7px;
  right: 32px;
}
.video-gallery li .likes small{
  font-size: 12px;
  color: #fff;
  display: block;
}

/* FOOTER
--------------------------------------------------------------------------*/
#shar-popup {
  padding: 27px 55px 38px 55px;
}
#shar-popup h3{
  text-align: center;
  font-size: 25px;
  color: #465995;
  text-transform: uppercase;
  padding-bottom: 25px;
  margin-bottom: 10px;
  border-bottom: 1px solid #3258a5;
}
#shar-popup p{
  color: #6b6b6b;
  font-size: 14px;
}
#shar-popup .facebook,
#shar-popup .twitter,
#shar-popup .mail {
  display: inline-block;
  width: 33.3333333%;
  margin-left: -4px;
}
#shar-popup .facebook a,
#shar-popup .twitter a,
#shar-popup .mail a{
  display: block;
  height: 66px;
  line-height: 66px;
  text-align: center;
}
#shar-popup .facebook {
  background-color: #5a73c3;
}
#shar-popup .twitter {
  background-color: #91c4f1;
}
#shar-popup .mail {
  background-color: #939393;
}
/* FOOTER
--------------------------------------------------------------------------*/
footer {
  color: #fff;
  font-family: 'Regular';
  background: #585b67 url('images/footer-bg.jpg') no-repeat center top;
  background-size: cover;
}
footer .container {
  padding-top: 26px;
  padding-bottom: 22px;
}
footer h3 {
  font-size: 15px;
  padding-bottom: 19px;
  margin-bottom: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid #d2d3d6;
}
footer h4 {
  font-size: 15px;
  margin-bottom: 12px;
  margin-top: 12px;
  font-weight: 900;
}
footer h5 {
  font-size: 15px;
  margin-bottom: 1px;
  margin-top: 1px;
  font-weight: 900;
}
footer p.link a, footer p.link{
  margin-top: 2px;
  font-size: 12px;
  margin-bottom: 12px;
  color: #5aa0d4;
}
footer p.link a:hover{
  margin-top: 2px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #8ec2e8;
}
footer address {
  font-size: 12px;
  font-style: normal;
  margin-bottom: 10px;

}
footer address span {
  display: block;
  line-height: 1.7;
}
footer a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
footer .col-4 {
  width: 29.333%;
  margin-left: 5%;
}
footer .col-7 .col-5 {
  padding-right: 0;
}
footer .col-2 {
  direction: rtl;
}
footer .col-2 img{
  width: 150%;
}
footer p {
  font-size: 13px;
  line-height: 1.7;
}
footer .col-2 img {
  margin-bottom: 12px;
  max-width: 120px;
}
.logo-footer-republicanos{
  padding-top: 70px;
}
.scroll-top {
  width: 55px;
  height: 55px;
  display: block;
  padding-top: 5px;
  text-align: center;
  background-color: #d4ad43;
  position: absolute;
  top: 0;
  right: 0;
}
.scroll-top .arrow {
  border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #fff;
}
/* FORMS
--------------------------------------------------------------------------*/
.form-row {
  margin-bottom: 10px;
}
.btn.submit {
  height: 24px;
  color: #494b55;
  min-width: 106px;
  font-size: 13px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 24px;
  font-family: 'Regular';
  background-color: #fff;
}




.visible-lg, .visible-md, .visible-sm, .visible-xs {
  display: none!important
}
@media (max-width:640px) {
  .visible-xs {
    display: block!important
  }
}
@media (min-width:640px) and (max-width:991px) {
  .visible-sm {
    display: block!important
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display: block!important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display: block!important
  }
}
@media (max-width:640px) {
  .hidden-xs {
    display: none!important
  }
}
@media (min-width:640px) and (max-width:991px) {
  .hidden-sm {
    display: none!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display: none!important
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display: none!important
  }
}


/* PLUGINS
--------------------------------------------------------------------------*/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* MEDIA QUERIES
--------------------------------------------------------------------------*/
/* Media Queries
-------------------------------------------------- */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

@media screen and (min-width: 1025px) {
  header .right {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  /* HEADER */
  header {
    padding-top: 10px;
  }
  header .left .toggle-menu,
  header .left .search{
    display: block;
  }
  header .right {
    display: none;
  }
  header .logo {
    float: none;
    text-align: center;
  }
  header nav {
    float: none;
    text-align: center;
  }
  nav > .list-inline > li {
    display: block;
  }
  nav li a {
    font-size: 12px;
    padding: 4px 0;
  }
  header .header-socials {
    position: static;
    text-align: center;
  }
  header .left {
    margin-bottom: 20px;
  }
  header .right {
    padding: 20px 0;
    background-color: rgba(0,0,0,0.75)
  }
  header nav {
    margin: 0;
  }
  
  /* BANNER */
  .banner li {
    background-position: center center;
  }
  
  /* INFO PANELS */
  .info-panels li {
    overflow: visible;
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 10px 2%;
    background-color: transparent;
    text-align:center;
  }
  .info-panels li img {
    width: 100%;
  }
  .info-panels li .panel-image {
    overflow: hidden;
    height: 230px;
    position: relative;
  }
  .panel-caption {
    position: static;
    opacity: 1;
    background-color: #fff;
    color: inherit;
    text-align: center;
  }
  .panel-caption .btn {
    display: block;
  }
  .view-all {
    background-color: #3aaaf1;
  }
  
  /* BILLS */
  .bills-list li {
    overflow: visible;
    float: none;
    width: 100%;
  }
  .bills-list ul {
    margin: 0;
  }
  
  /* Facebook Timeline */
  .timeline-content li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 60px;
  }
  .timeline-content li:nth-child(even) {
    margin: 110px 0 40px 0;
    
  }
  .timeline-content li:nth-child(odd) {
    margin: 110px 0 40px 0;
  }
  .timeline-content li .icon-fb-timeline {
    top: -65px !important;
    left: 50% !important;
    margin-left: -18px;
  }
  .timeline-content li:nth-child(even) .tip{
    transform: rotate(90deg);
    top: -19px;
    left: 50%;
    margin-left: -6px;
  }
  .timeline-content li:nth-child(odd) .tip{
    transform: rotate(-90deg);
    top: -19px;
    right: 50%;
    margin-right: -6px;
  }
  
  /* SOCIAL NETWORK */
  .social-network .col-4{
    width: 100%;
    float: none;
  }
  .banner.video-banner h1 {
    font-size: 20px;
  }
  .video-banner h1 .right {
    display: block;
    text-align: left;
    float: none;
    margin-top: 10px;
  }
  .banner .scroll-next {
    right: 20px;
    bottom: 20px;
    left: auto;
    height: 50px;
    width: 50px;
    background-color: #3aaaf1;
    text-align: center;
    border-radius: 100%;
    padding-top: 33px;

  }
  .btn-border {
    background-color: #3aaaf1;
    border-color: #3aaaf1;
    color: #14161d;
  }
  .banner .scroll-next .tip-bottom {
    border-top: 10px solid #000;
  }
  .home .info-panels li{
    width: 100%;
    float: none;
  }
  .home .info-panels li img {
    width: 100%;
  }
  .home .info-panels li .panel-image {
    height: auto;
    overflow: visible;
  }
  .home .panel-caption {
    text-align: left;
  }
  .home .bills .btn{
    margin-top: 20px;
  }
  .view-all {
    width: 88%;
  }
  .logo img {
    width: 85%;
  }
}
@media screen and (max-width: 640px) {
  .btn {
    font-size: 14px;
    line-height: 54px;
  }
  .bg_header {
    position: relative;
     min-height: 300px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(0, 89, 149);
  }
  /* BANNER */
  .banner h1 {
    font-size: 42px;
  }
  .banner .caption {
    margin-left: 0;
  }
  .banner .bx-wrapper .bx-pager, 
  .banner .bx-wrapper .bx-controls-auto {
    bottom: 125px;
  }
  .info-panels li img {
    width: 160%;
  }

  /* HEAD */
  .head h2:before,
  .head h2:after {
    display: none;
  }

  /* FOOTER  */
  footer {
    text-align: center;
  }
  footer .col-7,
  footer .col-4,
  footer .col-2,
  footer .col-7 .col-5 {
    float: none;
    width: 100%;
  }
  footer h4 {
    margin-bottom: 10px;
  }
  footer .col-7 .col-5 {
    margin-bottom: 40px;
  }
  footer .col-2 {
    margin: 10px 0
  }
  footer .col-4 {
    margin: 0;
  }
  footer .btn.submit {
    width: 100%;
  }
  .btn.submit {
    line-height: 34px;
    font-size: 14px;
    height: 34px;
    background-color: #d5ad43;
    color: #fff;
  }
  
  /* MESSAGE */
  .message-share p {
    width: 90%;
  }
  
  /*
  .banner li{
    background: none !important;
    min-height: 480px;
  }
  */
  .banner{
    overflow: hidden;
    height: 480px !important;
    background: none !important;
  }
  .video-banner { 
    overflow: hidden;
    min-height: 580px !important;
  }
  .banner.video-banner h1 {
    font-size: 15px;
  }
  .video-banner h1 .right {
    display: none
  }
  .bx-wrapper img {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }
  .scroll-top {
    display: none;
  }
  footer {
    background:url('images/footer-bg-mobile.jpg') no-repeat 0 0;
    padding-bottom: 40px;
  }
  footer .container {
    padding-top: 0;
  }
  footer address {
    margin-bottom: 0;
  }
  footer h3,
  footer h4 {
    font-size: 20px;
  }
  footer address,
  footer a,
  footer p {
    font-size: 12px;
  }
  .page-heading .col-8{
    width: 100%;
  }
  .share-root {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }
  .page-heading h2 {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .page-heading span {
    font-size: 13px;
  }
  .related-section .panel-caption {
    text-align: left;
  }
  .see-more:after {
    width: 25%;
  }
  .see-more:before {
    width: 25%;
  }
  .video-gallery li.col-6 {
    width: 100%;
  }
  .video-gallery li:nth-child(odd) {
    padding: 0;
  }
  .video-gallery li:nth-child(even) {
    padding: 0;
  }
  .video-gallery h3 {
    text-align: center;
  }
  .see-more{
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 480px) {
  /* INFO PANELS */
  .info-panels li {
    width: 100%;
    float: none;
    padding: 0;
  }
  .info-panels li .panel-image {
    height: auto;
  }
  .info-panels li img {
    width: 100%;
  }
  .col-12 {
    width: 50%;
  }
  .col-11 {
    width: 50%;
  }
  .col-10 {
    width: 50%;
  }
  .col-9 {
    width: 100%;
  }
  .col-8 {
    width: 100%;
  }
  .col-7 {
    width: 100%;
  }
  .col-6 {
    width: 100%;
  }
  .col-5 {
    width: 100%;
  }
  .col-4 {
    width: 100%;
  }
  .col-3 {
    width: 100%;
  }
  .col-2 {
    width: 100%;
  }
  .col-1 {
    width: 100%;
  }
  .col-xs-12 {
    width: 10%;
  }
  .col-xs-11 {
    width: 10%;
  }
  .col-xs-10 {
    width: 10%;
  }
  .col-xs-9 {
    width: 33.33333%;
  }
  .col-xs-8 {
    width: 20%;
  }
  .col-xs-7 {
    width: 30%;
  }
  .col-xs-6 {
    width: 40%;
  }
  .col-xs-5 {
    width: 50%;
  }
  .col-xs-4 {
    width: 60%;
  }
  .col-xs-3 {
    width: 70%;
  }
  .col-xs-2 {
    width: 80%;
  }
  .col-xs-1 {
    width: 100%;
  }
}

/* PRINT STYLES
---------------------------------------------------------------------------*/
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* Serviços úteis
---------------------------------------------------------------------------*/
table.servicos-uteis tr th {
  color: #fff;
  background-color: #3aaaf1;
}

table.servicos-uteis {
  border: 1px solid #ddd;
}

table.servicos-uteis th, table.servicos-uteis td {
  padding: 12px;
}

/* Form
---------------------------------------------------------------------------*/
.content-form {
  padding: 12px;
}

.content-form input[type="text"], .content-form textarea, 
  .content-form input[type="email"] {
  padding: 12px;
  font-size: 16px;
  width: 99%;
  border-bottom: 1px solid #000;
  border-top: 0px;
  border-left: 0;
  border-right: 0px;
}

.content-form .content-form textarea {
text-align: left;
height: 120px;
}
.content-form p {
  text-align: center;
}

.content-form input[type="submit"] {
  padding: 12px 24px;
  font-size: 16px; 
  text-align: center;
  color: #fff;
  background-color: #3aaaf1;
  border: 0;
}

/* Search
---------------------------------------------------------------------------*/

#s {
  width: 70%;
  display: block;
  padding: 12px;
  font-size: 16px;
  margin: 0 0 24px 15%;
}

#searchsubmit {
  padding: 12px 24px;
  font-size: 16px; 
  text-align: center;
  color: #fff;
  background-color: #3aaaf1;
  border: 0;
}

#searchform {
  text-align: center;
  margin: 0 0 36px 0;
}

/* Image header */
.image-header {
  background-size: cover;
  background-repeat: no-repeat;
  height: 200px;
  background-color: #0F2D44;
  background-position: top center;
}

.image-header-lg {
  height: 608px;
}

/* Contato_Pagina */
.contato_page{
  max-width: 760px;
  margin: 0 auto;
}
/* whatsapp */

.whatsapp-side {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.2rem 1rem;
  border-top-left-radius: 2rem;
  border: 0.1rem solid #e1e1e1;
  z-index: 5;
  background-color: #fcfcfc;
}
.whatsapp-footer-mobile{
  display: none;
}
@media screen and (max-width: 997px) {
  .whatsapp-side {
    display: none;
  }
  .whatsapp-footer-mobile{
    position: fixed;
    display: block;
    bottom: 0px;
    background-color: #fcfcfc;
    border: 0.1rem solid #e1e1e1;
    height: 60px;
    width: 100%;
    z-index: 5;
  }
  .whatsapp-footer-mobile img{
    margin-top: 0px;
    margin-left: 10px;

  }
  .whatsapp-footer-mobile p{
    font-size: 18px;
    line-height: 19px;
    margin: 0.6em 0;
  }
  .zap, .zap:visited{
    text-decoration: none;
    color:#585b67;
    font-size: 12px;
    padding-top: 20px;
    display: block;
  }
  .zap:hover, .zap:active{
    text-decoration: none;
    color:#48c857;
    text-decoration: overline;
  }
  .zap strong{
    font-size: 15px;
    color:#48c857;

  }
}
/* audima */
.i-amphtml-layout-size-defined {
  overflow: hidden !important;
  display: none;
}