/*
Theme Name: Valdez Law Firm Child Theme
Theme URI: https://jguardado.online
Description: Child theme for customizing.
Version: 1.0
Author: emendez
Author URI: https://jguardado.online/
Template: theme
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url('../theme/style.css');
/*@import url('commons.css');*/
/*@import url('style2.css');*/

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/

.clearfix:before, .main-navigation:before, .menu-item-search-dropdown form:before, .content-wrapper:before, .product_list_widget li:before, .tagcloud:before, .widget-category-box .category:before, .comment-content-container:before, .clearfix:after, .main-navigation:after, .menu-item-search-dropdown form:after, .content-wrapper:after, .product_list_widget li:after, .tagcloud:after, .widget-category-box .category:after, .comment-content-container:after {
  display: table;
  content: "";
}
.clearfix:after, .main-navigation:after, .menu-item-search-dropdown form:after, .content-wrapper:after, .product_list_widget li:after, .tagcloud:after, .widget-category-box .category:after, .comment-content-container:after {
  clear: both;
}

*,body{ padding: 0; margin: 0; font-family: 'Ubuntu', sans-serif; }
body{ overflow-x: hidden; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
	background: blue;
}
*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

.btn,
a, a:hover, a:active, a:focus,
input[type="submit"],
.home-links li a img{
	text-decoration: none;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

a{ color: #0e4a6f; outline: none; }
a:hover, a:active, a:focus{ opacity: .8; outline: none; }
a span.icon-logo-web-guacamaya-01, .home.page a span.icon-logo-web-guacamaya-01{ font-size: 5em !important; color: white; }

.top-logo-container > a:hover,
.top-logo-container > a:focus,
.top-logo-container > a:active{ opacity: 1; }

.border-radius-3px{ border-radius: 3px !important; }
.border-radius-4px{ border-radius: 4px !important; }
.border-radius-5px{ border-radius: 5px !important; }
.border-radius-6px{ border-radius: 6px !important; }
.border-radius-7px{ border-radius: 7px !important; }
.border-radius-8px{ border-radius: 8px !important; }
.border-radius-9px{ border-radius: 9px !important; }
.border-radius-10px{ border-radius: 10px !important; }

.no-margin{margin: 0 !important;}
.no-padding{padding: 0 !important;}

.no-margin-left{ margin-left: 0!important;}
.no-margin-right{ margin-right: 0!important;}
.no-margin-top{ margin-top: 0!important;}
.no-margin-bottom{ margin-bottom: 0!important;}

.no-padding-left{ padding-left: 0!important;}
.no-padding-right{ padding-right: 0!important;}

.padding-5{ padding: 5px;}
.padding-10{ padding: 10px;}
.padding-15{ padding: 15px;}
.padding-20{ padding: 20px;}
.padding-25{ padding: 25px;}
.padding-30{ padding: 30px;}
.padding-40{ padding: 40px;}
.padding-50{ padding: 50px;}

.padding-top-0{ padding-top: 0;}
.padding-left-0{ padding-left: 0;}
.padding-bottom-0{ padding-bottom: 0;}
.padding-right-0{ padding-right: 0;}

.padding-top-10{ padding-top: 10px !important;}
.padding-bottom-10{ padding-bottom: 10px;}
.padding-left-10{ padding-left: 10px;}
.padding-right-10{ padding-right: 10px;}

.padding-top-15{ padding-top: 15px;}
.padding-bottom-15{ padding-bottom: 15px;}
.padding-left-15{ padding-left: 15px;}
.padding-right-15{ padding-right: 15px;}

.padding-top-20{ padding-top: 20px;}
.padding-bottom-20{ padding-bottom: 20px;}
.padding-left-20{ padding-left: 20px;}
.padding-right-20{ padding-right: 20px;}

.padding-top-30{ padding-top: 30px;}
.padding-bottom-30{ padding-bottom: 30px;}
.padding-left-30{ padding-left: 30px;}
.padding-right-30{ padding-right: 30px;}

.padding-top-40{ padding-top: 40px;}
.padding-bottom-40{ padding-bottom: 40px;}
.padding-left-40{ padding-left: 40px;}
.padding-right-40{ padding-right: 40px;}

.padding-top-50{ padding-top: 50px;}
.padding-bottom-50{ padding-bottom: 50px;}
.padding-left-50{ padding-left: 50px;}
.padding-right-50{ padding-right: 50px;}

.padding-top-60{ padding-top: 60px;}
.padding-bottom-60{ padding-bottom: 60px;}
.padding-left-60{ padding-left: 60px;}
.padding-right-60{ padding-right: 60px;}

.padding-top-70{ padding-top: 70px;}
.padding-bottom-70{ padding-bottom: 70px;}
.padding-left-70{ padding-left: 70px;}
.padding-right-70{ padding-right: 70px;}

.padding-top-80{ padding-top: 80px;}
.padding-bottom-80{ padding-bottom: 80px;}
.padding-left-80{ padding-left: 80px;}
.padding-right-80{ padding-right: 80px;}

.padding-top-90{ padding-top: 90px;}
.padding-bottom-90{ padding-bottom: 90px;}
.padding-left-90{ padding-left: 90px;}
.padding-right-90{ padding-right: 90px;}

.padding-top-100{ padding-top: 100px;}
.padding-bottom-100{ padding-bottom: 100px;}
.padding-left-100{ padding-left: 100px;}
.padding-right-100{ padding-right: 100px;}

.padding-top-110{ padding-top: 110px;}
.padding-bottom-110{ padding-bottom: 110px;}
.padding-left-110{ padding-left: 110px;}
.padding-right-110{ padding-right: 110px;}

.padding-top-120{ padding-top: 120px;}
.padding-bottom-120{ padding-bottom: 120px;}
.padding-left-120{ padding-left: 120px;}
.padding-right-120{ padding-right: 120px;}

.padding-top-130{ padding-top: 130px;}
.padding-bottom-130{ padding-bottom: 130px;}
.padding-left-130{ padding-left: 130px !important;}
.padding-right-130{ padding-right: 130px;}

.padding-top-140{ padding-top: 140px;}
.padding-bottom-140{ padding-bottom: 140px;}
.padding-left-140{ padding-left: 140px;}
.padding-right-140{ padding-right: 140px;}

.margin-top-50-neg{ margin-top: -50px; }

.margin-top-0{ margin-top: 0;}
.margin-bottom-0{ margin-bottom: 0;}
.margin-left-0{ margin-left: 0;}
.margin-right-0{ margin-right: 0;}

.margin-top-5{ margin-top: 5px;}
.margin-bottom-5{ margin-bottom: 5px;}
.margin-left-5{ margin-left: 5px;}
.margin-right-5{ margin-right: 5px;}

.margin-top-10{ margin-top: 10px;}
.margin-bottom-10{ margin-bottom: 10px;}
.margin-left-10{ margin-left: 10px;}
.margin-right-10{ margin-right: 10px;}

.margin-top-15{ margin-top: 15px !important;}
.margin-bottom-15{ margin-bottom: 15px !important;}
.margin-left-15{ margin-left: 15px !important;}
.margin-right-15{ margin-right: 15px !important;}

.margin-top-20{ margin-top: 20px;}
.margin-bottom-20{ margin-bottom: 20px;}
.margin-left-20{ margin-left: 20px;}
.margin-right-20{ margin-right: 20px;}

.margin-top-30{ margin-top: 30px;}
.margin-bottom-30{ margin-bottom: 30px;}
.margin-left-30{ margin-left: 30px;}
.margin-right-30{ margin-right: 30px;}

.margin-top-40{ margin-top: 40px;}
.margin-bottom-40{ margin-bottom: 40px !important;}
.margin-left-40{ margin-left: 40px;}
.margin-right-40{ margin-right: 40px;}

.margin-top-50{ margin-top: 50px;}
.margin-bottom-50{ margin-bottom: 50px;}
.margin-left-50{ margin-left: 50px;}
.margin-right-50{ margin-right: 50px;}

.margin-top-60{ margin-top: 60px;}
.margin-bottom-60{ margin-bottom: 60px;}
.margin-left-60{ margin-left: 60px;}
.margin-right-60{ margin-right: 60px;}

.margin-top-70{ margin-top: 70px;}
.margin-bottom-70{ margin-bottom: 70px;}
.margin-left-70{ margin-left: 70px;}
.margin-right-70{ margin-right: 70px;}

.margin-top-80{ margin-top: 80px;}
.margin-bottom-80{ margin-bottom: 80px;}
.margin-left-80{ margin-left: 80px;}
.margin-right-80{ margin-right: 80px;}

.margin-top-90{ margin-top: 90px;}
.margin-bottom-90{ margin-bottom: 90px;}
.margin-left-90{ margin-left: 90px;}
.margin-right-90{ margin-right: 90px;}

.margin-top-100{ margin-top: 100px;}
.margin-bottom-100{ margin-bottom: 100px;}
.margin-left-100{ margin-left: 100px;}
.margin-right-100{ margin-right: 100px;}

.margin-top-120{ margin-top: 120px;}
.margin-bottom-120{ margin-bottom: 120px;}
.margin-left-120{ margin-left: 120px;}
.margin-right-120{ margin-right: 120px;}

.dtable{ display: table !important; width: 100% ; height: 100% ; }
.dtable .innerd{ display: table-cell; vertical-align: middle; }

.customcontainer{ width: 100%; max-width: 1200px; overflow: hidden; margin: 0 auto; }

ul.list-3-12{ list-style: none; margin: 0; padding: 0; overflow: hidden; }
ul.list-3-12 li{ width: 33.33%; display: inline-block; float: left; padding: 0 10px; }
ul.list-3-12 li:first-child{ padding-left: 0; }
ul.list-3-12 li:last-child{ padding-right: 0; }

.margin-center{ margin: 0 auto; display: block; }
.margin-left-right-auto{ margin-left: auto; margin-right: auto; }
.display-block{ display: block !important; }
.margin0auto{ margin: 0 auto !important; }

label.error{ font-size: 11px; color: red; }

.height340px{ height: 340px; }

.row{ margin-left: 0; margin-right: 0; }

.w100{ width: 100%; }
.h100{ height: 100%; }
.w75{ width: 75%; }
.h75{ height: 75%; }
.w50{ width: 50%; }
.h50{ height: 50%; }
.w100h100{ width: 100% ; height: 100% ; }
.w100h100vh{ width: 100% ; height: 100vh; }


.inner-relative{ width: 100%; height: auto; position: relative; }

.fcolorc5{ color: #c5bdba; }
.f12{ font-size: 12px; }
.f13{ font-size: 13px; }
.f14{ font-size: 14px; }
.f15{ font-size: 15px; }
.f16{ font-size: 16px; }
.f17{ font-size: 17px; }
.f18{ font-size: 18px; }
.f19{ font-size: 19px; }
.f20{ font-size: 20px; }
.f21{ font-size: 21px; }
.f22{ font-size: 22px; }
.f23{ font-size: 23px; }
.f24{ font-size: 24px; }
.f25{ font-size: 25px; }

.fs50px{ font-size: 50px !important; }
.fs100px{ font-size: 100px !important; }
.fs200px{ font-size: 200px !important; }
.fs300px{ font-size: 300px !important; }
.fw300{ font-weight: 300; }
.fw400{ font-weight: 400; }
.fw600{ font-weight: 600; }
.fw700{ font-weight: 700; }
.fw800{ font-weight: 800; }
.fw900{ font-weight: 900; }
.fwbold{ font-weight: bold; }
.booking{ font-weight: 300; color: white; line-height: 20px; margin: 0; }
.planing{ font-weight: bold; color: #188aff; line-height: 20px; margin: 0; }
.whitecolor{ color: white; }
.goldcolor{ color: #f9b61e; }
.color036{ color: #0360a4; }
.colorcd{ color: #cdcdcd; }
.colorblack{ color: black; }
.colorgraylight{ color: #b7b3b1; }
.colororange{ color: #f6862f; }
.coloryellow{ color: #f6ae00; }
.colorpurple{ color: #4e2c85; }
.color-red{ color: #e63834; }
.bluecolor{ color: #0e4a6f; }
.bluecolor2{ color: #135a86; }
.fr{ float: right; }
.fl{ float: left; }
.uppercase{ text-transform: uppercase; }
.lightbluecolor{ color: #0360a4; }
.bluecolor, h1, h2, h3, h4, h5, h6{ color: #152970; }
.letterspacing2px{ letter-spacing: 2px; }
.backg-white{ background: white; }
.backgdarkblue{ background: #262c66; }
.backg0f{ background: #0f0f0f; }
.backgroundcover{ background-size: cover; }
.backg-gold{ background: #f9b61e; }
.backgeee{ background: #eeeeee; }
.backg-eaeaea{ background: #eaeaea; }
.backg-yellow{ background: #f6af00; color: white; }
.backg-gray{ background: #ebebeb; }
.backg-yellow:hover,
.backg-yellow:focus,
.backg-yellow:active{ opacity: .8; color: white; }
.backg-darkaqua{ background: #1c8da1; }
.backg-eee{ background: #eeeeee; }
.backg-purple{ background: #4e2c85; }
.backg-f4f4f4{ background: #f4f4f4; }

.line-height-20px{ line-height: 20px; }
.line-height-21px{ line-height: 21px; }
.line-height-22px{ line-height: 22px; }
.line-height-23px{ line-height: 23px; }
.line-height-30px{ line-height: 30px; }

.max-width-100px{ max-width: 100px; }
.max-width-150px{ max-width: 150px; }
.max-width-200px{ max-width: 200px; }
.max-width-300px{ max-width: 300px; }
.max-width-400px{ max-width: 400px; }
.max-width-450px{ max-width: 450px; }
.max-width-500px{ max-width: 500px; }
.max-width-600px{ max-width: 600px; }
.max-width-700px{ max-width: 700px; }
.max-width-800px{ max-width: 800px !important; }
.max-width-900px{ max-width: 900px; }

.max-height-50px{ max-height: 50px; }
.max-height-100px{ max-height: 100px; }
.max-height-200px{ max-height: 200px; }
.max-height-300px{ max-height: 300px; }
.max-height-400px{ max-height: 400px; }
.max-height-500px{ max-height: 500px; }

.letter-spacing-2px{ letter-spacing: 2px; }
.letter-spacing-3px{ letter-spacing: 3px; }
.letter-spacing-4px{ letter-spacing: 4px; }
.letter-spacing-5px{ letter-spacing: 5px; }
.letter-spacing-6px{ letter-spacing: 6px; }
.letter-spacing-7px{ letter-spacing: 7px; }
.letter-spacing-8px{ letter-spacing: 8px; }
.letter-spacing-9px{ letter-spacing: 9px; }
.letter-spacing-10px{ letter-spacing: 10px; }
.letter-spacing-11px{ letter-spacing: 11px; }
.letter-spacing-12px{ letter-spacing: 12px; }
.letter-spacing-13px{ letter-spacing: 13px; }
.letter-spacing-14px{ letter-spacing: 14px; }
.letter-spacing-15px{ letter-spacing: 15px; }

.btn{ border:0; padding: 10px 15px; }
.green-btn{ background: #93c020; color: white; }
.red1-btn{ background: #e63834; color: white; }
.orange-btn{ background: #f57e16; color: white; }

.green-btn:hover, .green-btn:active, .green-btn:focus,
.red1-btn:hover, .red1-btn:active, .red1-btn:focus,
.orange-btn:hover, .orange-btn:active, .orange-btn:focus{ opacity: .8; color: white; }

input[type="submit"],
input[type="password"],
input[type="email"],
input[type="text"],
input[type="number"],
input[type="checkbox"],
input[type="radio"],
textarea,
select
{
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

input[type="submit"],
input[type="email"],
input[type="text"],
input[type="submit"],
textarea.form-control,
textarea,
select{ border-radius: 3px; border: 0; background: #e8e8e8; padding: 12px 20px; }

input[type="submit"]{ background: #f57e16; color: white; border: 0; }
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active{
	opacity: .8;
}


.relative{ position: relative; }
.overflow-initial{ overflow: initial !important;}
.overflowh{ overflow: hidden !important;}

.nolist{ margin: 0; padding: 0; list-style: none; }
.centerlist{ text-align: center; }
.centerlist li{ display: inline-block; }

.gray{ color: #999; }

.gray-arrow .slick-prev, .gray-arrow .slick-next{ z-index: 8; background: transparent; }
.gray-arrow .slick-prev:before, .gray-arrow .slick-next:before{ color: #545454; }
.slick-prev, .slick-next{ z-index: 8; background: #f09201; }
.slick-prev:before, .slick-next:before{ color: white; }
.slick-slide{ position: relative; }

header#masthead{ width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 4; }

.left-menu-bar{ width: 70px; height: 100%; padding: 15px; background: #ffffff; position: absolute; left: 0; top: 0; bottom: 0; z-index: 10; }
.page-template-template-home-buses .left-menu-bar{  }

.bar-sn{ text-align: center; position: absolute; bottom: 0; left: 0; }
.bar-sn li{ display: inline-block; }
.bar-sn li a{ display: block; padding: 5px 15px;  }

/*.menu-container{ height: 58px !important;}*/
#main-top-menu{ height: 70px; margin: 0; padding: 0; position: absolute; right: 0; top: 20px; bottom: 0; }
#main-top-menu li{ display: inline-block; float: left; }
#main-top-menu li a{ padding: 15px 15px; display: block; text-transform: uppercase; font-weight: 400; color: white; letter-spacing: 2px; font-weight: 100; }
#main-top-menu li a:hover,
#main-top-menu li a:focus,
#main-top-menu li a:active,
#main-top-menu li.current-menu-item a{ background: #f09201; color: white; }

/*.top-logo-container{ width: 223px; height: 50px;  top: -10px; left: 0; z-index: 9; }*/
.top-logo-container a img{ max-height: 50px; /*margin: 10px 0;*/ }

header#header-mobile{ position: absolute; top: 0; width: 100%; z-index: 9; }
header#header-mobile > div > .container{ padding: 10px 15px; }
header#header-mobile > div > .container > .brand-mobile-cont > a > img{ max-height: 65px; }

#mobile-menu{ background: white; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 4; padding: 50px; overflow-y: auto; }
.mobile-logo{ margin: 15px auto; display: block; max-width: 300px; }

.prevent-scrolling {
  width: 100%;
  position: fixed;
  overflow-y: hidden !important;
}

#mobile-menu ul{ /*font-family: 'Roboto Slab', serif;*/ text-align: center; }
#mobile-menu ul li a{ color: black !important; padding: 12px 16px; }
#mobile-menu ul li, #mobile-menu ul li a, #mobile-menu ul li ul li a, #mobile-menu ul li ul li ul li a{ display: block; text-align: center; }
#mobile-menu > ul{ width: 270px; margin: 0 auto; /*padding: 0;*/ list-style: none; /*font-family: 'Roboto Slab', serif;*/ }
#mobile-menu > ul > li > a{ text-transform: uppercase; font-size: 18px; font-weight: 400; }
#mobile-menu ul ul{ padding: 0 20px; list-style: none; }
#mobile-menu ul ul ul{ padding: 0 40px; list-style: none; }
#mobile-menu ul li.current-menu-item a,
#mobile-menu ul li a:hover,
#mobile-menu ul li a:active,
#mobile-menu ul li a:focus{ background: transparent; color: #f09201 !important; }

.mainmenutop{ position: absolute; top: 0; right: 0; z-index: 6; }

button, button:hover{ outline: none; }
.main-top-hamburger{ float: right; margin: 7px -15px 0 0; }
.main-top-hamburger-left{ float: right; margin: 10% -15px 0 0; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{ background-color: #195989; }

.key-home-background{ background: url(images/home-key.png) center right no-repeat; background-size: contain; }

#map{ height: 450px; }

.home > #page > .container,
.no-sidebar > #page > .container{ width: 100% !important; padding: 0; max-width: 100% !important; }

.home-contact-form form ul li h3{ color: white; font-size: 15px; margin:0; padding: 0; }
.home-contact-form form ul li p.text{ display: none; }
.form-container{ background: #055885; }
.contact-form-container{ list-style: none; padding: 0; margin: 0; }
.contact-form-container li{ width: 20%; display: inline-block; float: left; padding: 0 10px; }

#slider-contact{ width: 300px; height: 350px; background: white; border-radius: 15px; position: absolute; }
.contact-form-right{ top: 20%; right: 10%; }
.contact-form-left{ top: 25%; left: 10%; }
#slider-contact form{ padding: 10px 30px; }
#slider-contact ul.contact-form-container,
#slider-contact ul.contact-form-container li
{ width: 100%;  }
#slider-contact input[type="text"],
#slider-contact input[type="email"],
.contact-form-full input[type="text"],
.contact-form-full input[type="email"],
.contact-form-full textarea.form-control{
	border-color: #165c88;
	color: #165c88;
	margin-bottom: 20px;
}

#slider-contact input[type="text"].error,
#slider-contact input[type="email"].error,
.contact-form-full input[type="text"].error,
.contact-form-full input[type="email"].error,
.contact-form-full textarea.form-control.error,
.form-control.error{ margin-bottom: 0; }

ul.contact-form-container li:last-child{ margin-bottom: 20px; }
.contact-form-full input[type="submit"]{ float: right; }

.contact-form-full{ margin: 50px auto; max-width: 800px; display: block; overflow: hidden; }

#slider-contact input[type="submit"]{ width: 100%; border-radius: 0 0 15px 15px; padding: 15px; position: absolute; bottom: 0; left:0; right: 0; }

.site-info > .inside{ text-align: center; padding: 10px 0;  }

#footer-menu{ list-style: none; }
#footer-menu li a{ display: block; }
#footer-menu li a{ margin: 0 0 10px 0; }
#footer-menu > li{ display: inline-block; padding: 0 10px; float: left; text-transform: uppercase; font-weight: bold;  }
#footer-menu > li > ul.sub-menu{ list-style: none; }
#footer-menu > li > ul.sub-menu > li{ text-transform: initial; font-weight: normal;  }

/* MAIN MENU */

.nav.main-top-menu > li > ul.sub-menu > li > a{ color: #444444; }

.nav.main-top-menu > li:hover,
.nav.main-top-menu > li:active,
.nav.main-top-menu > li:focus,
.nav.main-top-menu > li.current-menu-ancestor,
.nav.main-top-menu > li.current-menu-item{  }
.nav.main-top-menu > li.current-menu-item a{ color: #f1262d; }
.nav.main-top-menu > li:hover a,
.nav.main-top-menu > li:active a,
.nav.main-top-menu > li:focus a{  }

.main-top-menu, ul.sub-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navbar-nav.main-top-menu > li {
  display: inline-block;
  float: initial;
}

.main-top-menu li a, .main-top-menu > li.menu-item-has-children > a {
    display: inline-block;
    text-decoration: none;
}

.main-top-menu li a:hover, .main-top-menu > li.menu-item-has-children:hover .a {
    background-color: red;
}

li.menu-item-has-children {
    display: inline-block;
}

.main-top-menu > li.menu-item-has-children > ul.sub-menu {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.main-top-menu > li.menu-item-has-children:last-child > ul.sub-menu,
.main-top-menu > li:last-child > ul.sub-menu {
  right: 0;
}

ul.sub-menu > li{
	width: 100%;
}

ul.sub-menu > li > a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

ul.sub-menu > li > a:hover,
ul.sub-menu > li > a:focus,
ul.sub-menu > li > a:active,
ul.sub-menu > li.current-menu-item > a {background-color: #f1262d; color: white !important; }

.main-top-menu li.menu-item-has-children:hover ul.sub-menu {
    display: block;
    margin-top: 0;
}

/* MAIN MENU */

.footer-sn{ list-style: none; padding: 0; margin: 0; text-align: center; }
.footer-sn li{ display: inline-block; }
.footer-sn li a{ display: block; padding: 5px 11px; background: #0e4a6f; color: white; border-radius: 50px; opacity: .8; }
.footer-sn li a:hover,
.footer-sn li a:focus,
.footer-sn li a:active{ opacity: 1; }

.footer-sn.white li a{ background: white; color: #0e4a6f; }

.overlay{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.5); }
.overlay.transparent{ background: transparent !important; };
.zindex5{ z-index: 5; }
.zindex9{ z-index: 9; }
.zindex10{ z-index: 10; }

.logo-cont{ width: 160px; height: 160px; display: block; margin: 0 auto; }
.mision{ background: url(images/acerca-mision-fenix.png) center center no-repeat; background-size: contain; }
.vision{ background: url(images/acerca-vision-fenix.png) center center no-repeat; background-size: contain; }

.page-template-template-contacto-fenix ul.contact-form-container li.text-contact{ display: none; }

.mobile-page-main-header{ margin-top: 80px; }

.logo-button-project{ margin: 14% 8% 0 0; }
.logo-project{ width: 200px; height: 200px; }

.main-project-container{ background: url(images/project-background-left-part.png) left top no-repeat; }
.project-background-container.acropoli-sonsonate{ background: url(images/project-acropoli-background.png) center right no-repeat; background-size: contain; }
.project-background-container.cimas-de-san-bartolo{ background: url(images/cimas-san-bartolo-backg-right.png) center right no-repeat; background-size: contain; }

.model-description{  }
.model-description ul{ padding-left: 15px; }
.proyecto-tabs li{  }

.proyecto-tabs > li{ float: left; margin: 0; }
.proyecto-tabs > li > a{ color: white; font-weight: bold; display: block; text-align: center; margin: 0; border: 0; border-radius: 0; padding: 35px 25px; }
.proyecto-tabs > li.model0 > a{ background: #e14612; }
.proyecto-tabs > li.model1 > a{ background: #ef9000; }
.proyecto-tabs > li.model2 > a{ background: #f6ae00; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs.proyecto-tabs > li.active > a,
.nav-tabs.proyecto-tabs > li > a:hover,
.nav-tabs.proyecto-tabs > li > a:focus{ color: white; border: 0; border-radius: 0; background: #333; }

.model-gallery{ min-height: 300px; background: url(images/loading.gif) center center no-repeat; }
.model-gallery .slick-dots{ bottom: 25px; }
.slick-dots li button:before,
.slick-dots li.slick-active button:before{ color: white; font-size: 16px; }

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

ul.footersn li a i {
    font-size: 30px;
}

/* BUSES */

.home .slick-prev, .slick-next {z-index: 1;}
.home header#masthead, .home header#header-mobile{ background: transparent;}
.home header#masthead .right-top-menu, .home header#header-mobile .brand-mobile-cont{ /*display: none;*/ }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.home-center-container{ max-width: 450px; height: auto; margin: 0 auto; }
.home-background > .dtable > .innerd{ padding-bottom: 100px; }
.home-links{ max-width: 550px; margin: 0 auto; display: block; }
.home-links li a:hover img{ opacity: .8; }

.pictogram{ background: url(images/pictogram.png) 0 15px repeat-x; width: 100%; height: 130px; position: absolute; left:0; bottom: 0; z-index: 1; background-size: contain; }

.footer-links{ text-align: center; }
.footer-links li{ display: inline-block; }
.footer-links li a{ display: block; }
.footer-links li a img.img-responsive{ max-height: 38px; }

/*.page-template-template-ruta #content{ margin: 68px 0 0 0; }*/
.separator-after-main-title{ height: 2px; background: white; border:0; display: block; margin: 10px auto 0 auto; }
.separator-after-main-title.backg-purple{ background: #4e2c85; }

.right-top-menu{ float: right; margin-top: 12px; }
.right-top-menu li{ display: inline-block; float: left; padding-right: 15px;  }
.right-top-menu li:last-child{ padding-right: 0; }
.right-top-menu li a{ display: block; color: #4e2c85; font-weight: bold;  }
.right-top-menu li a:hover,
.right-top-menu li a:focus,
.right-top-menu li a:active{ opacity: .8; }

.duration-05s{
  animation-duration: .5s;
}

.duration-08s{
  animation-duration: .8s;
}


.animated.delay-0-4s {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.animated.delay-0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.animated.delay-0-6s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.animated.delay-0-8s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.animated.delay-1-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.animated.delay-0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.animated.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.animated.delay-3-5s {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.animated.delay-4-5s {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}

.animated.delay-1-5s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wpml-ls-legacy-dropdown{ width: auto !important; }

.reservaciones-container{ margin-top: 60px; }

.reservaciones-container{ background-image: url(images/reservaciones-background.png); background-position: bottom right; background-repeat: no-repeat; }

.wpml-ls-legacy-dropdown .wpml-ls-item{ width: 100%; }
ul.wpml-ls-sub-menu{ margin-top: 27px !important; }

@media screen and (min-height: 700px) {

}

@media screen and (max-height: 600px){
  
}

@media screen and (max-height: 600px) and (orientation: landscape){
  
}


/* BUSES */

/* VALDEZ LAW FIRM */
.overlay-banner{ width:100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.top-banner .overlay-banner .dtable{ background-position: bottom; background-repeat: repeat-x; }
.top-banner{ background-position: center center; background-repeat: no-repeat; height: 100vh; width: 100%; position: relative; margin: 0; padding: 0; background-size: cover; }
.top-banner .overlay-banner .container h1{ text-shadow: #333 2px 2px 10px; line-height: 34px; }

.home #home-slider{ margin-top: 135px; }
.header-top-list li{ padding: 0 15px; display: inline-block; float: left; }
.header-top-list li a{ display: block; }
.header-top-list li:first-child{ padding-left: 0; }
.header-top-list li:last-child{ padding-right: 0; }

.header-sn-list li{ padding: 6px; display: inline-block; float: left; }
.header-sn-list li a{ display: block; }
.header-sn-list li:last-child{ padding-right: 0; }

.blog-services-backg{ background: url(images/backg-home-blog-services.jpg) center center no-repeat; background-size: cover; }

.btn{ padding-left: 30px; padding-right: 38px;  }
.btn.btn-outline-primary{ border: 1px solid #152970; color: #152970; }
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus{ color: white; background: #152970; }

.single-service img{ border: 0; border-radius: 5px 5px 0 0; }
.single-service a.btn{ max-width: 140px; display: block; margin: 0 auto; }

.single-attorneys img{ border: 0; border-radius: 500px; }
.single-attorneys a.btn{ max-width: 140px; display: block; margin: 0 auto; }
/*.attorneys-section{ background: url(images/attorneys-section-backg.jpg) center bottom no-repeat; background-size: cover;  }*/

.testimonials-section{ background: url(images/home-testimonials-background.jpg) bottom right no-repeat; background-size: cover;}

.slick-dots{ bottom: 0; }

.page-featured-paragraph-container{ margin-top: -60px; z-index: 100; }
.page-featured-paragraph{  }

.steps-list{ margin-top: 25px; }
.steps-list li .number-step{ border-radius: 100px; background: #262c66; padding: 5px 11px; color: white; position: absolute; top: 0; left:0; }

.modal-lightbox{ max-width: 650px; margin: 20px; }

.attroneys-modal-box img{ max-width: 300px; display: block; margin: 0 auto; }

.attorney-sectionc{ background: #262c66 url(images/attorneys-backgrouns-sectionc.jpg) center center; background-size: cover; }

.team-list li{ float: left; display: inline-block; }
/* VALDEZ LAW FIRM */



@media  (min-width: 1200px) {

	.lg-left-align{ text-align: left; }
  .lg-right-align{ text-align: right; }
  .center-lg{ text-align: center; margin-left: auto; margin-right: auto; }

  .float-left-lg{ float: left; }
  .float-right-lg{ float: right; }

  .width-50perc-lg{ width: 50%; }
  .width-60perc-lg{ width: 60%; }
  .width-70perc-lg{ width: 70%; }
  .width-80perc-lg{ width: 80%; }
  .width-90perc-lg{ width: 90%; }
  .width-100perc-lg{ width: 100%; }

  .lg-margin-bottom-10px{ margin-bottom: 10px; }
  .lg-margin-bottom-20px{ margin-bottom: 20px; }
  .lg-margin-bottom-30px{ margin-bottom: 30px; }
  .lg-margin-bottom-40px{ margin-bottom: 40px; }
  .lg-margin-bottom-50px{ margin-bottom: 50px; }

  .lg-max-width-100px{ max-width: 100px; }
  .lg-max-width-150px{ max-width: 150px; }
  .lg-max-width-200px{ max-width: 200px; }
  .lg-max-width-250px{ max-width: 250px; }
  .lg-max-width-300px{ max-width: 300px; }
  .lg-max-width-350px{ max-width: 350px; }
  .lg-max-width-400px{ max-width: 400px; }
  .lg-max-width-500px{ max-width: 500px; }
  .lg-max-width-600px{ max-width: 600px; }
  .lg-max-width-700px{ max-width: 700px; }
  .lg-max-width-800px{ max-width: 800px; }
  .lg-max-width-900px{ max-width: 900px; }
  .lg-max-width-1000px{ max-width: 1000px; }
  .lg-block{ display: block; }

  .padding-top-10-lg{ padding-top: 10px; }
  .padding-bottom-10-lg{ padding-bottom: 10px; }
  .padding-left-10-lg{ padding-left: 10px; }
  .padding-right-10-lg{ padding-right: 10px; }

  .padding-top-20-lg{ padding-top: 20px; }
  .padding-bottom-20-lg{ padding-bottom: 20px; }
  .padding-left-20-lg{ padding-left: 20px; }
  .padding-right-20-lg{ padding-right: 20px; }

  .padding-top-30-lg{ padding-top: 30px; }
  .padding-bottom-30-lg{ padding-bottom: 30px; }
  .padding-left-30-lg{ padding-left: 30px; }
  .padding-right-30-lg{ padding-right: 30px; }

  .padding-top-40-lg{ padding-top: 40px; }
  .padding-bottom-40-lg{ padding-bottom: 40px; }
  .padding-left-40-lg{ padding-left: 40px; }
  .padding-right-40-lg{ padding-right: 40px; }

  .padding-top-50-lg{ padding-top: 50px; }
  .padding-bottom-50-lg{ padding-bottom: 50px; }
  .padding-left-50-lg{ padding-left: 50px; }
  .padding-right-50-lg{ padding-right: 50px; }

  .padding-top-60-lg{ padding-top: 60px; }
  .padding-bottom-60-lg{ padding-bottom: 60px; }
  .padding-left-60-lg{ padding-left: 60px; }
  .padding-right-60-lg{ padding-right: 60px; }

  .padding-top-70-lg{ padding-top: 70px; }
  .padding-bottom-70-lg{ padding-bottom: 70px; }
  .padding-left-70-lg{ padding-left: 70px; }
  .padding-right-70-lg{ padding-right: 70px; }

  .padding-top-80-lg{ padding-top: 80px; }
  .padding-bottom-80-lg{ padding-bottom: 80px; }
  .padding-left-80-lg{ padding-left: 80px; }
  .padding-right-80-lg{ padding-right: 80px; }

  .padding-top-90-lg{ padding-top: 90px; }
  .padding-bottom-90-lg{ padding-bottom: 90px; }
  .padding-left-90-lg{ padding-left: 90px; }
  .padding-right-90-lg{ padding-right: 90px; }

  .padding-top-100-lg{ padding-top: 100px; }
  .padding-bottom-100-lg{ padding-bottom: 100px; }
  .padding-left-100-lg{ padding-left: 100px; }
  .padding-right-100-lg{ padding-right: 100px; }

  .padding-top-150-lg{ padding-top: 150px; }
  .padding-bottom-150-lg{ padding-bottom: 150px; }
  .padding-left-150-lg{ padding-left: 150px; }
  .padding-right-150-lg{ padding-right: 150px; }

  .padding-top-200-lg{ padding-top: 200px; }
  .padding-bottom-200-lg{ padding-bottom: 200px; }
  .padding-left-200-lg{ padding-left: 200px; }
  .padding-right-200-lg{ padding-right: 200px; }

  .padding-top-300-lg{ padding-top: 300px; }
  .padding-bottom-300-lg{ padding-bottom: 300px; }
  .padding-left-300-lg{ padding-left: 300px; }
  .padding-right-300-lg{ padding-right: 300px; }

  .padding-top-400-lg{ padding-top: 400px; }
  .padding-bottom-400-lg{ padding-bottom: 400px; }
  .padding-left-400-lg{ padding-left: 400px; }
  .padding-right-400-lg{ padding-right: 400px; }

  .margin-left-10-lg{ margin-left: 10px; }
  .margin-right-10-lg{ margin-right: 10px; }
  .margin-top-10-lg{ margin-top: 10px; }
  .margin-bottom-10-lg{ margin-bottom: 10px; }

  .margin-left-20-lg{ margin-left: 20px; }
  .margin-right-20-lg{ margin-right: 20px; }
  .margin-top-20-lg{ margin-top: 20px; }
  .margin-bottom-20-lg{ margin-bottom: 20px; }

  .margin-left-30-lg{ margin-left: 30px; }
  .margin-right-30-lg{ margin-right: 30px; }
  .margin-top-30-lg{ margin-top: 30px; }
  .margin-bottom-30-lg{ margin-bottom: 30px; }

  .margin-left-40-lg{ margin-left: 40px; }
  .margin-right-40-lg{ margin-right: 40px; }
  .margin-top-40-lg{ margin-top: 40px; }
  .margin-bottom-40-lg{ margin-bottom: 40px; }

  .margin-left-50-lg{ margin-left: 50px; }
  .margin-right-50-lg{ margin-right: 50px; }
  .margin-top-50-lg{ margin-top: 50px; }
  .margin-bottom-50-lg{ margin-bottom: 50px; }

  .margin-left-60-lg{ margin-left: 60px; }
  .margin-right-60-lg{ margin-right: 60px; }
  .margin-top-60-lg{ margin-top: 60px; }
  .margin-bottom-60-lg{ margin-bottom: 60px; }

  .margin-left-70-lg{ margin-left: 70px; }
  .margin-right-70-lg{ margin-right: 70px; }
  .margin-top-70-lg{ margin-top: 70px; }
  .margin-bottom-70-lg{ margin-bottom: 70px; }

  .margin-left-80-lg{ margin-left: 80px; }
  .margin-right-80-lg{ margin-right: 80px; }
  .margin-top-80-lg{ margin-top: 80px; }
  .margin-bottom-80-lg{ margin-bottom: 80px; }

  .max-width-300px-lg{ max-width: 300px; }
  .max-width-400px-lg{ max-width: 400px; }
  .max-width-500px-lg{ max-width: 500px; }

  .lg-justify{ text-align: justify; }

}

@media (min-width: 992px) and (max-width: 1199px) {

	.center-md{ text-align: center; margin-left: auto; margin-right: auto; }

  .md-left-align{ text-align: left; }
  .md-right-align{ text-align: right; }

  .float-left-md{ float: left; }
  .float-right-md{ float: right; }

  .width-50perc-md{ width: 50%; }
  .width-60perc-md{ width: 60%; }
  .width-70perc-md{ width: 70%; }
  .width-80perc-md{ width: 80%; }
  .width-90perc-md{ width: 90%; }
  .width-100perc-md{ width: 100%; }

  .md-margin-bottom-10px{ margin-bottom: 10px; }
  .md-margin-bottom-20px{ margin-bottom: 20px; }
  .md-margin-bottom-30px{ margin-bottom: 30px; }
  .md-margin-bottom-40px{ margin-bottom: 40px; }
  .md-margin-bottom-50px{ margin-bottom: 50px; }

  .md-max-width-100px{ max-width: 100px; }
  .md-max-width-150px{ max-width: 150px; }
  .md-max-width-200px{ max-width: 200px; }
  .md-max-width-250px{ max-width: 250px; }
  .md-max-width-300px{ max-width: 300px; }
  .md-max-width-350px{ max-width: 350px; }
  .md-max-width-400px{ max-width: 400px; }
  .md-max-width-500px{ max-width: 500px; }
  .md-max-width-600px{ max-width: 600px; }
  .md-max-width-700px{ max-width: 700px; }
  .md-max-width-800px{ max-width: 800px; }
  .md-max-width-900px{ max-width: 900px; }
  .md-max-width-1000px{ max-width: 1000px; }
  .md-block{ display: block; }

  .s1-smartphone-image{ max-width: 580px; margin: 0 auto; width: 100%; }
  .s2-smartphone-image{ max-width: 400px; margin: 0 auto; width: 100%; }

  .padding-top-10-md{ padding-top: 10px; }
  .padding-bottom-10-md{ padding-bottom: 10px; }
  .padding-left-10-md{ padding-left: 10px; }
  .padding-right-10-md{ padding-right: 10px; }

  .padding-top-20-md{ padding-top: 20px; }
  .padding-bottom-20-md{ padding-bottom: 20px; }
  .padding-left-20-md{ padding-left: 20px; }
  .padding-right-20-md{ padding-right: 20px; }

  .padding-top-30-md{ padding-top: 30px; }
  .padding-bottom-30-md{ padding-bottom: 30px; }
  .padding-left-30-md{ padding-left: 30px; }
  .padding-right-30-md{ padding-right: 30px; }

  .padding-top-40-md{ padding-top: 40px; }
  .padding-bottom-40-md{ padding-bottom: 40px; }
  .padding-left-40-md{ padding-left: 40px; }
  .padding-right-40-md{ padding-right: 40px; }

  .padding-top-50-md{ padding-top: 50px; }
  .padding-bottom-50-md{ padding-bottom: 50px; }
  .padding-left-50-md{ padding-left: 50px; }
  .padding-right-50-md{ padding-right: 50px; }

  .padding-top-60-md{ padding-top: 60px; }
  .padding-bottom-60-md{ padding-bottom: 60px; }
  .padding-left-60-md{ padding-left: 60px; }
  .padding-right-60-md{ padding-right: 60px; }

  .padding-top-70-md{ padding-top: 70px; }
  .padding-bottom-70-md{ padding-bottom: 70px; }
  .padding-left-70-md{ padding-left: 70px; }
  .padding-right-70-md{ padding-right: 70px; }

  .padding-top-80-md{ padding-top: 80px; }
  .padding-bottom-80-md{ padding-bottom: 80px; }
  .padding-left-80-md{ padding-left: 80px; }
  .padding-right-80-md{ padding-right: 80px; }

  .padding-top-90-md{ padding-top: 90px; }
  .padding-bottom-90-md{ padding-bottom: 90px; }
  .padding-left-90-md{ padding-left: 90px; }
  .padding-right-90-md{ padding-right: 90px; }

  .padding-top-100-md{ padding-top: 100px; }
  .padding-bottom-100-md{ padding-bottom: 100px; }
  .padding-left-100-md{ padding-left: 100px; }
  .padding-right-100-md{ padding-right: 100px; }

  .margin-left-20-md{ margin-left: 20px; }
  .margin-right-20-md{ margin-right: 20px; }
  .margin-top-20-md{ margin-top: 20px; }
  .margin-bottom-20-md{ margin-bottom: 20px; }

  .margin-left-30-md{ margin-left: 30px; }
  .margin-right-30-md{ margin-right: 30px; }
  .margin-top-30-md{ margin-top: 30px; }
  .margin-bottom-30-md{ margin-bottom: 30px; }

  .margin-left-40-md{ margin-left: 40px; }
  .margin-right-40-md{ margin-right: 40px; }
  .margin-top-40-md{ margin-top: 40px; }
  .margin-bottom-40-md{ margin-bottom: 40px; }

  .margin-left-50-md{ margin-left: 50px; }
  .margin-right-50-md{ margin-right: 50px; }
  .margin-top-50-md{ margin-top: 50px; }
  .margin-bottom-50-md{ margin-bottom: 50px; }

  .margin-left-60-md{ margin-left: 60px; }
  .margin-right-60-md{ margin-right: 60px; }
  .margin-top-60-md{ margin-top: 60px; }
  .margin-bottom-60-md{ margin-bottom: 60px; }

  .margin-left-70-md{ margin-left: 70px; }
  .margin-right-70-md{ margin-right: 70px; }
  .margin-top-70-md{ margin-top: 70px; }
  .margin-bottom-70-md{ margin-bottom: 70px; }

  .margin-left-80-md{ margin-left: 80px; }
  .margin-right-80-md{ margin-right: 80px; }
  .margin-top-80-md{ margin-top: 80px; }
  .margin-bottom-80-md{ margin-bottom: 80px; }

  .md-justify{ text-align: justify; }

}

@media  (min-width: 991px) {
  
}

@media  (max-width: 991px) {

	ul.logo-button-project{ width: 200px; margin: 15px auto; display: block; }
	.project-background-container{ background: transparent !important; }

	.tab-content > .backg-gray{ background: #ffffff; }

}

@media (max-width: 991px) and (min-width: 769px) {
	/* SM */

  .center-sm{ text-align: center; margin-left: auto; margin-right: auto; }

  .sm-left-align{ text-align: left; }
  .sm-right-align{ text-align: right; }

  .float-left-sm{ float: left; }
  .float-right-sm{ float: right; }

  .width-50perc-sm{ width: 50%; }
  .width-60perc-sm{ width: 60%; }
  .width-70perc-sm{ width: 70%; }
  .width-80perc-sm{ width: 80%; }
  .width-90perc-sm{ width: 90%; }
  .width-100perc-sm{ width: 100%; }

  .sm-margin-bottom-10px{ margin-bottom: 10px; }
  .sm-margin-bottom-20px{ margin-bottom: 20px; }
  .sm-margin-bottom-30px{ margin-bottom: 30px; }
  .sm-margin-bottom-40px{ margin-bottom: 40px; }
  .sm-margin-bottom-50px{ margin-bottom: 50px; }

  .sm-max-width-100px{ max-width: 100px; }
  .sm-max-width-150px{ max-width: 150px; }
  .sm-max-width-200px{ max-width: 200px; }
  .sm-max-width-250px{ max-width: 250px; }
  .sm-max-width-300px{ max-width: 300px; }
  .sm-max-width-350px{ max-width: 350px; }
  .sm-max-width-400px{ max-width: 400px; }
  .sm-max-width-500px{ max-width: 500px; }
  .sm-max-width-600px{ max-width: 600px; }
  .sm-max-width-700px{ max-width: 700px; }
  .sm-max-width-800px{ max-width: 800px; }
  .sm-max-width-900px{ max-width: 900px; }
  .sm-max-width-1000px{ max-width: 1000px; }
  .sm-block{ display: block; }

  .s1-smartphone-image, .s2-smartphone-image{ max-width: auto; width: 80%; }

  .padding-top-10-sm{ padding-top: 10px; }
  .padding-bottom-10-sm{ padding-bottom: 10px; }
  .padding-left-10-sm{ padding-left: 10px; }
  .padding-right-10-sm{ padding-right: 10px; }

  .padding-top-20-sm{ padding-top: 20px; }
  .padding-bottom-20-sm{ padding-bottom: 20px; }
  .padding-left-20-sm{ padding-left: 20px; }
  .padding-right-20-sm{ padding-right: 20px; }

  .padding-top-30-sm{ padding-top: 30px; }
  .padding-bottom-30-sm{ padding-bottom: 30px; }
  .padding-left-30-sm{ padding-left: 30px; }
  .padding-right-30-sm{ padding-right: 30px; }

  .padding-top-40-sm{ padding-top: 40px; }
  .padding-bottom-40-sm{ padding-bottom: 40px; }
  .padding-left-40-sm{ padding-left: 40px; }
  .padding-right-40-sm{ padding-right: 40px; }

  .padding-top-50-sm{ padding-top: 50px; }
  .padding-bottom-50-sm{ padding-bottom: 50px; }
  .padding-left-50-sm{ padding-left: 50px; }
  .padding-right-50-sm{ padding-right: 50px; }

  .padding-top-60-sm{ padding-top: 60px; }
  .padding-bottom-60-sm{ padding-bottom: 60px; }
  .padding-left-60-sm{ padding-left: 60px; }
  .padding-right-60-sm{ padding-right: 60px; }

  .padding-top-70-sm{ padding-top: 70px; }
  .padding-bottom-70-sm{ padding-bottom: 70px; }
  .padding-left-70-sm{ padding-left: 70px; }
  .padding-right-70-sm{ padding-right: 70px; }

  .padding-top-80-sm{ padding-top: 80px; }
  .padding-bottom-80-sm{ padding-bottom: 80px; }
  .padding-left-80-sm{ padding-left: 80px; }
  .padding-right-80-sm{ padding-right: 80px; }

  .padding-top-90-sm{ padding-top: 90px; }
  .padding-bottom-90-sm{ padding-bottom: 90px; }
  .padding-left-90-sm{ padding-left: 90px; }
  .padding-right-90-sm{ padding-right: 90px; }

  .padding-top-100-sm{ padding-top: 100px; }
  .padding-bottom-100-sm{ padding-bottom: 100px; }
  .padding-left-100-sm{ padding-left: 100px; }
  .padding-right-100-sm{ padding-right: 100px; }

  .margin-left-20-sm{ margin-left: 20px; }
  .margin-right-20-sm{ margin-right: 20px; }
  .margin-top-20-sm{ margin-top: 20px; }
  .margin-bottom-20-sm{ margin-bottom: 20px; }

  .margin-left-30-sm{ margin-left: 30px; }
  .margin-right-30-sm{ margin-right: 30px; }
  .margin-top-30-sm{ margin-top: 30px; }
  .margin-bottom-30-sm{ margin-bottom: 30px; }

  .margin-left-40-sm{ margin-left: 40px; }
  .margin-right-40-sm{ margin-right: 40px; }
  .margin-top-40-sm{ margin-top: 40px; }
  .margin-bottom-40-sm{ margin-bottom: 40px; }

  .margin-left-50-sm{ margin-left: 50px; }
  .margin-right-50-sm{ margin-right: 50px; }
  .margin-top-50-sm{ margin-top: 50px; }
  .margin-bottom-50-sm{ margin-bottom: 50px; }

  .sm-max-width-300px{ max-width: 300px; }
  .sm-max-width-400px{ max-width: 400px; }
  .sm-max-width-500px{ max-width: 500px; }

  .sm-justify{ text-align: justify; }

}

@media (max-width: 768px) {
	/* XS */

  .xs-no-float-left{ float: initial; }
  .xs-margin-left-right-auto{ margin-left: auto; margin-right: auto; }

  .float-left-xs{ float: left; }
  .float-right-xs{ float: right; }

  .xs-left-align{ text-align: left; }
  .xs-right-align{ text-align: right; }
  .xs-center-align{ text-align: center; }

  .width-50perc-xs{ width: 50%; }
  .width-60perc-xs{ width: 60%; }
  .width-70perc-xs{ width: 70%; }
  .width-80perc-xs{ width: 80%; }
  .width-90perc-xs{ width: 90%; }
  .width-100perc-xs{ width: 100%; }

  .fs-12px-xs{ font-size: 12px; }
  .fs-13px-xs{ font-size: 13px; }
  .fs-14px-xs{ font-size: 14px; }
  .fs-15px-xs{ font-size: 15px; }
  .fs-16px-xs{ font-size: 16px; }
  .fs-17px-xs{ font-size: 17px; }
  .fs-18px-xs{ font-size: 18px; }
  .fs-19px-xs{ font-size: 19px; }
  .fs-20px-xs{ font-size: 20px; }
  .fs-21px-xs{ font-size: 21px; }
  .fs-22px-xs{ font-size: 22px; }
  .fs-23px-xs{ font-size: 23px; }
  .fs-24px-xs{ font-size: 24px; }
  .fs-25px-xs{ font-size: 25px; }

  .padding-top-10-xs{ padding-top: 10px; }
  .padding-bottom-10-xs{ padding-bottom: 10px; }
  .padding-left-10-xs{ padding-left: 10px; }
  .padding-right-10-xs{ padding-right: 10px; }

  .padding-top-20-xs{ padding-top: 20px; }
  .padding-bottom-20-xs{ padding-bottom: 20px; }
  .padding-left-20-xs{ padding-left: 20px; }
  .padding-right-20-xs{ padding-right: 20px; }

  .padding-top-30-xs{ padding-top: 30px; }
  .padding-bottom-30-xs{ padding-bottom: 30px; }
  .padding-left-30-xs{ padding-left: 30px; }
  .padding-right-30-xs{ padding-right: 30px; }

  .padding-top-40-xs{ padding-top: 40px; }
  .padding-bottom-40-xs{ padding-bottom: 40px; }
  .padding-left-40-xs{ padding-left: 40px; }
  .padding-right-40-xs{ padding-right: 40px; }

  .padding-top-50-xs{ padding-top: 50px; }
  .padding-bottom-50-xs{ padding-bottom: 50px; }
  .padding-left-50-xs{ padding-left: 50px; }
  .padding-right-50-xs{ padding-right: 50px; }

  .padding-top-60-xs{ padding-top: 60px; }
  .padding-bottom-60-xs{ padding-bottom: 60px; }
  .padding-left-60-xs{ padding-left: 60px; }
  .padding-right-60-xs{ padding-right: 60px; }

  .padding-top-70-xs{ padding-top: 70px; }
  .padding-bottom-70-xs{ padding-bottom: 70px; }
  .padding-left-70-xs{ padding-left: 70px; }
  .padding-right-70-xs{ padding-right: 70px; }

  .padding-top-80-xs{ padding-top: 80px; }
  .padding-bottom-80-xs{ padding-bottom: 80px; }
  .padding-left-80-xs{ padding-left: 80px; }
  .padding-right-80-xs{ padding-right: 80px; }

  .padding-top-90-xs{ padding-top: 90px; }
  .padding-bottom-90-xs{ padding-bottom: 90px; }
  .padding-left-90-xs{ padding-left: 90px; }
  .padding-right-90-xs{ padding-right: 90px; }

  .padding-top-100-xs{ padding-top: 100px; }
  .padding-bottom-100-xs{ padding-bottom: 100px; }
  .padding-left-100-xs{ padding-left: 100px; }
  .padding-right-100-xs{ padding-right: 100px; }

  .margin-left-20-xs{ margin-left: 20px; }
  .margin-right-20-xs{ margin-right: 20px; }
  .margin-top-20-xs{ margin-top: 20px; }
  .margin-bottom-20-xs{ margin-bottom: 20px; }

  .margin-left-30-xs{ margin-left: 30px; }
  .margin-right-30-xs{ margin-right: 30px; }
  .margin-top-30-xs{ margin-top: 30px; }
  .margin-bottom-30-xs{ margin-bottom: 30px; }

  .margin-left-40-xs{ margin-left: 40px; }
  .margin-right-40-xs{ margin-right: 40px; }
  .margin-top-40-xs{ margin-top: 40px; }
  .margin-bottom-40-xs{ margin-bottom: 40px; }

  .margin-left-50-xs{ margin-left: 50px; }
  .margin-right-50-xs{ margin-right: 50px; }
  .margin-top-50-xs{ margin-top: 50px; }
  .margin-bottom-50-xs{ margin-bottom: 50px; }

  .xs-max-width-300px{ max-width: 300px; }
  .xs-max-width-400px{ max-width: 400px; }
  .xs-max-width-500px{ max-width: 500px; }
  .xs-max-width-600px{ max-width: 600px; }
  .xs-max-width-700px{ max-width: 700px; }
  .xs-max-width-800px{ max-width: 800px; }
  .xs-max-width-900px{ max-width: 900px; }
  .xs-max-width-1000px{ max-width: 1000px; }

  .center-xs{ text-align: center; margin-left: auto; margin-right: auto; }
  .xs-justify{ text-align: justify; }

  .letter-spacing-normal-xs{ letter-spacing: normal; }

  .home-center-container{ width: 100%; padding: 0 25px; }

}

@media (max-width: 600px) {



}

@media ( max-width: 550px)
{
  .single-value{ width: 100%; max-width: 100%;  }
}

@media (max-width: 500px) {

  .xxs-max-width-300px{ max-width: 300px; }
  .xxs-max-width-400px{ max-width: 400px; }
  .xxs-max-width-500px{ max-width: 500px; }

}

@media (max-width: 400px) {

}

@media (max-width: 320px) {

}

/* Kadevjo Styles */
.popup {
  margin: 15px 30px;
  font-family: Ubuntu;
  font-size: 14px;
}

.popup h2 {
  font-weight: bold;
}

.popup img {
  width: 100%;
  height: auto;
}

.popup ul {
  padding-left: 40px;
}

.popup > * {
  display: block;
  margin-bottom: 25px; 
}

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background-color: #f6862f;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 19.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 19.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 19.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 19.5%;
        float: left;
    }
}

#banner-help {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 250px;
    margin-right: 20px;
    background-color: white;
    z-index: 99999999;
}
#inner-message {
    margin: 0 auto;
}

@media (max-width: 576px) {
  .featured-text {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 576px) {
  .page-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .featured-text {
    padding-left: 50px;
    padding-right: 50px;
  }

  .contact-form {
    padding-left: 50px;
    padding-right: 50px;
  }

  .valdez-value {
    width: 33% !important;
  }
}

html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: #ff3322;
}

.item:nth-child(2) {
    background: #44c7f4;
}

.item:nth-child(3) {
    background: #6e2585;
}

.item:nth-child(4) {
    background: #ffcd00;
}

/* Changes position of caption */
.carousel-caption {
    top: 30%;
    bottom: auto;
}

.servicestack {
  background-color: #f6862f;
  opacity: 1 !important;
}

.servicess:hover {
  opacity: 0.3;
}