/*
 Table Of Contents

 1.) Homepage
 2.) Registration 
 3.) Pricing 
 4.) how we work
 5.) Why us
 6.) help
 7.) Contact us
 ===============================================*/

/*
 1.) Homepage
 ----------------------------------------*/
.wrap-slider{
	padding: 64px 0px 20px;
	background: #084d75;
        position: relative;
}
.slider , .wrap-slider{overflow: hidden;}
.slider h2 {
	color: #fff;
	font-size: 3.7em;
	letter-spacing: -2.9px;
	line-height: 168%;
	margin-bottom: 4px;
}
.slider h4{margin-bottom:4px;}
.slider-image{
	float: right;
	width: 56%;
}
.slider-detail {
	float: left;
	width: 38%;
}
.slider2 .slider-detail{width: 40%;}
.slider2 .slider-image{	width: 58%;}
.slider3 .slider-detail{width: 50%;}
.slider3 .help{width: 30%;}
.slider2 h2{font-size: 33px;white-space: nowrap;}
.slider2 h4{font-size: 20px;}
.slider2 .slider-detail p{font-size: 14px;padding: 7px 0;}
.slider3 .slider-detail li{
	font-size: 1.6em;
	color:#fff;
	list-style:disc;
	font-weight: 300;
	margin: 15px 0px 0px 15px;
}
.help{
	background: #f0efef;
	width: 25%;
	float: right;
	padding:20px 35px 35px;
	border-radius:5px; 
}
.help h2{font-size: 3.0em;text-transform: uppercase;letter-spacing: -2px;color:#323345;}

.help input[type="submit"]{text-transform: none;width: 100%;}
.flex-direction-nav{display: none;}
.flex-control-paging{text-align: center;margin: 5px 0px;position: absolute;width: 100%;top:17px;left:0px;}
.flex-control-paging li{display: inline-block;}
.flex-control-paging li a{height: 10px ;width: 10px;background: #e4e4e4;border-radius:50%;font-size: 0px;display: block;cursor: pointer;margin: 0px 7px; }
.flex-control-paging li a.flex-active{background: #000;}
.help input[type="text"]{background: #ffffff;font-size: 1.4em;width: 100%;color: #323345;padding: 10px; box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
border-radius:3px;margin-top: 10px; 
}
.slider-detail p{color: #fff;font-size: 1.6em;line-height: 125%;padding:7px 0px 15px;}
.slider-detail > a{
	font-size: 1.5em;
	color:#f4f5f8;
	font-weight: 300;
	text-decoration: underline;
	display: inline-block;
	margin: 18px 0px 0px;
}
.slider-detail > a.start{
	text-align: center;
	padding: 5px 55px 15px;
	text-decoration: none;
}
.slider-detail > a.start strong{
	font-size: 28px;
	color: #fff;
	display: block;
	color: #fff;
	line-height: 130%;
}
.slider-detail > a.start span{
	font-size: 15px;
	color: #ffacac;
	display: block;
	color: #fff;
	text-decoration: underline;
	font-weight: 300;
}


.dd {width: 100% !important; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 24%, #d8d8d8 76%, #d0d0d0 98%, #cdcdcd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(24%,#f6f6f6), color-stop(76%,#d8d8d8), color-stop(98%,#d0d0d0), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
position: relative;
font-size: 14px;padding: 10px;cursor: pointer;
-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box;
border-radius:3px;
border-width:1px 1px 0px 1px;
border-style:solid;
border-color:#cdcdcd;
margin-top: 9px;  
margin-bottom: 28px;
}
.dd:after{display: inline-block;content: " ";position: absolute;top:17px;right: 10px;
border-left:4px solid transparent;border-top:4px solid #000;border-bottom:0px;border-right:4px solid transparent;}
.ddChild  {top:35px  !important;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 24%, #d8d8d8 76%, #d0d0d0 98%, #cdcdcd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(24%,#f6f6f6), color-stop(76%,#d8d8d8), color-stop(98%,#d0d0d0), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 24%,#d8d8d8 76%,#d0d0d0 98%,#cdcdcd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
width: 100%;
left: 0px;


border:1px solid #cdcdcd;
border-radius:0px 5px 5px 0px;
}
.ddChild  ul{list-style: none;padding:5px 10px;-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box;}
.ddChild  ul li{line-height: 2;border-top:1px solid #cdcdcd;-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box;}
.ddChild  ul li:first-child{border: 0px;}

.customer-love{text-align: center;margin-top: 47px;}
.customer-love p{padding-top: 14px;}
.customer-love ul{margin-top: 75px;margin-left: -14px;}
.customer-love li{  box-sizing: border-box;
    float: left;
    min-height: 325px;
    padding-bottom: 67px;
    padding-left: 14px;
    position: relative;
    width: 25%;}
.customer-love h5{margin: 50px 0 0 ;letter-spacing: -1px;}
.customer-love li > a{color: #e4e4e4;font-size: 1.6em;text-transform: capitalize;background: #b3b3b3;padding: 5px 12px;border-radius:5px;
display: inline-block;padding: 8px 19px;position: absolute;bottom: 0px;margin-left: -32px;left: 50%;
 }
 .customer-love li > a:hover{background: #084d75;}
 .customer-love li P{
 	line-height: 132%;
 }
.customer-love li span{
	height: 71px;
	width: 91px;
	background: #e4e3e3;
	display: inline-block;
	position: relative;
	border-radius:5px; 
}
.customer-love li span:after{
	position: absolute;
	bottom: -10px;
	left:50%;
	border-top:10px solid #e4e3e3;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:0px;
	display: inline-block;
	content: " ";
	margin-left: -9px;
}
.customer-love li span i{
	height: 40px;
	width: 40px;
	display: inline-block;
	margin-top: 12px;
}
.icon-collaboration{background-position:8px -129px;}
.icon-integrate{background-position:-37px -129px;}
.icon-inventory{background-position:-76px -129px;}
.icon-impressive{background-position:-113px -129px;}
.icon-business{background-position:-148px -129px;}
.icon-increase{background-position:-196px -129px;}
.icon-knowlage{background-position:9px  -400px;}
.icon-common{background-position:-38px  -400px;}
.icon-contact{background-position:-78px  -400px;}
.customer-love li:hover .icon-collaboration{background-position:8px -170px;}
.customer-love li:hover .icon-integrate{background-position:-37px -170px;}
.customer-love li:hover .icon-inventory{background-position:-76px -170px;}
.customer-love li:hover .icon-impressive{background-position:-113px -170px;}
.customer-love li:hover .icon-business{background-position:-148px -170px;}
.customer-love li:hover .icon-increase{background-position:-196px -170px;}
.customer-love li:hover .icon-knowlage{background-position:9px  -440px;}
.customer-love li:hover .icon-common{background-position:-38px  -440px;}
.customer-love li:hover .icon-contact{background-position:-78px  -440px;}
.customer-love li:hover span{background: #c11010;}
.customer-love li:hover span:after{border-top:10px solid #c11010;}
.supply-chain .help h2{letter-spacing: 0px;text-transform: capitalize;font-size: 34px;}
.supply-chain .help{float: left;}
.supply-chain h2{text-align: center;}
.supply-chain > h2{margin-bottom: 80px;}
.supply-chain{margin-top: 90px;}
.supply-chain .diagram{
	float: right;
	width: 66%;
}
.benefit{text-align: center;margin-top: 75px;}
.benefit > h2{
	margin-bottom: 55px;
}
.buyers{width: 49%;float: left;}
.supplier{float: right;}
.buyers span{font-size: 1.8em;color:#000;display: inline-block;position: relative; }
.buyers h3{background: #c11010;border-radius:5px 5px 0px 0px; }
.supplier h3{background: #084d75;}
.buyers > div{padding: 22px 39px;min-height: 124px;background: #f0efef;border: 1px solid #f0efef;}
.buyers > div.working{background: #fff;}
.buyers p{font-size: 1.3em;color:#494343;margin: 13px 0px;}
.buyers .start {
    font-size: 17px;
    margin: 28px 0 0;
    min-width: 136px;
}
.supplier .start {
    background: #084d75;
}
.buyers span:before{
	height: 30px;
	width: 30px;
	content: " ";
	display: inline-block;
	background-image: url(../images/sprite.png);
	background-position: 0 -220px;
	background-repeat: no-repeat;
	left:-35px;
	position: absolute;
}
.buyers span.work:before{background-position: -40px -220px;top:-7px;}
.buyers span.keep:before{background-position: -80px -220px;}
.buyers span.excel:before{background-position: -120px -220px;}
.buyers span.doubt:before{background-position: -160px -220px;}
.buyers span.mention:before{background-position: -200px -220px;}
.started{margin-top:20px;text-align: center;}
.started > div{
	
	background: #f2f2f2;
	padding-top: 24px;
	padding-bottom: 27px;
	position: relative;
}
.started  h1{margin-bottom: 10px;}
.started > div span{	font-size: 1.6em;}
.started > div:after{
	display: inline-block;
	content: " ";
	border-top:36px solid #f2f2f2;
	border-left:36px solid transparent;
	border-right:36px solid transparent; 
	border-bottom:36px;
	position: absolute;
	bottom: -36px;
	left:50%;
	margin-left: -36px;
}
.started ul{padding-top: 35px;}
.started li{font-size: 2.2em;font-weight: 300;margin-top: 21px;}
.started li strong{color: #c11010;font-weight: 700;}
.started > .primary-btn{font-size: 2.8em;font-weight: 300;min-width: 0px;margin-top:57px;min-width: 175px;padding: 20px; color: #fff !important;}
.latest{margin-top: 121px;}
.latest h4{color:#323345;border-bottom:1px solid #34477e;font-weight: 400;padding-bottom: 12px;margin-bottom: 8px;}
.latest h4 span{font-size: 16px;background: #c11010;color:#fff;padding:0px 12px;position: relative;border-radius:3px;float: right;line-height: 160%; font-weight: 300;margin-top: 6px;}
.latest h4 span:after{position: absolute;display:inline-block;border-top:4px solid #c11010;border-left:4px solid transparent;border-right:4px solid transparent;
bottom:-4px;content: " ";left: 50%;margin-left: -4px;  }
.latest > div{width: 47.5%;float: right;}
.latest > div:first-child{float: left;}
.latest ul{}
.latest li{}
.latest li a{font-size: 1.6em;color:#323345;display: block;border-top:1px solid #dddddd;line-height: 2;padding: 15px 0;}
.latest li a:hover{color:#c11010;}
.latest li:first-child a{border: 0px;}
.customer-comment{background: #084d75 url("../images/customer-wrap.jpg") repeat-x center bottom;padding: 75px 0px;margin-top: 95px;}
.customer-comment h2{color: #fff;text-align: center;margin-bottom: 29px;}
.customer-slider blockquote{font-size: 1.4em;color:#fff;font-weight: 300;display: block;font-style: normal;line-height: 130%;margin-top: 15px;}
.customer-slider strong{font-size: 2.0em;float: right;font-weight: normal;color:#fff;}
.customer-slider img{height: 112px;width: 112px;border-radius:50%;border:3px solid #fff;margin-top: -75px; }
.customer-slider  article{background:rgba(33,95,131,0.5);border-radius: 5px;padding: 15px 20px;margin-right: 20px;}
.customer-slider .slides li{padding-top:75px; margin-right:20px;}
.customer-slider .flex-direction-nav{display: block}
.customer-slider .flex-control-paging{display: none;}
.customer-slider .flex-direction-nav{text-align: center;margin-top: 50px;}
.customer-slider .flex-direction-nav  a{background-image: url(../images/sprite.png);	background-position: 18px -250px; 	background-repeat: no-repeat;height: 33px;width: 49px;display: block;background-color: #153a5e;
border-radius:3px 0px 0px 3px;
}

 .customer-slider .flex-direction-nav  a.flex-next{background-position: -48px -250px;border-radius:0px 3px 3px 0px;}
.customer-slider .flex-direction-nav li{display: inline-block;font-size: 0px;}
.customer-slider .flex-direction-nav  a:hover , .customer-slider .flex-direction-nav  a.flex-disabled{background-color: #032132;}


/*
 2.) registration CSS
 ----------------------------------------*/
.registration {
	background:#e0ddce url("../images/registration-bg.jpg") no-repeat center top;
	padding-top: 75px;
	padding-bottom: 88px;
	background-size: cover;
}
.registration-form h2 {
	font-size: 4.0em;
	letter-spacing: -2px;
}
.registration-form h4 {
	border: 1px solid #84A9D1;
	color: #084D75;
	font-size: 2.3em;
	font-weight: 400;
	letter-spacing: -1px;
/*	line-height: 347%;*/
	word-spacing: 2px;
	margin-bottom: 37px;
}
.registration-form {
	background: rgba(255,255,255,1.0);
	border: 8px solid rgba(0,0,0,0.5);
	margin: 0 auto;
	text-align: center;
	width: 70%;
	border-radius: 20px;
	padding:63px 6.5% 34px;
	
}
.registration-form strong, .registration-form label {
	font-size: 2.0em;
	display: block;
	text-align: left;
	line-height: 2;
	margin-top: 37px;
}
.registration-form label {
	font-weight: 300;
	float: left;
	width: 48%;
	margin-top: 15px;
	margin-left: 16px;
}
.registration-form input[type="text"] {
	width: 94%;
	display: block;
	padding:8px 10px;
	border-radius: 3px;
}
.field {
	margin-left: -15px;
}
.form-field > div {
	overflow: hidden;
}
.account-name a {
	float: left;
	font-size: 2.0em;
	color: #323345;
	font-weight: 300;
	line-height: 195%;
}
.account-name {
	margin-top: 42px;
	border-bottom: 1px solid #000;
	padding-bottom: 113px;
}
.form-field > .account-name {padding-bottom:10px; border-bottom:none;}
.form-field > .free-trial { margin-top:0; border-bottom:1px solid #000; padding-bottom:35px;}
.registration-form .account-name input[type="text"] {
	width: 95%;
	font-size: 2.0em;
	float: right;
}
.account-name i {
	display: block;
	font-size: 1.2em;
	text-align: left;
	line-height: 244%;
	font-style: italic;
}
.account-name > div {
	float: right;
	width: 56%;
}
.form-field span {
	font-size: 1.2em;
	color: #c11010;
	line-height: 215%;
	display: block;
	text-align: left;
}
.free-trial label {
	font-size: 1.4em;
	margin-left: 0px;
	margin-top: 18px;
}
.free-trial	input[type="checkbox"] {
	margin-right: 13px;
	position: relative;
	top: 2px;
}
.free-trial {
	margin-top:-128px;
}
 input[type="submit"] {
	font-size: 2.5em;
	color: #fff;
	background: #c11010;
	text-transform: uppercase;
	padding: 19px 22px;
	float: right;
	border-radius: 5px;
	border: 0px;
}
.free:hover li:first-child{
    color: #C11010;
}
/*
 3.) Pricing Us
 ----------------------------------------*/
.price{
	text-align: center;
	padding-top: 55px;
}
.price h2{margin-bottom: 11px;}
.price > p{width: 88%;margin: 0 auto  47px;}
.start{
	font-size: 3.1em;
	background: #c11010;
	color:#fff;
	text-transform: capitalize;
	min-width: 246px;
	padding: 15px;
	display: inline-block;
	border-radius:5px;
	margin-bottom: 38px; 
}
.plan h4{border-radius: 5px 5px 0px 0px;}
.features, .free{width: 20%;float: left;}
.features h4{
	background:#adadad;
	margin: 0px;
	font-weight: 400;
	line-height: 220%;
	
}
.features li{
	font-size: 1.8em;
	line-height: 238%;
	font-weight: 500;
	text-align: left;
	padding-left: 32px;
	border-top:1px solid #d3d3d3;
}
.features li:last-child{min-height: 79px;}
.features li.alternate , .free li.alternate{background: #d3d3d3; }
.free li.alternate{background: #f7f7f7;}
.features li i{height: 20px;width: 20px;margin-right: 14px;}
.icon-user{background-position:-53px -96px; }
.icon-supplier{background-position:-79px -100px; }
.icon-order{background-position:-98px -98px; }
.icon-shipment{background-position:-121px -99px; }
.icon-products{background-position:-141px -97px }
.icon-support{background-position:-159px -95px }
.free li{
	font-size: 2.0em;
	line-height: 213%;
	color:#6d6d6d;
	border-top:1px solid #d3d3d3;
}
 .free li input[type="submit"]{background: #084d75;   border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    margin-top: 22px;
    min-width: 85px;
    margin-bottom:17px;
    float:none;
    padding: 10px;}
.free h4{
	background:#084d75;
	  line-height: 266%;
    margin: -10px 0 0;
}
sup {
    top: -37px;
}
.plan{margin:65px 0px; }
.free li sup{font-size: 20px;color: #2f2f2f;}
.free li:first-child{font-size: 73px;color: #084d75;line-height: 1;padding-top: 14px;}
.free li span{display: block;font-size:13px;color:#848484;line-height: 1;}
.standard{position: relative;}
.standard h4:before{height: 93px;width: 28px;display: inline-block;position: absolute;top: -12px;right: 5px; content:" "; background:  url("../images/popular1.png") no-repeat left top;}
.free:hover h4:before{background:  url("../images/popular.png") no-repeat left top;top:-4px;}
.free:hover li input[type="submit"]{ background:#c11010; margin-bottom: 24px;    margin-top: 44px;}
.plan > div{border-left:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-radius:5px;-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box;  }
.plan > div:last-child{border-right:1px solid #d3d3d3;}
.plan > div ul{margin-bottom: 0px;}
.plan > div ul li:first-child{min-height: 113px;padding-top: 14px;}
.free:hover ul{box-shadow: 0 0 10px #DEDEDE; }

.test-drive{background: #f2f2f2;padding: 32px 0px;margin-bottom: 75px;border-radius:3px;border: 1px solid #f0efef;}
.primary-btn{background: #084d75;margin-bottom: 0;}
.custom-solution{text-align: left;margin-top: 40px;padding: 39px 45px;background: #f7f7f7 url("../images/solutions.png") no-repeat 94% bottom;border-radius:3px; border: 1px solid #f0efef; }
.custom-solution > div{float: left;width: 46%;}
.custom-solution > div:first-child{margin-right: 5.5%;}
.custom-solution  p{
	color:#574949;	
}
.custom-solution  p a{display: block;}
.custom-solution  a.start{font-size: 16px;margin-top: 23px;min-width: 0px;margin-bottom: 8px;}
.question strong{display: block;font-size: 2.0em;font-weight: 800;margin-top: 43px;}
.question p{font-size: 1.6em;margin-top: 18px;padding-bottom: 5px;color: #574949;}
.question{margin:109px 0px 111px;}
.free:hover h4{background: #c11010; line-height: 245%;font-size:37px;position:relative; margin-top: -36px;}

.mobile-view{display: none;}

/*
 4.) how we work
 ----------------------------------------*/

.how-work{text-align: center;margin-top: 45px;padding-bottom: 31px;}
.how-work > div {	width: 22%;	float: left;padding-top: 13px;margin-right: 3%;position: relative; }
.how-work > h2+ div:before{display: none;}
.how-work > div:before{height: 45px;width:30px;display: inline-block;content: " ";position: absolute;  left: -21px;    top: 52px;
background-image: url(../images/sprite.png);
	background-position: 0 -300px;
	background-repeat: no-repeat;
}
.how-work > div h5{margin: 20px 0;}
.how-work > div p{font-size: 1.4em;line-height: 147%;}
.watch-video{margin-top: 30px;text-align: center;margin-top: 77px;}
.watch-video > div{padding-top: 18px;}
.watch-video .start{margin-top: 41px;min-width: 355px; color: #fff !important;}
.integrate{margin-top: 54px;text-align: center;padding: 88px 0 46px;}
.integrate h2{}
.integrate li{display:inline-block;width: 24%;margin: 0 4%;}
.integrate li img{margin-bottom: 31px;}
.integrate li p{font-size: 1.3em;display: block;}
.integrate li a{font-size: 1.3em;}
.integrate ul{margin-top: 54px;}
.advantages-working {text-align: center;margin-top: 52px;}
.advantages-working h2{margin-bottom:56px;  }
.advantage {border-radius:3px;border: 1px solid #f3f3f3; }
.advantage h3{background: #b3b3b3;text-transform: capitalize;border-radius:3px;}
.advantage h5{font-size: 1.8em;margin:19px 0 6px}
.advantage p{font-size: 1.3em;padding: 0 50px;}
.advantage  > div{padding-bottom: 30px;min-height: 118px;padding-top: 1px;}
.advantage > div.alt{background: #f3f3f3;}
.advantage  > a{ font-size: 17px;min-width: 136px;margin: 16px 0 39px;}
 .start:hover{ 	opacity:0.8; }

/*
5.) Why us
 ----------------------------------------*/
.communication h2{text-align: center;}
.tab-link{margin: 0px;padding-top: 70px;}
.tab-link li {float: left;width: 25%;text-align: center;margin-bottom: 30px;position: relative;}
.tab-link li a{position: relative}
.tab-link li a:after{border-bottom:25px solid #f2f2f2;border-left:25px solid transparent;border-right:25px solid transparent;display: inline-block;content: " ";
position: absolute;  bottom: -30px;    left: 50%;margin-left: -25px;display: none;}
.tab-link li a:hover:after, .tab-link li.active a:after{display:block;}
.tab-link img{display: block;border:5px solid #d6d6d6;height: 102px;width: 102px;border-radius: 50%;margin: 0 auto;}
.tab-link a{display: inline-block;font-size: 1.3em;color:#323345;line-height: 2;}
.tab-link li a:hover img , .tab-link li.active img{border-color:#c11010;}
.tabs{display: none;background: #f2f2f2;padding: 15px 45px;}
.tabs.active{display: block}
.tabs strong{color: #c11010;font-size: 1.8em;display: block;line-height: 2;}
.tabs p{font-size: 1.7em;width: 91%;}
.comm .buyers > div{background: none;text-align: left;border: 0px;padding: 22px;}
.comm .buyers > div p{font-size: 15px;}
.comm .buyers > div span i{height: 35px ;width: 35px;margin-right: 10px;}
.icon-production-members{background-position:0px -350px; }
.icon-accounting-department{background-position:-40px -350px;margin-top: -8px; }
.icon-customer-service{background-position:-80px -350px; }
.icon-procurement-managers{background-position:-120px -350px; }
.comm .buyers > div span:before{display: none;}
.first-dr:before{
	width: 57%;height:41px;content: " ";display: inline-block;position: absolute;background: url("../images/first-dr.png") no-repeat left top;
    right: -76px;
    top: -21px;
    background-size:100%  100%;
    
}
.second-dr:before{
	width: 441px;height:95px;content: " ";display: inline-block;position: absolute;background: url("../images/second-dr.png") no-repeat left top;
   right: -359px;
    top: -77px;
}

/*
 6.) help
 ----------------------------------------*/
.help-center > h2{margin-bottom: 0px}
.help-center > h3{color:#323345;margin-top: 33px;}
.help-center > span,.help-center > strong{display: block;font-size: 1.6em;color:#787982;font-weight:300;line-height: 200%; }
.help-center > strong{font-size: 1.8em;}
.help-center > strong a , .help-center li p a{color:#c11010;}
.help-center form{position: relative;width: 70%;margin: 0 auto;}
.help-center input[type="text"]{width: 100%;font-size: 1.6em;text-align: center;color: #c2c2c2;padding: 16px 45px 16px 16px;margin-top: 35px;box-sizing: border-box;-moz-box-sizing: border-box;}
.help-center input[type="submit"] {
    background: url("../images/sprite.png") no-repeat -40px -301px;
    border: 0 none;
    border-radius: 0px;
    color: #FFFFFF;
    float: right;
    font-size: 0em;
    padding:0;
	height: 20px;width: 20px;
	position: absolute;bottom: 16px;right: 13px;
}
.help-center li{width: 33%;}
.help-center li span {    height: 106px;    width: 125px;}
.help-center li span i{margin-top: 40px;}
.help-page .latest{margin-top: 25px;}
.support{background: #fff4f4;text-align: center;margin-top: 55px;padding: 30px;margin-bottom: 80px;border-radius:5px; }
.support h4{color: #707176;}
.support p{font-size:1.6em;color: #707176;}


/*
 7.) Contact us
 ----------------------------------------*/
.contact-us .started{margin-top: 46px;}
.contact-sales{margin-top: 60px;}
.contact-sales h2{font-size: 5.1em;margin: 0px;}
.contact-sales h4{color:#323345;}
.contact-sales h4 a{color:#323345;font-weight: 400;font-size: 26px;}
.contact-sales form{width: 69%;margin-top:10px;float: left;}
.contact-sales label{
	font-size: 2.0em;
	color:#070305;
	font-weight: 300;display: block;
}
.contact-sales label span{color:#f31308;}
.contact-sales label input[type="text"]{  display: block;
    margin-bottom: 24px;box-sizing:border-box;-moz-box-sizing:border-box;
    margin-top: 16px;
    padding: 8px;border-radius:5px;
    width: 100%;}
.contact-field{width:49%;border-radius:5px; float: left;}
.message-contant{width: 42%;float:right; }
.message-contant textarea{display: block;width: 100%;height: 253px;border-radius:5px;resize: none;margin-top: 17px;padding: 10px;box-sizing:border-box;-moz-box-sizing:border-box; }
.contact-sales  input[type="submit"]{margin-top: 17px;}
.sidebar{float: right;width: 28%;margin-top: 26px;}
.sidebar h3{color: #323345;}
address{font-size: 14px;line-height: 165%;padding-left: 41px;padding-right: 5px;position: relative;}
.sidebar a{font-size: 14px;color: #323345;margin-top: 34px;display: inline-block;padding-left: 41px;position: relative;}
address:before, .sidebar a:before{height: 30px;width: 30px;display: inline-block;content: " ";position: absolute;top:0px;left:0px;
	background-image: url(../images/sprite.png);
	background-position: -72px -296px;
	background-repeat: no-repeat;
}
.sidebar a[href^="tel"]:before{
	background-position: -111px -302px;
}
.sidebar a[href^="mail"]:before{
	background-position:-153px -301px;
}
.sidebar  h4{margin-top: 71px;margin-bottom: 11px;}
.sidebar  span{font-size: 1.6em;display: block;}
.sidebar .social-link li{display: inline-block;}
.sidebar .social-link li a{height: 35px;width: 35px;padding: 0px;margin-top: 20px;margin-left: 8px;}
.sidebar .social-link li a:before{display: none;}
.action{margin-top:20px;}
.action h4{color: #323345;margin-bottom: 12px;}
.action > div{width: 45%;float: right;}
.action > div:first-child{width: 43%;float: left;}
.action > div a.start{font-size: 17px;min-width: 0px;padding: 18px 24px;margin-top: 20px;margin-top: 33px; color: #fff !important;}
.map{margin-top: 50px;}


.success{ 
color:green; 
font-size: 18px;
font-weight: bold;}


.flex-viewport{ z-index: 99;}
.registration-form h5{
    border: 1px solid #84A9D1;
    color: #084D75;
    font-size: 2.3em;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 37px;
    word-spacing: 2px;
}
.per-month{
    display: block;
    font-size: 12px;    line-height: 1;    padding:4px 0 5px 39px; color:#084D75;
}



/*
 8.) For common page style
 ----------------------------------------*/
.page-container h1,.page-container h2,.page-container h3{
    color:#000; font-weight: 300; line-height: 1.2;
}
.page-container h1{
    font-size: 3.4em;
}
.page-container h2{
    font-size:3.9em;
    margin-bottom:.2em;
}
.page-container h3{
    font-size: 28px;
}
.page-container{
    margin: 0 auto;
    max-width: 1122px;
    width: 100%;
    padding-top: 10px;
}
.page-container #content{
    padding:15px 0;
}
.page-container font,.page-container #content{
  font-family: 'Roboto',sans-serif !important;    
    font-size: 15px !important;
    font-weight: 300!important;
    line-height: 153%!important;
       color:#494343 !important;
}
.page-container p, .page-container span{
    font-family: 'Roboto',sans-serif !important;
    font-size: 15px !important;
    font-weight: 300!important;
    line-height: 153%!important;
    margin: 13px 0 !important;
    color:#494343 !important;
}
.page-container b{
    color:#000 !important;
    font-size:18px !important;
    font-weight: 400 !important;
    display: block;
}
.page-container a,.page-container u{ color:#4D87C7 !important; outline: none;}
.page-container strong em{
    font-size: 16px;
/*    font-weight: 500;*/
}
.page-container a:hover,.page-container u:hover{
    color:#057bfd !important; 
}
.page-container em{ font-style:italic;}
.page-container strong{
    font-weight:400;
}
.page-container ol, .page-container ul{
    margin-left: 28px;
    font-size: 15px;
}
.page-container  ul{
    list-style: disc;
}
.page-container ol li, .page-container ul li{
    margin-bottom:12px; font-weight: 300; line-height: 1.25;
    color:#323345;
}

.login-page > .free-trial { margin-top:0 !important}