.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

#social-sidebar {
right: 0;
position: fixed;
top: 30%;
z-index: 1000;
}
#social-sidebar li:first-child a { border-top-left-radius: 5px; }
#social-sidebar li:last-child a { border-bottom-left-radius: 5px; } 
#social-sidebar a {
background: rgba(0, 0, 0, .7);
color: #fff;
text-decoration: none;
display: block;
height: 50px;
width: 50px;  
font-size: 24px;
line-height: 50px;
position: relative;
text-align: center;
cursor: pointer;
}
#social-sidebar a:hover span {
right: 120%;
opacity: 1;
}
#social-sidebar a span {
font: 12px "Open Sans", sans-serif;
text-transform: uppercase;
border-radius: 3px;
line-height: 24px;
right: -100%;
margin-top: -16px;
opacity: 0;
padding: 4px 8px;
position: absolute;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}

#social-sidebar a span:before {
content: "";
display: block;
height: 8px;
width: 8px;
right: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
transform: rotate(45deg);
}

#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {background: #00aced;}

#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {background: #3B5998;}

#social-sidebar a[class*="gplus"]:hover,
#social-sidebar a[class*="gplus"] span,
#social-sidebar a[class*="gplus"] span:before {background: #E34429;}

#social-sidebar a[class*="dribbble"]:hover,
#social-sidebar a[class*="dribbble"] span,
#social-sidebar a[class*="dribbble"] span:before {background: #ea4c89;}

#social-sidebar a[class*="dropbox"]:hover,
#social-sidebar a[class*="dropbox"] span,
#social-sidebar a[class*="dropbox"] span:before {background: #8DC5F2;}

#social-sidebar a[class*="github"]:hover,
#social-sidebar a[class*="github"] span,
#social-sidebar a[class*="github"] span:before {background: #9C7A5B;}

#social-sidebar a[class*="evernote"]:hover,
#social-sidebar a[class*="evernote"] span,
#social-sidebar a[class*="evernote"] span:before {background: #6BB130;}

#social-sidebar a[class*="instagram"]:hover,
#social-sidebar a[class*="instagram"] span,
#social-sidebar a[class*="instagram"] span:before {
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

}
#social-sidebar a[class*="whatsapp"]:hover,
#social-sidebar a[class*="whatsapp"] span,
#social-sidebar a[class*="whatsapp"] span:before {background: #25D366;}

.section {
padding: 80px 0;
}
.section-nopb {
padding: 80px 0 0;
}
.section_header .subtitle {
text-transform: uppercase;
padding-left: 60px;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 21px;
margin-bottom: 15px;
font-family: Archivo, sans-serif;
font-weight: 600;
}
.section_header .subtitle:before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 40px;
background: #f48120;
}
.section_header .subtitle--extended {
padding-left: 20px;
}
.section_header .subtitle--extended:before {
width: 1000%;
left: -1000%;
}
.section_header .text {
margin: 20px 0 30px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Archivo, sans-serif;
font-weight: 700;
line-height: 1.2;
}
.h1,
h1 {
font-size: 40px;
}
.h2,
h2 {
font-size: 36px;
line-height: 1.1;
}
.h3,
.h4,
h3,
h4 {
font-size: 26px;
}
.h5,
h5 {
font-size: 18px;
}
.h6,
h6 {
font-size: 14px;
line-height: 1.5;
}
@media screen and (min-width: 1023.98px) { 
.section {
padding: 80px 0;
}
.section-nopb {
padding: 150px 0 0;
}
}
@media screen and (min-width: 1330px) {
.container {
padding: 0;
}
}
@media screen and (min-width: 567.98px) {
.features_card-title {
max-width: 330px;
}
.features_card-description {
max-width: 380px;
}
}
.features_content {
display: grid;
grid-gap: 30px;
}
.features_content + .video {
margin-top: 60px;
max-height: 580px;
}
.features_header .title {
margin-bottom: 30px;
}
.features_header .whychecklist {
margin-bottom: 10px;
}
.features_header .whychecklist_item .icon {
color: #0da574;
}
.features_card {
cursor: pointer;
}
.features_card .wrapper {
height: auto;
border: 1px solid #fff;
-webkit-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
padding: 30px;
}
.features_card .wrapper:hover {
border-color: #f48120;
}
.features_card-title {
margin: 30px 0 0px;
}
.features_card-icon * {
fill: #f48120;
}
.features_card--alt .wrapper {
/* border-color: #a9a9a9; */
}
.features_card--alt .wrapper:hover {
/* border-color: #001f3f; */
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.features_card--alt .features_card-icon * {
fill: #001f3f;
}
.features_card--alt .features_card-description {
color: #001f3f;
}
@media screen and (min-width: 767.98px) {
.features_content {
grid-template-columns: repeat(2, 1fr);
}
.features_header-list {
margin-bottom: 0;
}
}
@media screen and (min-width: 1023.98px) {
.features_card-description,
.features_card-title {
max-width: 350px;
}
.features_card .wrapper {
padding: 15px;
text-align: center;
}
}
@media screen and (min-width: 1279.98px) {
.container {
gap: 120px;
}
.features_content {
grid-template-columns: repeat(3, 1fr);
}
.features_card-description,
.features_card-title {
max-width: unset;
}
}