/*
	*********************************************************************************************************************
	Custom RESPONSIVE SASS - Project: Patrivalor
	Tasks: Html / Css / jQuery
	Client: Wonton
	Version: 1.0
	********************************************************************************************************************
*/
/* ********************************************************************************************************************* IMPORTS */
/* ********************************************************************************************************************* VARS */
/* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */
/* ********************************************************************************************************************* LARGE SCREENS > 1280 */
/* ********************************************************************************************************************* 1024 TO 1280 SCREENS  */
/* ********************************************************************************************************************* 1024 SCREENS  */
@media screen and (min-width: 981px) and (max-width: 1024px) { .hamburguer, .lang-mobile { display: none !important; }
  .scrollup { bottom: 10px; right: 10px; }
  .scrollup:after { display: none; } }
/* ********************************************************************************************************************* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP */
@media screen and (min-width: 768px) and (max-width: 980px) { .submenu { z-index: 1; }
  .submenu a { font-size: 14px; }
  .scrollup { display: none !important; }
  header { padding-top: 0; }
  header .logo { position: fixed; padding-top: 20px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
  header .logo.with-menu { background-color: #0A3149; padding-bottom: 10px; }
  header .hamburguer { position: absolute; top: 13px; right: 10px; z-index: 2; }
  header .hamburguer img { cursor: pointer; }
  header .lang { display: none; }
  header .menu { position: fixed; width: 350px; top: 0; left: -100%; height: 100%; margin: 0; padding: 70px 0 0 22px; background-color: #0A3149; display: inline-block; overflow: scroll; text-align: left; }
  header .menu ul.first li { display: block; }
  header .menu li { margin-right: 0; padding-bottom: 20px; border-bottom: 0; }
  header .menu li.lang-mobile { margin-right: 20px; margin-top: 10px; padding-top: 6px; border-top: 1px solid #4F789B; }
  header .menu li.lang-mobile a { font-size: 13px; }
  header .menu a { font-size: 15px; color: #fff; }
  header .menu ul:not(.first) { position: relative; display: block; padding-top: 10px; }
  header .menu ul:not(.first) a { color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 25px; }
  header .menu ul:not(.first) a:hover { color: #fff; }
  header.sticky-mobile { background-color: rgba(10, 49, 73, 0.9); padding-bottom: 10px; }
  footer { font-size: 11px; }
  body#home { background: transparent url("../images/home/bkg-vid-tablet-vert.jpg") no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
  #home #bgvid { display: none; }
  #home .slideshow ul li .block { top: 40%; padding: 0 60px; }
  #home .slideshow .controls { top: 40%; padding-top: 19px; }
  #home .slideshow .controls .prev { margin-left: 15px; }
  #home .slideshow .controls .next { margin-right: 15px; }
  .equipo .profile .img-container { width: 168px; height: 180px; }
  .equipo .profile .img-container .name { width: 150px; margin-top: 60px; padding: 0 10px; opacity: 1; filter: alpha(opacity=100); }
  .equipo .profile .img-container img { opacity: 0.2; filter: alpha(opacity=20); }
  .gobierno .featured h2 { font-size: 22px; line-height: 28px; }
  .informes { margin-top: 25px; }
  .premios .content { background-image: url("") !important; }
  .suscripciones .icon-image { margin-top: 30px; }
  .suscripciones .s03 { padding-bottom: 160px; }
  .contratos .grid-33, .contratos .grid-66 { padding: 0 !important; }
  .contratos .pdf { height: auto; }
  .prensa .content { margin-top: 100px; }
  .prensa .post h2 { font-size: 24px !important; }
  .articulo .content { margin-top: 100px; }
  .articulo .header { padding: 40px 30px; }
  .articulo .header h1 { font-size: 26px !important; line-height: 34px; }
  .articulo .entry .grid-50:last-child { height: auto; line-height: 28px; padding: 30px; }
  .articulo .entry .grid-50:last-child h6 { line-height: 23px; }
  .articulo .text { padding: 30px 40px; }
  .articulo .text p { line-height: 23px; }
  .contacto .content { margin-top: 90px; }
  .contacto h5 { font-size: 16px; line-height: 22px; }
  .contacto .divider-100 { height: 30px; }
  .contacto .field input[type="text"] { margin-bottom: 10px; }
  .contacto .submit-bt { margin: 30px 0; }
  .contacto .loader-icon { float: none; margin: -23px auto 0 auto; } }
/* ********************************************************************************************************************* LANDSCAPE MOBILES AND DOWN */
@media screen and (max-width: 767px) { .rwd-break { display: block; }
  h1 { font-size: 26px !important; line-height: 30px; }
  h2 { font-size: 22px !important; line-height: 25px; }
  h3 { font-size: 21px !important; line-height: 26px; }
  h4 { font-size: 19px !important; line-height: 23px; }
  .page-title { padding: 90px 0 30px 0; }
  .submenu, .scrollup { display: none !important; }
  header { padding-top: 0; }
  header .logo { position: fixed; padding-top: 20px; }
  header .logo img { width: 170px; height: auto; }
  header .logo.with-menu { background-color: #0A3149; padding-bottom: 10px; }
  header .hamburguer { position: absolute; top: 13px; right: 10px; z-index: 2; }
  header .hamburguer img { cursor: pointer; }
  header .lang { display: none; }
  header .menu { position: fixed; width: 100%; top: 0; left: -100%; height: 100%; margin: 0; padding: 70px 0 0 22px; background-color: #0A3149; display: inline-block; overflow: scroll; text-align: left; }
  header .menu ul.first li { display: block; }
  header .menu li { margin-right: 0; padding-bottom: 20px; border-bottom: 0; }
  header .menu li.lang-mobile { margin-right: 20px; margin-top: 10px; padding-top: 6px; border-top: 1px solid #4F789B; }
  header .menu li.lang-mobile a { font-size: 13px; }
  header .menu a { font-size: 15px; color: #fff; }
  header .menu ul:not(.first) { position: relative; display: block; padding-top: 10px; }
  header .menu ul:not(.first) a { color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 25px; }
  header .menu ul:not(.first) a:hover { color: #fff; }
  header.sticky-mobile { background-color: rgba(10, 49, 73, 0.9); padding-bottom: 10px; }
  footer { height: 90px; line-height: 20px; }
  footer a { display: block; }
  footer .wonton { padding: 15px 0; float: left; font-size: 9px; }
  body#home { background: transparent url("../images/home/bkg-vid-mobile-vert.jpg") no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
  #home #bgvid { display: none; }
  #home .slideshow ul li .block { top: 40%; padding: 0 60px; }
  #home .slideshow .controls { top: 40%; padding-top: 19px; }
  #home .slideshow .controls .prev { margin-left: 15px; }
  #home .slideshow .controls .next { margin-right: 15px; }
  .equipo .profile .img-container .name { margin-top: 90px; opacity: 1; filter: alpha(opacity=100); }
  .equipo .profile .img-container img { opacity: 0.2; filter: alpha(opacity=20); }
  .equipo-profile h2 { width: 80%; }
  .equipo-profile .close { z-index: 10; }
  .equipo-profile .push { margin-bottom: -80px; }
  .gobierno .featured { margin: 0px 0 30px 0; }
  .gobierno .featured h2 { padding: 20px 20px; font-size: 16px !important; }
  .informes { margin-top: 25px; }
  .premios .content { background-image: url("") !important; }
  .suscripciones .icon-image { margin-top: 30px; }
  .suscripciones .s03 { padding-bottom: 160px; }
  .suscripciones footer { height: 110px; }
  .faqs .accordion > h4 { font-size: 16px !important; }
  .faqs .accordion > h4 span { margin-top: -6px; }
  .faqs a.pdf { font-size: 10px !important; }
  .contratos .grid-33, .contratos .grid-66 { padding: 0 !important; }
  .contratos .pdf { height: auto; }
  .prensa .content { margin-top: 40px; }
  .prensa h1 { margin-bottom: 20px; }
  .prensa .gap { display: none; }
  .articulo .content { margin-top: 40px; }
  .articulo .header { padding: 30px 20px; }
  .articulo .header .close { margin: -20px -10px 0 0; -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }
  .articulo .header h1 { font-size: 21px !important; line-height: 26px; }
  .articulo .entry .grid-50:last-child { height: auto; line-height: 28px; padding: 20px; }
  .articulo .entry .grid-50:last-child h6 { line-height: 23px; }
  .articulo .text { padding: 20px; }
  .articulo .text p { line-height: 23px; }
  .contacto .wrapper { background: transparent url("../images/contact/bkg-mobile.jpg") center top no-repeat !important; }
  .contacto .content { margin-top: 40px; }
  .contacto h5 { font-size: 16px; line-height: 22px; }
  .contacto .form { margin-top: 30px; }
  .contacto .field input[type="text"] { margin-bottom: 10px; }
  .contacto .submit-bt { margin: 30px 0; }
  .contacto .loader-icon { float: none; margin: -23px auto 0 auto; }
  .contacto footer { height: 110px; } }
/* ********************************************************************************************************************* LANDSCAPE MOBILES EXCEPTIONS */
@media screen and (min-device-width: 320px) and (max-device-width: 1400px) and (orientation: landscape) { body#home { background: transparent url("../images/home/bkg-vid.jpg") no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
  .equipo .profile .img-container .name { margin-top: 90px; opacity: 1; filter: alpha(opacity=100); }
  .equipo .profile .img-container img { opacity: 0.2; filter: alpha(opacity=20); } }