/* Enter Your Custom CSS Here  */

.btn-small {
		font-size: 16px !important;
}

p.a3 {
    color: #444;
}

/* VIBER MESSAGING PAGE - Gain with Routee section design */
@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;
}
  
}

/* menu-vertical-align*/
li.menu-list-item a {
    padding: inherit !important;
}

/* MESSENGER SERVICE PAGES - page design */
.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 SERVICE PAGES - page design */
.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; }

/* VIBER SERVICE PAGES - page design */
.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; }

/* WE CHAT SERVICE PAGES - page design */
.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 PAGE - page design */
.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 PAGE - section 1 design to match the video */
#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 PAGE - bg video */
#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%);
}

/* SERVICES PAGE - page design */
@media (min-width: 800px) {
	.service-paragraph { max-width: 330px; }
	.service-box , .»service-box» { max-width: 360px; float: right !important; } /* second class is for greek bug */
  .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 PAGE - page design */
.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 INTEGRATION PAGE - page design */
.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; }

/* VIBER MESSAGING - mobile design fix */
@media (max-width: 1024px) {
  .hidden-text { transform: none !important; }
}

/* DOWNLOADS PAGE - downloads forms design and text design */
.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;}
/* DOWNLOADS PAGE - hero section design */
.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; }
}

/* LOGIN PAGE - page design */
#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; }
}

/* SEARCH RESULTS PAGE - page design */
.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 COUNTRY PAGE - employee box design */
.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 PAGE - page design */
.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 CASES PAGES - other industries buttons */
.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 CASES PAGES - arrows for next and previous case */
.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;
}

/* SERVICE -DEV- PAGES - page-design */
.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 PAGE - page-design */
.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 POSITIONS PAGE - page-design */
.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; }

/* CAREER PAGE - page-design */
.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 PAGES - text-design */
.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 PAGES - menu-navbar design */
.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;
}

/* USE CASE PAGES - page design */
@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;} 
}

/* 2FA WITH MISSED CALL PAGE - circle design for Differences Section */
.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; }

/* CLIENTS PAGE - create shadow for clients logos */
.client-shadowed-image { box-shadow: 1px 1px 4px 1px grey; }

/* CLIENTS PAGE - orange decorative line */
.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;
}

/* SOLUTION PAGES - design for gray bg and mobile on some sections */
.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;
}

/* 2FA WITH MISSED CALL PAGE - circle design for Differences Section */
.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; }


/* CONSULTANT PARTNERSHIP PAGE - create circle background design */
.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;
}

/* AGENCIES PARTNERSHIP PAGE - create orange underline effect after title */
.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;
}

/* SERVICE PAGES - navbar browser fix */
#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; }

/* SERVICE PAGES - first two buttons design */
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; }

/* SERVICE PAGES - mobile fixes */
.waymore-photo { float: left; max-width: 100px; margin-right: 10px; }
@media (max-width: 800px) {
	.service-title, .service-title + p { text-align: center !important; } /* generally all text should be aligned center in mobile */
	.waymore-photo { float: none; display: block; margin: auto; } /* waymore benefits photo center align for mobile */
  .white-bg img.aligncenter { float: none !important; } /* make use cases centered */
	.img-mb-center > img { display: block; margin: auto; float: none; } /* for images that are aligned left in desktop */
/*	div.single-image ~ div h3, div.single-image ~ div p { text-align: left !important; } /* feature text that have the image on the left should stay on left align */
 /* .white-bg p, .white-bg .service-title { text-align: left !important; } /* use case text that have image on the left should stay on left align*/
}


/* HOME PAGE - titles design */
@media all and (min-width: 768px) {
.no-mrg-tl { margin: 0; } 
}

/* ANY PAGE WITH VIDEO - video container design */
.video-element {
    margin: auto;
    height: auto;
    display: block;
    width: 100%;
}

/* 2FA WITH FALLBACK PAGE - differences section design */
.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;
}

/* PRICING - navbar design 
nav.custom-pricing-nav { top: 54px; padding-top: 13px; }
nav.custom-pricing-nav a:hover {
    color: #7c96ff;
}*/
.custom-pricing-nav ul {
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  margin: auto !important;
}
@media all and (max-width: 1024px) {
  .custom-pricing-nav ul { display: none; }
}


/* MENUS - links font-weight */
nav ul li a, .toggle {
    font-weight: 600;
}

/* XMAS PROMO PAGE - section one design */
.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 PAGE - differences box design */
.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; }
}
/* EMAIL PAGES - differences box design */
.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;
}

/* MESSAGING APPS PAGES - feature box design */
.round-box { border-radius: 100%; }

/* RCS PAGE - stats background */
.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;
}


/* ANY SERVICE PAGE - feature box design */
.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 BROADCASTING PAGE - use cases background */
.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 BROADCASTING PAGE - differences background */
.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; }
}


/* SERVICE PAGES - are you a developer section design */
.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; }

/* WAYMORE PAGE - integrations section design */
.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;
}


/* VOIVE BROADCASTING PAGE - */
.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; }
}
/* SERVICES PAGES - adding design before and after of some headings */
.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 SURVEY PAGE - design for feature boxes */
.sms-box { box-shadow: 0px 0px 1px 1px lightgrey; padding: 0; }

/* MAIN PAGE - Register form design */
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; }
}

/* ANY PAGE - Get Started form design */
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; }
}

/* MAIN PAGE - Section 3 images design */
.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; }
}

/* PARTNERSHIP WITH CONSULTANTS PAGE - Create step effect with arrow */
.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; }
}

/* MARKETING SMS PAGE - Routee Difference Section design */
.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; }
}

/* MARKETING SMS PAGE - Use Cases Section bg design */
.white-bg { background-color: white; padding: 15px 15px; min-height: 500px; }

/* MARKETING SMS PAGE - circles design */
.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; }
/* SMS SURVEY PAGE - circles design */
.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; }
}
/* TRANSACTIONAL SMS PAGE - circles design */
.dark-blue-circle { background: #0E0E52; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; }
/* BULK MMS PAGE - circles design */
.light-green-circle { background: #103498; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; }
/* TWO WAY PAGE - circles design */
.pale-blue-circle { background: #3D518C; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; }
/* SMS TWO FACTOR AUTHENTICATION - circles design */
.purple-blue-circle { background: #7692FF; width: 150px; height: 150px; border-radius: 50%; padding: 25px 10px; margin-left: -75px; left: 50%; position: relative; }

/* SERVICE PAGES - related services hover design */
.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; }

/* ANY PAGE - creates a black dashed decorative line after the element */
.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; }
}

/* EVENT PAGES - page design override */
.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; }

/* ECOMMERCE EXPO PAGE - book a meeting form design  */
#expo-form button#wpforms-submit-10913 { background: #0030f2 !important; color: white !important; font-weight: 600; }
div#wpforms-10913 { font-weight: 600; }

/* ANY API PAGES WITH LIVE TESTS - Live Test module (bg, text, button and recaptcha) design  */
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; }

/* ANY PAGES WITH LIVE TESTS - Live Test module (bg, text, button and recaptcha) design  */
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; }

/* ANY SERVICES PAGE - delete space between buttons in section one */
div#button-row > * { width: auto; margin: 0; }
div#button-row { padding: 0; }

/* ANY PAGE WITH CUSTOM POPUP - make popup fixed */
.ui-dialog { position: fixed !important; }

/* ANY PAGE WITH LINKS - make cursor a hand when hovering over link */
a:hover { cursor: pointer; }

/* ADMIN PAGE PREVIEW - do not let EDIT button cover everything */
.btn.btn--green { display: unset !important; }
footer.entry-footer { height: 0; }

/* ALL PAGES - changes all font-family to Proxima-nova in case we missed something */
h1, h2, h3, h4, h5, h6, p, a, div, span, * { font-family: proxima-nova, sans-serif !important; font-weight: 400; }

/* ALL PAGES - changes default font-sizes */
p { font-size: 16px !important; 
		line-height: 1.85 !important;
		font-weight: 400; 
}
h3 { font-size: 1.125em; }

/* ANY PAGE - reduce pre-set margin */
.heading-title, .heading-text { margin: 0px; }
.kc-col-container > .kc-elm + .kc-elm { margin-top: 15px; }

/* ANY PAGE - hide pre-set shadow for buttons */
.btn--with-shadow:after { content: none; }

/* ANY PAGE - reduce the gaps between elements because KC Composer has default values */
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; }
/* ANY PAGE - change default image margins */
.alignleft,  .alignright { margin-bottom: 0px; margin-top: 0px;}

/* ALL PAGES - hides Cookie Plugin Button after you click Accept */
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;}
}

/* ROUTEE IN COUNTRY PAGES - hides small border on the sides that was out of place */
.intl-tel-input { position: relative; display: inline-block; border-radius: 25px; border: 0px;  }
/* ROUTEE IN COUNTRY PAGES - makes dropdown list more clickable */
ul.country-list.dropup { z-index: 999; }
/* ROUTEE IN COUNTRY PAGES - fixes the positon buttons */
.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; }

/* PRICING - sets the background of Currency Selector dropdown button */
.custom-pricing-header-input select { background: url(https://www.routee.net/wp-content/uploads/2018/09/dropdrown_arrow-1.png) no-repeat 90%; }

/* ANY PAGE THAT USES FEATURES SLIDER (E.G. TWO FACTOR AUTHENTICATION OVERVIEW PAGE)- hide slider unused buttons, center navigation buttons, blue underline for "FEATURES" PAGE IS INACTIVE ATM */
.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; }/* should rename because it's not only for tfa */
/* TWO FACTOR AUTHENTICATION OVERVIEW PAGE - create blue bullet before elements  PAGE IS INACTIVE ATM */ 
.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; }/* rename */

/* INTEGRATIONS PAGES - blue underline after text */
.after-blue::after { content: ""; display: block; position: absolute; border-radius: 20px; height: 5px; left: 8px; bottom: -12px; width: 55px; background-color: #0030f2; }

/* ANY PAGE WITH FORMS - changes the placeholder text color */
::placeholder { color: black !important; opacity: 1 !important; }

/* ABOUT US PAGE - creates blue decorative lines before titles, underline after titles */
.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; }  /* RENAME */ /* MERGE WITH OTHER SIMILAR ELEMENTS? */

/* CONTACT US PAGES - form design */
/* start of english contact us */
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; }
/* end of english contact us */
/* start of greek contact us */
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; }
/* end of greek contact us */

/* BUG FIXING - THIS FIXES A BUG WHERE GREEK BUTTONS "TRY IT NOW" + "TALK TO US" COLLAPSE BUT AFFECTS OTHER ELEMENTS (E.G. ABOUT US INVISIBLE ICONS)*/
.kc_col-sm-1 { width: initial !important; }
  
/* ANY PAGE - underlines text */
.white-text-underline { text-decoration: underline !important; text-decoration-color: white !important; }

/*  USE CASES/INDUSTRY PAGES - OPEN THIS WHEN WE FIX USE CASES*/
.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%); }

/* FOR DEV PAGES - code samples design */
.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; }

/* CAREERS PAGE - sets the buttons to start at the same width  */
.careerbutton { min-width: 250px; padding: 20px 10px; margin: 10px 0px; }

/* ANY EVENT PAGE - designs event form */
/*.event-row { background-color: rgba(209, 209, 209, 0.50); width: 430px; box-shadow: 1px 1px 8px 1px; border-radius: 25px; margin: auto; }
@media all and (max-width: 500px) { 
  .event-row { width: 100%; }
}*/
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; }
}



/* ANY EVENT PAGE - hides "All Events" button because it links to the old event pages */
.post__content-info section { display: none; }

/* EVENTS/(ANY EVENT) PAGE - hides "all-events" button because it redirects to old-events page */
svg.utouch-icon.utouch-icon-menu-1 { display: none !important; }

/* LIVE TESTS - Live Test field design */
.page-template-custom-form .custom-form-textarea { max-width: 300px !important; position: relative; left: 50%; margin-left: -150px; }
/*.page-template-custom-form .custom-form-verify-submit { position: relative; left: 50%; margin-left: -59px; }*/
.page-template-custom-form .intl-tel-input { max-width: 300px; position: relative;  }
/*.page-template-custom-form .custom-form-submit { position: relative; left: 50%; margin-left: -51.5px; }*/
.page-template-custom-form .custom-form-verify-input { max-width: 300px !important; position: relative; left: 50%; margin-left: -150px; }

/* BLOG PAGES - various blog page related stuff and fixes */
.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; }

/* HEADER - header bar design */
#site-header { padding: 0; }
div.header-spacer { height: 52px !important; display: block; } /* must be same size as custom header height */

/* COMMUNICATION IN THE CLOUD 2018 PAGE - contest form design */
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; }

/* ECOMMERCE EXPO PAGE - text design */
.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;}

/* ROUTE IN COUNTRY PAGES - Check Pricing Button Design */
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 PAGES - prohibits writing on the country selector */
.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%; }

/* MARKETING AUTOMATION FOR E-SHOPS PAGE - text design */
.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; }
}
/* ANY PAGE WITH A LIST - KC default font-weight for list items was bold 
.kc_text_block li { font-weight: unset; }*/

/* ANY SERVICE PAGE -  setting defaults for service page text */
.service-title { font-size: 1.125em; font-weight: 600; color: black; }
.service-desc { font-size: 0.875em; font-weight: 400; }

/* ANY EVENT PAGE -  fixing template bugs */
.fw-event-template-default .row { margin-left: 0px !important; margin-right: 0px !important; }
/*@media all and (max-width: 480px) {
.fw-event-template-default .row { margin-left: -20px !important; margin-right: -20px !important; }
}*/
@media all and (min-width: 480px) {
.fw-event-template-default div { padding-left: 0 !important; padding-right: 0 !important; }
}

/* !!!SMALLER SCREENS SECTION START!!!*/
/* @media all and (max-width: 1690px) { ...}*/
/* @media all and (max-width: 1280px) { ...}*/

/* @media all and (max-width: 480px) { ... }*/
@media all and (max-width: 980px) {

/* HOME PAGE - section 1 form align center */
#register-row, #»register-row» { display: flex; flex-direction: column; }
  
/* hides expo menu because it looks ugly on smartphones */
#expo-menu { display: none; }

/* expands background color to the whole page's width */
.col-lg-12.col-md-12.col-sm-12 { padding-right: 0px !important; padding-left: 0px !important; }
  
/* w/o these, the page is larger than the screen
html, body { overflow-x: hidden !important; } */

/* w/o this, the content is larger than the screen */
.row { margin-left: 0px !important; margin-right: 0px !important; }

/* hides elements on mobile */
.mobile-hide { display: none !important; }

/* this makes all buttons screen wide */
div#button-row .btn { /*display: block !important;  HIDE THIS LINE AND UNHIDE THE OTHERS TO WORK WITH THE NEW DESIGN */
	font-size: 1em;
	left: 50%;   
	-moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%); 
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* fix section five of main page*/
.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; }

/* fix for ROUTEE IN COUNTRY buttons
div.routee-in-country-container { position: fixed;  bottom: 0px; background: #0030f2; padding: 10px 0px; top: unset; } */

/* center text in mobile */
.mobile-center { text-align: center !important; margin: 0 auto; }

/* ANY SERVICES PAGE - Live Test design */
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; }

/* ANY SERVICES PAGE - design buttons in section one */
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; }
}


/* !!!SMALLER SCREENS SECTION END!!!*/


h1 {
    font-size: 1.8em !important;
}

h2 {
    font-size: 1.5em !important;
}

input::placeholder {
    color: #b6b6b6 !important;
  	font-style: italic;
}












/*Header css*/