@charset "UTF-8";


@font-face {
font-family: "seotheme";
src: url(//www.routee.net/wp-content/themes/utouch/fonts/seoicon.woff2) format('woff2'), url(//www.routee.net/wp-content/themes/utouch/fonts/seoicon.woff) format("woff"),
url(//www.routee.net/wp-content/themes/utouch/fonts/seoicon.ttf) format("truetype"),
url(//www.routee.net/wp-content/themes/utouch/fonts/seoicon.svg#seotheme) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="seoicon-"]:before,
[class*=" seoicon-"]:before {
font-family: "seotheme" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.seoicon-dribbble:before {
content: "\e900";
}
.seoicon-arrow-back:before {
content: "\e901";
}
.seoicon-arrow-to-bottom:before {
content: "\e902";
}
.seoicon-instagram:before {
content: "\e903";
}
.seoicon-quotes:before {
content: "\e904";
}
.seoicon-linkedin:before {
content: "\e905";
}
.seoicon-facebook:before {
content: "\e906";
}
.seoicon-google-plus:before {
content: "\e907";
}
.seoicon-check:before {
content: "\e908";
}
.seoicon-reddit:before {
content: "\e909";
}
.seoicon-clip:before {
content: "\e90a";
}
.seoicon-clock:before {
content: "\e90b";
}
.seoicon-skype:before {
content: "\e90c";
}
.seoicon-commerce:before {
content: "\e90d";
}
.seoicon-tags:before {
content: "\e90e";
}
.seoicon-chat-comment:before {
content: "\e90f";
}
.seoicon-cross:before {
content: "\e910";
}
.seoicon-delete-bold:before {
content: "\e911";
}
.seoicon-delete:before {
content: "\e912";
}
.seoicon-tumblr:before {
content: "\e913";
}
.seoicon-twitter:before {
content: "\e914";
}
.seoicon-viber:before {
content: "\e915";
}
.seoicon-vimeo:before {
content: "\e916";
}
.seoicon-whatsapp:before {
content: "\e917";
}
.seoicon-yahoo:before {
content: "\e918";
}
.seoicon-yelp:before {
content: "\e919";
}
.seoicon-mail-send:before {
content: "\e91a";
}
.seoicon-interface:before {
content: "\e91b";
}
.seoicon-youtube:before {
content: "\e91c";
}
.seoicon-loupe:before {
content: "\e920";
}
.seoicon-loupe-3:before {
content: "\e923";
}
.seoicon-musical:before {
content: "\e929";
}
.seoicon-basket:before {
content: "\e92b";
}
.seoicon-play:before {
content: "\e933";
}
.seoicon-right-arrow:before {
content: "\e936";
}
.seoicon-shape-heart:before {
content: "\e93f";
}
.seoicon-shapes-play:before {
content: "\e940";
}
.seoicon-shape-heart-bold:before {
content: "\e941";
}
.seoicon-shapes:before {
content: "\e942";
}
.seoicon-zoom:before {
content: "\e944";
}
.seoicon-social-links:before {
content: "\e945";
}
.seoicon-social-pinterest2:before {
content: "\e946";
}
.seoicon-link-bold:before {
content: "\e951";
}
.seoicon-pin-it:before {
content: "\e952";
}
.seoicon-wireless-internet-connection-symbol:before {
content: "\e954";
}
.seoicon-add-button:before {
content: "\61";
}
.seoicon-wifi:before {
content: "\62";
}
.seoicon-analytics:before {
content: "\63";
}
.seoicon-antenna:before {
content: "\64";
}
.seoicon-apps:before {
content: "\65";
}
.seoicon-arrows:before {
content: "\66";
}
.seoicon-at:before {
content: "\67";
}
.seoicon-backup:before {
content: "\68";
}
.seoicon-bag:before {
content: "\69";
}
.seoicon-bag-1:before {
content: "\6a";
}
.seoicon-bag-2:before {
content: "\6b";
}
.seoicon-bar-stats:before {
content: "\6c";
}
.seoicon-basket2:before {
content: "\6d";
}
.seoicon-binary-code:before {
content: "\6e";
}
.seoicon-chip:before {
content: "\6f";
}
.seoicon-check-square:before {
content: "\70";
}
.seoicon-calendar:before {
content: "\71";
}
.seoicon-bug-free:before {
content: "\72";
}
.seoicon-bug:before {
content: "\73";
}
.seoicon-browser-visualization:before {
content: "\74";
}
.seoicon-browser-2:before {
content: "\75";
}
.seoicon-browser:before {
content: "\77";
}
.seoicon-bookmark:before {
content: "\76";
}
.seoicon-blogging:before {
content: "\78";
}
.seoicon-bitcoin:before {
content: "\79";
}
.seoicon-cloud-computing:before {
content: "\7a";
}
.seoicon-cloud-connection:before {
content: "\41";
}
.seoicon-cloud-connections:before {
content: "\42";
}
.seoicon-cloud-data:before {
content: "\43";
}
.seoicon-cloud-data-1:before {
content: "\44";
}
.seoicon-cloud-network:before {
content: "\45";
}
.seoicon-cloud-sync:before {
content: "\46";
}
.seoicon-coding:before {
content: "\47";
}
.seoicon-compass:before {
content: "\48";
}
.seoicon-compass-1:before {
content: "\49";
}
.seoicon-compass-2:before {
content: "\4a";
}
.seoicon-compass-3:before {
content: "\4b";
}
.seoicon-computer:before {
content: "\4c";
}
.seoicon-connections:before {
content: "\4d";
}
.seoicon-cup:before {
content: "\4e";
}
.seoicon-customer:before {
content: "\4f";
}
.seoicon-design:before {
content: "\50";
}
.seoicon-devices:before {
content: "\51";
}
.seoicon-diagonal-enlarge:before {
content: "\52";
}
.seoicon-distiller:before {
content: "\53";
}
.seoicon-document-security:before {
content: "\54";
}
.seoicon-document-security-1:before {
content: "\55";
}
.seoicon-document-settings:before {
content: "\56";
}
.seoicon-dollar:before {
content: "\57";
}
.seoicon-folders:before {
content: "\58";
}
.seoicon-folder:before {
content: "\59";
}
.seoicon-flag:before {
content: "\5a";
}
.seoicon-favorite:before {
content: "\30";
}
.seoicon-favorites-button:before {
content: "\31";
}
.seoicon-eye:before {
content: "\32";
}
.seoicon-euro:before {
content: "\33";
}
.seoicon-enlarge:before {
content: "\34";
}
.seoicon-email:before {
content: "\35";
}
.seoicon-efficency:before {
content: "\36";
}
.seoicon-downloading-from-smartphone:before {
content: "\37";
}
.seoicon-download:before {
content: "\38";
}
.seoicon-domain-registration:before {
content: "\39";
}
.seoicon-funnel:before {
content: "\21";
}
.seoicon-glasses:before {
content: "\22";
}
.seoicon-graph-search:before {
content: "\23";
}
.seoicon-group:before {
content: "\24";
}
.seoicon-high-volume:before {
content: "\25";
}
.seoicon-history-button:before {
content: "\26";
}
.seoicon-hourglass:before {
content: "\27";
}
.seoicon-hystogram:before {
content: "\28";
}
.seoicon-idea:before {
content: "\29";
}
.seoicon-image:before {
content: "\2a";
}
.seoicon-key:before {
content: "\2b";
}
.seoicon-keywords:before {
content: "\2c";
}
.seoicon-microscope:before {
content: "\2d";
}
.seoicon-microphone:before {
content: "\2e";
}
.seoicon-menu-button:before {
content: "\2f";
}
.seoicon-megaphone:before {
content: "\3a";
}
.seoicon-medal:before {
content: "\3b";
}
.seoicon-map:before {
content: "\3c";
}
.seoicon-mail-settings:before {
content: "\3d";
}
.seoicon-lock:before {
content: "\3e";
}
.seoicon-link:before {
content: "\3f";
}
.seoicon-light-bulb:before {
content: "\40";
}
.seoicon-letter:before {
content: "\5b";
}
.seoicon-laptop:before {
content: "\5d";
}
.seoicon-molecular:before {
content: "\5e";
}
.seoicon-monitoring:before {
content: "\5f";
}
.seoicon-mouse:before {
content: "\60";
}
.seoicon-music:before {
content: "\7b";
}
.seoicon-mute:before {
content: "\7c";
}
.seoicon-network:before {
content: "\7d";
}
.seoicon-new-file:before {
content: "\7e";
}
.seoicon-newspaper:before {
content: "\5c";
}
.seoicon-next-page:before {
content: "\e000";
}
.seoicon-no-bug:before {
content: "\e001";
}
.seoicon-note:before {
content: "\e002";
}
.seoicon-notification:before {
content: "\e003";
}
.seoicon-pin:before {
content: "\e004";
}
.seoicon-pie-graph-split:before {
content: "\e005";
}
.seoicon-pie-graph-1:before {
content: "\e006";
}
.seoicon-pie-graph:before {
content: "\e007";
}
.seoicon-pie-chart:before {
content: "\e008";
}
.seoicon-picture:before {
content: "\e009";
}
.seoicon-phone-shop:before {
content: "\e00a";
}
.seoicon-pay-per-click:before {
content: "\e00b";
}
.seoicon-paper-plane:before {
content: "\e00c";
}
.seoicon-padlock:before {
content: "\e00d";
}
.seoicon-order:before {
content: "\e00e";
}
.seoicon-open-book:before {
content: "\e00f";
}
.seoicon-online-shop:before {
content: "\e010";
}
.seoicon-pin-1:before {
content: "\e011";
}
.seoicon-pin-settings:before {
content: "\e012";
}
.seoicon-play-button:before {
content: "\e013";
}
.seoicon-play-button-1:before {
content: "\e014";
}
.seoicon-power:before {
content: "\e015";
}
.seoicon-ranking:before {
content: "\e017";
}
.seoicon-refresh-button:before {
content: "\e018";
}
.seoicon-retweet:before {
content: "\e016";
}
.seoicon-screen:before {
content: "\e019";
}
.seoicon-search:before {
content: "\e01a";
}
.seoicon-search-1:before {
content: "\e01b";
}
.seoicon-search-engine:before {
content: "\e01c";
}
.seoicon-shopping-cart-1:before {
content: "\e01d";
}
.seoicon-shopping-cart:before {
content: "\e01e";
}
.seoicon-shopping:before {
content: "\e01f";
}
.seoicon-spider-web:before {
content: "\e020";
}
.seoicon-speedometer:before {
content: "\e021";
}
.seoicon-speech-bubbles:before {
content: "\e022";
}
.seoicon-speech-balloon:before {
content: "\e023";
}
.seoicon-shop:before {
content: "\e024";
}
.seoicon-shield:before {
content: "\e025";
}
.seoicon-social-media:before {
content: "\e026";
}
.seoicon-smartphone-4:before {
content: "\e027";
}
.seoicon-sharing-archives:before {
content: "\e028";
}
.seoicon-shared-folder:before {
content: "\e029";
}
.seoicon-smartphone-3:before {
content: "\e02a";
}
.seoicon-smartphone-2:before {
content: "\e02b";
}
.seoicon-settings:before {
content: "\e02c";
}
.seoicon-servers:before {
content: "\e02d";
}
.seoicon-smartphone-1:before {
content: "\e02e";
}
.seoicon-smartphone:before {
content: "\e02f";
}
.seoicon-server-and-cloud:before {
content: "\e030";
}
.seoicon-server:before {
content: "\e031";
}
.seoicon-sitemap:before {
content: "\e032";
}
.seoicon-side-menu:before {
content: "\e033";
}
.seoicon-security-data:before {
content: "\e034";
}
.seoicon-search-engine-1:before {
content: "\e035";
}
.seoicon-shopping-cart-2:before {
content: "\e036";
}
.seoicon-star:before {
content: "\e037";
}
.seoicon-tracker:before {
content: "\e038";
}
.seoicon-translation:before {
content: "\e039";
}
.seoicon-statistics:before {
content: "\e03a";
}
.seoicon-statistics-1:before {
content: "\e03b";
}
.seoicon-turn-right:before {
content: "\e03c";
}
.seoicon-typewriter:before {
content: "\e03d";
}
.seoicon-statistics-2:before {
content: "\e03e";
}
.seoicon-stats:before {
content: "\e03f";
}
.seoicon-upload-to-cloud:before {
content: "\e040";
}
.seoicon-strategy:before {
content: "\e041";
}
.seoicon-system:before {
content: "\e042";
}
.seoicon-user:before {
content: "\e043";
}
.seoicon-user-1:before {
content: "\e044";
}
.seoicon-tags2:before {
content: "\e045";
}
.seoicon-target:before {
content: "\e046";
}
.seoicon-user-stats:before {
content: "\e047";
}
.seoicon-users:before {
content: "\e048";
}
.seoicon-target-1:before {
content: "\e049";
}
.seoicon-targeting:before {
content: "\e04a";
}
.seoicon-vertical-bar:before {
content: "\e04b";
}
.seoicon-vertical-bars:before {
content: "\e04c";
}
.seoicon-telephone:before {
content: "\e04d";
}
.seoicon-telephone-1:before {
content: "\e04e";
}
.seoicon-video:before {
content: "\e04f";
}
.seoicon-viral-marketing:before {
content: "\e050";
}
.seoicon-whistle:before {
content: "\e051";
}
.seoicon-browser-1:before {
content: "\e052";
}
.seoicon-message:before {
content: "\e053";
}
.seoicon-close:before {
content: "\e054";
}
.seoicon-upload-arrow:before {
content: "\e055";
}
.seoicon-arrows-1:before {
content: "\e05d";
}
.seoicon-target-search:before {
content: "\e056";
}
.seoicon-arrows-2:before {
content: "\e057";
}
.seoicon-business:before {
content: "\e058";
}
.seoicon-business-1:before {
content: "\e059";
}
.seoicon-button:before {
content: "\e05a";
}
.seoicon-coins:before {
content: "\e05b";
}
.seoicon-graphic:before {
content: "\e05c";
}
.seoicon-graphic-search:before {
content: "\e05e";
}
.seoicon-pie-chart-1:before {
content: "\e05f";
}
.seoicon-pie-graph-2:before {
content: "\e060";
}
.seoicon-pie-graph-split-1:before {
content: "\e061";
}
.seoicon-pin-2:before {
content: "\e062";
}
.seoicon-search-1-1:before {
content: "\e063";
}
.seoicon-settings-symbol-with-up-arrow-in-a-circle:before {
content: "\e064";
}
.seoicon-target-audience:before {
content: "\e065";
}
.seoicon-communication:before {
content: "\e066";
}
.seoicon-mail-send2:before {
content: "\e067";
}.btn-small {
font-size: 16px !important;
}
p.a3 {
color: #444;
} @media (min-width: 1000px) {
#viber-one-way, #viber-two-way { position: relative; }
#viber-one-way::before {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-image: url(https://www.routee.net/wp-content/uploads/2019/04/line-1.svg);
width: 89%;
height: 34px;
bottom: 100%;
content: "";
left: 53%;
z-index: 1;
}
#viber-two-way::before {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-image: url(https://www.routee.net/wp-content/uploads/2019/04/line-2.svg);
width: 89%;
height: 34px;
bottom: 100%;
content: "";
right: 53%;
z-index: 1;
}
} li.menu-list-item a {
padding: inherit !important;
} .messenger-underline::after { content: ""; background: #1a5ebd; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; transition: width 1s, margin-left 1s, background 1s; } .telegram-underline::after { content: ""; background: #37aee2; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; transition: width 1s, margin-left 1s, background 1s; } .expo-after-purple::after { content: ""; background: #655ea8; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; transition: width 1s, margin-left 1s, background 1s; } .expo-after-black::after { content: ""; background: #000000; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; transition: width 1s, margin-left 1s, background 1s; } .home-text-circle, .home-text-circle-light { position: relative; }
.home-text-circle:before { content: ""; background-image: url(https://www.routee.net/wp-content/uploads/2019/04/circle.png); background-repeat: no-repeat; width: 200px; position: absolute; height: 200px; background-size: contain; top: -65px; left: -85px; }
.home-text-circle-light:before { content: ""; background-image: url(https://www.routee.net/wp-content/uploads/2019/04/circle2.png); background-repeat: no-repeat; width: 200px; position: absolute; height: 200px; background-size: contain; top: -65px; left: -85px; }
@media (max-width: 800px) {
.home-text-circle:before {  content: none; }
.home-text-circle-light:before { content: none; }
}
#home-gradient-button-row, #»home-gradient-button-row» { max-width: 530px; float: right; margin: 0px 0 0 auto; }
.home-h3 { color: black; font-weight: 600; font-size: 2em !important; }
@media (max-width: 800px) {
#»home-gradient-button-row», #home-gradient-button-row, .home-h3, .home-p, .»home-h3», .»home-p» { text-align: center; margin: 0 auto; }
#home-p-mobile-fix { margin-bottom: 30px; }
} #home-design-row {
max-width: 1170px;
position: relative;
margin: 0 auto !important;
display: block;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
} #home-bg-video {
position: absolute;
top: 0;
left: 50%;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
} @media (min-width: 800px) {
.service-paragraph { max-width: 330px; }
.service-box , .»service-box» { max-width: 360px; float: right !important; } .service-section { height: 500px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; margin: 15px 0; }
.service-image-hide { display: none; }
}
@media (max-width: 800px) {
.service-section { background-image: none !important; }
} .why-routee-h4 { font-size: 1.5em; color: #0042e1; }
.why-routee-h4_icon { position: relative; padding-left: 50px; }
.why-routee-h4_icon:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
left: -20px;
top: 0px;
}
#why-routee-before_one:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Customer-preferences.svg); }
#why-routee-before_two:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Devices-they-have-available.svg); }
#why-routee-before_three:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Database-Synchronization-Upload.svg); }
#why-routee-before_four:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Unsent-message-management.svg); }
#why-routee-before_five:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Play-Global.svg); }
#why-routee-before_six:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Regional-language.svg); }
#why-routee-before_seven:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Multiple-Application-Creation.svg); }
#why-routee-before_eight:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Multi-Featured-Bulk-Messaging-With-callback.svg); }
.why-routee-h4_icon-top { position: relative; padding-top: 50px; }
.why-routee-h4_icon-top:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
top: -10px;
left: 0px;
}
#why-routee-before_one-top:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Message-Preview-Cost-Estimation.svg); }
#why-routee-before_two-top:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Personalized-Messaging.svg); }
#why-routee-before_three-top:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Dynamic-Segmentation.svg); }
#why-routee-before_four-top:before  { background-image: url(https://www.routee.net/wp-content/uploads/2019/04/Support.svg); }
.why-routee-h4_p { max-width: 285px; }
.why-routee-h3 {
text-align: left;
color: black;
font-weight: 600; 
font-size: 2em !important;
}
.why-routee-p {
text-align: left;
max-width: 325px;	
}
@media (max-width: 800px) {
.why-routee-p { margin: auto; text-align: center; }
.why-routee-h3 { text-align: center; }
.why-routee-h4_icon { margin: 0 auto; max-width: 360px; }
.why-routee-h4_icon-top { margin: 0 auto; max-width: 360px; }
.why-routee-mobile-centered { }
} .softone-offer {
background-color: #fef3f1;
max-width: 800px;
margin: 0 auto;
padding: 50px 0;
text-align: center;
position: relative;
}
.softone-offer:before {
content: "";
position: absolute;
background-image: url(https://www.routee.net/wp-content/uploads/2019/04/icon-3.png);
width: 120px;
height: 120px;
background-size: contain;
background-repeat: no-repeat;
top: 45px;
left: -60px;
}
@media (max-width: 550px) {
.softone-offer:before{display:none;}
}
.softone-offer-title { font-weight: 600; color: #f57061; font-size: 1.8em !important; }
.softone-offer-text { display: block; color: #f57061; font-weight: 600; font-size: 1.8em !important; }
.softone-offer-button { background-color: #f57061; padding: 10px 15px; border-radius: 15px; color: white; }
.softone-offer-button:hover { background-color: #f3776e; color: white; }
.softone-card {
background-color: white;
padding: 20px 15px 15px 65px;
position: relative;
z-index: 1;
min-width: 280px;
max-width: 400px;
margin: 0 auto;
border-radius: 5px;
box-shadow: -3px 15px 25px 5px #bed4ec;
}
@media (min-width: 800px) {
#softone-card-one { left: 10%; } 
#softone-card-two { left: 20%; }
#softone-card-three { left: 5%; }
}
#softone-card-one::before {
content: "1";
position: absolute;
font-size: 3em;
left: 15px;
top: 15px;
color: #c9d9ff;
font-weight: bolder;
}
#softone-card-two::before {
content: "2";
position: absolute;
font-size: 3em;
left: 15px;
top: 15px;
color: #c9d9ff;
font-weight: bolder;
}
#softone-card-three::before {
content: "3";
position: absolute;
font-size: 3em;
left: 15px;
top: 15px;
color: #c9d9ff;
font-weight: bolder;
}
.softone-card-title { color: gray; }
.softone-card-img { float: right; } @media (max-width: 1024px) {
.hidden-text { transform: none !important; }
} .download-container button { font-family: proxima-nova !important; font-weight: 400 !important; color: white !important; background-color: #0030f2 !important; border: 1px solid #0030f2 !important; border-radius: 15px !important; }
.download-container button:hover { color: white !important; background-color: #0030f2b3 !important; }
.download-container button:active { position: relative !important; top: 2px !important; }
.download-container input { border: none !important; border-bottom: 2px solid black !important; border-radius: 0px !important; }
.downloads-title-left-border { border-left: 6px solid #0030f2; }
.download-container label { color: black; }
.download-container .wpforms-field-container { display: flex; flex-wrap: wrap; }
.download-container .wpforms-field.wpforms-field-text { width: 50%; padding: 10px 5px !important; }
.download-container .wpforms-submit-container { text-align: right;} .download-title { text-align: left; margin: 20px 30% 20px auto; display: block; color: white; max-width: 400px; }
.download-paragraph { text-align: left; margin: 0 30% 0 auto; display: block; max-width: 400px; }
@media (max-width: 800px) {
.download-title, .download-paragraph { margin-left: auto; margin-right: auto; }
} #go-login-button:hover { background-color: #0000ffb3 !important; }
#dev-login-button:hover { background-color: #4c4a49cc !important; }
#email-login-button:hover { background-color: #000c !important; }
#extranet-login-button:hover { background-color: #4493cacc !important; }
@media (max-width: 800px) {
.login-box { float: none !important; min-width: auto !important; position: static !important; padding: 10px !important; margin: 0 !important; }
} .page-numbers { line-height: 32px !important; }
.page-numbers.bg-border-color:first-of-type, .page-numbers.dots { padding: 10px !important; }
.page-numbers:hover { background-color: #0030f2; }
.post__title.entry-title { color: #0030f2; } .routee-in-box {
background-color: #ffffff;
padding: 30px 0;
margin: 0 auto;
display: block;
-webkit-transition: -webkit-box-shadow 0.4s ease-in-out;
transition: -webkit-box-shadow 0.4s ease-in-out;
transition: box-shadow 0.4s ease-in-out;
transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
max-width: 360px;
}
.routee-in-box:hover { -webkit-box-shadow: 0 10px 50px 2px rgba(0,41,96,0.32); box-shadow: 0 10px 50px 2px rgba(0,41,96,0.32); }
.routee-in-box-img {
max-width: 150px;
display: block;
margin: auto;
}
.routee-in-box-title {
text-align: center;
color: black;
font-weight: 600;
padding-top: 10px;
font-size: 1.5em;
margin-bottom: 0;
}
.routee-in-box-subtitle {
text-align: center;
color: black;
font-weight: 400;
font-size: 1.2em;
margin-top: 0;
}
.routee-in-box-subtitle::after {
content: "";
display: block;
position: absolute;
width: 60px;
left: 50%;
margin-left: -30px;
height: 1px;
background-color: blue;
top: 90%;
} .faq-link {
color: black;
font-weight: 600;
}
.faq-link:hover , .faq-link:active {
color: #0030f2;
}
.faq-title {
font-size: 1.5em;
font-weight: 600;
color: #0030f2;
}
.faq-accordion-tab.accordion-panel {
background-color: #f7f7f7; 
}
.faq-accordion-tab.accordion-panel.active {
background-color: white;
border: 1px solid black;
}
.faq-accordion-tab .ovh {
color: black;
}
.faq-accordion-tab.active .ovh {
color: white;
padding-bottom: 10px;
}
.faq-accordion-tab svg {
fill: #0000e8 !important; 
}
.faq-accordion-tab.active svg {
fill: white !important; 
}
.accordion-panel.active {
box-shadow: none !important;
} .use-case-industry-image {
max-width: 160px;
display: block;
margin: auto;
}
.use-case-industry-title {
text-align: center;
color: black; 
}
.use-case-industry-link:hover .use-case-industry-title{
color: gray;
}
.panel-heading.active {
background: #0000e8;
border-radius: 0 !important;
} .use-case-arrow-button {
position: absolute;
display: block;
top: 50%;
}
.use-case-left-arrow {
left: 15px;   
}
.use-case-right-arrow {
right: 15px;
}
.use-case-link {
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
color: white;
}
.use-case-arrow-img {
max-width: 25px;
} .api-feature-box { border: 2px solid #c5ced7; min-height: 450px; padding: 20px; }
.api-feature-box-title { float: left; color: black; font-weight: 600; margin: 0; }
.api-feature-box-img { float: right; max-width: 80px; }
.api-feature-box-text { clear: both; text-align: justify; padding-top: 20px; } .about-top-svg-line { position: absolute; top: 0px; width: 100%; height: 120px; left: 0; }
.about-orange-title { position: relative; }
.about-orange-title:before {
content: "";
position: absolute;
width: 60px;
height: 5px;
background-color: #ff8214;
top: -25px;
}
.about-box {
box-shadow: 0 0 10px 2px grey;
padding: 20px 20px 40px;
max-width: 500px;
margin: auto;
min-height: 480px;
}
.about-box-img { display: block; margin: 0 auto; }
.about-box-title { color: black; text-align: center; } .job-box-img { max-width: 100px; margin: 0 auto; display: block; margin-bottom: 20px; }
.job-box-img-title { color: #0030f2; text-align: center; font-weight: 600; position: relative; margin-bottom: 75px; }
.job-box-img-title:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2019/01/circle.svg); background-repeat: no-repeat; height: 60px;
width: 60px; top: 100%; left: 50%; margin-left: -15px; }
.job-box-title { color: black; text-align: center; font-weight: 600; }
.job-box-subtitle { color: gray; text-align: center; }
.job-row:hover { background-color: aliceblue !important; } .careers-dpt-box {
background-color: #f4f4f4;
padding: 30px 0;
max-width: 240px;
margin: 0 auto;
display: block;
}
.careers-dpt-box:hover { background-color: #0030f2; }
.careers-dpt-box:hover .careers-dpt-box-title { color: white; }
.careers-dpt-box-img {
max-width: 150px;
display: block;
margin: auto;
}
.careers-dpt-box-title {
text-align: center;
color: black;
font-weight: 600;
padding-top: 10px;
}
#careers-row:after {
position: absolute;
content: "";
background-repeat: no-repeat;
background-image: url(https://www.routee.net/wp-content/uploads/2019/01/circle.svg);
width: 80px;
height: 80px;
left: 50%;
margin-left: -40px;
top: 95%;
}
.careers-white-title { color: white; font-size: 1.2em; position: relative; padding-left: 40px; }
.careers-white-title:before {
content: "";
position: absolute;
background: #ffffff82;
width: 30px;
height: 30px;
left: 0;
top: -2px;
border-radius: 25px;
}
.careers-white-title:after {
content: "";
position: absolute;
background: white;
width: 16px;
height: 16px;
left: 7px;
top: 5px;
border-radius: 25px;
}
@media (max-width: 980px) {
.careers-white-title:before, .careers-white-title:after { display: none; }
.careers-white-title { padding-left: 0; }
} .case-study-blue-line { position: relative; padding-left: 30px; padding-right: 20px; }
.case-study-blue-line:before {
content: "";
background: #0030f2;
width: 5px;
height: 100%;
left: 0;
position: absolute;
} .use-case-menu-li { padding: 12px 5px; display: inline; }
.use-case-menu-li:hover { box-shadow: 0px 0px 14px 2px #8080804d; }
.use-case-menu-image {
vertical-align: middle;
padding-right: 10px;
} @media (min-width: 980px) {
.float-left-desktop { float: left; }
.float-right-desktop { float: right; }
}
p.use-case-tick { position: relative; padding-left: 15px; }
p.use-case-tick:before {
content: "\2713";
position: absolute;
left: 0;
color: #0030f2;
font-weight: 600;
font-size: 16px;
}
@media (max-width: 980px) {
p.use-case-tick:before { display: none;} 
} .big-gradient-purple-circle { background: #8f5db7; background: linear-gradient(to right, #8f5db7, #59267c); width: 200px; height: 200px; border-radius: 50%; padding: 25px 10px; margin-left: -100px; left: 50%; position: relative; } .client-shadowed-image { box-shadow: 1px 1px 4px 1px grey; } .clients-orange-line { position: relative; }
.clients-orange-line:after {
content: "";
background-color: #d45007;
height: 2px;
width: 60px;
display: block;
position: absolute;
top: 110%;
left: 50%;
margin-left: -30px;
} .first-svg-line {
position: absolute;
top: 0px;
width: 100%;
height: 50px;
left: 0;
}
.second-svg-line {
position: absolute;
bottom: 0px;
width: 100%;
height: 50px;
left: 0;
}
.solutions-design-row {
max-width: 1170px;
position: relative;
margin: 0 auto !important;
display: block;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
flex-wrap: wrap-reverse !important;
display: flex !important;
} .big-gradient-blue-circle { background: #2b36a9; background: linear-gradient(to right, #5365f5, #04065b); width: 200px; height: 200px; border-radius: 50%; padding: 25px 10px; margin-left: -100px; left: 50%; position: relative; }
.small-gradient-gray-circle { background: #f7f8fe; background: linear-gradient(to right, #f7f8fe, #f3f4f9); width: 150px; height: 150px; border-radius: 50%; padding: 25px 25px; margin-left: -75px; left: 50%; position: relative; } .partnership-consultant-circle {
text-align: center;
width: 200px;
margin: auto;
height: 200px;
border-radius: 50%;
color: white;
line-height: 200px;
font-size: 2em;
font-weight: 600;
border: 1.5px dashed;
box-shadow: 0 0 0px 10px white inset;
}
.partnership-consultant-circle p{
line-height: 1.5;
vertical-align: middle;
display: inline-block;
color: white;
font-weight: 600;
} .partnership-agency-title:after {    
content: "";
display: block;
position: absolute;
border-radius: 20px;
height: 2px;
left: 50%;
margin-left: -16px;
bottom: -1em;
width: 32px;
background-color: #d75008;
top: 35px;
} #mysticky-nav span:nth-of-type(1) { width: -moz-available; width: -webkit-fill-available; width: fill-available; }
#mysticky-nav span:nth-of-type(3) { width: -moz-available; width: -webkit-fill-available; width: fill-available; } div#button-row div:nth-of-type(1)>div>div>a.btn { background-color: #fff; border-color: #fff; text-transform: capitalize; }
div#button-row div:nth-of-type(1)>div>div>a.btn:hover { background-color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.8); color: black; }
div#button-row div:nth-of-type(2)>div>div>a.btn { background-color: #0140e7; border-color: #0140e7; text-transform: capitalize; }
div#button-row div:nth-of-type(2)>div>div>a.btn:hover { background-color: #1d5bfe; border-color: #1d5bfe; color: white; } .waymore-photo { float: left; max-width: 100px; margin-right: 10px; }
@media (max-width: 800px) {
.service-title, .service-title + p { text-align: center !important; } .waymore-photo { float: none; display: block; margin: auto; } .white-bg img.aligncenter { float: none !important; } .img-mb-center > img { display: block; margin: auto; float: none; }   } @media all and (min-width: 768px) {
.no-mrg-tl { margin: 0; } 
} .video-element {
margin: auto;
height: auto;
display: block;
width: 100%;
} .tfa-wave { position: relative; }
.tfa-wave:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/2FA-Fallback-differences.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
@media all and (max-width: 800px) {
.tfa-wave:after { display: none; }
}
body.crumina-grid .kc_column_inner + .kc_column_inner, body.crumina-grid .kc_column_inner {
margin-top: 10px;
margin-bottom: 10px;
}
#service-bar {
font-family: proxima-nova, sans-serif !important;
} .custom-pricing-nav ul {
width: intrinsic; width: -moz-max-content; width: -webkit-max-content;
margin: auto !important;
}
@media all and (max-width: 1024px) {
.custom-pricing-nav ul { display: none; }
} nav ul li a, .toggle {
font-weight: 600;
} .xmas-text {    
position: absolute;
bottom: 0;
right: 0;    
}
.xmas-text h3 {
text-align: center;
color: black;
font-size: 1em;
font-weight: 600;
}
.xmas-hurry {    
position: absolute;
top: 110%;
left: 0;    
}
.xmas-hurry h2 {
color: red;
font-size: 3em;
font-weight: 900;
margin: 0;
}
.xmas-hurry h3 {
color: black;
font-size: 1em;
font-weight: 500;
}
.xmas-hurry h4 {
color: black;
font-size: 0.8em;
font-weight: 400;
}
.christmas-ball { 
box-shadow: 0 0 15px 0 #dfe0e0;
margin: 5px auto;
background: linear-gradient(to right, #dfe0e0, #f6f6f6);
width: 200px;
height: 200px;
border-radius: 50%;
line-height: 185px;
text-align: center;
top: 20px;
position: relative;
}
.christmas-ball:before { 
content: "";
position: absolute;
height: 100%;
width: 4px;
background: #dfe0e0;
left: 50%;
bottom: 99.5%;
transform: translateX(-50%);
box-shadow: 0 0 15px 0 #dfe0e0;
}
.christmas-ball p { font-weight: 900; text-align: center; color: red; font-size: 5em !important; line-height: 1.2;
display: inline-block;
vertical-align: middle;
position: relative;
}
p.xmas-tip:after {
content: "OFF";
font-size: 35px;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
div#xmas-form-container .wpforms-field-label { color: white; font-weight: 400; font-family: proxima-nova, sans-serif; border-radius: 0px; text-align: center; }
div#xmas-form-container .wpforms-required-label { color: white; }
div#xmas-form-container .wpforms-submit { color: white; background-color: red; border: 0; font-weight: 600; padding: 5px 25px; border-radius: 15px; }
div#xmas-form-container .wpforms-field-medium { max-width: 100%; border-radius: 15px; }
div#xmas-form-container .wpforms-submit-container { text-align: center; } .push-diff {
width: 200px;
height: 200px;
border-radius: 50%;
padding: 25px 0px;
margin-left: -100px;
left: 50%;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.push-diff-line:after {    
border: 1px dashed white;
content: "";
position: absolute;
width: -moz-available; width: -webkit-fill-available; width: fill-available;
left: 100%;
top: 50%;
}
@media all and (max-width: 800px) {
.push-diff-line:after { display: none; }
} .red-email-dif {
background-repeat: no-repeat;
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/red-box.svg);
padding: 45px 0px;
background-position: center;
}
.white-email-dif {
background-repeat: no-repeat;
background-color: white;
padding: 45px 0px;
background-position: center;
}
.email-dif {
background-repeat: no-repeat;
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/box-1.svg);
padding: 45px 0px;
background-position: center;
} .round-box { border-radius: 100%; } .blue-hex {
position: relative;
width: 250px;
height: 144.34px;
background-color: #1149e4;
margin: 72.17px auto;
}
.blue-hex:before, .blue-hex:after {
content: "";
position: absolute;
width: 0;
border-left: 125px solid transparent;
border-right: 125px solid transparent;
}
.blue-hex:before {
bottom: 100%;
border-bottom: 72.17px solid #1149e4;
}
.blue-hex:after {
top: 100%;
width: 0;
border-top: 72.17px solid #1149e4;
} .sms-box { min-height: 250px; text-align: center;}
.hidden-feature { text-align: center; padding: 0 10px 0; display: none; }
.sms-box:hover { height: 250px; line-height: 250px; }
.sms-box:hover .hidden-feature { display: block; position: relative; top: 0; line-height: 1.5;
display: inline-block;
vertical-align: middle;}
.sms-box:hover .hidden-image { display: none; }
.sms-box:hover .hidden-feature-title { display: none; }
.viber-box { min-height: 250px; text-align: center;}
.viber-box:hover { height: 250px; line-height: 250px; }
.viber-box:hover .hidden-feature { display: block; position: relative; top: 0; line-height: 1.5;
display: inline-block;
vertical-align: middle;}
.viber-box:hover .hidden-image { display: none; }
.viber-box:hover .hidden-feature-title { display: none; } .voice-corner { position: relative; }
.voice-corner:before {
width: 10px;
content: " ";
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/up.svg);
background-repeat: no-repeat;
position: absolute;
left: 0;
height: 10px;
top: 0;
}
.voice-corner:after {
width: 10px;
content: " ";
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/down.svg);
background-repeat: no-repeat;
position: absolute;
right: 0;
height: 10px;
bottom: 0;
} .voice-wave, .voice-wave2, .voice-wave3, .voice-wave4, .voice-wave5, .voice-wave6 { position: relative; }
.voice-wave:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
.voice-wave2:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences2.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
.voice-wave3:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences3.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
.voice-wave4:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences4.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
.voice-wave5:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences5.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
.voice-wave6:after { content: ""; position: absolute; background-image: url(https://www.routee.net/wp-content/uploads/2018/12/differences6.svg); display: block; width: 100%; height: 100%; top: 75px; background-repeat: no-repeat; background-position: center; }
@media all and (max-width: 800px) {
.voice-wave:after, .voice-wave2:after, .voice-wave3:after, .voice-wave4:after, .voice-wave5:after, .voice-wave6:after { display: none; }
} .campaign-blue { position: relative; }
.campaign-blue:after {
content: "";
position: absolute;
background: white;
right: 0;
top: 0;
border-top: 40px solid transparent;
border-left: 40px solid #0030f2;
}
.white-circle { background: white; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .campaign-light-blue { position: relative; }
.campaign-light-blue:after {
content: "";
position: absolute;
background: white;
right: 0;
top: 0;
border-top: 40px solid transparent;
border-left: 40px solid #1561db;
} .voice-benefit-white { position: relative; padding-left: 50px; }
@media (max-width: 800px) {
.voice-benefit-white .service-title, .voice-benefit-white .service-title + p { text-align: center !important; }
.voice-benefit-white { padding-left: 0 !important; }
}
.voice-benefit-white:before {
content: "";
position: absolute;
background: #ffffff82;
width: 30px;
height: 30px;
left: 0;
top: 30px;
border-radius: 25px;
}
.voice-benefit-white:after {
content: "";
position: absolute;
background: white;
width: 16px;
height: 16px;
left: 7px;
top: 37px;
border-radius: 25px;
}
@media (max-width: 800px) {
.voice-benefit-white:before, .voice-benefit-white:after { display: none; }
} .corner { position: relative; }
.corner:before {
width: 8px;
content: " ";
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/up.svg);
background-repeat: no-repeat;
position: absolute;
top: -6px;
height: 8px;
left: -6px;
}
@media all and (max-width: 800px) {
.corner:before { left: auto; }
}
.corner:after {
width: 8px;
content: " ";
background-image: url(https://www.routee.net/wp-content/uploads/2018/12/down.svg);
background-repeat: no-repeat;
position: absolute;
top: 92%;
height: 8px;
} .sms-box { box-shadow: 0px 0px 1px 1px lightgrey; padding: 0; } div#register-row * { font-family: proxima-nova, sans-serif !important; }
div#register-row .wpforms-form { display: flex; }
div#register-row .wpforms-field-container { margin: 0 15px 0 0 !important; }
div#register-row .wpforms-submit { font-family: proxima-nova, sans-serif !important;
color: white; background: #0140e7; border: 2px solid #fff; border-radius: 15px; padding: 10px 40px; font-weight: 600 !important; height: 50px; transition: color 1s, background 1s; }
div#register-row .wpforms-submit:hover { color: white; background: #1d5bfe; border-color: #fff; }
div#register-row .wpforms-field-medium { max-width: 100%; padding: 24px 30px; border-radius: 15px; font-weight: 500 !important; text-align: center; }
@media all and (max-width: 1100px) {
div#register-row .wpforms-form { display: block; }
div#register-row .wpforms-field-medium { margin: 0 auto !important; max-width: 300px; text-align: center; }
div#register-row .wpforms-submit-container { text-align: center; }
div#register-row .wpforms-field-container { margin: 0 auto; }
}
div#»register-row» * { font-family: proxima-nova, sans-serif !important; }
div#»register-row» .wpforms-form { display: flex; }
div#»register-row» .wpforms-field-container { margin: 0 15px 0 0 !important; }
div#»register-row» .wpforms-submit { font-family: proxima-nova, sans-serif !important;
color: white; background: #0140e7; border: 2px solid #fff; border-radius: 15px; padding: 10px 40px; font-weight: 600 !important; height: 50px; transition: color 1s, background 1s; }
div#»register-row» .wpforms-submit:hover { color: white; background: #1d5bfe; border-color: #fff; }
div#»register-row» .wpforms-field-medium { max-width: 100%; padding: 24px 30px; border-radius: 15px; font-weight: 500 !important; text-align: center; }
@media all and (max-width: 1100px) {
div#»register-row» .wpforms-form { display: block; }
div#»register-row» .wpforms-field-medium { margin: 0 auto !important; max-width: 300px; text-align: center; }
div#»register-row» .wpforms-submit-container { text-align: center; }
div#»register-row» .wpforms-field-container { margin: 0 auto; }
} div#get-started-row * { font-family: proxima-nova, sans-serif !important; }
div#get-started-row .wpforms-submit { color: #0030f2 !important; border: 1px white solid !important; background: #fff !important; border-radius: 15px !important; transition: color 1s, background 300ms; font-weight: 500; }
div#get-started-row .wpforms-submit:hover { background: rgba(255,255,255,.8) !important; }
div#get-started-row .wpforms-field { margin: 0 auto !important; }
div#get-started-row .wpforms-field-medium { max-width: 90% !important; margin: 0 auto !important; border-radius: 15px; text-align: center; font-weight: 500; }
div#get-started-row .wpforms-field-container { display: flex; }
div#get-started-row .wpforms-submit-container { text-align: center; margin-top: 20px; }
@media all and (max-width: 800px) {
div#get-started-row .wpforms-field-container { display: block; }
} .numbered-img::after { content: "\203A"; position: absolute; background: white; border: 0.5px dashed; height: 20px; width: 20px; border-radius: 25px; line-height: 0.7; left: 120%; font-weight: 500; top: 50%; font-size: 24px; padding: 0px 6px 0px; }
.dashed-line-img { position: relative; }
.dashed-line-img::before { content: ""; position: absolute; width: -moz-available; width: -webkit-fill-available; width: fill-available; border: 0.5px dashed; left: 75%; top: 60%; margin: 0 30px; }
@media all and (max-width: 800px) {
.numbered-img::after, .dashed-line-img::before { display: none; }
} .step-arrow::after { content: "\203A"; position: absolute; font-size: 5em; color: #0030f2; bottom: 25%; right: 0; font-weight: 400; }
@media all and (max-width: 800px) {
.step-arrow::after { display: none; }
} .blue-dashed-line::after { content: ""; height: 3px; width: 100%; position: absolute; left: 100%; background-image: url(https://www.routee.net/wp-content/uploads/2018/11/Routee-differences-Line-01.svg); top: 50%; margin-left: 24px; }
@media all and (max-width: 800px) {
.blue-dashed-line::after { display: none; }
} .white-bg { background-color: white; padding: 15px 15px; min-height: 500px; } .light-bule-circle { background: #568dff; width: 200px; height: 200px; border-radius: 50%; padding: 25px 10px; margin-left: -100px; left: 50%; position: relative; }
@media only screen and (max-width: 800px) {.light-bule-circle { background: #568dff !important;}}
.blue-circle { background: #0030f2; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .black-circle { background: black; width: 150px; height: 150px; border-radius: 50%; padding: 25px 25px; margin-left: -75px; left: 50%; position: relative; }
.black-dashed-line:after { border: 1px dashed black; content: ""; position: absolute; width: -moz-available; width: -webkit-fill-available; width: fill-available; left: 100%; top: 50%; }
@media all and (max-width: 800px) {
.black-dashed-line:after { display: none; }
} .dark-blue-circle { background: #0E0E52; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .light-green-circle { background: #103498; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .pale-blue-circle { background: #3D518C; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .purple-blue-circle { background: #7692FF; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; } .overlay-bg { background-size: cover; margin: 10px auto; }
.overlay-bg:hover { background: #0030f2 !important; }
.overlay-text { color: white; font-size: 20px; position: absolute; top: 60%; font-weight: 600; left: 50%; -webkit-transform: translate(-50%, -125%); -ms-transform: translate(-50%, -125%); transform: translate(-50%, -125%); text-align: center; line-height: 1.2;}
.overlay-text-p { color: white; font-size: 14px; position: relative; bottom: -50%; font-weight: 600; text-align: center; padding: 0 10px; }
.overlay-bg:hover .expo-after-blue::after { width: 30px; margin-left: -15px; background: white; } .dashed-border { height: max-content; position: relative; }
.dashed-border::after { content: ""; width: 1px; position: absolute; top: 10%; height: 100%; left: 105%; border: 1px dashed black; }
@media all and (max-width: 768px) {
.dashed-border::after { display: none; }
}
@media all and (max-width: 768px) {
.mobile-centered-text { text-align: center !important; }
} .single-fw-event #primary { margin: 0 !important; }
.single-fw-event .container { width: 100%; padding: 0; }
.single-fw-event section { padding: 120px 25px !important; }
.bg-blue-lighteen { background-color: transparent !important; } #expo-form button#wpforms-submit-10913 { background: #0030f2 !important; color: white !important; font-weight: 600; }
div#wpforms-10913 { font-weight: 600; } div#api-live-test-row { background-color: #1a1264; padding: 40px 10px; max-width: 400px; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url(https://www.routee.net/wp-content/uploads/2019/02/Test-background.png); background-position: center; background-size: contain; }
div#api-live-test-row button.custom-form-submit { background: #0030f2; border-radius: 15px; padding: 5px 20px; font-weight: 500; color: white; font-size: 1em; display: block; margin: auto; }
div#api-live-test-row .custom-form-verify-submit { background: #868686; border-radius: 15px; padding: 5px 15px; font-weight: 500; color: white; box-shadow: none; font-size: 1em; display: block; margin: auto; }
div#api-live-test-row .page-template-custom-form .g-recaptcha { margin-bottom: -10px; }
div#api-live-test-row input#custom-form-phone { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; margin-bottom: -20px; font-weight: 500; }
div#api-live-test-row input#custom-form-phone2 { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; margin-bottom: -20px; font-weight: 500; }
div#api-live-test-row textarea.custom-form-textarea { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; padding-top: 50px; height: 80px !important; margin-bottom: -10px; }
div#api-live-test-row .intl-tel-input.separate-dial-code .selected-dial-code { color: white; font-size: 1em; font-weight: 500; }
div#api-live-test-row .intl-tel-input .selected-flag .iti-arrow { border-top-color: white; }
div#api-live-test-row #custom-form-phone::placeholder { color: white !important; font-size: 1em; }
div#api-live-test-row #custom-form-phone2::placeholder { color: white !important; font-size: 1em; }
div#api-live-test-row textarea.custom-form-textarea::placeholder { color: white !important; font-size: 1em; } div#live-test-row { background-color: #00000080; padding: 20px 10px; max-width: 360px; float: right; position: absolute; right: 0; bottom: 0; }
div#live-test-row button.custom-form-submit { background: #0030f2; border-radius: 15px; padding: 5px 20px; font-weight: 500; color: white; font-size: 1em; display: block; margin: auto; }
div#live-test-row .custom-form-verify-submit { background: #868686; border-radius: 15px; padding: 5px 15px; font-weight: 500; color: white; box-shadow: none; font-size: 1em; display: block; margin: auto; }
div#live-test-row .page-template-custom-form .g-recaptcha { margin-bottom: -10px; }
div#live-test-row input#custom-form-phone { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; margin-bottom: -20px; font-weight: 500; }
div#live-test-row input#custom-form-phone2 { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; margin-bottom: -20px; font-weight: 500; }
div#live-test-row textarea.custom-form-textarea { background: transparent; border-radius: 0; border-bottom: 2px solid white; box-shadow: none; padding-top: 50px; height: 80px !important; margin-bottom: -10px; }
div#live-test-row .intl-tel-input.separate-dial-code .selected-dial-code { color: white; font-size: 1em; font-weight: 500; }
div#live-test-row .intl-tel-input .selected-flag .iti-arrow { border-top-color: white; }
div#live-test-row #custom-form-phone::placeholder { color: white !important; font-size: 1em; }
div#live-test-row #custom-form-phone2::placeholder { color: white !important; font-size: 1em; }
div#live-test-row textarea.custom-form-textarea::placeholder { color: white !important; font-size: 1em; } div#button-row > * { width: auto; margin: 0; }
div#button-row { padding: 0; } .ui-dialog { position: fixed !important; } a:hover { cursor: pointer; } .btn.btn--green { display: unset !important; }
footer.entry-footer { height: 0; } h1, h2, h3, h4, h5, h6, p, a, div, span, * { font-family: proxima-nova, sans-serif !important; font-weight: 400; } p { font-size: 16px !important; 
line-height: 1.85 !important;
font-weight: 400; 
}
h3 { font-size: 1.125em; } .heading-title, .heading-text { margin: 0px; }
.kc-col-container > .kc-elm + .kc-elm { margin-top: 15px; } .btn--with-shadow:after { content: none; } p { margin: 0 0 0.5em 0; }
.kc-col-inner-container > .kc-elm { margin-bottom: 20px; }
img.aligncenter { display: block; margin: 0px auto 0px auto; } .alignleft,  .alignright { margin-bottom: 0px; margin-top: 0px;} div#cookie-law-info-again { display: none !important; }
@media all and (max-width: 900px) {
div#cookie-law-info-bar { text-align: left; padding-bottom: 50px;}
} .intl-tel-input { position: relative; display: inline-block; border-radius: 25px; border: 0px;  } ul.country-list.dropup { z-index: 999; } .routee-in-country-container { text-align: center; }
.routee-in-country-container  .country-list { z-index: 9 !important; }
.routee-in-country-container #check-pricing-button { text-transform: none; color: white; background-color: #0140e7; border: none; }
.routee-in-country-container #check-pricing-button:hover { color: white; background-color: #1d5bfe; border: none; } .custom-pricing-header-input select { background: url(https://www.routee.net/wp-content/uploads/2018/09/dropdrown_arrow-1.png) no-repeat 90%; } .slider-slides { display: none; }
.navigation-left-bottom { position: relative; left: 50%; margin-left: -38px; margin-top: 20px; }
.tfa-after-blue::after { content: ""; display: block; position: relative; border-radius: 20px; height: 5px; left: 50%; margin-left: -30px; width: 60px; background-color: #0030f2; }  .tfa-before-blue { padding-left: 10px; } 
.tfa-before-blue::before { content: ""; display: block; position: absolute; border-radius: 20px; height: 10px; width: 10px; background-color: #0030f2; left: 8px; margin-top: 8px; }  .after-blue::after { content: ""; display: block; position: absolute; border-radius: 20px; height: 5px; left: 8px; bottom: -12px; width: 55px; background-color: #0030f2; } ::placeholder { color: black !important; opacity: 1 !important; } .bottom-blue-about-us::after { content: ""; display: block; position: absolute; left: 50%; border-radius: 20px; height: 5px; width: 50px; margin-left: -25px; background-color: #0030f2; }
.left-blue-about-us::before { content: ""; display: block; position: absolute; left: -10px; top: 50%; margin-top: -15px; border-radius: 20px; height: 30px; width: 5px; background-color: #0030f2; }    body #wpforms-6363 .wpforms-submit-container .wpforms-submit { text-transform: uppercase; font-weight: 600; }
input#wpforms-6363-field_0 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-6363-field_1 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
textarea#wpforms-6363-field_2 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-6363-field_4 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-6363-field_5 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-6363-field_6 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }  body #wpforms-9096 .wpforms-submit-container .wpforms-submit { text-transform: uppercase; font-weight: 600; }
input#wpforms-9096-field_0 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-9096-field_1 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
textarea#wpforms-9096-field_2 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-9096-field_4 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-9096-field_5 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }
input#wpforms-9096-field_6 { max-width: 575px; border: 0 !important; border-bottom: 1px solid #0030f2 !important; display: inline-block; font-weight: 500; text-transform: uppercase; }  .kc_col-sm-1 { width: initial !important; } .white-text-underline { text-decoration: underline !important; text-decoration-color: white !important; } .use-cases-container { position: relative; text-align: center; width: 100%; }
.use-cases-img { width: 100%; vertical-align: middle; }
.use-cases-text { color: white; font-weight: 600; font-size: 1.8em; line-height: 1; -o-transition: font-size 250ms; -moz-transition: font-size  250ms; -webkit-transition: font-size 250ms; transition: font-size 250ms; }
.use-cases-container:hover .use-cases-text { font-size: 2em; }
.use-cases-text::after { content: ""; background-color: white; width: 70px; height: 5px; display: inline-block; position: absolute; margin: auto; top: 150%; bottom: 0; left: 0; right: 0; }
.use-cases-click-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header-diagram { background-color: #191919; -webkit-box-shadow: 0 16px 80px 8px rgba(86,91,115,.15); box-shadow: 0 16px 80px 8px rgba(86,91,115,.8); padding: 2rem; -webkit-animation: fadeIn .5s .2s cubic-bezier(.4,0,.2,1) backwards; animation: fadeIn .5s .2s cubic-bezier(.4,0,.2,1) backwards; }
.header-diagram-code { font-size: 1rem; line-height: 1.5; background-color: transparent; color: #e8e8e8; opacity: .99; white-space: pre-wrap; margin: 0; padding: 0; margin-bottom: 1rem; }
pre { padding: 10px; background: #f5f5f5; font: 12px/18px Consolas,monospace,serif; color: #444; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; overflow: auto; }
.cm-builtin { color: #cfd500; }
.cm-attribute { color: #3ea9e8; }
.cm-string { color: #ff6a7a; }
.cm-variable { color: #047d65; }
.cm-property { color: #1d75b3 }
.header-diagram-link { color: white; }
.header-diagram-link:hover { color: #94979b; text-decoration: underline !important; } .careerbutton { min-width: 250px; padding: 20px 10px; margin: 10px 0px; }  div#event-row * { font-family: proxima-nova, sans-serif !important; }
div#event-row .wpforms-submit { color: #0030f2 !important; border: 1px white solid !important; background: #fff !important; border-radius: 15px !important; transition: color 1s, background 300ms; font-weight: 500; }
div#event-row .wpforms-submit:hover { background: rgba(255,255,255,.8) !important; }
div#event-row .wpforms-field { margin: 0 auto !important; }
div#event-row .wpforms-field-medium { max-width: 90% !important; margin: 0 auto !important; border-radius: 15px; text-align: center; font-weight: 500; }
div#event-row .wpforms-field-container { display: flex; }
div#event-row .wpforms-submit-container { text-align: center; margin-top: 20px; }
@media all and (max-width: 800px) {
div#event-row .wpforms-field-container { display: block; }
} .post__content-info section { display: none; } svg.utouch-icon.utouch-icon-menu-1 { display: none !important; } .page-template-custom-form .custom-form-textarea { max-width: 300px !important; position: relative; left: 50%; margin-left: -150px; } .page-template-custom-form .intl-tel-input { max-width: 300px; position: relative;  } .page-template-custom-form .custom-form-verify-input { max-width: 300px !important; position: relative; left: 50%; margin-left: -150px; } .bdp_blog_template a.bd-more-tag { font-weight: 500; border: 1px solid #0030f2; }
.bdp_blog_template .bd-blog-header h2 a { font-weight: 400; }
.bd-post-content { font-weight: 400; }
.post p { font-weight: 400; }
.post__title { font-weight: 400; }
.post .overlay-standard { opacity: 0; display: none; }
.post .link-image .utouch-icon { display: none; }
.post .link-post .utouch-icon { display: none; } #site-header { padding: 0; }
div.header-spacer { height: 52px !important; display: block; }  input#wpforms-10062-field_0 { border: 0 !important; border-bottom: 1px solid #0030f2 !important; font-weight: 500 !important; max-width: 100% !important; }
input#wpforms-10062-field_1 { border: 0 !important; border-bottom: 1px solid #0030f2 !important; font-weight: 500 !important; max-width: 100% !important; }
input#wpforms-10062-field_3 { border: 0 !important; border-bottom: 1px solid #0030f2 !important; font-weight: 500 !important; max-width: 100% !important; }
button#wpforms-submit-10062 { background-color: #0030f2; color: white; font-weight: 600; border-radius: 25px; padding: 10px 20px; border: 2px solid #0030f2; }
button#wpforms-submit-10062:hover { background-color: white; color: #0030f2; } .expo-after-black::after { content: ""; background: black; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; }
.expo-after-blue::after { content: ""; background: #0030f2; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px; transition: width 1s, margin-left 1s, background 1s; }
.expo-after-white::after { content: ""; background: white; height: 4px; width: 60px; display: block; position: absolute; top: 110%; left: 50%; margin-left: -30px;} button#check-pricing-button { border: 1px solid #0030f2; color: #0030f2; background: white; display: initial !important}
button#check-pricing-button:hover { color: white; background: #0030f2; } .routee-in-country-container .intl-tel-input.allow-dropdown .selected-flag, .routee-in-country-container .intl-tel-input.separate-dial-code .selected-flag, .routee-in-country-container .intl-tel-input.allow-dropdown .flag-container, .routee-in-country-container .intl-tel-input.separate-dial-code .flag-container { width: 100%; height: 100%; } .mark_auto_one_blue{ max-width: 420px; margin-left: 35px;}
.mark_auto_one_blue::before { content: "01"; position: absolute; left: 16px; color: #0030f2;}
.mark_auto_two_blue{ max-width: 420px; margin-left: 35px;}
.mark_auto_two_blue::before { content: "02"; position: absolute; left: 16px; color: #0030f2;}
.mark_auto_three_blue{ max-width: 420px; margin-left: 35px;}
.mark_auto_three_blue::before { content: "03"; position: absolute; left: 16px; color: #0030f2;}
.mark_auto_four_blue{ max-width: 420px; margin-left: 35px;}
.mark_auto_four_blue::before { content: "04"; position: absolute; left: 16px; color: #0030f2;}
.mark_auto_five_blue{ max-width: 420px; margin-left: 35px;}
.mark_auto_five_blue::before { content: "05"; position: absolute; left: 16px; color: #0030f2;}
.mark_auto_one_black_big { position: relative; padding-left: 40px; }
.mark_auto_one_black_big::before { content: "01"; position: absolute; left: 0px; color: black; top: -8px; font-size: 30px;}
.mark_auto_two_black_big { position: relative; padding-left: 40px; }
.mark_auto_two_black_big::before { content: "02"; position: absolute; left: 0px; color: black; top: -8px; font-size: 30px;}
.mark_auto_three_black_big { position: relative; padding-left: 40px; }
.mark_auto_three_black_big::before { content: "03"; position: absolute; left: 0px; color: black; top: -8px; font-size: 30px;}
.mark_auto_one_gray::before { content: "01."; position: absolute; left: -28px; color: gray; font-size: 26px;}
.mark_auto_two_gray::before { content: "02."; position: absolute; left: -28px; color: gray; font-size: 26px;}
@media all and (max-width: 980px) { 
.mark_auto_one_black_big, .mark_auto_two_black_big, .mark_auto_three_black_big { padding-left: 0; }
.mark_auto_one_black_big:before, .mark_auto_two_black_big:before, .mark_auto_three_black_big:before { display: none; }
}  .service-title { font-size: 1.125em; font-weight: 600; color: black; }
.service-desc { font-size: 0.875em; font-weight: 400; } .fw-event-template-default .row { margin-left: 0px !important; margin-right: 0px !important; } @media all and (min-width: 480px) {
.fw-event-template-default div { padding-left: 0 !important; padding-right: 0 !important; }
}    @media all and (max-width: 980px) { #register-row, #»register-row» { display: flex; flex-direction: column; } #expo-menu { display: none; } .col-lg-12.col-md-12.col-sm-12 { padding-right: 0px !important; padding-left: 0px !important; }  .row { margin-left: 0px !important; margin-right: 0px !important; } .mobile-hide { display: none !important; } div#button-row .btn { font-size: 1em;
left: 50%;   
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%); 
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} .container-one { margin-top: 0px !important; margin-bottom: 0px !important; }
.a1 { width: unset !important; position: relative !important; left: 0px !important; }
.a2 { position: relative !important; left: 50% !important; top: 10px !important; margin-left: -166px !important; }  .mobile-center { text-align: center !important; margin: 0 auto; } div#live-test-row { position: relative; left: 50%; margin-left: -175px; margin-top: 2%; float: left; width: 350px;}
div#api-live-test-row { position: relative; left: 50%; margin-left: -175px; margin-top: 2%; float: left; width: 350px; transform: none; } div#button-row > * { width: -moz-available; width: -webkit-fill-available; width: fill-available; margin: 10px 0px; }
}
@media all and (max-width: 600px) {
span.navbarhide { display: none; }
} h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.5em !important;
}
input::placeholder {
color: #b6b6b6 !important;
font-style: italic;
}