/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 9.1.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.


orange: #f25f33

*/


/* global
-------------------------------------------------------------------*/
/* #backdrop { display: none; } */
.row:before { content: inherit !important; } /* safari composer css bug */
h2 a { text-transform: inherit !important; }

/*
a, 
p a { color: #f25f33; }
*/

*{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blog-pagination { text-align: center; }
.blog-pagination .page-numbers { padding: 5px 10px; margin: 10px; border: 2px solid #eee; border-radius: 4px; display: inline-block; }
.blog-pagination a { color: #f25f33; }
.blog-pagination a:hover { background: #f25f33; color: #fff; }

.default_template_holder { padding-top: 60px !important; }

.ib { display: inline-block; }
.btn-orange { background: #f25f33; color: #fff; padding: 10px; font-family: 'Roboto Condensed',sans-serif; letter-spacing: .05em; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; border: 1px solid #f25f33; text-transform: uppercase; }
.btn-orange:hover { background: transparent; color: #f25f33; border: 1px solid #f25f33; }


.hero-orange-box h2 { line-height: 1.3; }
.hero-orange-box * { text-shadow: 1px 1px 0 #555; }

.bg-gray { background: #f0f0f0; }
.img-center { margin: 0 auto; }
p.big { font-size: 18px; }

@media screen and (min-width: 768px) {
	.padded-right-50 { padding-right: 50px !important; }
	.padded-left-50 { padding-left: 50px !important; }
}


.main-content p,
.main-content ul,
.main-content ol,
.main-content table { margin-bottom: 20px; }
.main-content ul,
.main-content ol { list-style-position: outside; padding-left: 30px; }
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5 { margin-bottom: 5px; }
.main-content blockquote:before,
.main-content blockquote:after { display: block; text-align: center; font-size: 40px; font-family: 'FontAwesome'; }
.main-content blockquote:before { position: relative; top: -36px; content: '\f10d'; float: left; }
.main-content blockquote:after { position: relative; top: 5px; content: '\f10e'; float: right; }

.main-content blockquote { margin: 40px 0 40px 0; text-align: center; background-color: #eee; padding: 60px 20px 50px 20px; }

.main-content blockquote span { text-align: center; margin-top: 20px; display: inline-block; border-top: 1px solid #ccc; padding-top: 5px; }
.main-content blockquote span small { display: block; }
.main-content blockquote p { margin-bottom: 0; font-size: 18px; line-height: 1.6; font-style: italic; }

.btn-block { display: block; text-align: center; font-size: 20px; }

.text-over-2 p { font-size: 24px !important; line-height: 1.3 !important; }

.orange-button-outline { text-align: center; border: 1px solid #f25f33; color: #f25f33; font-family: 'Roboto Condensed',sans-serif; text-transform: uppercase; padding: 10px 15px; font-size: 16px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; letter-spacing: .03em; }
.orange-button-outline:hover { background: #f25f33; color: #fff; }

.orange-button-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

.blue-table { margin-bottom: 20px; width: 100%; }
.blue-table td,
.blue-table th { padding: 5px 15px; border: 1px solid #ccc; text-align: left; vertical-align: middle; }
.blue-table th { background: #40a5ab; color: #fff; }
.blue-table tr:nth-child(even) td { background: #ebf6f6; }



.hubspot-form { max-width: 500px; margin: 0 auto; }
/* .hubspot-form .input { margin: 0 !important; }  */
/* .hubspot-form .form-columns-3 .input { margin: 0 5px 0 0 !important; }  */
.hubspot-form input,
.hubspot-form select,
.hubspot-form textarea { font-size: 15px !important; width: 100% !important; }
.hubspot-form input[type="checkbox"] { width: 20px !important; float: left; box-shadow: none !important; font-size: 20px !important; }
.hubspot-form input { padding: 8px 10px !important; height: auto !important; }
.hubspot-form textarea { padding: 8px 10px !important; min-height: 90px; }
.hubspot-form select { height: 36px !important; background: #fff; }
.hubspot-form .inputs-list { margin-top: 3px; }
.hubspot-form .hs_submit div { padding: 0; margin: 0; }
.hubspot-form .hs-button { background-color: #f25f33 !important; color: #fff; background-image: none !important; text-align: center; border: 1px solid #f25f33 !important; font-family: 'Roboto Condensed',sans-serif; text-transform: uppercase; padding: 14px 20px !important; font-size: 16px !important; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; letter-spacing: .03em; text-shadow: none !important; }
.hubspot-form .hs-error-msgs li,
.hubspot-form .hs-error-msgs li label { color: red; }
.hubspot-form .hs-button:hover { text-shadow: none; }


.list-arrows { list-style-type: none; }
.list-arrows li { margin-bottom: 5px; }
.list-arrows li:before { content: "\f061"; font-family: FontAwesome; color: #ff6933; display: inline-block; width: 1.3em; }
.larger-text li { font-size: 17px; }
.bg-orange { background: #f25f33; }
.bg-orange .section-title,
.bg-orange p { color: #fff; }
@media screen and (max-width: 991px) {
	.md-text-center { text-align: center; }
	.md-text-center .section-title { text-align: center; }
}
@media screen and (min-width: 992px) {
	.lg-flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; }
}


/* home v2
-------------------------------------------------------------------*/
header.main { background: #242F52; }
header.main .header-container { align-items: center; -webkit-align-items: center; }
header.main .logo a { display: block; }
header.main .logo a:hover img { opacity: .8; }
header.main .logo a img { max-width: 200px; display: block; }
@media screen and (min-width: 992px) {
	header.main .logo a img { max-width: 230px; }
}
.d-flex { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; }

header.main .header-right { 
    -ms-flex-item-align: center !important;
    align-self: center !important;
    margin-left: auto;
    flex-direction: column;
    -webkit-flex-direction: column;
}

header.main .header-right .top-content { margin-left: auto; width: 100%; text-align: right; }
header.main .header-right .top-content a { color: #fff; text-transform: uppercase; }
header.main .header-right .top-content a:hover { opacity: .8; }
header.main .btn-top { border: 1px solid #fff; border-top: none; padding: 4px 16px; display: inline-block; font-size: 13px; }
header.main .btn-top:hover { background:  }
header.main .btn-top:last-child { border-left: none; background: #f25f33; }


header.main .navbar { margin-left: auto; padding: 10px 0; }
header.main ul.nav li { display: inline; position: relative; }
header.main ul.nav li a { display: inline-block; padding: 10px 12px; color: #fff; font-size: 15px; text-transform: uppercase;  }
header.main ul.nav li.open a,
header.main ul.nav li a:hover { background: #333c70; }

@media screen and (min-width: 1200px) {
	header.main .btn-top { font-size: 14px; }
	header.main ul.nav li a { font-size: 16px; padding: 10px 16px; }
}

header.main ul.nav ul.sub-menu { display: none; }
header.main ul.nav li.open ul.sub-menu { display: block; }

/*
header.main ul.nav li ul.sub-menu { transform: translate3d(100%,0,0); transition: opacity 1.8s, transform 1.8s cubic-bezier(0.190, 1.000, 0.220, 1.000); opacity: 0; }
header.main ul.nav li.open ul.sub-menu { opacity: 1; transform: translate3d(0,0,0); }
*/

header.main ul.nav li.open ul.sub-menu li a { display: block; font-size: 15px; text-transform: inherit;  /* text-transform: capitalize; */ }
header.main ul.nav li.open ul.sub-menu li a:hover { background: #3d4782; }
header.main ul.nav ul.sub-menu { position: absolute; top: 30px; left: 0; z-index: 10; min-width: 230px; }
header.main ul.nav li:last-child ul.sub-menu { left: auto; right: 0; }

header.main ul.nav li.menu-item-20125 ul.sub-menu { min-width: 270px; }

.navbar-toggler { border: none; background: transparent; cursor: pointer; }
.navbar-toggler .fa { font-size: 30px; color: #fff; }
.navbar-toggler:hover .fa { color: #ccc; }
.navbar-toggler:focus { outline: none; }

.navbar-collapse,
.top-content { display: none; }
@media screen and (min-width: 992px) {
	.navbar-toggler { display: none; }
	.navbar-collapse,
	.top-content { display: block; }
}

.hero { background: url(img/telestax_home_banner2.jpg) center center no-repeat; padding: 140px 0; }
.hero-content { text-align: center; background: rgba(221, 65, 38, .9); padding: 30px; width: 90%; margin: 0 auto; }

/* .hero-content h1 { font-size: 21px; } */
/* .hero-content h1, */

.hero-content h2 { color: #fff; text-shadow: 1px 1px 0 #555; }
.hero-content h2 { font-family: 'Roboto', sans-serif !important; font-weight: 400; margin-bottom: 0px; font-size: 18px; line-height: 1.5; }

.hero-buttons { text-align: center; margin-top: 30px; }
.hero-buttons a { margin: 0 10px; padding: 8px 14px; color: #fff; text-shadow: 1px 1px 0 #555; text-transform: uppercase; }
.btn-trans-orange { background: rgba(221, 65, 38, .9); }
.btn-trans-orange:hover { background: rgba(221, 65, 38, 1); color: #fff; }
.btn-trans-red { background: rgba(242, 95, 51,.9); }
.btn-trans-red:hover { background: rgba(242, 95, 51,1); color: #fff; }

.btn-white-outline { font-size: 14px; border: 1px solid #fff; color: #fff; padding: 7px 20px; text-transform: uppercase; }
.btn-white-outline:hover { background: #fff; color: #f25f33; }


@media screen and (min-width: 700px) {
	.hero-content h2 { font-size: 20px; }
}
@media screen and (min-width: 992px) {
	.hero-content h2 { font-size: 28px; }
	.hero-content { width: 900px; }
}

.d-ib { display: inline-block; }
.section-title { font-weight: 300; }
.home-intro p { line-height: 1.7; }
.btn-text-orange { color: #f25f33; }

.home-events { background: #f0f0f0 /* #FAFAFA */; text-align: center; padding: 30px 0 0 0; }
.home-events img { padding: 0 8px 5px 0; margin: 0 auto; }
/*
@media screen and (max-width: 767px) {
	.home-events img { max-width: 200px; }
}
*/
.home-event a:hover img { opacity: .8; }
.home-event h5 { font-size: 15px; margin-bottom: 0px; color: #f25f33; font-weight: 600; line-height: 1.3; }
.home-event span { font-size: 13px; color: #6d6e71; }
.home-event a { display: block; background: #fff; padding: 10px; box-shadow: 0 0 6px #e1e1e1; margin-bottom: 30px; }
.home-event .section-title { line-height: 1.2; }
/* @media screen and (min-width: 1200px) { */
	.home-events { text-align: left; }
	.home-event a:after { content: '\f054'; font-family: 'FontAwesome'; position: absolute; top: 23%; right: 24px; color: #f25f33; }
/* } */
.home-event a:hover { box-shadow: 0 0 6px #ccc; }
.home-event a:hover h5 { color: #f25f33; }
.home-event a:hover span { color: #333; }
.img-fluid { display: block; max-width: 100%; }


.row-products { margin-top: 20px; }
.home-products { background: #f0f0f0; padding-top: 60px; padding-bottom: 30px; }
/*
.product-box-container { margin-top: 75px; }
.product-box { margin-bottom: 30px; display: block; color: inherit; }
.product-box:hover .product-content { box-shadow: 0 0 12px #c1c1c1; }
.product-box:hover .product-circle { top: -100px; }
.product-box p { line-height: 1.5; }
.product-box p, 
.product-box li { font-size: 15px; }
.product-box .product-content { background: #fff; text-align: center; padding: 90px 0 20px 0; box-shadow: 0 0 6px #ccc; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; }
.product-box .product-circle { height: 150px; width: 150px; border-radius: 50%; margin: 0 auto; position: relative; top: 75px; position: absolute; left: 50%; margin-left: -75px; top: -75px; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; }
.product-box .product-circle-light-blue { background: #204796; }
.product-box .product-circle-yellow { background: #ef9d1d; }
.product-box .product-circle-dark-blue { background: #202948; }
.product-box.product-box-message-exchange img.icon { width: 110px; }
.product-box .product-title,
.product-box-orange .product-title { font-weight: 600; font-size: 20px; margin-bottom: 10px; }
.product-box ul { list-style-type: none; }

.product-box .text-icon { font-family: 'Roboto Condensed',sans-serif; font-size: 28px; color: #fff; }
.product-box .text-icon-popup { position: absolute; top: -56px; left: 36px; z-index: 10; width: 120px; }
.product-box .product-content p.padded { padding: 0 20px; line-height: 1.75; }
*/

.basic-link { letter-spacing: .001em; }
.product-box { cursor: pointer; display: block; text-align: center; background: #ccc; padding: 30px 0 24px 0; margin-bottom: 30px; border: 1px solid; }
.product-box .product-icon { height: 102px; margin-bottom: 10px; background-position: center 0; background-repeat: no-repeat; }
.product-box:hover { background-color: #fff; }
/* .product-box.product-box-yellow img.icon { height: 100px; } */

.product-box-yellow { background-color: #ef9d1d; border-color: #ef9d1d; /* padding-top: 20px; */ }
.product-box-yellow .product-icon { background-image: url(img/api_icon_message_exchange_sprite.png); }
.product-box-yellow:hover * { color: #ef9d1d !important; }
.product-box-yellow:hover .product-icon { background-position: center -102px; }

.product-box-lightblue { background-color: #204796; border-color: #204796; }
.product-box-lightblue .product-icon { background-image: url(img/api_icon_voice_sprite.png); }
.product-box-lightblue:hover * { color: #204796 !important; }
.product-box-lightblue:hover .product-icon { background-position: center -89px; }

.product-box-darkblue { background-color: #202948; border-color: #202948; }
.product-box-darkblue .product-icon { background-image: url(img/api_icon_video_sprite.png); background-position: center 14px; }
.product-box-darkblue:hover * { color: #202948 !important; }
.product-box-darkblue:hover .product-icon { background-position: center -55px; }

.product-box-green { background-color: #2d8d8c; border-color: #2d8d8c; }
.product-box-green .product-icon { background-image: url(img/api_icon_messaging_sprite.png); background-position: center 8px; }
.product-box-green:hover * { color: #2d8d8c !important; }
.product-box-green:hover .product-icon { background-position: center -77px; }

.product-box .basic-link { margin-top: 0; }
.product-box .product-title,
.product-box-orange .product-title { font-weight: 600; font-size: 20px; margin-bottom: 4px; color: #fff; }
.product-box img.icon { height: 80px; margin: 0 auto 10px auto; }

.product-box-orange { display: block; background: #f25f33; text-align: center; border: 1px solid #f25f33; padding: 20px; }
.product-box-orange .product-title,
.product-box-orange p { color: #fff; margin: 10px 0; }
.product-box-orange .visual-designer-icon { width: 100%; height: 99px; margin-bottom: 20px; background: url(img/api_icon_visual_designer_sprite.png) center 0 no-repeat; }
@media screen and (min-width: 1200px) {
	.product-box-orange button { margin-top: 36px; }
}
.product-box-orange:hover { background: #fff; }
.product-box-orange:hover * { color: #f25f33; }
.product-box-orange:hover .visual-designer-icon { background-position: center -99px; }

@media screen and (min-width: 992px) {
	.product-box-orange { min-height: 490px; }
}
@media screen and (min-width: 1200px) {
	.product-box-orange { min-height: 489px; }

}
.img-center { margin: 0 auto; }


/* home reports */
.home-reports { background: #fff; padding: 30px 0; text-align: center; }
.home-reports img { max-width: 400px; width: 100%; margin: 0 auto 20px auto; }
@media screen and (min-width: 992px) {
	.home-reports img { float: right; }
	.home-reports { text-align: left; }
}
/*
.padded-left,
.padded-right { margin-bottom: 30px; padding-left: 20px; padding-right: 20px; }

@media screen and (min-width: 768px) {
	.line { height: 170px; background: #ccc; width: 1px; margin: 0 auto; }
	.padded-left { width: 45%; float: left; padding: 0 0 0 10%; margin-bottom: 60px; }
	.padded-right { width: 45%; float: right; padding: 0 10% 0 0; margin-bottom: 60px; }
}
*/


/* home news */
.home-news { background: #f0f0f0; }
.home-news .container { padding: 0 5px; }
.news-content { background: #f0f0f0; padding: 16px 20px; text-align: center; height: 100%; flex-direction: column; -webkit-flex-direction: column; }
.news-content:hover { background: #fff; }
.news-content p { font-size: 14px; color: #444; }
.news-content-title { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #444; }
.news-article-title { font-size: 15px; font-weight: 600; color: #444; line-height: 1.4; }
.new-content-image { background-color: #000; background-position: center center; background-size: 100%; height: 100%; width: 100%; background-repeat: no-repeat; min-height: 234px; }
.bg-white { background: #fff; }
.btn-group a { display: inline-block; margin: 10px; }

.safari-fix-row:before { display: none !important; }
.safari-fix-row:after { display: none !important; }


/* home videos */
.home-videos { padding: 60px 0; }
.home-videos .quote { font-style: italic; margin: 20px 0; }
.home-videos a:hover img { opacity: .9; }


/*
.home-events { text-align: center; background: #FAFAFA; }
.home-event a:hover img { opacity: .8; }
.home-events img { max-width: 240px; }
.home-events h5 { margin-bottom: 8px; font-size: 23px; font-weight: 600; } 
.home-events span { display: block; font-weight: bold; font-size: 17px; }
@media screen and (max-width: 767px) {
	.home-events .home-event { margin-bottom: 20px; }
}
*/

.basic-link { display: block; color: #f25f33; background: transparent; border: none; margin: 8px auto 0 auto; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.basic-link.small { font-size: 14px; }
.basic-link:hover { color: #c9401a; }
.basic-link:after { content: '\f054'; font-family: 'FontAwesome'; padding-left: 6px; }
.basic-link .fa { padding-left: 5px; }
.basic-link-white { color: #fff; }
.basic-link-white:hover { color: #eee; }


/* sidebar */
.floater-links { position: fixed; right: 0; top: 200px; z-index: 200; }
.floater-links ul { list-style-type: none; padding: 0; margin: 0; box-shadow: 0 0 10px rgba(39, 45, 79,.4); border-radius: 5px 0 0 5px; }
.floater-links ul li a { padding: 6px 12px; font-size: 30px; height: 59px; width: 54px; background: rgba(255,255,255,.9); display: block; text-align: center; border-bottom: 1px solid #ccc; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; position: relative; }
.floater-links ul li a span { font-size: 0; visibility: hidden; }
.floater-links ul li a:before,
.floater-links ul li a:after { transition: all .2s ease-in; -webkit-transition: all .2s ease-in; display: block; position: absolute; width: 30px; z-index: 100; }
.floater-links ul li a:after { content: '\f00d'; font-family: 'FontAwesome'; top: 17px; opacity: 0; }
.floater-links ul li.active a:after { opacity: 1; }
.floater-links ul li.active a:before { opacity: 0; }
/* .floater-links ul li.first a { border-radius: 5px 0 0 0; } */
.floater-links ul li.last a { border-bottom-width: 0; /* border-radius: 0 0 0 5px; */ }
.floater-links ul li.phone a:before { content: '\f095'; font-family: 'FontAwesome'; top: 19px; }
.floater-links ul li.chat a:before { content: '\f086'; font-family: 'FontAwesome'; top: 16px; }
.floater-links ul li.email a:before { content: '\f0e0'; font-family: 'FontAwesome'; top: 16px; }
.floater-links ul li a .fa-comments { font-size: 27px; }
.floater-links ul li a .fa-envelope { font-size: 27px; }
.floater-links ul li a:hover { background: rgba(39, 45, 79,.9); color: #fff; }

.floater-links .popout { opacity: 0; position: absolute; width: 220px; padding: 20px; top: 0; left: -240px; background: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(39, 45, 79,.4); border-radius: 5px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; visibility: hidden; }
.floater-links .popout.active { opacity: 1; z-index: 100; visibility: visible; }
/* 	.floater-links .popout .popout-content { margin-bottom: 30px; display: block; } */
.floater-links .popout .popout-content a { margin-bottom: 10px; display: block; color: #f25f33; }
.floater-links .popout .popout-content a:hover { opacity: .7; }

.floater-links .popout .arrow { position: absolute; right: -20px; top: 0; height: 250px; width: 20px; margin-top: -25px; overflow: hidden; display: block; }
.floater-links .popout .arrow:before { display: block; content: " "; background: rgba(255,255,255,.9); position: absolute; top: 50%; left: 50%; height: 24px; width: 24px; margin: -12px 0 0 -29px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 10px 4px rgba(50,75,92,0.15); }

.floater-links .popout-phone .arrow:before { top: 57px; }
.floater-links .popout-email .arrow:before { top: 176px; }

.floater-links .popout p { font-size: 14px; }
.floater-links .popout h6 { color: #242F52; }

/*
@media screen and (min-width: 992px) {
	.floater-links ul li a { padding: 6px 12px; font-size: 30px; height: 59px; width: 54px; }
}
*/


/* hero banner */
.hero-banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
     height: 554px; 
}
.hero-orange-box { float: right; padding: 100px 0; }
.hero-orange-box .inner { padding: 25px; background-color: rgba(221, 65, 38, .8); }
.hero-orange-box * { color: #fff; }
.hero-orange-box h2 { font-size: 30px; margin-bottom: 0; }
.hero-orange-box p { font-size: 24px; line-height: 1.3; }
@media screen and (min-width: 992px) {
	.hero-orange-box { width: 525px; padding: 180px 0; }
	.page-id-17416 .hero-orange-box { width: 530px; }
}


.footer-banner .footer-title { font-size: 29px; }
.footer-banner p { margin: 20px 0; font-size: 20px; }
@media screen and (min-width: 768px) {
	.footer-banner .hero-orange-box { margin-right: 40px; }
}


.page-title { padding: 20px 0; background: url(img/header_shadow.png) center -1px no-repeat; box-shadow: 0 0 5px #ccc; position: relative; z-index: 10; }
.page-title h1 { color: #242F52; }
.page-content { position: relative; z-index: 5; }



.custom-breadcrumb { margin-top: 20px; }
.custom-breadcrumb a { color: #f25f33; }
.custom-breadcrumb a:hover { text-decoration: underline; }
.custom-breadcrumb .fa { margin: 0 4px; font-size: 14px; }



/* api pages
-------------------------------------------------------------------*/
.bg-gray { background: #f0f0f0; }
.api-feature { margin-bottom: 30px; padding-right: 20px; text-align: center; }
.api-feature .api-header { margin-bottom: 20px; }
.api-feature .api-icon { height: 90px; width: 90px; border-radius: 50%; position: relative; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; background: #242F52; margin: 0 auto; }
.api-feature .api-icon img { width: 70%; }
.api-feature .api-title { font-size: 30px; border-bottom: 2px solid #f25f33; /* margin-left: 20px; */ padding: 12px 0; width: 100%; color: #242F52; }
.api-feature p { line-height: 1.8; }
.title-big { font-size: 40px !important; }
@media screen and (min-width: 992px) {
	.api-feature { text-align: left; }
	.api-feature .api-icon { float: left; }
	.api-feature .api-icon { margin-bottom: 0; }
}

.api-title { margin-bottom: 15px; }
.larger-text p { font-size: 18px; line-height: 1.7; }
.api-feature { padding: 0; }
.api-feature .api-title { font-size: 22px; }
.section-title.text-left { text-align: center; }
@media screen and (min-width: 768px) {
	.api-feature.even { padding-left: 40px; }
	.api-feature.odd { padding-right: 40px; }
	.section-title.text-left { text-align: left; }
}

.use-case img { width: 100px; margin-right: 15px; }
.use-case a { color: #f25f33; }

/* mobile nav
-------------------------------------------------------------------*/
.admin-bar .mobile-nav { top: 32px; }
.mobile-nav { background-color: rgba(39, 45, 79,.95); width: 100%; right: -100%; position: absolute; top: 0; z-index: 1000; padding: 17px 0 20px 0; display: none; overflow-y: auto; }
.mobile-nav a.mobile-close { font-weight: bold; float: right; color: #fff; font-size: 40px; color: #fff; padding: 0 5px; }
.mobile-nav a.mobile-close:hover { text-decoration: none; opacity: .6; text-decoration: none; }
.mobile-nav ul { list-style-type: none; margin: 0; }
.mobile-nav ul.menu { padding: 0; clear: both; }
.mobile-nav ul.sub-menu { padding: 0; }
.mobile-nav ul.sub-menu a { padding: 10px 10px 10px 40px; }
.mobile-nav ul a { font-size: 16px; color: #fff; padding: 15px 10px; display: block; border-bottom: 1px solid rgba(255,255,255,.3); }
.mobile-nav ul a:before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; color: #999; }
.mobile-nav ul a:hover { background-color: rgba(39, 45, 79, .7); text-decoration: none; }
.mobile-nav form input { font-size: 16px; padding: 10px; margin-top: 20px; width: 100% !important; }
@media screen and (min-width: 992px) { .mobile-nav { display: none !important; } }
/* @media screen and (max-width: 782px) { .admin-bar .mobile-nav { top: 46px; } } */


/* single post
-------------------------------------------------------------------*/
.single-post-article .post_text_inner a { color: #f25f33; }
.single-post-article ul { margin-bottom: 20px; margin-left: 20px; }

.single-post-article a { color: #f25f33; }
.single-post-article .btn-orange { color: #fff !important; }
.single-post-article .btn-orange .fa { margin-left: 5px; }
.single-post-article .btn-orange:hover { color: #f25f33 !important; }
.single-post-article p { margin-bottom: 20px; }
.single-post-article .post_author a { text-decoration: underline; }
.single-post-article ul { padding-left: 20px; list-style-position: outside; }
.single-post-article li { margin-bottom: 10px; }

.single-post-article .post-image { margin-bottom: 15px; }
.single-post-article .post-info { margin-bottom: 20px; }
.single-post-article .single-post-title { margin-bottom: 5px; line-height: 1.3; }

.single-post-article h2,
.single-post-article h3,
.single-post-article h4,
.single-post-article h5 { margin-bottom: 3px; }

.single-post-article h2 { font-size: 24px !important; }
.single-post-article h3 { font-size: 20px !important; }
.single-post-article h4 { font-size: 18px !important; }
.single-post-article h5 { font-size: 16px !important; }

@media screen and (max-width: 767px) {
	.single-post-article .single-post-title { font-size: 20px; }
	.single-post-article h2 { font-size: 20px !important; }
	.single-post-article h3 { font-size: 18px !important; }
	.single-post-article h4 { font-size: 16px !important; }
	.single-post-article h5 { font-size: 16px !important; }
}

.single-post-article .social-share a { font-size: 20px; margin-left: 5px; color: #6d6e71; }
.single-post-article .social-share a:hover { color: #333; }

.single-post-article .callout1 { 
    color: #f25f33;
    text-align: left;
    padding: 30px 0 50px 0;
    font-size: 18px;
    width: 80%;
    margin: 0 auto; 
}
.single-post-article .callout1 a { text-decoration: underline; }
.wp-caption-text { text-align: right; }
.caption-left .wp-caption-text { text-align: left; }
.text-center .wp-caption-text { text-align: center; }
.wp-caption { max-width: 100% !important; }

.single-title { font-size: 20px; color: #fff; line-height: 60px; }
.single-subtitle { font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; }
@media screen and (min-width: 768px) {
	.single-title { font-size: 40px; }
	.single-subtitle { font-size: 26px; }
}

/* sidebar */
.blog-sidebar { padding-left: 20px; }
.sidebar-title { margin-bottom: 5px; border-bottom: 1px solid #888; padding-bottom: 5px; font-size: 20px; }
ul.sidebar-list { list-style-type: none; }
ul.sidebar-list a { list-style-type: none; margin-bottom: 5px; display: block; }
.widget-box { margin-bottom: 30px; }

.comments-container { margin-top: 40px; }

.blog-sidebar .blog-subscription-box { margin-bottom: 30px; }
.blog-sidebar .blog-subscription-box a { width: 100%; display: block; text-align: center; }

.subscribe-popup { width: 85%; margin: 0 auto; background: #fff; padding: 60px 40px; position: relative; }
.subscribe-popup .hbspt-form { position: relative; }
.subscribe-popup h3 { margin-bottom: 10px; font-size: 22px; }
.subscribe-popup p { margin-bottom: 15px; }
.subscribe-popup .mfp-close { font-size: 38px; }
@media screen and (min-width: 600px) {
	.subscribe-popup { width: 500px; }
}
.subscribe-popup .submitted-message p { font-weight: bold; color: #f25f33; }
.subscribe-popup .hs_email label,
.subscribe-popup .hs_error_rollup { display: none; }
.subscribe-popup .hs_email ul.hs-error-msgs { list-style: none; position: absolute; top: 42px; font-size: 13px; color: red; }
.subscribe-popup .hs_email ul.hs-error-msgs label { display: block; }
.subscribe-popup .hs_email .input { float: left; width: 70%; }
.subscribe-popup .hs_email .input input { width: 100%; padding: 12px 8px; color: #333; border: 1px solid #ccc; border-right: 0; font-size: 15px; }
.subscribe-popup .hs_email .input input:focus { border-color: #f25f33; }
.subscribe-popup input:focus { outline: none; }
.subscribe-popup .hs_submit { float: left; width: 30%; }
.subscribe-popup .hs_submit input { width: 100%; padding: 12px 10px; background: #f25f33; color: #fff; border: none;  font-size: 15px; border: 1px solid #f25f33; cursor: pointer; }
.subscribe-popup .hs_submit input:hover { opacity: .8; }


/* news press blog
-------------------------------------------------------------------*/
h1.article-h1 { color: #272d50; line-height: 1.3; }

.container-trans { background-color: transparent !important; }

.article-container article { margin-bottom: 20px; }
.article-container .wp-show-posts-inner { padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc; }
.article-container .wp-show-posts-inner:last-child { padding-bottom: 0; border-bottom-width: 0; }
.article-container .wp-show-posts-inner .wp-show-posts-entry-title { margin-bottom: 10px; }
.article-container .wp-show-posts-inner .wp-show-posts-entry-title a { color: #f25f33; font-weight: 600; line-height: 1.1; text-transform: none; }
.article-container .wp-show-posts-inner .wp-show-posts-entry-title a:hover { color: #e23400; }
.article-container .wp-show-posts-inner .wp-show-posts-posted-on { font-size: 20px; font-weight: 600; }
.article-container .wp-show-posts-image img { max-width: 250px; }

.article-container a.wp-show-posts-read-more,
.article-container a.wp-show-posts-read-more:visited {
    padding: 0;
    border-width: 0;
    font-size: 18px;
    color: #f25f33;
}
.article-container a.wp-show-posts-read-more:hover,
.article-container a.wp-show-posts-read-more:focus {
    color: #e23400;
    padding: 0;
    border-width: 0;
    background-color: transparent;
}

.article-container .small-hero-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.post-type-archive-telestax_news .small-hero-image {
    background-image: url(/wp-content/uploads/2017/12/news-header-hires.jpg) !important;
}
.post-type-archive-telestax_press .small-hero-image {
    background-image: url(/wp-content/uploads/2017/12/press-rel-header-hires.jpg) !important;
}

.article-container .hero-text {
    padding-top: 50px !important;
    padding-right: 30px !important;
    padding-bottom: 50px !important;
    padding-left: 30px !important;
}

.article-container .hero-text h2 { font-size: 30px; margin-bottom: 15px; }


/* careers
-------------------------------------------------------------------*/
.job-list { list-style-type: none; }
@media screen and (max-width: 767px) {
	.job-row { text-align: center; }
}
.job-row:first-child { border-top: 1px solid #ccc; }
.job-row { padding: 15px; border-bottom: 1px solid #ccc; }

.job-row .job-title,
.job-row span { color: #6d6e71; }

.job-row:hover { background: #efefef; }
.job-row:hover .job-title,
.job-row:hover span { color: #333; }
.job-row .job-title { font-size: 18px; margin-bottom: 3px; }
.job-row .job-type { display: block; font-size: 16px; }
.job-row .location { font-size: 16px; }

.job-row .view-job button { font-size: 16px; margin-top: 10px; padding: 7px; }

@media screen and (min-width: 768px) {
	.job-row .job-type { font-size: 16px; }
	.job-row .location { font-size: 16px; }
	.job-row .job-title { font-size: 22px; }
	.job-row .view-job button { margin-left: auto; font-size: 18px; }
	.job-row span { padding-left: 20px; }
	.job-row .view-job { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}

.single-telestax_job_listing .single-title { text-align: center; }



/* page
-------------------------------------------------------------------*/
.text-center { text-align: center; }
.flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-justify-content: center; }


.footer-contact { background: #f0f0f0; padding: 60px 0; }
.footer-contact .container { background: transparent !important; }
.footer-contact p { margin: 0 0 30px 0; }
.footer-contact-white-text p,
.footer-contact-white-text .section-title { color: #fff; }





/* ecosystem
-------------------------------------------------------------------*/
.app-page-content .partner-box .inner { display: block; border: 1px solid #ccc; padding: 20px 20px 20px 20px; margin-bottom: 30px; min-height: 165px; }
.app-page-content .partner-box div.inner { background: #eee; }
.app-page-content .partner-box a.inner { background: #fff; margin-bottom: 20px; }
.app-page-content .partner-box a.inner .row { min-height: 140px; }
.app-page-content .partner-box a.inner img { max-height: 130px; }
.app-page-content .partner-box a.inner:hover img { opacity: .7; }
.app-page-content .partner-box a.inner:hover .partner-title { opacity: .7; }
.app-page-content .partner-box .inner .qbutton { padding: 0; text-align: center; width: 100%; font-size: 15px; }
.app-page-content .partner-box .inner .box-content { text-align: left; }
.app-page-content .partner-box .inner .box-content .partner-title { font-size: 24px; margin-bottom: 5px; }
.app-page-content .partner-box .inner .box-content h4 { font-size: 15px; margin-bottom: 5px; }
.app-page-content .partner-box .inner .box-content p { font-size: 14px; font-family: Arial; line-height: 1.3; }
.orange-button { background-color: #f25f33 !important; color: #fff !important; }
.orange-button:hover { border-color: #f25f33 !important; background-color: transparent !important; color: #f25f33 !important; }

@media screen and (max-width: 991px) {
	.app-page-content .partner-box .inner .qbutton { margin-bottom: 10px; }
}

.app-page-content .circle { display: block; margin: 0 auto; padding: 10px; }
.app-page-content .circle .flex-center { height: 100%; flex-direction: column; -webkit-flex-direction: column; }
.app-page-content .circle * { color: #fff; }
.app-page-content .circle .fa { display: block; font-size: 30px; margin-bottom: 5px; }
.app-page-content .circle .fa.fa-smaller { font-size: 30px; }
.app-page-content .circle span { display: block; font-size: 12px; line-height: 1.2; }

@media screen and (min-width: 992px) {
	.app-page-content .circle span { font-size: 14px; }
	.app-page-content .circle .fa { font-size: 40px; }
}

.app-page-content { padding: 0 0; }

.app-page-content .grid { margin-top: 40px; }
.app-page-content .grid-filter-buttons { margin: 40px 0 0 0; background: rgba(39,45,80,1); border-radius: 4px; }
.app-page-content .grid-filter-buttons a.circle:hover *,
.app-page-content .grid-filter-buttons a.circle.active * { color: #f25f33; }

.single-telestax_partners .email a { margin: 20px 0 10px 0; }
.single-telestax_partners .partner-downloads { margin: 20px 0; }
.single-telestax_partners .partner-downloads ul { list-style-type: none; }
.single-telestax_partners .partner-downloads ul li { clear: both; display: block; margin-bottom: 5px; }
.single-telestax_partners .partner-downloads ul li a { display: block; }
.single-telestax_partners .partner-downloads ul li .fa { margin-right: 6px;font-size: 20px; margin-bottom: 10px; }

@media screen and (max-width: 767px) {
	.hidden-sm { display: none; }
}




/* home
-------------------------------------------------------------------*/
.our-solutions-callout h3 { color: #fff !important; }

.section-title { text-align: center; margin-bottom: 15px; font-size: 29px; color: #272d50; line-height: 1.3; }
.section-title.semibold { font-weight: 400; }

/*
.mwc-banner-container { padding: 30px 0; }
.mwc-banner { padding: 40px 0; }
.mwc-banner .mwc-content { text-align: center; }
.mwc-banner .mwc-content .mwc-title { font-size: 24px; line-height: 1.2; margin-bottom: 20px; color: #272d50; }
.mwc-banner .mwc-content .btn-orange { display: inline-block; }

@media screen and (min-width: 992px) {
	.mwc-banner-container { padding: 50px 0; }
	.mwc-banner { padding: 0; background: url('/wp-content/uploads/2018/04/channel_partners_conference.png') left 10px no-repeat; background-size: 347px; height: 138px; }
	.mwc-banner .mwc-content { padding: 0; float: right; }
}
@media screen and (min-width: 1200px) {
	.mwc-banner .mwc-content .mwc-title { font-size: 24px; }
	.mwc-banner { background-size: 453px; }
}
*/

/*
.home-events { background: #FAFAFA; text-align: center; padding: 30px 0 0 0; }
.home-events img { padding: 0 8px 5px 0; margin: 0 auto; }
.home-event a:hover img { opacity: .8; }
.home-event h5 { font-size: 15px; margin-bottom: 0px; color: #f25f33; font-weight: 600; line-height: 1.3; }
.home-event span { font-size: 13px; color: #6d6e71; }
.home-event a { display: block; background: #fff; padding: 10px; border-radius: 4px; box-shadow: 0 0 6px #e1e1e1; margin-bottom: 30px; }
@media screen and (min-width: 1200px) {
	.home-events { text-align: left; }
	.home-event a:after { content: '\f054'; font-family: 'FontAwesome'; position: absolute; top: 23%; right: 24px; color: #f25f33; }
}
.home-event a:hover { box-shadow: 0 0 6px #ccc; }
.home-event a:hover h5 { color: #f25f33; }
.home-event a:hover span { color: #333; }
.img-fluid { display: block; max-width: 100%; }
*/



/* footer
-------------------------------------------------------------------*/

.footer_top_holder { background: #444A5D !important; }
.footer_inner .column { width: 100%; padding: 0; margin: 0 !important; }
footer .footer_inner a { color: #fff !important; }
footer .footer_inner a:hover { color: #ccc !important; }
footer .footer_inner .btn-white-outline:hover { color: #333 !important; }
.footer_inner a .fa { margin-right: 10px; }
#social { margin-bottom: 0; }

@media screen and (max-width: 1000px) {
	.footer_inner .column { width: 100% !important; float: none !important; clear: both; margin-bottom: 20px; }
}

@media screen and (min-width: 1001px) {
	.footer_inner .column { padding: 0 20px !important; }
	.footer_inner .column1 { width: 25% !important; margin-right: 4%; }
	.footer_inner .column2 { width: 42% !important; margin-right: 4%; }
	.footer_inner .column3 { width: 25% !important; }
}

footer .subscribe-footer p { font-size: 14px; color: #ccc !important; }
footer .subscribe-footer input[type="email"]{ height: auto !important; background-color: #eee !important; }
footer .contact-footer-links { margin-bottom: 20px; }
@media screen and (min-width: 992px) {
	footer .contact-footer-links { margin-bottom: 40px; }
}
footer .contact-footer-links a { display: block; margin-bottom: 10px; }
footer .footer-social-links { margin-bottom: 30px; }
.footer_top h5 { text-transform: inherit !important; }


/* hubspot */	
.footer_inner form input { width: 100% !important; margin: 0; padding: 7px; max-width: 100% !important; font-size: 14px; border-radius: 2px; border: none; }
.footer_inner form .hs_email { margin: 0 0 15px 0 !important; }
.footer_inner form .hs-error-msgs li label { background: red; margin-top: 10px; display: block; font-size: 13px; text-align: center; }
.footer_inner form div.hs_submit .hs-button { 
    background: transparent;
    margin: 0;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px;
}
.footer_inner form div.hs_submit .hs-button:hover { border-color: #f25f33; background: #f25f33; color: #fff; outline: none; cursor: pointer; }
.footer_inner form div.hs_submit .hs-button:focus { outline: none; }

.footer_inner form .actions { margin: 0 !important; padding: 0 !important; }


.footer-news-posts h5 { margin: 0 !important; }
/* .footer-news-posts h5 a {color: #ccc !important; } */
.footer-news-posts .footer-news-post { margin-bottom: 20px; }
.footer-news-posts .footer-news-post p { font-size: 15px; color: #ccc !important; }



/* Css for Safari  */
/*
 @media screen and (-webkit-min-device-pixel-ratio:0){
    .safari-col-lg-4 {
         max-width: 33%;
    }
}
*/



/* big city spacers
-------------------------------------------------------------------*/
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 40px; }
.pb-80 { padding-bottom: 50px; }

.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 40px; }
.pt-80 { padding-top: 50px; }

.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-60 { padding-top: 40px; padding-bottom: 40px; }
.py-80 { padding-top: 50px; padding-bottom: 50px; }

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 40px; }
.mb-80 { margin-bottom: 50px; }

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 40px; }
.mt-80 { margin-top: 50px; }

.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-60 { margin-top: 40px; margin-bottom: 40px; }
.my-80 { margin-top: 50px; margin-bottom: 50px; }

@media screen and (min-width: 768px) {
	.pb-60 { padding-bottom: 60px; }
	.pb-80 { padding-bottom: 80px; }

	.pt-60 { padding-top: 60px; }
	.pt-80 { padding-top: 80px; }

	.py-60 { padding-top: 60px; padding-bottom: 60px; }
	.py-80 { padding-top: 80px; padding-bottom: 80px; }

	.mb-60 { margin-bottom: 60px; }
	.mb-80 { margin-bottom: 80px; }

	.mt-60 { margin-top: 60px; }
	.mt-80 { margin-top: 80px; }

	.my-60 { margin-top: 60px; margin-bottom: 60px; }
	.my-80 { margin-top: 80px; margin-bottom: 80px; }
}