@media only screen and (min-width: 1152px){#main-nav a.big1152-only{display:inline-block !important}
#main-nav .bottom .logo{display:none}
#main-nav .container{width:1152px}
#main-nav .bottom .nav{padding:0 10px}
}a.btn{padding:0 40px}
a.skinny-btn{padding:0 0;width:246px;height:40px;line-height:40px}
h1,h2,h3,h4{font-family:"Raleway-Regular";line-height:1.4}
h5,h6,p{font-family:"ProximaNova-Regular";line-height:1.4}
h2{font-size:38px}
h2.color-grey{color:#5f6062}
h2.color-white{color:#fff}
h5{font-size:20px}
p{font-size:17px}
.blue-22{font-size:20px;color:#09c;font-family:"Raleway-Bold",arial}
.quote-header,.quote-sub{color:#5f6062;font-size:16px}
.quote-header{font-family:"Raleway-Bold",arial;font-weight:800;margin-bottom:4px}
.quote-sub{font-family:"ProximaNova-Regular",arial}
section#title-section{overflow:hidden;position:relative;margin-top:-50px;width:100%;max-height:850px;min-height:500px;}
section#title-section a.btn{padding:0;width:300px}
section#title-section .row{margin-bottom:0}
section#title-section .on-top-of-video{position:absolute;width:100%;top:130px;margin-top:3%;color:#fff;}
section#title-section .on-top-of-video .ten.columns{margin-left:0}
section#title-section .on-top-of-video .big{display:block;}
section#title-section .on-top-of-video .big .text-container,section#title-section .on-top-of-video .big .btn-container{padding-left:30px}
section#title-section .on-top-of-video .mobile{display:none}
section#title-section .on-top-of-video h1{font-family:"Raleway-Regular";width:511px;font-size:38px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.21;letter-spacing:normal;color:#4a4a4a}
section#title-section .on-top-of-video h5{width:112%;font-size:18px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:#5f6062;padding-top:10px}
section#title-section .on-top-of-video .btn-row{margin-top:40px;}
section#title-section .on-top-of-video .btn-row a{width:242px !important}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:192px !important;margin-left:30px;background-color:transparent}
section#title-section .on-top-of-video .btn-row .btn-container{width:497px}
@media only screen and (max-width: 1279px){section#title-section img{width:100%;position:relative}
}@media only screen and (min-width: 1280px){section#title-section img{position:relative;width:100%}
}@media only screen and (max-width: 767px){section#title-section{margin-top:0;max-height:initial;min-height:initial;}
section#title-section .sm_only{overflow:hidden;z-index:9;}
section#title-section .sm_only img{width:158%;position:relative}
section#title-section .on-top-of-video{z-index:0;position:relative;top:0;background-color:#fff;margin-top:0;}
section#title-section .on-top-of-video .big{display:none}
section#title-section .on-top-of-video .mobile{display:block}
section#title-section .on-top-of-video .container{width:80%;}
section#title-section .on-top-of-video .container .ten.columns{width:100%}
section#title-section .on-top-of-video h1,section#title-section .on-top-of-video h5{text-align:center}
section#title-section .on-top-of-video h1{font-family:"Raleway-Regular";width:100% !important;font-size:42px !important;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.1;letter-spacing:normal;color:#4a4a4a !important;padding-top:55px}
section#title-section .on-top-of-video h5{width:84% !important;font-size:18px !important;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2 !important;letter-spacing:normal;color:#5f6062 !important;padding:15px 8% 60px 8%}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:324px !important}
section#title-section .on-top-of-video .btn-row a:nth-child(2){margin-left:0;margin-top:20px}
section#title-section .on-top-of-video .btn-row .btn-container{width:100% !important}
}@media only screen and (max-width: 479px){section#title-section .on-top-of-video h1{font-size:38px}
section#title-section .on-top-of-video h5{font-size:28px}
section#title-section .on-top-of-video .btn-row{margin-top:10px}
}section#partner-logos{position:relative;background-color:#fff;position:relative;padding:30px 0;}
section#partner-logos .carousel-logo{width:100%;display:none}
section#partner-logos .first-group img + img{margin-left:88px}
section#partner-logos .second-group{padding-top:9px;padding-bottom:8px;}
section#partner-logos .second-group img + img{margin-left:50px}
section#partner-logos .second-group img{max-width:154px}
section#partner-logos img{position:relative;float:left}
section#partner-logos img.logo-mozilla{top:6px}
section#partner-logos img.logo-fox{top:0}
section#partner-logos img.logo-mlb{top:2px}
section#partner-logos img.logo-esurance{top:15px}
section#partner-logos img.logo-rbs{top:8px}
section#partner-logos img.logo-egain{top:4px}
section#partner-logos img.logo-calgary{top:4px}
section#partner-logos img.logo-fluke{top:4px}
section#partner-logos img.logo-chegg{top:-1px}
section#partner-logos img.logo-double{top:7px}
section#partner-logos img.logo-babylon{top:0}
section#partner-logos img.logo-minerva{top:-2px}
@media only screen and (max-width: 1151px){section#partner-logos .first-group img + img{margin-left:50px}
section#partner-logos .second-group img + img{margin-left:30px}
section#partner-logos .second-group img{max-width:137px}
}@media only screen and (min-width: 1291px) and (max-width: 1320px){section#title-section .on-top-of-video h1{width:112%}
section#title-section .on-top-of-video h5{width:112%}
}@media only screen and (min-width: 1236px) and (max-width: 1290px){section#title-section .on-top-of-video h1{width:112%;font-size:36px}
section#title-section .on-top-of-video h5{width:110%;font-size:16px}
}@media only screen and (min-width: 1201px) and (max-width: 1235px){section#title-section .on-top-of-video{top:120px;}
section#title-section .on-top-of-video h1{width:102%;font-size:35px}
section#title-section .on-top-of-video h5{width:104%;font-size:15px}
section#title-section .on-top-of-video .btn-row a{width:222px !important}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:172px !important}
}@media only screen and (min-width: 1152px) and (max-width: 1200px){section#title-section .on-top-of-video{top:120px;}
section#title-section .on-top-of-video h1{width:100%;font-size:33px}
section#title-section .on-top-of-video h5{width:100%;font-size:15px}
section#title-section .on-top-of-video .btn-row a{width:222px !important}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:172px !important}
}@media only screen and (min-width: 1081px) and (max-width: 1151px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:100px;}
section#title-section .on-top-of-video h1{width:110%;font-size:31px}
section#title-section .on-top-of-video h5{width:110%;font-size:15px}
section#title-section .on-top-of-video .btn-row a{width:192px !important;font-size:15px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:142px !important}
}@media only screen and (min-width: 1021px) and (max-width: 1080px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:100px;}
section#title-section .on-top-of-video h1{width:110%;font-size:30px}
section#title-section .on-top-of-video h5{width:109%;font-size:15px}
section#title-section .on-top-of-video .btn-row a{width:192px !important;font-size:15px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:142px !important}
}@media only screen and (min-width: 985px) and (max-width: 1020px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:100px;}
section#title-section .on-top-of-video h1{width:100%;font-size:27px}
section#title-section .on-top-of-video h5{width:100%;font-size:15px}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:182px !important;font-size:15px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:132px !important}
}@media only screen and (min-width: 985px) and (max-width: 1100px){section#title-section .on-top-of-video{top:90px}
}@media only screen and (min-width: 960px) and (max-width: 984px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:80px;}
section#title-section .on-top-of-video h1{width:100%;font-size:27px}
section#title-section .on-top-of-video h5{width:100%;font-size:15px}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:182px !important;font-size:15px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:132px !important}
}@media only screen and (min-width: 925px) and (max-width: 959px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:80px;}
section#title-section .on-top-of-video h1{width:120%;font-size:26px}
section#title-section .on-top-of-video h5{width:121%;font-size:14px}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:172px !important;font-size:14px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:122px !important}
}@media only screen and (min-width: 875px) and (max-width: 924px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:80px;}
section#title-section .on-top-of-video h1{width:125%;font-size:25px}
section#title-section .on-top-of-video h5{width:120%;font-size:14px}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:172px !important;font-size:14px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:122px !important}
}@media only screen and (min-width: 865px) and (max-width: 874px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:60px;}
section#title-section .on-top-of-video h1{font-size:24px;width:115%}
section#title-section .on-top-of-video h5{font-size:14px;width:120%}
section#title-section .on-top-of-video .btn-row{margin-top:30px;}
section#title-section .on-top-of-video .btn-row a{width:162px !important;font-size:12px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:132px !important}
}@media only screen and (min-width: 801px) and (max-width: 864px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:60px;}
section#title-section .on-top-of-video h1{font-size:22px;width:110%}
section#title-section .on-top-of-video h5{font-size:14px;width:108%}
section#title-section .on-top-of-video .btn-row{margin-top:20px;}
section#title-section .on-top-of-video .btn-row a{width:142px !important;font-size:12px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:112px !important}
}@media only screen and (min-width: 768px) and (max-width: 800px){section#title-section{min-height:auto;}
section#title-section .on-top-of-video{top:60px;}
section#title-section .on-top-of-video .text-container,section#title-section .on-top-of-video .btn-container{padding-left:15px}
section#title-section .on-top-of-video h1{font-size:22px;width:100%}
section#title-section .on-top-of-video h5{font-size:14px;width:100%}
section#title-section .on-top-of-video .btn-row{margin-top:20px;}
section#title-section .on-top-of-video .btn-row a{width:142px !important;font-size:12px}
section#title-section .on-top-of-video .btn-row a:nth-child(2){width:112px !important}
}@media only screen and (min-width: 768px){section#partner-logos{height:51px}
}@media only screen and (min-width: 768px) and (max-width: 959px){section#partner-logos .first-group img{max-height:39px;max-width:130px}
section#partner-logos .first-group img + img{margin-left:29px}
section#partner-logos .second-group img + img{margin-left:21px}
section#partner-logos .second-group img{max-width:110px}
}@media only screen and (max-width: 767px){section#partner-logos{height:initial;text-align:center;overflow:hidden;}
section#partner-logos .container{width:100%}
section#partner-logos img.logo-mozilla,section#partner-logos img.logo-fox,section#partner-logos img.logo-mlb,section#partner-logos img.logo-esurance,section#partner-logos img.logo-rbs,section#partner-logos img.logo-egain,section#partner-logos img.logo-calgary,section#partner-logos img.logo-fluke,section#partner-logos img.logo-chegg,section#partner-logos img.logo-double,section#partner-logos img.logo-babylon,section#partner-logos img.logo-minerva{top:0;display:inline;float:none;margin:20px}
section#partner-logos .first-group{display:block}
section#partner-logos .second-group{display:none}
}section#overview{height:637px;background-image:url("https://static.opentok.com/img/homepage/embedded-comms-background.png");background-repeat:no-repeat;background-size:cover;}
section#overview .row{margin-bottom:0}
section#overview h2{text-align:center;padding-top:78px}
section#overview img.arrow{position:absolute;left:80px}
section#overview .feature-sum{display:block;margin:55px 0;height:135px;text-align:center;}
section#overview .feature-sum span{position:relative;display:inline-block;}
section#overview .feature-sum span h6{display:inline;color:#fff;position:relative;top:25px;font-famly:"ProximaNova-Regular",arial;font-size:18px}
section#overview .feature-sum span img{display:inline;position:relative}
section#overview .feature-sum span + span{margin-left:60px}
section#overview .feature-sum img.video-img{top:-7px}
section#overview .feature-sum img.plus-img{top:-40px}
section#overview .blue-hr{width:1000px;max-width:90%;height:2px;background-color:rgba(136,225,255,0.2);margin:0 auto}
section#overview .container.bottom-overview{padding-top:70px;color:#fff;}
section#overview .container.bottom-overview .img-container{float:left;height:100px;margin-right:20px;}
section#overview .container.bottom-overview .img-container.laptop-mobile{margin-top:4px}
section#overview .container.bottom-overview h4{font-size:22px;margin-bottom:8px}
@media only screen and (max-width: 1151px){section#overview .feature-sum span + span{margin-left:55px}
section#overview img.arrow{left:10px}
}@media only screen and (max-width: 959px){section#overview .feature-sum span{margin-top:20px}
section#overview .feature-sum span + span{margin-left:30px}
section#overview img.arrow{left:0}
}@media only screen and (max-width: 767px){section#overview{height:initial;padding-bottom:50px;}
section#overview h2{padding-top:40px;font-size:38px}
section#overview img.arrow{display:none}
section#overview .feature-sum{height:initial;}
section#overview .feature-sum span img.plus-img{top:0}
section#overview .feature-sum span,section#overview .feature-sum span + span{position:initial;margin-left:auto;margin-right:auto;margin-top:45px;top:initial;left:initial;display:block}
section#overview .container.bottom-overview .img-container{width:71px;min-height:115px}
}section#industry-benefits{background:#ededed;background:-moz-linear-gradient(left,#ededed 52%,#fff 55%);background:-webkit-linear-gradient(left,#ededed 52%,#fff 55%);background:linear-gradient(to right,#ededed 52%,#fff 55%);overflow:hidden;position:relative;width:100%;height:714px;}
section#industry-benefits .layered-container{position:relative;width:100%;}
section#industry-benefits .layered-container .inner-layer{position:absolute;width:100%}
section#industry-benefits video{position:relative;top:-2px;left:-85px;width:1440px;height:718px}
section#industry-benefits .five.columns{margin-left:0}
section#industry-benefits h2{margin-top:145px;font-size:38px}
section#industry-benefits h4{color:#5f6062;font-size:26px}
section#industry-benefits p{color:#969696}
section#industry-benefits .remove-left-margin{margin-left:0}
section#industry-benefits ul.benefits-list{margin-top:20px;}
section#industry-benefits ul.benefits-list li + li{padding-top:7px}
section#industry-benefits ul.benefits-list .img-left-side{width:65px;height:50px;float:left;margin-top:8px}
section#industry-benefits .btn-default{background-color:inherit;margin-left:30px}
section#industry-benefits .cta-button{width:280px;padding:0 20px}
section#industry-benefits .ctaarrow-gray:after,section#industry-benefits .ctaarrow-blue:after{height:17px}
@media only screen and (max-width: 1151px){section#industry-benefits video{left:-215px}
section#industry-benefits h2{margin-top:100px}
section#industry-benefits .cta-button{width:214px}
}@media only screen and (max-width: 959px){section#industry-benefits video{left:-315px}
section#industry-benefits h2{margin-top:65px}
section#industry-benefits .btn-default{display:block;margin-left:0;margin-top:20px}
}@media only screen and (max-width: 767px){section#title-section .btn-row{text-align:center;position:relative;top:-20px;}
section#title-section .btn-row .sm_only{display:inline-block;margin:30px 0}
section#industry-benefits{height:934px;background-image:none;background-color:#ededed;}
section#industry-benefits video{display:none}
section#industry-benefits h2{text-align:center}
}@media only screen and (max-width: 479px){section#industry-benefits{height:960px}
}section#why-tokbox h2{text-align:center;padding-top:108px;margin-bottom:42px}
section#why-tokbox .container.why-tokbox-container{padding-bottom:120px}
section#why-tokbox .one-third.column{text-align:center;}
section#why-tokbox .one-third.column h5{font-weight:800;margin-top:12px}
section#why-tokbox .one-third.column p{color:#000;margin-top:8px}
@media only screen and (min-width: 768px){section#why-tokbox .row.offset-by-one-sixth{position:relative;left:16%}
}section#ready-to-start.big1152-container{overflow:hidden;}
section#ready-to-start.big1152-container .ready-to-code,section#ready-to-start.big1152-container .want-learn-more{background-size:cover}
section#ready-to-start.big1152-container .ready-to-code{background-image:url("https://static.opentok.com/img/homepage/Keyboard_4.14_by_thejunglephoto.pw-min.jpg")}
section#ready-to-start.big1152-container .want-learn-more{background-image:url("https://static.opentok.com/img/homepage/GettyImages-526224217-min.png")}
section#ready-to-start.big1152-container .half-width{width:50%;height:360px;background-repeat:no-repeat}
section#ready-to-start.big1152-container .iside-half{width:100% !important;height:100%;text-align:center;color:#fff;}
section#ready-to-start.big1152-container .iside-half h3{font-size:26px;margin-top:20px}
section#ready-to-start.big1152-container .iside-half a{margin-top:10px}
section#ready-to-start.big1152-container .iside-half h6{margin-top:20px;}
section#ready-to-start.big1152-container .iside-half h6 a{font-weight:800;font-size:16px;line-height:1.9;letter-spacing:.9px;color:#fff;text-decoration:none;}
section#ready-to-start.big1152-container .iside-half h6 a:hover{color:#ccc}
section#ready-to-start.big1152-container .ready-to-code{float:right;background-position-x:left;}
section#ready-to-start.big1152-container .ready-to-code .iside-half{float:left;}
section#ready-to-start.big1152-container .ready-to-code .iside-half img{margin-top:65px}
section#ready-to-start.big1152-container .want-learn-more{float:left;background-position-x:right;}
section#ready-to-start.big1152-container .want-learn-more .iside-half{float:right;}
section#ready-to-start.big1152-container .want-learn-more .iside-half img{margin-top:36px}
section#ready-to-start.big1152-container a.skinny-btn{padding:0 0;width:310px !important}
@media only screen and (max-width: 767px){section#ready-to-start.big1152-container .iside-half{margin:0 auto;float:none !important;}
section#ready-to-start.big1152-container .iside-half a{width:190px}
section#ready-to-start.big1152-container .half-width{float:none;display:block;width:100%}
}section#customer-spotlight.big1152-container{background:#eaeaea;background:-moz-linear-gradient(-45deg,#eaeaea 0%,#fff 65%);background:-webkit-linear-gradient(-45deg,#eaeaea 0%,#fff 65%);background:linear-gradient(135deg,#eaeaea 0%,#fff 65%);height:400px;text-align:center;padding-bottom:120px;}
section#customer-spotlight.big1152-container .container{background-image:url("https://static.opentok.com/img/homepage/quote.png");background-repeat:no-repeat;background-position:0 50px;}
section#customer-spotlight.big1152-container .container .row.carousel-item{display:none}
section#customer-spotlight.big1152-container h2{padding-top:55px;margin-bottom:25px;font-size:38px}
section#customer-spotlight.big1152-container p{max-width:762px;margin:0 auto}
section#customer-spotlight.big1152-container img.crowdast-logo{height:65px}
section#customer-spotlight.big1152-container .hr-line{height:1px;width:100px;background-color:#999;margin:40px auto}
section#customer-spotlight.big1152-container .quote-header{padding-top:40px}
section#customer-spotlight.big1152-container .row.disc-container{font-size:24px;}
section#customer-spotlight.big1152-container .row.disc-container span{cursor:pointer;color:#ddd;}
section#customer-spotlight.big1152-container .row.disc-container span.active{color:#5f6062}
section#customer-spotlight.big1152-container .row.disc-container span:hover{color:#999}
@media only screen and (max-width: 767px){section#customer-spotlight.big1152-container{height:initial}
}section#whats-up-lately .img-container.product-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/product-image.jpg");border:1px solid #f6f6f6}
section#whats-up-lately .img-container.white-paper-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/pexels-photo-90807.jpeg")}
section#whats-up-lately .img-container.blog-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/blog-image.png")}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){section#whats-up-lately .img-container.product-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/product-image.jpg");border:1px solid #f6f6f6}
section#whats-up-lately .img-container.white-paper-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/pexels-photo-90807.jpeg")}
section#whats-up-lately .img-container.blog-img{background-image:url("https://static.opentok.com/img/homepage/the-latest/blog-image@2x.png")}
}section#whats-up-lately{text-align:center;padding-bottom:70px;}
section#whats-up-lately h2{margin-top:70px;margin-bottom:50px}
section#whats-up-lately .img-container{width:100%;padding-bottom:53%;background-size:100%;background-repeat:no-repeat}
section#whats-up-lately .blue-22{margin-top:25px;margin-bottom:10px}
section#whats-up-lately p.whats-up-p{font-family:"Raleway-SemiBold",arial;font-size:18px;line-height:1.6;color:#272727}
@media only screen and (max-width: 767px){section#whats-up-lately .five.columns{margin-bottom:80px}
}