/* Some common css and Header only CSS */

@font-face{font-family:'SegoePrint';src:url('/static/fonts/SegoePrint.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SegoePrint.woff') format('woff'), url('/static/fonts/SegoePrint.ttf') format('truetype'), url('/static/fonts/SegoePrint.svg#SegoePrint') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'SegoeUISymbol';src:url('/static/fonts/SegoeUISymbol.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SegoeUISymbol.woff') format('woff'), url('/static/fonts/SegoeUISymbol.ttf') format('truetype'), url('/static/fonts/SegoeUISymbol.svg#SegoeUISymbol') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'MyriadPro-Semibold';src:url('/static/fonts/MyriadPro-Semibold_gdi.eot');src:url('/static/fonts/MyriadPro-Semibold_gdi.eot?#iefix') format('embedded-opentype'), url('/static/fonts/MyriadPro-Semibold_gdi.woff') format('woff'), url('/static/fonts/MyriadPro-Semibold_gdi.ttf') format('truetype'), url('/static/fonts/MyriadPro-Semibold_gdi.svg#MyriadPro-Semibold') format('svg');font-weight:600;font-style:normal;font-stretch:normal;unicode-range:U+0020-25CA}
@font-face{font-family:'SegoeUI-Regular';src:url('/static/fonts/SegoeUI_gdi.eot');src:url('/static/fonts/SegoeUI_gdi.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SegoeUI_gdi.woff') format('woff'), url('/static/fonts/SegoeUI_gdi.ttf') format('truetype'), url('/static/fonts/SegoeUI_gdi.svg#SegoeUI-Regular') format('svg');font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-2666}
@font-face{font-family:'SegoeUI-Light';src:url('/static/fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SegoeUI-Light.woff') format('woff'), url('/static/fonts/SegoeUI-Light.ttf') format('truetype'), url('/static/fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'SegoeUI-Semilight';src:url('/static/fonts/SegoeUI-Semilight_gdi.eot');src:url('/static/fonts/SegoeUI-Semilight_gdi.eot?#iefix') format('embedded-opentype'),url('/static/fonts/SegoeUI-Semilight_gdi.woff') format('woff'),url('/static/fonts/SegoeUI-Semilight_gdi.ttf') format('truetype'),url('/static/fonts/SegoeUI-Semilight_gdi.svg#SegoeUI-Semilight') format('svg');font-weight:350;font-style:normal;font-stretch:normal;unicode-range:U+000D-2666;}
@font-face{font-family:'SegoeUI-SemiBold';src:url('/static/fonts/SegoeUI-SemiBold_gdi.eot');src:url('/static/fonts/SegoeUI-SemiBold_gdi.eot?#iefix') format('embedded-opentype'), url('/static/fonts/SegoeUI-SemiBold_gdi.woff') format('woff'), url('/static/fonts/SegoeUI-SemiBold_gdi.ttf') format('truetype'), url('/static/fonts/SegoeUI-SemiBold_gdi.svg#SegoeUI-SemiBold') format('svg');font-weight:600;font-style:normal;font-stretch:normal;unicode-range:U+0020-2666}
@font-face{font-family:'MyriadPro-Regular';src:url('/static/fonts/MyriadPro-Regular_gdi.eot');src:url('/static/fonts/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('/static/fonts/MyriadPro-Regular_gdi.woff') format('woff'), url('/static/fonts/MyriadPro-Regular_gdi.ttf') format('truetype'), url('/static/fonts/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
}
body {
    margin: 0;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    font-family: MyriadPro-Regular;
    color: #737373;
}
li{
    list-style: none;
}
a {
    color: #3b5998;
    text-decoration: none;
}
a:hover, a:focus{
    color: #000;
    text-decoration: none;
}
.main_con {
    width: 100%;
    height: auto;
}
.navbar .nav{
    margin: 10px 10px 0 0;
}
.mobile-login-sign-buttons{
    list-style-type: none;
}
.slide{
    right: 200px;
}
.client-width li{
    min-width: 160px;
}
.dropdown-menu.solutions-dropdown.client-width {
    width: 190px;
}
.btn-group:first-child:hover > .dropdown-menu
{
    display: block;
}
.btn.product-desktop {
    color: #3b5998;
} 
.dropdown:hover > .dropdown-menu{
    display: block;
}
.smr-open .nav-collapse.collapse {
    right: 0;
}
.btn-navbar{
    background: transparent url("/static/images/collapse-sprite.png") repeat scroll 0% 0%;
    background-repeat: no-repeat;
    background-position: center 4px;
    background-size: 100%;
    background-color: #fff !important;
    border: none;
    background-image: none !important;
    background-repeat: none;
}		
.icon-bar{
    width: 27px !important;
    height: 5px !important;
    background: url(/static/images/collapse-sprite.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 27px;
    width: 33px;
    display: inline-block;
    vertical-align: middle;
}
.drop1 {
    background: url(/static/images/plus-drop.png) 90% center no-repeat;
}
.drop1:hover { 
}
.slide-right{
    left: 200px;
}
.mobile-login{
    background: #ffc555;
    background: -moz-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc555),color-stop(100%,#f7941f));
    background: -webkit-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -o-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -ms-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: linear-gradient(to bottom,#ffc555 0,#f7941f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc555', endColorstr='#f7941f', GradientType=0);
    margin-right: 15px;
    padding: 3px 18px 4px !important;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    color: #fff;
}
.grey-right-header {
    float: right;
}
.mobile-sign-up{
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    background: #589bff;
    background: -moz-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#589bff),color-stop(100%,#3c8ac9));
    background: -webkit-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -o-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -ms-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: linear-gradient(to bottom,#589bff 0,#3c8ac9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589bff', endColorstr='#3c8ac9', GradientType=0);
    color: #fff;
}        
.phone-dropdown,.user-dropdown{
    background: #eee;
}
.phone-dropdown:hover,.user-dropdown:hover{
    background: #eee;
}
.product-desktop{
    background: #e9e9e9;
}
.btn.sign-up-button-desktop:hover{
    background: #3c8ac9;
    background: -moz-linear-gradient(top,#3c8ac9 0,#589bff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3c8ac9),color-stop(100%,#589bff));
    background: -webkit-linear-gradient(top,#3c8ac9 0,#589bff 100%);
    background: -o-linear-gradient(top,#3c8ac9 0,#589bff 100%);
    background: -ms-linear-gradient(top,#3c8ac9 0,#589bff 100%);
    background: linear-gradient(to bottom,#3c8ac9 0,#589bff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8ac9', endColorstr='#589bff', GradientType=0);
}
.btn.sign-up-button-desktop{
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    background: #589bff;
    background: -moz-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#589bff),color-stop(100%,#3c8ac9));
    background: -webkit-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -o-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: -ms-linear-gradient(top,#589bff 0,#3c8ac9 100%);
    background: linear-gradient(to bottom,#589bff 0,#3c8ac9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589bff', endColorstr='#3c8ac9', GradientType=0);
    webkit-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -o-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -moz-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -ms-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    padding: 3px 12px 4px;
    border: none;
    border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    margin-top: 4px;
    font-family: MyriadPro-Regular;
}
.btn.login-button-desktop:hover{
    background: #f7941f;
    background: -moz-linear-gradient(top,#f7941f 0,#ffc555 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7941f),color-stop(100%,#ffc555));
    background: -webkit-linear-gradient(top,#f7941f 0,#ffc555 100%);
    background: -o-linear-gradient(top,#f7941f 0,#ffc555 100%);
    background: -ms-linear-gradient(top,#f7941f 0,#ffc555 100%);
    background: linear-gradient(to bottom,#f7941f 0,#ffc555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7941f', endColorstr='#ffc555', GradientType=0);
}
.btn.login-button-desktop{
    border-radius: 5px;
    background: #ffc555;
    background: -moz-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc555),color-stop(100%,#f7941f));
    background: -webkit-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -o-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: -ms-linear-gradient(top,#ffc555 0,#f7941f 100%);
    background: linear-gradient(to bottom,#ffc555 0,#f7941f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc555', endColorstr='#f7941f', GradientType=0);
    margin-right: 15px;
    padding: 3px 18px 4px !important;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    webkit-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -o-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -moz-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    -ms-box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    box-shadow: .5px .87px 1px 0 rgba(0,0,0,.24);
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    padding: 3px 12px 4px;
    border: none;
    border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    margin-top: 4px;
}  
.fill_signup, .fill_signin {
    width: 380px;
    height: 40px;
    font-size: 20px !important;
}   
.btn.sign-up-button-desktop.fill_signup, .btn.sign-up-button-desktop.fill_signin, .btn.sign-up-button-desktop.fill_signup:hover, .btn.sign-up-button-desktop.fill_signin:hover {
    color: rgb(255, 255, 255);
    background-image: -webkit-linear-gradient(top, rgb(18, 151, 218), #388BD1);
    background-image: -moz-linear-gradient(center top , #388BD1, #388BD1);
    background-color: #3c8ac9;
    margin-top: 7px;
    box-shadow: none;
    border: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
}
.icn-arrow {
    position: relative;
}
.icn-arrow:before {
    left: 75%;
    opacity: 0;
    position: absolute;
    height: 100%;
    font-size: 125%;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    content: url('/static/images/ico-arrow.png');
    margin-top: 3px;
    top: 0;
}
.icn-arrow:hover:before {
    left: 85%;
    opacity: 1;
}   
.client-dropdown li span{
    font-family: "Open Sans" !important;
    font-size: 14px !important;
}
.flags.flag4 {
    background-position: -2px -55px;
}
.btn .caret{
    margin-top: 6px !important;
    margin-left: 6px !important;
    border-top: 8px solid rgb(84, 110, 165);
}
.scheduledemo:hover {
    background: linear-gradient(to bottom,#4a8cf8 0,#3575dc 100%);
}
.scheduledemo {
    color: #FFF;
    background-color: #4B8DF8;
    text-decoration: none;
    border: none;
    font-size: 13px;
    line-height: 24px;
    padding: 3px 12px 4px;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-top: 5px;
    margin-top: 9px;
    margin-bottom: 5px;
}
.contact-inter .dropdown-menu li {
    font-family: MyriadPro-Regular;
    font-size: 14px;
    margin: 10px 0px 10px 83px;
    width: 60%;
    line-height: 12px;
    padding: 0px 0px 0px 32px;
}
.country-menu{
    min-width: 225px;
    padding-top: 10px;
}
.user-menu{
    min-width: 225px;
    margin: -2px !important;
}



.li_text_country,.li_text_user {
    width: 68px !important;
    padding: 0px 0px 0px 10px !important;
    margin: 1px 0px 0px 0px !important;
    font-size: 11px !important;
    float: left;
    color: #3b5998;
    text-align: center;
    line-height: 11px !important;
    font-weight: 600;
    font-family: "Open Sans",sans-serif !important;
}
.phone-contact1{
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    color: rgb(62, 62, 62);
    line-height: 18px;
    color: #3b5998;
}       
.flags {
    font-family: MyriadPro-Regular;
    font-size: 14px;
    margin: 0px 0px 10px 83px;
    width: 100%;
    line-height: 12px;
    padding: 0px 25px;
    background: url('/static/images/flags.png') no-repeat;
}
.flag1 {
    background-position: -2px -3px !important;
}
.flag2{
    background-position: -2px -16px !important;
}
.open > .dropdown-menu {
    display: block;	
}
.flag3{
    background-position: -2px -29px !important;
}
.flg4{
    background-position: -2px -41px !important;
}
.bg-grey-header-top{
    background: #eee;
}
.bg-grey-header{
    background: -webkit-gradient(linear,left top,left bottom,from(#2D2D2D),to(#2D2D2D)) repeat scroll 0 0 transparent;
    height: 65px;
}
.product-dropdown-new-header{
    position: relative;
    background: #e9e9e9;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.btn.product-desktop {
    padding: 10px 25px;
}
.btn{
    padding: 10px 30px 10px 0px;
    border-radius: 0px;
    background-image: none;
}  
.phone-contact-new-header{
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #3e3e3e;
    line-height: 26px;
    padding-left: 30px;
    background: url(/static/images/phone-contact.png) no-repeat left center;
    float: left;
}
.btn-group > .btn:first-child{
    border: none;
    box-shadow: none; 
}
#navbar-main {
    margin-bottom: 0px;
}
.navbar-inner{
    min-height: 40px;
    padding: 35px 20px;
    background: #fff;
    border: none;
    box-shadow: none;
}
.brand.logo {
    padding: 16px 20px 0px 0px;
}
.prod-drop .dropdown-menu li span {
    font-family: MyriadPro-Regular;
    padding: 5px 20px;
    width: 75%;
}
.dropdown-menu li span {
    display: block;
    line-height: 20px;
    clear: both;
    font-weight: 400;
    font-family: MyriadPro-Regular;
    line-height: 20px;
    color: #3B5998;
    white-space: nowrap;
    font-size: 14px;
}
.nav > li > span:hover{
    color: #fff;
    text-decoration: none;
}
.navbar .nav > li > span{
    border-radius: 5px;
    color: #3b5998;
    font-size: 15px;
    font-family: "Open Sans";
    padding: 10px 13px 10px;
}
.drop1:hover{
    color: #fff;
    background-color: #3c8ac9;
}
.navbar .nav > li > a:hover{
    color: #fff;
    background-color: #3c8ac9;
    text-decoration: none;
}
.solutions-dropdown{
    min-width: 200px;
    width: 300px;
}
.solutions-dropdown li span{
    font-family: 'Open Sans';
    padding: 6px 0px;
    font-size: 14px;
    padding-left: 15px;
}
.solutions-dropdown .li_class1{
    float: left;
    width: 140px;
    background-color: #fff;
}
li.li_class1.even1 {
    padding-left: 20px;
}
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.caret {
    border-top: 4px solid #546ea5;

}
.dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.2);
    border-left: 7px solid transparent;
    content: '';
}
.dropdown-menu::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    color: #000;
    background: none;
}
.dropdown-menu li a:hover, .dropdown-menu li.active a {
    color: #000;
    background: #fff;
}
.product-dropdown-new-header .dropdown-menu>li>a:focus, .product-dropdown-new-header .dropdown-menu>li>a:hover {
    color: #000;
    text-decoration: none;
    background-color: #EEF3FB;
    background-image: -moz-linear-gradient(top,#EEF3FB,#EEF3FB);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#EEF3FB),to(#EEF3FB));
    background-image: -webkit-linear-gradient(top,#EEF3FB,#EEF3FB);
    background-image: -o-linear-gradient(top,#EEF3FB,#EEF3FB);
    background-image: linear-gradient(to bottom,#EEF3FB,#EEF3FB);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}
.mask {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 15;
}
.phone-contact1{
    text-decoration: none;
}
#signup-form, #login-form  {
    font-family: Arial,Helvetica,sans-serif !important;
    margin-left: 35px;
    margin-bottom: 0;
}
.agreement.agree-dv {
    padding: 0;
    color: #777;
    height: 30px;
    margin: 0;
    font-size: 10px;
    text-align: left;
}
.mob-login{
    margin: 0px 0px;
}
button.btn.dropdown-toggle.product-desktop {
    font-size: 15px !important;
}
.popup-panel{
    width: 510px;
    display: none;
    padding: 20px;
    position: fixed;
    height: auto;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    box-shadow: rgb(0, 0, 0) 0px 0px 20px;
    border-radius: 4px;
    max-width: 85%;
}

.login-container h3,.signup-container h3{
    background-color: #fff;
    color: #4d4d4d;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: Arial,Helvetica,sans-serif;
    padding: 7px 10px;
}
#popup-overlay{
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1001;
    background: #000;
}
.login-container,.signup-container{
    padding: 5px;
}
.not_reg{
    color: #000;
    margin-top: 5px;
}
.forgot_pass{
    font-size: 12px;
    float: right;
    cursor: pointer;
}
.forgot_pass:hover{
    color: #000;
}
.login-container input,.signup-container input{
    float: left;
    width: 365px;
    height: 30px;
    border-radius: 0;
}
#login-close{
    background-image: url(http://www.proprofs.com/api/fancybox2/fancybox_sprite.png?v=1);
    width: 35px;
    height: 35px;
    background-position: 0 0px;
    position: absolute;
    top: 0;
    right: 0;
    margin: -15px;
    cursor: pointer;
}
#login-process,#signup-process{
    text-align: center;
    display: none;
}
.policy{
    float: right;
    font-size: 11px;
    color: #777;
    margin-right: 45px;
    margin-top: -12px;
}
.popup-panel label{
    width: 100%;
    height: 18px;
    color: #777;
    font-weight: 400;
    float: left;
    font-size: 14px;
    padding: 0 0 4px;
    margin-bottom: 3px;
    cursor: default;
}
.input-err{
    margin-top: -9px;
    font-size: 13px;
    color: red;
    float: left;
    width: 100%;
}
#checking-aval{
    display: none;
    position: absolute;
    right: 32px;
}
#login-message,#signup-message{
    font-size: 12px;
    float:left;
}

.header-top{
    display: inline-block;
    width: 100%;
    font-size: 15px;
}
.main-menu-item {
    float: left;
    height: 100%;
    width: 80px;
    text-align: center;
}
.main-menu-item span{
    color: #B8B8B8;
    line-height: 65px;
}
.main-menu-item a:hover{
	color: #ffffff;
}
.main-menu-item.current span{
    color: #ffffff;
}
.header-top #menu-navigation,.header-top .brand.logo{
    float: left;
}
#menu-navigation{
    margin-left: 30px;
}
.header-top .social-links {
    line-height: 65px;
}
.header-top .social-links span{
    width: 25px;
    height: 25px;
} 
.header-top .fb-bg, .header-top .tweet-bg{
    background: #B8B8B8;
}
.header-top .social-links [class^=icon-], [class*=" icon-"] {
    color: #2D2D2D;
}
.header-top .social-links [class^=icon-]:hover {
    color: #fff;
}
.header-top-r{
    float: right;
    width: 275px;
}
.header-top-r ul{
    float: left;
}
ul.login-btn-con{
    float: right;
    height: 65px;
}
ul.login-btn-con li{
    float: left;
    line-height: 64px;
    width: 95px;
    text-align: center;
    background-color: #222222;
    margin-left: 2px;
}
ul.login-btn-con li a:hover{
    color: #fff;
}
ul.login-btn-con li span{
    color: #B8B8B8;
}
.lock_sub_header {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
}
.bg-header-bottom{
    margin-bottom: 1px;
    box-shadow: 0 4px 4px -1px #232323;
    -moz-box-shadow: 0 4px 4px -1px #232323;
    -webkit-box-shadow: 0 2px 4px -1px #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.bg-header-bottom .menu-inner{
    height: 65px;
    background: #fff;
    border: none;
    box-shadow: none;
}
.bg-header-bottom .navbar .nav > li > span{
    font-size: 15px;
    font-family: "Open Sans";
    color: #222222;
    border-radius: 0;
}
.bg-header-bottom .navbar .nav{
    margin: 0;
    margin-top: 12px;
}
.bg-header-bottom .navbar .nav > li > span:hover{
    background-color: #f2f2f2;
}
/***************************************************************/
/***************************************************************/
/**                                                           **/
/**               RESPONSIVE CSS FOR HEADER                   **/
/**                                                           **/
/***************************************************************/
/***************************************************************/

@media only screen and (max-width: 481px) and (min-width: 0){
    .mrg-sgup-mob, .already-mob {
        margin-left: 0px!important;
    }
    .fill_signup,.fill_signin {
        width: 100%!important;
    }
    .login-container input, .signup-container input{
        width: 94%;
    }
    #signup-form, #login-form{
        margin-left: 0px;
    }
    .login-container h3, .signup-container h3{
        font-size:15px;
    }
}

@media only screen and (min-width :0) and (max-width :330px){
    .login-container h3, .signup-container h3{
        font-size:14px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .banner-con-rt{
        width: 100%;
    }
    .brands-tab{
        display: none;
    }
    .dropdown-toggle:hover ~ .dropdown-menu
    {
        display: none;
    }
    .phone-contact-new-header{
        display: none;
    }
    .login-button{
        display: none;
    }
    .sign-up-button{
        display: none;
    }
    bg-grey-header-top{
        display: none;
    }
    .nav-collapse{
        width: 205px;
        float: right;
    }
    .navbar-inner{
        padding: 20px 0px 20px 0px !important;
    }
    .brand{
        width: 125px;
    }
    .btn-navbar{
        background: url(/static/images/collapse-sprite.png);
    }
}

@media only screen and  (min-device-width: 1025px) {
    .close-menu1 img{
        display: none;
    }
    .mobile-login-buttons{
        display: none !important;
    }
    .btn-group.mobile-login-buttons {
        display: none !important;
    }
    .nav li span span{
        background-image: none;
    }
    .navbar .nav>li{
        float: left !important;
    }
    .new-nav li{
        float: left !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
        background-color: rgb(60, 138, 201)!important;
        color: rgb(255, 255, 255);
        background-image: url('//static/images/minus.png');
    }
    .nav.new-nav{
        width: 200px;
    }
    .caret{
        display: block;
        float: right;
    }
    .drop1 .caret {
        display: none;
    }
    .grey-right-header {
        display: none;
    }
    .solutions-dropdown li span {
        padding: 10px 10px 10px 11px !important;
        display: block;
        color: #282a75 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        background-color: #fff;
    }
    .solutions-dropdown li a:hover {
        background-color: #fff;
    }
    .nav-collapse .dropdown-menu{
        margin: 0px;
    }
    .navbar .nav > li > span{
        font-weight: bold !important;
    }
    .new-nav li span{
        font-size: 14px;
        font-family: 'Open Sans',sans-serif;
        font-weight: bold;
        margin-bottom: 2px;
    }
    .drop1:hover ~ .dropdown-menu
    {
        display: none;
    }
    .nav.new-nav {
        float: none !important;
    }
    .navbar .nav{
        margin: 0px !important;
    }
    .navbar .nav > li {
        float: none !important;
        display: block;
    }
    .solutions-dropdown .li_class1 span{
        padding: 10px 10px 10px 11px;
        display: block;
        color: #282a75;
        font-size: 12px;
        font-weight: 400;
        font-family: 'Open Sans',sans-serif;
    }
    .solutions-dropdown .li_class1{
        float: none !important;
    }
    li.li_class1.even1{
        padding-left: 0px;
    }
    .solutions-dropdown{
        margin-bottom: 0px;
        width: 205px;
    }
    .nav-collapse.collapse {
        background: #eee none repeat scroll 0 0;
        box-shadow: -5px 0 5px -3px #ccc;
        height: 100%;
        position: fixed;
        right: -225px;
        top: 0;
        z-index: 15;
        padding: 10px;
        transition: all 0.3s ease 0s;
    }
    .btn:hover{
        background-position: initial;
    }
    .btn-group.mobile-login-buttons {
        padding: 6px;
    }
    .mobile-login{
        background: #ffc555;
        background: -moz-linear-gradient(top,#ffc555 0,#f7941f 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffc555),color-stop(100%,#f7941f));
        background: -webkit-linear-gradient(top,#ffc555 0,#f7941f 100%);
        background: -o-linear-gradient(top,#ffc555 0,#f7941f 100%);
        background: -ms-linear-gradient(top,#ffc555 0,#f7941f 100%);
        background: linear-gradient(to bottom,#ffc555 0,#f7941f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc555', endColorstr='#f7941f', GradientType=0);
        margin-right: 15px;
        padding: 3px 18px 4px !important;
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
        color: #fff;
    }
    .mobile-sign-up{
        transition: all 0.3s ease-in 0s;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        -ms-transition: all 0.3s ease-in 0s;
        background: #589bff;
        background: -moz-linear-gradient(top,#589bff 0,#3c8ac9 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#589bff),color-stop(100%,#3c8ac9));
        background: -webkit-linear-gradient(top,#589bff 0,#3c8ac9 100%);
        background: -o-linear-gradient(top,#589bff 0,#3c8ac9 100%);
        background: -ms-linear-gradient(top,#589bff 0,#3c8ac9 100%);
        background: linear-gradient(to bottom,#589bff 0,#3c8ac9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589bff', endColorstr='#3c8ac9', GradientType=0);
        color: #fff;
    }
    .bg-grey-header-top{
        display: block;
    }
    .mobile-login-sign-buttons{
        display: inline-block;
        width: 100%;
    }
    .navbar .nav{
        margin:0px;
    }
    .close-menu1{
        padding: 0px;
        margin-top: 15px;
    }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
    .mobile-login-sign-buttons{
        display: none !important;
    }
    .nav-collapse.collapse{
        position: inherit;
    }
    .navbar .nav>li{
        float: left !important;
    }
}

@media only screen and (max-device-width: 767px)  {
    .header-desktop{
        display: none;
    }

    .smr-open .nav-collapse.collapse{
        overflow-y: auto;
    }
    .solutions-dropdown .li_class1{
        width: 200px;
    }
}

@media only screen and (device-width: 768px) { 
    .mobile-login-sign-buttons{
        display: none;
    }
    .nav-collapse.collapse {
        box-shadow: -5px 0 5px -3px #ccc;
        height: 100%;
        position: initial;
        right: -225px;
        top: 0;
        z-index: 15;
    }
    .bg-grey-header-top{
        display: block;
    }
    .solutions-dropdown .li_class1{
        width: 200px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .close-menu1{
        padding: 0px;
        margin-top: 15px;
    }
    .bg-grey-header-top{
        display: block;
    }
    .nav-collapse.collapse{
        position: fixed;
    }
    .mobile-login-sign-buttons{
        display:inline-block;
    }
}

@media only screen and  (min-device-width: 1025px) {
    .drop1{
        background-image: none;
    }
    .navbar .nav>li{
        float: left !important;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 960px !important;
    }
    .solutions-dropdown .li_class1{
        border: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .navbar .nav>li{
        float: left !important;
    }
    .nav-collapse.collapse {
        background-color: none;
        background: none !important;
    }
    .caret{
    }
    .drop1{
        background-image: none;
    }
    .navbar .nav > li > span {
        padding: 10px 8px 10px;
    }
}
@media (max-width: 1199px){
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        margin: 0 20px;
    }
}
@media only screen and (min-device-width: 768px){
    .header-mobile{
        display: none;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .header-desktop{
        display: none;
    }
    .header-mobile{
        display: block;
    }
}
.header-desktop{
    margin-bottom: 2px;
}
/* ONLY for profile images that are inline */
.profile-image {
    border-radius: 50%;
}