/*
Theme Name: Applechic
Theme URI: http://tanshcreative.com/applechic-st-demo/index.html
Description: Applechic site template is designed and developed by Tansh.
Author: Tansh
Version: 1.01
*/

/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography
	1.3 Button styles
	1.4 List styles
	1.5 Divider and spacers
	1.6 Image styles
	1.7 Breadcrumb
	1.8 Pagination
	1.9 Accordion
	1.10 Blockquote

2. TEMPLATE STRUCTURE
	2.1 Commons
	2.2 Header
	2.3 Content
	2.4 Portfolio
	2.5 Pricing
	2.6 Blog
	2.7 Contact
	2.8 Footer
	2.9 Forms
	2.10 Tabs
    2.11 Countdown
	2.12 Main menu / navigation

3. Media queries
    		Note - Media queries for slider in its own stylesheet.

4. Browser fixes - IE
/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
body {
	background: url(../img/patterns/pattern1.jpg) repeat #fff;
	font-size: 13px;
	color: #666;
	font-weight: 400;
	line-height: 1.5em;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none !important;
}
audio {
	margin-bottom: 20px;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*only font families are specified here - font sizes and weights are in respective section*/
body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-black, .mybtn-arrow, label, input, button, select, textarea, input[type="text"], .submit, .search-submit, .sub-submit, .ddsmoothmenu ul li a {
	/*font-family: 'Raleway', Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
/*Other typography*/
h1, h2, h3, h4, h5, h6 {
	color: #343434;
	font-weight: 600;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
	margin-bottom: 5px;
}
h6 {
	font-size: 12px;
	margin-bottom: 5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #343434;
}
a {
	color: #e74710;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #808080;
	text-decoration: none;
}
.read-more a,
.read-less a {
	border-bottom: none;
}
.color {
	color: #e74710!important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
/*text styles*/
.text-center {
	text-align: center;
}
.text-vbig {
	font-size: 90px !important;
	font-weight: 600;
	line-height: 1em;
}
.text-big {
	font-size: 14px;
}
.text-small {
	font-size: 10px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.text-vsmall {
	font-size: 10px;
}
.heading-icon {
	font-size: 14px;
	color: #343434;
	line-height: 24px;
}
.heading-icon img {
	margin-right: 10px;
	float: left;
}
/*----------------------------------------*/
/*----- 1.3 Button styles -----*/
/*----------------------------------------*/
.mybtn, .mybtn-black {
	background: #e74710;
	padding: 5px 20px 5px 20px;
	margin-top: 10px;
	font-size: 10px;
	color: #fff !important;
	line-height: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: auto;
	height: auto;
	border: none;
    -moz-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.mybtn-black, .mybtn:hover {
	background: #484848;
}
.mybtn-arrow {
	/*background: #cacaca; /* for non-css3 browsers */
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#cacaca'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#cacaca)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top, #e8e8e8, #cacaca); /* for firefox 3.6+ */
	/*background:  -o-linear-gradient(top, #e8e8e8, #cacaca);*/
	background: #fff;
	padding: 15px 20px 15px 20px;
	margin-top: 10px;
	font-size: 18px;
	color: #343434 !important;
	text-shadow: 0px 1px 0px #fff;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: auto;
	height: auto;
	border: none;
	/*border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow:   0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;
	-webkit-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;
	box-shadow:   0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;*/
	display: inline-block;
	cursor: pointer;
	outline: none;
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
}
.mybtn-arrow span {
	background: url(../img/cta-btn-arr.png) no-repeat right 0;
	margin: 0;
	padding-right: 30px;
}
.mybtn-arrow:hover {
	background: #e8e8e8; /* for non-css3 browsers */
	color: #e74710 !important;
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#e8e8e8'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#e8e8e8)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top, #cacaca, #e8e8e8); /* for firefox 3.6+ */
	/*background:  -o-linear-gradient(top, #cacaca, #e8e8e8);*/
}


.xmldocx-button {
	background: #ff7612; /* for non-css3 browsers */
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#372b2b', endColorstr='#ff8700'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ff7612), to(#ff8700)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top, #ff7612, #ff8700); /* for firefox 3.6+ */
	/*background:  -o-linear-gradient(top, #ff7612, #ff8700);*/
	color: #fff !important;
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);

}

.xmldocx-button:hover {
	background: #ff8700; /* for non-css3 browsers */
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8700', endColorstr='#ff7612'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#ff8700), to(#ff7612)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top, #ff8700, #ff7612); /* for firefox 3.6+ */
	/*background:  -o-linear-gradient(top, #ff8700, #ff7612);*/
	color: #fff !important;
}


.register-pad {padding-bottom: 14px !important; padding-top: 13px !important; text-align: center; width: 100%;}
/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
.list-checkmark li, .list-arrow li, .list-inline li, .list-unstyled li {
	background: none;
	list-style-type: none;
	display: block;
}
/*checkmark list*/
.list-checkmark li {
	background: url(../img/bullet-checkmark.png) no-repeat 0 4px;
	padding-left: 30px;
	margin-bottom: 10px;
}
/*checkmark list*/
.list-arrow li {
	background: url(../img/bullet-arr.png) no-repeat 0 3px;
	padding-left: 20px;
	margin-bottom: 10px;
}
/*unstyled list*/
.list-unstyled li {
	margin-bottom: 20px;
	float: none;
}
/*unordered list*/
.list-unordered {
	list-style-type: disc;
	list-style-position: inside;
}
.list-unordered li {
	margin-bottom: 5px;
}
.list-unordered li ul {
	list-style-type: circle;
	margin-left: 25px;
}
/*ordered list*/
.list-ordered {
	list-style-type: decimal;
	list-style-position: inside;
}
.list-ordered li {
	margin-bottom: 5px;
}
.list-ordered li ul {
	list-style-type: lower-roman;
	margin-left: 25px;
}
/*----- list-dot -----*/
.list-dot {
	margin-bottom: 20px !important;
	display: inline-block;
}
.list-dot li {
	background: url(../img/dot.png) no-repeat right;
	font-size: 11px;
	padding-right: 10px;
	margin: 0px 7px 0px 0px !important;
	float: left !important;
	width: auto !important;
}
.list-dot li:last-child {
	padding-right: 0px;
	margin-right: 0px;
	background: none;
}
/*----------------------------------------*/
/*----- 1.5 Dividers and Spacers -----*/
/*----------------------------------------*/
.divider, .divider-arrow, .divider-greyarrow {
	width: 100%;
	display: inline-block;
	clear: both;
}
.divider {
	background: url(../img/divider-diagonal.png) repeat-x;
	height: 3px;
	margin: 20px auto;
}
.divider-arrow {
	background: url(../img/feature-divider-arr.png) no-repeat center bottom;
	height: 5px;
	border-top: 1px solid #fff;
	margin: 10px auto;
}
.divider-greyarrow {
	background: url(../img/ptable-divider-arr.png) no-repeat center bottom;
	height: 5px;
	border-top: 1px solid #dedede;
	margin: 75px 0px 20px 0px;
}
/*use suitable height spacer for vertical spacing*/
.spacer-10px, .spacer-20px, .spacer-30px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}

.spacer-0px {
	margin-bottom: 0px !important;
}


/*----------------------------------------*/
/*----- 1.6 Image styles -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
.frame, .frame-icon {
	background: #fff;
	border: 1px solid #dedede;
	padding: 9px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}
.frame-icon {
	margin-bottom: 30px;
}
.list-3col .frame img, .list-4col .frame img, .list-6col .frame img, .list-3col .frame-icon img, .list-4col .frame-icon img, .list-6col .frame-icon img {
	margin-bottom: 0;
}
.icon-bg {
	background: #e74710;
	width: 54px;
	height: 54px;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -27px;
	margin-top: -35px;
	border-radius: 54px;
	-moz-border-radius: 54px;
	-webkit-border-radius: 54px;
	margin-bottom: 30px;
}
.icon-bg img {
	float: left;
}
/*----------------------------------------*/
/*----- 1.7 Breadcrumb -----*/
/*----------------------------------------*/
.breadcrumb {
	padding: 5px 0px 0px 0px;
	margin: 0;
	list-style: none;
	background-color: transparent;
	float: right;
	font-size: 12px;
}
.breadcrumb li {
	text-shadow: none;
}
.breadcrumb span {
	padding: 0 3px;
	color: #fff;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb .active {
	color: #e74710;
}
/*----------------------------------------*/
/*----- 1.8 Pagination -----*/
/*----------------------------------------*/
.pagination {
	margin-top: 30px !important;
}
/*----------------------------------------*/
/*----- 1.9 Accordion -----*/
/*----------------------------------------*/
.accordion-heading a {
	background: url(../img/accord-plus.png) no-repeat left center;
	padding-left: 40px !important;
	margin-left: 10px;
}
.accordion-heading.in_head a {
	background: url(../img/accord-minus.png) left center no-repeat
}
/*----------------------------------------*/
/*----- 1.10 Blockquote -----*/
/*----------------------------------------*/
blockquote {
	border-left: 4px solid #e74710;
}
blockquote p {
	font-size: 14px;
	color: #e74710;
	font-style: italic;
	line-height: 1.6em;
	margin: 0;
}
blockquote.pull-right {
	border-right: 4px solid #e74710;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons  -----*/
/*----------------------------------------*/
.row-general {
	padding: 30px 0px;
}
/*----- colored row -----*/
.row-colortoned {
	background: #e74710;
	padding: 30px 0px;
	color: #fff;
}
.row-colortoned h1, .row-colortoned h2, .row-colortoned h3, .row-colortoned h4, .row-colortoned h5, .row-colortoned h6 {
	color: #fff;
}
/*----- grey toned row -----*/
.row-greytoned {
	background: #e1e9eb;
}
/*----- main content & sidebar -----*/
#sidebar-left {
	padding-right: 30px;
	margin-right: 10px;
	border-right: 1px solid #dedede;
}
#sidebar-right {
	padding-left: 30px;
	margin-left: 10px;
	border-left: 1px solid #dedede;
}
/*----- content-intro -----*/
#content-intro {
	background: #bdc3c5;
	padding: 20px 0px;
}
#content-intro h1 {
	float: left;
	color: #fff;
	margin: 0;
	}
/*----- 3, 4, 6 column list -----*/
.list-3col, .list-4col, .list-6col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-6col li {
	width: 140px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-3col img, .list-4col img, .list-6col img {
	margin-bottom: 10px;
}
/*----- % based half -----*/
.half {
	width: 45%;
	float: left;
}
.half-last {
	width: 45%;
	margin-left: 10%;
	float: left;
}
/*----- box -----*/
.box {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px;
}
.review {
	background: url(../img/icons/icon-quote.png) no-repeat right bottom;
}
.info {
	background: url(../img/icons/icon-info.png) no-repeat right bottom;
}
/*----- box-styled (testimonal) -----*/
.box-styled {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.box-head {
	background: #e1e9eb;
	padding: 15px;
}
.box-head h4 {
	margin: 0px;
	color: #353535;
	float: left;
}
.box-head h4 span {
	font-size: 11px;
	color: #e74710;
	display: block;
}
.box-body {
	padding: 15px;
	font-size: 13px;
}
.photo {
	background: #fff;
	width: 50px;
	height: 50px;
	border: 3px solid #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	display: inline-block;
	float: right;
}
.photo img {
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
/*----------------------------------------*/
/*----- 2.2 Header  -----*/
/*----------------------------------------*/
/*----- header -----*/
#header {
	background: #343434;
 	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#343434)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #555555, #343434); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #555555, #343434);
	/*border-bottom: 1px solid #1c1c1c;*/
}
/*----- header-inner -----*/
#header-inner {
	padding: 30px 0px 10px 0px;
/*	border-top: 4px solid #e74710;*/
}
/*----- header-btm -----*/
#header-btm {
	font-size: 10px;
	color: #e1e1e1;
	text-transform: uppercase;
	font-weight: 600;
	border-top: 1px solid #5a5a5a;
}
#header-btm p {
	margin-top: 7px;
	margin-bottom: 0px;
	float: left;
}
#header-btm ul {
	float: right;
}
#header-btm ul li {
	padding-left: 25px;
	background: none;
	list-style-type: none;
	display: inline !important;
	float: left;
}
#header-btm img {
	background: #464646;
	margin-right: 10px;
	border: 1px solid #5a5a5a;
	border-width: 0px 1px 0px 1px;
	float: left;
}
#header-btm a {
	color: #e1e1e1;
}

.logo img {
	max-width: 250%;
}

/*----------------------------------------*/
/*----- 2.3 Content  -----*/
/*----------------------------------------*/
/*----- infographic  -----*/
.infographic h1, .infographic p {
	margin: 15px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #e74710;
	font-weight: normal;
	line-height: 1em;
}
/*----- feature styles -----*/
/*center aligned*/
.features-centered {
	text-align: center;
}

.features-centered-home p { text-align: center;}

.features-centered-home img {
	float: left;
}

.features-centered .text-small {
	margin: 0;
}
/*image to left*/
.feature-left-img img {
	margin: 35px 20px 20px 0px;
	float: left;
}
.feature-left-img li {
	margin-bottom: 30px;
}
/*only image at center*/
.feature-center-img {
	text-align: center;
}
.feature-center-img h1, .feature-center-img h2, .feature-center-img h3, .feature-center-img h4, .feature-center-img h5, .feature-center-img p {
	text-align: left;
}
/*----- twitter -----*/
.heading-twitter {
	background: url(../img/icons/icon-chirp-chirp.png) left no-repeat;
	padding-left: 68px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #353535;
	font-weight: 600;
	line-height: 40px;
	display: inline-block;
}
.heading-twitter a {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.tweet_time {
	display: none;
}
/*----- post-type and team -----*/
.post-type {
	text-align: center;
}
.post-type h3 span, .team h3 span {
	margin-top: 5px;
	font-size: 13px;
	font-weight: normal;
	display: block;
}
.team .social {
	margin-top: 20px;
}
.team .social li {
	width: auto;
	margin-left: 0px !important;
	margin-right: 1px !important;
}
.team .social li img {
	margin: 0;
}
/*----------------------------------------*/
/*----- 2.4 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin-bottom: 20px;
	display: inline-block;
}
.filter_nav li {
	float: left;
}
.filter_nav li a {
	padding: 5px 20px 5px 20px;
	margin-right: 5px;
	font-size: 10px;
	color: #343434;
	line-height: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li a.active {
	background: #e74710;
	padding: 5px 20px 5px 20px;
	font-size: 10px;
	color: #fff !important;
	line-height: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column img, .portfolio_4column img {
	width: 100%;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 0px 20px;
	list-style-type: none;
	position:relative;
	float: left;
}
.portfolio_3column li {
	/*width: 300px;*/
}
.portfolio_4column li {
	width: 220px;
}
.portfolio_3column li h4, .portfolio_4column li h4 {
	margin-bottom: 2px;
}
/*folio-thumb*/
.folio-thumb {
	background: #fff;
	padding: 9px;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	position: relative;
	overflow: visible;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.folio-thumb .zoom, .folio-thumb .link {
	background: url(../img/zoom.png) 0 0 no-repeat transparent;
	width: 40px;
	height: 40px;
	position:absolute;
	left: 40%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
	outline: none;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.folio-thumb .link {
	background: url(../img/link.png) 0 0 no-repeat transparent;
	position:absolute;
	right: 40%;
	left: auto;
	margin-right: -20px;
}
/*isotope*/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing {
	width: 100%;
	margin-top: 50px;
	text-align: center;
	display: inline-block;
}
.pricing.two-col .price-column {
	width: 49.7%;
}
/*.pricing.three-col .price-column {
	width: 33.1%;
}*/
.pricing.three-col .price-column {
	width: 32%;
}
.pricing.four-col .price-column {
	width: 24.8%;
}
.pricing.five-col .price-column {
	width: 19.8%;
}
.price-column {
	background: #fff;
	height: 100%;
	font-size: 13px;
	border: 1px solid #b3b1b1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display:inline-block;
	position: static;
	overflow: hidden;
	float:left;
}
/*focused column*/
.price-column.focused {
	background: #eaeaea;
	height: auto;
	margin-top: -33px;
	padding-bottom: 28px;
	vertical-align: middle;
	overflow: hidden;
	border-left: 0px;
	border-right: 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-transform:scale(1.00)!important;
	-ms-transform:scale(1.00)!important;
	-webkit-transform:scale(1.00) !important;
	-o-transform:scale(1.00)!important;
	transform:scale(1.00)!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 -webkit-transition: all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 -ms-transition:all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.price-column.focused:hover {
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.5);
}
.table-slug {
	background: #9d9d9d;
	padding: 10px;
	color: #efd70a;
	font-size: 14px;
	line-height: 1em;
	display: block;
}
/*table heading*/
.table-th {
	margin: 30px 20px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#808080;
	font-style: italic;
	text-align: center;
	font-weight: bold;
}
.table-th h3 {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 16px;
}
.circle {
	background: #e74710;
	width: 90px;
	height: 50px;
	padding: 20px 0px;
	margin: 20px auto 0px auto;
	border-radius: 90px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.circle span {
	font-size: 24px;
	margin-bottom: 3px;
	font-weight: bold;
	display: block;
}
/*table content*/
.table-content {
	padding: 0px 20px 35px 20px;
}
.table-content .mybtn {
	margin-top: 20px;
}
.border-rightnone {
	border-right: 0px;
}
/*----------------------------------------*/
/*----- 2.6 Blog  -----*/
/*----------------------------------------*/
.tags li {
	background: url(../img/dot.png) no-repeat left;
	padding-left: 10px;
	margin-right: 7px;
	font-size: 10px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	list-style-type: none;
	float: left;
}
.tags li:first-child {
	padding-left: 0px;
	background: none;
}
.social-post {
	float: right;
	display: block;
	margin-top: 20px;
}
/*list-comments*/
.list-comments {
	list-style: none;
}
.list-comments li ul {
	padding: 0 0 0 50px;
	list-style: none;
	margin: 0;
}
.list-comments .avatar {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left !important;
}
.list-comments .box {
	float: left;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*----- 2.7 Contact -----*/
/*----------------------------------------*/
/*address*/
.addrs {
	background: url(../img/world-map.png) no-repeat center top;
	min-height: 120px;
}
.addrs table th {
	padding-right: 20px;
	font-size: 13px;
	color: #343434;
	text-align: right;
	font-weight: 400;
	vertical-align: top;
}
.addrs table td {
	padding-bottom: 10px;
}
/*----------------------------------------*/
/*----- 2.8 Footer  -----*/
/*----------------------------------------*/
#footer {
	background: #242424;
	color: #e1e1e1;
	line-height: 1.4em;
}
#footer-inner {
	padding: 30px 0px 30px 0px;
	border-top: 4px solid #e74710;
}
#footer h4, #footer p {
	color: #fff !important;
    font-size: 14px;
    margin-bottom: 15px;
}
#footer img {
    margin-bottom: 8px;
}
/*----- social -----*/
.social li {
	background: #353535;
	margin-left: 1px;
	list-style-type: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	float: left;
}
.social li img {
	float: left;
}
.social li:hover {
	background: #e74710;
}
/*----- flickr -----*/
.flickr {
	margin-left: -11px;
}
.flickr img {
	background: #343434;
	width: 56px;
	height: 56px;
	padding: 4px;
	margin: 0px 0px 11px 11px;
	border: 1px solid #151515;
	float: left;
}
/*----------------------------------------*/
/*----- 2.9 Forms -----*/
/*----------------------------------------*/
/*----- Common properties for contact, support, search, login form -----*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
}
/*errors*/
form label.error {
	color: #b94a48;
	font-size: 10px;
	margin-top: 3px;
}
#subform label.error, #searchform label.error {
	display: none !important;
}
form input.error, form textarea.error, form password.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
/*label and inputs*/
label {
	font-size: 12px;
	color: #343434;
	font-weight: 600;
	line-height: 1em;
}
input[type="text"], input[type="password"], select, textarea {
	background-color: #ffffff;
	width: 95%;
	height: 23px;
	padding: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #999;
	line-height: 12px;
	display: inline-block;
	border: 1px solid #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea {
	height: auto;
}
select {
	height: 35px;
	width: 97%;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	box-shadow: none;
	border-color: rgba(82, 168, 236, 0.8) !important;
}
:-moz-placeholder {
 font-size: 12px;
 color: #999;
}
:-ms-input-placeholder {
 font-size: 12px;
 color: #999;
}
::-webkit-input-placeholder {
 font-size: 12px;
 color: #999;
}
/*results*/
#result, #subresult, #supportresult {
	width: 100%;
	display: block;
}
/*submit button*/
.submit {
	background: #e74710;
	padding: 12px 20px 12px 20px;
	font-size: 12px;
	color: #fff !important;
	line-height: 10px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	box-shadow: 0 8px 8px rgba(0,0,0,0.20), 0 5px 5px rgba(0,0,0,0.20);
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.antispam {
	display:none;
}
/*----- subscribe form ------*/
#subform input[type="text"] {
	width: 150px;
	background: #151515;
	border: 1px solid #151515;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius:  3px 0px 0px 3px;
	border-radius:  3px 0px 0px 3px;
	float: left;
}
.sub-submit {
	background: #343434;
	padding: 11px 10px 9px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #151515;
	font-weight: 600;
	border: none;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius:  0px 3px 3px 0px;
	border-radius:  0px 3px 3px 0px;
	display: inline-block;
}
/*search form*/
#searchform p {
	margin-bottom: 0px;
}
#searchform input[type="text"] {
	width: 180px;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius:  3px 0px 0px 3px;
	border-radius:  3px 0px 0px 3px;
	float: left;
}
.search-submit {
	background: #e74710;
	padding: 11px 10px 9px 10px;
	font-size: 13px;
	color: #fff;
	line-height: 13px;
	font-weight: 600;
	border: none;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius:  0px 3px 3px 0px;
	border-radius:  0px 3px 3px 0px;
	-moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	display: inline-block;
}
.form-search .mybtn {
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.20), 0 0 0 rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.20), 0 0 0 rgba(0,0,0,0.20);
	box-shadow: 0 0 0 rgba(0,0,0,0.20), 0 0 0 rgba(0,0,0,0.20);
}
/*----------------------------------------*/
/*----- 2.10 Tabs -----*/
/*----------------------------------------*/
.nav-tabs > li > a {
	background: #dedede;
	color: #343434;
}
.nav-tabs > li > a:hover {
	background: #dedede;
	border-color: #dedede;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background: #e74710 !important;
	border: 1px solid #e74710 !important;
	border-bottom-color: transparent !important;
	color: #fff !important;
	-moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset !important;
	-webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset !important;
	box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset !important;
	outline: none;
}
.nav-tabs i {
	margin-right: 5px;
}
/*----- Left Tabs -----*/
.tabs-left > .nav-tabs {
	margin-right: 19px;
	border-right: 1px solid #dedede;
	float: left;
}
.tabs-left > .nav-tabs > li > a {
	background: transparent;
	min-width: 195px;
	width: 195px;
	margin-right: -1px;
	margin-bottom: 0px;
	color: #808080;
	outline: none;
}
.tabs-left > .nav-tabs > li > a:hover {
	border-color: transparent;
	background: transparent;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
	background: #ececec; /* for non-css3 browsers */
 	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fff, #ececec); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #fff, #ececec);
	border-color: #dedede transparent #dedede #dedede;
 *border-right-color: transparent !important;
	color: #343434;
}
/*----------------------------------------*/
/*----- 2.11 Countdown -----*/
/*----------------------------------------*/
#countdown-wrapper {
	position: relative;
	left: 50%;
	float: left;
}
#defaultCountdown {
	position: relative;
	left: -50%;
	margin-left: -20px;
	margin-top: 20px;
	color: #e74710;
	font-weight: 600;
	display: inline-block;
}
#d, #h, #m, #s {
	min-width: 45px; /*to avoid fluctuations*/
	padding-left: 20px;
	padding-right: 5px;
	font-size: 35px;
	float: left;
}
#d_name, #h_name, #m_name, #s_name {
	font-size: 18px;
	float: left;
}
/*----------------------------------------*/
/*----- 2.12 Menu / Navigation -----*/
/*----------------------------------------*/
.ddsmoothmenu {
	background: transparent scroll;
	width: auto;
	padding: 0;
	margin: 0;
	float: right;
}

.ddsmoothmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index: 100;
}
.ddsmoothmenu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.ddsmoothmenu ul li a {
	padding-left: 20px;
	padding-bottom: 15px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	background: transparent;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
	color: #e74710;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #fff;
}

/* Style additions for phpdocx 8 new header styles*/

.ddsmoothmenu #subnav li a:hover,
.ddsmoothmenu #subnav li a:focus,
.ddsmoothmenu #subnav li a:active,
.ddsmoothmenu #subnav li a:visited {
	background-color: transparent;
}

#header-inner a:hover img
{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }



#smoothmenu {
	border-top: 1px solid #5a5a5a;
	padding-top: 10px;
}

.downward_triangle {
    width: 0;
    height: 0;
	border-left: 40px solid #e74710;
	border-right: 40px solid #e74710;
	border-top: 20px solid #fff0 ;
    margin: 0 auto;
    background: url(../img/patterns/pattern1.jpg) repeat #fff;
    margin-bottom: 10px;
}

.triangle_div {padding-top: 0px !important;}

.features-centered-home p {
	clear: both;
	width: 100%
}

.features-centered-home img {
	padding-left: 35%;
	padding-bottom:10px;
}

.heading-icon-color {
	color: #e74710 !important;
}

.row-soft-grey {background: #f2f2f2;}

.box-body {font-size: 14px !important;}
.box-head h4 {float: right !important;}
.news-home {background:#e1e9eb;}
.news-home .review {background: #f2f2f2 no-repeat top left;}

.review-home {background: none !important; }
.icon-home {
	color: #343434;
	margin-right: 10px;
}

.icon-sidebar{
	margin-right: 10px;
	font-size: 18px;
}

.nav > li > a.myphpdocxlogo > img {
	filter: brightness(105%);
}

.nav > li > a.myphpdocxlogo > span {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	/*border-bottom-color: #ffffff ;*/
	line-height: 15pt;
}

.ddsmoothmenu ul li a.myphpdocxlogo > span:hover {
	border-bottom-color: #e74710 !important;
}

.table thead > tr > th.read-lus-centered {vertical-align: middle !important;}

.price-centered {padding-right: 5px;}

@media only screen and (min-width: 975px) and (max-width: 1200px) {
	.price-centered {padding-right: 15px;}
}

@media only screen and (min-width: 750px) and (max-width: 1000px) {
	.submit {line-height: 15px;}
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: #f2f2f2;
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
}
.ddsmoothmenu ul li ul li {
	background: url(../img/nav-item-divider.jpg) repeat-x bottom;
	padding: 12px 10px 13px 20px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
	color: #606060;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected {
	color: #e74710!important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 5px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
}
.downarrowclass, .rightarrowclass {
	display: none;
}
/*Menu select - for responsive*/
.selectnav {
display: none;
}
.js .selectnav {
background: #343434;
width: 100%;
height: auto;
padding: 5px 10px;
margin: 0 auto;
border: 1px solid #5a5a5a;
font-size: 12px;
color: #808080 !important;
cursor: pointer !important;
outline: none;
display: none;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/
@media only screen and (max-width: 425px) {
.users-heading {display: block; text-align: center;font-size: 20px;}
.users-button {display: block; font-size: 15px; width: 100%; margin-top: 10px !important;}
}

@media only screen and (max-width: 767px) {
body {
padding: 0;
}

.price-column.main {
margin: 0 0 5px 0 !important;
}


.container {
margin-left: 20px;
margin-right: 20px;
}
#main-content {
margin-bottom: 20px;
}
#sidebar-left {
float: none;
padding-right: 0px;
margin-right: 0px;
border-right: 0px solid #dedede;
margin-bottom: 20px;
}
#sidebar-right {
float: none;
padding-left: 0px;
margin-left: 0px;
border-left: 0px solid #dedede;
}
.logo {
text-align: center;
}
#header-btm p {
margin-top: 0px;
}
#header-btm img {
display: none;
}
.list-3col, .list-4col, .list-6col {
margin-left: 0;
}
.list-3col li, .list-4col li, .list-6col li {
width: 100%;
margin-left: 0px;
margin-bottom: 30px !important;
display: block;
}
.half {
 width: 100%;
}
.half-last {
 width: 100%;
 margin-left: 0%;
}
.mybtn, .mybtn-black, .mybtn-arrow {
margin-bottom: 10px;
}
/*menu*/
.ddsmoothmenu {
float: left;
width: 100%;
}
.js #nav {
display: none;
}
.js .selectnav {
width: 100% !important;
margin-top: 20px;
float: left !important;
display: block;
}
/*home page slider*/
.image-text-slider img {
margin-top: 10px;
margin-bottom: 10px;
}
.image-text-slider h1 {
font-size: 20px;
}
/*tabs*/
.nav-tabs {
border: none;
}
.nav-tabs > li > a {
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
margin-bottom: 5px;
margin-left: 2px;
}
/*left-tabs*/
.tabs-left > .nav-tabs {
margin-right: 0px;
border-right: 0px solid #dedede;
float: none !important;
display: block;
}
.tabs-left > .nav-tabs > li > a {
background: transparent;
min-width: 280px;
width: 280px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
padding: 10px 0px;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
border-color: #dedede #dedede #dedede #dedede !important;
*border-right-color: #dedede !important;
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
}
.tab-content {
display: block;
float: none;
width: 100%;
}
/*pricing*/
.pricing {
margin-top: 0px;
}
.pricing.two-col .price-column, .pricing.three-col .price-column, .pricing.four-col .price-column, .pricing.five-col .price-column {
width: 99.8%;
border: 1px solid #dedede;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin-bottom: 20px;
}
.price-column.focused {
margin-top: 0px;
}
/*portfolio*/
.portfolio_3column, .portfolio_4column {
margin-left: 0px;
}
.portfolio_3column li, .portfolio_4column li {
width: 100%;
margin: 0;
}
.modal.fade.in {
	top: 15%;
}
.modal-body input { z-index: 9999;}

}

/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*All are same as Portrait*/
}

@media only screen and (min-width: 425px) and (max-width: 500px) {
.users-heading {font-size:20px; display: block;text-align: center;}
.users-button {font-size:15px; display: block; text-align: center !important;

width: 100%; margin-top: 10px !important;

}
}

/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/

@media only screen and (min-width: 500px) and (max-width: 768px) {
.users-heading {font-size:20px; display: block;}
.users-button {font-size:15px; display: block; text-align: center !important; margin-top: 10px !important;



}
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
.list-3col li {
width: 228px;
}
.list-4col li {
width: 166px;
}
.list-6col li {
width: 104px;
}
.portfolio_3column li {
width: 228px;
}
.portfolio_4column li {
width: 166px;
}
.infographic h1, .infographic p {
font-size: 30px;
}
/*forms*/
#subform input[type="text"] {
width: 100px;
}
#searchform input[type="text"] {
width: 110px;
}
/*left-tabs*/
.tabs-left > .nav-tabs > li > a {
min-width: 140px;
width: 140px;
font-size: 12px;
}
/*tabs*/
.nav-tabs {
border: none;
}
.nav-tabs > li > a {
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
margin-bottom: 5px;
margin-left: 2px;
}
}

/*============================================================*/
/*---------- 4. BROWSER FIXES ----------*/
/*============================================================*/
@media screen {
#searchform input[type="text"] {
	width: 170px;
}
}

/*============================================================*/
/*---------- CUSTOM ----------*/
/*============================================================*/
.alert-error {color: #f23d41; background-color: #f3c8c8; border-color: #d7a5a5; text-align: center; text-transform: uppercase; border-radius: 0px; font-size: 15px;}
.alert {
    padding: 19px 15px;
    color: #FFF;
    border: 0;
    position: relative;
    font-size: 15px;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: solid 1px #C1C1C1;
}
.alert .msg { padding: 0 20px 0 40px;}
.alert p { margin: 0;}
.alert .toggle-alert {
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    text-indent: -10000px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.08) url(../img/flash-icons/alert.png) no-repeat 6px 6px;
    opacity: 1;
}
.alert a { color:#FFF; text-decoration: underline; }
.alert a:hover { color:#333; }
.alert-info { background: #2fa9f6 url(../img/flash-icons/info.png) no-repeat 14px 14px;}
.alert-success { background: #85B445 url(../img/flash-icons/success.png) no-repeat 14px 14px;}
.alert-danger { background: #EA614D url(../img/flash-icons/error.png) no-repeat 14px 14px;}
.alert-warning { background: #f6ca2f url(../img/flash-icons/notice.png) no-repeat 14px 14px; color: #666666;}
.alert-warning a { color: #666; }
.alert-warning a:hover { color: #333; }
.alert-promo {  background: #AA71C7 url(../img/flash-icons/promo.png) no-repeat 10px 14px;}



/* style_custom.css */
/*----------------------------------------*/
/*----- Override styles for style.css file -----*/
/*----------------------------------------*/
.color-white{ color: #FFF;}
a:focus { outline: none; text-decoration: none; color: #000;}
a[rel=tooltip], a[rel=tooltip-features] {
    border-bottom: dashed 1px;
}
a.link-dark { color: #333; text-decoration: underline; }
a.link-dark:hover { color: #666; }

.accordion-heading a { padding-left: 40px !important; margin-left: 10px; padding-top: 4px; padding-bottom: 4px; display: inline-block; }
.accordion-heading .in_head .closed {background: url(../img/accord-plus.png) no-repeat left center;}
.accordion-heading .in_head .open {background: url(../img/accord-minus.png) no-repeat left center;}
.accordion-group {border:none; margin-bottom: 0;}
.accordion-heading { padding-top: 5px; padding-bottom: 5px; width: 100%; min-height: 30px; background: #fafafa;
	background: rgba(242, 242, 242, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */
	zoom: 1;}
.review { background: #f2f2f2 url(../img/icons/icon-quote-start.png) no-repeat top left; background-position: 3% 0%;  }
.info { background: url(../img/icons/icon-info.png) no-repeat right bottom; }
.box-styled { background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 4px solid #fff;}
.box-head { background:  #f2f2f2; padding: 15px 15px 15px 19px;  }
.box-head h4 { margin: 10px 0 0 0; color: #353535; float: left; }
.box-head h4 span { font-size: 11px; color: #e74710; display: block; }
.box-body { padding: 15px 15px 22px 19px; font-size: 13px; font-style: italic; }
.viewall-body { padding: 0px 15px 15px 20px; font-size: 11px; background: #f2f2f2;}
.photo { background: #fff; width: 70px; height: 50px; margin-right: 20px; border: 2px solid #fff; display: inline-block; float: left; overflow: hidden; }
.photo img { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
/*#header-inner { padding: 30px 0px 20px 0px; border-top: 6px solid #e74710; }*/
.infographic { margin-top: 20px; margin-bottom: 20px; float:left; text-align: center;}
.circle { background: transparent; width: 100%; height: 40px; padding: 0px 0px 20px 0px; margin: 20px auto 0px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; font-weight: normal; text-align: center; }
input[type="text"], input[type="password"], select, input[type="email"] {  background-color: #ffffff; width: 100%; height: 26px; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
#contact_subject {height: 31px;}
textarea {  background-color: #ffffff; width: 100%; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .form-control:focus { box-shadow: none; border-color: rgba(231, 71, 16, 0.8) !important; }
#subform input[type="text"] { width: 150px; background: #151515; border: 1px solid #151515; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius:  3px 0px 0px 3px; border-radius:  3px 0px 0px 3px; float: left; height: 35px; }
#subscribe-newsletter-email-value {height: 31px !important;}
.sub-submit { background: #343434; padding: 10px 10px 8px 10px; font-size: 13px; line-height: 13px; color: #151515; font-weight: 600; border: none; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius:  0px 3px 3px 0px; border-radius:  0px 3px 3px 0px; display: inline-block; }
.sub-submit:hover {background: #E74710;}
.search-submit { background: #e74710; padding: 10px 10px 8px 10px; font-size: 13px; color: #fff; line-height: 13px; font-weight: 600; border: none; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius:  0px 3px 3px 0px; border-radius:  0px 3px 3px 0px; -moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; }
.breadcrumb { padding-top: 0px; }
.price-column { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.circle span { display: inline; }
#header-btm a:hover { color: #E74710; }
#header-btm a:hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.mybtn-arrow {padding: 10px 20px !important; font-size: 18px !important; border-radius: 2px !important; -moz-border-radius:2px !important; -webkit-border-radius: 2px !important;}
/*.pricing.three-col .price-column {width: 33.3%;}*/
.success {color: #4B9000;}
.error {color: #CC0000;}

.text-small-title { font-size: 13px !important; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; margin: 5px 0 0; }

@-webkit-keyframes highlight-fade {
    0% {
        background: #ffb200;
    }
    100% {
        background: #e74710;
    }
}
@-moz-keyframes highlight-fade {
    0% {
        background: #ffb200;
    }
    100% {
        background: #e74710;
    }
}
@-ms-keyframes highlight-fade {
    0% {
        background: #ffb200;
    }
    100% {
        background: #e74710;
    }
}
@keyframes highlight-fade {
    0% {
        background: #ffb200;
    }
    100% {
        background: #e74710;
    }
}
.highlight {
    -webkit-animation: highlight-fade 2s ease-out;
    -moz-animation: highlight-fade 2s ease-out;
    -o-animation: highlight-fade 2s ease-out;
    animation: highlight-fade 2s ease-out;
}

/*----------------------------------------*/
/*----- Custom styles -----*/
/*----------------------------------------*/

blockquote {padding:10px 10px 10px 15px;}
blockquote p {font-family: "Open Sans",Arial,Helvetica,sans-serif;}
.info-box { font-size: 12px; line-height: 12px;	background: #FFF3DF; border-radius: 6px; padding: 10px; overflow: hidden; margin: 10px 0;}
.center { text-align: center; }
#footer {font-weight: normal; padding-bottom: 20px;}
#footer .second-col ul li { margin-bottom: 5px; }
.by-us { /*font-family: 'Raleway',Arial,Helvetica,sans-serif;*/ font-family: 'Open Sans', Arial, Helvetica, sans-serif; position: relative; margin-bottom: 10px;}
.by-us:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #808080; }
.by-us img {position: relative; margin: 0 auto; }
.by-us span {position: relative; font-size: 11px !important; color: #fff !important; }

.feedback-button { width: 35px; height: 140px; position: fixed; top: 50%; margin-top: -70px; right: 0; z-index: 99; -moz-box-shadow: 3px 3px 7px 0px #000; -webkit-box-shadow: 3px 3px 7px 0px #000; box-shadow: 3px 3px 7px 0px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); background: #ccc; }
.feedback-button-img { width:35px; height:140px; position:relative; float:left; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.feedback-button-img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.menu-header-left {float:left;}
.menu-header-left li {padding-left: 0 !important; padding-right: 25px;}

.news-left { height:auto; position:relative; float:left; padding:12px; background:#FAFAFA;}
.news-right { height:auto; position:relative; float:right; padding:12px; background:#FAFAFA;}
.news-left-img, .news-right-img {width:40px; height:40px; position:relative; float:left; }
.news-left-title, .news-right-title { height:auto; position:relative; float:left; margin-left:0px; text-align:left; font-weight:bold; color:#000;}
.news-left-subtitle, .news-right-subtitle { width:68%; height:auto; position:relative; float:left; text-align:left; margin-left:15px; font-size:11px;}
.news-left-txt, .news-right-txt { width:100%; height:auto; position:relative; float:left; text-align:left; margin-top:15px; }
.news-center { height: auto; position:relative; float:left; padding:12px; background:#f2f2f2; border: 4px solid #fff;}
.news-center-img { height:auto; position:relative; float:left; margin-left: 0; padding-left: 0; padding-right: 0; }
.news-center-img img { width: 100%; height: auto; background: #f2f2f2; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.news-center-img a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.news-center-holder { width:77%; float:left; position:relative; padding-left: 0; padding-right: 0; }
.news-center-title {  height:auto; position:relative; float:left; margin-left:15px; margin-bottom: 11px; text-align:left; }
.news-center-title h3 { margin-bottom: 0; }
.news-center-title a { color:#E74710;  }
.news-center-title a:hover { color:#808080; }
.news-center-subtitle { height:auto; position:relative; float:left; text-align:left; margin-left:0px; font-size:11px;}
.news-center-txt { height:auto; position:relative; float:left; margin-left:15px; text-align:left; }
.news-center-box {padding-left: 0; padding-right: 0;}

/*.searchBar { width: 100%;}*/
.searchBar input { width: 150px; height:25px; position: relative; float: left; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-right-radius: 0px; -moz-border-top-right-radius:0px; -webkit-border-top-right-radius:0px;}
.searchBar .btn  { height:25px; margin-top: 0; position: relative; float: left !important; border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius:0px !important; -webkit-border-bottom-left-radius:0px !important; border-top-left-radius: 0px !important; -moz-border-top-left-radius:0px !important; -webkit-border-top-left-radius:0px !important; border-bottom-right-radius: 4px !important; -moz-border-bottom-right-radius:4px !important; -webkit-border-bottom-right-radius:4px !important; border-top-right-radius: 4px !important; -moz-border-top-right-radius:4px !important; -webkit-border-top-right-radius:4px !important;}
.search-holder {margin-bottom: 15px; float: right;}
.searchBar .btn:hover {background: #e73900 !important;}

.API_doc_description, .API_doc_parameters, .API_doc_parameters, .API_doc_return_values, .API_doc_code, .API_doc_change_log, .API_doc_examples, .API_doc_see_also  { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa;
	background: rgba(242, 242, 242, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */
	zoom: 1;}
.subtitle { border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 9px;}
.offer-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 0px; text-align: center;}
.offer-title .offer_title {font-weight: bold; color: #000; font-size: 18px; line-height: 30px;}

.API_doc_title { font-weight: bold; color: #000;}
.show_hide_element { width: 20px; height: 20px; position: relative; float: left; background: url("../img/icons/hide.gif") no-repeat; background-position: 2px 3px; cursor: pointer;}
.hide_element { background: url("../img/icons/hide.gif") no-repeat; background-position: 2px 3px;}
.show_element { background: url("../img/icons/show.gif") no-repeat; background-position: 2px 3px;}
.API_doc_layout, .API_doc_word, .API_doc_templates, .API_doc_format, .API_doc_utilities, .API_doc_cryptophp, .API_doc_digital_signature  { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa;
	background: rgba(242, 242, 242, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */
	zoom: 1;}
.parameter {margin-bottom: 10px;}
.function_signature { }
.API_doc_description_code { padding: 10px; margin-bottom: 10px; background: #fff;}
.description > .descr {color:#808080;}
.description > .descr:hover {color:#000;}
.descr {color: #000; margin-left: 10px; margin-right: 10px;}
.descr ul { margin: 7px 10px; }
.descr ul li { padding-left: 15px; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 1px 7px; }

ul.general_list > li { padding-left: 15px; background: url("../img/icons/circulo_li.gif") no-repeat center; background-position: 1px 7px; }

.descr-trial ul { margin: 7px 10px; }
.descr-trial ul li { font-size: 14px; margin-bottom: 5px; padding-left: 15px; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 1px 7px; }
.warning { padding-left: 28px; margin-top: 10px; background: url("../img/icons/warning.png") no-repeat center; background-position: 4px 0; color: #808080; font-size: 12px; font-style: italic; line-height: 16px;}
.warning-box { position: relative; margin-top: 15px; margin-bottom: 15px;  padding: 15px 25px 15px 35px; background: url("../img/icons/warning.png") no-repeat center; background-position: 14px 14px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px; border: 1px solid #ccc;}
.version_method { padding-left: 28px; margin-top: 10px; background: url("../img/preview/version.png") no-repeat center; background-position: 4px 0; color: #808080; font-size: 12px; font-style: italic; line-height: 16px; font-weight: 900;}

.parameter_descr { padding: 10px; background: #fff; color: #000; margin-left: 10px; margin-right: 10px;}
.small_intro { font-size: 12px;}
.table_parameters{ background: #f2f2f2; color: #808080; margin-bottom: 10px; width: 100%;}
.table_parameters thead { background: #ccc; }
.table_parameters th { padding: 8px 12px; color: #000; border: 1px solid #fafafa; }
.table_parameters td { padding: 8px 12px; border: 1px solid #fafafa;}
.table_parameters tbody tr:hover td {color: #000 !important;}
.table_parameters tbody tr:hover .description > .descr {color: #000 !important;}
.titulos_holder { text-align: left; }
.table_parameters > tbody > tr.required { background: #fed7d7;}
.thumb a { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.thumb a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.centerer { text-align: center;}
.centerer img { vertical-align: middle; display: inline-block;}
.code_example_holder { margin: 0 10px 20px 10px; padding: 10px; background: #fff;}
.marg-bott-nth:nth-child(n+2) {margin-bottom: 20px !important;}
.code_example_holder-vs {margin: 0 0 20px 0 !important; width: 100%; padding-top: 18px; padding-bottom: 18px;}
.code-example-separator {width:auto; height:1px; margin:10px 10px 20px 10px; background:#E74710;}
.code-example-margin {margin: 0 0 20px;}
.icons-download-holder {position:relative; float:right;}
.icons-download-holder-tutorial {position:relative;}
.icons-download-holder a, .icons-download-holder-tutorial a { -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.icons-download-holder a img, .icons-download-holder-tutorial a img{ background: #fff; }
.icons-download-holder a:hover, .icons-download-holder-tutorial a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.API_doc_code > .code_example_holder > .parameter {min-height: 30px; margin-bottom: 10px;}
.API_doc_code > .code_example_holder > .parameter > .name {width: auto; position: relative; float: left; margin-top: 4px; margin-bottom: 4px; font-size: 14px;}
.API_doc_parameters > .parameter > .name {font-size: 14px;}
.margin-top {margin-top: 10px;}
.margin-top-neg {margin-top: -10px;}
.grey-color {color: #757575;}
.orange-color {color:#E74710;}
.font-10 {font-size:10px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-16 {font-size:16px;}
.font-normal { font-weight: normal;}
.float-left {float:left !important;}
.responsive {display: none;}
.faqs-separator {width:100%; height:40px; margin:10px;  position: relative; float: left; }
.img-centerer { margin: 0 auto;}
.mgb-xs {margin-bottom: 20px;}

.code { background: #f2f2f2; padding: 15px ; margin-bottom: 20px; text-align: left; font-size: 11px; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius: 0px; }
.syntaxhighlighter {overflow-y: hidden;}
body .syntaxhighlighter .line {white-space: pre-wrap !important;}
.syntaxhighlighter .code {/*float: left;*/ width: 100%; display: table-cell;}
.syntaxhighlighter .gutter {display: table-cell;}

.accordion-inner { padding: 20px 10px 20px 30px; color: #000;}
.accordion-descr {color: #000; margin-left: 10px; margin-right: 10px;}
.accordion-descr ul { margin: 7px 10px; }
.accordion-descr ul li { padding-left: 15px; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 1px 7px; margin-bottom: 4px; }
.accordion-descr ol { margin: 7px 10px; }
.accordion-descr ol li { padding-left: 15px; margin-bottom: 15px; list-style: lower-latin; }
.line-height-12 {line-height: 12px;}

.sidebar-tutorial { width: 220px; position: relative; float: left;}
ul.list-arrow{ width: 220px; margin-top: 0px; box-shadow: none; background: none; top: 20px;  }
ul.list-arrow li a{ padding: 0px; }
ul.list-arrow li a:hover{ background: none;  }
ul.list-arrow li.active a, ul.list-arrow li.active a:hover{ color: #000; background: none; border: none; }
.list-arrow.affix{}
.affix {position: fixed;}
.child-li {font-size: 12px;}

.tutorial_doc1, .tutorial_doc2, .tutorial_doc3, .tutorial_doc4, .tutorial_doc5, .tutorial_doc6, .tutorial_doc7, .tutorial_doc8, .tutorial_doc9, .tutorial_doc10, .tutorial_doc11, .tutorial_doc12, .tutorial_doc13, .tutorial_doc14,
.tutorial_doc15, .tutorial_doc16, .tutorial_doc17, .tutorial_doc18, .tutorial_doc19, .tutorial_doc20, .tutorial_doc21, .tutorial_doc22, .tutorial_doc23, .tutorial_doc24 { height: 100%; overflow: hidden; margin-bottom: 20px; padding:10px;background: #fafafa;
	background-color: rgba(242, 242, 242, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */
	zoom: 1;}
.tutorial_doc_title { font-weight: bold; color: #000;}
.tutorial_doc1 > .tutorial_info_holder > .descr {margin-bottom: 22px;}
.tutorial_doc1 > .tutorial_info_holder > p {margin-bottom: 22px;}
.tutorial_doc2 > .code_example_holder, .tutorial_doc3 > .code_example_holder, .tutorial_doc4 > .code_example_holder, .tutorial_doc5 > .code_example_holder, .tutorial_doc6 > .code_example_holder, .tutorial_doc7 > .code_example_holder, .tutorial_doc8 > .code_example_holder, .tutorial_doc9 > .code_example_holder, .tutorial_doc10 > .code_example_holder, .tutorial_doc11 > .code_example_holder, .tutorial_doc12 > .code_example_holder, .tutorial_doc13 > .code_example_holder, .tutorial_doc14 > .code_example_holder,
.tutorial_doc15 > .code_example_holder, .tutorial_doc16 > .code_example_holder, .tutorial_doc17 > .code_example_holder, .tutorial_doc18 > .code_example_holder, .tutorial_doc19 > .code_example_holder, .tutorial_doc20 > .code_example_holder, .tutorial_doc21 > .code_example_holder, .tutorial_doc22 > .code_example_holder, .tutorial_doc23 > .code_example_holder, .tutorial_doc24 > .code_example_holder {color: #000;}
.tutorial_doc2 > .code_example_holder > p, .tutorial_doc2 > .code_example_holder > .result, .tutorial_doc2 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc3 > .code_example_holder > p, .tutorial_doc3 > .code_example_holder > .result, .tutorial_doc3 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc4 > .code_example_holder > p, .tutorial_doc4 > .code_example_holder > .result, .tutorial_doc4 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc5 > .code_example_holder > p, .tutorial_doc5 > .code_example_holder > .result, .tutorial_doc5 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc6 > .code_example_holder > p, .tutorial_doc6 > .code_example_holder > .result, .tutorial_doc6 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc7 > .code_example_holder > p, .tutorial_doc7 > .code_example_holder > .result, .tutorial_doc7 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc8 > .code_example_holder > p, .tutorial_doc8 > .code_example_holder > .result, .tutorial_doc8 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc9 > .code_example_holder > p, .tutorial_doc9 > .code_example_holder > .result, .tutorial_doc9 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc10 > .code_example_holder > p, .tutorial_doc10 > .code_example_holder > .result, .tutorial_doc10 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc11 > .code_example_holder > p, .tutorial_doc11 > .code_example_holder > .result, .tutorial_doc11 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc12 > .code_example_holder > p, .tutorial_doc12 > .code_example_holder > .result, .tutorial_doc12 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc13 > .code_example_holder > p, .tutorial_doc13 > .code_example_holder > .result, .tutorial_doc13 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc14 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc15 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc16 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc17 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc18 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc19 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc20 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc14 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > .result, .tutorial_doc21 > .code_example_holder > .descr {margin-bottom: 22px;}
.tutorial_doc2 > .code_example_holder > p, .tutorial_doc3 > .code_example_holder > p, .tutorial_doc4 > .code_example_holder > p, .tutorial_doc5 > .code_example_holder > p, .tutorial_doc6 > .code_example_holder > p, .tutorial_doc7 > .code_example_holder > p, .tutorial_doc8 > .code_example_holder > p, .tutorial_doc9 > .code_example_holder > p, .tutorial_doc10 > .code_example_holder > p, .tutorial_doc11 > .code_example_holder > p, .tutorial_doc12 > .code_example_holder > p, .tutorial_doc13 > .code_example_holder > p, .tutorial_doc14 > .code_example_holder > p,
.tutorial_doc15 > .code_example_holder > p, .tutorial_doc16 > .code_example_holder > p, .tutorial_doc17 > .code_example_holder > p, .tutorial_doc18 > .code_example_holder > p, .tutorial_doc19 > .code_example_holder > p, .tutorial_doc20 > .code_example_holder > p, .tutorial_doc21 > .code_example_holder > p, .tutorial_doc22 > .code_example_holder > p, .tutorial_doc23 > .code_example_holder > p, .tutorial_doc24 > .code_example_holder > p {width: 100%;}
.tutorial_info_holder {color: #000; margin-left: 10px; margin-right: 10px;}

.warning-tutorial { padding: 10px; margin-top: 20px; margin-bottom: 20px; background: #fed7d7 !important;}
.warning-tutorial > p { font-size: 12px; line-height: 15px; color: #808080;}
.warning-tutorial > .descr > ul > li { font-size: 12px; line-height: 15px; color: #808080; margin-bottom: 10px;}
.warning-tutorial-title { padding-left: 23px; background: url("../img/icons/warning.png") no-repeat center; background-position: 0px -2px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px;}

.sample_doc_title { font-weight: bold; color: #000; font-size: 18px;}
.sample-warn-tutorial { padding: 10px; margin-top: 0px; margin-bottom: 20px; background: #fed7d7 !important;}
.sample-warn-tutorial > .descr ul {margin-left: 0; margin-right: 0;}
.sample-warn-tutorial > .descr > ul > p { font-size: 12px; line-height: 14px; color: #4f4f4f;}
.sample-warn-tutorial > .descr > ul > li { font-size: 12px; line-height: 15px; color: #808080; margin-bottom: 10px;}
.sample-warn-tutorial-title { padding-left: 23px; background: url("../img/icons/warning.png") no-repeat center; background-position: 0px -2px; color: #808080; font-size: 12px; font-style: italic; line-height: 14px;}
.sample-warn-caption { font-size: 11px !important; color: #8d8c8c !important; text-align: center; border-top: 1px solid #8d8c8c; padding-top: 10px;}
.sample-word-form {}
.label-demo-holder {cursor: pointer;}
.label-demo { font-size: 11px; font-weight: bold;}
.demo-features {padding:20px 20px 0px 20px; margin-bottom: 20px; background: #fafafa;
	background: rgba(242, 242, 242, 0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */
	zoom: 1;}
.row-data-chart { border: 1px solid	#ccc; padding-top: 16px;}
.text-insert-holder {width: 100%; height: 200px; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; background: #fff;}
.mybtn-sample { background: #e74710; padding: 10px 20px 10px 20px; margin: 0 auto; position: relative; font-size: 10px; color: #fff !important; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; width: 50%; left: 25%; height: auto; border: none; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.mybtn-sample:hover { background: #484848; }
.mybtn-sample-myphp { background: #e74710; padding: 10px 20px 10px 20px; margin: 0 auto; position: relative; font-size: 10px; color: #fff !important; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; height: auto; border: none; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.mybtn-sample-myphp:hover { background: #484848; }
.mybtn-sample-myphp-version { background: #e74710; min-width: 120px; text-align: center; padding: 10px 12px 11px 12px; margin: 0 auto; position: relative; font-size: 9px; color: #fff !important; line-height: 9px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; height: auto; border: none; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.mybtn-sample-myphp-version:hover { background: #484848; }
.myphp-subscribe { width: 100%; background: #E74710; color: #FFF; font-weight: normal; margin-top: 0; letter-spacing: 1px; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; }
.myphp-subscribe > .color-grey {color:#4F4F4F;}
.btn-renew:hover > .color-grey,
.btn-upgrade:hover > .color-grey {color:#fff;}
.color-featured {color: #000 !important;}
.btn-dropdown {width: 100%;}

.marg-20 {margin-top: 20px; margin-bottom: 20px;}
.marg-40 {margin-top: 40px; margin-bottom: 40px;}
.marg-top-0 {margin-top: 0px;}
.marg-top-10 {margin-top: 10px;}
.marg-top-15 {margin-top: 15px;}
.marg-top-20 {margin-top: 20px;}
.marg-top-40 {margin-top: 40px !important;}
.marg-bott-0 {margin-bottom: 0px;}
.marg-bott-5 {margin-bottom: 5px;}
.marg-bott-10 {margin-bottom: 10px;}
.marg-bott-15 {margin-bottom: 15px;}
.marg-bott-20 {margin-bottom: 20px;}
.marg-bott-30 {margin-bottom: 30px;}
.marg-bott-40 {margin-bottom: 40px;}
.marg-left-20 {margin-left: 20px;}
.marg-left-30 {margin-left: 30px;}
.marg-left-5 {margin-left: 5px;}

.floatleft {float:left;}
.slider-txt-holder {margin: 20px;}
.slider-txt-p {width: 100%;}
.features-centered { text-align: center;}
.features-centered-home p { text-align: center;}
.post-type > li > h3 {}
.font-13 {font-weight: normal; font-size: 13px;}
.font-20 {font-weight: normal; font-size: 20px;}
.color-orange {color: #E74710;}
.color-black {color: #000;}
.color-grey {color:#4F4F4F;}
.margtop-for-resp {position: relative; float: left;}
.margtop-for-resp > .social {position: relative; float:left;}
.justify {text-align: justify;}
.min-height-70 {min-height: 70px;}
.min-height-50 {min-height: 50px;}
.floatleft {position: relative; float: left;}
.box-aboutus { margin: 0 auto 20px auto; padding-left: 20px; padding-right: 20px;}
.padding-general {padding-top: 30px; padding-bottom: 30px;}
.padding-general-xs {padding-top: 30px; padding-bottom: 0px;}
.padding-top-0{ padding-top: 0px; }
.padding-top-10{ padding-top: 10px; }
.padding-bottom-10{ padding-bottom: 10px; }
.marg-tb-5 {margin-top: 5px; margin-bottom: 5px;}
.margin-bottom-0{ margin-bottom: 0px; }
.margin-bottom-5{ margin-bottom: 5px; }
.margin-bottom-10{ margin-bottom: 10px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-top-10{ margin-top: 10px; }
.no-marg-top {margin-top: 0 !important; padding-top: 7px; padding-bottom: 6px;}
.margin-40 {margin-left: 40px;}
.radius4 { border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; }
.width-80 {width: 80% !important;}
.width-100 {width: 1000% !important;}
.width100 {width: 100% !important;}
.floatleft {position: relative; float: left;}
.btn-big {font-size: 14px !important; padding: 10px 25px !important; text-align: center !important;}
.btn-medium {font-size: 12px !important; padding: 8px 20px !important; text-align: center !important;}
.btn-trial {font-size: 8px !important; padding: 5px 10px !important; text-align: center !important;}
.btn-medium-sm {font-size: 12px; padding: 8px 20px; text-align: center;}
.brand-center {text-align: center; float: none !important; padding-top: 8px !important; margin: 0 auto; color: #fff !important;}
.bold {font-weight: bold;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.no-marg-bott {margin-bottom: 0;}
.divider-greyarrow-trial {background: url(../img/ptable-divider-arr.png) no-repeat center bottom; height: 5px; border-top: 1px solid #dedede; margin: 20px 0px 5px 0px;}
.btn-myphpbig {font-size: 12px !important; padding: 10px 20px !important; text-align: center !important; width: 100%;}
.register-pad {padding-bottom: 12px !important; padding-top: 12px !important; text-align: center; width: 100%;}
.page-register-pad {padding-bottom: 12px !important; padding-top: 12px !important; text-align: center; width: 100%;}
.hidden-features {display: none;}
.pad-right-16 {padding-right: 16px !important;}
.font-xs {font-size: 14px; font-style: italic; padding-left: 10px !important;}
.asterisk:before {content: '*'; font-family: "Kalam",cursive; color: #E74710; font-size: 33px; margin-top: 10px; position: relative; float: left; padding-right: 10px; width: 20px;}
.percent:after {content: '*'; font-family: "Kalam",cursive; color: #E74710; font-size: 40px; margin-top: 0px; position: relative; float: right; padding-left: 2px; width: 20px;}
.promotion-banner {font-size: 17px; font-weight: bold;}

.table-myphp > tbody > tr > td {vertical-align: middle; white-space: normal !important;}
.table-myphp > tbody > tr > .stripped {background: #fafafa !important;}
.table-myphp > tbody > tr > .no-border {border: none;}
.table-myphp > tbody > .toptable-myphp > td { border-top: none;}

.table-myphp > tbody > .bottomtable-myphp > td {border-bottom: 1px solid #ddd; padding-bottom: 20px !important;}
.table-myphp > tbody > tr > .period-price {color: #9c9a9a; padding-top: 2px; padding-bottom: 2px;}
.table-myphp > tbody > tr > .version {color: #000; font-size: 18px; background: transparent; vertical-align: top;}
.table-myphp > tbody > tr > .domain-stripped {color: #000; font-size: 18px;}
.table-myphp > tbody > tr > .table-holder {padding-bottom: 20px;}
.myphp-legend {margin-left: 72px; margin-top: -5px; padding-bottom: 10px !important;}
#purchased-products > .divider {margin: 20px auto 35px;}
#purchased-products h2 {padding-left: 6px;}
#purchased-products .color-grey {color: #666;}
#purchased-products .caret-right {position: absolute; right: 8px; top: 13px;}
#purchased-products .marg-top {margin-top: -4px;}
.clearboth {clear: both;}

.licenses-table { margin-bottom: 0;}
.licenses-table > tbody > tr > td {border: none !important; vertical-align: middle;}
.licenses-table > tbody > tr > td > h2 {margin-bottom: 0;}

.country > #phpdocx_orders_form_billing_country { height: 28px; padding: 0px 3px; font-size: 12px;}

.table-features {padding:20px; background: #fafafa; background: rgba(242, 242, 242, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1;}
.table-features > table {background: #fff;}
.table-features > table > tbody > .stripped {background: #fafafa !important;}
.table-features > table > tbody > tr > .stripped-new {background: #fafafa !important;}
.table-features > table > thead > tr > .table-title {text-align: center; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000; background: #F2F2F2; border-bottom: none;}
.table-features > table > thead > tr > .table-title:hover {cursor: default;}
.table-features > table > thead > tr > .table-title-first {text-align: center; vertical-align: middle; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000; background: #F2F2F2;}
.table-features > table > thead > tr > .table-title-first-origin {padding: 10px; background: #fafafa; background: rgba(242, 242, 242, 0.9); border: none;}
.table-features > table > thead > tr > .font-offer-features {font-size: 11px; font-weight: bold; max-width: 80px; border-bottom: none !important; background: #fed7d7; background: rgba(254, 215, 215, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1; }
.table-features > table > thead > tr > .font-offer-features-bott {font-size: 11px; font-weight: bold; max-width: 80px;border-bottom:none !important; border-top: none !important; background: #fed7d7; background: rgba(254, 215, 215, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1; }
.table-features > table > thead > tr > .noborder-top {border-top: none !important;}
.table-features > table > thead > tr > .borderbottom {border-bottom: 1px solid #ddd !important;}
.table-features > table > thead > tr > .table-title-first:hover {cursor: default;}
.table-features > table > thead > tr > .table-title img {width: 60px; margin: 0 auto 10px auto;}

.table-features > table > thead > tr > .table-title .discount-img-holder {position:absolute; top:33px; left:0; width:100%; height:40px;}
.table-features > table > thead > tr > .table-title .discount-img {width: 80px; margin: 0 auto 10px auto;}

.table-features > table > tbody > tr > .featurestitle {font-size: 15px; text-transform: uppercase; vertical-align: middle; text-align: center; color: #000; font-weight: bold;background: #fafafa !important;}
.table-features > table > tbody > tr > .featurestitle:hover {background: #f5f5f5 !important;}
.table-features > table > tbody > tr > .newfeature { text-align: left; padding-left: 50px;}
.table-features > table > tbody > tr > .featurestitle2 {font-size: 12px; font-weight: bold; text-transform: uppercase; vertical-align: middle; text-align: center; color: #000; font-weight: bold;background: #fafafa;}
.table-features > table > tbody > tr > .featurestitle2:hover {}
.table-features > table > tbody > tr > .features-list2 {vertical-align: middle; text-align: center;}
.table-features > table > tbody > tr > .features-list {vertical-align: middle;}
.table-features > table > tbody > tr > .characteristics {text-align: center; color: #000; font-size: 11px; vertical-align: middle;}
.table-features > table > tbody > tr > .characteristics > .glyphicon-remove {color:#d85f5f; font-size: 16px;}
.table-features > table > tbody > tr > .characteristics > .glyphicon-ok {color:#e74710; font-size: 16px;}
/*.table-features > .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { cursor:default; background: #f69878; background: rgb(231, 71, 16) transparent; background: rgba(231, 71, 16, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710)";}*/
.table-features > .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { cursor:default; /*background: #f69878; background: rgb(231, 71, 16) transparent; background: rgba(231, 71, 16, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710)";*/}
.table-features > table > tbody > tr > .featurestitle2:hover { cursor:default; background: #f69878; background: rgb(231, 71, 16) transparent; background: rgba(231, 71, 16, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99e74710, endColorstr=#99e74710)";}
.table-features > .table-list-features > tbody > tr > td {/*padding-top: 2px !important; padding-bottom: 2px !important;*/}
.price-features {font-size: 20px;font-weight: bold;margin-bottom: 3px; position: relative; text-transform: lowercase;}
.price-features .circle { margin-top: 10px; }
.price-features .circle.old-price .percent { font-size: 16px!important; -moz-transform: rotate(350deg) translateX(10px) translateY(-15px) !important; -webkit-transform: rotate(350deg) translateX(10px) translateY(-15px) !important; -o-transform: rotate(350deg) translateX(10px) translateY(-15px) !important; -ms-transform: rotate(350deg) translateX(10px) translateY(-15px) !important; transform: rotate(350deg) translateX(10px) translateY(-15px) !important;}

.price-features .circle.old-price .percent::after { font-size: 25px; width: 14px;}
.georgia {font-family: Georgia,"Times New Roman",Times,serif;}
.color-red { color: #C00; }
.text-notes{ background-color: #FFF8D3; font-size: 12px; line-height: 12px; padding: 10px 20px 20px;}
.text-notes p {margin-bottom: 8px; margin-top: 8px;}

.table-licenses-tr  { border-bottom: 1px solid #ddd !important; font-weight: bold !important; color: #000 !important; margin-bottom: 10px;}
.table-licenses-tr:hover  { background: #f6f6f6;}
.table-licenses > table > thead > tr > .table-title-first, .table-licenses > table > thead > tr > .table-title {background: #fafafa; color: #b6b6b6; border-bottom: 1px solid #fafafa !important;}
.table-licenses > table > thead > tr > .table-title { text-align: center;}
.table-licenses > table > tbody > tr > .featurestitle2 { padding-top: 14px; padding-bottom: 12px; line-height: 35px;}
.table-licenses > table > tbody > tr > .features-list2 { padding-top: 14px; padding-bottom: 12px; line-height: 35px; text-align: center;}
.table-licenses > table { margin-bottom: 10px; }
.table-licenses > table > tbody > tr > .features-list2:hover, .table-licenses > table > tbody > tr > .featurestitle2:hover { font-weight: bold !important; color: #000 !important;}

.table-subscriptions-tr  { border-bottom: none !important; font-weight: bold !important; color: #fff !important; margin-bottom: 10px;}
.table-subscriptions-tr:hover  {/*background: #222; color: #fff;*/}
.table-subscriptions > table > tbody > tr {margin-bottom: 10px;}
.table-subscriptions > table > tbody > tr > td {border: none !important;}
.table-subscriptions > table > tbody > tr > .border-bottom {border-bottom: 1px solid #585757 !important;}
.table-subscriptions > table > tbody > tr > .border-bottom-light {border-bottom: 1px solid #fafafa !important;}
.table-subscriptions > table > thead > tr > .table-title-first,
.table-subscriptions > table > thead > tr > .table-title { border-bottom: none !important;}
.table-subscriptions > table > thead > tr > .table-title { text-align: left;}
.table-subscriptions > table > tbody > tr > .featurestitle2 { padding-top: 14px; padding-bottom: 12px; line-height: 35px; font-size: 16px; text-align: left;}
.table-subscriptions > table > tbody > tr > .featurestitle2off { padding-top: 14px; padding-bottom: 12px; padding-left: 12px; line-height: 20px; font-size: 16px; text-align: center; color: #E74710;}
.table-subscriptions > table > tbody > tr > .featurestitle2name { padding-top: 16px; padding-bottom: 12px; padding-left: 12px; line-height: 19px; font-size: 14px; text-align: center; color: #E74710; vertical-align: middle; color: #fff;}
.table-subscriptions > table > tbody > tr > .features-list2 { padding-top: 14px; padding-bottom: 12px; line-height: 35px; text-align: center; font-size: 16px;}
.table-subscriptions > table { margin-bottom: 10px; }
.table-subscriptions > table > tbody > tr > .summary-offers { line-height: 11px !important; font-size: 13px !important; font-weight: normal !important; padding-bottom: 30px;}
.table-subscriptions > table > tbody > .border-offer {border: 1px solid #fafafa !important; background: #fafafa; color: #000 !important;}

.sorted-contact-list {list-style: none; position: relative; float: left; }
.sorted-contact-list li:before { content:''; display:inline-block; height:8px; width:8px; margin-right: 5px; background-image:url("../img/preview/orange-arrow.png"); background-size: 8px 6px; background-repeat: no-repeat; }
.sorted-contact-list li {padding-left: 15px; margin-bottom: 10px; position: relative; float: left; width: 100%; }

#department-tech-message {line-height: 14px; margin-top: 10px;}

.sorted-features-list {list-style: none; position: relative; float: left; }
.sorted-features-list li:before { content:''; display:inline-block; height:8px; width:8px; margin-right: 5px; background-image:url("../img/preview/orange-arrow.png"); background-size: 8px 6px; background-repeat: no-repeat; }
.sorted-features-list li {width:100%; padding-left: 15px; margin-bottom: 10px; position: relative; float: left; }

.benchmark {border-bottom: 2px solid black; margin-left: 20px}
.benchmark th {background-color: black; color: white; font-weight: bold; padding: 2px 18px}
.benchmark td {padding: 2px 22px 2px 18px; text-align: right;}
.benchmark td:first-child {text-align: left; background-color: black; color: white; font-weight: bold; padding: 2px 18px}
.benchmark tr.oddrow { background-color: #eeeeee}

.download-img-holder {width: 100%; height: 180px; position: relative; float: left; margin-bottom: 15px;}
.download-img-holder img { height: 100%; width: auto; margin: 0 auto;}
.download-img-holder-xs {width: 100%; height: 140px; position: relative; float: left; margin-bottom: 15px;}
.download-img-holder-xs img { height: 100%; width: auto; margin: 0 auto;}

.pad-top-25 {padding-top: 25px;}
.pad-top-12 {padding-top: 12px;}

#myModal > .modal-dialog > .modal-content > .modal-header > h3 {margin-bottom: 0;}
.modal-backdrop.in { opacity: 0.8; }
.login-modal .modal-content .modal-header h3 {color: #E74710;}
.login-modal .modal-content .modal-body .form-group label {color: #bbbbbb;}
.modal-dialog {padding-top: 60px;}

.demo-case-holder { position: relative; /*float: left;*/ text-align: center;}
.demo-case-img { width: 100%; position: relative; float: left; margin: 0 auto 20px auto;}
.demo-case-img img {margin: 0 auto;}
.demo-case-holder .subtitle {margin-right: 10px; margin-left: 10px;}
.demo-case-img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.demo-banner-left { height: auto; position:relative; float:left; margin-right: 0px; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-center { height: auto; position:relative; float:left; margin-right: 0px; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-right { height: auto; position:relative; float:left; padding:12px; background:#f2f2f2; border: 2px solid #fff;}
.demo-banner-left:hover, .demo-banner-center:hover, .demo-banner-right:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.demo-banner-holder { border: 1px solid #ccc; margin: 0 10px; padding: 0px; background: #fff; }
.demo-banner-info { text-align: center;}
.demo-banner-info p { color: #808080 !important;}
.demo-banner-title { font-weight: bold; color: #000; font-size: 15px;}
.demo-center-box {padding-left: 0; padding-right: 0;}
.demo-center-box > .demo-banner-left > a > .marg-bott-20 > .img-responsive, .demo-center-box > .demo-banner-center > a > .marg-bott-20 > .img-responsive,.demo-center-box > .demo-banner-right > a > .marg-bott-20 > .img-responsive { position: relative; margin: 0 auto; }
.centerer {margin: 0 auto; position: relative; float: left;}
.case-studies {position: absolute; float: left; width: 80%; height: 35px; background: rgba(231, 71, 16, 0.8); z-index: 9; top: 70%; left: 0px; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; vertical-align: middle; line-height: 36px; }
.samples-button {width:100%; text-align: center; font-size: 13px;}

.demo-holder-toleft {margin-left: 0;}
.demo-holder-toleft li {margin: 0px 0px 0px 0px; padding:0; position: relative !important; float: left !important; top: 0 !important; left: 0 !important;}
.demo-holder-toleft li:first-child {margin: 0px;}
.demo-holder-toleft li:nth-child(1) > .folio-thumb {margin-left: 0px; margin-right: 8px;}
.demo-holder-toleft li:nth-child(2) > .folio-thumb-txt {margin-left: 4px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(3) > .folio-thumb, .demo-holder-toleft li:nth-child(3) > .folio-thumb-txt {margin-left: 8px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(4) > .folio-thumb {margin-left: 0px; margin-right: 8px;}
.demo-holder-toleft li:nth-child(5) > .folio-thumb-txt {margin-left: 4px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(6) > .folio-thumb, .demo-holder-toleft li:nth-child(6) > .folio-thumb-txt {margin-left: 8px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(7) > .folio-thumb {margin-left: 0px; margin-right: 8px;}
.demo-holder-toleft li:nth-child(8) > .folio-thumb-txt {margin-left: 4px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(9) > .folio-thumb, .demo-holder-toleft li:nth-child(9) > .folio-thumb-txt {margin-left: 8px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(10) > .folio-thumb {margin-left: 0px; margin-right: 8px;}
.demo-holder-toleft li:nth-child(11) > .folio-thumb-txt {margin-left: 4px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(12) > .folio-thumb, .demo-holder-toleft li:nth-child(12) > .folio-thumb-txt {margin-left: 8px; margin-right: 0px;}
.demo-holder-toleft li:nth-child(3n+3) {/*float: right; margin: 0;*/}
.isotope-hidden {display: none;}
.margin-samples > .folio-thumb {margin-left: 4px; margin-right: 4px;}
.margin-samples:nth-child(1) > .folio-thumb {margin-left: 0 !important;}

.change-domain-wrapper .lcd-myphp {font-size: 10px !important; text-decoration: none !important; margin-top: 6px;}
.change-domain-holder-button {position: relative; float: left; margin:10px 0;}
.item-subscribed {vertical-align: top !important;}
.item-subscribed .warning {padding-top: 0 !important; line-height: 17px !important; vertical-align: top !important; margin-top: 0 !important; position: relative; float: left;}
.change-domain-wrapper input[type="text"] {width: 300px !important;}

#basic-modal-content {display:none;}
#basic-modal-content a { text-decoration: underline; }
#simplemodal-overlay {background-color:#000;}

.modal-content {color:#bbb; background-color:#333; border:4px solid #444; padding:12px; border-radius:0px}
.modal-header {border-bottom: none;}
.modal-title {color: #E74710; font-size: 16px;}
.modal-body {color: #BBB; font-size: 14px;}
.modal-footer{border-top: none;}
.modal-header .close {background:url(../js/simple-modal/img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.bottomtable-myphp .btn-group {vertical-align: top !important;}
.link-change-domain:before {content: ''; background:url(../img/preview/edit_domain.png) no-repeat; width: 40px; height: 17px; position: relative; float: left; top: -4px; margin-right: 4px;}
.lcd-myphp { background: #e74710; padding: 8px 12px 2px; margin: 0 auto; position: relative; font-size: 10px; color: #fff !important; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; height: auto; border: none; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.lcd-myphp:hover { background: #484848; }

div.dark_square .pp_close {background:url(../js/simple-modal/img/basic/x.png) no-repeat !important; width:25px !important; height:29px !important; display:inline; z-index:3200; position:absolute; top:-32px; right:-10px; cursor:pointer !important;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
div.dark_square .pp_details {/*position: absolute !important;*/}
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {background-color: #333 !important; }
div.pp_overlay {filter:alpha(opacity=90) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important; -moz-opacity:0.90 !important; -khtml-opacity: 0.90 !important; opacity: 0.90 !important;}
a.pp_next {display: none !important;}
a.pp_previous {display: none !important;}
.pp_nav {display: none !important;}

.no-padding {padding-left: 0; padding-right: 0;}
.filter_nav li a {padding: 0;}
.filter_nav li a:hover, .filter_nav li a.active { border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius: 4px; padding: 0;}
.filter_nav li .active > .submit {background: #484848;}
.folio-thumb .zoom:hover, .folio-thumb .link:hover {filter:alpha(opacity=95); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;}
.folio-thumb-txt {padding: 0 0 0 9px;}
.list-dot li {background: transparent;}
.folio-thumb {margin-bottom: 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-left: 4px; margin-right: 4px;}
.samples-thumb {margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 30px !important;}

.pagination-holder {position: relative; float: left; width: 100%; overflow:hidden; text-align:center; margin: 20px 0;}
.pagination-holder > .pagination {position: relative; /*width: 297px;*/ float: none; margin: 0 auto !important; display: inline-block;}

.demo-sample { width: 100%; height: auto; position:relative; float:left; margin-right: 10px; padding:8px; background:#f2f2f2; border: 2px solid #fff;}
.ds-right {margin-right: 0 !important;}
.demo-sample:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.demo-sample-holder { border: 1px solid #ccc; margin: 0 10px; padding: 0px; background: #fff; }
.demo-sample-info { text-align: center;}
.demo-sample-info p { color: #808080 !important;}
.demo-sample-title { font-weight: bold; color: #000; font-size: 15px;}

.doc-tutorial-title { width: 100%; font-weight: bold; color: #000; font-size: 13px; position: relative; float: left;}
.doc-tutorial-title:hover, .doc-subtitle:hover { color: #E74710 !important;}
.doc-subtitle { border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-bottom: 9px; position: relative; float: left; width: 100%;}
.guide-menu-a {position: relative; float: left; width: 100%; }
.guide-menu:hover {color: #E74710 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

.code_box_highlight > .result { width: 100%; max-height: 300px; overflow: hidden;}
.code_box_highlight > .result > .thumb > a img { width: 100%; height: auto; }
.code_box_highlight .code_box-separator {margin-bottom: 30px;}
.code_box_highlight .code_box-separator:nth-child(4) {margin-bottom: 45px;}
.code_box_highlight .code_box-separator p {}
.nomarg {margin-bottom: 0px;}
.marg-bott-10 {margin-bottom: 10px;}

.search-input {  background-color: #ffffff; width: 100%; height: 31px !important; padding: 5px; margin-bottom: 0px; font-size: 12px; color: #999; line-height: 12px; display: inline-block; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: none; -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; }
.search-label {font-size: 14px; vertical-align: middle;}
.search-button { padding-top: 10px !important; padding-bottom: 10px !important;}
#search-form-results p { margin-bottom: 20px; font-size: 16px;}

.result-items-summary { margin-bottom: 15px;}
.result-items {}
.result-items > .item { margin-bottom: 28px; position: relative; float: left;}
.result-items > .item h3 { margin-bottom: 5px;}
.result-items > .item > .item-link {padding-left: 15px;}
.result-items > .item > .item-snippet {padding-left: 15px; font-size: 12px;}

.pagination { display: inline-block; margin-bottom: 20px; margin-left: 0; margin-right: 0; margin-top: 20px; padding-left: 0; }
.pagination > span { font-size: 12px; width: 25px !important; color: #fff !important; background: #E74710; padding-top: 3px; border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; height: 25px; margin-right: 2px; text-align: center; vertical-align: middle; position: relative; float: left; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; font-family: Arial,​Helvetica,​sans-serif; ertical-align: middle; text-align: center;}
.pagination > span a { font-size: 12px; cursor: pointer; color: #fff !important; font-family: Arial,​Helvetica,​sans-serif; width: 25px !important; height: 24px !important; position: relative; float: left; vertical-align: middle; text-align: center;}
.pagination > span:hover { background: #484848; }
.pagination > span.current {background: #484848; }
.floatright { float: right;}
.btn-paginator {font-size: 12px !important; padding: 8px 20px !important; text-align: center !important; width: 100% !important;}
.shadow-button {-moz-box-shadow: 0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; background: #E74710; border: none; color: #fff; }
.shadow-button:hover { background: #f6f6f6; }
.item-invoice img:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.country-selector {margin-bottom: 10px !important; height: 26px !important; font-size: 12px !important; padding: 0 2px !important;}

.pricing-promotion {padding-top: 0;}
.pricing-promotion .pricing {margin-top: 20px !important;}
.table-content { padding: 0px 20px 25px 20px; }
.pricing { margin-top: 70px;}
.price-column {border-radius: 0 !important; background: transparent; overflow: visible;}
.price-column.focused { margin-top: -82px; padding-bottom: 0 !important; border-radius: 0 !important; border-left: none; border-top: none; border-right: none; border-bottom: none; box-shadow: none !important; background: transparent !important; overflow: visible;}
.price-column.alone { width: 100%; margin-top: 0 !important; padding-bottom: 0 !important; border-radius: 0 !important; background: #fafafa !important; box-shadow: none !important;}
.pricing-alone {width: 100%; text-align: center; display: inline-block;}
.price-column.offer { margin-top: -82px; border-radius: 0 !important; border-top: none; border-bottom: none; border-left: none; border-right:none;}
.color-offer-download {color: #E74710; font-size: 18px; font-weight: bold; margin-top: 14px; position: relative; display: inline-block; width: 100%;}
.table-slug {padding:11px 12px 12px 12px; width: 80%; margin: 0 auto; background: #fed7d7; background: rgba(254, 215, 215, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1; /*color: #E74710;*/ color: #000;  border-left: 1px solid #ddd; border-right:1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-shadow: 0px 1px 18px 0px rgba(50, 50, 50, 0.10); -moz-box-shadow: 0px 1px 18px 0px rgba(50, 50, 50, 0.10); box-shadow: 0px 1px 18px 0px rgba(50, 50, 50, 0.10); border-top-left-radius: 5px !important; border-top-right-radius: 5px !important;}
.offer > .table-slug {padding:11px 12px 12px 12px; width: 80%; margin: 0 auto; background: #fed7d7; background: rgba(254, 215, 215, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1; /*color: #E74710;*/ color: #000;}
.offer-holder-tab { /*border-bottom: 1px solid #DEDEDE;*/}
.content-holder-tab { border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;  background: #fafafa !important;}
.content-holder-tab-alone {background: #fff !important;}
.content-holder-tab-alone > .table-th {margin-top: 0; padding-top: 30px;}
.price-column.offer > .content-holder-tab {background: #fff !important; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}
.price-column.focused > .table-slug { margin: -2px 0px 0px;}
.price-column.focused > .content-holder-tab > .table-th {margin-top: 31px;}
.user-view > h2 {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.offer-price {font-size: 25px !important; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic;}
.percent {
	font-family: 'Courgette', cursive;
    -moz-transform: rotate(350deg);
	-webkit-transform: rotate(350deg);
	-o-transform: rotate(350deg);
	-ms-transform: rotate(350deg);
	transform: rotate(350deg); display: inline-block !important; font-size: 32px !important; color: #E74710;}

/* form errors */
.custom-error { background: rgb(255, 205, 205); color: #A00000; padding: 2px 10px; display: inline-block; margin-top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
form > .custom-error { margin-bottom: 20px; display: block; padding: 10px; }
.form-field.error input, .form-field.error textarea { background-color: rgb(255, 239, 239); border-color: rgb(255, 189, 189); }
#vat-number-modal {margin-left: 5px; text-decoration: underline; display: inline-block; font-size: 90%;}

/* ckeditor */
.cke_chrome { margin-bottom: 15px!important; }
.banner-promo-holder {width:100%; background:#fafafa; position:relative; float:left; padding-top:10px; padding-bottom:10px;}
.banner-promo-img { width: 200px; height: 270px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.banner-promo-img:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.news-date-ul { display: inline-block; margin-bottom: 5px !important; }
#header-fixed { position: fixed; top: 0px; display:none; background-color:white; z-index: 9; float: left; width: 905px; border-bottom: 5px solid #ddd !important; }
.fixed-thead-title {width:158px;}
.fixed-thead-list {width: 260px;}
.fixed-thead-char1 {width: 156px;}
.fixed-thead-char2 {width: 159px;}
.fixed-thead-char3 {width: 158px;}
.marker-text {width: 250px; height: 46px; padding-top: 9px; padding-left: 30px; margin-bottom: 0px; font-size: 19px; background-image: url(../img/marker-line.png); background-repeat: no-repeat; background-position: top left;}
.marker-text-txs {width: 150px; height: 35px; font-size: 22px; background-image: url(../img/marker-line-txs.png); background-repeat: no-repeat; background-position: 0 0; text-align: center; font-weight: bold; padding-top: 5px; display: block; margin: 0 0 10px auto; }
.marker-text-banner {width: 100%; height: 36px; padding-top: 6px; padding-left: 0px; margin: 0 auto -5px auto; font-size: 19px; background-image: url(../img/marker-line-xs.png); background-repeat: no-repeat; background-position: center center; background-size: 350px 36px;}
#caption-static {padding: 15px 0px 10px; opacity: 1;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */  zoom: 1;}
#caption-static:nth-child(n) {filter: none;}
.image-text-slider {padding-top: 15px; min-height: 387px;}
#slider-bg {padding-bottom: 30px;}
.slider-txt-holder a {font-size: 15px !important;}
.highlight-menu img {background: #E74710 !important;}
#header-btm img {margin-right: 8px;}
.table-striped>tr:nth-child(odd){background-color:red;}

#myphpdocx-content .domain-key-group {margin-bottom: 20px; padding: 10px; background: #f4f4f4;}
#myphpdocx-content .user-view .group{margin-top: 20px;}
.btn-gotoform {background: #555; color: #FFF;}
.btn-subscribe {background: #E74710; color: #FFF; font-weight: bold; margin-top: 0;}
.mybtn.yellow {background: #EEA236; color: #333 !important;}
.mybtn.yellow:hover {background: #484848; color: #fff !important;}

/* demos */
ul#chart-items li, ul#items-group li {border: 1px solid #CCCCCC; padding: 20px; margin-bottom: 20px;}
.field-group {margin-bottom: 10px;}
.product-view .field-group label, .billing-view .field-group label {display: block;}
.product-view .field-group span, .billing-view .field-group span {display: block; background-color: #F1F1F1; padding: 4px 4px 4px 8px; min-height: 28px;}
.btn-upgrade {background-color: #EE8F00;}
.btn-renew {background-color: #7B7676;}
.box.billing-view, .box.product-view {min-height: 318px;}
.billing-view .field-group span { background: #FFF;}
.box.billing-view {background: #EEE;}
.product-view .field-group {margin-bottom: 16.5px;}
.field-group.field-total span {background: #E74710; font-weight: bold;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;	opacity: 0.7; color: #fff;}

/* billing */
.field-group-license-to .option { display: inline-block; margin-left: 10px; margin-right: 10px; }
.subscriptions-list label  { display: inline-block; }
.subscriptions-list label .subscription-desc { color: #E74710; font-weight: normal; font-size: 14px; margin-top: 8px; }
.subscriptions-list label .period,
.subscriptions-list label .price { font-size: 15px; margin: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.subscriptions-list label .price { color: #E74710; font-size: 22px; }
.subscriptions-list label .price.cross-out { color: #666; }
.subscriptions-list input { display: inline-block; float: left; margin-right: 5px; }
.subscriptions-list > .radio > label > input[type="radio"] {margin-top: 0;}
.subscriptions-list > .radio > label > label {width:100%;}
.free-info {margin-top: 5px; font-size: 11px; float: left; position: relative; padding-left: 15px;}
.field-group-add-subscription > img { margin: 10px 0; }
.field-group-add-subscription > h3 { margin-bottom: 6px; }
.tooltip-phpdocx {width: 20px; height: 20px; position: relative; float: right; }
.tooltip-phpdocx .glyphicon-question-sign {min-height: 20px !important; font-size: 14px; padding: 2px 4px !important;}
.tooltip h5 { color: #e74710; margin-top: 5px; }

/* orders */
.free-icon { position: absolute; top: 0; left:0; display: inline-block; width: 100%; height: 200%; margin-top: -12px; margin-left: -12px; background: #fafafa; background: rgba(242, 242, 242, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1; padding-left: 85px; padding-top: 43px; font-size: 37px; text-transform: uppercase; font-weight: bold; color: #E74710; z-index: 999;}
.free-icon:before { width: 80px; height: 55px; text-align: center; vertical-align: middle; line-height: 56px; font-size: 30px; color: #E74710; font-family:'Glyphicons Halflings'; content: '\e127'; position: absolute; top: 50%; left: 20px; margin-top: -28px;}
.cross-out { position: relative; display: inline-block; }
.cross-out > span.crossed {position: absolute; color: red; font-size: 25px; text-align: center; top: -33%; margin-left: 3px; width: 100%; height: 28px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;	opacity: 0.8; background: url("../img/preview/crossed-price.png") no-repeat center; background-position: 50% 0px; background-size: 49px 28px;}
.cross-out > span.crossedc {position: absolute; color: red; font-size: 25px; text-align: center; top: -2px; margin-left: 3px; width: 100%; height: 34px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;	opacity: 0.8; background: url("../img/preview/crossed-pricec.png") no-repeat center; background-position: 50% 0px; background-size: 60px 34px;}
.crossed-out {color: #a8a6a6 !important; margin: 0 4px 0 10px !important;}
.price.crossed-out:before {content: ''; position: absolute; top: 1px; width: 60px; height: 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background: url("../img/preview/crossed-pricee.png") no-repeat center; background-position: 0px 0px; background-size: 60px 10px; margin-left: -7px;}
.radio-crossed:nth-child(1) .col-sm-12 {margin-bottom: 10px; margin-top: -2px; text-transform: uppercase;}
.radio-crossed:nth-child(2) .col-sm-12 {margin-bottom: 10px; margin-top: 0px;text-transform: uppercase;}
.radio-crossed {position: relative; width: 100%;margin-top: 10px !important;}

#basic-modal-content-signdocx,
#basic-modal-content-subscription {	display: none;}
.basic-modal-content a { text-decoration: underline; }
.field-group.special-offer { background: rgb(255, 245, 168); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px;}
.field-group.special-offer h4 { margin: 0; margin-top: -5px; margin-bottom: 5px; color: rgb(179, 132, 33);}
.field-group.special-offer-2 {/*height: 100%;*/ overflow: hidden; margin-bottom: 20px; padding:10px; background: #fed7d7; background: rgba(225, 233, 235, 1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1;}
.offer-list label  { display: inline-block; margin-bottom: 0px; line-height: 19px; }
.offer-list label .subscription-desc { color: #E74710; font-weight: normal; font-size: 14px; margin-top: 4px; }
.offer-list label .period { font-size: 13px; margin: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.offer-list label .price { font-size: 16px; margin: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.offer-list label .price { color: #E74710; }
.offer-list label .price.cross-out { color: #444; font-size: 16px; }
.offer-list input { display: inline-block; float: left; margin-right: 5px; }
.offer-list > .radio {margin-bottom: 0;}
.offer-list > .radio:first-child > label > input[type="radio"] {width: 15px;height: 61px;}
.nopad-left {padding-left: 0;}
.subscription-info {margin-top: 20px; margin-bottom: 30px !important; position: relative; font-size: 12px; overflow: hidden;}
.subscription-info > .sorted-contact-list li {margin-bottom: 2px !important; padding-left: 0;}
.highlight,
.highlight-pink {background: yellow; padding: 2px 6px;}
.highlight-pink {background: #fed7d7}
.highlight-white {background: #ffffff}
.support-ticket-body { font-size: 13px; color: #666; font-weight: 400;}
#content-banner .container .row .col-xs-12 img {margin: 20px 0 0 0;}
#content-breadcrumb {padding: 20px 0 0 0;}

div.offer-reminder {text-transform: none !important;}

/* purchase order */
.clear-left { clear: left;}
.price-subscription, .price-version, .price-total { text-align: right;}
.total-price { }
.total-price label {display: block; text-align: right; font-size: 16px;}
.old-price .cross-out {float: none; width: 100%; clear: both; display: block !important;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25; }
.opacity-middle {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity: 0.60;}
.opacity-middle .crossedc {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
.old-price .percent {-moz-transform: rotate(350deg) translateX(0px) translateY(2px) !important; -webkit-transform: rotate(350deg) translateX(0px) translateY(2px) !important; -o-transform: rotate(350deg) translateX(0px) translateY(2px) !important; -ms-transform: rotate(350deg) translateX(0px) translateY(2px) !important; transform: rotate(350deg) translateX(0px) translateY(2px) !important;}
.currency-symbol { display: inline-block; font-size: 16px; font-weight: bold; margin-left: 4px; }
.total-price-wrapper label, .total-price-wrapper .form-field, .total-price-wrapper .form-field input { display: inline-block; text-align: right; }
.total-price-wrapper .form-field input { width: 100px; margin-left: 10px; margin-bottom: 5px;}
.total-price-wrapper.tax label { margin-left: 12px;}
ul.payment-type-list { border: 1px solid #dedede; border-radius: 4px; padding: 10px;}
ul.payment-type-list li { display: inline-block; margin-left: 25px; }
ul.payment-type-list li:first-child { margin-left: 0;}
ul.payment-type-list li input { margin-right: 5px;}
ul.payment-type-list label span { display: block; font-weight: normal; font-style: italic; }
.line-separator { width:100%; height:20px; position: relative; border-top: 1px dashed #dedede; margin-top: 20px; }
#purchase-order-check-accept input, #purchase-order-check-accept label { float: left;}

#rfqs ul { list-style: none; }
#rfqs ul li { display: inline-block;}
span.status { padding: 3px 6px; color: #fff; display: inline-block; padding: 3px 6px; text-align: center; width: 90px; }
span.status.status-sent, span.status.status-pre-order { background: #8EC4C1; }
span.status.status-expired, span.status.status-abandoned { background: #EBEBEB; color: #333; }
span.status.status-validation { background: #00EBFF; }
span.status.status-pending { background: #FFB800; color: #666;}
span.status.status-completed { background: #3EAA00; }
span.status.status-refund { background: #D0A5FF; }
span.status.status-payment-error { background: #D82A2A; }
span.status.status-canceled { background: #2E2E2E; }

.nav.nav-pills.my-phpdocx-pills { margin-bottom: 25px; }
.nav.nav-pills.my-phpdocx-pills li { margin-right: 0px; margin-left: 0; text-align: center; border-bottom: 1px solid #e3e3e3; background: #f2f2f2; border-radius: 4px;}
.nav.nav-pills.my-phpdocx-pills li > a { color: #666; font-size: 20px; font-weight: bold; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.nav.nav-pills.my-phpdocx-pills li > a:hover { box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -moz-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -webkit-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); color: #000; border-bottom: none; background: transparent; }
.nav.nav-pills.my-phpdocx-pills li > a:focus { box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -moz-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -webkit-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); color: #000; border-bottom: none; background: transparent; }
.nav.nav-pills.my-phpdocx-pills li.active {background: transparent; border-bottom: none; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-radius: 4px;}
.nav.nav-pills.my-phpdocx-pills li.active > a,
.nav.nav-pills.my-phpdocx-pills li.active > a:hover { color: #000; background-color: transparent!important; border-bottom: none; box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -moz-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -webkit-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10);}

.my-subscription-wrapper {height: 100%; margin-bottom: 5px; padding:10px; background: #fed7d7; background: rgba(254, 215, 215, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1;}
.subscription-wrapper {overflow: hidden; background: #FFD9CB; background: rgba(254, 215, 215, 0.6); margin: 0px 15px 15px; padding: 15px 0px 0px;}
.subscription-wrapper .field-group span {background-color: #FFF9F9;}
.item-key { font-size: 14px; }

.purchase-order-info { position: relative; background: #FFE3DA; border: 1px solid #DADADA; padding: 10px 15px; font-size: 11px; display: inline-block; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.purchase-order-info,
.purchase-order-info table { width: 100%; }
.purchase-order-info table th {color: #000; }
.purchase-order-info:after,
.purchase-order-info:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.purchase-order-info:after {border-color: rgba(255, 227, 218, 0); border-top-color: #FFE3DA; border-width: 20px; margin-left: -20px;}
.purchase-order-info:before {border-color: rgba(218, 218, 218, 0); border-top-color: #DADADA; border-width: 21px; margin-left: -21px;}

.practical-button {font-size: 11px; letter-spacing: 1px; padding: 10px 20px;}
.step-conversionplugin {margin-bottom: 20px; font-size: 14px;}

/* validation cancelled expired*/
.info-message {background: #FFF; border: 1px solid #DADADA; padding: 15px; text-align: center; font-size: 14px;}
.info-message.canceled { background: #CDCDCD;}
#slider-bg {background: #343434; position: relative;}

/* invoice */
.invoice-image {background: url(../img/icons/invoice-icon.png); width: 128px; height: 128px;}
.invoice-image:hover {background: url(../img/icons/invoice-icon-hover.png); width: 128px; height: 128px;}
.descr-invoice {color: #000; margin-left: 0px; margin-right: 10px;}
.descr-invoice ul { margin: 5px 0px 10px 10px; }
.descr-invoice ul li { padding-left: 12px !important; background: url("../img/icons/flecha_li.gif") no-repeat center; background-position: 0px 7px; font-size: 11px;}
.displayblock {display: block;}

/*Timeline v2
------------------------------------*/
.timeline-v2 { padding: 0; list-style: none; position: relative; color: #333; }
.timeline-v2 h2 { text-align: right; }
.timeline-v2 p { color: #333; }

/* The line */
.timeline-v2 > li{ position: relative; }
.timeline-v2:before { top: 0; bottom: 0; left: 18%; width: 4px; content: ''; background: #ECECEC; position: absolute; margin-left: -14px; }

/* The date/time */
.timeline-v2 > li .cbp_tmtime { width: 20%; display: block; position: absolute; padding-right: 40px; }
.timeline-v2 > li .cbp_tmtime span { top: 12px; margin-bottom: 1px; display: block; text-align: right; position: relative; }
.timeline-v2 > li .cbp_tmtime span:first-child { color: #999; font-size: 14px; line-height: 0.9; }
.timeline-v2 > li .cbp_tmtime span:last-child { color: #585f69; font-size: 16px; font-weight: normal; }

/* Right content */
.timeline-v2 > li .cbp_tmlabel { color: #fff; padding: 10px 20px 20px; background: #ECECEC; line-height: 1.4; clear: both; position: relative; border-radius: 5px; margin: 0 0 40px 20%; }
.timeline-v2 > li .cbp_tmlabel li { padding: 0; }
.timeline-v2 > li .cbp_tmlabel h2 {  margin-top: 0px; font-size: 21px; padding: 0 0 5px; margin-bottom: 10px; text-transform: capitalize; border-bottom: 1px solid #ddd; }
.timeline-v2 > li .cbp_tmlabel .text-left { float: left; }

/* The triangle */
.timeline-v2 > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #ECECEC; border-width: 10px; top: 18px; }

/* The icons */
.timeline-v2 > li .cbp_tmicon {top: 22px; left: 18%; width: 10px; height: 10px; position: absolute; background: #E74710; margin: 0 0 0 -17px; box-shadow: 0 0 0 4px #ECECEC; -webkit-font-smoothing: antialiased;}
.timeline-v2 ul.list-items { list-style: disc; color: #333; margin-left: 25px; margin-bottom: 15px; }
.timeline-v2 ul.list-items li { margin-bottom: 5px; }
.timeline-v2 .icon-download { text-align: center; }
.timeline-v2 .field { color: #333; }
.timeline-v2 .field.field-total { padding: 2px 10px; }
.timeline-v2 .field.field-total { background: #E74710; font-weight: bold; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;	opacity: 0.7; color: #fff; text-align: right; margin-bottom: 0; }
.timeline-v2 .field.field-total label, .timeline-v2 .field.field-total span { color: #fff; font-weight: bold;}
.timeline-v2 .field.field-total label { display: inline-block;}
.timeline-v2 ul.list-items .icon-download img { margin: 0 auto; }

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
	.timeline-v2 > li .cbp_tmtime span:last-child { font-size: 1.5em; }
}
@media screen and (max-width: 47.2em) {
	.timeline-v2:before { display: none; }
	.timeline-v2 > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; }
	.timeline-v2 > li .cbp_tmtime span { text-align: left; }
	.timeline-v2 > li .cbp_tmlabel { padding: 1em; font-weight: 400; margin: 0 0 30px 0; }
	.timeline-v2 > li .cbp_tmlabel:after { left: 20px; top: -20px; right: auto; border-bottom-color: #ECECEC; border-right-color: transparent; }
	.timeline-v2 > li.user-admin .cbp_tmlabel:after { left: 20px; top: -20px; right: auto; border-bottom-color: #FFECD0; border-right-color: transparent; }
	.timeline-v2 > li .cbp_tmicon { left: auto; float: right; position: relative; margin: -55px 5px 0 0px;}
}

/* 5th anniversary */
#subscription-modal { text-decoration: underline; }
.subscriptions-list .radio { margin-bottom: 0;}
.s-prices-table {margin-top: 20px; margin-left: 15px; background: #FFF; border: solid 6px #FFF; min-width: 200px; text-transform: none; }
.s-prices-table tr { height: 18px; }
.s-prices-table tr td { text-align: right; min-width: 50px; }
.s-prices-table tr.s-discount { color: #E74710; font-weight: bold; }
.s-prices-table tr.s-discount-price { font-weight: bold; font-size: 120%;}
@media only screen and (min-width: 200px) and (max-width: 380px) {
	.s-prices-table {min-width: 0px;}
}
#basic-modal-content-subscription .subscription-info > .sorted-contact-list li::before { background-image: url("../img/bullet-checkmark.png");}

.job-banner img {border: none; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin: 0 auto;}
.job-banner img:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
.row-darktoned { background: #000; padding: 40px 0px;}
.banner-job {background-image: url(../img/preview/banner_job-xs-dark.jpg); background-repeat: no-repeat; background-position: 50% 50%; height: 130px;}
.banner-job-txt {position: absolute; z-index: 9; right: 30%; width: auto; height: auto; text-align: right; top: 50%; margin-top: -33px;}
.banner-job-txt h4 {font-family: 'Raleway',Arial,Helvetica,sans-serif; font-weight: bold; font-size: 20px; color: #fff; margin: 0;}
.banner-job-txt p {font-family: 'Raleway',Arial,Helvetica,sans-serif; font-weight: bold; font-size: 15px; color: #fff;  margin: 2px 0 0 0;}

.job-list {position: relative; float: left; margin-left: 0;}
.job-list li {width: 33%; margin-left: 0px; float: left;}
.job-list li:first-child .joblist-holder {margin-left: 0;}
.job-list li:nth-child(3) {float: right;}
.job-list li .joblist-holder {margin: 20px;}
.job-list .txt-md {font-size: 13px !important;}
.job-list .divider-greyarrow {margin: 10px 0 !important;}
.job-list .list-checkmark li {width: 90%; margin-left: 30px; padding-left: 30px; text-align: left;}
.job-list .list-checkmark li:nth-child(3) {float: left;}
.job-sorted-list {width: 100%; clear: both;}
.job-sorted-list li {width: 100%; clear: both;}

.jobrequirements {position: relative; float: left; margin-left: 0;}
.jobrequirements li {width: 33%; margin-left: 0px; float: left;}
.jobrequirements li:first-child .joblist-holder {margin-left: 0;}
.jobrequirements li:nth-child(3) {float: right;}
.jobrequirements li .joblist-holder {margin: 12px;}
.jobrequirements li .joblist-holder h4 {margin-bottom: 8px;}
.jobrequirements li .joblist-holder p {margin-left: 15px; margin-bottom: 0;}
.jobrequirements .txt-md {font-size: 13px !important;}
.jobrequirements .divider-greyarrow {margin: 10px 0 !important;}
.jobrequirements .list-checkmark li {width: 90%; margin-left: 30px; padding-left: 30px; text-align: left;}
.jobrequirements .list-checkmark li:nth-child(3) {float: left;}
.padd-right-0 {padding-right: 0;}

.samples-flexslider .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background-image: url(../img/bg_direction_nav_invert.png); position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.claim-fontsize {font-size: 15px;}
.lus-list {margin-bottom: 5px;}
.lus-list li {padding-left: 30px !important; position: relative; float: left;}
.lus-list li:before {left: -10px; margin-left: -18px; margin-right: 5px;}
.lus-list li .color-orange { font-size: 14px;}
.lus-list li p {padding-left: 0px;}

.breadcrumb a {color: #303030; transition: all 0.3s ease 0s; }
.breadcrumb a:hover {color: #E74710;}

.box .link-change-domain:before {background: url("../img/preview/edit_data.png") !important; width: 33px !important;}
.title-support {margin: auto; vertical-align: top; display: table; line-height: 65px; text-align: left; float: left;}
.support-image {width: 48px;}
.discount-description {font-size: 10px !important; letter-spacing: 1px; text-transform: uppercase;}

.special-offer-dev { margin: 10px 0; }
.asterisk-red {color: #C00; font-size: 18px; font-weight: normal; background: transparent !important; display: inline-block !important; padding: 0 !important; min-height: 5px !important;}
.price-h-container {margin: 10px 0;}
.price-h {background: #E65926; color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:4px; margin-left: 14px;}

.cm-s-team-2mdc-dark.CodeMirror {font-size: 12px;}
.cm-s-team-2mdc-dark.CodeMirror {background: #444; min-height: 58px;}
.cm-s-team-2mdc-dark .CodeMirror-gutters {background: #f2f2f2 !important; border-right: 2px solid #E74710 !important;}
.CodeMirror-gutters {}
.CodeMirror {height: auto !important;}

.table-list-features .accordion-toggle.closed .accordion-heading a {background: url(../img/accord-minus.png) no-repeat left center;}
.table-list-features .accordion-toggle.open .accordion-heading a {background: url(../img/accord-plus.png) no-repeat left center;}
.table-list-features tbody .accordion-toggle + tr td {padding: 0 !important;}
.table-list-features .accordion-subtitle {text-transform: none; font-size: 11px; color: #a2a2a2;}
.table-list-features .accordian-body tbody tr td {padding: 8px !important;}
.table-list-features tbody .accordion-toggle .featurestitle {text-align: left !important; padding: 3px 8px 3px !important; vertical-align: middle;}
.table-list-features tbody .accordion-toggle .featurestitle:hover {cursor: pointer;}
.table-list-features tbody .accordion-toggle .featurestitle:hover p {color: #000;}
.table-list-features tbody .accordion-toggle .featurestitle button {position: relative; float: left;}
.table-list-features tbody .accordion-toggle .featurestitle p {position: relative; float: left; line-height: 26px !important; margin: 0; padding-left: 10px; color: #808080; transition: all 0.3s ease 0s; }
.table-list-features-2 {border: none !important; margin-bottom: 0;}
.table-list-features tbody tr td.characteristics {width: 150px !important; max-width: 150px !important;}
.table-list-features-2 tbody tr td.characteristics {width: 150px !important; text-align: center; max-width: 150px !important;}
.table-list-features-2 > tbody > tr:nth-child(3) > td.characteristics, .table-list-features-2 > tbody > tr:nth-child(2) > th.table-title {width: 151px !important;}
.table-list-features-2 > tbody > tr:nth-child(3) > td.characteristics:nth-child(3) {border-right: 1px solid #ccc !important;}
.table-list-features-2 tbody tr td.characteristics:last-child {border-right: none !important;}
.table-list-features-2 tbody tr td.features-list {width: 120px !important; border-left: none !important; padding-left: 15px !important;}
.table-list-features-2 .glyphicon-ok {color: #228607; font-size: 16px; padding-top: 2px;}
.table-list-features-2 .glyphicon-remove {font-size: 16px; padding-top: 3px;}
.table-list-features-2 .table-title {text-align: center; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000;}
.table-features .table-list-features .accordion-heading {padding: 5px 5px 0 5px !important; min-height: 10px !important; background: transparent !important;}
.table-features .table-list-features .accordion-heading a {padding-left: 25px !important; margin-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.table-list-features-2 tbody tr td.characteristics .glyphicon.glyphicon-remove {color:#d85f5f;}
.table-list-features-2 tbody tr td.characteristics .glyphicon.glyphicon-ok {}
#demo9 .characteristics {font-size: 11px !important;}

.table-list-features > tbody > tr.accordion-toggle {cursor: default;}
.table-list-features > tbody > tr {background: rgba(231,71,16,0.05) !important;}
.whitebg {background: #fff !important;}
.whitebg:hover {background: #fff !important;}

.tfeat-green .glyphicon-ok {color: #68b325 !important;}

#lightbox {z-index: 9999;}
.chooseip-btn {text-decoration: underline; color: #E74710; font-size: 90%;}
.well-offer {position: relative; float: left; width: auto; margin: 0px 15px;}
form p {margin-bottom: 10px !important;}
.heightauto {height: auto !important;}

.color-green {color: #4B9000;}
.color-green-light {color: #8E961E;}

/***************************/
.item-ip.domain-stripped span {display: block;}
.item-ip.domain-stripped a {font-size: 12px; text-decoration: underline;}
.item-ip .change-domain-wrapper-form {display: none;}
.label.label-error {background: #CC0000;}
.item-ip .label {font-size: 65%;}

/***************************/
img#paynow {cursor: pointer;}
img#paynow:hover {-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
img#paynow.disabled:hover {-moz-box-shadow: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; cursor: wait; }
.disabled {opacity: 0.5; filter: alpha(opacity=50);}
#basic-modal-content-error {display: none;}
#wait-please {display: none;margin-left: 5px; /* left: 45%; position: absolute; top: 5px; */}
.button-paypal {position: relative; display: inline-block;}

/***************************/
.special-offer-dev {border-radius: 6px; background: #FFEED0; font-size: 12px; padding: 10px 20px;}

/***************************/
.certification .question h2 {margin-bottom: 20px;}
.certification .question ol { list-style-type: lower-alpha; margin-left: 20px;}
.certification .question li {margin-bottom: 20px; padding-left: 4px;}
.certification .question li label {margin-left: 10px;}
.more-info {color: #e74710; font-size: 16px; margin-left: 10px;}
.certification button.back {background: #D7D7D7;}
.certification button.next {background: #E74710; color: #FFFFFF;}
.certification button.finalize {background: #242424; color: #FFFFFF;}

/******************/
.mybtn-sample-myphp.yellow { background: #EEA236; color: #333 !important; }
.mybtn-sample-myphp.yellow:hover { background: #484848; color: #fff !important; }

/****************/
#topbar-notify {background-color: #000; padding: 10px 50px; color: #CCC;}
#topbar-notify.collapsed {padding: 0;}
#topbar-notify .topbar-toggle {position: absolute; left: 40px; top: 0px; background: #000; padding: 8px; z-index:999;}
#topbar-notify.collapsed .topbar-content {display: none;}
#topbar-notify > .topbar-content {margin-left: 50px; min-height: 25px;}
#topbar-notify > .topbar-content input {display: inline-block;}
#switch-user-block strong {color: #FFFFFF;}
#switch-user-block form {overflow: hidden;}
#switch-user-block form label {display: block; color: #CCC;}
#switch-user-block form input {max-width: 200px; max-height: 22px;}
#switch-user-block form input[type='submit'] {padding: 6px 10px; margin-left: 5px;}
#switch-user-block .exit-link {text-decoration: underline; margin-left: 15px;}

/********************/
.code {position: relative;}
.zoom {width: 40px; height: 40px; position: absolute; right: 16px; top: 8px;}
.zoom.zoom-in {background: url(../img/zoom-in.png) no-repeat transparent; transition: all 0.6s ease 0s; z-index: 9; opacity: 0.4;}
.zoom.zoom-out {background: url(../img/zoom-in-hover-out.png) no-repeat transparent; z-index: 999; transition: all 0.6s ease 0s; opacity: 0.4;}
.zoom.zoom-out:hover {opacity: 1;}
.zoom.zoom-in:hover {background: url("../img/zoom-in-hover.png"); opacity: 1;}

/************************************/
#myphpdocx-menu li {text-align: left;}
#my-account #edit-data {display: none;}

#myphpdocx-content .inner-content .box {border-radius: 3px !important;}
#myphpdocx-content .personal-data {position: relative; float: left; width: 100%;}
#myphpdocx-content #my-account .user-view {position: relative; float: left; width: 100%;}
#myphpdocx-content #my-account .user-view #user-data {position: relative; float: left; width: 100%;}
#myphpdocx-content #my-account .user-view #user-data .personal-data #personal-data {width: 75%;}
#myphpdocx-content #my-account .user-view #user-data .personal-data form label {font-size: 13px; margin-bottom: 8px;}
#myphpdocx-content #my-account .user-view #user-data .personal-data form .item-email {margin-bottom: 15px;}
#myphpdocx-content #my-account .user-view #user-data .personal-data form .item-password {margin-bottom: 15px;}

.menu-tabs-myphpdocx {/*box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -moz-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10); -webkit-box-shadow: 0px -8px 10px -1px rgba(119, 119, 119, 0.10);*/ background: #FFF none repeat scroll 0% 0%; border: 1px solid #DEDEDE; border-radius: 3px; padding: 20px; margin-bottom: 25px;}
.menu-tabs-myphpdocx li {border:none; background: #f4f4f4; border-radius: 0; text-align: left;}
.menu-tabs-myphpdocx li a {font-size: 14px; line-height: 25px; background-color: transparent !important; border-radius: 0; color: #333 !important; transition: all 0.4s ease 0s;}
.menu-tabs-myphpdocx li a:hover {background-color: #c3c3c3 !important; color: #E74710 !important;}
.menu-tabs-myphpdocx li.active a {color: #E74710 !important;}
.menu-tabs-myphpdocx li a .icon-fa {position: relative; float: left; min-width: 25px; margin: 1px 8px 0px 0px;}
.menu-tabs-myphpdocx li a .fa {position: relative; float: none; margin: 1px auto; font-size: 20px; display: table;}
.menu-tabs-myphpdocx li a .fa:before {margin: 0 auto; display: table;}
.menu-tabs-myphpdocx li.highlighted { background: #FFDBCE; }

#my-tickets .info-box {}
#my-tickets .info-box h4 {margin-bottom: 5px;}
#my-tickets .info-box p {margin-bottom: 5px; font-size: 14px; line-height: 20px;}
#my-tickets .latest-tasks {}
#my-tickets .latest-tasks h3 {margin-top: 20px;}
#my-tickets .latest-tasks .table-features thead tr th {font-size: 10px;}
#my-tickets .latest-tasks .table-features tbody tr td {text-align: center;}
#my-tickets .latest-tasks .table-features tbody tr td:nth-child(3) {max-width: 200px; font-size: 11px;}
#my-tickets .latest-tasks .table-features tbody tr td .fa-eye {margin-top: 2px; position: relative; float: none; margin-left: 2px;}

span.ticket-status { padding: 3px 6px; color: #fff; display: inline-block; padding: 3px 6px 6px; text-align: center; width: 90px; }
span.ticket-status.status-pending {background: #FFB800; color: #666;}
span.ticket-status.status-open {background: #3EAA00;}
span.ticket-status.status-working {background: #8EC4C1;}
span.ticket-status.status-closed {background: #cacaca; color: #000;}
span.ticket-status.status-canceled {background: #2E2E2E;}

.latest-tasks .table .status-open .features-list:nth-child(1) {-webkit-box-shadow: inset 11px 0px 0px 0px rgba(62,170,0,1); -moz-box-shadow: inset 11px 0px 0px 0px rgba(62,170,0,1); box-shadow: inset 11px 0px 0px 0px rgba(62,170,0,1);}
.latest-tasks .table .status-pending .features-list:nth-child(1) {-webkit-box-shadow: inset 11px 0px 0px 0px rgba(255,184,0,1); -moz-box-shadow: inset 11px 0px 0px 0px rgba(255,184,0,1); box-shadow: inset 11px 0px 0px 0px rgba(255,184,0,1);}
.latest-tasks .table .status-working .features-list:nth-child(1) {-webkit-box-shadow: inset 11px 0px 0px 0px rgba(142,196,193,1); -moz-box-shadow: inset 11px 0px 0px 0px rgba(142,196,193,1); box-shadow: inset 11px 0px 0px 0px rgba(142,196,193,1);}
.latest-tasks .table .status-closed .features-list:nth-child(1) {-webkit-box-shadow: inset 11px 0px 0px 0px rgba(202,202,202,1); -moz-box-shadow: inset 11px 0px 0px 0px rgba(202,202,202,1); box-shadow: inset 11px 0px 0px 0px rgba(202,202,202,1);}
.latest-tasks .table .status-canceled .features-list:nth-child(1) {-webkit-box-shadow: inset 11px 0px 0px 0px rgba(46,46,46,1); -moz-box-shadow: inset 11px 0px 0px 0px rgba(46,46,46,1); box-shadow: inset 11px 0px 0px 0px rgba(46,46,46,1);}

.latest-tasks .task-legend {}
.latest-tasks .task-legend ul {}
.latest-tasks .task-legend ul li {position: relative; float: left; width: auto; margin-right: 19px; margin-bottom: 11px; font-size: 11px; line-height: 12px;}
.latest-tasks .task-legend ul li .color {width: 20px; height:7px; position: relative; float: left; margin-top: 3px; margin-right:4px;}
.latest-tasks .task-legend ul li.pending .color {background: #FFB800;}
.latest-tasks .task-legend ul li.open .color {background: #3EAA00;}
.latest-tasks .task-legend ul li.working .color {background: #8EC4C1;}
.latest-tasks .task-legend ul li.closed .color {background: #cacaca;}
.latest-tasks .task-legend ul li.canceled .color {background: #2E2E2E;}

.support-myphp-wrapper {border-bottom: none !important; border-top: none !important; }
.button-support-myphp {padding: 7px 14px 6px !important;}
.support-myphp-txt {font-size: 15px; margin-bottom: 5px; position: relative; float: left; width: 100%;}
.support-button-txt {position: relative; float: right; width: 73%; margin-top: 3px !important; line-height: 14px;}
.support-button-img {position: relative; float: left; width: 27%; max-width: 56px;}

.button-support-search {margin-top: 17px; padding: 8px 20px;}
.sm-eq {margin-top: 0px; margin-bottom: 10px;}
.title-support-task {}
.title-support-task h4 {font-size: 16px;}
.title-support-task .field-license {font-size: 16px; margin-left: 6px;}
.title-support-task .bg-support-license {position: relative;float: left; padding: 12px 20px; margin-bottom: 20px; background: #FED7D7; width: 100%;}
.title-support-task .bg-support-license h4 {margin-bottom: 0px;}
.field-support-attach {margin:10px 0; padding:20px; background: #fafafa; background: rgba(242, 242, 242, 0.6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2)"; /* IE8 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99F2F2F2,endColorstr=#99F2F2F2);   /* IE6 & 7 */ zoom: 1;}
.table-task h4 {margin-bottom: 2px; text-align: center;}
.table-task .field {text-align: center; margin-top: 7px;}
.table-task .ticket-status {width: 100%; display: table; float: none; margin: 0 auto;}
.table-attachments .table-title {text-align: left; font-size: 10px; padding: 10px; font-weight: bold; text-transform: uppercase; color: #000; background: #F2F2F2; border-bottom: none;}
.table-attachments .features-list .fa {margin-top: -2px; position: relative; float: left; margin-right: 10px; font-size: 22px;}

/*********************************/
#my-tickets .box {text-align: center;}
#my-tickets .box .big-number {font-size: 24px; font-weight: bold; display: block;}
#my-tickets .box .box-link {margin-top: 10px; display: block; text-align: center;}
#my-tickets .filters-form-wrapper {margin-bottom: 20px;}
#my-tickets .filters-form-wrapper label {display: block; text-align: left;}
#support-messages-list span.author {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #e74710;}
#support-messages-list .request-tickets-answer {border-top: 1px dashed #666; margin-top: 20px; padding: 10px 0; text-align: center;}
#support-messages-list .request-tickets-answer * {color: green;}
#support-messages-list .request-tickets-answer.declined * {color: red;}
#support-messages-list .timeline-v2 > li .cbp_tmtime span:last-child {font-size: inherit;}
#support-messages-list li .attachments.collapsed .files-view{display: none;}
#support-messages-list li .message > label {display: block; font-size: 16px; margin: 0px 0px 10px 0px !important;}
#support-messages-list > h3 {border-bottom: 1px solid #dedede; padding: 4px;}
#support-messages-list .cbp_tmlabel {color: #666;}
#support-actions .write-message {display: none;}
#last-message-link {float: right; margin-top: 4px;}
.user-admin .cbp_tmlabel:after {border-right-color: #FFECD0!important;}
.user-admin .cbp_tmlabel {background: #FFECD0!important;}

/* PONER ESTA LÍNEA SOBRE LA CLASE show_element */
.attachments-toggle {padding-left: 20px; height: 24px; position: relative; background: url("../../img/icons/show.gif") no-repeat; background-position: 2px 3px; cursor: pointer;}
.mybtn.red {background: #DF342D; color: #FFF !important;}
.no-data {margin: 10px 0; font-style: italic; text-align: center; font-size: 14px;}
.readmore-box {max-height: 120px; position: relative; overflow: hidden;}
.readmore-box .read-more {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 60px 0 5px;/* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, #fafafa);}
.readmore-box .read-more a.readmore-toggle {}
.readmore-box .read-less {text-align: center; display: block;}
.readmore-body, .readmore-body p, .readmore-body ol, .readmore-body ol li, .readmore-body ul, .readmore-body ul li, .readmore-body h2 {color: #666 !important;}
.readmore-body h2 {text-transform: none; border-bottom: none;text-align: left;}
.read-less .mybtn {float: none !important;}
.mybtn.dark {background: #484848; color: #fff !important; }
.mybtn.dark:hover {background: #EEA236; color: #333 !important;}
.mybtn.dark {padding: 10px 20px 10px 20px; margin: 0 auto; position: relative; font-size: 10px; color: #fff !important; line-height: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; height: auto; border: none; border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius: 2px; -moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset; box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset; display: inline-block; cursor: pointer; outline: none; }
.attachments {border-bottom: 1px solid #ccc; margin-bottom: 12px;}
.attachments-toggle {line-height: 18px; font-size: 13px; margin-top: 5px;}
.attachments-toggle .table-attachments {}
.attachments-toggle .table-attachments thead {}
.attachments-toggle .table-attachments thead tr {}
#support-messages-list .table-attachments {background: #fafafa; margin-top: 6px;}
#support-messages-list .table-attachments thead tr .table-title {background: transparent;}
#support-messages-list .table-attachments tbody tr .features-list {}

/* field view ckeditor */
.ck-html h1, .ck-html h2, .ck-html h3, .ck-html h4, .ck-html h5, .ck-html h6 {border: none!important; text-align: left!important; margin: 15px 0!important; padding: 0!important; font-weight: normal!important; line-height: 1.2!important;}
.ck-html ul, .ck-html ol {margin: 15px 0!important; list-style-type: disc!important; padding: 0 40px!important; line-height: 1.6!important;}
.ck-html ol {list-style-type: decimal!important;}
.ck-html pre {background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0; color: #666; display: block; font-size: 13px; line-height: 1.42857; margin: 15px 0; padding: 8px; word-break: break-all; word-wrap: break-word;}
.cbp_tmlabel {}

#my-tickets .info-box {padding: 20px;}
.title-message-support label {font-size: 13px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px;}
.title-message-support .field label {font-size: 12px; font-weight: 600; text-transform: none;}
.title-message-support .label-message label {font-size: 13px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px;}
.title-label-support {font-size: 13px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px; text-align: left;}
.btndelete {padding: 5px 20px; font-size: 17px;}
.title-message-support .files li {position: relative; float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2;}
.field-add-file .field {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.field-add-file .field input[type="file"] {font-size: 10px; margin-top: 2px;}

.use-ticket-wrapper {}
.use-ticket-wrapper .field {text-align: left;}
.use-ticket-wrapper .field label {text-align: left; font-size: 13px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px;}
.txt-left {text-align: left;}
.addfile-ticket-wrapper .files li {position: relative; float: left; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2;}
.addfile-ticket-wrapper .files li .field label {font-size: 12px; font-weight: 600; text-transform: none;}
.addfile-ticket-wrapper .files li .mybtn-sample-myphp.yellow {margin-top: 0 !important; display: inline-block !important;}
.addfile-ticket-wrapper .files li .mybtn-sample-myphp.red {margin-top: 0 !important; display: inline-block !important;}

.select-wrapper select {margin-bottom: 10px !important; height: 26px !important; font-size: 12px !important; padding: 0 2px !important;}
.files .file-wrapper {background: #f2f2f2; padding: 10px 0px; margin-left: 0px; margin-right: 0px;}
.files .btnadd i { margin-right: 5px; }

.attachments .attachments-toggle.show_element {background-image: none; font-size: 14px; padding-left: 22px;}
.attachments .attachments-toggle.hide_element {background-image: none; font-size: 14px; padding-left: 22px;}
.attachments .attachments-toggle.show_element:before {content: "\f055"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 20px; color: #E74710; z-index: 1; left: 0;}
.attachments .attachments-toggle.hide_element:before {content: "\f056"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 20px; color: #E74710; z-index: 1; left: 0;}

.msgcookie {display:block;position:fixed;bottom:0;left:0;height:auto; padding-bottom:8px;width:100%;background:rgba(255,255,255,0.9);color:#000;font-size:11px;font-family:sans-serif; z-index: 99999999999999; border-top:1px solid #000;}
.msgcookie p {width:80%;margin:0 auto;background:url('../img/cookie_warning.png') 8px -2px no-repeat;padding:10px 0 0 30px; font-size: 14px; line-height: 18px; font-family: "Open Sans",Arial,Helvetica,sans-serif; text-align: left;}
.msgcookie p a {color: #000; text-decoration: underline;}
.msgcookie p a:active,.msgcookie p a:visited,.msgcookie p a:hover {color:#333; text-decoration: none;}
.msgcookie a.close {float:right;display:block;width:16px;height:35px;background:url('../img/cookie.png') 0 -51px no-repeat;overflow:hidden;text-indent:-8000px;opacity:0.5;margin:0 0 0 10px;}
.msgcookie a.close:hover {opacity:1;}
.msgcookie .infolink {font-weight: 500; color: #e0e0e0;}
.msgcookie .infolink:hover {text-decoration: underline;}

@media only screen and (min-width: 495px) and (max-width: 1480px) {
    .msgcookie p {width:80%;margin:0 auto;}
}
@media only screen and (max-width: 495px) {
    .msgcookie p {width:90%;margin:0 auto; text-align: justify; padding-right: 35px;}
    .msgcookie a.close {position: absolute; right: 20px;}
}
@media only screen and (max-width: 340px) {
    .msgcookie p {width:96%;margin:0 auto; text-align: justify; padding-right: 35px;}
    .msgcookie a.close {position: absolute; right: 20px;}
}

/* header menu */
#header .ddsmoothmenu {margin-top: 5px; margin-bottom: 5px;}
#header #smoothmenu ul li a {font-size: 14px; padding-left: 20px;}
#header #subsmoothmenu ul li a {font-size: 14px; padding-left: 10px;}
#header .ddsmoothmenu ul li a > span.highlight {background-color: #000000; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.js .selectnav {background: #A7A7A7; color: #000000 !important;}

/* trial page */
.price-column.alone .text-notes h4 { margin-bottom: 5px; }
.price-column.alone .text-notes p { text-align: left; }
.price-column.alone .text-notes .divider-greyarrow-trial { margin: 10px 0 5px; }

/* coupon */
.field-group-coupon {overflow: hidden; padding: 8px 4px 4px 8px;}
.field-group-coupon,
.field-group-coupon span {background-color: #FCE2D9!important;}
.field-group-coupon label {text-align: left; margin: 8px 0px 0px 8px;}
.field-group-coupon input {border-bottom-right-radius: 0; border-top-right-radius: 0; float: left; height: 25px; position: relative; width: 280px; border-color: #FFF;}
.field-group-coupon input.success,
.field-group-coupon input.success:focus {border-color: #4B9000!important; background-color: #4B9000; color: #FFF;}
.field-group-coupon input.error,
.field-group-coupon input.error:focus {border-color: #E07272!important; background-color: #E07272; color: #FFF;}
.field-group-coupon button:focus,
.field-group-coupon button:disabled {color: #666!important; background-color: #ccc;}
.field-group-coupon button:active,
.field-group-coupon button {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background: #555 none repeat scroll 0 0; float: left; margin-top: 0; height: 25px;}
.field-group-coupon .message {text-align: left;}

/* our-clients */
#our-clients-carousel .item {margin-bottom: 8px; background: #fff none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 4px; padding: 9px; position: relative;}
#our-clients-carousel .flex-direction-nav {top: 47px;}
#our-clients-carousel .flex-direction-nav a {top:40%;}
#our-clients-carousel .flex-control-nav {display: none;}
#our-clients-carousel .flex-direction-nav a {background-image: url(../img/bg_direction_nav_invert.png); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}
#our-clients-carousel .flex-direction-nav a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:100; -khtml-opacity: 100; opacity: 100;}
#our-clients-carousel .flex-direction-nav a.flex-next {right: 10px;}
#our-clients-carousel .flex-direction-nav a.flex-prev {left: 0px;}
#our-clients-carousel .flex-viewport ul li {display: inline-block;}
#our-clients-carousel .flex-viewport .slides > li {margin-right: 10px;}
#our-clients-carousel .flex-viewport ul li h3, #our-clients-carousel .flex-viewport ul li p {font-size: 13px; text-align: center;}
#our-clients-carousel .flex-viewport ul li p a {font-size: 13px; text-align: center; color: #343434; font-weight: 600; line-height: 1.3em; margin-bottom: 15px;}
#our-clients-carousel .flex-viewport ul li .item {transition: all 0.6s ease 0s;}
#our-clients-carousel .flex-viewport ul li .item:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}

h2.users, h3.users {
    font-size: 22px;
    margin-bottom: 25px;
}

.users-button {
    font-size: 14px !important;
    padding: 10px 22px !important;
    margin-top: 0px;
}

#subnav.nav > li > a {
	padding: 0px 15px;
}

/* our clients page */
.isotope-filters .row {overflow: hidden;}
.isotope-filters ul {margin-bottom: 20px;}
.isotope-filters ul li {display: inline-block; margin-right: 10px;}

.isotope-filters .nav-pills > li > a {padding: 6px 12px; border-radius: 4px;}
.isotope-filters .nav-pills > li > .dropdown-toggle {background-image: url("../img/icons/icon-arrow-down.png"); background-repeat: no-repeat; background-position: 6px 6px; padding-left: 24px;}
.isotope-filters .nav-pills > li > .dropdown-toggle.selected {background-image: none; padding-left: 14px;}
.isotope-filters .nav-pills > li > .dropdown-menu {z-index: 999999; padding: 10px 20px; min-width:130px; max-height: 260px;}
.isotope-filters .nav-pills > li > .dropdown-menu.dropdown-menu-country {overflow-y: scroll;}
.isotope-filters .nav-pills > li > .dropdown-menu .remove-filter-link,
.isotope-filters .nav-pills > li > .dropdown-menu .filter-link {display: block; margin-bottom: 4px;}
.isotope-filters .nav-pills > li > .dropdown-menu .remove-filter-link {background: #e74710 url("../img/icons/delete.png") no-repeat scroll 6px 6px; color: #ffffff; padding: 2px 2px 2px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.isotope-filters .nav-pills > li.active > a,
.isotope-filters .nav-pills > li.active > a:hover,
.isotope-filters .nav-pills > li.active > a:focus {background-color: rgba(231, 71, 16, 0.8);}

.empty-results { padding: 20px; display: block; }
.isotope-content .item {width: 23%; display: inline-block; height: 170px; z-index: 99; text-align: center;}
.isotope-content .item img,
.isotope-content .item span {display: block; text-align: center; font-size: 13px; text-align: center; color: #343434; font-style: normal; font-weight: 600; line-height: 1.3em; margin-top: 5px;}
.isotope-content .item {position: relative; margin: 0 12px 12px 0;}
.isotope-content .item img {min-height: auto; max-width: 100%; margin: 0 auto; max-height: 140px; background: #fff none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 4px; padding: 5px;}
.isotope-content .item img:hover {opacity: 0.65; filter: alpha(opacity=65); /* For IE8 and earlier */}

/* xmldocx typography*/

.xmldocx_font {color: #fff;}

/* new Pricing and Update styles */

.pricing.three-col .price-column.main {margin: 0 10px 0;}
.pricing.three-col .price-column.side {margin-left: 4px; margin-top: 8px;}


.content-holder-tab.table-title {background-color: #def8ff !important; border: none none;}
.content-holder-tab.side-table-title {background-color: #def8ff !important; border: none none;}
.content-holder-tab.table-title h3 {margin-top: 10px;}
.content-holder-tab.side-table-title h3 {margin-top: 10px;}
.price-column h3 {font-size: 21px; font-weight: 900;}

.btn-buy {margin: 35px 0  15px 0; }

.pricing-slogan {font-family: Kalam, sans-serif;
	font-size: 24px;
	color: #e74710;
	letter-spacing: 1.6pt;
	font-style: italic;
	font-weight: 900;
	}

.pricing-slogan .fa {color: #68b325;}

@media screen and (min-width: 100px) and (max-width: 550px) {
    .pricing-slogan {font-size: 19px;
    	letter-spacing: 1.5pt;
    	}
    .pricing-slogan-unit {display: block;}
}

.underline {text-decoration: underline;}

.bestpriceLUS {color: #e74710; font-size: 15px;}

.table-licenses > table > tbody > tr > .bestpriceLUS:hover, .table-licenses > table > tbody > tr > .bestpriceLUS:hover {color: #e74710 !important;}

.head-table-border {border-bottom: 1px solid #ddd !important; background-color: #fafafa;padding-left: 25px !important;}

.table thead > tr > th {padding: 2px 8px; vertical-align: middle;}


/* pricing offer */

.pricing-offer { margin: 140px 0 -40px 0px;
    font-style: normal;
    font-family: 'Open Sans';
    font-size: 0.9rem;
}

.side-pricing-offer {margin: 120px 0 -40px 0px;
    font-style: normal;
    font-family: 'Open Sans';
    font-size: 0.9rem;
}

.rotate-offer {
    -webkit-transform: rotate(355deg);
    -moz-transform: rotate(355deg);
    -o-transform: rotate(355deg);
    writing-mode: lr-tb;
}


span.rotate-offer {font-size: 1.8rem !important; font-weight: normal; text-decoration: underline;}


.divider-offer {margin: 75px 0 20px;}

.color-offer {font-family: 'Kalam', 'Open Sans', Arial, Helvetica, sans-serif; color: #005F7E !important; font-size: 1.8rem !important; border-bottom: none !important;
 }

 .billing-offer { background: rgba(231, 71, 16, 0.2) none repeat scroll 0 0; border-radius: 6px; }

/*Special Offer message for content-intro grey bar*/

.content-intro-offer {font-family: 'Kalam', 'Open Sans', Arial, Helvetica, sans-serif; color: #222 !important; font-size: 1.7rem !important; border-bottom: none !important; text-align: right;
    margin-top: 10px;
 }

 .content-intro-offer a {color: #222 !important;

 }

 .content-intro-offer-underline a {text-decoration: underline !important;
 }

.content-intro-rotate-offer {
    -webkit-transform: rotate(357deg);
    -moz-transform: rotate(357deg);
    -o-transform: rotate(357deg);
    writing-mode: lr-tb;
}

.main {
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.8), 0 10px 15px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.8), 0 10px 15px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.8), 0 10px 15px rgba(0,0,0,0.5);
}

/* xmldocx banner */

div.xmldocx-banner {
    background-color: #f2f2f2;
    border: 1px solid #999;
}

div.xmldocx-text {
    margin-top: 30px;
}

.xmldocx-text h2 {
    color: #0e77bb;
}

span.xmldocx-color {
    color: #333;
    font-weight: bold;

}

span.xmldocx-blue {
    color: #0e77bb;
    font-weight: bold;
}

@media screen and (max-width: 325px) {
    a.xmldocx-button {font-size: 14px !important;}

}

@media screen and (max-width: 485px) {
    .img-xmldocx {left: 0% !important;}
    a.xmldocx-button {font-size: 14px !important;}
}

@media screen and (max-width: 767px) {
     .img-xmldocx {left: 0% !important;}

}

@media screen and (min-width: 760px) {
    a.xmldocx-button {margin-bottom: 10px;}
    .xmldocx-banner img {margin-top: 35px;}

}

@media screen and (min-width: 750px) {
    div.xmldocx-banner {margin-left: 0px; margin-right: 0px;}
}

/* Welcome Landing page */

.btn-try {line-height:  10px;}

.superimpose {margin-top: -65px;}

.welcome-header {padding: 25px 0px; text-align: left;}

.welcome-div p {font-size: 16px;}

.welcome-div .welcome-circle {text-align: left;}

.features-welcome .news-left-img {height: auto;}

.features-welcome p.text-big {font-size: 16px; margin-bottom: 30px;}

.features-welcome i {color: #e74710; font-size: 20px; height: 30px;}

.welcome-list>div:last-child {clear: both; text-align: center;}

.welcome-list .review {background: #f2f2f2; padding: 15px 15px 15px 19px;}

.welcome-list .review li {margin-bottom: 10px; text-align: center;}

.welcome-list h2 {text-align: center;}

.welcome-sample div {padding-top: 0px;}

div.welcome-contactus {margin-top: 150px; text-align: right;}

.welcome-contactus .welcome-btn-buy {margin: 0px;}

.welcome-user li {display: inline-block; float: left; list-style-type: none; transition: all 0.3s ease 0s; width:auto; }

.welcome-footer {padding: 25px 15px;}

@media screen and (max-width: 480px){

    .welcome-div img {padding-top: 15px;}

}

@media screen and (max-width: 995px) {
    .superimpose {margin-top: 0px;}
    .welcome-btn-buy {margin: 0px;}
    .welcome-circle {margin-top: 0px; margin-bottom: 20px;}
    div.welcome-contactus {margin-top: 0px; text-align: center;}
    .welcome-contactus .welcome-btn-buy {margin: 0px;}
}

@media screen and (min-width: 800px) and (max-width: 1150px) {
    div.welcome-contactus {margin-top: 20px;}
}


@media screen and (min-width: 950px) and (max-width: 1000px) {
    .welcome-user li {width: 140px;}
}

@media screen and (min-width: 950px) and (max-width: 1600px) {
    .welcome-user li {width: 110px;}
}

@media screen and (min-width: 750px) and (max-width: 950px) {
    .welcome-user li {width: 150px;}
}

@media screen and (min-width: 650px) and (max-width: 749px) {
    .welcome-user li {width: 130px;}
}

@media screen and (min-width: 500px) and (max-width: 650px) {
    .welcome-user li {width: 110px;}
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    .welcome-user li {width: 140px;}
}

/* Licenses that include a method */

.method-license div {padding-left: 0px;}

.method-license h2 {font-size: 20px;}

.method-license img {padding: 1px 1px 0px 3px;}

/* Cookbook styles */

.cookbook-warning {background: #fed7d7; padding: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #999;
}

.cookbook-link {background: #e1e9eb; padding: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #999;
}

.cookbook-idea {background: #fefcd6; padding: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #999;
}

.cookbook-attachment {background: #e0fed6; padding: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #999;
}

.cookbook-note {background: #F2E4FF; padding: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #999;
}

.cookbook-warning a, .cookbook-idea a,.cookbook-link a, .cookbook-attachment a, .cookbook-note a {font-weight: 800;}

.cookbook-warning a:hover, .cookbook-idea a:hover,.cookbook-link a:hover, .cookbook-attachment a:hover, .cookbook-note a:hover { color: #e74710; text-decoration: underline; }

.cookbook-warning, .cookbook-link, .cookbook-idea, .cookbook-attachment, .cookbook-note {margin-bottom: 10px;}

.cookbook-warning h3, .cookbook-link h3, .cookbook-idea h3, .cookbook-attachment h3, .cookbook-note h3 {margin-left: 10px; display: inline;}

.cookbook-warning .fa, .cookbook-link .fa, .cookbook-idea .fa, .cookbook-attachment .fa, .cookbook-note .fa {font-size: xx-large; color: #e74710;}

.linelist {padding-left: 15px; margin-bottom: 25px; border-left: 1px solid #ccc; margin-left: 15px; padding-top: 10px;list-style: none;}
.linelist li {padding-left: 0px; margin-bottom: 15px; list-style: none; line-height: 21px; font-size: 13px; padding-right: 20px; color: #000;}
.linelist li:before {margin-left: -15px !important; content: ""; display: inline-block; height: 8px; width: 8px; margin-right: 5px; background-image: url("../img/grey_line.png"); background-size: 8px 5px; background-repeat: no-repeat; background-position: 0px 1px;}

.iframe-PDF {position: relative; padding-bottom: 66.66%; overflow: hidden;}

.iframe-PDF iframe {position: absolute; display: block;top: 0; left: 0; width: 100%; height: 100%;}

/* How it Works */

.step1::before {
    background: #e74710 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "1";
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    margin: 5px 20px 5px 0;
    text-align: center;
    width: 41px;
}

.step2::before {
    background: #e74710 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "2";
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    margin: 5px 20px 5px 0;
    text-align: center;
    width: 41px;
}

.step3::before {
    background: #e74710 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "3";
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    margin: 5px 20px 5px 0;
    text-align: center;
    width: 41px;
}

.step4::before {
    background: #e74710 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "4";
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    margin: 5px 20px 5px 0;
    text-align: center;
    width: 41px;
}

.step-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #b3b1b1;
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 13px;
    height: 100%;
    overflow: hidden;
    position: static;
    padding: 20px;
    min-height: 395px;
}

.step1 h2, .step2 h2, .step3 h2, .step4 h2 {padding-top: 10px;}

.step-box p {text-align: center;}

.underline a {text-decoration: underline;}

@media screen and (max-width: 750px){
    .step-left div {margin-bottom: 30px; }
}

@media screen and (max-width: 750px){
    .step-left div {margin-bottom: 30px; }
}

@media screen and (max-width: 750px){
    .step-left div {margin-bottom: 30px; }
}

@media screen and (max-width: 480px){
    .step1 h2, .step2 h2, .step3 h2, .step4 h2 {font-size: 1.7rem; padding-top: 60px;}
    .step-box {padding: 0.5rem;}
}

/* toastr*/
.toast-top-right {
    top: 250px;
}

/* Offers by country */

.pricing .old-price {
    margin-bottom: 115px;
}

.pricing .main .old-price {
    margin-bottom: 135px;
}

.pricing .standard-price {
    margin-bottom: 120px;
}

.pricing .main .standard-price {
    margin-bottom: 140px;
}

.pricing .circle a {
    margin-top: 0px;
}

.pricing .main .circle a {
    margin-top: 0px;
}

.divider-offer {
    margin: 10px 0 20px !important;
}

.cross-out {
    text-decoration: line-through;
}

.discount-img-holder {
    margin-top: 10px;
}

.price-features .circle.old-price .percent {
    font-size: 20px !important;
 }

 .cross-out {
    font-family: Georgia,"Times New Roman",Times,serif;
 }

 .percent::after {
    content: "";
 }

 .new-price {
    margin-top: 150px;
 }

 .buy-margin {
    margin-top: 0px;
}

.main .new-price {
    margin-top: 175px;
}

@media screen and (max-width: 480px){
    .price-features .circle.old-price .percent {font-size: 16px !important;}
    .table-list-features .table-title .btn-table-features {width: 100% !important}
}

/* special offer messages */
.offer-special-message {
    display: none;
}

.toast-warning {
    background-color: #000 !important;
}

.toast-title h2, .offer-link { color: #F89406 !important; }

.offer-link {text-decoration: underline;}

.old-price .cross-out {opacity: 0.6 !important;}

#toast-container > .toast-warning {
    background-image: none !important;
}

/* Roles section*/

.border-roles {
    border: 1px solid #dedede;
    border-radius: 4px;
}

.roles-border {
    border-radius: 10px;
    padding: 10px;
}

.roles-border img {margin: 0 auto;}

.roles-color-1 {
    background: #e1e9eb;
}

.roles-color-2 {
    background: none;
}

.roles-color-3 {
    border: 1px solid #dedede;
    background: #fff url("../img/patterns/pattern1.jpg") repeat scroll 0 0;
}

.final-link {
    text-align: center;
}

.img-roles-small {
    margin: 0 auto;
}

.box-head-roles { background:  #f2f2f2; padding: 15px 15px 15px 19px; border-radius: 10px;}

.box-head-roles div {overflow: hidden;}
.box-head-roles img {margin: 0 auto;}
.box-head-roles p {margin-bottom: 25px;}
.box-head-roles ul {margin-bottom: 25px; margin-top: -15px;}

.small-centered {margin-top: 40px;}

.roles-link, a.roles-link:hover, a.roles-link:focus {color: #ffffff; text-decoration: underline;}

.roles-text, a.roles-text:hover, a.roles-text:focus {color: #ffffff; text-decoration: none;}

@media only screen and (max-width: 425px) {
.roles-button {display: block; font-size: 15px; width: 100%; margin-top: 10px !important;}
}

@media only screen and (min-width: 425px) and (max-width: 500px) {
.roles-button {font-size:15px; display: block; text-align: center !important;
    width: 100%; margin-top: 10px !important;}
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
.roles-button {font-size:15px; display: block !important; text-align: center !important;
    margin-top: 10px !important; width: 100%;}
}

/* Tickets sidebar fix */

@media only screen and (min-width: 580px) and (max-width: 620px) {

    .table-tickets thead tr {width: 100% !important; position: relative; float: left;}
}

@media only screen and (min-width: 495px) and (max-width: 580px) {
	.table-tickets thead tr {width: 100% !important; position: relative; float: left;}
}

@media only screen and (min-width: 346px) and (max-width: 495px) {
	.table-tickets thead tr {width: 100% !important; position: relative; float: left;}
}

/* LUS offer */

.table-title .offer-LUS, .table-th .offer-LUS {
   -ms-transform: rotate(-2deg); /* IE 9 */
   -webkit-transform: rotate(-2deg); /* Safari 3-8 */
   transform: rotate(-2deg);
   font-size: 15px;
}

.offer-LUS p {
	font-style: italic;
	color: #3d6283;
	margin: 0px 0px 15px 0px !important;
	padding-top: 10px;
	text-transform: none;
	}

/*Main box LUS message*/

.main .offer-LUS p {
	font-size: 17px;
	text-transform: capitalize;
	color: #399bf2;
	}

/* Double banner for home */
.double-banner {min-height: 525px;}

/* Javadocx banner */

.javadocx-banner {background-color: #fff; padding: 20px; }
.javadocx-color {color: #ffb300;}
.javadocx-button {background-color: #ad1457; color: #fff !important; }
.javadocx-button:hover {background-color: #78002e; color: #fff !important; }

/* phpxlsx banner */

.phpxlsx-banner {background-color: #fff; padding: 20px; }
.phpxlsx-color {color: #3e9364;}
.phpxlsx-button {background-color: #167842; color: #fff !important; }
.phpxlsx-button:hover {background-color: #175935; color: #fff !important; }

/* phppptx banner */

.phppptx-banner {background-color: #fff; padding: 20px; }
.phppptx-color {color: #C060E0;}
.phppptx-button {background-color: #C060E0; color: #fff !important; }
.phppptx-button:hover {background-color: #aa4bc9; color: #fff !important; }


/* Responsive styles */

@media only screen and (min-width: 150px) and (max-width: 850px) {
    .countdown {display: none;}
}

@media only screen and (max-width: 675px) {
    .table-features > table > thead > tr > .table-title .discount-img-holder {width: 120%; left: -10px;}
}

@media only screen and (max-width: 850px) {
	#content-intro h1 {word-wrap: anywhere;}
	.method-license h2 {word-wrap: break-word;}
}

/* Beta section */

.beta-list {float: none;}

/* Download Trial last page */

.trial-grey-box { height: auto; position:relative; margin-right: 0px; padding:12px; background:#f2f2f2; border: 2px solid #fff;}

.trial-features-box {
  height: auto;
  position: relative;
  float: left;
  margin-right: 0px;
  margin-bottom: 10px;
  padding: 12px;
  background: #fafafa;
  border: 1px solid #b3b1b1;
  width: 100%;
  min-height:  255px;
}

.trial-features-box img { margin:  0 auto;}

/* Features bug fixed */

.table-features .responsive-fix {
	   display: none;
	}

@media screen and (max-width: 625px) {

	.table-features tbody td {
	   text-align:center;
	   display: revert !important;
	}

	.table-features tr td:first-child {
	   font-size:1.2em !important;
	}

	.table-features thead {
	   display: revert !important;
	}

	.table-features thead tr.responsive-hide, thead tr.offer-LUS {
	   display: none;
	}

	.table-features .responsive-fix {
	   display: table-cell;
	}

}

@media screen and (max-width: 375px) {
	.table-features .table-title {
		font-size: 9px !important;
	}

}