@charset "UTF-8";

body .navbar-inverse .navbar-inner {
    background-color: #000000;
    border-color: #252525;
    height: 40px;
}

#content {
    padding-top: 0;
}

.logo-partner{
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
}

.container nav{
    float: left;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    box-shadow: 0 0 9px rgba(0,0,0,0.15);
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}

nav ul li:hover {
    background: #e47232;
    background: linear-gradient(top, #e47232 0%, #f68233 40%);
    background: -moz-linear-gradient(top, #e47232 0%, #f68233 40%);
    background: -webkit-linear-gradient(top, #e47232 0%,#f68233 40%);
}
nav ul li:hover a {
    color: #fff;
}

nav ul li a {
    display: block; padding: 11px 40px;
    color: #eeeeee; text-decoration: none;
    font-size: 18px;
}

nav ul ul {
    border-radius: 0; padding: 0; background-color: #f68233;
    position: absolute; top: 100%;
}

nav ul ul li {
    float: none;
    border-top: 1px solid #f68233;
    border-bottom: 1px solid #e47232;
    position: relative;
}

nav ul ul li a {
    padding: 11px 48px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

nav ul ul li a:hover {
    background: #e47232;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 3001;
}

.navbar-fixed-top {
    top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

.navbar {
    margin-bottom: 20px;
    overflow: visible;
}

.logo-partner{
    height: 41px;
}

.header{
    font-family: 'PT Sans Narrow', sans-serif;
}

/* gregs css from demo - header in top */
body>.header a{text-decoration:none !important}body>.header ul{margin:0;padding:0}body>.header ul li{list-style:none !important}body>.header input{cursor:pointer;border:none;background:none;outline:none;line-height:normal}@font-face{font-family:'OpenSans';src:url("/fonts/OpenSans.woff2") format("woff2"),url("/fonts/OpenSans.woff2") format("woff")}@font-face{font-family:'OpenSans-ExtraBold';src:url("/fonts/OpenSans-ExtraBold.woff2") format("woff2"),url("/fonts/OpenSans-ExtraBold.woff2") format("woff")}@font-face{font-family:'OpenSans-Light';src:url("/fonts/OpenSans-Light.woff") format("woff"),url("/fonts/OpenSans-Light.woff") format("woff")}@font-face{font-family:'Montserrat-Bold';src:url("/fonts/Montserrat-Bold.ttf") format("woff"),url("/fonts/Montserrat-Bold.ttf") format("woff")}body{overflow-x:hidden}body>.header{font-family:"OpenSans",sans-serif !important;line-height:normal !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;background:#565859 !important;font-size:12px !important;height:50px !important;z-index:999999999 !important;box-shadow:0 1px 2px rgba(0,0,0,0.15)}@media (max-width: 767px){body>.header{padding:0 10px}}@media (min-width: 768px){body>.header{padding:0 40px}}body>.header .nav{line-height:normal !important;height:50px !important;margin:0 auto}body>.header .nav__logo{float:left}body>.header .nav__logo img{position:relative;display:block;top:14px;width:120px}body>.header .nav>ul[class^='nav__menu-']{float:left;margin-left:20px;padding-top:17px}body>.header .nav>ul[class^='nav__menu-'] a{font-family:"OpenSans",sans-serif !important}body>.header .nav>ul[class^='nav__menu-'] .dropdown{line-height:normal}body>.header .nav>ul[class^='nav__menu-'] .dropdown_title{-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;color:#fff;font-weight:normal;font-size:14px;padding-left:30px;letter-spacing:1px}body>.header .nav>ul[class^='nav__menu-'] .dropdown_title:before{content:'';display:block;position:absolute;background-repeat:no-repeat;width:24px;height:24px;top:13px}body>.header .nav>ul[class^='nav__menu-'] .dropdown_title:focus{outline:none !important;background:none !important}body>.header .nav>ul[class^='nav__menu-'] .dropdown.active .subnav{display:block;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}body>.header .nav .nav__menu-mobile .dropdown>a:before{background:url(/img/ico/ic_phone_iphone_white_24px.svg)}body>.header .nav .nav__menu-tablet .dropdown>a:before{background:url(/img/ico/ic_tablet_mac_white_24px.svg)}body>.header .nav .nav__menu-desktop .dropdown>a:before{background:url(/img/ico/ic_desktop_mac_white_24px.svg)}@media (max-width: 767px){body>.header .nav{padding-left:10px;padding-right:10px}}@media (min-width: 768px){body>.header .nav__logo{height:50px;line-height:50px;margin-right:40px}body>.header .nav__logo img{width:155px;top:6px;left:12px}}body>.header .subnav{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;float:right !important;position:absolute;text-align:left;display:block;right:auto;top:48px;left:0;z-index:1000;width:100%;margin:2px 0 0;font-size:14px;background-color:rgba(86,88,89,0.89);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;right:0;left:auto;border-top:1px solid #B7B7B7}body>.header .subnav:before{left:auto;right:12px}body>.header .subnav:after{left:auto;right:13px}body>.header .subnav_wrap{float:left;width:100%;padding:40px 70px}body>.header .subnav__title{font-family:'OpenSans-ExtraBold';text-transform:uppercase;display:block;font-weight:bold;font-size:14px;color:rgba(255,255,255,0.75);margin-bottom:40px;letter-spacing:2px}body>.header .subnav__examples{float:left;width:17%;margin-right:40px}body>.header .subnav__examples .subnav__title{margin-left:20px}body>.header .subnav__examples .subnav__menu{border-right:1px solid rgba(255,255,255,0.5)}body>.header .subnav__examples .subnav__menu>ul li{cursor:pointer;padding:7px 20px;max-width:140px;margin-bottom:7px}body>.header .subnav__examples .subnav__menu>ul li a{font-weight:bold;color:#fff;letter-spacing:1px}body>.header .subnav__examples .subnav__menu>ul li:hover,body>.header .subnav__examples .subnav__menu>ul li.active{background:#F59A10}body>.header .subnav__types{float:left;display:block;width:75%}body>.header .subnav__types .subnav__menu{float:left;display:none}body>.header .subnav__types .subnav__menu.active{display:block}body>.header .subnav__types .subnav__menu ul li{float:left;margin-right:60px;margin-bottom:50px}body>.header .subnav__types .subnav__menu ul li a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;text-align:center;display:block;padding:15px;border:1px solid rgba(255,255,255,0.25);background-color:rgba(255,255,255,0.05);width:140px;color:#fff}body>.header .subnav__types .subnav__menu ul li a img{display:block;margin:0 auto;max-height:110px;max-width:130px}body>.header .subnav__types .subnav__menu ul li a span{display:block;color:#fff}body>.header .subnav__types .subnav__menu ul li:hover a{transform:scale(1.1);border-color:#f59a10;background:rgba(245,154,16,0.25);box-shadow:0 0 15px rgba(0,0,0,0.25)}body>.header .subnav__types .subnav__menu .types{float:left;display:none}body>.header .subnav__types .subnav__menu .types span{margin-top:10px}body>.header .subnav__types .subnav__menu .types.active{display:block}body>.header .subnav__types .subnav__menu .type{float:left;display:none}body>.header .subnav__types .subnav__menu .type.active{display:block}@media (max-width: 1024px){body>.header .subnav .subnav_wrap{width:initial;float:none;overflow:auto}body>.header .subnav .subnav__examples{float:none;width:100%;margin-bottom:40px}body>.header .subnav .subnav__examples .subnav__title{margin-left:0}body>.header .subnav .subnav__examples .subnav__menu{border:none}body>.header .subnav .subnav__examples .subnav__menu>ul li{display:inline-block;width:100%;margin-bottom:20px}body>.header .subnav .subnav__types{float:none;width:100%}}@media (max-width: 767px){body>.header .subnav .subnav__title{margin-bottom:20px}body>.header .subnav .subnav__examples{margin-bottom:20px}body>.header .subnav .subnav__examples .subnav__menu>ul li{display:block;margin:0 auto;margin-bottom:7px}}

.debug-iframe{
    position: fixed;
    bottom: 0;
    left: calc(50% - 225px);
    width: 510px; height: 78px; padding: 0; border: none; z-index: 9999999999;
}

.debug-buttons{
    position: fixed; z-index: 9999999999;
    bottom: 0;
    left: calc(50% - 225px);
    background: #6f6868;
    padding: 10px;
    cursor: move;
    width: 500px; height: 58px;
}
.debug-buttons.contracted{ width: 4px; overflow: hidden; }
.debug-buttons.contracted div{ display: none; }
.debug-buttons .box1{ float: left; width: 150px; }
.debug-buttons .box2{ float: left; width: 50px; }
.debug-buttons .box3, .debug-buttons .box4{ float: left; font-size: 11px; color: #fff; font-family: Arial; padding-left: 4px; }
.debug-buttons .box5 {padding-left: 4px; float: left; font-size: 11px; color: #fff; font-family: Arial;}
.debug-buttons .box3, .debug-buttons .box4{ padding-right: 5px; border-right: 1px solid #ccc; padding-bottom: 13px; }
.debug-buttons .box4{ height:82%; min-width: 80px;}
.debug-buttons input[type=submit], .debug-buttons button{ width: 50px; float: left; background: #dedede; border: 1px solid #6f6868; height: 24px; }
.debug-buttons .box5 input[type=submit], .debug-buttons .box5 button{ width: 40px; float: left; background: #dedede; border: 1px solid #6f6868; height: 24px; }
.debug-buttons input[type=submit].button-selected, .debug-buttons button.button-selected { background: #fff; }
.debug-buttons input[type=number] { width: 96px; float: left;  border: 1px solid #6f6868; height: 20px; border-right: 0;  }
.debug-buttons .custom-form input[type=submit] { height: 24px; float: right; }

.debug-buttons .box2 button{  height: 48px; }
.toggle{ color: #fff; text-decoration: none; position: absolute; top: 3px; right: 3px; font-size: 12px; font-family: Arial; display: none !important;; }

.toggle.expand{ display: none; }
.debug-buttons.contracted .toggle.contract { display: none; }
.debug-buttons.contracted .toggle.expand { display: block; }

@media only screen and (max-width: 768px) {
    .debug-buttons { left: 0; width: 100%; }
}