/*!
Theme Name: Infraspeak
Theme URI: http://underscores.me/
Author: Jéssica Mendes
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infraspeak
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/


@font-face {
    font-family: 'Mirador';
    src: url('https://growth.infraspeaktech.com/assets/fonts/Mirador-BoldDEMO.woff2') format('woff2'),
        url('https://growth.infraspeaktech.com/assets/fonts/Mirador-BoldDEMO.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mirador';
    src: url('https://growth.infraspeaktech.com/assets/fonts/Mirador-BookDEMO.woff2') format('woff2'),
        url('https://growth.infraspeaktech.com/assets/fonts/Mirador-BookDEMO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*:focus{
    outline: none;
}

*{
    margin:0px;
    border:0px;
    padding:0px;
    font-family: "Muli", sans-serif;
    -webkit-appearance: none;
}
html{
    overflow-x: hidden;
}

a{
    cursor: pointer;
}



.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.infraspeak-container .container-inner{
    width:100%;
    float: left;
}

header{
    width: 100%;
    height: 0;
    padding-left: 150px;
    padding-right:150px;
    float: left;
    position: absolute;
    z-index: 1;
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
}

header .logo{
    width:200px;
    height: 75px;
    margin-top: 37px;
    background-image: url(imgs/logo_color.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    position: relative
}

header .logo a.link{
    width: 100%;
    float: left;
    height: 40px;
    position: absolute;
    bottom: 20px;
    cursor: pointer;
}

header .logo_white{
    width: 200px;
    height: 75px;
    margin-top: 37px;
    background-image: url(imgs/logo_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

header .menus{
    float: right;
}

header .main-menu{
    float: right;
    height:50px;
    clear:both;
}

header .main-menu ul li{
    margin-left: 60px;
    float: right;
    list-style: none;
    position: relative;
}


header .main-menu ul li a{
    font-size: 14px;
    font-weight: 700;
    color:white;
    text-decoration: none;
    line-height: 50px;
    /*padding-left: 23px;*/
}

header .main-menu ul .sub-menu{
    position: absolute;
    min-width: 170px;
    padding: 30px;
    background-color: white;
    z-index: 3;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    -moz-box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    display: inline-block;
    top:50px;
    padding-bottom: 20px;
    display: none;
}


.squircle1{
    width:250px;
    height:250px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Camada_1' x='0px' y='0px' viewBox='0 0 297.6 287.5' style='enable-background:new 0 0 297.6 287.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232080DF;%7D%0A%3C/style%3E%3Cg transform='matrix(3.76296,-2.30415e-16,2.30415e-16,3.76296,-4.44233e-06,0.00107939)'%3E%3Cg%3E%3Cpath class='st0' d='M39.8,75c-14,0-22.7-2.4-28.3-7.8c-5.8-5.6-8.4-14.5-8.4-28.9c0-14.7,2.3-23.3,7.8-28.8S25,1.6,39.8,1.6 c15.2,0,24.4,2.6,29.9,8.4c5.4,5.7,7.5,14.4,6.8,28.3c0,14.7-2.4,23.3-7.8,28.8C63.1,72.7,54.5,75,39.8,75z M39.8,3.8 c-26.8,0-34.6,7.8-34.6,34.6c0,13.7,2.4,22.1,7.7,27.3c5.2,5,13.4,7.2,26.8,7.2c26.8,0,34.6-7.8,34.6-34.6l0-0.1 C75,25,73.1,16.7,68.1,11.5C63,6.1,54.3,3.8,39.8,3.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    opacity: 0.4;
}

.squircle2{
    width:120px;
    height:120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Camada_1' x='0px' y='0px' viewBox='0 0 297.6 287.5' style='enable-background:new 0 0 297.6 287.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232080DF;%7D%0A%3C/style%3E%3Cg transform='matrix(3.76296,-2.30415e-16,2.30415e-16,3.76296,-4.44233e-06,0.00107939)'%3E%3Cg%3E%3Cpath class='st0' d='M39.8,75c-14,0-22.7-2.4-28.3-7.8c-5.8-5.6-8.4-14.5-8.4-28.9c0-14.7,2.3-23.3,7.8-28.8S25,1.6,39.8,1.6 c15.2,0,24.4,2.6,29.9,8.4c5.4,5.7,7.5,14.4,6.8,28.3c0,14.7-2.4,23.3-7.8,28.8C63.1,72.7,54.5,75,39.8,75z M39.8,3.8 c-26.8,0-34.6,7.8-34.6,34.6c0,13.7,2.4,22.1,7.7,27.3c5.2,5,13.4,7.2,26.8,7.2c26.8,0,34.6-7.8,34.6-34.6l0-0.1 C75,25,73.1,16.7,68.1,11.5C63,6.1,54.3,3.8,39.8,3.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    opacity: 0.8;
}

.squircle3{
    width:160px;
    height:160px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Camada_1' x='0px' y='0px' viewBox='0 0 297.6 287.5' style='enable-background:new 0 0 297.6 287.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232080DF;%7D%0A%3C/style%3E%3Cg transform='matrix(3.76296,-2.30415e-16,2.30415e-16,3.76296,-4.44233e-06,0.00107939)'%3E%3Cg%3E%3Cpath class='st0' d='M39.8,75c-14,0-22.7-2.4-28.3-7.8c-5.8-5.6-8.4-14.5-8.4-28.9c0-14.7,2.3-23.3,7.8-28.8S25,1.6,39.8,1.6 c15.2,0,24.4,2.6,29.9,8.4c5.4,5.7,7.5,14.4,6.8,28.3c0,14.7-2.4,23.3-7.8,28.8C63.1,72.7,54.5,75,39.8,75z M39.8,3.8 c-26.8,0-34.6,7.8-34.6,34.6c0,13.7,2.4,22.1,7.7,27.3c5.2,5,13.4,7.2,26.8,7.2c26.8,0,34.6-7.8,34.6-34.6l0-0.1 C75,25,73.1,16.7,68.1,11.5C63,6.1,54.3,3.8,39.8,3.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    opacity: 0.6;
}

.squircle4{
    width:120px;
    height:120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Camada_1' x='0px' y='0px' viewBox='0 0 297.6 287.5' style='enable-background:new 0 0 297.6 287.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232080DF;%7D%0A%3C/style%3E%3Cg transform='matrix(3.76296,-2.30415e-16,2.30415e-16,3.76296,-4.44233e-06,0.00107939)'%3E%3Cg%3E%3Cpath class='st0' d='M39.8,75c-14,0-22.7-2.4-28.3-7.8c-5.8-5.6-8.4-14.5-8.4-28.9c0-14.7,2.3-23.3,7.8-28.8S25,1.6,39.8,1.6 c15.2,0,24.4,2.6,29.9,8.4c5.4,5.7,7.5,14.4,6.8,28.3c0,14.7-2.4,23.3-7.8,28.8C63.1,72.7,54.5,75,39.8,75z M39.8,3.8 c-26.8,0-34.6,7.8-34.6,34.6c0,13.7,2.4,22.1,7.7,27.3c5.2,5,13.4,7.2,26.8,7.2c26.8,0,34.6-7.8,34.6-34.6l0-0.1 C75,25,73.1,16.7,68.1,11.5C63,6.1,54.3,3.8,39.8,3.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position:absolute;
    z-index: -1;
    opacity: 0.3;
}


/*
header.close.scroll .main-menu ul .sub-menu{
    top:75px;
}*/

.menus.black .main-menu ul li a{
    color:black;
}

.menus.black .top-menu ul li a{
    color:black;
}

.menus.black .main-menu ul .sub-menu li a{
    color: #6b7c93;
}
header .main-menu ul li:hover .sub-menu{
    display: block;
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

header .main-menu ul li:hover .sub-menu{
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    -webkit-animation-fill-mode: both
}

header .main-menu ul .sub-menu li{
    margin-left: 0px;
    float: left;
    display: inline-block;
    position: relative;
    vertical-align: top;
    clear: both;
    margin-bottom: 3px;
}



header.close.scroll{
    background-color:white;
    position: fixed;
    top:0px;
    z-index: 13;
    -webkit-box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    -moz-box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    height: 70px;
}

header.close.scroll .logo{
    margin-top:-3px;
}


header.close.scroll2{
    background-color:white;
    position: fixed;
    top:0px;
    z-index: 13;
    -webkit-box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    -moz-box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    box-shadow: 0px 4px 24px rgba(0,0,0,.08);
    height: 70px;
}

header.close.scroll2 .logo{
    margin-top:-3px;
    margin-left: calc(50% - 100px);
}

header.close.scroll .speech_bubble{
    display: none
}

header.close.scroll .logo_white{
    margin-top:-3px;
    background-image: url(imgs/logo_color.svg);

}

header.close.scroll .top-menu{
    display: none;
}


header.close.scroll .main-menu{
    margin-top: 8px;
}


header.close.scroll .main-menu ul li a{
    color:black;
}

header.close.scroll .main-menu ul li{
    height: 80px;
}

header.close.scroll .main-menu ul .sub-menu li{
    height: auto;
}


.main-menu ul li.iconModule{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="box" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-box fa-w-16 fa-7x"><path fill="rgb(32, 128, 223)" d="M509.5 184.6L458.9 32.8C452.4 13.2 434.1 0 413.4 0H98.6c-20.7 0-39 13.2-45.5 32.8L2.5 184.6c-1.6 4.9-2.5 10-2.5 15.2V464c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V199.8c0-5.2-.8-10.3-2.5-15.2zm-48.1 7.4H280V48h133.4l48 144zM98.6 48H232v144H50.6l48-144zM48 464V240h416v224H48z" class=""></path></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 0px !important;
}

.main-menu ul li.iconApps{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="rocket" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-rocket fa-w-16 fa-7x"><path fill="rgb(32, 128, 223)" d="M505.09 19.34A16.08 16.08 0 0 0 492.73 7c-32.61-7-58.13-7-83.56-7C305.44 0 243 55.1 196.28 128H94.87A48 48 0 0 0 52 154.49l-49.42 98.8A24 24 0 0 0 24.07 288h92.6l-10.59 21.42a31.75 31.75 0 0 0 6.15 36.63L166 399.77c15.55 15.54 33.82 7.53 36.64 6.14L224 395.33V488a24 24 0 0 0 34.7 21.5l98.7-49.4a47.91 47.91 0 0 0 26.5-42.9V315.71C456.61 268.93 512 206.25 512 103c.08-25.53.08-51-6.91-83.66zM358.57 275c-36.94 18.48-121.12 60.14-166.79 82.73l-37.5-37.49c22.59-45.69 64.25-130 82.7-166.9C284.38 79.53 336 48 409.17 48c18 0 34.28 0 52.56 2.34 2.38 18.73 2.32 35.29 2.25 52.65.02 72.78-31.56 124.33-105.41 172.01zM368 104a40 40 0 1 0 40 40 40 40 0 0 0-40-40z" class=""></path></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 5px;
}


.main-menu ul li.iconIntegrations{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="draw-square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-draw-square fa-w-14 fa-7x"><path fill="rgb(32, 128, 223)" d="M408 356.75v-201.5c23.44-9.5 40-32.41 40-59.25 0-35.35-28.65-64-64-64-26.84 0-49.75 16.56-59.25 40h-201.5c-9.5-23.44-32.4-40-59.25-40C28.65 32 0 60.65 0 96c0 26.84 16.56 49.75 40 59.25v201.49C16.56 366.25 0 389.15 0 416c0 35.35 28.65 64 64 64 26.85 0 49.75-16.56 59.25-40h201.49c9.5 23.44 32.41 40 59.25 40 35.35 0 64-28.65 64-64 .01-26.85-16.55-49.75-39.99-59.25zm-320 0v-201.5A64.053 64.053 0 0 0 123.25 120h201.49a64.053 64.053 0 0 0 35.25 35.25v201.49a64.053 64.053 0 0 0-35.25 35.25H123.25A64.066 64.066 0 0 0 88 356.75zM384 80c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM64 80c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zm0 352c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm320 0c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16z" class=""></path></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 3px;
}

.main-menu ul li.iconClients2{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='book-user' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-book-user fa-w-14'%3E%3Cpath fill='%232080df' d='M240 224a80 80 0 1 0-80-80 80.09 80.09 0 0 0 80 80zm0-128a48 48 0 1 1-48 48 48.05 48.05 0 0 1 48-48zm208 296V24a23.94 23.94 0 0 0-24-24H80A80 80 0 0 0 0 80v368a64 64 0 0 0 64 64h372a12 12 0 0 0 12-12v-8a12 12 0 0 0-12-12h-3.3c-4-20.2-3.2-49.7.4-65.8A24.1 24.1 0 0 0 448 392zm-43.7 88H64a32 32 0 0 1 0-64h340.3a228.6 228.6 0 0 0 0 64zm11.7-96H64a63.33 63.33 0 0 0-32 8.88V80a48 48 0 0 1 48-48h336zm-265.59-32h179.18C349 352 368 339 368 313.59 368 273 330.69 240 284.81 240c-21.5 2.38-22.6 8-44.81 8s-23.31-5.58-44.81-8c-45.88 0-83.19 33-83.19 73.59C112 339 131 352 150.41 352zm44.78-80c4.66 0 18.43 8 44.81 8s40.15-8 44.81-8C313 272 336 290.66 336 313.59c0 3.22.41 6.41-6.41 6.41H150.41c-6.82 0-6.41-3.19-6.41-6.41 0-22.93 23-41.59 51.19-41.59z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size:18px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 30px !important;
    margin-bottom: 10px;
}


.main-menu ul li.iconBlog{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-newspaper fa-w-18'%3E%3Cpath fill='%232080df' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size:22px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 30px !important;
    margin-bottom: 10px;
    margin-top: 15px !important;
}


.main-menu ul li.iconResources{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='books' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-books fa-w-18'%3E%3Cpath fill='%232080DF' d='M575.33 456.43L399 8.02C397.28 3.1 392.61 0 387.65 0c-3.01 0-4.97 1.03-11.49 3.31-6.46 2.26-9.82 8.24-6.27 18.38-16.46 9.69-59.15 24.09-75.5 26.42-1.33-3.78-1.97-6.62-6.4-9.23V32c0-17.67-14.33-32-32-32h-96c-5.96 0-11.22 2.07-16 4.9C139.22 2.07 133.96 0 128 0H32C14.33 0 0 14.33 0 32v448c0 17.67 14.33 32 32 32h96c5.96 0 11.22-2.07 16-4.9 4.78 2.84 10.04 4.9 16 4.9h96c17.67 0 32-14.33 32-32V118.88l151.43 385.1c1.73 4.92 6.4 8.02 11.35 8.02 3 0 4.96-1.03 11.49-3.31 6.44-2.25 9.83-8.23 6.27-18.38 16.46-9.69 59.15-24.09 75.5-26.42 3.65 10.4 10.13 12.65 16.38 10.46l7.55-2.64c6.23-2.19 9.54-9.07 7.36-15.28zM128 480H32v-64h96v64zm0-96H32V128h96v256zm0-288H32V32h96v64zm128 384h-96v-64h96v64zm0-96h-96V128h96v256zm0-288h-96V32h96v64zm203.15 367.54L303.79 74.88c25.22-4.74 64.01-20.33 75.5-26.42l155.36 388.65c-25.23 4.75-64.01 20.33-75.5 26.43z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size:22px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 30px !important;
    margin-bottom: 10px;
    margin-top: 15px !important;
}


.main-menu ul li.iconHelp{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='life-ring' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-life-ring fa-w-16'%3E%3Cpath fill='%232080df' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm168.766 113.176l-62.885 62.885a128.711 128.711 0 0 0-33.941-33.941l62.885-62.885a217.323 217.323 0 0 1 33.941 33.941zM256 352c-52.935 0-96-43.065-96-96s43.065-96 96-96 96 43.065 96 96-43.065 96-96 96zM363.952 68.853l-66.14 66.14c-26.99-9.325-56.618-9.33-83.624 0l-66.139-66.14c66.716-38.524 149.23-38.499 215.903 0zM121.176 87.234l62.885 62.885a128.711 128.711 0 0 0-33.941 33.941l-62.885-62.885a217.323 217.323 0 0 1 33.941-33.941zm-52.323 60.814l66.139 66.14c-9.325 26.99-9.33 56.618 0 83.624l-66.139 66.14c-38.523-66.715-38.5-149.229 0-215.904zm18.381 242.776l62.885-62.885a128.711 128.711 0 0 0 33.941 33.941l-62.885 62.885a217.366 217.366 0 0 1-33.941-33.941zm60.814 52.323l66.139-66.14c26.99 9.325 56.618 9.33 83.624 0l66.14 66.14c-66.716 38.524-149.23 38.499-215.903 0zm242.776-18.381l-62.885-62.885a128.711 128.711 0 0 0 33.941-33.941l62.885 62.885a217.323 217.323 0 0 1-33.941 33.941zm52.323-60.814l-66.14-66.14c9.325-26.99 9.33-56.618 0-83.624l66.14-66.14c38.523 66.715 38.5 149.229 0 215.904z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size:20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 30px !important;
    margin-top:15px;
}


.main-menu ul li.iconPersonas{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='user-hard-hat' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-user-hard-hat fa-w-14'%3E%3Cpath fill='rgb(32, 128, 223)' d='M224 272a80.13 80.13 0 0 1-78.38-64h-48c8 63.06 61.17 112 126.39 112s118.44-48.94 126.39-112h-48a80.13 80.13 0 0 1-78.4 64zm89.6 80c-28.72 0-42.45 16-89.6 16s-60.88-16-89.56-16A134.4 134.4 0 0 0 0 486.4 25.6 25.6 0 0 0 25.6 512h396.8a25.6 25.6 0 0 0 25.6-25.6A134.4 134.4 0 0 0 313.6 352zM50.94 464a86.58 86.58 0 0 1 83.5-64c14.44 0 38.28 16 89.56 16 51.47 0 75.1-16 89.6-16a86.55 86.55 0 0 1 83.46 64zM88 176h272a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-8c0-46.41-28.53-85.54-68.79-102.42L256 80V16a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v64l-27.21-54.42C124.53 42.46 96 81.59 96 128h-8a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.main-menu ul li.iconIndustries{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='industry-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-industry-alt fa-w-16'%3E%3Cpath fill='rgb(32, 128, 223)' d='M475.115 131.752L336 220.28V152c0-18.916-20.931-30.399-36.885-20.248L160 220.28V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56v400c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24V152c0-18.917-20.931-30.399-36.885-20.248zM464 432H48V80h64v184c0 18.916 20.931 30.399 36.885 20.248L288 195.72V264c0 18.915 20.931 30.399 36.885 20.248L464 195.72V432zm-60-48h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm-128 0h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm-128 0h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 15px 3px;
}

header .main-menu .dropdown{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-angle-down fa-w-10 fa-7x"><path fill="white" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z" class=""></path></svg>');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: right 19px;
    padding-right: 15px;
}

.main-menu ul li.iconCorrective{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16'%3E%3Cpath fill='%232080DF' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 35px;
}

.main-menu ul li.iconPreventive{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='calendar-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-calendar-alt fa-w-14'%3E%3Cpath fill='%232080DF' d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 35px;
}

.main-menu ul li.iconReports{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='chart-line' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-chart-line fa-w-16'%3E%3Cpath fill='%232080DF' d='M504 416H32V72c0-4.42-3.58-8-8-8H8c-4.42 0-8 3.58-8 8v360c0 8.84 7.16 16 16 16h488c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zM98.34 263.03c-3.12 3.12-3.12 8.19 0 11.31l11.31 11.31c3.12 3.12 8.19 3.12 11.31 0l72.69-72.01 84.69 84.69c6.25 6.25 16.38 6.25 22.63 0l93.53-93.53 44.04 44.04c4.95 4.95 11.03 7.16 17 7.16 12.48 0 24.46-9.7 24.46-24.34V112.19c0-8.94-7.25-16.19-16.19-16.19H344.34c-21.64 0-32.47 26.16-17.17 41.46l44.71 44.71-82.22 82.22-84.63-84.63c-6.23-6.23-16.32-6.25-22.57-.05l-84.12 83.32zM362.96 128H448v85.04L362.96 128z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 35px;
    height: 40px;
}

.main-menu ul li.iconAudits{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='clipboard-list-check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-clipboard-list-check fa-w-12'%3E%3Cpath fill='%232080DF' d='M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16v352zM112 328c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm168 8H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-153.8-65.6l64.2-63.6c2.1-2.1 2.1-5.5 0-7.6l-12.6-12.7c-2.1-2.1-5.5-2.1-7.6 0l-47.6 47.2-20.6-20.9c-2.1-2.1-5.5-2.1-7.6 0l-12.7 12.6c-2.1 2.1-2.1 5.5 0 7.6l37.1 37.4c1.9 2.1 5.3 2.1 7.4 0zM280 240h-77.6l-32.3 32H280c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 2px 15px;
    padding-left: 35px;
}

header.close.scroll .main-menu .dropdown, .menus.black .main-menu .dropdown{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-angle-down fa-w-10 fa-7x"><path fill="black" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z" class=""></path></svg>');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: right 19px;
    padding-right: 15px;
}

.main-menu ul li.allModules{
    width: 100%;
    margin-top: 15px;
}

.top-menu .btn-login{
    background-color: #2080df;
    padding-left: 30px;
    padding-right: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='user' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-user fa-w-14'%3E%3Cpath fill='%23ffffff' d='M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 12px 18px;
    transition:all 0.1s linear;
    cursor: pointer;
}

header.white .btn-login{
    background-color: #0064ca;
}

.top-menu .btn-login:hover{
    height: 50px;
    background-position: 12px 23px;
}
.top-menu .btn-login:hover a{
    margin-top: 5px;
    float: left;
    transition:all 0.1s linear;
}

.top-menu .btn-login a{
    color:white !important;
    font-weight: 700 !important;
    transition:all 0.1s linear;
    float:left;

}

header .main-menu ul .sub-menu li.menu-item-has-children{
    margin-left: 0px;
    float: left;
    width:190px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    clear: none;
    padding-right:15px;
    padding-left: 15px;
    border-right: 1px solid rgb(230,230,230);
}
header .main-menu ul .sub-menu li.menu-item-has-children:first-child{
    padding-right:15px;
    padding-left: 0px;
    width:190px;
}

header .main-menu ul .sub-menu li.menu-item-has-children:last-child{
    padding-right:0px;
    padding-left: 15px;
    width:190px;
    border-right: 0px solid transparent;
}

header .main-menu .option1 .sub-menu li.menu-item-has-children:last-child{
    padding-right:0px;
    padding-left: 15px;
    width:240px;
    border-right: 0px solid transparent;
}

header .main-menu ul .sub-menu li a:hover{
    color: #6b7c93 !important;
}

header .main-menu ul .sub-menu li li a:hover{
    color: black !important;
}

header .main-menu .option1 li.menu-item-has-children:last-child{
    padding-left: 0px !important;
}

header .main-menu ul .sub-menu li a, menus.black .main-menu ul .sub-menu li a{
    color: #6b7c93 !important;
    font-size: 10px;
    line-height: 40px;
    text-align: left;
    float: left;
    line-height: 170%;
    text-transform: uppercase;
    font-weight: 800;
    cursor:default;
}

header .main-menu ul .sub-menu .sub-menu{
    position: relative !important;
    padding: 0px !important;
    background-color: white;
    right: 0px;
    z-index: 2;
    border-radius: 0px;
    box-shadow: none;
    float: left;
    display: inline-block !important;
    top: 0px;
    min-width: 170px;
    margin-top:5px;
}

header .main-menu .option1 .sub-menu .sub-menu{
    min-width: 270px;
}

header .main-menu .option1 .sub-menu {
    min-width: 320px;
}
header .main-menu ul .sub-menu .sub-menu li a, .scroll.main-menu ul .sub-menu .sub-menu li a{
    color:rgb(40,40,40) !important;
    cursor:pointer;
    line-height: 100%;
    margin-top: 15px;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}


header .main-menu ul .sub-menu .sub-menu li a p, .menus.black .main-menu ul .sub-menu .sub-menu li a p{
    color:rgb(120,120,120);
    cursor:pointer;
    line-height: 100%;
    margin-top: 5px;
    padding-left: 0px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 5px;
}


header .main-menu ul .sub-menu li a:hover{
    color:#2080df;
}

.main-menu ul li li.menu-item-has-children a:hover{
    color: black;
}

.main-menu ul li li a:hover, .main-menu ul li li li a:hover{
    color:#2080df;
}

.main-menu ul li .learnMore{
    color: #2080DF !important;
    font-weight: 800 !important;
    margin-top: 10px !important;
}

.main-menu ul li .hoverAnimation{
    width: 100%;
    position: relative;
    height: 20px;
    overflow: hidden;
}

.main-menu .option1 .sub-menu li li .hoverAnimation .menu-item-description, .main-menu .option3 .sub-menu li .hoverAnimation .menu-item-description{
    -webkit-transition: margin 0.5s;
}
.main-menu .option1 .sub-menu li li:hover .hoverAnimation .menu-item-description, .main-menu .option3 .sub-menu li:hover .hoverAnimation .menu-item-description{
    margin-top: -17px;
}

.main-menu ul .allModules:hover a, .menus.black .main-menu ul .allModules:hover a,header .main-menu .option2 .sub-menu li li:hover a{
    color:#2080DF !important;
}

header .main-menu .option3 .sub-menu li{
    padding-right:0px;
    padding-left: 15px;
    width:170px;
    border-right: 0px solid transparent;
}


 header .main-menu .option3 .sub-menu li a p{
    color:rgb(120,120,120);
    cursor:pointer;
    line-height: 100%;
    margin-top: 5px;
    padding-left: 0px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 5px;
}

header .main-menu .option3 .sub-menu li a{
    color: rgb(40,40,40) !important;
    cursor: pointer;
    line-height: 100%;
    margin-top: 0px;
    padding-left: 0px;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    width:100%;
}

header .main-menu .option3 .sub-menu li a:hover{
    color: black !important;
}

header .main-menu .option3 .sub-menu{

    margin-left: -50px;
}
header .top-menu{
    float: right;
    height:50px;
}

header .top-menu ul li{
    margin-left: 30px;
    float: right;
    list-style: none;
}

header .top-menu ul li a{
    font-size: 12px;
    font-weight: 600;
    color:white;
    text-decoration: none;
    line-height: 50px;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.homepage_template{
    width:100%;
    height: auto;
    float: left;
    margin-top: 0px;
}

.intro_home_container{
    float: left;
    width: 100%;
    padding-top: 100px;
    height: 1000px;
    background-color: #f2f7fc;
}


.intro_homepage{
    margin-top:100px;
    float:left;
    width:50%;
}
.intro_homepage h5{
    text-transform: uppercase;
    font-size: 14px;
    color:#2080DF;
    font-weight: 800;
    margin-bottom: 10px;
}

.intro_homepage h1{
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 130%;
    margin-top: 15px;
    float: left;
}

.intro_homepage p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: #111111;
    line-height: 170%;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.homepage_template .squircle{
    width: 45%;
    height: 600px;
    position: absolute;
    background-image: url(imgs/squircle.png);
    transform: rotate(20deg);
    background-size: contain;
    background-repeat: no-repeat;
    right: -40px;
    z-index: -1;
    margin-top: -25%;
}

.homepage_template .page_container{
    width:100%;
    padding-left: 150px;
    padding-right:150px;
}

.homepage_template .img_home{
    width: 570px;
    height: 570px;
    background-image: url(imgs/home_img4.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 80px;
    margin-top: 10px;
    background-position: right;
}

.form_demo_home{
    margin-top: 30px;
    position: relative;
}

.form_demo_home p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: #111111;
    line-height: 170%;
    margin-top: 10px;
    float: left;
    width: 100%;


}

.form_demo_home input{
    width: calc(100% - 160px);
    padding: 10.5px 15px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 10px;
    margin-top: 30px;
    border: 0px solid rgb(220,220,220);
    float: left;
    -moz-box-shadow: 0 4px 23px 0 rgba(210,224,236,0.9);
    -webkit-box-shadow: 0 4px 23px 0 rgba(210,224,236,0.9);
    box-shadow: 0 4px 23px 0 rgba(210,224,236,0.9);
}

.form_demo_home input::-webkit-input-placeholder { /* Edge */
    color: rgb(200,200,200);
}

.form_demo_home input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(200,200,200);
}

.form_demo_home input::placeholder {
    color: rgb(200,200,200);
}

.form_demo_home .hs-error-msgs li{
    float: left;
    position: absolute;
    top: 110px;
    list-style: none;
    display: none;
}

.form_demo_home .hs-error-msgs a{
    font-size: 13px;
    font-weight: 600;
    color: #d51010;
}

.form_demo_home input[type="submit"]{
    padding: 12px 14px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background-color: #27ce7d;
    border-radius: 10px;
    margin-top: 30px;
    float: left;
    width: auto;
    margin-left: 10px;
    border: 0 solid;
    width: 140px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form_demo_home input[type="submit"]:hover{
    background-color: #23b970;

}

.home_template .page_content{
    width:100%;
    height: auto;
    float: left;
    margin-top:100px;
}

.container_homepage_features{
    margin-left: 150px;
    margin-right: 150px;
    width: calc(100% - 300px);
    float: left;
    position: relative;
    margin-top:-100px;
}

.container_homepage_features .container-inner{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

footer{
    width:100%;
    height: auto;
    background-color:#2E2D2B;
    float:left;
    position: relative;
}

footer .apps{
    padding-top:30px;
    padding-bottom:30px;
    padding-left: 150px;
    padding-right:150px;
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    float: left;
    width: 100%;
}

footer .apps .app{
    width:calc(100% / 3);
    height: auto;
    float:left;
}

footer .apps .app .logo{
    width:60px;
    height: 60px;
    float: left;
    background-size: 60px;
    background-repeat: no-repeat;
}

footer .apps .app .info{
    width:calc(100% - 60px);
    padding-left: 10px;
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    padding-top:5px;
    color:white;
}


footer .apps .app .info .name{
    width:100%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
}

footer .apps .app .info .link{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
}

.icon_direct{
    background-image: url(imgs/is_direct.svg);
}
.icon_operations{
    background-image: url(imgs/is_operations.svg);
}
.icon_infraspeak{
    background-image: url(imgs/icon.png);
}

footer .footer_menu{
    width:100%;
    height: auto;
    padding-top:40px;
    padding-left: 150px;
    padding-right:150px;
    float: left;
    padding-bottom:30px;
}

footer #footer-menu li{
    width:calc(100% / 4);
    float: left;
    list-style: none;
}

footer #footer-menu li a{
    color: #E6E6E6;
    font-size: 17px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    padding-bottom: 20px;
}

footer #footer-menu li .sub-menu {
    padding-top:15px;
    float: left;
    width:100%
}
footer #footer-menu li .sub-menu li{
    width:100%;
    float: left;
}

footer #footer-menu li .sub-menu li a{
    color: #E6E6E6;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.25px;
    line-height: 32px;
    text-align: left;
}

footer .logos{
    display: inline-block;
}


footer .logos{
    width: 450px;
    height: 80px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(imgs/footer_logos.png);
    background-position: 15px center;
    margin-left: calc(50% - 225px);
    margin-bottom: 0px;
}

footer .footer2 li{
    display: inline-block;
    text-align: center;
    margin: 10px;
    margin-right: 20px;
}

.copyright{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
    color: #eaeaea;
    font-size: 12px;
}
#footer-menu-2{
    width: 100%;
    text-align: center;
}

footer #footer-menu-2 li a{
    color: #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.25px;
    line-height: 32px;
    text-align: left;
    text-decoration: none;
}

.homepage_company{
    width:100%;
    float: left;
    height: auto;
    margin-top:100px;
}

.homepage_caseStudy{
    width:100%;
    float: left;
    height: auto;
    margin-top:0px;
}

.page_404 {
    display: inline-block;
    width: 100%;
    padding-bottom: 100px;
    text-align: center;
}
.page_404 h5{
    width:60%;
    margin-left: 20%;
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    padding-top:30px;
    padding-bottom: 20px;
}

.page_404 a{
    color: #0072CE;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    text-decoration: underline;
}

.demo_btn{
    padding: 10px 12px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background-color: #27ce7d;
    border-radius: 10px;
    margin-top: 6px;
    float: left;
    width: auto;
    border: 0 solid;
    display: none;
    height: auto !important;
    cursor:pointer;
    transition: background-color 0.3s ease;
}

.demo_btn:hover{
    background-color:#23b970;
}

header.scroll .demo_btn{
    display: block;
}

header.scroll .demo_btn a {
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
    line-height: 100% !important;
}

.box-shadow1{
    -moz-box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);
    -webkit-box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);
    box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);

}

.border-r-5{
    border-radius: 5px;
}

.marginTopClientsHome{
    margin-top:-100px;
    height: 301px;
    margin-top: -300px;
}

.form_contact .hs-fieldtype-text, .form_contact .hs-fieldtype-textarea, .form_demo_contact .hs-fieldtype-textarea, .form_demo_contact .hs-fieldtype-text, .form_contact .hs-fieldtype-select,.form_demo_contact .hs-fieldtype-select,.form_demo_contact .hs-fieldtype-select, .popup_integrations_vote .hbspt-form form .hs-fieldtype-textarea, .popup_integrations_vote .hbspt-form form .hs-fieldtype-select, .popup_integrations_vote .hbspt-form form .hs-fieldtype-text, .popup_integrations_vote .hbspt-form form .hs-fieldtype-radio, #suggest .hbspt-form form .hs-fieldtype-textarea, #suggest .hbspt-form form .hs-fieldtype-select, #suggest .hbspt-form form .hs-fieldtype-text, #suggest .hbspt-form form .hs-fieldtype-radio{
    font-size: 14px;
    font-weight: 700;
}

#suggest .hbspt-form form .hs-fieldtype-textarea, #suggest .hbspt-form form .hs-fieldtype-text{
  float: left;
  width: 100%;
}

.popup_integrations_vote select, #suggest select{
  border: 1px solid rgb(200,200,200);
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  padding-left: 15px;
}

.popup_integrations_vote .hs-form-booleancheckbox-display span, #suggest .hs-form-booleancheckbox-display span {
  line-height: 150%;
  margin-top: -5px;
}

.popup_integrations_vote .hs-phone .input input, #suggest .hs-phone .input input{
  width: 100%;
  border: 1px solid rgb(200,200,200);
  float: left;
  height: 45px;
  border-radius: 5px;
  font-size: 18px;
  padding-left: 15px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 20px;
  float: right;
}

.popup_integrations_vote .hbspt-form .hs-form-booleancheckbox-display span, #suggest .hbspt-form .hs-form-booleancheckbox-display span{
  line-height: 150%;
}

.popup_integrations_vote .hbspt-form form .hs-fieldtype-radio .input span, #suggest .hbspt-form form .hs-fieldtype-radio .input span{
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
}

.popup_integrations_vote .hbspt-form form .hs-fieldtype-radio label, .popup_integrations_vote .hbspt-form form .hs-fieldtype-radio ul, #suggest .hbspt-form form .hs-fieldtype-radio label, #suggest .hbspt-form form .hs-fieldtype-radio ul{
    margin-top: 5px;
    margin-bottom: 10px;
    float: left;
}

.popup_integrations_vote .hbspt-form form .hs-fieldtype-radio .hs-form-radio, #suggest .hbspt-form form .hs-input[type="email"]{
    list-style: none;
    float: left;
    width:100%;
}

.form_contact .hs-input,.form_demo_contact .hs-input, .popup_integrations_vote .hbspt-form form .hs-input[type="text"], .popup_integrations_vote .hbspt-form form .hs-input[type="email"],  #suggest .hbspt-form form .hs-input[type="text"], #suggest .hbspt-form form .hs-input[type="email"]{
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid rgb(200,200,200);
    float: left;
}

.popup_integrations_vote .hbspt-form form textarea,  #suggest .hbspt-form form textarea{
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid rgb(200,200,200);
    float: left;
    height: 70px;
}

.popup_integrations_vote .hbspt-form form .hs-input[type="radio"], #suggest .hbspt-form form .hs-input[type="radio"]{
    -webkit-appearance: radio;
}

.form_contact textarea, .form_demo_contact textarea{
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid rgb(200,200,200);
    float: left;
    height: 100px;
}

.form_contact input.hs-button.primary.large{
    padding: 10px 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 800;
    color: white;
    background-color: #27ce7d;
    border-radius: 5px;
    margin-top: 20px;
    float: left;
    transition: background-color 0.3s ease;
    cursor: pointer;
}



.form_demo_contact label, .popup_integrations_vote form label{
    text-align: left;
    width:100%;
    float:left;
}

.form_demo_contact input.hs-button.primary.large, .popup_integrations_vote form input.hs-button.primary.large{
    padding: 10px 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 800;
    color: white;
    background-color: #27ce7d;
    border-radius: 5px;
    margin-top: 30px;
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: background-color 0.3s ease;
    cursor: pointer;
    margin-bottom: 20px;
}

#suggest iframe{
  width:100%;
}

.popup_integrations_vote form input.hs-button.primary.large, #suggest form input.hs-button.primary.large{
    padding: 10px 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 800;
    color: white;
    background-color: #27ce7d;
    border-radius: 5px;
    margin-top: 10px;
    float: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

#suggest .hbspt-form form .hs-fieldtype-radio ul{
  clear: both;
  list-style: none;
}

.form_demo_contact input.hs-button.primary.large:hover, .form_contact input.hs-button.primary.large:hover,  .popup_integrations_vote form input.hs-button.primary.large:hover, #suggest form input.hs-button.primary.large:hover{
    background-color:#23b970;
}

.form_contact .hs-error-msgs li, .form_demo_contact .hs-error-msgs li,  .popup_integrations_vote form  .hs-error-msgs li, #suggest form .hs-error-msgs li{
    list-style: none;
    font-size: 12px;
    margin-top: -10px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #e41803;
    font-weight: 700;
}

.line170 h1,.line170 h2,.line170 h3,.line170 h4,.line170 h5,.line170 p{
    line-height: 170% !important;
}

.bg_solution2,.bg_solution{
    background-image: url(imgs/bg_solution.png);
    background-repeat: no-repeat;
    background-position: center top 0px;
    background-size: 80%;
}


.wp-block-separator{
    height: 2px;
    background-color: #f0f0f0 !important;
    margin-left: 25%;
    width: 50%;
}

/* Nice Select */

.nice-select, .selectCategories {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px rgb(210,210,210);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    margin-left: 20px;
    width: 200px !important;
    float: right;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10'%3E%3Cpath fill='rgb(120,120,120)' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
background-size: 15px;
background-position: right 10px top 8px;
}
.nice-select:hover {
    border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
.nice-select.disabled:after {
    border-color: #cccccc; }
.nice-select.wide {
    width: 100%; }
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important; }
.nice-select.right {
    float: right; }
.nice-select.right .list {
    left: auto;
    right: 0; }
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
.nice-select.small:after {
    height: 4px;
    width: 4px; }
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px; }
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important; }
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6; }
.nice-select .option.selected {
    font-weight: bold; }
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default; }

.no-csspointerevents .nice-select .list {
    display: none; }

.no-csspointerevents .nice-select.open .list {
    display: block; }


/* Animation */

.animation {
    margin-top:100px;
    height: 171px;
    width: 171px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}
.animation #anim-p1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.animation #anim-p2 {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 2;
    animation-name: anim1;
    animation-duration: .4s;
    animation-delay: 700ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
}
.animation #anim-p3 {
    position: absolute;
    top: 49px;
    left: 96px;
    z-index: 2;
    animation-name: anim2;
    animation-duration: .4s;
    animation-delay: 900ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
}
.animation #anim-p4 {
    position: absolute;
    top: 32px;
    left: 96px;
    z-index: 2;
    animation-name: anim3;
    animation-duration: .4s;
    animation-delay: 1000ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
}


.widthAuto{
    width:auto;
}

.form_job form label{
    font-weight: 800;
    font-size: 14px;
    color: white;
    text-align: left;
    float: left;
    padding-bottom: 10px;
}

.form_job form input[type="text"], .form_job form input[type="email"],select{
    width: 100% !important;
    float: left;
    height: 35px;
    border: 2px solid #136dc6;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: left;
    margin-bottom: 15px;
}

.form_job .hs-fieldtype-intl-phone{
  width: 100%;
  display: inline-block;
}

.form_job .hs-fieldtype-intl-phone select{
  float: left;
  height: 35px;
  width: 150px !important;
}

.form_job .hs-form-booleancheckbox-display span {
  line-height: 120% !important;
}

.form_job .hs-fieldtype-intl-phone input{
  width: calc(100% - 160px) !important;
  float: right;
}

.form_job form input[type="tel"]{
    width: calc(100% - 200px) !important;
    float: right;
    height: 35px;
    border: 2px solid #136dc6;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: left;
    margin-bottom: 15px;
}

.form_job form input[type="file"]{
    color: white;
    float: left;
    font-size: 13px;
    margin-bottom: 15px;
}

.form_job form input[name="firstname"]{
    width: calc(100% - 10px);
    float: left;
}

.form_job form input[name="lastname"]{
    width: calc(100% - 10px);
    float: right;
}

.form_job form textarea{
    width: 100% !important;
    float: left;
    height: 70px;
    border: 2px solid #136dc6;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
    padding-top: 10px;

}

.form_job

.pricing_demo .form_job .field{
    clear: both;
}

.form_job form li{
    color: white;
    float: left;
    margin-left: 20px;
    font-size: 12px;
}

.form_job form li .hs-error-msg{
    font-size: 12px;
    font-weight: 600;
}

.form_job form fieldset{
    max-width: 100%;
}

.form_job form input[type="submit"]{
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 30px;
    font-weight: 800;
    font-size: 14px;
    color: #fff;
    background-color: #27ce7d;
    border: 2px solid #136dc6;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.form_job .hs-error-msgs{
    width: 100%;
    list-style: none;
    padding-left: 0px;
    float: left;
}

.form_job .hs-error-msgs li{
    margin-left: 0px;
    margin-bottom:5px;
}

.form_job form input[type="submit"]:hover{
    background-color:#23b970;
}

.box-shadow-1{
    -webkit-box-shadow: 0 0px 12px 0 rgba(210,224,236,.5);
    -moz-box-shadow: 0 0px 12px 0 rgba(210,224,236,.5);
    box-shadow: 0 0px 12px 0 rgba(210,224,236,.5)
}


.box-shadow-1-container .container-inner{
    -webkit-box-shadow: 0 0px 12px 0 rgba(210,224,236,.5);
    -moz-box-shadow:0 0px 12px 0 rgba(210,224,236,.5);
    box-shadow: 0 0px 12px 0 rgba(210,224,236,.5)
}

.features_home_product .image{
    width: 90px;
    height: 90px;
    background-size: contain;
    background-position: left;
    position: relative;
    background-repeat: no-repeat;
}

.features_home_product .name{
    font-size: 17px;
    font-weight: 700;
    margin-top:5px;
}


.fundo_product2{
    background-image: url(http://jessicamendes.me/infraspeak/website/wp-content/uploads/2019/05/fundo2_5.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.menu_responsive{
    display: none;
}

.menu_responsive .menu-icon{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='bars' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-bars fa-w-14'%3E%3Cpath fill='rgb(255,255,255)' d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
    float: right;
    background-repeat: no-repeat;
    margin-top: 30px;
}

#container_menu_responsive{
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,0.99);
    z-index: 10;
    padding:30px;
    padding-top: 140px;
}

/*
.main-menu2 ul li{
    margin-bottom: 20px;
    margin-top: 20px;
}*/

#container_menu_responsive .container_menu_scroll{
    width: 100%;
    height: calc(100vh - 120px);
    position: absolute;
    top: 130px;
    left: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    padding-top:20px;
    overflow: auto;

}

.menu_responsive .container_menu .close_menu{
    width: 25px;
    height: 35px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10'%3E%3Cpath fill='rgb(255,255,255)' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px;
}

.main-menu2 ul li{
    list-style: none;
    min-height: 60px;
    float: left;
    width: 100%;

}

.main-menu2 ul li.dropdown{
    background:url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-angle-down fa-w-10 fa-7x"><path fill="rgb(32, 128, 223)" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z" class=""></path></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 3px;
    /*padding-right: 15px;*/
}

.main-menu2 ul li a{
    float: left;
    width:100%;
    text-decoration: none;
    color: black;
    font-weight: 600;
    font-size: 25px;
}

.main-menu2 ul li .sub-menu{
    padding-left: 0px;
    height: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
    width:100%;
}

.main-menu2 ul li .sub-menu .sub-menu{
    height: auto;
    padding-left: 0px;
    margin-bottom: 0px;
}


.main-menu2 ul li .sub-menu .sub-menu li{
    margin-bottom: 0px;
    margin-top:0px;
}

.main-menu2 ul li .sub-menu li.menu-item-has-children{
    margin-top: 20px;
}


.main-menu2 ul li .sub-menu li.menu-item-has-children li{
    min-height: auto;
}

.main-menu2 ul li .sub-menu li.menu-item-has-children a{
    font-size: 14px;
    font-weight: 800;
    color:rgb(130,130,130);
    text-transform: uppercase;
}

.main-menu2 ul li .sub-menu li .sub-menu li a{
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-transform: none;
    line-height: 40px;
}

.main-menu2 ul li .sub-menu li{
    min-height: auto;
    margin-top: 20px;
}

.main-menu2 ul li .sub-menu li a{
    font-size: 20px;
    font-weight: 300;
    color: #000;
    text-transform: none;
    line-height: 30px;
}

.top-menu2{
    display: none;
}

.main-menu2 ul li.dropdown{
    margin-bottom: 0px;
}

.infraspeak-subscribe-container{
    background-image: url(imgs/banner.png);
    background-size: 100% 100%;
}

.infraspeak-subscribe-container p {
    color: white;
    font-size: 18px;
    margin-top: 15px;
}

.infraspeak-subscribe-container h2 {
    color: #80ffa2;
}

.infraspeak-subscribe-container .button-subscribe{
    background-color:white;
    padding:10px;
    border-radius: 5px;
    color:black;
    font-weight: 700;
        font-size: 17px;
    padding-left: 20px;
    padding-right: 45px;
    margin-top: 20px;
    float: left;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-long-arrow-right fa-w-14'%3E%3Cpath fill='%232080df' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 10px top 10.5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.1s ease;
}
.infraspeak-subscribe-container .button-subscribe:hover{
    padding-right:50px;
}

@keyframes anim1 {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    100% {
        transform: translateY(40px) rotate(-20deg);
    }
}
@keyframes anim2 {
    0% {
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
    100% {
        transform: translateY(74px) translateX(-12px) rotate(-95deg);
    }
}
@keyframes anim3 {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    100% {
        transform: translateY(108px) rotate(120deg);
    }
}


.nice-select.selectCategories{
    width: 200px;
    float: right;
    margin-right: 20px;
    margin-bottom: 30px;
}

.infraspeak-banner-cta-container .btn_container a.btn {
    text-decoration: none;
}


.caseStudy_sticky_over{
    z-index: 2;
    position: relative;
}

.minHeighthomepage .container-inner{
    min-height: 1100px;
}


.tags_img{
    height: 400px;
    background-image:url(imgs/tags.png);
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
}

.popup_demo_allPages{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    float: left;
    z-index: 30;
    background-color:rgba(242, 247, 252,0.95);
    overflow: auto;
    display:none;
}

.popup_demo_allPages .close{
    position: absolute;
    width: 30px;
    height: 35px;
    right: 150px;
    top: 30px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10'%3E%3Cpath fill='%232080DF' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    cursor: pointer;
}

.popup_demo_allPages .close:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.linkFeature,.infraspeak-content-blog-container .blog-post .blogBtn{
    color: #0072ce;
    font-size: 13px;
    font-weight: 800;
    line-height: 32px;
    text-align: left;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-alt-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-long-arrow-alt-right fa-w-14'%3E%3Cpath fill='%230072ce' d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right 1px;
    padding-right: 20px;
    transition: all 0.2s linear;
}

.linkFeature:hover, .infraspeak-content-blog-container .blog-post .blogBtn:hover{
    padding-right: 27px;
}

.infraspeak-pricing .btn_p{
    height: 200px;
}

.wpml-ls-current-language .sub-menu{
    display: none;
    width: 140px;
    position: absolute;
    padding: 20px;
    padding-bottom: 30px;
    background-color: white;
    z-index: 3;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    -moz-box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    box-shadow: 0 0 11px 0 rgba(23,28,33,.16);
    top: 50px;
    padding-bottom: 20px;
    padding-top: 10px;
}


.wpml-ls-current-language .sub-menu .wpml-ls-item{
    margin-left: 00px;
    height: 40px;
    float: left;
}

header.white .wpml-ls-current-language .sub-menu .wpml-ls-item a span{
    color:black;
}

.wpml-ls-current-language:hover .sub-menu{
    display: block;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.wpml-ls-current-language .sub-menu .wpml-ls-item:hover a{
    font-weight: 800;
}

.menus.black .wpml-ls-current-language{
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-angle-down fa-w-10 fa-7x"><path fill="black" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z" class=""></path></svg>');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;

background-size: 8px;

background-repeat: no-repeat;

background-position: right 19px;

padding-right: 15px;
}

header.white .wpml-ls-current-language{
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-angle-down fa-w-10 fa-7x"><path fill="white" d="M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z" class=""></path></svg>');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: right 19px;
    padding-right: 15px;
}
/* --------------------- MENU ----------------------- */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
    position: absolute;
    right: 0px;
    top:3px;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  z-index: 9;
  margin-top:5px;
  padding-right: 10px;
}
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
}
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #FFFFFF; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
    margin-top: 5px;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.scroll .hamburger-inner,.scroll .hamburger-inner::before,.scroll .hamburger-inner::after,.scroll .hamburger.is-active .hamburger-inner,.scroll .hamburger.is-active .hamburger-inner::before,.scroll .hamburger.is-active .hamburger-inner::after {
    background-color:#2080df;
}

.white .hamburger-inner,.white .hamburger-inner::before,.white .hamburger-inner::after,.white .hamburger.is-active .hamburger-inner,.white .hamburger.is-active .hamburger-inner::before,.white .hamburger.is-active .hamburger-inner::after {
    background-color:#2080df;
}

.scroll .hamburger-box {
    margin-top: 0px;
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


header.fixed{
    position: fixed;
}

.main-menu2 .dropdown.opened{
    background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='angle-up' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-up fa-w-8'%3E%3Cpath fill='rgb(32, 128, 223)' d='M136.5 185.1l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 224.7 27.6 326.9c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 3px;
}

.responsive{
    display: none;
}


.wp-block-infraspeak-banner-cta{
    background-size: cover;
}

.image_customer{
    position: absolute;
    right: 150px;
    margin-top: -270px;
}

.font-w-700 strong{
    font-weight: 800;
}

.shadow-bottom{
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    -moz-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    box-shadow: 0 8px 24px rgba(0,0,0,.13);
}

.bg_homepage_component2 {
    width: 100%;
    height: 1600px;
    background-image: url(imgs/homepage_bg.svg);
    background-size: contain;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.bg_homepage_component2 .container1 {
    width: 400px;
    height: auto;
    position: absolute;
    top: 12%;
    left: 0;
}
.bg_homepage_component2 .container2 {
    width: 400px;
    height: auto;
    position: absolute;
    top: 28%;
    right: 5%;
}

.bg_homepage_component2 .container3 {
    width: 400px;
    height: auto;
    position: absolute;
    top: 54%;
    left: 7%;
}

.bg_homepage_component2 .container4 {
    width: 400px;
    height: auto;
    position: absolute;
    top: 80%;
    right: 10%;
}

.icon_ceo{
    height: 70px;
    background-image: url(imgs/icon_ceo.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_maintenance{
    height: 70px;
    background-image: url(imgs/icon_maintenance.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_facility{
    height: 70px;
    background-image: url(imgs/icon_facility.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_technician{
    height: 70px;
    background-image: url(imgs/icon_technician.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_hotel{
    height: 70px;
    background-image: url(imgs/icon_hotel.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_manufacturing{
    height: 70px;
    background-image: url(imgs/icon_manufacturing.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_assistance{
    height: 70px;
    background-image: url(imgs/icon_assistance.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_retail{
    height: 70px;
    background-image: url(imgs/icon_retail.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_calendar{
    height: 70px;
    background-image: url(imgs/icon_calendar.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_other1{
    height: 70px;
    background-image: url(imgs/icon_other1.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_other2{
    height: 70px;
    background-image: url(imgs/icon_other2.png);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pricing_Q3 label p{
    font-size: 18px !important;
    float: left;
    line-height: 150%;
    margin-top: 40%;
    font-weight: 800 !important;
}

.pricing_demo .submitted-message{
    font-size: 20px;
    color: white;
    font-weight: 800;
}

.wp-block-wp-block-infraspeak-testimonial, .infraspeak-testimonial{
  padding:60px 150px;
}

.wp-block-wp-block-infraspeak-testimonial .companyLogo, .infraspeak-testimonial .companyLogo{
    width: 200px;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: calc(50% - 100px);
}

.wp-block-wp-block-infraspeak-testimonial .testimonial,.infraspeak-testimonial .testimonial{
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}

.wp-block-wp-block-infraspeak-testimonial .employee_box, .infraspeak-testimonial .employee_box{
    margin-top: 40px;
}

.wp-block-wp-block-infraspeak-testimonial .employee_box .photo, .infraspeak-testimonial .employee_box .photo{
      width: 50px;
      height: 50px;
      background-size: cover;
      border-radius: 50%;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: calc(50% - 25px);
}


.wp-block-wp-block-infraspeak-testimonial .employee_box .name, .infraspeak-testimonial .employee_box .name{
    font-size:14px;
      font-weight: 800;
      text-align: center;
      margin-top:10px;
}
.wp-block-wp-block-infraspeak-testimonial .employee_box .jobrole, .infraspeak-testimonial .employee_box .jobrole{
      font-size:12px;
      font-weight: 700;
      text-align: center;
      margin-top:5px;
}

.legal-consent-container{
    float: left;
}

.legal-consent-container li{
    list-style: none;
}

.legal-consent-container li label input{
    width: auto !important;
    float: left;
}

.legal-consent-container li label p{
    width: calc(100% - 50px) !important;
    float:left;
}

.hs-fieldtype-select select{
    height: 45px;
}

.infraspeak-integrations-list-container .integration-item .blogVote {
    color: #0072ce;
    border: 2px solid #0072ce;
    cursor:pointer;
}

.infraspeak-integrations-list-container .integration-item .blogVote:hover{
    color: white;
    background-color:#0072ce;
    border: 2px solid #0072ce;
}

#container_menu_responsive .wpml-ls-current-language .sub-menu{
    display: block;
    width: 100%;
    position: relative;
    padding: 0px;
    padding-bottom: 0px;
    background-color: white;
    z-index: 0;
    border-radius: 0;
    box-shadow: none;
    top: 0;
    padding-bottom: 30px;
    padding-top: 0px;
    float:left;

}

#container_menu_responsive .wpml-ls-current-language .sub-menu li{width: 100%;}

.lineheight150 p, .infraspeak-text-p{
    line-height: 150%;
}

.infraspeak-integrations-list-container .integration-item .image{
    cursor: default;
}

.infraspeak-integrations-list-container a{
    cursor: default;
}

.infraspeak-integrations-list-container .integration-item .blogBtn{
    cursor: pointer;
}

.btn_border a{
    transition:all 0.2 linear;
    font-weight: 800;
}

.btn_border a:hover{
    background-color:#0072ce;
    color:white !important;
}

.wp-block-infraspeak-testimonial-mini{
  width: 100%;
  height: auto;
  border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.23);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.23);
  box-shadow: 0 3px 5px rgba(0,0,0,.23);
  float: left;
  border-radius: 5px;
}
.wp-block-infraspeak-testimonial-mini svg{
    width: 30px;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
  }

.wp-block-infraspeak-testimonial-mini h3{
    width: calc(100% - 110px);
    margin-left: 80px;
    margin-top: 40px;
    line-height: 170%;
    font-size: 20px;
    font-weight: 300;
}

.wp-block-infraspeak-testimonial-mini .employee_box{
    width: calc(100% - 110px);
    margin-left: 80px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.wp-block-infraspeak-testimonial-mini .employee_box .name{
      font-size: 15px;
      font-weight: 700;
    }
.wp-block-infraspeak-testimonial-mini .employee_box .jobrole{
      font-size: 14px;
      margin-top: 5px;
    }

.nfc_timeline{
    width: 100%;
    height: 310px;
    background-image: url(imgs/timeline_nfc.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 0px;
}

.nfc_container{
    position:relative;
}

.nfc_div{
    width:400px !important;
    padding:30px;
    background-color: white;
    -webkit-box-shadow: 0 4px 23px 0 rgba(210,224,236,.9);
    -moz-box-shadow: 0 4px 23px 0 rgba(210,224,236,.9);
    box-shadow: 0 4px 23px 0 rgba(210,224,236,.9);
    border-radius: 5px;
}

.nfc1{
    margin-left: 20px;
    margin-top: -50px;
    float: left;
}

.nfc2{
    float: left;
    margin-left: calc(50% - 400px);
    margin-top: 20px;
    margin-right: 0;
}

.nfc3{
    float: left;
    margin-left: calc((50% - 420px));
    margin-top: -70px;
    margin-right: 0;
}

.nfc4{
    margin-right: 0px;
    float: right;
    margin-top: 0px;
}

.center_squircle{
    margin-left: auto;
    margin-right: auto;
}

.center_squircle .squircle svg{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
    display: inherit;
}

.no_btn_1 .infraspeak-feature:nth-child(1) .linkFeature{
    display: none;
}
.no_btn_2 .infraspeak-feature:nth-child(2) .linkFeature{
    display: none;
}
.no_btn_3 .infraspeak-feature:nth-child(3) .linkFeature{
    display: none;
}
.no_btn_4 .infraspeak-feature:nth-child(4) .linkFeature{
    display: none;
}

.nfc_banner {
    position: relative;
}

.nfc_banner h1{
    line-height: 130% !important;
}
.nfc_banner .font-w-300 strong{
    font-weight: 800;
}

.nfc_banner .banner_img{
    width: 100%;
    height: 100%;
    background-image: url("imgs/ifk-dude-nfc.png");
    position: absolute;
    top: 0px;
    right: 0px;
    background-size: auto 110%;
    background-repeat: no-repeat;
    background-position: bottom -180px right -20px;
}

.tableNFC .icon{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: calc(50% - 25px);
    float: left;
}

.tableNFC table{
    width: 100%;
}

.tableNFC .icon.nfc{
    background-image: url("imgs/nfc.svg");
}
.tableNFC .icon.codebar{
    background-image: url("imgs/bar-code.svg");
}
.tableNFC .icon.qrcode{
    background-image: url("imgs/qr-code.svg");
}

.tableNFC table th:nth-child(2),.tableNFC table th:nth-child(3),.tableNFC table th:nth-child(4), .tableNFC table tr td:nth-child(2),.tableNFC table tr td:nth-child(3),.tableNFC table tr td:nth-child(4){
  width: calc(65%/3);
  float: left;
  margin-bottom: 10px;
  color: white;
  padding-top: 15px;
}
.tableNFC .icon_true{
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16'%3E%3Cpath fill='%23FFFFFF' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  width: 100%;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
}

.tableNFC table tr td:nth-child(1){
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    padding-top: 15px;
    text-align: left;
    padding-left: 10px;
}

.tableNFC table tr{
    min-height: 50px;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.tableNFC table th:nth-child(1),.tableNFC table tr td:nth-child(1){
    width: 35%;
    float:left;
    height: 30px;
}

.tableNFC table th h5{
    width: 100%;
    float: left;
    color: white;
    margin-top: 10px;
    font-weight: 800;
    font-size: 15px;
}

.hbspt-form .hs-form-booleancheckbox-display{
    width: 100%;

}
.hbspt-form .hs-form-booleancheckbox-display input{
  -webkit-appearance: checkbox;
  float: left;
width: 20px;
}

.hbspt-form .hs-form-booleancheckbox{
  list-style: none;
  margin-left: 0px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.hbspt-form .hs-form-booleancheckbox-display span{
  float: right;
  width: calc(100% - 30px);
  font-weight: 600;
  font-size: 12px;
  line-height: 35px;
}

.hbspt-form .hs-form-booleancheckbox-display span .hs-form-required{
  display: none;
}

.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline;width:18px;height:12px}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}

.icon_twitter{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-twitter fa-w-16'%3E%3Cpath fill='%23ffffff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 17px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 30px;
    float: left !important;
    background-position: center;
    font-size: 0px !important;
    margin-right: 5px;
    cursor: pointer;
    opacity: 0.8;
}

.icon_facebook{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-facebook-square fa-w-14'%3E%3Cpath fill='%23ffffff' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 17px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 30px;
    float: left !important;
    background-position: center;
    font-size: 0px !important;
    margin-right: 5px;
    cursor: pointer;
    opacity: 0.8;
}

.icon_instagram{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-instagram fa-w-14'%3E%3Cpath fill='%23ffffff' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 17px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 30px;
    float: left !important;
    background-position: center;
    font-size: 0px !important;
    margin-right: 5px;
    cursor: pointer;
    opacity: 0.8;
}


.icon_linkedin{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-linkedin fa-w-14'%3E%3Cpath fill='%23ffffff' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 17px;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 30px;
    float: left !important;
    background-position: center;
    font-size: 0px !important;
    margin-right: 5px;
    cursor: pointer;
    opacity: 0.8;
}

.icon_linkedin a,.icon_instagram a,.icon_facebook a,.icon_twitter a{
    font-size: 0px !important;
    width: 20px;
    height: 20px;
    float: left;
}


.icon_linkedin:hover,.icon_instagram:hover,.icon_facebook:hover,.icon_twitter:hover{
    opacity: 1;
}

.wp-block-infraspeak-job-positions-2{
    width: 100%;
    padding: 20px 30px;
    background-color: #fff;
    -webkit-box-shadow: -3px 0px 17px -7px rgba(0,0,0,.27);
    -moz-box-shadow: -3px 0px 17px -7px rgba(0,0,0,.27);
    box-shadow: -3px 0px 17px -7px rgba(0,0,0,.27);
    float: left;
    margin-bottom: 20px;
    text-align: left;
    cursor: pointer;
}

.wp-block-infraspeak-job-positions-2 .info {
    width: calc(100% - 150px);
    float: left;
}
.wp-block-infraspeak-job-positions-2 .info h5{
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.wp-block-infraspeak-job-positions-2 .info span{
    color: #2080df;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
}

.wp-block-infraspeak-job-positions-2 .info .country{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='map-marker-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-map-marker-alt fa-w-12'%3E%3Cpath fill='rgb(150,150,150)' d='M192 0C85.903 0 0 86.014 0 192c0 71.117 23.991 93.341 151.271 297.424 18.785 30.119 62.694 30.083 81.457 0C360.075 285.234 384 263.103 384 192 384 85.903 297.986 0 192 0zm0 464C64.576 259.686 48 246.788 48 192c0-79.529 64.471-144 144-144s144 64.471 144 144c0 54.553-15.166 65.425-144 272zm-80-272c0-44.183 35.817-80 80-80s80 35.817 80 80-35.817 80-80 80-80-35.817-80-80z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 13px auto;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: rgb(100,100,100);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    float: left;
}

.wp-block-infraspeak-job-positions-2 .info .category{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='building' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-building fa-w-14'%3E%3Cpath fill='rgb(150,150,150)' d='M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-76 84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm76 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6 5.4-12 12-12h19.5V24c0-13.3 10.7-24 24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12 5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5 415z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 13px auto;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: rgb(100,100,100);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    float: left;
    margin-left: 30px;
}

.wp-block-infraspeak-job-positions-2 .info .type{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='clock' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-clock fa-w-16'%3E%3Cpath fill='rgb(150,150,150)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-size: 16px auto;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 23px;
    color: #646464;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    float: left;
    margin-left: 30px;
}


.wp-block-infraspeak-job-positions-2 .btn-container {
    width: 150px;
    float: right;
}
.wp-block-infraspeak-job-positions-2 .btn-container a{
    color: #2080df;
    color: rgb(100,100,100);
    text-decoration: none;
    font-weight: 700;
    float: right;
    line-height: 55px;
    font-size: 15px;
}
.wp-block-infraspeak-job-positions-2 .btn-container a:hover{
    color: #2080df;
}

.infraspeak-features-home-container .pc .right .features .selected, .infraspeak-features-home-container .pc .right .features .box:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(210, 224, 236, .7);
    -moz-box-shadow: 0 1px 3px 0 rgba(210, 224, 236, .7);
    box-shadow: 0 1px 3px 0 rgba(210, 224, 236, .7);
}

.infraspeak-modal.Medium .content {
    width: 100%;
    height: 465px;
    overflow: auto;
}

.infraspeak-modal.Medium {
    height: 540px;
}


.btn-demo-home a{
  width: 150px;
  float: left;
  margin-left: calc(50% - 75px);
  transition: background-color .3s ease;
  text-align: center;
}


.btn-demo-home:hover{
  background-color: #23b970;
}

.demo_intro_container .container-inner{
  width: 100%;
  position: absolute;
  height: 700px;
  float: left;
  top: 0px;
  left: 0px;
  background-image: url("https://cdn2.hubspot.net/hubfs/2767973/assinaturas2.png");
  background-size: 950px;
  background-repeat: no-repeat;
  background-position: center bottom 50px;
}

.demo_intro_container h1{
    margin-top: 150px;
}

.form_demo_page{
  width: 600px !important;
  margin-left: calc(50% - 300px);
  background-color: white;
  margin-top: 360px;
  position: relative;
  padding: 30px;
  border-radius: 20px;
  -webkit-box-shadow: -3px 5px 16px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: -3px 5px 16px -12px rgba(0,0,0,0.75);
  box-shadow: -3px 5px 16px -12px rgba(0,0,0,0.75);
}

.form_demo_page .form_contact input.hs-button.primary.large{
  width:150px;
  margin-left: calc(50% - 75px);
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p{
    text-align: center !important;
    font-size: 16px;
    color: black;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button {
    width: 200px;
    font-size: 16px;
    font-weight: 800;
    margin-left: calc(50% - 100px);
    margin-top: 20px;
}

.leadinModal-reset div{
    background-color:white;
}

.leadinModal.leadinModal-v3 .leadin-button {
    font-weight: normal;
    width: 200px;
    font-size: 16px;
    font-weight: 800;
    margin-top: 20px;
}

.leadinModal .leadin-input-wrapper label {
    FONT-WEIGHT: 700;
    color: black;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 {
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    color: black;
}

.reviews{
    float: left;
    margin-top: 20px;
    clear: both;
}

.reviews .review_capterra{
    background-image: url(https://www.infraspeak.com/wp-content/uploads/2019/09/reviews_capterra.png);
    width: 190px;
    height: 40px;
    background-size: auto 40px;
    background-position: -4px 2px;
    background-repeat: no-repeat;
    float: left;
}

.reviews .review_google{
    background-image: url(https://www.infraspeak.com/wp-content/uploads/2019/09/reviews_google.png);
    width: 150px;
    height: 40px;
    background-size: auto 40px;
    background-position: -4px 2px;
    background-repeat: no-repeat;
    float: left;
}

.infraspeak-caseStudy-info-container{
    float: left;
}

.banner_caseStudy{
    -moz-box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);
    -webkit-box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);
    box-shadow: 0 2px 6px 0 rgba(202,202,202,.9);
    float: left;
    background-color: #134d86;
    padding: 30px;
}

.banner_caseStudy h2{
    color: white;
    font-weight: 800;
    text-align: center;
}

.banner_caseStudy p{
    color: white;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
    line-height: 150%;
    font-size: 16px;
    text-align: center;
}

.banner_caseStudy button{
    background-color: #27ce7d;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    width: 230px;
    margin-left: calc(50% - 115px);
    margin-top: 30px;
    cursor: pointer;
    transition: background-color .3s ease;
}

.banner_caseStudy button:hover{
    background-color: #23b970;
}

.speech_bubble{
    position: absolute;
    background: #2080DF;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    margin-left: -0px;
    margin-top: -20px;
    font-weight: 700;
    text-decoration: none;
}

.speech_bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 0;
    height: 0;
    border: .969em solid transparent;
    border-top-color: #2080DF;
    border-bottom: 0;
    border-right: 0;
    margin-left: -.3em;
    margin-bottom: -.6em;
}



.hs-fieldtype-intl-phone select{
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-chevron-down fa-w-14'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: right 10px center;
  padding-right: 30px;
}

.productPage .feature1 .container-inner .wp-block-infraspeak-container:nth-of-type(2),.productPage .feature3 .container-inner .wp-block-infraspeak-container:nth-of-type(2){
    margin-top: 30px;
}

.productPage .feature2 .container-inner .wp-block-infraspeak-container:nth-of-type(2){
    margin-top: 30px;
}


.container_tags .wp-block-infraspeak-button{
    cursor: pointer;
}

.container_tags .wp-block-infraspeak-button a{
    transition: all 0.2s ease;
    cursor: pointer;
}

.container_tags .wp-block-infraspeak-button a:hover{
    background: white;
    color: #2080df !important;
    cursor: pointer;
}


.homepage_caseStudy .intro{
  width: 100%;
  height: 600px;
  padding-top: 120px;
  background-color:#0064ca;
  padding-left: 150px;
  padding-right: 150px;
  background-image: url('imgs/partners/partners_shadow.png');
  background-repeat: no-repeat;
  background-position: right -80px bottom 20px;
  background-size: 700px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
}


.homepage_caseStudy .intro_text{
  float: left;
  margin-top: 60px;
  clear: both;
}

.homepage_caseStudy .intro_text h5{
  /*color: #fca727;*/
  color:white;
  font-size:15px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.homepage_caseStudy .intro_text h1{
  color: white;
  font-size: 55px;
  font-weight: 100;
  margin-top: 15px;
  text-transform: uppercase;
}

.homepage_caseStudy .intro_text h1 b{
  font-weight: 700;
}
.homepage_caseStudy .intro_text h2{
  color: white;
  font-size: 18px;
  font-weight: 300;
  margin-top: 15px;
  width:55%;
  line-height: 150%;
}

.homepage_caseStudy .section2{
  padding:150px;
  width: 100%;
  float: left;
  padding-bottom: 100px;
  padding-top:70px;
}


.homepage_caseStudy .section2 h2 {
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 50px;
}


.homepage_caseStudy .section2 h5 {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  line-height: 170%;
}

.homepage_caseStudy .section2 h5 b{
  font-weight: 600;
}

.homepage_caseStudy .section3 {
  width: 100%;
  float: left;
  background-color: #f2f7fc;
  padding-top: 120px;
  padding-bottom: 80px;
  clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 100%);
}

.homepage_caseStudy .section3 h2{
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
}

.homepage_caseStudy .section3 h4{
  font-size:18px;
  font-weight: 300;
  text-align: center;
  width: 80%;
  margin-left: 10%;
  line-height: 170%;
  margin-bottom: 80px;
}

.homepage_caseStudy .section3 .plans{
  width: 940px;
  margin-left: calc(50% - 470px);
  padding-bottom: 30px;
  float: left;
}

.homepage_caseStudy .section3 .plan{
  width:300px;
  float: left;
  position: relative;
  padding:30px 10px;
}

.homepage_caseStudy .section3 .plan.highlight{
  background-color:white;
  height:450px;
  box-shadow:
  0 4px 5.3px rgba(0, 0, 0, 0.023),
  0 11.3px 17.9px rgba(0, 0, 0, 0.034),
  0 100px 80px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  background-color: white;
  width: 280px;
  margin-left: 10px;
  margin-right: 10px;
}

.p-middle{
  margin-left: 20px;
  margin-right: 20px;
}

.homepage_caseStudy .section3 .plan .line{
  width:50px;
  height:4px;
  background-color: #0064ca;
  float: left;
  margin-left: calc(50% - 25px);
  margin-top: 10px;
}
.homepage_caseStudy .section3 .plan h5{
  font-size:14px;
  font-weight: 800;
  text-align: center;
  color:#0064ca;
  line-height: 160%;
  text-transform: uppercase;
}

.homepage_caseStudy .section3 .plan .description{
  float: left;
  padding:20px;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  line-height: 150%;
  color: #777777;
  min-height: 110px;
  padding-bottom: 0px;
}

.homepage_caseStudy .section3 .plan .btn-learnMore2{
  width: 100%;
  float: left;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  color: #0064ca;
}

.homepage_caseStudy .section3 .plan .tagline{
  float: left;
  padding:0px 40px;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  line-height: 150%;
  margin-top:20px;
  width:100%;

}
.homepage_caseStudy .section3 .plan .description{
  font-weight: 300;
  color:#777777;
}

.homepage_caseStudy .section3 .plan .image{
  width:120px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: calc(50% - 60px);
  float: left;
  margin-top:20px;
}

.homepage_caseStudy .referrals{
  background-image: url("imgs/partners/icon1.svg");
}
.homepage_caseStudy .agent{
  background-image: url("imgs/partners/icon2.svg");
}
.homepage_caseStudy .certified{
  background-image: url("imgs/partners/icon3.svg");
}

.homepage_caseStudy .btn-learnMore{
  border: 2px solid #0072ce;
  color: #0072ce;
  border-radius: 10px;
  transition: all .2 linear;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  width: calc(100% - 40px);
  margin-left:20px;
  padding: 8px;
  font-size: 13px;
  margin-top:10px;
  float:left;
  text-align: center;
  transition: all 0.2s ease;
}

.homepage_caseStudy .highlight .btn-learnMore{
  border: 2px solid #0072ce;
  background-color: #0072ce;
  color:white;
}


.homepage_caseStudy .btn-learnMore:hover{
  border: 2px solid #004882;
  color: #004882;

}

.homepage_caseStudy .highlight .btn-learnMore:hover{
  background-color: #004882;
  color: white;
}

.homepage_caseStudy .overlay{
  width:100%;
  height: 100%;
  position: absolute;
  top:0px;
  left:0px;
  position: fixed;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
  display:none;
}

.homepage_caseStudy .overlay .popup{
  width:500px;
  height: 500px;
  background-color:white;
  margin-left:calc(50% - 250px);
  margin-top:100px;
  box-shadow:
  0 4.9px 15.2px -16px rgba(0, 0, 0, 0.07),
  0 8.8px 29.1px -16px rgba(0, 0, 0, 0.103),
  0 46px 80px -16px rgba(0, 0, 0, 0.17);
  border-radius:5px;
  position: relative;
}

.homepage_caseStudy .overlay .popup2{
  width:500px;
  height: 500px;
  background-color:white;
  margin-left:calc(50% - 250px);
  margin-top:100px;
  box-shadow:
  0 4.9px 15.2px -16px rgba(0, 0, 0, 0.07),
  0 8.8px 29.1px -16px rgba(0, 0, 0, 0.103),
  0 46px 80px -16px rgba(0, 0, 0, 0.17);
  border-radius:5px;
  position: relative;
  display:none
}

.homepage_caseStudy .overlay .popup h2,.homepage_caseStudy .overlay .popup2 h2{
  width:100%;
  text-align: center;
  margin-top: 20px;
  float: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
  z-index: 1;
}


.homepage_caseStudy .overlay .popup .close, .homepage_caseStudy .overlay .popup2 .close{
  width:20px;
  height:20px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10'%3E%3Cpath fill='rgb(30,30,30)' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-size:20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 20px;
  top: 20px;
  float: right;
  cursor: pointer;
  z-index: 2;
  transition: transform .6s ease;
}


.homepage_caseStudy .overlay .popup .close:hover{
  transform: rotate(90deg);
}


.homepage_caseStudy .popup .form_container{
  height: 0px;
  background-color: #0064ca;
  float: left;
  width:100%;
  overflow: hidden;
  transition: height .3s ease;
}

.homepage_caseStudy .popup .form_container .inner_container{
  width:500px;
  margin-left: calc(50% - 250px);
  margin-top: 80px;
}

.homepage_caseStudy .popup .form_container .inner_container h2{
  font-size:40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 80px;
}

.homepage_caseStudy .popup .form2{
  padding:30px;
  margin-top:20px;
  padding-bottom: 0px;
  float: left;
  width:100%;
  padding-top: 0px;
  margin-top:0px;
  height: 430px;
  overflow: auto;
}


.homepage_caseStudy .popup .form2 .hs-button.primary{
  width:100px;
  margin-left:calc(50% - 50px);
}

.homepage_caseStudy .popup .form2 .hs-fieldtype-text, .form2 .hs-fieldtype-select, .form2 textarea{
  width:100%;
  margin-left:0px;
  margin-bottom:10px;
}
.homepage_caseStudy .popup .form2 label{
  font-size:14px;
  font-weight:600;
}

.homepage_caseStudy .popup .form2 input{
  width:100%;
  height:40px;
  border-radius:5px;
  padding:10px;
  font-size:16px;
  font-weight:300;
  margin-top:5px;
  border:1px solid rgb(200,200,200);
}

.homepage_caseStudy .popup .form2 textarea{
  width:100%;
  height:100px;
  border-radius:5px;
  padding:10px;
  font-size:16px;
  font-weight:300;
  margin-top:5px;
  border:1px solid rgb(200,200,200);
}

.homepage_caseStudy .popup .form2 select{
  width: 100%;
  height: 40px;
  font-size: 15px;
  margin-top: 5px;
  border:1px solid rgb(200,200,200);
  border-radius:5px;
  font-size:13px;
  padding-left: 5px;
}

.homepage_caseStudy .popup .form2 li{
  list-style:none;
}

.homepage_caseStudy .popup .form2 .hs-error-msg{
  font-size:12px;
  font-weight:700;
}

.homepage_caseStudy .popup .form2 .hs-button.primary{
  padding: 12px 14px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  background-color: #27ce7d;
  border-radius: 10px;
  margin-top: 30px;
  float: left;
  margin-left: calc(50% - 50px);
  border: 0 solid;
  width: 100px;
  transition: background-color .3s ease;
  margin-bottom: 30px;
  cursor:pointer;
}

.homepage_caseStudy .popup .form2 .hs-button.primary:hover {
  background-color: #23b970;
}

.homepage_caseStudy .popup .form2 h1{
  font-size:14px;
  font-weight: 700;
  text-align: center;
  width:100%;
  margin-bottom: 20px;
  margin-top:20px;
  color:#0064ca;
}

.homepage_caseStudy .popup .form_container.show{
  height: auto;
}

#agent, #distribution, #referrals{
  display: none;
}

.bg_blue_light{
    background-color:#F3F7FB;
    float: left;
    width:100%;
}

.christmas .video_christmas{
    width:100%;
    height: 600px;
    background-color:red;
    float: left;
}

.christmas .intro_christmas{
    width: 600px;
    padding: 30px;
    margin-left: calc(50% - 300px);
    background-color: white;
    float: left;
    border-radius: 10px;
    margin-top: 100px;
    margin-bottom: 100px;
    box-shadow:
      0 3.4px 2.7px rgba(0, 0, 0, 0.009),
      0 8.7px 6.9px rgba(0, 0, 0, 0.013),
      0 17.7px 14.2px rgba(0, 0, 0, 0.017),
      0 36.5px 29.2px rgba(0, 0, 0, 0.021),
      0 100px 80px rgba(0, 0, 0, 0.03)
    ;
    position: relative;
}

.christmas .intro_christmas p{
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}
.christmas .intro_christmas b{
    font-weight: 800;
}

.christmas .image_christmas{
    width: 100%;
    height:700px;
    background-image: url('imgs/image_christmas1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
    box-shadow:
      0 3.4px 2.7px rgba(0, 114,202, 0.016),
      0 8.7px 6.9px rgba(0, 114,202, 0.022),
      0 17.7px 14.2px rgba(0, 114,202, 0.028),
      0 36.5px 29.2px rgba(0, 114,202, 0.034),
      0 100px 80px rgba(0, 114,202, 0.05)
    ;

}

.christmas .text_container{
    width: 700px;
    padding: 30px 100px;
    margin-left: calc(50% - 350px);
    background-color: white;
    float: left;
    border-radius: 10px;
    margin-bottom: 100px;
    box-shadow:
      0 3.4px 2.7px rgba(0, 0, 0, 0.009),
      0 8.7px 6.9px rgba(0, 0, 0, 0.013),
      0 17.7px 14.2px rgba(0, 0, 0, 0.017),
      0 36.5px 29.2px rgba(0, 0, 0, 0.021),
      0 100px 80px rgba(0, 0, 0, 0.03)
    ;
    margin-top: 100px;
}

.christmas .image_christmas2{
    width: 100%;
    height:200px;
    /*background-image: url('imgs/image_christmas2.svg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
    background-color: #2972B9;

}

.christmas .text_container h1{
    color:#FF7A64;
    font-size:45px;
    text-align: center;
    margin-bottom: 30px;
}

.christmas .text_container p{
    font-size: 17px;
    text-align: center;
    line-height: 160%;
}

.christmas .text_container button{
    background-color:#0076BE;
    color:white;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 60px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.christmas .text_container button:hover{
    background-color:#005183;

}

.christmas .image_christmas .container{
    width: 800px;
    height: 450px;
    background: white;
    margin-left: calc(50% - 400px);
    margin-top: 150px;
    border: 2px solid #2972B9;
}

.christmas .image_christmas2 h1{
    color:white;
    font-size: 60px;
    font-weight: 900;
    text-align: center;
    margin-top: 60px;
}

.gorro{
    width: 80px;
    height: 80px;
    background-image: url(imgs/gorro.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-top: -70px;
    background-position: center;
    margin-left: calc(50% - 70px);
}


.image_christmas2 {
    height:280px !important;
}

.image_christmas2 h5{
    width:80%;
    margin-left:10%;
    color:white; margin-top:50px;
    text-align:center;
    font-size:20px;
}

.image_christmas2 a{
    background-color:#27ce7d;
    color:white;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 60px;
    cursor: pointer;
    transition: all 0.5s ease;
    width:400px;
    margin-left: calc(50% - 200px);
    float: left;
    margin-right: calc(50% - 200px);
    text-decoration:none;
}

.image_christmas2 a:hover{
    background-color:#23b970;

}

.christmas .image_christmas2 h1 {
    margin-top: 100px !important;
    float:left;
    width:100%;
    text-align:center;
}

.intro_fitur{
  width:900px;
    height: 600px;
  margin-left: calc(50% - 450px);
  margin-right: calc(50% - 450px);
  float:left;
  margin-top:80px;
  position: relative;
}

.intro_fitur .left{
  width:60%;
  float:left;
  margin-top: 60px;
  padding-right: 30px;
}

.intro_fitur .right{
  width:40%;
  float:right;
}

.intro_fitur .right .image_fitur{
  width:100%;
  height:400px;
  background-image:url(imgs/intro_fitur.png);
  background-size: contain;
  background-repeat:no-repeat;
}

.intro_fitur .left h1{
  font-size:60px;
  font-weight: 800;
  color:rgb(30,30,30);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(74%,rgba(255,255,255,0)),color-stop(15%,#ffca1b));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background: linear-gradient(180deg,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background-position-y: -2px;
  float: left;
}

.intro_fitur .left h1.WFD{
  font-size:60px;
  font-weight: 800;
  color:rgb(30,30,30);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(84%,rgba(255,255,255,0)),color-stop(15%,rgba(0, 129, 198,0.6)));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 84%,rgba(0, 129, 198,0.6) 15%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 84%,rgba(0, 129, 198,0.6) 15%);
  background: linear-gradient(180deg,rgba(255,255,255,0) 84%,rgba(0, 129, 198,0.6) 15%);
  background-position-y: -2px;
  float: left;
}

.intro_fitur .left p{
  font-size:16px;
  font-weight: 300;
  color:rgb(30,30,30);
  line-height: 150%;
  margin-top:25px;
  clear: both;
  float: left;
}

.intro_fitur .container{
    margin-top: 30px;
}

.intro_fitur .container li{
    list-style: none;
    width: 80px;
    float: left;
    margin-right: 20px;
    margin-top:10px;
}

.intro_fitur .container li span{
    font-size: 40px;
    font-weight: 700;
    width:100%;
    float:left;
    text-align: center;
    margin-top:5px;
}

.intro_fitur .container li p{
    font-size: 10px;
    font-weight: 700;
    width:100%;
    float:left;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    color:rgb(100,100,100);
}

.logo_fiturPage{
    width:200px;
    height: 70px;
    background-image: url(imgs/logo_color.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top:20px;
    margin-left: calc(50% - 100px);
    float: left;
}

.venue_fitur{
    width: calc(100% - (50% - 450px));
    margin-right: (50% - 450px);
    float:left;
    margin-top: 100px;

}

.venue_fitur .img{
    width:600px;
    height: 400px;
    float: left;
    background-size:cover;
    background-repeat: no-repeat;
    background-image:url(imgs/Fitur-min.jpg);
}

.venue_fitur .container{
    width:calc(100% - 600px);
    height: auto;
    float: left;
    padding-left: 40px;
}

.venue_fitur h2{
    font-size:35px;
    font-weight: 800;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(74%,rgba(255,255,255,0)),color-stop(15%,#ffca1b));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
    background: linear-gradient(180deg,rgba(255,255,255,0) 74%,#ffca1b 15%);
    background-position-y: -2px;
    text-transform: uppercase;
    float: left;
    margin-top: 20px;
}

.venue_fitur p{
    font-size:16px;
    font-weight: 300;
    color:rgb(30,30,30);
    line-height: 150%;
    margin-top:25px;
    clear:both;
    float: left;
}

.venue_fitur .location{
    width:50%;
    float: left;
    margin-top:30px;
}

.venue_fitur .location p{
    width: calc(100% - 30px);
    float: left;
    font-size: 15px;
    font-weight: 800;
    color: rgb(30,30,30);
    margin-top: 0px;
    line-height: 25px;
    clear: none;
}

.venue_fitur .location h5{
    width: calc(100%);
    float: left;
    font-size: 12px;
    font-weight: 800;
    color: rgb(100,100,100);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.venue_fitur .location_icon{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='map-marker-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-map-marker-alt fa-w-12'%3E%3Cpath fill='rgb(120,120,120)' d='M192 96c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm0-256C85.961 0 0 85.961 0 192c0 77.413 26.97 99.031 172.268 309.67 9.534 13.772 29.929 13.774 39.465 0C357.03 291.031 384 269.413 384 192 384 85.961 298.039 0 192 0zm0 473.931C52.705 272.488 32 256.494 32 192c0-42.738 16.643-82.917 46.863-113.137S149.262 32 192 32s82.917 16.643 113.137 46.863S352 149.262 352 192c0 64.49-20.692 80.47-160 281.931z' class=''%3E%3C/path%3E%3C/svg%3E");
    height:25px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    float:left;
}

.venue_fitur .calendar_icon{
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='calendar-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-calendar-alt fa-w-14'%3E%3Cpath fill='rgb(120,120,120)' d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
    height:25px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    float:left;
}

.intro_fitur .progress{
    float: left;
    position: absolute;
}


.intro_fitur #circle2{
    margin-left: 100px;
}
.intro_fitur #circle3{
    margin-left: 200px;
}
.intro_fitur #circle4{
    margin-left: 300px;
}

.fitur_bg{
    width:100%;
    height: 900px;
    background-image: url(imgs/intro_fitur.svg);
    position: absolute;
    background-size: 80%;
    background-position: right top;
    background-repeat: no-repeat;
}

.meetings-iframe-container{
    width:400px;
    float: right;
    right: -40px;
    position: absolute;
    overflow: hidden;
}

.faqs_fitur{
  width: 100%;
  height: auto;
  padding-left: calc(50% - 450px);
  padding-right: calc(50% - 450px);
  float: left;
  margin-top: 80px;
  position: relative;
  background-color: rgb(250,250,250);
  padding-top: 100px;
  padding-bottom: 100px;
}
.faqs_fitur .faq{
  margin-bottom: 40px;
  clear: both;
  width: 100%;
}

.faqs_fitur .faq h5{
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 15px;
}

.faqs_fitur .faq p{
  font-size: 16px;
  line-height: 150%;
}

.flow_referral{
  padding: 30px;
  padding-top: 30px;
  height: 435px;
  overflow: auto;
}

.flow_referral .line .nr{
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: white;
  font-weight: 700;
  background-color: #2080df;
}

.flow_referral .line{
  padding-bottom: 20px;
}
.flow_referral .line h5{
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
  float: left;
}
.flow_referral .line p{
  font-size: 14px;
  clear: both;
  padding-left: 40px;
  padding-top: 10px;
  line-height: 150%;
}

.intro_templateLanding{
  width: 1000px;
  height: 600px;
  margin-left: calc(50% - 500px);
  margin-right: calc(50% - 500px);
  float:left;
  margin-top:80px;
  position: relative;
}

.intro_templateLanding .left{
  width:60%;
  float:left;
  margin-top: 60px;
  padding-right: 30px;
}

.intro_templateLanding .right{
  width:40%;
  float:right;
}

.intro_templateLanding .right .image_fitur{
  width:100%;
  height:400px;
  background-image:url(imgs/intro_fitur.png);
  background-size: contain;
  background-repeat:no-repeat;
}

.intro_templateLanding .left h1{
  font-size:65px;
  font-weight: 800;
  color:rgb(30,30,30);
  float: left;
}

.intro_templateLanding .left p{
    font-size: 20px;
    font-weight: 400;
  color:rgb(30,30,30);
  line-height: 150%;
  margin-top:25px;
  clear: both;
  float: left;
}

.intro_templateLanding .container{
    margin-top: 30px;
}

.intro_templateLanding .container li{
    list-style: none;
    width: 80px;
    float: left;
    margin-right: 20px;
    margin-top:10px;
}

.intro_templateLanding .container li span{
    font-size: 25px;
    font-weight: 700;
    width:100%;
    float:left;
    text-align: center;
    margin-top:5px;
}

.intro_templateLanding .container li p{
    font-size: 10px;
    font-weight: 700;
    width:100%;
    float:left;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    color:rgb(100,100,100);
}

.intro_templateLanding .form{
  -webkit-box-shadow: 2px 10px 24px -12px rgba(0,0,0,0.43);
  -moz-box-shadow: 2px 10px 24px -12px rgba(0,0,0,0.43);
  box-shadow: 2px 10px 24px -12px rgba(0,0,0,0.43);
  width: 40%;
  float: left;
  background-color: white;
  padding: 30px;
  border-radius: 10px;
}

.intro_templateLanding .form label{
  font-size: 14px;
  font-weight: 700;
}

.intro_templateLanding .form .input input{
  width: 100%;
  height: 40px;
  border: 1px solid rgb(200,200,200);
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.intro_templateLanding .form .hs-fieldtype-intl-phone.hs-input select{
  width: 100px !important;
  float: left;
  border: 1px solid rgb(200,200,200);
  height: 40px;
  background-color: white;
  margin-top: 5px;
}

.intro_templateLanding .form select{
  float: left;
  border: 1px solid rgb(200,200,200);
  height: 40px;
  background-color: white;
  margin-top: 5px;
}

.intro_templateLanding .form label.hs-error-msg{
  color:#e84118;
  font-size: 12px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}
.intro_templateLanding .form .hs-error-msg li{
  list-style: none;
}

.intro_templateLanding .form textarea{
  width: 100%;
  height: 80px;
  border: 1px solid rgb(200,200,200);
  border-radius: 5px;
  margin-top: 10px;
}

.intro_templateLanding .form .hs-form-booleancheckbox-display input{
  width: 30px;
}

.intro_templateLanding .form .hs-form-booleancheckbox-display span{
    line-height: 150%;
    margin-top: 10px;
}

.infraspeak-subscribe-container{
  z-index: 2;
}

.infraspeak-customer-stories-container .col-1_2:nth-child(even){
    width: calc((100% / 2) - 10px);
    float: left;
    display: block;
    margin-left: 10px;
    margin-right: 0px !important;
}

.infraspeak-customer-stories-container .col-1_2:nth-child(odd){
    width: calc((100% / 2) - 10px);
    float: left;
    display: block;
    margin-right: 10px;
    margin-left: 0px !important;
}

.infraspeak-customer-stories-container .customer_story .blogBtn{
  color:#0072ce;
  font-size: 13px;
  font-weight: 800;
  line-height: 32px;
  text-align: left;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-alt-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-long-arrow-alt-right fa-w-14'%3E%3Cpath fill='%230072ce' d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: right 1px top 8px;
  padding-right: 20px;
  transition: all 0.2s linear;
}

.infraspeak-customer-stories-container .customer_story .blogBtn:hover {
    padding-right: 27px;
}

.infraspeak-customer-stories-container .customer_story .title{
    line-height: 150% !important;
}

.infraspeak-customer-stories-container .customer_story .title {
    font-size: 16px;
    font-weight: 600;
}

.button-demo-home2{
  background-color:#27ce7d;
  padding:10px;
  border-radius: 5px;
  color:white;
  font-weight: 700;
  font-size: 17px;
  padding-left: 20px;
  padding-right: 45px;
  margin-top: 20px;
  float: left;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-long-arrow-right fa-w-14'%3E%3Cpath fill='%23ffffff' d='M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: right 10px top 10.5px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.1s ease;
  margin-right: 20px;
}

.button-demo-home2:hover{
  padding-right: 50px;
}

.title_events{
  font-size: 35px;
  font-weight: 800;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(74%,rgba(255,255,255,0)),color-stop(15%,#ffca1b));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background: -o-linear-gradient(top,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background: linear-gradient(180deg,rgba(255,255,255,0) 74%,#ffca1b 15%);
  background-position-y: -2px;
  text-transform: uppercase;
  float: left;
  margin-top: 20px;
}

.subtitle_events{
  font-size: 17px;
  line-height: 150%;
  margin-top: 20px;
  margin-bottom: 50px;
  width: 100%;
  float: left;
  font-weight: 600;
}

.wp-block-image img {
  max-width: 100%;
  height: auto !important;
}

.news_infraspeak .blog-post .blogName{
  color: #0072ce;
  font-size: 11px;
  text-transform: uppercase;
}

.news_infraspeak .blog-post .blogDescription{
  color: black;
  font-size: 20px;
  padding-top: 0px;
}

.banner_stay{
  position: relative;
  float: left;
}


.stay_infraspeak_img{
    height: 500px;
    background-image: url(imgs/desk_stay.png);
    background-size: contain;
    float: left;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.relative{
  position: relative;
}

.top_banner{
  width: 100%;
  height: 30px;
  background-color: #f36146;
  padding-left: 150px;
  padding-right: 150px;
}

.top_banner.true{
  display: none;
}
.top_banner p{
  color: white;
  font-size: 12px;
  font-weight: 600;
  line-height: 28px;
  float: left;
}

.top_banner a{
  color: white;
  font-size: 12px;
  float: left;
  line-height: 28px;
  font-weight: 700;
  margin-left: 20px;
}


.top_banner a:hover{

}

.banner_resources .container-inner:first-of-type{
  background-image: url("https://staging-infraspeaksite.kinsta.cloud/wp-content/uploads/2020/04/resources4-1.png");
  background-size: 1000px;
  background-position: right bottom -5px;
  background-repeat: no-repeat;
}

.banner_resources .container-inner .container-inner {
  background-image: none;
}

.tags_img.blog_img_banner{
  background-image: url("http://staging-infraspeaksite.kinsta.cloud/wp-content/uploads/2020/04/Blog_mock-1.png");
}

.no_content_3 .blog-post:nth-child(3){
  display: none;
}

.no_content_2 .blog-post:nth-child(2){
  display: none;
}

/* --------------------- RESPONSIVE --------------------- */

@media (min-width: 1100px) and (max-width: 1380px) {


    /* HOMEPAGE */

    .homepage_template .squircle {
        width: 55%;
        height: 700px;
        margin-top: -42%;
    }
    .homepage_template .img_home {
        right: 37px;
        margin-top: 0px;
        width: 530px;
        height: 530px;
    }

    header, .top_banner {
        padding-left: 100px;
        padding-right: 100px;
    }

    .homepage_template .page_container,.infraspeak-subscribe-container,.homepage_caseStudy .intro, .homepage_caseStudy .section2 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .infraspeak-container.col-12 .p-r-150{
        padding-right: 100px;
    }
    .infraspeak-container.col-12 .p-l-150{
        padding-left: 100px ;
    }

    .infraspeak-container.col-12 .p-r-300{
        padding-right: 100px ;
    }

    .container_homepage_features {
        margin-left: 100px;
        margin-right: 100px;
        width: calc(100% - 200px);
    }

    .bg_homepage_component2 .container1,.bg_homepage_component2 .container2,.bg_homepage_component2 .container3,.bg_homepage_component2 .container4{
        width:350px;
    }

    .bg_homepage_component2 .font-40{
        font-size:30px;
    }

    .bg_homepage_component2 .font-w-600{
        font-weight:700;
    }

    .bg_homepage_component2 .container2{
        right:0%;
    }

    .bg_homepage_component2 .container4{
        right:15%;
    }

}

@media (min-width: 900px) and (max-width: 1100px) {

    /* HOMEPAGE */

    .homepage_template .squircle {
        width: 60%;
        height: 700px;
        margin-top: -46%;
    }
    /*.homepage_template .img_home {
        width: 250px;
        right: 50px;
        margin-top: 20px;
    }
    */
    header, .top_banner{
        padding-left: 50px;
        padding-right: 50px;
    }

    .homepage_template .page_container,.infraspeak-subscribe-container,.homepage_caseStudy .intro, .homepage_caseStudy .section2 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .container_homepage_features {
        margin-left: 50px;
        margin-right: 50px;
        width: calc(100% - 100px);
    }

    .intro_home_container{
        height: 950px;
    }

    .homepage_template .img_home {
        width: 500px;
        height: 500px;
        margin-top: 20px;
        right: 0px;
    }

    .intro_homepage h1 {
        font-size: 40px;
        font-weight: 700;
    }

    .infraspeak-container.col-12 .p-r-150{
        padding-right: 50px;
    }
    .infraspeak-container.col-12 .p-l-150{
        padding-left: 50px;
    }
    .infraspeak-container.col-12 .p-r-300{
        padding-right: 50px ;
    }
    .infraspeak-container.col-12 .p-t-130{
        padding-top: 100px;
    }

    .cd-headline {
        font-size: 40px;
    }

    .col-7{ /* new col-9 */
        width: 75%;
    }

    .infraspeak-features-home-container .cellphone .left, .infraspeak-features-home-container .cellphone .right{
        width: calc(50% - 150px);
    }

    .infraspeak-features-home-container .cellphone .middle {
        width: 300px;
        margin-top: 0px;
    }

    .infraspeak-features-home-container .pc .right .features .box, .infraspeak-features-home-container .cellphone .features .box{
        padding: 10px;
        margin-bottom: 30px;
    }

    .infraspeak-features-home-container .pc .right .features .box h5.title, .infraspeak-features-home-container .cellphone .features .box h5.title{
        font-size: 15px;
    }

    .infraspeak-features-home-container .pc .right .features .box p.description, .infraspeak-features-home-container .cellphone .features .box p.description {
        font-size: 14px;
        line-height: 160%;
    }

    .infraspeak-text .text-title {
        font-size: 35px;
        letter-spacing: -1.2px;
    }

    .infraspeak-features-company-container .name {
        font-size: 17px;
        font-weight: 800;
        margin-top: 0px;
    }

    .infraspeak-features-company-container .description {
        font-size: 14px;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerImage {
        width: 180px;
        height: 180px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerJob {
        font-size: 13px;
        font-weight: 600;
    }
    .wp-block-infraspeak-customer .infraspeak-customer .customerDescription {
        font-size: 13px;
    }

    .infraspeak-content-blog-container .blog-post .blogName {
        font-size: 15px;
        line-height: 160%;
        width: 100%;
    }

    .infraspeak-subscribe-container h2 {
        font-size: 34px;
    }
    .cd-intro {
        width: 400px;
    }
    .infraspeak-clients-small-container .imgs {
        padding-left: 50px;
        padding-right: 50px;
    }

    .bg_homepage_component2{
        height: 1450px;
    }

    .bg_homepage_component2 .container1,.bg_homepage_component2 .container2,.bg_homepage_component2 .container3,.bg_homepage_component2 .container4{
        width:350px;
    }

    .bg_homepage_component2 .font-40{
        font-size:30px;
    }

    .bg_homepage_component2 .font-w-600{
        font-weight:700;
    }

    .bg_homepage_component2 .container2{
        right:0%;
    }

    .bg_homepage_component2 .container4{
        right:15%;
    }

    .tags_img {
        width: 50% !important;
    }

    .banner_resources .container-inner:first-of-type{
      background-size: 900px;
    }
}


@media (min-width: 700px) and (max-width: 950px) {
    .homepage_caseStudy .section3 .plans{
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      margin-left: 0px;
    }
    .homepage_caseStudy .section3 .plans .plan{
      width: 400px;
      margin-left: calc(50% - 200px);
    }

    .homepage_caseStudy .intro{
      background-position: right -80px bottom -90px;
      background-size: 600px;
    }

    .homepage_caseStudy .intro_text {
        margin-top: 10px;
    }

    .homepage_caseStudy .intro_text h2 {
      width: 100%;
      font-size: 16px;
    }
    .homepage_caseStudy .section3 {
      clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }
    .homepage_caseStudy .section2 {
      padding-bottom: 60px;
    }
    .homepage_caseStudy .intro_text h1 {
      font-size: 45px;
    }

    .homepage_caseStudy .intro_text h5 {
      font-size: 13px;
      margin-bottom: 20px;
    }

    .homepage_caseStudy .section2 h2 {
      font-size: 25px;
    }

}

@media (min-width: 700px) and (max-width: 900px) {

    /* HOMEPAGE */

    .homepage_template .squircle {
        width: 70%;
        height: 700px;
        margin-top: -55%;
    }
    /*.homepage_template .img_home {
        width: 220px;
        right: 30px;
        margin-top: 20px;
    }*/

    container .image {
        width: 300px;
        height: 300px;
        right: 50px;
    }

    .homepage_template .img_home{
        width: 340px;
        height: 470px;
        right: 20px;
    }

    .intro_homepage h1 {
        font-size: 30px;
        font-weight: 800;
    }
    header, .top_banner {
        padding-left: 50px;
        padding-right: 50px;
    }

    header .main-menu ul li {
        margin-left: 30px;
    }

    header .main-menu ul li a {
        font-size: 13px;
        font-weight: 800;
    }

    .homepage_template .page_container,.infraspeak-subscribe-container,.homepage_caseStudy .intro, .homepage_caseStudy .section2 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .infraspeak-container.col-12 .p-r-150{
        padding-right: 50px;
    }
    .infraspeak-container.col-12 .p-l-150{
        padding-left: 50px;
    }

    .infraspeak-container.col-12 .p-r-300{
        padding-right: 50px ;
    }
    .infraspeak-container.col-12 .p-t-130{
        padding-top: 100px;
    }

    .cd-headline {
        font-size: 35px;
    }

    .col-7{ /* new col-9 */
        width: 90%;
    }

    .infraspeak-features-home-container .cellphone .left, .infraspeak-features-home-container .cellphone .right{
        width: calc(50% - 80px);
    }

    .infraspeak-features-home-container .cellphone .middle {
        width: 160px;
        margin-top: 0px;
    }

    /*.infraspeak-features-home-container .pc .right .features .box, .infraspeak-features-home-container .cellphone .left .features .box, .infraspeak-features-home-container .cellphone .right .features .box{
        padding: 5px;
        margin-bottom: 20px;
    }

    .infraspeak-features-home-container .pc .right .features .box h5.title, .infraspeak-features-home-container .cellphone .left .features .box h5.title,  .infraspeak-features-home-container .cellphone .right .features .box h5.title{
        font-size: 13px;
    }

    .infraspeak-features-home-container .pc .right .features .box p.description, .infraspeak-features-home-container .cellphone .left .features .box p.description, .infraspeak-features-home-container .cellphone .right .features .box p.description {
        font-size: 13px;
        line-height: 160%;
    }*/

    .p-r-150 {
        padding-right: 50px;
    }
    .p-l-150 {
        padding-left: 50px;
    }

    .col-9{
        width: 100%;
    }

    .infraspeak-text .text-title {
        font-size: 28px;
        letter-spacing: -1.2px;
    }

    .infraspeak-features-company-container .name {
        font-size: 17px;
        font-weight: 800;
        margin-top: 0px;
    }

    .infraspeak-features-company-container .description {
        font-size: 13px;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerImage {
        width: 180px;
        height: 180px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerJob {
        font-size: 13px;
        font-weight: 600;
    }
    .wp-block-infraspeak-customer .infraspeak-customer .customerDescription {
        font-size: 13px;
    }

    .infraspeak-content-blog-container .blog-post .blogName {
        font-size: 15px;
        line-height: 160%;
        width: 100%;
    }

    .infraspeak-subscribe-container h2 {
        font-size: 34px;
    }
    .cd-intro {
        width: 330px;
    }

    .infraspeak-features-home-container .cellphone .middle .mask {
        background-size: 188px;
        height: 400px;
    }

    .infraspeak-features-home-container .cellphone .imgs .imageContainer {
        width: 160px;
        margin-left: 0px;
        height: 325px;
        margin-top: 35px;
    }

    .infraspeak-features-home-container .pc .left {
        width: 100%;
        height: 400px;
    }

    .infraspeak-features-home-container .pc .left .mask {
        background-size: 400px;
        height: 400px;
    }
    .infraspeak-features-home-container .pc .left .imgs {
      width: 100%;
      height: 400px;
      left: 0;
      top: 0;
    }
    .infraspeak-features-home-container .pc .right {
        width: calc(100%);
    }

    .infraspeak-features-company-container .col-1_3 {
        width: calc((100%/3) - 20px);
        margin-right: 30px;
    }

    .infraspeak-features-company-container .image {
        width: 80px;
        height: 80px;
    }

    .infraspeak-customers-container .col-1_3 {
        width: calc((100%/3) - 20px);
        margin-right: 30px;
    }

    .infraspeak-content-blog-container .col-1_3 {
        width: calc((100%/3) - 20px);
        margin-right: 30px;
    }

    .infraspeak-content-blog-container .blog-post .blogImage {
        height: 120px;
    }
    .infraspeak-clients-small-container .imgs {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bg_homepage_component2{
        height: 1000px;
    }

    .bg_homepage_component2 .container1,.bg_homepage_component2 .container2,.bg_homepage_component2 .container3,.bg_homepage_component2 .container4{
        width:300px;
    }

    .bg_homepage_component2 .font-40{
        font-size:27px;
    }

    .bg_homepage_component2 .font-16{
        font-size:14px;
    }

    .bg_homepage_component2 .font-w-600{
        font-weight:700;
    }

    .bg_homepage_component2 .container2{
        right:0%;
    }

    .bg_homepage_component2 .container4{
        right:15%;
    }

     header .menu_responsive{
        display: block;
    }

    header .menus{
        display: none;
    }
    header .logo {
        margin-top: 12px;
    }
    header {
        z-index: 12;
    }

    .infraspeak-subscribe-container .image {
        width: 280px;
        height: 320px;
        right: 50px;
    }

    footer .apps, footer .footer_menu{
        padding-left: 50px;
        padding-right: 50px;
    }

    .container_tags h5{
        text-align: center;
    }
    .container_tags h2{
        text-align: center;
    }
    .container_tags p{
        text-align: center;
    }

    .container_tags .col-5{
        width: 100% !important;
    }

    .container_tags .p-t-90{
        padding-top:30px;
    }

    .tags_img{
        margin-left: 5%;
    }

    .container_homepage_features{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: calc(100%) !important;
    }

    .intro_homepage{
        margin-top: 50px;
    }

    .intro_home_container {
        height: 900px;
    }

    .width-350{
        width:300px;
    }

    .demo_intro_container .container-inner{
      background-image:url('https://cdn2.hubspot.net/hubfs/2767973/assinaturas%20mini.png');
      background-size: 90%;
      background-position: center bottom 280px;
    }

    .speech_bubble{
        display: none;
    }

    .image_customer {
      right: 50px;
    }

    .image_customer img{
      width: 250px;
      height: 250px;
    }

    .case_title{
      width: calc(100% - 250px);
    }

    .case_title h1{
      font-size:30px;
    }

    .homepage_caseStudy .p-t-200{
      padding-top:120px;
    }

    .homepage_caseStudy .col-7 {
      width: 100%;
  }

    .infraspeak-caseStudy-info-container.sticky{
      position: relative;
      top: 0;
    }

    .infraspeak-caseStudy-info-container{
      max-width:500px;
      margin-left: calc(50% - 250px) !important;
      margin-top: -50px;
    }


    .intro_fitur{
      width: calc(100% - 200px) !important;
      height: auto !important;
      margin-left: 100px !important;
      margin-right: 100px !important;
      margin-top:0px;
    }

    .intro_fitur .left{
      width:100% !important;
      padding-right: 0px !important;
      margin-top:0px !important;
    }

    .intro_fitur .meetings-iframe-container{
      width: 100%;
      float: left;
      position: relative;
      right: 0px;
    }

    .intro_fitur .left h1.WFD{
        width: 450px !important;
    }

    .venue_fitur .container {
      width: calc(100% - 150px) !important;
      height: auto !important;
      float: right !important;
      margin-right: 50px !important;
      padding-left: 40px !important;
      margin-top: 30px;
    }

    .venue_fitur .img {
      width: calc(100% - 200px) !important;
    }

    .faqs_fitur {
      padding-left: 100px !important;
      padding-right: 100px !important;
    }

    .faqs_fitur .faq h5 {
      font-size: 25px !important;
    }

    .wp-block-image img{
      height: auto;
    }

    .banner_stay .col-7{
      width:75% !important;
      float: left;
    }

    .stay_infraspeak_img {
      height: 360px;
      left: auto;
      bottom: -30px;
    }
    .tags_img {
      height: 300px;
      background-size: cover;
      width: 500px !important;
      margin-left: calc(50% - 250px) !important;
    }

    .container_tags a{
      width: 110px;
      margin-left: calc(50% - 55px);
    }

    .container_tags .p-t-70{
      padding-top:10px !important;
    }

    .banner_stay{
      overflow: hidden;
    }

    .banner_stay .p-t-100 {
    padding-top: 40px !important;

    }
    .banner_stay .p-b-100 {
    padding-bottom: 150px !important;

    }
    .banner_resources .container-inner:first-of-type {
    background-size: 700px;
    padding-bottom: 80px;
    }

    .banner_resources .container-inner .container-inner{
      padding-bottom: 0px;
    }
}


@media (min-width: 300px) and (max-width: 700px) {

    /* HEADER */

    html{
        overflow-x: hidden;
        width: 100vw;
        float: left;
    }

    header .menu_responsive{
        display: block;
    }

    header .menus{
        display: none;
    }

    header .logo {
        margin-top: 4px;
    }

    .homepage_template .img_home {
        width: 300px;
        right: calc(50% - 150px);
        margin-top: 350px;
        height: 300px;
        background-position: right;
    }

    .intro_homepage {
        margin-top: 20px;
    }

    .intro_homepage h1{
        font-size: 33px;
        font-weight: 700;
        margin-bottom: 10px;
        line-height: 150%;
    }

    .intro_home_container{
      height: 1160px;
    }

    .container_homepage_features {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: -80px;
    }

    .p-t-150{
      padding-top: 100px;
    }

    .homepage_template .font-15{
      font-size: 13px;
    }

    .homepage_template .font-40{
      font-size: 30px;
    }



    /* FOOTER */


    footer .apps {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .apps .app .logo {
        width: 40px;
        height: 40px;
        background-size: 40px;
    }
    footer .apps .app .info {
        width: 100%;
        padding-left: 0px;
        float: left;
        font-size: 12px;
    }

    footer .apps .app .info .name {
        font-size: 12px;
    }
    footer .apps .app .info .link {
        font-size: 12px;
    }
    footer #footer-menu li {
        width: calc(100% / 2);
    }

    footer #footer-menu li a {
        font-size: 14px;
    }
    footer #footer-menu li .sub-menu li a {
        font-size: 13px;
    }
    footer #footer-menu li .sub-menu {
        margin-bottom: 20px;
    }
    footer .footer_menu {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .logos {
        width: 100%;
        margin-left: 0px;
    }
    /* HOMEPAGE */

    .homepage_template .squircle {
        width: 90px;
        height: 120px;
        margin-top: 0;
        right: 0px;
        top: -20px;
        background-size: 120px;
        transform: rotate(0deg);
        background-image: url(http://jessicamendes.me/infraspeak/website/wp-content/themes/infraspeak/imgs/squircle2.png);
        z-index: 11;
    }
    /*.homepage_template .img_home {
        width: 220px;
        right: 30px;
        margin-top: 20px;
        display: none;
    }
    */

    header, .top_banner{
        padding-left: 20px;
        padding-right: 20px;
    }

    header .main-menu ul li {
        margin-left: 30px;
    }

    header .main-menu ul li a {
        font-size: 13px;
        font-weight: 800;
    }

    .homepage_template .page_container,.infraspeak-subscribe-container,.homepage_caseStudy .intro, .homepage_caseStudy .section2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .infraspeak-subscribe-container {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .infraspeak-container.col-12 .p-r-150{
        padding-right: 20px;
    }
    .infraspeak-container.col-12 .p-l-150{
        padding-left: 20px;
    }
    .infraspeak-container.col-12 .p-r-300{
        padding-right: 20px ;
    }
    .infraspeak-container.col-12 .p-t-130{
        padding-top: 80px;
    }

    .cd-headline {
        font-size: 33px;
    }

    .col-7{ /* new col-9 */
        width: 100%;
    }

    .col-4{
        width: 100%;
    }

    .infraspeak-features-home-container .cellphone .left, .infraspeak-features-home-container .cellphone .right{
        width: calc(50% - 80px);
    }

    .infraspeak-features-home-container .cellphone .middle {
        width: 160px;
        margin-top: 0px;
    }

    .infraspeak-features-home-container .pc .right .features .box, .infraspeak-features-home-container .cellphone .left .features .box, .infraspeak-features-home-container .cellphone .right .features .box{
        padding: 5px;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .infraspeak-features-home-container .pc .right .features .box h5.title, .infraspeak-features-home-container .cellphone .left .features .box h5.title,  .infraspeak-features-home-container .cellphone .right .features .box h5.title{
        font-size: 13px;
    }

    .infraspeak-features-home-container .pc .right .features .box p.description, .infraspeak-features-home-container .cellphone .left .features .box p.description, .infraspeak-features-home-container .cellphone .right .features .box p.description {
        font-size: 13px;
        line-height: 160%;
    }

    .infraspeak-text .text-title {
        font-size: 25px;
        letter-spacing: -1.2px;
        line-height: 170%;
    }

    .infraspeak-features-company-container .name {
        font-size: 17px;
        margin-top: 0px;
        width: 100%;
        text-align: center;
    }

    .infraspeak-features-company-container .description {
        font-size: 13px;
        width: 100%;
        text-align: center;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerImage {
        width: 180px;
        height: 180px;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerJob {
        font-size: 13px;
        font-weight: 600;
        text-align: center;

    }
    .wp-block-infraspeak-customer .infraspeak-customer .customerDescription {
        font-size: 13px;
        text-align: center;
    }

    .infraspeak-content-blog-container .blog-post .blogName {
        font-size: 15px;
        line-height: 160%;
        width: 100%;
    }

    .infraspeak-subscribe-container h2 {
        font-size: 25px;
        text-align: center
    }

    .infraspeak-subscribe-container p {
        font-size: 14px;
        text-align: center;
    }
    .cd-intro {
        width: 100%;
        margin-top: 40px;
        max-width: 300px
    }

    .infraspeak-features-home-container .cellphone .middle .mask {
        background-size: 188px;
        height: 400px;
    }

    .infraspeak-features-home-container .cellphone .imgs .imageContainer {
        width: 160px;
        margin-left: 0px;
        height: 325px;
        margin-top: 35px;
    }


    .infraspeak-features-company-container .col-1_3 {
        width: 100%;
        margin-right: 0px;
    }

    .infraspeak-features-company-container .image {
        width: 180px;
        height: 180px;
        background-position: center;
        margin-left: calc(50% - 90px);
    }

    .infraspeak-customers-container .col-1_3 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .infraspeak-content-blog-container .col-1_3 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .wp-block-infraspeak-customer .infraspeak-customer .customerImage {
        width: 130px;
        height: 130px;
        margin-left: calc(50% - 65px);
    }

    .infraspeak-content-blog-container .blog-post .blogImage {
        height: 120px;
    }
    .infraspeak-clients-small-container .imgs {
        padding-left: 0px;
        padding-right: 0px;
    }

    .form_demo_home {
       margin-top: 50px;
    }
    .form_demo_home input {
        width: calc(100% - 130px);
    }

    .form_demo_home input[type=submit] {
        padding: 12px 10px;
        font-size: 13px;
    }

    .p-t-100 {
        padding-top: 50px;
    }

    .wp-block-infraspeak-container.infraspeak-container.col-9{
        width:90%;
    }

    .infraspeak-banner-cta-container {
        padding: 20px;
    }

    .infraspeak-banner-cta-container .info {
        width: calc(100%);
    }

    .infraspeak-banner-cta-container .info h2,.infraspeak-banner-cta-container .info p{
        text-align: center;
    }

    .infraspeak-banner-cta-container .info p{
        margin-bottom: 20px;
    }
    .infraspeak-banner-cta-container .btn_container {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .infraspeak-banner-cta-container .btn_container a.btn {
        padding: 10px 20px;
        float: left;
        margin-left: 0px;
        margin-top: 10px;
    }
    .infraspeak-features-home-container .btns {
        display: block;
    }
    .infraspeak-features-home-container .btns a {
        font-size: 12px;
        padding: 8px 10px;
    }
    .height-60 {
        height: 20px;
    }
    .infraspeak-features-home-container .pc .left {
        width: 100%;
        height: 300px;
    }
    .infraspeak-features-home-container .pc .left .mask {
        background-size: 300px;
        height: 250px;
        width: 300px;
        margin-left: calc(50% - 150px);
    }

    .infraspeak-features-home-container .pc .left .imgs {
      width: 100%;
      height: 250px;
      left: 0;
      top: 0;
    }

    .infraspeak-features-home-container .pc .right {
        width: 100%;
        float: left;
    }
    .infraspeak-features-home-container .pc .right .features {
        padding-left: 0px;
    }

    .infraspeak-clients-small-container .imgs {
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        text-align: center;
    }

    .infraspeak-clients-small-container .imgs .logo {
        width: calc(100%/3);
        height: 60px;
        float: none;
        background-size: 100%;
        display: inline-block;
        text-align: center;
    }

    .infraspeak-text .text-description {
        font-size: 14px;
    }

    .p-b-70 {
        padding-bottom: 40px;
    }
    .infraspeak-subscribe-container .form_container .hs-input {
        width: 100%;
        margin-top:30px;
        text-align: center;
    }
    .infraspeak-subscribe-container .form_container input.hs-button.primary.large {
        padding: 13px 12px;
        font-size: 13px;
        float: left;
        width: 150px;
        margin-left: calc(50% - 75px);
    }

    .customerName {
        text-align: center;
    }

    header{
        z-index: 12;
    }

    .homepage_company .col-7{
        width:90%;
    }

    .font-50 {
        font-size: 32px;
        line-height: 130% !important;
    }

    .font-20 {
        font-size: 16px;
    }
    .bg_solution2, .bg_solution {
        background-position: left -90px top 0px;
        background-size: 160%;
    }
    .font-30 {
        font-size: 20px;
        line-height: 150%;
    }

    .responsive{
        display: block;
    }

    .no_responsive{
        display: none;
    }

    .feature1 .left,.feature3 .left{
        float: right;
    }

    .feature1 .right, .feature3 .right{
        float: left;
    }

    .feature1 .col-6, .feature2 .col-6,.feature3 .col-6{
        width:100%;
    }

    .features_container .width-300{
        width:220px;
        margin-left: calc(50% - 110px);
    }

    .features_container .height-300{
        height:230px;
    }

    .features_container .p-r-40{
        padding-right: 0px;
    }
    .features_container .p-t-30{
        padding-top:10px;
    }

    .features_container .font-25{
        font-size: 20px;
    }

    .features_container .font-17{
        font-size: 15px;
        padding-bottom: 20px;
    }

    .wp-block-infraspeak-testimonial, .infraspeak-testimonial {
        margin-top:20px;
        padding: 20px 20px;
    }

    .wp-block-infraspeak-testimonial .testimonial, .infraspeak-testimonial .testimonial {
        font-size: 17px;
        line-height: 170%;
    }

    .infraspeak-feature-container .col-1_4 {
        width: calc(100%);
        margin-right: 0px;
        margin-bottom:30px;
    }

    .subtitle_solution{
        width:60%;
        margin-left: 20%;
    }

    .subtitle_solution .font-14{
        font-size: 13px;
    }

    .col-6{
        width: 100%;
    }

    .features_container{
        text-align: center;
    }

    .infraspeak-feature-container .icon_container{
        margin-left: calc(50% - 50px);
    }

    .infraspeak-feature-container .featureTitle, .infraspeak-feature-container .featureDescription, .infraspeak-feature-container .linkFeature{
        text-align: center;
        width: 100%;
        float: left;
    }

    .text_center_responsive{
        text-align: center;
        float: left;
        width: 100%;
    }

    .homepage_company .p-t-80{
        padding-top:40px;
    }

    .text-center-responsive{
        width: 100%;
        float: left;
        text-align: center;
    }

    .homepage_company .p-b-50{
        padding-bottom:30px;
    }

    .value_prop{
        width:85%;
    }

    .value_prop .infraspeak-features-company-container .image{
        width: 100px;
        height: 100px;
        margin-left: calc(50% - 50px);
    }

    .value_prop .infraspeak-features-company-container .infraspeak-customer{
        margin-bottom: 20px;
    }

    .value_prop .p-l-50{
        padding-left: 30px;
    }
    .value_prop .p-r-50{
        padding-right: 30px;
    }

    .height-70 {
        height: 50px;
    }

    .top-menu2{
        float: left;
        width: 100%;
        border-top: 1px solid #0072ce;
        display: block;
        padding-top: 30px;
    }

    .top-menu2 li{
        list-style: none;
    }
    .top-menu2 li a{
        text-decoration: none;
        font-size: 20px;
        font-weight: 300;
        color: black;
        padding-bottom: 15px;
        float: left;
        width: 100%;
    }

    /* --------- COMPANY -------- */

    .font-70 {
        font-size: 40px;
    }

    .infraspeak-counter-container .col-1_3 {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .infraspeak-team-members-container .col-1_4 {
        width: calc(50% - 20px);
        margin-right: 20px;
        margin-bottom: 00px;
        min-height: 250px;
    }

    .infraspeak-team-members-container .employeeImage {
        width: 110px;
        height: 110px;
        margin-left: calc(50% - 55px);
    }

    .overlay.p-t-150{
        padding-top:30px;
    }
    .overlay.p-r-150{
        padding-right:50px;
    }
    .overlay.p-l-150{
        padding-left:50px;
    }
    .overlay.height-300{
        height: 180px;
    }

    .overlay .infraspeak-text-p{
        text-align: center;
    }
    .overlay .infraspeak-text-p.font-60{
        font-size: 40px;
    }

    .overlay .font-40{
        font-size: 22px;
        text-align: center;
    }

    .overlay .infraspeak-button-container a{
        width: 130px;
        margin-right: calc(50% - 65px);
    }

    .openings_container .p-r-150{
        padding-right: 0px;
    }

    .timeline_container .col-5{
        width: 90%;
    }

    .infraspeak-team-members-container .employeeName {
        font-size: 14px;
        line-height: 140%;
        text-align: center;
    }

    .infraspeak-team-members-container .employeeJob {
        font-weight: 400;
        text-align: center;
    }

    .infraspeak-team-members-container .social {

        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;

    }
    .infraspeak-team-members-container .social a {
        width: 40px;
        margin-right: 0px;
    }
    .timeline_container{
        padding-top:40px;
    }

    .infraspeak-timeline .item-timeline .line-container {
        width: 30px;
    }

    .infraspeak-timeline .item-timeline .line-container .line {
        margin-left: 10px;
    }
    .infraspeak-timeline .item-timeline .line-container .circle, .infraspeak-timeline .item-timeline .line-container .circle.sel {
        left: 5.5px;
    }

    .infraspeak-timeline .item-timeline .event-container {
        width: calc(100% - 30px);
    }

    .infraspeak-timeline .item-timeline .event-container .box .image {
        width: 60px;
    }

    .infraspeak-timeline .item-timeline .event-container .box .info {
        width: calc(100% - 60px);
        padding: 10px;
    }

    .infraspeak-timeline .item-timeline .event-container .box .image i {
        font-size: 43px;
        width: 60px;
    }

    .banner_jobs .container-inner{
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 10px;
    }

    .banner_jobs .col-8{
        width:100%;
    }

    .banner_jobs .text-left{
        text-align: center;
        margin-bottom: 30px;
    }
    .banner_jobs a{
        float:none !important;
    }
    .font-55 {
        font-size: 40px;
    }

    .col-8{
        width:100%;
    }

    .infraspeak-images-jobs .col4{
        display:none;
    }

    .infraspeak-images-jobs .imgs .col1, .infraspeak-images-jobs .imgs .col2, .infraspeak-images-jobs .imgs .col3{
        width: calc(100%/3);
    }

    .infraspeak-images-jobs .imgs .photo {
        width: 100%;
    }

    .height-100{
        height:70px;
    }

    .infraspeak-job-list-container .job-item .btn-container {
        width: 100px;
    }

    .infraspeak-job-list-container .job-item .info {
        width: calc(100% - 100px);
    }

    .infraspeak-job-list-container .job-item .info div{
        width:100%;
        margin-left: 0px !important;
        margin-bottom: 5px;
    }
    .infraspeak-job-list-container .job-item .btn-container a {
        line-height: 25px;
    }
    .font-45 {
        font-size: 35px;
    }

    .perks .col-6 .container-inner{
        padding-right: 40px !important;
        padding-left: 40px !important;
    }

    .perks .text-left {
        text-align: center;
    }

    .perks .left {
        float: none;
    }

    .perks .height-50{
        display: none;
    }

    .perks .infraspeak-container .infraspeak-container{
        margin-bottom:30px;
    }

    .font-40 {
        font-size: 30px;
    }

    .nice-select {
        font-size: 12px;
    }

    .infraspeak-icon .fa-briefcase.m-l-50{
        margin-left: 0px;
        clear: both;
    }

    .p-r-130 {
        padding-right: 20px;
    }
    .infraspeak-customer-stories-container .col-1_2 {
        width: calc(100%);
        float: left;
        display: block;
        margin-right: 0px;
    }

    .infraspeak-customer-stories-container .customer_story .image {
        height: 200px;
    }

    .nice-select.selectCategories {
        margin-right: 0px;
    }

    .award_100000 {
        background-position: center 0px;
        background-repeat: no-repeat;
    }

    .awards .icon_container {
        margin-left: calc(50% - 65px);
    }

    .p-l-150 {
        padding-left: 30px;
    }

    .integration-filter {
        width: 100%;
    }

    .infraspeak-integrations-list-container .integration-items {
        width: 100%;
    }

    .infraspeak-integrations-list-container .col-1_3 {
        width: 100%;
        margin-right: 0px;
    }

    .infraspeak-integrations-list-container .integration-items{
        margin-top: 30px;
    }

    .btn-integrations{
        float: left;
        margin-top:20px;
    }

    .overlay_popup .popup_integrations_detail {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top:100px;
    }

    .overlay_popup .popup_integrations_detail .content {
        font-size: 13px;
        overflow: auto;
        height: 230px;
    }

    .overlay_popup .popup_integrations_vote, .infraspeak-modal.Medium {
        width: calc(100% - 40px);
        height:500px;
        margin-left: 20px;
    }

    .overlay_popup .popup_integrations_vote .content, .infraspeak-modal.Medium .content{
        height: calc(500px - 70px);
    }

    .infraspeak-news-container .news-item .title-container {
        width: calc(100%);
    }

    .infraspeak-news-container .news-item .btn-container{
        text-align: right;
    }

    .bg_homepage_component2{
      height: 1000px;
      background-image: url(imgs/homepage_bg2.svg);
      background-position: top;
      background-size: 360px;
    }

    .bg_homepage_component2 .container1,.bg_homepage_component2 .container2,.bg_homepage_component2 .container3,.bg_homepage_component2 .container4{
        width: 190px;
    }

    .bg_homepage_component2 .font-40{
        font-size:17px;
    }

    .bg_homepage_component2 .font-16{
        font-size:12px;
    }

    .bg_homepage_component2 .font-14{
        font-size:11px;
    }

    .bg_homepage_component2 .font-w-600{
        font-weight:700;
    }

    .bg_homepage_component2 .container1{
        top:8%;
    }

    .bg_homepage_component2 .container2{
        right:0%;
        top:30%;
    }

    .bg_homepage_component2 .container3{
        top:53%;
        left: 0%;
    }

    .bg_homepage_component2 .container4{
        right:0%;
        top:74%;

    }

    .intro_homepage{
      width: 100%;
    }

    .intro_homepage h1 {
        font-size: 30px;
        font-weight: 800;
        line-height: 120%;
    }

    .container_homepage_features .p-l-50{
      padding-left: 20px;
    }

    .container_homepage_features .p-r-50{
      padding-right: 20px;
    }

    .infraspeak-features-home-container .pc .right .features .box .icon {
      margin-right: 10px;
    }

    .infraspeak-features-home-container .pc .right .features .box:hover, .infraspeak-features-home-container .pc .right .features .selected {
        padding-left: 12px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .homepage_template .img_home {
      margin-top: 450px;
    }

    .intro_home_container {
      height: 1160px;
    }

    .infraspeak-features-home-container .pc .left .imgs .imageContainer{
        background-size: contain;
    }


    .font-32{
        font-size: 25px;
    }

    .tags_img{
        height: 200px;
        background-position: center;
    }

    .homepage_template .col-5{
        width: 100%;
    }

    .p-t-90,.p-t-70,.p-t-75{
        padding-top:20px;
    }

    .infraspeak-subscribe-container .image{
        display: none;
    }

    .infraspeak-subscribe-container p{
        width:100%;
    }

    .form_demo_home input[type="submit"]{
        width:120px;
    }

    .infraspeak-counter-container .nr {
        font-size: 60px;
    }
    .squircle1, .squircle2,.squircle3,.squircle4{
        display: none;
    }

    .value_prop{
        width: calc(100% - 40px);
    }

    .width-350 {
        width: 280px;
        margin-left: calc(50% - 140px);
    }
    .height-350 {
        height: 280px;
    }

    .font-60 {
        font-size: 45px;
    }

    .col-9 .p-r-150{
        padding-right: 20px;
    }
    .col-9 .p-l-150{
        padding-left: 20px;
    }



    .infraspeak-pricing .col-1_4{
        width: 135px;
        margin-right: 0px;
        float: left;
        margin-bottom: 0px;
        display: inline-block;
    }

    .infraspeak-pricing .btn_p {
        height: 150px;
    }
    .infraspeak-pricing .btn_p label p {
        font-size: 13px;
    }

    .infraspeak-pricing .btn_p label i{
        font-size: 50px;
        margin-top: 40px;
    }

    .container_tags h5{
        text-align: center;
    }
    .container_tags h2{
        text-align: center;
    }
    .container_tags p{
        text-align: center;
    }

    .p-b-100 {
        padding-bottom: 50px;
    }

    .infraspeak-feature .linkFeature{
        width: 100px;
        background-size: 15px;
        background-position: center right;
        margin-left: calc(50% - 50px);
        margin-top: 10px;
    }

    .banner_jobs{
        width: calc(100% - 40px);
    }

    .mt-responsive{
        margin-top: 30px;
    }


    .nfc_banner .banner_img {
        background-size: auto 50%;
        background-position: bottom -100px right -20px;
    }

    .nfc_banner .p-t-200{
        padding-top:140px;
    }

    .nfc_banner .font-23 {
        font-size: 18px;
        margin-bottom: 90px;
    }

    header .logo_white {
        margin-top: 5px;
    }

    .nfc_container .font-45{
        font-size: 30px;
    }

    .tableNFC table tr td:nth-child(1) {
        font-size: 12px;
    }

    .tableNFC .icon {
        width: 30px;
        margin-left: calc(50% - 15px);
    }

    .tableNFC table th h5 {
        font-size: 12px;
    }

    .tableNFC table th:nth-child(2), .tableNFC table th:nth-child(3), .tableNFC table th:nth-child(4), .tableNFC table tr td:nth-child(2), .tableNFC table tr td:nth-child(3), .tableNFC table tr td:nth-child(4) {
        font-size: 13px;
    }

    .tableNFC table th:nth-child(1), .tableNFC table tr td:nth-child(1) {
        margin-bottom: 20px;
        height: auto;
    }

    .nfc_timeline {
        width: 100%;
        height: 850px;
        background-size: auto 850px;
        background-image: url(//www.infraspeak.com/wp-content/themes/infraspeak/imgs/timeline_nfc2.svg);
    }

    .nfc_div {
        width:180px !important;
        padding: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        position: absolute;
    }


    .nfc_container .height-150{
        height: 30px;
    }

    .nfc_div .font-15, .nfc_div .font-16{
        font-size: 13px;
    }

    .nfc_div .font-13{
        font-size: 12px;
    }

    .nfc1{
        left: 0px;
        top: 250px;
    }

    .nfc3 {
        float: left;
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
        right: 20px;
        top: 420px;
    }

    .nfc2 {
        float: left;
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
        top: 610px;
        left: 20px;
    }

    .nfc4 {
        margin-right: 0;
        float: right;
        margin-top: 0;
        top: 840px;
        right: 20px;
    }

    .container_tap_go .height-300{
        height: 200px;
    }

    .container_tap_go .width-300{
        width: 200px;
    }

    .container_tap_go .infraspeak-container{
        margin-bottom: 40px;
    }

    .white .white .hamburger-inner, .white .white .hamburger-inner::before, .white .white .hamburger-inner::after, .white .white .hamburger.is-active .hamburger-inner, .white .white .hamburger.is-active .hamburger-inner::before, .white .white .hamburger.is-active .hamburger-inner::after{
        background-color:white;
    }

    .white.scroll .white .hamburger-inner, .white.scroll .white .hamburger-inner::before, .white.scroll .white .hamburger-inner::after, .white.scroll .white .hamburger.is-active .hamburger-inner, .white.scroll .white .hamburger.is-active .hamburger-inner::before, .white.scroll .white .hamburger.is-active .hamburger-inner::after{
        background-color:#2080df;
    }

    .wp-block-infraspeak-job-positions-2 .info .category,.wp-block-infraspeak-job-positions-2 .info .country,.wp-block-infraspeak-job-positions-2 .info .type{
        width: 100%;
        margin-left: 0px;margin-bottom: 5px;
    }

    .wp-block-infraspeak-job-positions-2 .btn-container {
        width: 100px;
    }

    .wp-block-infraspeak-job-positions-2 .info {
        width: calc(100% - 100px);
    }

    .features_container .btn_border{
        float: left;
        margin-bottom: 40px;
        margin-top: -30px;
        width: 100px;
        margin-left: calc(50% - 50px);
    }

    .container_tags .infraspeak-button-container a{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
    }

    .intro-demo-home.p-l-100{
      padding-left: 0px !important;
    }
    .intro-demo-home.p-r-100{
      padding-right: 0px !important;
    }

    .hide_responsive{
      display: none;
    }

    .demo_intro_container .container-inner{
      background-image: url('https://cdn2.hubspot.net/hubfs/2767973/assinaturas%20mini.png');
      background-size: 90%;
      background-position: center bottom 170px;
      height: 500px;
    }

    .form_demo_page {
      margin-left: 10px;
      margin-right:10px;
      width: calc(100% - 20px) !important;
      margin-top: 230px;
      padding: 20px;
    }

    .demo_intro_container h1 {
      margin-top: 80px;
    }

    .speech_bubble{
        display: none;
    }

    .homepage_caseStudy .p-t-200{
      padding-top:120px;
    }

    .homepage_caseStudy .font-40 {
      font-size: 24px;
    }

    .infraspeak-caseStudy-info-container {
      width: 350px;
      margin-left: calc(50% - 175px);
    }

    .image_customer{
      display: none;
    }

    .case_company h5, .case_title h1{
      text-align: center;
    }

    .productPage .feature1 .container-inner .wp-block-infraspeak-container:nth-of-type(2),.productPage .feature3 .container-inner .wp-block-infraspeak-container:nth-of-type(2){
        margin-top: 0px;
    }

    .productPage .feature2 .container-inner .wp-block-infraspeak-container:nth-of-type(2){
        margin-top: 0px;
    }

    .homepage_caseStudy .section3 .plans{
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      margin-left: 0px;
    }
    .homepage_caseStudy .section3 .plans .plan{
      width: 400px;
      margin-left: calc(50% - 200px);
    }

    .homepage_caseStudy .intro{
      background-position: right -80px bottom -90px;
      background-size: 600px;
    }

    .homepage_caseStudy .intro_text {
        margin-top: 10px;
    }

    .homepage_caseStudy .intro_text h2 {
      width: 100%;
      font-size: 16px;
    }
    .homepage_caseStudy .section3 {
      clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }
    .homepage_caseStudy .section2 {
      padding-bottom: 60px;
    }
    .homepage_caseStudy .intro_text h1 {
      font-size: 45px;
    }

    .homepage_caseStudy .intro_text h5 {
      font-size: 13px;
      margin-bottom: 20px;
    }

    .homepage_caseStudy .section2 h2 {
      font-size: 25px;
    }

    .homepage_caseStudy .overlay .popup {
      width: calc(100% - 20px);
      height: calc(100vh - 150px);
      background-color: white;
      margin-left: 10px;
    }

    .homepage_caseStudy .popup .form2 {
        height: calc(100vh - 220px);
    }
    .homepage_caseStudy .intro {
      background-position: right -80px bottom -90px;
      background-size: 500px;
    }
    .homepage_caseStudy .section2 h5 {
      font-size: 15px;
      width: calc(100% - 40px);
      margin-left: 20px;
    }

    .christmas .image_christmas .container {
        width: calc(100% - 40px);
        height: 261px;
        background: white;
        margin-left: 20px;
        margin-top: 100px;
    }

    .christmas .image_christmas {
        width: 100%;
        height: 400px;
    }
    .christmas .image_christmas2 h1 {
        font-size: 40px;
        font-weight: 800;
        margin-top: 40px;
    }
    .christmas .image_christmas2{
        height: 140px;
    }

    .christmas video{
        height: 100%;
    }

    .image_christmas2 a{
        margin-top: 40px;
        margin-left: calc(50% - 125px);
        margin-right: calc(50% - 125px);
        width: 250px;
        font-size:16px;
    }


    .christmas .image_christmas2 h1 {
        margin-top: 50px !important;
    }

    .button-subscribe{
      width: 160px;
      margin-left: calc(50% - 80px);
      margin-top: 40px !important;
      font-size: 15px !important;
      padding-right: 0px !important;
      padding-left: 10px !important
    }

    .container_tags .infraspeak-button-container a {
        width: 150px;
        margin-left: calc(50% - 75px) !important;
    }

    .container_tags .p-t-60 {
        padding-top: 20px;
    }

    .button-demo-home2{
      display: none;
    }


    .intro_fitur{
      width: calc(100% - 60px) !important;
      height: auto !important;
      margin-left: 30px !important;
      margin-right: 30px !important;
      margin-top: 40px !important;
    }

    .intro_fitur .left{
      width:100% !important;
      padding-right: 0px !important;
      margin-top:0px !important;
    }

    .intro_fitur .meetings-iframe-container{
      width: 100%;
      float: left;
      position: relative;
      right: 0px;
      margin-top: 50px;
    }

    .intro_fitur .left h1.WFD {
      width: 100% !important;
      font-size: 45px !important;
      min-width: 250px !important;
    }

    .venue_fitur{
        width: 100% !important;
        margin-right: 0px !important;
        float: left !important;
        margin-top: 50px !important
    }

    .venue_fitur .container {
      width: calc(100% - 50px) !important;
      height: auto !important;
      float: right !important;
      margin-right: 50px !important;
      padding-left: 30px !important;
      margin-top: 30px;

    }

    .venue_fitur .img {
      width: calc(100% - 0px) !important;
      height: 250px !important;
    }

    .faqs_fitur {
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-top: 40px !important;
    }

    .faqs_fitur .faq h5 {
      font-size: 20px !important;
    }

    .title_events {
      font-size: 27px !important;
    }
    .subtitle_events {
      font-size: 15px !important;
    }
    .faqs_fitur .faq p {
      font-size: 15px !important;
    }

    .intro_fitur .container li {
      width: calc((100% / 4) - 0px) !important;
      margin-right: 0px !important;
    }

    .wp-block-image img{
      height: auto;
    }

    .banner_stay{
      display: none;
    }

    .top_banner{display: none}

    .banner_resources .container-inner:first-of-type {
    background-size: 550px;
    padding-bottom: 180px;
    }

    .banner_resources .container-inner .container-inner{
      padding-bottom: 0px;
    }
}





@media (min-width: 400px) and (max-width: 500px) {

    .homepage_template .img_home {
        margin-top: 370px;
    }
    .intro_home_container {
        height: 1060px;
    }

    .infraspeak-counter-container .col-1_3 {
        width: calc(100% / 3);
    }
    .infraspeak-counter-container .nr {
        font-size: 50px;
    }

    .minHeighthomepage .container-inner {
        min-height: 950px;
    }

    .height-200 {
        height: 100px;
    }

    .demo_intro_container .container-inner{
      background-image:none;
    }

    .reviews{
        display: none;
    }

}

@media (min-width: 500px) and (max-width: 700px) {

  .bg_homepage_component2 .container1,.bg_homepage_component2 .container2,.bg_homepage_component2 .container3,.bg_homepage_component2 .container4{
      width: 300px;
  }

  .homepage_template .img_home {
    margin-top: 300px;
  }

  .intro_home_container {
    height: 1050px;
  }

    .infraspeak-counter-container .col-1_3 {
        width: calc(100% / 3);
    }
}



@media (min-width: 1600px){
    .homepage_template .page_container, .infraspeak-clients-small-container .imgs, .infraspeak-subscribe-container,header,footer .apps,footer .footer_menu, .homepage_caseStudy .intro,.homepage_caseStudy .section2, .top_banner{
        padding-left: calc(50% - 650px) !important;
        padding-right: calc(50% - 650px) !important;
    }

    .p-r-150{
        padding-right: calc(50% - 650px) !important;
    }

    .p-l-150{
        padding-left: calc(50% - 650px) !important;
    }

    .col-1 {width: calc(((1300px * 8.33)/100) - 25px)}
    .col-2 {width: calc(((1300px * 16.66)/100)- 25px)}
    .col-3 {width: calc(((1300px * 25)/100)- 25px)}
    .col-4 {width: calc(((1300px * 33.33)/100) - 25px)}
    .col-5 {width: calc(((1300px * 41.66)/100) - 25px)}
    .col-6 {width: calc(((1300px * 50)/100) - 25px)}
    .col-7 {width: calc(((1300px * 58.33)/100) - 25px)}
    .col-8 {width: calc(((1300px * 66.66)/100) - 25px)}
    .col-9 {width: calc(((1300px * 76)/100) - 25px)}
    .col-10 {width: calc(((1300px * 83.33)/100) - 25px)}
    .col-11 {width: calc(((1300px * 91.66)/100) - 25px)}
    .col-12 {width: 100%;}

    .homepage_template .img_home{
        right: calc(50% - 700px);
    }

    .wp-block-infraspeak-testimonial, .infraspeak-testimonial {
        padding: 60px calc(50% - 650px);
    }

    .container_homepage_features{
        width: 1300px !important;
        margin-left: calc(50% - 650px);
    }

    .infraspeak-subscribe-container .image{
        right:calc(50% - 650px) !important
    }

    .perks .col-6{
        width: calc(((1300px * 34)/100) - 25px)
    }

    .nfc_banner .banner_img {
        background-position: bottom -180px right 170px;
    }

    .stay_infraspeak_img {
      left: calc(50% - 700px) !important;
    }

}

/* SALES DEV CAMP */


.salesdevcamp .intro_sales_dev{
    width:100%;
    height:650px;
    background-image:url('http://staging-infraspeaksite.kinsta.cloud/wp-content/uploads/2020/06/bg3.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    margin-top:-30px;
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px);
}

.salesdevcamp .intro_sales_dev .logo{
    width: 250px;
    margin-top: 70px;
}

.salesdevcamp .intro_sales_dev p{
    width: 550px;
    font-size: 23px;
    font-weight: 300;
    margin-top: 30px;
    line-height: 150%;
}

.salesdevcamp .intro_sales_dev a.primary{
    font-family: 'Mirador';
    color: black;
    border: 2px solid #0072CE;
    padding: 10px 40px;
    font-weight: bold;
    border-radius: 30px;
    font-size: 20px;
    float: left;
    margin-top: 30px;
    width: 200px;
    text-align: center;
}
.salesdevcamp a.primary{
    text-decoration:none;
    cursor:pointer;
}
.salesdevcamp a.primary:hover{
    color: white !important;
    background-color: #0072CE;
}

.salesdevcamp .intro_sales_dev a.learnmore{
    width: 200px;
    text-align: center;
    float: left;
    clear: both;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.custom-shape-divider-bottom-1591959826 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    margin-top:-51px;
}

.custom-shape-divider-bottom-1591959826 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 53px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1591959826 .shape-fill {
    fill: #0072CE;
}

.salesdevcamp .what-is{
    width:100%;
    padding-top:100px;
    padding-bottom:150px;
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px);
    background-color:#0072CE;
    float:left;
position:relative;
}

.salesdevcamp .what-is h1{
    color: white;
    font-family: 'Mirador';
    font-weight: bold;
    width: 100%;
    font-size: 50px;
    text-align:center;
}

.salesdevcamp .what-is .divider{
     width:300px;
     margin-left:calc(50% - 150px);
     height:2px;
     background-color:white;
     float:left;
     clear:both;
     margin-top:10px;
     margin-bottom:30px;
}

.salesdevcamp .pay .divider{
     width:300px;
     height:2px;
     background-color:white;
     float:left;
     clear:both;
     margin-top:10px;
     margin-bottom:30px;
margin-left:calc(50% - 150px);
}

.salesdevcamp .what-is p{
     color:white;
     float:left;
    clear:both;
    font-size: 20px;
    line-height: 150%;
    width:700px;
    margin-left:calc(50% - 350px);
    text-align:center;
}
.custom-shape-divider-bottom-1591972658 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1591972658 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 53px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1591972658 .shape-fill {
    fill: #FFFFFF;
}

.salesdevcamp .calendar{
    width:100%;
    padding-top:30px;
    padding-bottom:150px;
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px);
    background-color:white;
    float:left;
    position:relative;
}

.salesdevcamp .calendar h2{
    color:#0072CE;
    font-family: 'Mirador';
    font-weight: bold;
    width: 100%;
    font-size: 28px;
    margin-top:70px;
    clear:both;
    float:left;
    text-align:center;
width:700px;
margin-left:calc(50% - 350px);
}

.salesdevcamp .calendar p{
     color:black;
     float:left;
    clear:both;
    font-size: 20px;
    line-height: 150%;
    width:70%;
    text-align:center;
    margin-left:15%;
    margin-top:10px;
    font-weight:300;
}

.custom-shape-divider-bottom-yellow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-yellow svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 53px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-yellow .shape-fill {
    fill: #f0a50c;
}

.salesdevcamp .pay{
    width:100%;
    padding-top:100px;
    padding-bottom:150px;
    padding-left: calc(50% - 550px);
    padding-right: calc(50% - 550px);
    background-color:#f0a50c;
    float:left;
    position:relative;
}

.salesdevcamp .pay h2{
    color:white;
    font-family: 'Mirador';
    font-weight: bold;
    width: 500px;
    font-size: 50px;
    text-align:center;
margin-left:calc(50% - 250px);
}

.salesdevcamp .pay p{
     color:white;
     float:left;
    clear:both;
    font-size: 25px;
    line-height: 150%;
    text-align:center;
width:700px;
margin-left:calc(50% - 350px)
}

.salesdevcamp .w-50{
width:50%;
float:left;
}

.salesdevcamp .w-50 h5{
    color:#0072CE;
    font-family: 'Mirador';
    font-weight: bold;
    width: 100%;
    font-size: 20px;
}

.salesdevcamp .w-50 p{
    float:left;
    font-size:15px;
    width:100%;
    line-height: 170%;
}

.salesdevcamp .w-50 .divider{
     width:200px;
     height:2px;
     background-color:black;
     float:left;
     clear:both;
     margin-top:10px;
     margin-bottom:30px;
}

.salesdevcamp .calendar a.primary{
    font-family: 'Mirador';
    color: black;
    border: 2px solid #0072CE;
    padding: 10px 40px;
    font-weight: bold;
    border-radius: 30px;
    font-size: 20px;
    float: left;
    margin-top: 30px;
    width: 200px;
    text-align: center;
    margin-left:calc(50% - 100px);
    margin-top:70px;
}

.salesdevcamp .pr-50{
padding-right:50px;
}
.salesdevcamp .pl-50{
padding-left:50px;
}

@media only screen and (max-width: 1200px) and (min-width: 900px) {
    .salesdevcamp .intro_sales_dev {
        padding-left: calc(50% - 400px);
        padding-right: calc(50% - 400px);
    }
}

@media only screen and (max-width: 900px) {
    .salesdevcamp .intro_sales_dev {
        padding-left: 30px;
        padding-right: 30px;
background-image:url('https://growth.infraspeaktech.com/assets/bg_responsive.png');
    }

   .salesdevcamp  .intro_sales_dev .logo {
        width: 170px;
        margin-top: 60px;
    }

   .salesdevcamp  .intro_sales_dev p {
         width: 70%;
         font-size: 20px;
    }

    .salesdevcamp .what-is p, .salesdevcamp .pay p {
        color: white;
        font-size: 20px;
        width: calc(100% - 60px);
        margin-left:30px;
    }
   .salesdevcamp  .what-is h1, .salesdevcamp .pay h2 {
        font-size: 38px;
        width: calc(100% - 60px);
        margin-left:30px;
    }

    .salesdevcamp .what-is{
         padding-top: 50px;
         padding-bottom: 100px;
    }

   .salesdevcamp  .calendar {
         width: 100%;
         padding-top: 0px;
         padding-bottom: 100px;
         padding-left: 0;
        padding-right: 0;
     }
   .salesdevcamp  .calendar h2{
        width: calc(100% - 60px);
        margin-left:30px;
        font-size: 23px;
    }
   .salesdevcamp .divider {
         width: 200px !important;
         margin-left: calc(50% - 100px) !important;
         height: 0px !important;
     }
}
