/*********************************************
	GLOBAL
*********************************************/
*
{
	margin:0px;
	padding:0px;
        font:14px/1.5 sans-serif;
}

html,
body
{
	background:#fff;         
}
img
{
	border:none;
}
a
{
	color:#3671c8;
        text-decoration: none;
}
h1
{
	font-size:23px;
	color:#1c1c1c;
	font-weight:normal;
	margin-bottom:20px;
        font-family: 'Lato', sans-serif;
}
h1 a, .title
{
	font-size:26px;
	line-height:26px;
	color:#ffa245;
	text-decoration:none;
        font-family: 'Lato', sans-serif;
}
h2
{
	font-size:20px;
	color:#3671c8;
	font-weight:normal;
	margin:1.3em 0 10px 0;
	line-height:23px;
        font-family: 'Lato', sans-serif;
}
.sidebar h3 {
        font-size:16px;
	font-weight:normal;
	margin:0 0 10px 0;
	line-height:20px;
        font-family: 'Lato', sans-serif;
}
.clear { clear: both;}
.border
{
	margin-bottom:25px;
	border-bottom:4px solid #cccaca;
}
.border-blue {
	border-bottom:3px solid #3671c8;
	margin:0px;
}
.border2
{
	padding-bottom:16px;
	margin-bottom:7px;
	border-bottom:1px solid #ccc;
}
.row
{
	float:right;
	width:100%;
        font-family: 'Lato', sans-serif;
}
#user-greet {
	color:red;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	/*padding:10px 0 10px 0;*/
        padding:0;
}
#user-greet a {
	color:red;
	font-weight:bold;
	font-size:12px;
}
.gsc-search-button-v2 {
    background-color: #4d90fe !important;
}
#sidebar2 .row
{
	margin-bottom:20px;
}
.right
{
	float:right;
}
.left
{
	float:left;
}
.row-img {
	margin-bottom:1em;
}

/***   ***/
.bt-download {
        background: orange;
	margin: 0 0 8px;
	border-radius: 4px;
}

.bt_orange,
.bt_blue, .bt_request
{
	display:inline-block;
	width:172px;
	height:41px;
	line-height:33px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
}
.bt_orange
{
	background:url(../images/bt_orange.png) left top no-repeat;
}
.bt_blue
{
	background:url(../images/bt_quote.png) left top no-repeat;
}
.bt_request {
	background:url(../images/bt_request.png) left top no-repeat;
}

#sidebar2 .button, .lp-downloadBtn a, #form-content .button {
    height:auto;
    width:100%;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    font-weight:normal;
    border-radius: 3px;
    margin: 0 0 10px;
    box-shadow:0px 1px 3px 0px rgba(2, 2, 2, 0.3);
}
.button:hover {color:#fff;text-decoration:underline;}
.button.bt_orange {
    background: orange !important;
    position: relative;
}
.button.bt_orange:after {
    content:'';
    background:url(../images/icon-download.png) right center no-repeat;
    height: 15px;
    width:15px;
    position:absolute;
    top:30%;
    right:7px;
}
.button.bt_blue {
    background: rgb(33, 174, 35) !important;
}
.button.bt_request {
    background: rgb(50, 160, 213) !important;
}


.trial
{
	padding:10px 0px;
}
.blue_b
{
	font-weight:bold;
	color:#5686cc;
        text-decoration: none;
}
#share
{
	margin:0 0 1.5em 0;
}
/*  generic p styling  */
#content_wrap p, .casestudy p i, #content_wrap .faq-all span, .compbl_features th,.compbl_features td,
.partners_main p, #toplinks p, #toplinks p a, .client_box span, blockquote
{
	line-height:1.5;
	margin-bottom:15px;
        font-size: 15px;
        font-family: 'Lato', sans-serif;
}
.square_list li, #content_wrap li, .maincolumn li {
    
        line-height:1.6;
        font-size: 15px;
        font-family: 'Lato', sans-serif;
}


/*********************************************
	Main menu
*********************************************/
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 6px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 120px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 20px;

}

.menulist li {
 float: right;
 display: block;
 position: relative;
 background: #C4CECF;
 margin-right: -1px;
  width: 120px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: left;
 margin: 0;
 margin-bottom: -1px;
 width: 120px;
 padding: 2px 0px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 font: 99%/1.5 arial, helvetica, sans-serif;
letter-spacing: 0.02em;
font-size: 9pt;
color: #000;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
 text-align: center;

}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background: #FF9900 url(listmenu_o.png) left repeat-y;
 text-align: center;
}
.menulist a.highlighted {
 color: #FFF;
 background-color:  #939A9B;
}
/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;

}
.menulist ul a .subind {
 display: block;
 float: left;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;

}
.menulist ul a {
 float: none;
}

.menulist a {
 float: none;
  width: 110px;
}
#menu.lang-menu {
    margin: 3px 8px;
    float: right;
    position: relative;
}
.lang-menu {
    margin: 3px 8px;
    float: right;
}
.lang-menu ul {
    padding:0px;width:33px !important;background: none !important;
}
.lang-menu li ul li {
    width:25px !important;padding:2px 0px !important;min-width:25px !important;background: none !important;border-bottom:0 !important;
}

a.flag {	
	padding:0px;
        display: inline-block;
        width:31px;
        height: 10px;
        padding: 3px 0px !important;
}

.flag-en {background:url(../images/sprite.png) -52px top no-repeat;}
.flag-en .top-menu-arrow {position: absolute;right: 1px;top: 7px;}
.flag-ru {background:url(../images/sprite.png) -82px top no-repeat;}
.flag-cn {background:url(../images/sprite.png) -111px top no-repeat;}
.flag-il {background:url(../images/sprite.png) -140px top no-repeat;}

*:first-child+html .menulist ul li {
 float: left;
width: 120px;
}

* html .menulist ul li {
 float: right;
}

#menu, #menu ul, .lan-menu {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float: right;
        padding-left: 6px;
        position: relative;
        width: 93px;
	border-right: 1px solid #EEEEEE;
	text-align: center;
	margin:0;
}
#menu li:first-child, #menu li ul li { 
       border-right: 0;
}
#menu li:last-child {border-bottom: 0;}

#menu li a {
	color: #000000;
        display: block;    
        padding: 5px 0;
        text-decoration: none;
        font-family: 'Lato', sans-serif;
        font-size: 9.4pt;
}
#menu li ul {
	background: none repeat scroll 0 0 #EEEEEE;
	/*box-shadow: 0 0 5px #888;*/
        display: none;
        margin-top: 0;
        position: absolute;
	margin-left: -8px !important;
	z-index:100;
        border-radius: 4px;
}
#menu li ul li {
	padding: 6px 12px;
	width:auto;
	min-width:200px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}
#menu ul li ul {
	margin-left:212px !important;
	margin-top: -2.5em !important;
}
#menu ul li:hover{
	background: none repeat scroll 0 0 #d9d8d8;
}
.top-menu-arrow {
	background: url(../images/top-menu-arrow.png) no-repeat center right;
	display: inline-block;
    height: 7px;
    padding: 0 0 0 6px;
    width: 6px;
}
.topsub-menu-arrow {
	background: url("../images/topsub-menu-arrow.png") no-repeat scroll right center transparent;
    display: inline-block;
    float: right;
    height: 7px;
    margin-right: -5px;
    width: 3px;
	padding-top:8px;
}
/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
	z-index:1000;
}

/*********************************************
	STRUCTURE
*********************************************/
#site_wrap
{
	width:100%;
	min-height:300px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	margin-bottom:0px;
}
#header,#middle,#footer
{
	float:left;
	width:100%;
}
.header-wrap {
	height: 96px;
	background: none;
	width:100%;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
.header-content {
	width:1064px;
	margin:0 auto;
}

/*------------- General layout--------------- */
#site_wrap
{
	width:100%;
	min-height:300px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
	margin-bottom:0px;
}
.wrap {width:1064px;}

/*------------- Header --------------- */
.header-logo {
	width:242px;
	float:left;
	margin:0;
        position: relative;
}
.header-logo a {
	height:80px;
	width:190px;
	background:url(../images/logo.png) center top no-repeat;
	float:left;
	margin:6px 0 0;
        display: block;
}
.slogan {
	color:#333;	
	font-size:12px;
        position: absolute;
        top:61px;
        left:82px;
		width:100%;
}
#header
{
	height:63px;	
}
.header-content-right {
    width: 680px;
    margin: 19px 0 0 0;
}
.phone-info {
    margin: 7px 0 0;
}
.phone-info p {
    float: left;
    font-size: 8.5pt;
    padding: 0 7px 0 0;
    text-align: left;
    border-right:1px solid #fff;
    overflow:hidden;
    vertical-align:top;
}
.phone-info p img { padding: 0 5px;vertical-align:middle;}
.top-flag {vertical-align:top;height:15px;width:23px;display: inline-block;background:url(../images/sprite.png) left top no-repeat;margin:-1px 3px 0;}
.International {background:url(../images/sprite.png) -28px top no-repeat;width:17px;}

.social {margin: 8px 0px 7px 5px;}
.social a {margin: 0 5px 0 0;height:20px;width:20px;display: inline-block; }
.social a#fb {background:url(../images/sprite.png) left -25px no-repeat}
.social a#twitter {background:url(../images/sprite.png) -24px -25px no-repeat}
.social a#linkedin {background:url(../images/sprite.png) -48px -25px no-repeat}
.social a#youtube {background:url(../images/sprite.png) -72px -25px no-repeat}
.social a#googleplus {background:url(../images/sprite.png) -96px -25px no-repeat}

#search {
	margin:0;
	float:right;
        width:244px;
}
#searchButton {
	position:relative;
	top:4px;
	right:22px;
}
input.gsc-search-button, 
input.gsc-search-button:hover, 
input.gsc-search-button:focus {
	background-color:#4d90fe !important;
}
input.gsc-input {font-size: 14px !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {margin-top:1px !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right:0 !important;height:24px;}
table.gsc-search-box td {vertical-align: top !important;}
.gsc-input-box {margin:1px;height:22px !important;}
input.gsc-search-button-v2 {padding:4px 18px 5px !important;}
.gsib_a {padding:0 6px !important;}
.gsc-control-cse {padding:1em 0 !important;}

.lang-menu {
    position: relative;
    z-index: 1112;
}
#tabletop {
	width:776px;
	float:right;
	margin-top:4px;
        position: relative;
        z-index: 1111;
}
#tabletop .menulist li{
	width:105px;
}
#tabletop .menulist a{
	width:auto;
}

.top-note {
    width:100%;
    background: #CFE4FF;
    text-align: center;
    font-size: 10.8pt;padding: 6px 0;
    font-family: 'Lato', sans-serif;
    color: #333;
}

#middle
{
	min-height:100px;
	padding:30px 0px 20px;
	width:1064px;
	float:none;
	margin:15px auto;
}
#footer
{
	padding:15px 0px;
        margin-top: 20px;
	/*min-height:202px;
	background:url(../images/gray_bg1.png) left top repeat-x #fff;*/
        background: #F0F0F0;
}
#footer .row {
	width:1064px;
	float:none;
	margin:0 auto;	
}
#sidebar1
{
	float:left;
	width:190px;
	min-height:100px;
	margin:0 30px 0 0;
	padding-bottom:20px;
}
#sidebar2
{
	float:right;
	width:178px;
	min-height:100px;
	margin:0px 0 0 20px;
	padding-bottom:20px;
	background:#FFFFFF none repeat scroll 0 0;
	position:relative;
	/*z-index:80;*/
}
#content_wrap
{
	float:left;
	width:630px;
	min-height:100px;
	position:relative;
	margin-bottom:20px;
}
#content_wrap iframe {
        margin:20px auto 10px;
}
.content_column {
	margin-left:40px;
	margin-right:40px;
}

/*** 2 columns pages  ***/
.middle-2columns#middle {
    width:1032px;
}
.maincolumn {
    width:73%;
}
.sidebar {
    width:22%;
    text-align: left;
}
.sidebar ul {
    margin: 0 0 1em 1.2em;
}
.sidebar li {
    font-size: 13px;
}
.sidebar-box {
    margin: 35px 10px 0 0;
}


#logo
{
	float:left;
	margin-top:15px;
}
#copyrights
{
	float:left;
	width:100%;
	font-size:12px;
	text-align:center;
	padding-top:5px;
        color:#444;
}

#topcontrol {bottom:39px !important;right:23px !important;}

.social-links {
	clear:both;	
}
.social-links a {text-decoration:none;}
/*********************************************
	MAIN MENU
*********************************************/
#main_menu
{
	float:left;
	width:100%;
	height:25px;
	background:#c4cecf;
}
/*********************************************
	FOOTER MENU
*********************************************/
#footer_menu
{
	float:left;
	width:100%;
}
#footer_menu ul
{
	float:left;
	width:100%;
	text-align:center;
}
#footer_menu li
{
	display:inline;
	height:10px;
	padding:0px 12px;
	background:url(../images/footer_menu_seperator.gif) left center no-repeat;
}
#footer_menu li:first-child
{
	background:none;
}
#footer_menu a
{
	font-size:12px;
	text-decoration:none;
	color:#444;
}
#footer_menu a:hover
{
	text-decoration:underline;
}
/*********************************************
	FOOTER MENU
*********************************************/
#side_menu
{
	float:left;
	width:100%;
}
#side_menu ul
{
	float:left;
	width:100%;
}
#side_menu li
{
	display:block;
	background:#e6f0f5;
	margin-bottom:4px;
	*margin-bottom:0px;
	text-align:left;
        line-height: 30px;
}
#side_menu a
{
	display:block;
	padding:4px 0 5px 18px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#3671c8;
        font-family: 'Lato', sans-serif;
}
#side_menu a:hover
{
	color:#3a3a3a;
}
#side_menu li.active a
{
	color:#3a3a3a;
	font-weight:bold;
	background:url(../images/side_menu_icon.png) left center no-repeat #e7e7e7;
}
/*********************************************
	LINKS LIST
*********************************************/
.links_list_title
{
	padding-left:5px;
	padding-bottom:6px;
	border-bottom:1px solid #cccaca;
	margin-bottom: 6px;
}

.links_list
{
	float: left;
    margin: 0 30px 0 0;
    padding: 10px 0 30px;
    width: 15%;
}
.links_list_social {
    margin: 0;
    width: 100%;
}

.links_list ul
{
	float:left;
	padding:5px;
	list-style:none;
}

.links_list li
{
	line-height:20px;
}
.links_list a, .links_list_title, .links_list li
{
	font-size:13px;
	color:#444;
	text-decoration:none;
	line-height:1.8;
}

.links_list a:hover
{
	color:#000;
}

/*********************************************
	BOX
*********************************************/
.box
{
	float:right;
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}
.box p
{
	padding-top:5px;
	text-align:center;
}
/*********************************************
	QUOTE BLOCK
*********************************************/
.quote_block
{
}
.quote_block > p,
.quote_block > p a
{
	font-size:11px;
}
.quote_block blockquote
{
	padding-bottom:10px;
	border-bottom:2px solid #e5e4e4;
	background:url(../images/quote_top.png) left top no-repeat;
	margin-bottom:10px;
}
.quote_block blockquote p
{
	padding:8px 5px 5px;
	background:url(../images/quote_bottom.png) right bottom no-repeat;
	color:#575656;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}
.quote_block blockquote p:first-letter
{
	margin-left:20px;
}
/*********************************************
	V LIST
*********************************************/
.v_list
{
	padding-left:18px;
	padding-bottom:25px;
	list-style:none;
}
.v_list li
{
	padding-left:18px;
	line-height:1.5em;
	background:url(../images/icon_v.gif) left center no-repeat;
}
/*********************************************
	SQUARE LIST
*********************************************/
.square_list
{
	list-style:none;
}
.square_list li, #content_wrap ul li
{
	padding-left:12px;
	background:transparent url(../images/icon_square.gif) no-repeat scroll left 7px;
}
#content_wrap ul {
    margin:0.5em 0em 1em 1em;    
    list-style-type:none;
}
#content_wrap ol {
    margin:0.5em 0em 1em 1em;  
}
/*Case studies*/
.casestudy {
	margin:1.5em 0;
}
.casestudy h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 0.5em;
}
.casestudy-img {
	float: left; 
	padding-bottom: 10px; 
	padding-right: 10px;
}
.casestudy p i {
	
}
.client_box {
	width:30%;
	float:right;
	margin:0 0 1em 1em;line-height: 1.6;
}
.client_box span {
	font-weight:bold;
}
.client_box p {
	background:none repeat scroll 0 0 #f0f0f0;
	padding:0.8em 1em;
	margin-top:0.5em;
	border-top:2px solid #CCCCCC;
	}
.client_box img {
	text-align:center;
}


/*FAQ*/
#content_wrap .faq {
	list-style-type:none;
	margin:0 0 1em 0;
	width:100%;
}
#content_wrap .faq  li{
	font-weight:bold;
	margin:0 0 0.5em;
        padding:1px 0 8px;
        border-bottom:1px solid #ccc;
        background: none;
}
#content_wrap .faq  li a{ font-size:15px;text-decoration:none;line-height:1.2; }
.faq a:hover {
	color:#333;
}
#content_wrap .faq-all p {
	margin:0 0 0.5em;
}
#content_wrap .faq-all span {
	font-weight:700;
        margin: 0.6em 0;
        display: inline-block;
}
/*ROI*/
#roi h2 {
	margin-bottom: 0.5em;
}
/*CompBL v2.0 Main Features*/
.compbl_features {
	width:100%;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#000;
	line-height:23px;
	margin:20px 0 40px 0;
        background:#fff;
}
.compbl_features th {
	background:#ebeaea;
	border-bottom:1px solid #ccc;
	line-height:18px;
        text-align: left;
        padding: 10px 8px;
        box-sizing:border-box;
}
.feature_head {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#dbd7d7;
	width:130px;
}
.annotate-features-th {width:55%;}

.getting-started {
	margin:10px 0;
}


.feature, .feature_grey {
	width:34%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0.4em 0.6em;
	line-height:16px;
}
.feature_grey {
	background:#dbd7d7;
	font-weight:bold;
}
.feature_v {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
.feature-new:after {
    content:'New';
    background:yellow;
    padding: 2px 4px;
    margin-left: 30px;
}
/* Customers page */

.customers {
	width:100%;
}
.customers ul {
	list-style-type: none;
	margin: 0 auto;
	margin:45px auto;
	padding-bottom:30px;
	*margin-left:3em;
	width:100%;
}
.customers li {
	padding:21px 25px;
	width:28%;
	text-align:center;
	float:left;
	display:block;
	min-height:145px;
	font-size:14px;
	}
.customers li  div{
	min-height:100px;
}
.features_list {
	margin:10px 0px 20px 30px;
}	
.features_list h4{
	color:#5686cc;
	font:bold 15px arial, helvetica, sans-serif;
	margin:0px;
}
.features_list ul {
	list-style-image: url(images/square_bullet.gif);
	margin: 5px 0px;
}
.features_list  a{
	margin:0px 0px 0px 30px;
}



/*Conact page*/
.contact_section {
	float:left;
	margin: 1em 2em 0.5em 0;
	border-right: 1px solid #ccc;
	padding: 5px 19px 0 0;
}
.contact_section-r {border:0;}
#content_wrap .contact_section p {
	margin-bottom:0;
}

/*Partners*/
.partners_main {
	margin:20px 0px 30px 0px;
}
.partners_main p{
	margin:15px 0px;
        width:78%;
}
.partners_main h3, .partners_main h3 a {
	margin:10px 0px;
	color: #4F76B0;
        font-size:18px;
        clear:both;
}
.partners_main img {
	float:right;
	padding:0;
}
.partners_main .seperator {
    height: 16px;
}

/***************************************
    CONTACT VIA OVERLAY
***************************************/
.overlay_quick_contact {
	/*border:1px solid #666;
	margin:20px 13px 0px 0px;
	padding:5px 10px;
	width:240px;*/
}
.overlay_quick_contact  h3{
	font-size:15px;
}
.overlay_quick_contact p {
    display:block;
    margin-bottom:15px;
}
.overlay_quick_contact .row {
    display:block;
    margin-bottom:13px;
}
.overlay_quick_contact .row label {
    float:left;
    width:150px;
}
.overlay_quick_contact .row input, select,textarea {
    float:left;
    width:200px;
}
.overlay_quick_contact .row input[type="text"],
.overlay_quick_contact .row select{
    line-height:20px;
    height:20px;
}
.overlay_quick_contact .row select,
.overlay_quick_contact .row textarea {
    width:210px;
}

/* Sign up forms */
input {padding: 0 3px;}

.input_label {
    padding-bottom: 10px;
}
.form-btn {
    padding: 3px 5px;
    margin: 5px;
}
#signup-wrap #center {
    width:425px;
}
.register_bullets {
    /*box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);*/
    border: 1px solid #ccc;
    padding: 0.5em 1em 1em;
}
.register_bullets h2 {
    margin:10px 0 10px 0;
}
.register_bullets ul {
    text-align: left;
    margin: 0 0 0 15px;
}
#btnRegister {
    margin:10px auto;
}
.drp input {
    margin:0 0 5px 0;
}


/************************************************************************
	NOTES
************************************************************************/
.note {
	display: block;
	padding: 10px 10px 10px 10px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
    clear:both;
}
.success {
	background: #EDFBC2;
	background-position: 10px;
	border: 1px solid #DFF791;
}
.info {
	background: #d9e4ff;
	background-position: 10px;
	border: 1px solid #8dacf7;
}
.attention {
	background: #fefbcc;
	background-position: 10px;
    border: 1px solid #ffcb4f;
}
.error {
	background: #ffcfcd;
	background-position: 10px;
	border: 1px solid #e2918d;
}
/******Why Us******/
.whyus {
	background: #d7f0ff;
	padding:0 15px 20px;
	margin:35px 10px 0 0;
	float:left;
	width:205px;
}
.whyus  ul{
	margin-left:10px;
}
.whyus  li{
	font-size:13px;
	line-height:16px;
	margin:5px 0;
}
/**********Slider on product pages**********************/
#slider h4 {
}
.ready-for-clearcase {
	margin:15px 0;
	text-align:center;
}
.features ul {
	width:80%;
}
#register_form_wrap { width:484px;margin:0 auto; }

/** OVERLAY - prettyPopin **/
#overlay{
	background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%
	}
.prettyPopin{
	display:none;overflow:hidden;min-height:290px;position:absolute;z-index:11000;top:50%;left:50%;/*background:url(../images/prettyPopin/popinLeft.gif) bottom left no-repeat*/
}
.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:4px;right:13px;width:41px;height:9px;text-indent:-10000px;background:#fff url(../images/prettyPopin/b_close.gif) center no-repeat;padding:3px;}
.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;/*background:url(../images/prettyPopin/popinRight.gif) bottom right no-repeat*/}
.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px;background-color:white;}
.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}

/* Features Page **/
.features-layout img {box-shadow: 0 0 5px #888888;float: left;margin: 0 2.3em 2.5em 0;}
.features-layout img.Right {float:right;margin:0 0 1.5em 1.8em;}
.Right, .right {float:right;}
.hSeperator {height:1px;border-bottom:1px solid #999;margin:3em 0;clear:both;}
.features-layout h3 {font-size:18px;margin:-3px 0 0.5em 0;line-height:21px;}

#content_wrap .fancyBox ul {margin:0;}
#content_wrap .fancyBox li {padding:0;}

#queryTop { width:144px; }

/* Removed Google Branding */
.gsc-input { background:none !important; }
.bubble {
    padding:10px;
    background-color:lightblue;
    color:white;
    border-radius:10px;
    position:absolute;
    text-align:center;
    width:150px;
    top:-40px;
}

/* Testimonials page */
.testimonials-page  {
	width:100%;
}
.top-testimonials {
	
}
.testimonials-page .quote_block {
	width: 43%;
    margin: 1em 1.5em;
}
.testimonials-page  .quote_block blockquote {
	min-height:140px;
}
.testimonials-page  .quote_block blockquote p{
	font:normal 14px/16pt arial ,sans-serif;
	color:#000;
}
.quote-img {
	float:left;
	width:73px;
				}
.quote-img img {
	border-radius:80px;
	width:60px;
	}
.testimonials-page .quote_block > p,
.testimonials-page .quote_block > p a
{
	font-size: 13px;
}
.quote_block_name {
        float: left;
        width: 62%;
}
.seperator {
	margin: 2em auto;
	width: 100%;
	height: 24px;
}

/*-----------  Store page  -------------*/
#toplinks .ClearCheck_store {
	float:left;
}
#toplinks .ClearCheck_store h2 {
	font-size:18px;
	*font-size:17px;
	margin:10px 0px 20px 0px;}
#toplinks .ClearCheck_store h2 span {font-weight:bold;}
#toplinks .ClearCheck_store img {
	/*float:left;*/
	margin:0px 0px 0px 0px;
}
.store_product_box {
    margin: 1em 0 2em;
    padding: 0 0 1em 0;
}
.store_product_body {
    width:77%;
}
.store_product_cover {
    margin: 0 1.2em 1em 0;
}
.store_product_box h3 {
    font-size: 16px;
}
.ClearCheck_store_content {
width:510px;
*width:auto;
/*float:right;*/
}
.ClearCheck_store_content  ul {
list-style-image: url(images/vblue_bullet.gif);
}
.ClearCheck_store_content .store_li {
	margin-left:110px;
	*margin-left:140px;
}
.right_note {
width:240px;
/*border:1px solid #666;*/
	padding:10px 12px;
	margin:-30px 15px 0px 0px;
	_margin:0px 15px 0px 0px;
	background-color:#cde0fc;
}
.store_bottom_links {
    border-top:1px solid #ccc;
    padding: 6px 0;
}
.store_bottom_links a {
    font-size: 12px;
}
.store_form {
	border:1px solid #ccc;
	margin:20px 0px 0px;
	padding:0 10px;background:#eee;
}
.store_form  h2{
	margin:0.5em 0 10px 0;
}
.store_form  h3{
	font-size:15px;
}
.store_form  p{
	font:13px/13px arial, helvetica, sans-serif;
}
.store_form table {
	margin-top:10px;
}
.store_form_field {
	height:17px;
	font:11px/11px arial, helvetica, sans-serif;
	width:100%;
}
.side-form textArea {width:100%;padding: 0 3px;}
.side-form td {padding:0 8px 3px 0;}

.calc {
	margin-top:0px;
	_margin-top:0px;
	width:580px;
}
.calc a, .calc h3  {text-decoration:none;color: #4F76B0;}
.calc a:hover ,.calc a:link, .calc a:hover h3 {text-decoration:underline;color: #4F76B0;}
.calc h3 {
font-size: 11pt;
margin-top:10px;
color: #4F76B0;
}
.calc ul {
	display: block;
	margin:0px 0px 20px 0px;
}

.calc .get_price {
padding:3px 5px;
/*border: 1px solid #999;*/
/*-moz-border-radius: 7px;*/
}
.calculate_price ul li span {font-weight:bold;}
#txtPrice {width:90px;}

.price_line {
background-color:#4F76B0;}
.logos_store {
margin:0 auto;
margin-top:20px;
text-align:center;
height:83px;
width:90%;
vertical-align:top;
}
#faq_store {
margin-bottom:15px;}
#faq_store span {font-weight:bold;}
#faq_store p {margin-bottom:10px;}

.store_readyforibm  {
	margin:5px 0px 5px 0px;
	padding:10px;
	width:250px;
	background-color:#CDE0FC;
}
.store_readyforibm  h5{
	font-size:15px;
	text-align:left;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
.store_readyforibm  h6{
	font-size:11px;
	font-weight:normal;
	margin:0px;
}

.side-list {
        margin:0 0 0 1.1em;
}

.services .square_list {
    margin: 0 0 0 71px;
}
#services_right.sidebar li {font-size: 15px;}



.video-wrap { position: relative;}
.video-link {position:absolute;top:0;display:block;width:100%;height: 100%;}

#certifications {margin: 5px 0 0 0;}
#certifications p {
    font: 9pt/1.4 'Lato', sans-serif;
    margin: 0 0 9px 0;
    width:80%;
}
#certifications img {    
    margin: 5px 0;
}
.sidebar-item {
    border-bottom: 1px dotted #777;
    padding: 0 0 1.5em 0;
    margin: 0 0 1.5em 0;
}

/*** About page with tabs, without hover effect ****/
ul.team-members {
    list-style-type: none;
}
.ui-tabs .ui-tabs-nav li {margin: 1px .4em -1px 0 !important;}
.team-members li {margin: 0 0 1em 0;clear: both;}
.team-members li img {float: left;max-width:25%;margin:0 0 1em 0;}
.team-members li .details {float: left;width:72%;margin:0 0 0 1.5em;}
.details h3 {font: 12pt/1.4 'Lato', sans-serif;margin: 0 0 0.6em 0;}

/*products icons*/
.about #box .block {clear:both;}
#box .block {
	margin:0 20px 0 0;	
        font-family: 'Lato', sans-serif;        
}
#box .block h4 a{
	font: 13pt/1.4 'Lato', sans-serif;
}
#box #annotate span, #box #comp_BL span, #box #clearcheck span, #box #vitality span {
		display: block;
		float: left;
		height: 90px;
		margin:0 15px 10px 0;
		width: 75px;
		}
#box #annotate span {
		background:url(../images/logos.png) no-repeat scroll left 0 transparent;
	} 
#box #comp_BL span {
		background:url(../images/logos.png) no-repeat scroll -78px 0 transparent;
	} 
#box #clearcheck span {
		background:url(../images/logos.png) no-repeat scroll -157px 0 transparent;
	}
#box #vitality span {
		background:url(../images/logos.png) no-repeat scroll -236px 0 transparent;
	}




/*** Landing page ***/
#middle.landing {
    width:700px;
    margin-top: 5px;
}
.landing #content_wrap {
    width:100%;
    margin-top: 0;
}
.landing .header-content {
    width:710px;
}
.landing h1 {
    margin-bottom: 10px;
    font-size: 26px;
}
.landing h2 {
    margin: 0 0 10px 0;
    font-size: 19px;
}
.landing #content_wrap p, .landing #content_wrap li {
    font-size: 15px;
    line-height: 1.55;
}

.landing #content_wrap .quote_block blockquote p {
    font-size: 16px;
    line-height: 1.55;
}
.landing .video-wrap {
    margin: 20px 0;
}
.lp-downloadBtn {text-align: center;}
.lp-downloadBtn a {
    width:280px;
    font-size: 17px;
    padding: 3px 0;
    margin: 15px 0 10px;
}

.pdf, .excell, .rnd {
    background: url(../images/sprite.png) 0 -58px no-repeat;
    width: 25px;
    height: 24px;
    text-indent: -99999px;
    display: inline-block;
    margin: 3px 3px 3px 0;
}
.pdf {background: url(../images/sprite.png) -33px -58px no-repeat;}
.rnd {background: url(../images/sprite.png) -64px -58px no-repeat;}
.compbl_features .tag {padding: 2px 4px;background: rgb(255, 217, 66);font-size: 11px;margin: 0 3px;}


.monito-box {
    width: 18%;
    padding: 1em;
    margin: .5em;
    background: #eee;
    display: inline-block;
    border: 1px solid #ccc;
}
.monito-box:hover {    
    border: 1px solid #3671c8;
}
.monito-box span{
    display: block;
    font-size: 20px;
    line-height: 32px;
    
}
/* versions text labels  */
.vlabel, .vlabel-purple {
    background: #fff56d;
    font-size: 13px;
    padding: 1px 7px;
    display: inline-block;
    margin-left: 5px;
}
.vlabel-purple {
     background: #eabaff;
}
/* Gitlab Training */
.training-bio {
    width:44%;
    margin: 10px 0 0 20px;
}
.training-bio:after {
    clear:both;
    content: '';
}
.training-bio img {
   float:right;
   width:70px;
   margin: 5px 0 5px 14px;
}


/*** Landing page ***/

.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.dir-ltr {
	direction:ltr;
}

#middle.landing {
    width:700px;
    margin-top: 0;
    padding: 25px 0px 20px;
}
.landing #content_wrap {
    width:100%;
    margin-top: 0;
}
.landing .header-content {
    width:710px;
}
.landing h1 {
    margin-bottom: 10px;
    font-size: 31px;
    color:#333;
}
.landing h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height:1.5;
    color:#333;
}
.landing .subtitle {
    font-size: 22px;
    color:#000;
    margin: 0 0 18px 0;
}
.landing #content_wrap p,.landing #content_wrap p a, .landing #content_wrap li,.landing #content_wrap li a, #form-content label  {
    font-size: 15px;
    line-height: 1.7;
}
.landing #content_wrap .quote_block blockquote p {
    font-size: 17px;
    line-height: 1.55;
}
.landing .video-wrap {
    margin: 0;
}
.lp-downloadBtn {text-align: center;}
.lp-downloadBtn a {
    width:192px;
    font-size: 17px;
    padding: 3px 0;
    margin: 15px 0 10px;
}

.pdf, .excell, .rnd {
    background: url(../images/sprite.png) 0 -58px no-repeat;
    width: 25px;
    height: 24px;
    text-indent: -99999px;
    display: inline-block;
    margin: 3px 3px 3px 0;
}
.pdf {background: url(../images/sprite.png) -33px -58px no-repeat;}
.rnd {background: url(../images/sprite.png) -64px -58px no-repeat;}
.compbl_features .tag {padding: 2px 4px;background: rgb(255, 217, 66);font-size: 11px;margin: 0 3px;}

/* Clearcheck  */

.landing-clearcheck #middle.landing {
    width:100%;
}
.landing-clearcheck .header-content {
    width:1000px;
}
.landing-clearcheck .row {
    float: none;
    max-width: 1000px;
    margin: 0 auto;
    /*min-height: 200px;*/
}
.lp-menu {
    list-style-type: none;
    margin: 39px 0 20px;
}
.lp-menu li {
    float: left;
    margin: 0 12px;
}
.lp-menu li a{
    font:12pt/1.4 'Lato', sans-serif;
    padding-bottom:3px;
}
.lp-menu li a:hover{
    color:#1754AE;
    border-bottom: 1px dotted #1754AE;
}

/* fixed header  */

.header-wrap {
    z-index: 555;
    background: #fff;
}
.fixedNav {
    height: 68px;
    transition: all .2s;
}
.fixedNav .header-logo a {
    background-size: 70%;
    margin: 5px 0 0;
    background-position:left top;
}
.fixedNav .slogan {font-size: 11px;top:41px;left:64px;}
.fixedNav .lp-menu {margin:24px 0 20px;}
.fixedNav .lp-menu li {margin:0 23px 0 0 !important;} 
.fixedNav .lp-menu li a {font:11.5pt/1.4 'Lato', sans-serif;}

/* fixed header  */

#form-content, .section-btn {
    border-top: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    padding: 9px 0;
    margin: 26px 0 0;
    text-align: center;
}
#returnmessageone {
    position: relative;
    color:rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align:center;
}
#returnmessagetwo {
    position: relative;
    color:rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align:center;
}
#returnmessagethree {
    position: relative;
    color:rgb(47, 158, 34);
    font-size: 14px;
    line-height: 1.4;
    text-align:center;
}
#form-content label {
    font:17px 'Lato', sans-serif;
}
.full-form#form-content label {
    font:16px 'Lato', sans-serif;
    display:inline-block;
    width:228px;
    margin: 7px 0;
}
.your_info {font:17px 'Lato', sans-serif;}
.full-form#form-content {
    text-align: left;
}
#form-content input[type=text], #form-content textarea {
    width:250px;
    margin: 0 5px;
}
#form-content .button, .fixedNav .bt_nav {
    border: 0;   
    margin: 3px 0;
    font-size: 12pt;
    width:76px;
    line-height: 1.3;
    padding: 4px 0;
    background: #ffa500; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa500 1%, #f7a000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa500), color-stop(100%,#f7a000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa500 1%,#f7a000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#f7a000',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border: 1px solid #EC9003;
}
.screen-wrap {
    background: #E9F3F7;
    padding: 36px 0;
    text-align: center; 
	position:relative;
}
.section-border {
	border-top:1px solid #ccc;
}
.screen {
    margin: 0 auto;        
    background: url('/lp/img/screen.jpg') no-repeat center;
    height: 433px;
    width: 723px;
}
.screen-wrap img:before {
    border-top: 1px solid #fff;
    content:'';
}
.how-wrap {
   background: #F0F0F0; 
}
.quote-square img {
    border-radius: 0 !important;
}
.offering{  
    border-bottom:1px solid #ccc;
}
.why, .customers, .how, .offering, .section-item, .section-form, .section-gap {position:relative;padding: 36px 0;}
.why span, .customers span#customers, .how span, .row #overview, .offering span, .section-item span, .section-form span,
 section span[id]
 { position:absolute; top:-100px;}

#returnmessage span {position: static;color:red;}
#returnmessage {
	text-align: center;
	color: #fff;
	background: #09a50f;	
	padding: 0.5em 1em;
    width: fit-content;
    margin: 1em auto;
}
#returnmessage:empty {
   display: none;
}

.section-form {padding: 10px 0;}

.partners .lp-menu li {margin: 0 33px 0 0;}
.lp-menu#eclipse li {margin: 0 31px 0 0; -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.header-wrap {
    border-bottom: 1px solid #DDD;
    box-shadow:none;
}
.partner-nav {
    top:0;
    background: #F7F7F7;
    height: 52px;    
}
.fixedNav {height: 56px; }
.partner-nav .header-logo {display: none;}
.partner-nav .lp-menu {margin: 15px auto 12px;}
.partners .fixedNav .header-logo {display:block;width:165px;}
.fixedNav .lp-menu {margin: 18px auto 20px;position: relative;}
.fixedNav .header-logo a {background: url('../img/logo-black.svg') left top no-repeat;background-size: 65%;margin:4px 0 0 0;}
.fixedNav .bt_nav, .fixedNav .bt_nav:hover, #form-content .bt_orange {color: #fff;border-radius: 3px;padding: 3px 9px 4px;display: inline-block !important;text-align: center;margin:-4px 0 0 0;width:auto;height:auto;text-decoration: none;}

.f-logos img {
    margin: 8px 23px 4px 23px;
    vertical-align: middle;
}

.landing .lp-downloadBtn a, .btn-quote {
    margin: 10px 0;
    background: #ffa500; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa500 1%, #f7a000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa500), color-stop(100%,#f7a000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa500 1%,#f7a000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa500 1%,#f7a000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#f7a000',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border: 1px solid #F98D1D;
}
/*  get quote button on clearcheck service*/

.quote {
    text-align: center;
}
.btn-quote {
    color:#fff;
    font-size: 25px;
    padding: 9px 35px;
    margin: 10px auto;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px rgba(2, 2, 2, 0.3);
    font-family: 'Lato', sans-serif;
    /*text-transform: uppercase;*/
}

.landing #content_wrap li {
    padding-left: 19px;
    background: transparent url(../../images/icon_square.gif) no-repeat scroll left 10px;
    /*background:none;*/
}
.landing #content_wrap ol li {
    background:none;
}

.faq-q {font-weight: 600;font-size: 16px !important;}
#content_wrap iframe {margin:20px auto 10px;display:block;}

/* Renewal page  */
.renewal-main {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ddf6fd+100,1e5799+100 */
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top,  #ffffff 20%, #ddf6fd 100%, #1e5799 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#ddf6fd), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #ffffff 20%,#ddf6fd 100%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #ffffff 20%,#ddf6fd 100%,#1e5799 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #ffffff 20%,#ddf6fd 100%,#1e5799 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #ffffff 20%,#ddf6fd 100%,#1e5799 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
      height:270px;
      padding:0 0 20px 0;
}
.renewal-main .row {
    background: transparent url(/lp/img/renewal-img1.gif) no-repeat 19px bottom; 
    height: 319px;
}
.renew-proposal {
    margin: 2em auto !important;
}
.main-text {
    width: 44%;
    padding: 2% 7%;
    text-align: left;
}
.main-text h2 {
    font:19px/1.5 'Lato', sans-serif;
}
.landing #content_wrap .main-text p {
    font:17px/1.3 'Lato', sans-serif;
}

.landing #content_wrap .main-text p span{
    font:bold 17px/1.6 'Lato', sans-serif;
    display: inline-block;    
}
.proposal-item {
   width:31%;
   float:left;
   margin: 0 2% 3% 0;
   padding: 0 0.6em 0 0;
   border-right: 1px dotted #888;
   height: 163px;
}
.last {margin: 0;padding: 0;border: 0;}
.proposal-item h3, .proposal-item h3 a {
    font:bold 13pt/1.5 'Lato', sans-serif;
    margin: 0 0 9px 0;
}
span#annotate , span#comp_BL, span#clearcheck  {
		display: block;
		float: left;
		height: 72px;
		margin-top: 2px;
		margin-right: 13px;
		width: 60px;
                background-size:cover !important;
		}
span#annotate  {
		background:url(/images/logos.png) no-repeat scroll left 0 transparent;
                
	} 
span#comp_BL  {
		background:url(/images/logos.png) no-repeat scroll -62px 0 transparent;
	} 
span#clearcheck  {
		background:url(/images/logos.png) no-repeat scroll -125px 0 transparent;
	} 
        
/*  Projects page  */

.projects-history .subtitle {
    color:#333;
}
.projects {
    margin:40px 0;
}
.projects .project-item {    
    margin: 40px auto;
}
.how-wrap .project-item {    
    padding: 25px 0;
}
.project-item h3, .projects-history .subtitle {
    font:bold 13pt/1.7 'Lato', sans-serif;
    margin: 8px 0;
}

.img-gallery4 {
    display:inline-block;
    text-align:center;
    margin:15px 10px 0;
    width:20%;
}
.img-gallery4 img {
    border:1px solid #999;
    box-shadow: 0px 4px 5px -2px #999;
}
.img-gallery4 span {
    width: 100%;
    display: inline-block;
}
.img-gallery {
    display:inline-block; 
    text-align:center;
    margin:25px 10px 0;
    width:29%;
}
.img-gallery img {
    border:1px solid #999;
    box-shadow: 0px 4px 5px -2px #999;
}
.img-gallery span {
    width: 100%;
    display: inline-block;    
}

/*  ROI calculator  */
.form-calc h2.subtitle {
    margin:0;
}
.form-calc h3 {
    font:normal 13pt/1.7 'Lato', sans-serif;
     margin:6px 0 15px 0;
}
.form-calc p {    
    margin:12px 0 13px;
}

/* v-bullets list  */

#content_wrap ul.v-list {
    margin: 0.5em 0em 1em 0em;
}
#content_wrap ul.v-list li {
    background: transparent url(/images/v-icon.png) no-repeat scroll left 10px !important;    
    padding-left: 27px;
    margin: 0.3em 0;
}
.alm_email_boxes li{list-style:none;}
.alm_email_boxes li input {
    position: relative;
    top: 2px;
}
li .breaks {
    padding: 0 10px;
}
/* News */
.realted-posts {
    display: flex;
    flex-wrap: wrap;
}
.related-item {
    width:calc(100% * (1/4) - 10px - 1px);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 0 20px 15px 0;
    flex-grow:1;
	max-width:25%;
}
.related-item a:first-of-type {
    background-position: center;
    height: 135px;
    display: block;
    border: 1px solid #e4e4e4;
    background-repeat: no-repeat;
}
.related-item a:first-of-type.related-item-default {

	background-image: url(/images/logo-gitlab-item.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.related-item:hover a {
    
}
.related-item h3 {
    font: 17px/1.5 'Lato', sans-serif;
    margin: 1em 0;
}
/* features table on LP */

.gitlab-features td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.gitlab-features td.feature_v img {
    vertical-align:middle;
}

.compbl_features th:first-child, .gitlab-features th:first-child {
    text-align: left;
    width:38%;
}
.compbl_features th {
    text-align: center;
    padding: 7px 8px;
}

.button {
    font-family: 'Lato', sans-serif;
    background: rgb(50, 160, 213);
    color: #fff;
    padding: 0.3em 0.6em;
    display: inline-block;
    border-radius: 3px;
    margin: 0.4em 0;
}
.icon-play {
    background: url('../img/play-icon.png') no-repeat center;
    height: 20px;
    width: 20px;
    display: inline-block;
}


/* Fixed table head */

.fixed{
  top:36px;
  position:fixed;
  width:100%;
  max-width: 1000px;
  display:none;
  border:none;
  border-left:1px solid #ccc;
  z-index: 1;
}
.scrollMore{
  margin-top:600px;
}
.up{
  cursor:pointer;
}

/* Table tooltip */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 17em;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 14px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 33%;
    top:auto;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.9em;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Promo banner */
.promo-banner {
			padding: 5px;
			background-color: #ffd556;
			font-size: 15px;
			text-align: center;
			line-height: 1.2;
		}
		.promo-banner > a {
			color: #000;			
			text-decoration: underline;
		}
		.animated, .animated a {
			transition: all .2s linear;
		}
		.animated {
			animation-duration: 1s;
			animation-fill-mode: both;
		}

@media all and (max-width:567px){
    .breaks{display:block;}
    #form-content input#submit{margin-top:10px;}
    .alm_email_boxes li{ text-align:left;}
    .fixed {
        width:auto;
        max-width: 100%;
      }
}


@media screen and (max-width: 650px) {
    .m-width {
        width:100%;
    }
    .quote img {
        width:auto;
    }
    .prettyPopin {
        width: 100% !important;
        height: 100% !important;
    }
}