/* ssv , 1rem = 16px */

/* z-index */
.z-111 {
	z-index: 111;
}

/* end z-index */

/* width */
.w-1\/3 {
	width: 33.3333333%;
}

.w-1\/2 {
	width: 50%;
}

.w-2\/3 {
	width: 66.666667%;
}

.w-5\/12 {
	width: 41.666667%;
}

.w-7\/12 {
	width: 58.333333%;
}

.w-full {
	width: 100%;
}

/* end width*/

/* height */
.min-height-650px {
	min-height: 650px;
}

/* end height */

/* floats */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* end floats */

/* margin */
/* 4px */
.m-1 {
	margin: 0.25rem;
}

.mx-1 {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.ml-1 {
	margin-left: 0.25rem;
}

.mr-1 {
	margin-right: 0.25rem;
}

.my-1 {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.mt-1 {
	margin-top: 0.25rem;
}

.mb-1 {
	margin-bottom: 0.25rem;
}

/* end 4px */

/* 5px */
.mt-1\.25 {
	margin-top: 0.3125rem;
}

.mr-1\.25 {
	margin-right: 0.3125rem;
}

/* end 5px */

/* 6px */
.-mt-1\.5 {
	margin-top: -0.375rem;
}

/* end 6px */

/* 7px */
.mt-1\.75 {
	margin-top: 0.4375rem;
}

.ml-1\.75 {
	margin-left: 0.4375rem;
}

.mr-1\.75 {
	margin-right: 0.4375rem;
}

/* end 7px */

/* 8px */
.mt-2 {
	margin-top: 0.5rem;
}

.mb-2 {
	margin-bottom: 0.5rem;
}

.mr-2 {
	margin-right: 0.5rem;
}

/* end 8px */

/* 9px */
.ml-2\.25 {
	margin-left: 0.5625rem;
}

/* end 9px */

/* 10px */
.mt-2\.5 {
	margin-top: 0.625rem;
}

.ml-2\.5 {
	margin-left: 0.625rem;
}

/* end 10px */

/* 11 px */
.mr-2\.75 {
	margin-right: 0.6875rem;
}

/* end 11px */

/* 12px */
.ml-3 {
	margin-left: 0.75rem;
}

/* end 12px */

/* 13px */
.mt-3\.25 {
	margin-top: 0.8125rem;
}

/* end 13px */

/* 18px */
.ml-4\.5 {
	margin-left: 1.125rem;
}

/* end 18px */

/* 20px */
.ml-5 {
	margin-left: 1.25rem;
}

/* end 20px */

/* 40px */
.mt-10 {
	margin-top: 2.5rem;
}

/* end 40px */

/* end margin */

/* padding */
.pl-0 {
	padding-left: 0;
}

/* 5px */
.pl-1\.25-i {
	padding-left: 0.3125rem !important;
}

/* end 5px */

/* 40px */
.pb-10 {
	padding-bottom: 2.5rem;
}

/* end 40px */

/* end padding */

/* text */
.text-center {
	text-align: center;
}

.text-nowrap {
	text-wrap: nowrap;
}

/* end text */

/* font size */

/* 12px/16px */
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.text-xs-i {
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}

/* 13px */
.text-13px {
	font-size: 0.8125rem;
	line-height: 1.0125rem;
}

.text-13px-i {
	font-size: 0.8125rem !important;
}

/* 14px/22px */
.text-14px {
	font-size: 0.875rem;
	line-height: 1.375rem;
}

.text-14px-i {
	font-size: 0.875rem !important;
}

/* 15px */
.text-15px-i {
	font-size: 0.9375rem !important;
}

/* 16px/24px */
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

/* 20px/28px */
.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.text-xl-i {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
}

/* end font size*/

/* visibility */

.hidden {
	display: none;
}

/* end visibility */

/* end ssv */

h1.title1 {
	margin: 25px 0 0 0;
	line-height: 24px;
	font-size: 50px;
	color: black;
	font-weight: 100;
	font-family: 'HelveticaLight';
}

h2.title2 {
	line-height: 24px;
	font-size: 25px;
	color: black;
	font-weight: 100;
	font-family: 'Arial';
}

h3.title3 {
	line-height: 18px;
	font-size: 18px;
	color: black;
	font-weight: 100;
	font-family: 'Arial';
}

.hide {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.other_area_block.last {
	padding-bottom: 0;
}

.other_area_block.demo-menu {
	margin-top: 50px;
}

/* table-button */
.table-button {
	height: 46px;
	display: table;
	margin: 8px 5px 0 13px;
	position: relative;
	background-image: url(https://diptrace.com/img/table-button.png);
	background-position-x: -10px;
	background-position-y: 0;
	text-decoration: none;
}

.table-button:hover {
	background-position: -10px -50px;
}

.table-button:active {
	background-position: -10px -104px;
}

.table-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
	background: url(https://diptrace.com/img/table-button.png);
}

.table-button:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: url(https://diptrace.com/img/table-button.png) -290px 0;
}

.table-button:hover:before {
	background-position: 0px -50px;
}

.table-button:active:before {
	background-position: 0px -104px;
}

.table-button:hover:after {
	background-position: -290px -50px;
}

.table-button:active:after {
	background-position: -290px -104px;
}

.table-button span {
	padding: 0 7px 0 0;
	display: table-cell;
	text-align: center !important;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: middle;
}

.table-button i {
	display: block;
	margin: 0 7px 0 7px;
	float: left;
	height: 46px;
	width: 20px;
	background: url(https://diptrace.com/img/table-icons.png) 0px -3px;
}

.table-button i.green {
	background-position: -20px -3px;
}

.table-button i.download {
	background-position: -40px -3px;
}

.table-button.download span {
	padding-top: 15px;
}

/* end table-button */

/* ssv: table-button-big */
.table-button-big {
	height: 46px;
	display: table;
	margin: 8px 5px 0 13px;
	position: relative;
	background-image: url(https://diptrace.com/img/table-button-big.png);
	background-position-x: -10px;
	background-position-y: 0;
	text-decoration: none;
}

.table-button-big:hover {
	background-position: -10px -50px;
}

.table-button-big:active {
	background-position: -10px -104px;
}

.table-button-big:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
	background: url(https://diptrace.com/img/table-button-big.png);
}

.table-button-big:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: url(https://diptrace.com/img/table-button-big.png) -590px 0;
}

.table-button-big:hover:before {
	background-position: 0px -50px;
}

.table-button-big:active:before {
	background-position: 0px -104px;
}

.table-button-big:hover:after {
	background-position: -590px -50px;
}

.table-button-big:active:after {
	background-position: -590px -104px;
}

.table-button-big span {
	padding: 0 7px 0 0;
	display: table-cell;
	text-align: center !important;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: middle;
}

.table-button-big i {
	display: block;
	margin: 0 7px 0 7px;
	float: left;
	height: 46px;
	width: 20px;
	background: url(https://diptrace.com/img/table-icons.png) 0px -3px;
}

.table-button-big i.green {
	background-position: -20px -3px;
}

.table-button-big i.download {
	background-position: -40px -3px;
}

.table-button-big.download span {
	padding-top: 15px;
}

/* end table-button-big */

.form-button {
	padding-left: 10px;
	padding-right: 10px;
	height: 48px;
	display: inline-block;
	margin: 0 10px;
	position: relative;
	background: url(https://diptrace.com/img/form-button.png) -10px 0;
	text-decoration: none;
	text-align: center;
}

.form-button:hover {
	background-position: -10px -60px;
}

.form-button:active {
	background-position: -10px -120px;
}

.form-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
}

.form-button:before {
	background: url(https://diptrace.com/img/form-button.png);
}

.form-button:after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
}

.form-button:after {
	background: url(https://diptrace.com/img/form-button.png) -290px 0;
}

.form-button:hover:before {
	background-position: 0px -60px;
}

.form-button:active:before {
	background-position: 0px -120px
}

.form-button:hover:after {
	background-position: -290px -60px;
}

.form-button:active:after {
	background-position: -290px -120px
}

.form-button span {
	color: #fff;
	font-size: 15px;
	line-height: 44px;
	text-align: center;
	text-shadow: -1px -1px 3px rgba(0, 0, 0, .5);
	text-transform: uppercase;
	white-space: nowrap;
}

/*Temp*/
.b-content-area {
	background: none;
}

/*Grid*/
.span1,
.span2,
.span3,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10 {
	float: left;
}

.span1 {
	width: 177px;
	margin-right: 24px;
}

.span1.last {
	margin-right: 0;
}

.span1:last-of-type {
	margin-right: 0;
}

.span2 {
	width: 144px;
	margin-right: 24px;
}

.span2.last {
	margin-right: 0;
}

.span2:last-of-type {
	margin-right: 0;
}

.span3 {
	width: 228px;
	margin-right: 24px;
}

.span3.last {
	margin-right: 0;
}

.span3:last-of-type {
	margin-right: 0;
}

.span4 {
	width: 312px;
	margin-right: 24px;
}

.span4.last {
	margin-right: 0;
}

.span4:last-of-type {
	margin-right: 0;
}

.span6 {
	width: 480px;
	margin-right: 24px;
}

.span6.last {
	margin-right: 0;
}

.span6:last-of-type {
	margin-right: 0;
}



/*Typography*/
h1,
h1.block-title {
	margin-bottom: 10px;
	font-family: Arial, HelveticaLight;
	text-align: center;
	font-size: 49px;
	color: black;
	font-weight: 100;
}

h2.content-title {
	margin-bottom: 20px;
	font-family: HelveticaLight;
	font-size: 25px;
	color: black;
	font-weight: 100;
}

/*Layout*/
.hor-menu {
	height: 51px;
	margin: 0 0 20px 0;
	position: relative;
}

.hor-menu:before {
	content: "";
	height: 1px;
	width: 10000px;
	top: 20px;
	left: -4000px;
	position: absolute;
	background: #cbcbcb;
	z-index: -1;
}

.hor-menu .links-set {
	height: 100%;
	text-align: center;
	white-space: nowrap;
}

.hor-menu .links-set .link {
	display: inline-block;
	margin-right: 3px;
	padding: 0 20px 0 20px;
	border-radius: 22px;
	border: 1px solid #cbcbcb;
	background: white;
	position: relative;
	behavior: url(https://diptrace.com/css/PIE.htc);
}

.hor-menu .links-set .link a {
	line-height: 39px;
	font-size: 14px;
	color: #555555;
	text-decoration: none;
	display: block;
}

.hor-menu .links-set .link:hover a {
	text-decoration: underline;
	color: #000;
}

.hor-menu .links-set .link.active {
	border: 1px solid #27a35b;
	box-shadow: 0px 0px 0px 1px #27a35b inset;
	line-height: 39px;
	cursor: default;
	font-size: 14px;
	color: #555;
}

.hor-menu .links-set .link.active a {
	color: #000;
}

.hor-menu .links-set .link.active:hover a {
	color: #000;
	text-decoration: none;
}

.hor-menu .links-set .link.active:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 10px;
	left: 50%;
	margin-left: -7px;
	top: 37px;
}

.table {
	margin: 11px 0 0 0;
	position: relative;
}

.table:before {
	content: "";
	position: absolute;
	height: 5px;
	width: 100%;
	top: -5px;
	left: 0;
	background: url(https://diptrace.com/img/table.png) 0 0px;
}

.table.purple:before {
	background: url(https://diptrace.com/img/table-purple.png);
}

.table .t-header {
	height: 41px;
	background: url(https://diptrace.com/img/table.png) 0 -5px;
}

.table .t-header p {
	font-size: 11px;
	color: black;
	text-transform: uppercase;
}

.table .t-row {
	height: 61px;
	border-bottom: 1px solid white;
	background: url(https://diptrace.com/img/table.png) 0px -108px;
}

.table .t-row.first {
	background: url(https://diptrace.com/img/table.png) 0px -46px;
}

.table .t-row.even {
	background: url(https://diptrace.com/img/table.png) 0px bottom;
}

.table .th-col,
.table .t-col {
	float: left;
	height: 100%;
	border-right: 1px solid #e5e5e5;
	display: table;
}

.table .th-col p {
	padding: 10px 0 0 14px;
}

.table .t-col p {
	padding: 13px 0 0 14px;
	line-height: 1.2;
}

.table .t-col p.centered-h {
	padding: 0;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
}

.table .th-col.centered-v p,
.table .t-col.centered-v p {
	line-height: 61px;
	padding: 0 0 0 14px;
}

.table .th-col.centered-h p,
.table .t-col.centered-h p {}

.table .t-col a {
	color: #000;
	text-decoration: none;
}

.table .t-col a:hover {
	text-decoration: underline;
}

.table .t-col .table-button:hover,
.table .t-col .table-button-big:hover {
	text-decoration: none;
}

.table .order-input {
	width: 100%;
	text-align: center;
}

/*Pages*/
.demo {
	min-height: 70px;
	width: 435px;
}

.i1 .slider-area {
	height: 177px;
	background: url(https://diptrace.com/img/back2.jpg) center top no-repeat;
}

.i1 .slider-area {
	overflow: visible;
}

.i1 .slider-area .button.back {
	position: absolute;
	padding: 4px 12px 4px 12px;
	bottom: -43px;
	right: 0;
	display: block;
	border: 1px solid #398158;
	border-radius: 15px;
	color: #aaa9ab;
	text-decoration: none;
	cursor: pointer;
	behavior: url(https://diptrace.com/css/PIE.htc);
}

.i1 .slider-area .button.back span {
	color: #FFF;
	display: inline-block;
	position: relative;
	top: -1px;
	left: -2px;
}

.i1 .slider-area .button.back b {
	text-decoration: none;
	font-weight: 100;
}

.i1 .slider-area .button.back:hover span {
	text-decoration: none;
}

.i1 .slider-area .button.back:hover b {
	text-decoration: underline;
}

.i1 .slider-area .header-paginator {
	float: left;
	padding: 20px 0 0;
}

.i1 .slider-area .header-paginator .link {
	text-decoration: none;
	color: #928f94;
	font-size: 12px;
}

.i1 .slider-area .header-paginator .link:hover {
	text-decoration: underline;
}

.i1 .slider-area .header-paginator .link:first-of-type:after {
	content: "";
	padding: 0 20px 0 20px;
	background: url(https://diptrace.com/img/sprite-2.png) 17px -589px;
}

.i1 .slider-area .header-paginator .link.first:after {
	content: "";
	padding: 0 20px 0 20px;
	background: url(https://diptrace.com/img/sprite-2.png) 17px -589px;
}

.i1 .slider-area .header-paginator .link.current {
	color: white;
	cursor: default;
}

.i1 .slider-area .header-paginator .link.current:hover {
	text-decoration: none;
}

.i1 .arrow_div {
	height: 29px;
	margin-bottom: 0px;
}

.i1 .arrow_div img {
	margin-top: -25px;
}

.i3 .arrow_div img {
	margin-top: -30px;
}

.i1 .contact-info {
	margin: 0 0 70px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

.i1 .contact-unit,
.csc-frame-frame3 {
	margin: 0 0 0px 0;
	padding: 0 0 3px 0;
	line-height: 1;
	font-size: 15px;
}

.span3 .csc-textpic-intext-left-nowrap {
	margin-bottom: 20px;
}

.indent .csc-frame-frame3 {
	padding-left: 50px;
}

.i1 .contact-unit.phones {
	background-position: 0px -100px;
}

.i1 .contact-unit .title,
.csc-frame-frame3>span {
	padding: 6px 0 0px 0px;
	display: block;
	font-size: 13px;
	line-height: 1;
}

.i1 .contact-unit .text,
.csc-frame-frame3 .mail {
	display: block;
	padding: 0px 0 0 0px;
	font-size: 15px;
	color: black;
}

.i1 .contact-unit .text a,
.csc-frame-frame3 .mail {
	color: black;
	text-decoration: none;
}

.i1 .contact-unit .text a:hover,
.csc-frame-frame3 .mail:hover {
	text-decoration: underline;
}

.i1 .tutorial .description {
	padding: 0 0 19px 50px;
	font-size: 12px;
	line-height: 14px;
	color: #3a3a3a;
	background: url(https://diptrace.com/img/sprite-2.png) 0px -260px;
}

.i1 .tutorial .text {
	font-size: 14px;
	line-height: 24px;
	color: #5a5d64;
}

.i1 .tutorial .text span {
	color: black;
}

.i1 .tutorial .links {
	padding: 25px 0 0 0;
	margin: 0 0 55px 0;
}

.i1 .tutorial .links .link {
	display: inline-block;
	color: black;
	text-decoration: none;
	padding: 4px 30px 4px 10px;
	margin: 0 20px 5px 0;
	border: 1px solid #bfe7cf;
	border-radius: 15px;
	behavior: url(https://diptrace.com/css/PIE.htc);
	position: relative;
}

.i1 .tutorial .links .link:after {
	content: '\2192';
	color: grey;
	position: absolute;
	top: 3px;
	right: 10px;
}

.i1 .tutorial .links .link:hover {
	color: white;
	background: #2ab060;
}

.i1 .tutorial .links .link:hover:after {
	color: white;
}

/*
.form {position: relative;height: 530px;background: url(/img/form.png);}
.form .form-title {margin: 0 0 25px 0;font-size: 25px; color: #c4bdc9; text-align: center;font-weight: 100;padding: 37px 0 0 0;}
*/
.form {
	position: relative;
	padding: 7px;
	background: url(https://diptrace.com/img/form_bg.png) repeat left top;
	margin: 0 auto;
	/*width:480px;*/
}

form#order {
	width: 480px;
	margin: 0 auto;
}

#order-form {
	width: 490px;
	margin: 0 auto;
}

.form_inner {
	background: #f5f5f5;
}

.thanks-form .form_inner {
	padding: 25px 11px;
}

.thanks-form .form-button {
	bottom: -55px !important;
}

.form .form-title {
	margin: 0 0 25px 0;
	font-size: 25px;
	color: #c4bdc9;
	text-align: center;
	font-weight: 100;
	padding: 37px 0 0 0;
}

.form .form-field {
	margin: 0 20px;
}

.order-header {
	width: 427px;
	margin: 0 auto 10px;
	padding-bottom: 5px;
}

.input {
	padding: 11px 0 0 0;
	height: 38px;
	width: 427px;
	margin: 0 auto 10px;
	border: 1px solid #e6e6e6;
	background: white;
	position: relative;
	box-shadow: 3px 3px 13px -3px rgba(0, 0, 0, 0.1) inset;
}

.input:before {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 10px;
	content: "";
	background-image: url(https://diptrace.com/img/sprite-2.png);
}

.input.active {
	border-color: #a7dcbd;
}

.input.error {
	border-color: #eeb4b4;
}

.input input,
.input textarea {
	display: block;
	padding: 10px 35px 10px 12px;
	width: 100%;
	outline: none;
	border: none;
	background: transparent;
	font-family: Arial;
}

.input textarea {
	height: 100%;
	resize: none;
}

.input.name:before {
	background-position: 0px -175px;
}

.input.email:before {
	background-position: 0px -190px;
}

.input.phone:before {
	background-position: 0px -205px;
}

.input.subject:before {
	background-position: 0px -220px;
}

.input.active.name:before {
	background-position: 0px -375px;
}

.input.active.email:before {
	background-position: 0px -390px;
}

.input.active.phone:before {
	background-position: 0px -405px;
}

.input.active.subject:before {
	background-position: 0px -420px;
}

.input.error.name:before {
	background-position: 0px -475px;
}

.input.error.email:before {
	background-position: 0px -490px;
}

.input.error.phone:before {
	background-position: 0px -505px;
}

.input.error.subject:before {
	background-position: 0px -520px;
}

.input.question {
	height: 188px;
}

.input.question:before {
	background-position: 0px -235px;
}

/*.form .form-button {margin: 0 auto;display: block;position: relative;top: 30px;}*/

.error {
	padding: 5px 12px;
	width: 427px;
	margin: 0 auto 10px;
	border: 1px #a00 dashed;
	background: #faf4f4;
	color: #a00;
}

.input {
	padding: 0 0 0 0;
	height: 38px;
	width: 427px;
	margin: 0 auto 10px;
	border: 1px solid #e6e6e6;
	background: #FFF;
	position: relative;
	box-shadow: 3px 3px 13px -3px rgba(0, 0, 0, 0.1) inset;
}

.input:before {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 10px;
	content: "";
	background-image: url(https://diptrace.com/img/sprite-2.png);
}

.support-container,
.support-inner,
#support-form {
	float: left;
}

.support-container {
	margin-bottom: 30px;
}

/*.support-inner{padding-bottom:47px;}*/
.fileupload {
	float: left;
	padding: 0 0 0 0;
	/*height: 80px;*/
	width: 427px;
	margin: 0 20px 10px;
	/*border: 1px solid #e6e6e6;
    background: #FFF;*/
	position: relative;
	/*box-shadow: 3px 3px 13px -3px rgba(0,0,0,0.1) inset;*/
}

#support-form .form-button {
	width: 180px;
	height: 48px;
	margin: 0 143px;
	position: relative;
	background: url(https://diptrace.com/img/form-button.png) -10px 0;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	bottom: -30px;
}

#support-form .form-button:hover {
	background-position: -10px -60px;
}

#support-form .form-button:active {
	background-position: -10px -120px
}

.fileupload .input:before {
	background-image: none;
}

.fileupload .support-files-submit {
	float: right;
	width: auto;
	position: absolute;
	top: 7px;
	right: 7px;
	padding: 3px 10px;
	background: gray;
	color: #fff;
}

.fileupload-info span {
	margin-right: 10px;
}

.uploaded-list {
	float: left;
	width: 100%;
}

.uploaded-list ol {
	margin-bottom: 10px;
}

.uploaded-list li {
	list-style-position: inside;
}

.input #fileupload {
	padding: 7px 80px 7px 12px;
	position: relative;
	z-index: 2;
	float: left;
	left: 0;
	top: 0px;
	width: 80%;
}

.type-text {
	float: left;
	width: 100%;
}

.input.active {
	border-color: #a7dcbd;
}

.input.error {
	border-color: #eeb4b4;
}

.input input,
.input textarea {
	display: block;
	padding: 10px 35px 10px 12px;
	width: 100%;
	outline: none;
	border: none;
	background: transparent;
	font-family: Arial;
}

.input textarea {
	height: 100%;
	resize: none;
}

.input.name:before {
	background-position: 0px -175px;
}

.input.email:before {
	background-position: 0px -190px;
}

.input.phone:before {
	background-position: 0px -205px;
}

.input.subject:before {
	background-position: 0px -220px;
}

.input.active.name:before {
	background-position: 0px -375px;
}

.input.active.email:before {
	background-position: 0px -390px;
}

.input.active.phone:before {
	background-position: 0px -405px;
}

.input.active.subject:before {
	background-position: 0px -420px;
}

.input.error.name:before {
	background-position: 0px -475px;
}

.input.error.email:before {
	background-position: 0px -490px;
}

.input.error.phone:before {
	background-position: 0px -505px;
}

.input.error.subject:before {
	background-position: 0px -520px;
}

.input.question {
	height: 188px;
}

.input.question:before {
	background-position: 0px -235px;
}

.form .form-button {
	margin: 0 auto;
	display: block;
	position: relative;
	bottom: -30px;
	border: 0 none;
	color: white;
	font-size: 15px;
	line-height: 44px;
	text-align: center;
	text-shadow: -1px -1px 3px rgba(0, 0, 0, .5);
	text-transform: uppercase;
	z-index: 1;
}


.trace-modules {
	padding: 70px 0 115px 0;
	position: relative;
}

.trace-modules a img {
	margin-bottom: 20px;
}

.trace-modules h3 a {
	color: black;
	text-decoration: none;
}

.trace-modules h3 a:hover {
	text-decoration: underline;
}

.trace-features {
	margin: 0 0 0 0;
	color: black;
	font-size: 25px;
	line-height: 25px;
}

.learn-more-trace {
	margin: 21px 0 47px 0;
	color: black;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
}

.features-set {
	padding: 15px 0 22px 0;
}

.features-set .feature {
	padding: 12px 5px 11px 26px;
	font-size: 14px;
	color: #5a5d64;
	line-height: 16px;
	border-bottom: 1px solid #dddddd;
	background: url(https://diptrace.com/img/sprite-2.png) 3px -293px no-repeat;
}

.features-set .feature.last {
	border: 0;
}

.features-teasers {
	margin: 0 0 20px 0;
}

.row.shadow {
	margin: -55px 0 0 0;
	background: #f8f8f8;
	background: #f5f5f5 url("https://diptrace.com/img/trace-modules-bg.png") no-repeat center 485px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset;
}

.hor-menu .links-set .link.active:before {
	background: url(https://diptrace.com/img/menu-corner.png);
}

.i3 .hor-menu .links-set .link {
	padding: 0 23px 0 21px;
}

.i3 .sub-header {
	margin: 0 0 25px 0;
	text-align: center;
}

.i3 .sub-text {
	padding: 0 175px;
	text-align: center;
}

.i3 .t-row .button {
	display: block;
	height: 50px;
	width: 138px;
	background: url(https://diptrace.com/img/download.png) no-repeat 0px 0px;
}

.i3 .t-row .button:hover {
	background-position: 0px -50px;
}

.i3 .t-row .button:active {
	background-position: 0px -100px;
}

.i3 .libraries .th-col.lib {
	width: 21.5%;
}

.i3 .libraries .th-col.info {
	width: 52%;
}

.i3 .libraries .th-col.size {
	width: 11%;
	text-align: center;
	padding: 0px 0 0 0;
}

.i3 .libraries .th-col.size p {
	padding-left: 0;
}

.i3 .libraries .th-col.download {
	width: 15.5%;
}

.i3 .libraries .t-col.lib {
	width: 21.5%;
}

.i3 .libraries .t-col.info {
	width: 52%;
}

.i3 .libraries .t-col.size {
	width: 11%;
}

.i3 .libraries .t-col.download {
	width: 15.5%;
}

.i3 .libraries .t-col.lib p {
	line-height: 19px;
}

.i3 .libraries .t-col.lib p a {
	color: #000;
	text-decoration: none;
}

.i3 .libraries .t-col.lib p a:hover {
	text-decoration: underline;
}

.i3 .libraries .t-col.lib p span {
	color: #2c9858;
	font-size: 13px;
	margin-top: 1px;
}

.i3 .libraries .t-col.info p {
	font-size: 13px;
	color: #7f7f7f;
	padding: 20px 0 0 19px;
}

.i3 .libraries .t-col.size p {
	padding: 20px 0 0 19px;
	color: #888888;
	font-size: 12px;
}

.i3 .libraries .t-col.download p {
	padding: 9px 0 0 8px;
}

.i3 .libraries .lib-name {
	color: black;
	font-size: 16px;
}

.i3 .row.after-table {
	margin: 0 0 17px 0;
}

.i3 .row.after-table .pull-left {
	float: left;
	color: #5a5d64;
	font-size: 12px;
	padding: 6px 0 0 20px;
}

.i3 .row.after-table .pull-right p {
	float: right;
	width: 228px;
	padding: 4px 0 0 0;
	line-height: 16px;
	font-size: 14px;
	color: #343434;
}

.i3 .row.after-table .pull-right p span {
	border-bottom: 1px dashed #343434;
}

.i3 .row.after-table .pull-centered {
	margin: 0 auto;
}

.i3 .row.after-table.offset {
	margin-bottom: 50px;
}

.install-button {
	padding: 6px 0 0 15px;
	width: 228px;
	height: 45px;
	background: url(https://diptrace.com/img/howto.png);
	display: block;
	text-decoration: none;
	text-align: center;
}

.install-button:hover,
.install-button.active {
	background-position: 0px -60px;
}

.install-button span {
	color: #a3a3a3;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin: 3px 0 0 0;
}

.install-button:hover span,
.install-button.active span {
	color: white;
}

.i4 .hor-menu {
	margin: 0;
}

.i4 .order-table {
	margin-bottom: 4px;
}

.i4 .order-table .th-col.edition {
	width: 21.5%;
}

.i4 .order-table .th-col.pins {
	width: 39%;
}

.i4 .order-table .th-col.price {
	width: 11%;
	text-align: center;
}

.i4 .order-table .th-col.option {
	width: 28.5%;
}

.i4 .order-table .t-col.edition {
	width: 21.5%;
}

.i4 .order-table .t-col.pins {
	width: 39%;
}

.i4 .order-table .t-col.price {
	width: 11%;
}

.i4 .order-table .t-col.option {
	width: 28.5%;
}

.i4 .order-table .th-col.price p {
	padding-left: 0;
}

.i4 .order-table .t-col.edition p,
.table .t-col h3,
.table .t-col h4 {
	font-size: 16px;
	color: black;
	padding: 0px 0 0 15px;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
}

.table .t-col h4 {
	font-size: 13px;
	padding-top: 0px;
	font-weight: normal;
}

.table .t-col .subtitle {
	color: #2c9858;
	font-size: 13px;
	margin-top: 1px;
}

.i4 .order-table .t-col.edition p a {
	color: #000;
	text-decoration: none;
}

.i4 .order-table .t-col.edition p a:hover {
	text-decoration: underline;
}

.i4 .order-table .t-col.pins p {
	padding: 18px 0 0 20px;
	font-size: 13px;
	color: #7f7f7f;
}

.i4 .order-table .t-col.price p {
	font-size: 20px;
	padding: 18px 0 0 29px;
}

.i4 .order-table .t-col.option p {}

.i4 .upgrade-table .th-col.edition {
	width: 21.5%;
}

.i4 .upgrade-table .th-col.pins {
	width: 51%;
}

.i4 .upgrade-table .th-col.price {
	width: 11%;
	text-align: center;
	padding: 0px 0 0 0;
}

.i4 .upgrade-table .th-col.price p {
	padding-left: 0;
}

.i4 .upgrade-table .th-col.option {
	width: 16.5%;
}

.i4 .upgrade-table .t-col.edition {
	width: 21.5%;
}

.i4 .upgrade-table .t-col.pins {
	width: 51%;
}

.i4 .upgrade-table .t-col.price {
	width: 11%;
}

.i4 .upgrade-table .t-col.option {
	width: 16.5%;
}

.i4 .upgrade-table .t-col.edition p {
	font-size: 16px;
	color: black;
	padding: 18px 0 0 15px;
}

.i4 .upgrade-table .t-col.edition p a {
	color: black;
	text-decoration: none;
}

.i4 .upgrade-table .t-col.edition p a:hover {
	text-decoration: underline;
}

.i4 .upgrade-table .t-col.pins p {
	padding: 18px 0 0 20px;
	font-size: 13px;
	color: #7f7f7f;
}

.i4 .upgrade-table .t-col.price p {
	font-size: 20px;
	padding: 18px 0 0 29px;
}

.i4 .upgrade-table .t-col.option p {}

.i4 .upgrade-table {
	margin-bottom: 7px;
}

.box {
	width: 144px;
	margin: 0 24px 0 0;
	float: left;
}

.box.last {
	margin: 0;
}

.box p {
	margin: 0 0 17px 0;
	padding: 0 0 0 20px;
	background: url(https://diptrace.com/img/sprite-2.png) -50px -370px;
	font-size: 14px;
	line-height: 18px;
}

.table-descr {
	padding: 0 0 23px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	color: #999;
}

.table-descr p {
	padding: 0 0 0 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	color: #999;
}

.table-descr.align-left p {
	padding: 0 0 23px 0;
	text-align: left;
}

.table-descr.bordered {
	border-bottom: 1px solid #e4e4e4;
}

.table-descr i {
	position: relative;
}

.table-descr span {
	position: absolute;
	left: -20px;
	top: 5px;
	color: #2ab060;
	font-size: 30px;
	line-height: 16px;
}

.table-opts {
	margin: 0 0 10px 0;
}

.span4.opt {
	padding: 0 0 0px 30px;
	color: #5a5d64;
	line-height: 16px;
	background: url(https://diptrace.com/img/sprite-2.png) 0 -305px;
}

.opts-headers {}

.row h3.opts-header {
	font-size: 25px;
	line-height: 25px;
	text-align: center;
}

.opts-sub-header {
	padding: 0 0 50px 0;
	text-align: center;
	background: url(https://diptrace.com/img/opt-header.png) 0px 45px no-repeat;
}

.table.purple {
	margin-top: 18px;
}

.lib-box {
	position: relative;
	top: -40px;
	background: #f5f5f5;
	z-index: 0;
}

.lib-box:before {
	content: "";
	position: absolute;
	top: 0;
	width: 10000px;
	height: 100%;
	background: #f5f5f5;
	left: -3000px;
}

.lib-box .lib {
	position: relative;
	padding: 30px 0 0;
	overflow: hidden;
}

.lib-box .lib .title {
	text-align: center;
	padding: 0 0 20px 0;
}

.lib-box .lib .number,
.bodytext .number {
	display: block;
	margin: 0 0 4px 0;
	color: #2ab060;
	font-size: 50px;
	font-weight: bold;
	position: relative;
	height: 61px;
	line-height: 61px;
	/*background: url(/img/sprite-2.png) 0px -678px;*/
}

.lib-box .lib .number:after {
	content: "";
	width: 35px;
	height: 10px;
	position: absolute;
	background: url(https://diptrace.com/img/sprite-2.png) 0px -678px;
	top: 22px;
	right: 0px;
}

.row .last .number:after {
	content: "";
	background: none;
}

.lib-box .lib .number.last:after {
	content: "";
	background: none;
}

.lib-box .lib .descr p {
	padding: 0;
	background: none;
	margin: 0;
}

.lib-box .lib-close {
	width: 100px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: white;
	padding: 4px 15px 0;
	border-radius: 25px 25px 0 0;
	color: black;
	margin: 0 0 0 -50px;
	text-align: center;
	cursor: pointer;
}

.lib-box-wrap {
	height: 0;
	position: relative;
	overflow: hidden;
}

.lib-box-shadow.left {
	position: absolute;
	width: 3000px;
	top: 0;
	bottom: 0;
	left: -1800px;
	background: #f5f5f5;
	box-shadow: inset -35px 0 12px 0px rgba(0, 0, 0, .13);
}

.lib-box-shadow.right {
	position: absolute;
	width: 3000px;
	top: 0;
	bottom: 0;
	right: -1800px;
	background: #f5f5f5;
	box-shadow: inset -35px 0 12px 0px rgba(0, 0, 0, .13);
}

/*body {font-family: Arial;    margin: 0;}
h2 {font: 25px/25px Arial;    font-weight: 100;    margin: 29px 0 16px 0;}
h3 {font: 18px/18px Arial;    font-weight: 100;    margin: 0px 0 17px 0;}
p {font: 14px/24px Arial;    color: #5a5d64;    margin: 0;}*/
div.wrapper {
	width: 985px;
	margin: 0 auto;
}

.inner_wrapper {
	margin: 0 0 84px 0;
}

.first-section {
	background: url("https://diptrace.com/img/back_first.png") no-repeat -50px bottom;
}

.second-section {
	padding: 0px 0 27px 0;
	background: #f5f5f5 url("https://diptrace.com/img/back_second.png") no-repeat center bottom;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)inset;
}

.third-section {
	padding: 0px 0 0 0;
	position: relative;
}

h2.center {
	width: 312px;
	margin: 0 auto 56px auto;
	text-align: center;
}

.col {
	margin: 0 24px 0 0;
	float: left;
}

.col.last {
	margin: 0;
}

.first-section .col {
	width: 480px;
}

.second-section .col {
	width: 228px;
}

.third-section .col {
	width: 312px;
}

.second-section .col img {
	margin: 0 0 24px 0;
}

body {
	font-family: Arial;
	margin: 0;
}

h2,
h3 {
	color: #000;
}

h2 {
	font: 25px/25px Arial;
	font-weight: 100;
	margin: 0px 0 16px 0;
}

h3 {
	font: 18px/18px Arial;
	font-weight: 100;
	margin: 0px 0 17px 0;
}

p {
	font: 14px/24px Arial;
	color: #5a5d64;
	margin: 0;
}

div.wrapper {
	width: 985px;
	margin: 0 auto;
}

.inner_wrapper {
	margin: 0 0 96px 0;
	overflow: hidden;
}

.first-section {
	background: url("https://diptrace.com/img/back_first.png") no-repeat center bottom;
}

.second-section {
	padding: 0px 0 27px 0;
	background: #f5f5f5 url("https://diptrace.com/img/back_second.png") no-repeat center bottom;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)inset;
	position: relative;
}

.third-section {
	padding: 0px 0 0 0;
}

.third-section .arrow_div,
.second-section .arrow_div {
	margin-bottom: 29px;
}

h2.center {
	width: 312px;
	margin: 0 auto 56px auto;
	text-align: center;
}

.col {
	margin: 0 24px 0 0;
	float: left;
}

.col.last {
	margin: 0;
}

.first-section .col {
	width: 480px;
}

.second-section .col {
	width: 228px;
}

.third-section .col {
	width: 312px;
}

.second-section .col img {
	margin: 0 0 24px 0;
}

.bottom-header {
	margin-top: 10px;
}

.rounded-shadow-top {
	position: absolute;
	width: 100px;
	height: 50px;
	left: 50%;
	top: 0;
	margin-left: -50px;
	overflow: hidden;
}

.rounded-shadow-top:before {
	content: "";
	display: block;
	position: absolute;
	top: -29px;
	left: 50%;
	width: 56px;
	height: 58px;
	margin-left: -28px;
	border-radius: 30px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
}

.lib .arrow_div .rounded-shadow-top {
	display: none;
}

.rounded-shadow-bottom {
	position: absolute;
	width: 100px;
	height: 50px;
	left: 50%;
	bottom: 29px;
	margin-left: -50px;
	overflow: hidden;
	z-index: 2;
}

.rounded-shadow-bottom:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -33px;
	left: 50%;
	width: 56px;
	height: 58px;
	margin-left: -28px;
	border-radius: 30px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
}

/* Add My Style */
.table .t-col p.price {
	font-size: 20px;
	padding: 18px 0 0 29px;
	color: #5a5d64;
}

.table .t-col p.bodytext {
	/*padding: 18px 0 0 20px;*/
	padding: 0 19px 0 19px;
	font-size: 13px;
	color: #7f7f7f;
	display: table-cell;
	vertical-align: middle;
}

.table .buttons-container p.bodytext {
	float: left;
	padding: 0 2px 0 0;
}

.basic {
	position: relative;
	width: 55%;
	background: #f1f1f1;
	border-width: 1px;
	border-radius: 10px;
	border-color: #2ab060;
	border-style: solid;
	padding-left: 10px;
	margin-bottom: 10px;
}

.relative1 {
	position: relative;
	color: #2ab060;
	font-size: 50px;
	font-weight: bold;
}

.relative2 {
	position: absolute;
	top: 12px;
	left: 65px;
	color: black;
	font-size: 14px;
	font-weight: normal;
}

.relative3 {
	position: absolute;
	top: 37px;
	left: 65px;
	color: gray;
	font-size: 12px;
	font-weight: normal;
	width: 85%;
}

/* services */

.btn_oc {
	border: 3px solid #bfe7cf;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 40px;
	z-index: 1;
}

.btn_oc:hover span {
	color: #f2f2f2;
}

.btn_oc:hover {
	border: 3px solid #2ab060;
	color: #fff;
}

.input.btn_oc:before {
	background-image: none;
}

.plus,
.minus {
	display: inline-block;
}

.btn_oc_plus {
	background: url(https://diptrace.com/img/ico_plus16.png) center center no-repeat;
}

.btn_oc_minus {
	background: url(https://diptrace.com/img/ico_minus16.png) center center no-repeat;
}

.input.question {
	height: 80px;
}

.totalinf1 {
	width: 100%;
	text-align: center;
}

.partno {
	margin-left: 21px;
	margin-top: 20px;
	text-align: left;
	margin-right: 21px;
	display: inline-block;
}

.inline1 {
	display: table;
	width: 90%;
}

.input.question:before {
	background-image: url(https://diptrace.com/img/sprite_comp.png);
	background-position: 0px;
}

/* ua order */
.order-wrapper {
	margin: 0 auto;
	width: 490px;
}