/* RESPONSIVE STYLES//////////////*/

@media (max-width: 575px) {
.slider-main {font-size: 24px; line-height: 32px;max-width: 810px;}
.slider-txt { font-size: 18px; line-height:23px}
.carousel-caption{ width:100%; padding:0 25px; right:0; left:0}
.carousel-indicators{ width:320px;margin-left: -160px;height: 162px;background: url(../imgs/slider-sol.svg) no-repeat bottom center / 320px auto;padding-top: 30px;}
.lead-the-change {padding: 40px 0;}
.overlay ul li {margin-bottom: 25px;padding: 0px 20px;}
.overlay ul li a {font-size: 20px;}
.overlay ul li::after {top: 70px; display:none}
.overlay ul li.active {background-color: #d62130;}
.overlay nav { top:95px;}
.p-left{ padding-left:20px;}
.p-right{ padding-right:20px;}
.p-top{ padding-top:20px;}
.p-bottom{ padding-bottom:20px;}
.p-total{padding:20px;}
.overflow_row{margin:0 -25px;}
#video-gallery a{ padding:0 10px;}
.pics-col{ padding:0 10px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.pics-col:first-child{ display:none}
.container{ padding:0 25px;}
.lead-logo h3{ padding-bottom:25px; text-align:center;margin: 0 auto; width:250px; max-width:100%; padding-left:30px; padding-right:30px;}
.lead-txt{ text-align:center}
.lead-the-change .container{ padding:0 25px;}
.mask .mask-container .hover-info {padding-left: 55px;background: url(../imgs/play-icon.svg) no-repeat 23px center;background-size: 24px auto; margin-bottom:20px;}
.mask .mask-container:hover .hover-info{ margin-bottom:20px;}
.agencia{padding: 50px 0 15px;}
.agencia-block {margin:0 0 30px; padding-left:15px;}
.mask .mask-container .hover-info h4{font-size: 18px;line-height: 21px;}
.mask .mask-container .hover-info p {font-size: 16px;line-height: 19px;}
.team_block{ padding-right:10px; padding-left:10px;}
.team_block.p-bottom{ padding-bottom:0}
.team_container, .team_info_container {padding-right: 0px;}
.team_info_container {margin-top:0px;}
.team_info_container .team_info{padding: 80px 0;}
.team_info p {max-width: 500px;}
.team_container:hover img {transform: none;}
.team .overflow_row{margin:0 -25px;}
.team .mask .mask-container .hover-info {padding-left: 80px;}
.team_block_container .mask .mask-container .hover-info {background: url(../imgs/linkedin-icon.svg) no-repeat 25px center; background-size:33px auto}
.team_info .team_text_contact{ padding:0 30px;}
.team_info h3 {font-size: 26px; line-height:30px;}
.team_info h3 span {font-size: 18px;line-height: 26px;}
.section-title {height: 68px; padding-top:18px;background-color: rgba(255,255,255,1)!important;box-shadow:0 1px 3px rgba(0,0,0,0.15)!important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;z-index:1001; display:block!important; opacity:1!important}
.overlay-on.nav_lock .section-title, .section-title h2.active{ display:none; opacity:0!important}
.nav_lock .top_bar .navbar-brand,.top_bar .navbar-brand,.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {margin: 15px 0 0;}
.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {left: 20px;}
.open-menu {margin-top: 0px;}
.open-menu .icon-bar {background: #d62130;}
.open-menu::after,.open-menu::before {background: #d62130;}
.overlay-on.nav_lock .open-menu, .overlay-on .open-menu { right: 25px; top:18px;}
.work_container:hover img {transform: none;}
.mask { opacity:1}
.mask .mask-container {background:rgba(0,0,0,0.4)!important}
.agencia-block h3 {font-size: 22px;  line-height: 32px;}
.sans-pro{line-height:26px; font-size:16px;}
.agencia-block .agencia-number {left: -25px;font-size: 125px;}
.top_bar .navbar-brand {width: 145px!important;background-size: 145px auto!important; padding-right:0!important;filter:none; }
.top_bar .logo,.top_bar .mobile_menu_container{width:50%!important;}
.work-class.p-top,.team.p-top{ padding-top:0}
.work_container.p-bottom{ padding-bottom:0}
.map-contact .inner{ display:block; overflow:visible!important}
.contact-info{ top:400px; left:0px!important; max-width:100%; width:100%; text-align:center; padding:40px 25px;}
.map-content.p-left{ padding-left:0}
.map-height{ height:400px;}
.info-contact.contact { padding:0!important}
.lg-toolbar .lg-close {margin-top: 8px!important;padding-right: 24px!important;width: 54px!important;}
}


@media (min-width: 576px) and (max-width: 767px) {
.slider-main {font-size: 24px; line-height: 32px;max-width: 810px;}
.slider-txt { font-size: 18px; line-height:23px}
.carousel-caption{ width:100%; padding:0 25px; right:0; left:0}
.carousel-indicators{ width:320px;margin-left: -160px;height: 162px;background: url(../imgs/slider-sol.svg) no-repeat bottom center / 320px auto;padding-top: 80px;}
.lead-the-change {padding: 40px 0;}
.overlay ul li {margin-bottom: 25px;padding: 0px 20px;}
.overlay ul li a {font-size: 20px;}
.overlay ul li::after {top: 70px; display:none}
.overlay ul li.active {background-color: #d62130;}
.overlay nav { top:105px;}
.p-left{ padding-left:20px;}
.p-right{ padding-right:20px;}
.p-top{ padding-top:20px;}
.p-bottom{ padding-bottom:20px;}
.p-total{padding:20px;}
.overflow_row{margin:0 -25px;}
#video-gallery a{ padding:0 10px;}
.pics-col{ padding:0 10px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 500%;}
.container{ padding:0 25px;}
.lead-logo h3{padding-bottom:25px; text-align:center;margin: 0 auto; width:250px;}
.lead-txt{ text-align:center}
.lead-the-change .container{ padding:0 25px;}
.mask .mask-container .hover-info {padding-left: 55px;background: url(../imgs/play-icon.svg) no-repeat 23px center;background-size: 24px auto; margin-bottom:20px;}
.mask .mask-container:hover .hover-info{ margin-bottom:20px;}
.agencia{padding: 50px 0 15px;}
.agencia-block {margin:0 0 30px; padding-left:15px;}
.mask .mask-container .hover-info h4{font-size: 18px;line-height: 21px;}
.mask .mask-container .hover-info p {font-size: 16px;line-height: 19px;}
.team_block{ padding-right:10px; padding-left:10px;}
.team.p-top{ padding-top:0}
.team_container, .team_info_container {padding-right: 0px;}
.team_info_container {margin-top:20px;}
.team_info_container .team_info{padding: 80px 0;}
.team_info p {max-width: 500px;}
.team_container:hover img {transform: none;}
.team .overflow_row{margin:0 -25px;}
.team .mask .mask-container .hover-info {padding-left: 80px;}
.team_block_container .mask .mask-container .hover-info {background: url(../imgs/linkedin-icon.svg) no-repeat 25px center; background-size:33px auto}
.team_info .team_text_contact{ padding:0 30px;}
.team_info h3 {font-size: 26px; line-height:30px;}
.team_info h3 span {font-size: 18px;line-height: 26px;}
.section-title {height: 68px; padding-top:18px;background-color: rgba(255,255,255,1)!important;box-shadow:0 1px 3px rgba(0,0,0,0.15)!important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;z-index:1001; display:block!important; opacity:1!important}
.overlay-on.nav_lock .section-title, .section-title h2.active{ display:none; opacity:0!important}
.nav_lock .top_bar .navbar-brand,.top_bar .navbar-brand,.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {margin: 15px 0 0;}
.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {left: 20px;}
.open-menu {margin-top: 0px;}
.open-menu .icon-bar {background: #d62130;}
.open-menu::after,.open-menu::before {background: #d62130;}
.overlay-on.nav_lock .open-menu, .overlay-on .open-menu { right: 25px; top:18px;}
.work_container:hover img {transform: none;}
.mask { opacity:1}
.mask .mask-container {background:rgba(0,0,0,0.4)!important}
.agencia-block h3 {font-size: 22px;  line-height: 32px;}
.sans-pro{line-height:26px; font-size:16px;}
.agencia-block .agencia-number {left: -25px;font-size: 125px;}
.top_bar .navbar-brand {width: 145px!important;background-size: 145px auto!important; padding-right:0!important;filter:none; }
.top_bar .logo,.top_bar .mobile_menu_container{width:50%!important;}
.map-contact .inner{ display:block; overflow:visible!important}
.contact-info{ top:400px; left:0px!important; max-width:100%; width:100%; text-align:center; padding:40px 25px;}
.map-content.p-left{ padding-left:0}
.map-height{ height:400px;}
.info-contact.contact { padding:0!important}
.map-contact{ padding-top:20px;}
.lg-toolbar .lg-close {margin-top: 8px!important;padding-right: 24px!important;width: 54px!important;}

}

@media (min-width: 768px) and (max-width: 991px) {
.slider-main {font-size: 35px; line-height: 43px;max-width: 810px;}
.lead-the-change {padding: 60px 0;}
.overlay ul li {margin-bottom: 35px;padding: 0px 20px;}
.overlay ul li a {font-size: 24px;}
.overlay ul li::after {top: 70px; display:none}
.overlay ul li.active {background-color: #d62130;}
.overlay nav { top:100px;}
.p-left{ padding-left:25px;}
.p-right{ padding-right:25px;}
.p-top{ padding-top:20px;}
.p-bottom{ padding-bottom:20px;}
.p-total{padding:25px;}
.overflow_row{margin:0 -25px;}
#video-gallery a{ padding:0 10px;}
.pics-col{ padding:0 10px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.container{ padding:0 15px;}
.lead-logo h3{ padding-right:15px;}
.lead-the-change .container{ padding:0 45px;}
.mask .mask-container .hover-info {padding-left: 55px;background: url(../imgs/play-icon.svg) no-repeat 23px center;background-size: 24px auto; margin-bottom:20px;}
.mask .mask-container:hover .hover-info{ margin-bottom:20px;}
.agencia{padding: 60px 0 25px;}
.agencia-block {margin:0 0 35px;}
.mask .mask-container .hover-info h4{font-size: 18px;line-height: 21px;}
.mask .mask-container .hover-info p {font-size: 16px;line-height: 19px;}
.section-title h2 {font-size: 26px;}
.team_block{ padding-right:10px; padding-left:10px;}
.team_container, .team_info_container {padding-right: 15px;}
.team_info_container {margin-top:20px;}
.team_info_container .team_info{padding: 80px 0;}
.team_info p {max-width: 500px;}
.team_container:hover img {transform: none;}
.team .overflow_row{margin:0 -25px;}
.team .mask .mask-container .hover-info {padding-left: 90px;}
.team_info h3 {font-size: 32px; line-height:37px;}
.team_info h3 span {font-size: 18px;line-height: 26px;}
.section-title {height: 85px; padding-top:18px;}
.nav_lock .top_bar .navbar-brand,.top_bar .navbar-brand,.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {margin: 20px 0 0;}
.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {left: 25px;}
.open-menu {margin-top: 12px;}
.overlay-on.nav_lock .open-menu, .overlay-on .open-menu { right: 25px;}
.work_container:hover img {transform: none;}
.mask { opacity:1}
.mask .mask-container {background:rgba(0,0,0,0.4)!important}
.agencia-block h3 {font-size: 22px;  line-height: 32px;}
.sans-pro{line-height:26px; font-size:16px;}
.agencia-block .agencia-number {left: 5px;font-size: 125px;}
.top_bar .navbar-brand {width: 165px!important;background-size: 165px auto!important;}
.lg-toolbar .lg-close {margin-top: 17px!important;padding-right: 24px!important;width: 60px!important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.slider-main {font-size: 35px; line-height: 43px;max-width: 810px;}
.lead-the-change {padding: 80px 0;}
.overlay ul li {margin-bottom: 35px;padding: 0px 20px;}
.overlay ul li a {font-size: 24px;}
.overlay ul li::after {top: 70px; display:none}
.overlay ul li.active {background-color: #d62130;}
.overlay nav { top:65px;}
.p-left{ padding-left:25px;}
.p-right{ padding-right:25px;}
.p-top{ padding-top:20px;}
.p-bottom{ padding-bottom:20px;}
.p-total{padding:25px;}
.overflow_row{margin:0 -25px;}
#video-gallery a{ padding:0 10px;}
.pics-col{ padding:0 10px;}
.container{ padding:0 35px;}
.lead-logo h3{ padding-right:30px;}
.lead-the-change .container{ padding:0 45px;}
.mask .mask-container .hover-info {padding-left: 55px;background: url(../imgs/play-icon.svg) no-repeat 23px center;background-size: 24px auto; margin-bottom:20px;}
.mask .mask-container:hover .hover-info{ margin-bottom:25px;}
.agencia{padding: 80px 0 45px;}
.agencia-block {margin:0 0 35px;}
.mask .mask-container .hover-info h4{font-size: 18px;line-height: 21px;}
.mask .mask-container .hover-info p {font-size: 16px;line-height: 19px;}
.section-title h2 {font-size: 26px;}
.team_block{ padding-right:10px; padding-left:10px;}
.team_container {padding-right: 25px;}
.team_block_container .mask .mask-container { position:relative;}
.team_block_container .mask .mask-container .hover-info {background:none; padding-left:20px; overflow:visible; vertical-align:bottom; position:absolute;}
.team_block_container .mask .mask-container::before{ background:url(../imgs/linkedin-icon.svg) no-repeat center center; background-size: 33px auto; width:33px; height:33px; position:absolute; top:20px; left:20px; content:"";}
.team_block_container .mask .mask-container:hover::before{ background-color:rgba(0,0,0,0.2)}
.team_info h3 {font-size: 32px; line-height:37px;}
.team_info h3 span {font-size: 18px;line-height: 26px;}
.section-title {height: 90px;}
.nav_lock .top_bar .navbar-brand,.top_bar .navbar-brand,.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {margin: 20px 0 0;}
.overlay-on.nav_lock .top_bar .navbar-brand, .overlay-on .top_bar .navbar-brand {left: 25px;}
.open-menu {margin-top: 15px;}
.overlay-on.nav_lock .open-menu, .overlay-on .open-menu { right: 25px;}
.lg-toolbar .lg-close {margin-top: 17px!important;padding-right: 24px!important;width: 60px!important;}
}

@media (min-width: 1200px) and (max-width: 1366px) {
.slider-main {font-size: 35px; line-height: 43px;max-width: 810px;}
.lead-the-change {padding: 100px 0;}
.overlay ul li {margin-bottom: 40px;}
.overlay ul li a {font-size: 24px;}
.overlay ul li::after {top: 70px;}
.container{ padding:0 35px;}
}