@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,700,700i); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);   
/*font-family: 'Open Sans', sans-serif;*/

* {	margin:0; padding:0; outline:0;	box-sizing:border-box; }
body { font-family: "Open Sans", sans-serif; font-size:20px; color:#2f2f2f; }
p {	font-size:18px;	line-height:23px; margin:0 0 16px; font-weight: 400; }
a {	color:#00b478;	text-decoration:none; }

a:hover {	text-decoration:underline; }
a[href^="tel:"]:hover {	text-decoration:none; }/*For ph no*/

strong { font-weight: 700; }

img {
	border:0 none;
	max-width:100%;
	height:auto;
}
.clearfix {
	clear:both;
}
img.alignleft {
	float:left;
	display:block;
	margin-right: 20px;
}
img.alignright {
	float:right;
	display:block;
	margin-left: 20px;
}
img.alignnone {
	float:none;
	clear:both;
}
img.aligncenter {
	float:none;
	margin:0 auto;
	display:block;
}
ul {
	margin:0 0 0 22px;
	list-style:outside disc;
}
ol {
	margin:0 0 0 22px;
	list-style:outside decimal;
}
ul li, ol li {
	margin:0 0 24px;
color:;
	font-size: 14px;
	line-height: 20px;
}
ol li {
	padding:0 0 0 4px;
}

/**** globle link */
.b_link { text-align: center; padding: 20px 0px; float: left; width: 100%; }
a.linkdesigner {	

	background: #dc6464; /* Old browsers */
	background: -moz-linear-gradient(top,  #dc6464 0%, #d85454 50%, #bf3e3e 51%, #bf3e3e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dc6464 0%,#d85454 50%,#bf3e3e 51%,#bf3e3e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dc6464 0%,#d85454 50%,#bf3e3e 51%,#bf3e3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6464', endColorstr='#bf3e3e',GradientType=0 ); /* IE6-9 */

	font-weight: 600; 
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;	
	padding: 30px 40px;	
	color: #fff;
	letter-spacing: -1px;	
	cursor: pointer;
	width: 100%;
	
	border-radius: 15px;
	-webkit-border-radius: 15px;	
	
		box-shadow:#ebebeb -2px 4px 0px;
	-webkit-box-shadow:#ebebeb -2px 4px 0px;	
}
a.linkdesigner:hover { text-decoration: none; background:#000 /*#242424*/; }

/**** globle link */

/**** helping ****/

.text-uppercase { text-transform: uppercase; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.padding-t-b { padding: 40px 0; }
.col-4 { float: left; width: 33.33%; padding: 0 20px; margin-bottom: 20px; }
.col-4:nth-child(3n+1) { clear: left; }
.group { margin-bottom: 30px; float: left; width: 100%;  }

/**** helping ****/

.full_container{ width: 100%; float: left; }
.container{ width: 963px; margin: 0 auto; }

header { position: relative; color: #fff; background:#132527 url(/assets/images/welcome/images/banner_top.jpg) center 0 no-repeat; background-size:cover; }
header img{ margin: 0 auto; display: block; }
header .top_content_box { position: static; top: 10px; left: 0px; z-index: 99; text-align: center; padding-bottom: 30px; }
header h1{  font-size: 52px; }  
header p { 
	font-size: 21px;
	font-weight: 100;
	line-height: 28px;
	padding: 0 98px;
}
header .notificationbox { 
	font-size: 40px;
	font-weight: 300;
	line-height: 37px;
	padding: 10px 0 20px;
	border-bottom: #fff 1px solid;
	margin-bottom: 16px;
}
header .top_video { margin-top: 29px; }



.second-s h2{ 
	font-weight: bold;
	color: #1eb478;
	line-height: 26px;
	margin-bottom: 10px;
	margin-top: 10px;
	letter-spacing: -2px;
}
.second-s p{ font-size: 16px; font-weight: 400; color: #2f2f2f; letter-spacing: -1px; }


.third-s { background:#132527; color: #fff; }
.third-s p{ font-size: 20px;  }
.third-s p span{ text-decoration: line-through; color: #1eb478; display: block; }
.third-s .client_logo { margin-bottom: 15px; }
.third-s .col-4 { margin-bottom: 0px; }
.third-s .col-4:last-child { padding-top: 20px; }

.forth-s h2{ color: #1eb478; font-size: 52px;  }
.noty_txt { font-size: 41px; color: #2f2f2f; font-weight: 100; margin: 0px; line-height: 42px; }
.noty_txt.noty_txt_2 { margin: 60px 0;}

.black{  color: #2f2f2f; font-weight: 700; background-color: transparent !important; }
/*.green{   color: #1eb478; font-weight: 700; }*/
.green{   color: #1eb478; font-weight: 700; background-color: transparent !important; }

.forth-s .email_content h2 { font-size: 28px; }
.graphicbox_left { width: 50%; text-align: center; float: left; margin-right: 20px; }
.graphicbox_right {  width: 50%; text-align: center; float: right; margin-left: 20px; }

.five-s { background:#132527 url(/assets/images/welcome/images/banner_top.jpg) center 0 no-repeat; background-size:cover;  }
.five-s h2{  font-size: 52px; color: #fff; }
.five-s .top_video{ margin: 20px 0px; }
.five-s a.linkdesigner{ box-shadow: #ebebeb 0px 0px 0px; -webkit-box-shadow: #ebebeb 0px 0px 0px; }

.six-s h2 { font-size: 52px; margin:0 0 28px; line-height:1; }
.six-s .profitbox ul{ margin: 0; padding: 0px; float: left; width: 100%; }
.six-s .profitbox ul li{ float: left; width: 33.33%; display: block; padding: 0 20px; }
.six-s .profitbox h2{ font-size: 36px; margin: 10px 0 20px; }
.six-s .p_icon { min-height: 158px; }

.six-s .profitbox h2{ position: relative; }
.six-s .profitbox h2 span{ background: #fff; position: relative; z-index: 2; }
.six-s .profitbox h2:after{ position: absolute; right: -10%; top: 10px; width: 60%; height: 1px; background: #000; content: ""; z-index: 1; }
.six-s .profitbox h2:before{ position: absolute; left: -10%; top: 10px; width: 60%; height: 1px; background: #000; content: ""; z-index: 1; }

.six-s .profitbox ul li:first-child h2:before{ display: none; }
.six-s .profitbox ul li:last-child h2:after{ display: none; }

.workbox { float: left; width: 100%; padding: 20px 0px; }
.workbox ul{ margin: 0px; padding: 155px 0px 10px; float: left; width: 100%; }
.workbox ul li.rightwork{ float: right; padding-left: 16%; clear: left; }
.workbox ul li.rightwork span.number{ left: 77px; }

.workbox ul li span.number{ position: absolute; top: -64px; z-index: 9; font-size: 81px; font-weight: 700; color: #1eb478; }

.workbox ul li { position: relative;  background: url(/assets/images/welcome/images/rightwork-line-vertical.png) 0 0 repeat-y; width: 51.8%;
padding-top: 131px; display: block; margin-bottom: 0px; }
.workbox ul li p{ font-size: 20px; }

.workbox ul li:before {
    content: "";
    background: #006e53;
    width: 50%;
    position: absolute;
    height: 5px;
    left: 0px;
    top: 0px;
}
.workbox ul li:after {
    content: "";
    background: #00cc93;
    width: 30px;
    height: 30px !important;
    position: absolute;
    height: 10px;
    left:-19px;
    top: -32px;
    border-radius: 50%;
	box-sizing: unset !important;
    border: #006e53 20px solid;
    display: block;
}

.workbox ul li.leftwork{ float: left; padding-right: 16%;  clear: right; background-position: right 0; }
.workbox ul li.leftwork span.number{ right: 77px; left: auto; }

.workbox ul li.leftwork:before{ right: 0px; left: auto; }
.workbox ul li.leftwork:after{ left: auto; right: -18px;}

.workbox ul li:last-child { background: none; }
.wrokpic { position:absolute; top: -121px; right: 21px; z-index: 2; }
.workbox ul li.leftwork .wrokpic{ left: 21px; right: auto; }




.faq_wrap .left_f{ float:left; width:50%; padding:0 15px 0 0;}
.faq_wrap .right_f{ float: right; width:50%; padding:0 0 0 15px;}
.faq_wrap ul{ padding:0; margin:30px 0 20px; list-style:none; float:left; width:100%; }
.faq_wrap ul li{ background:none; width:100%; float:left; margin:0 0 20px; padding:0; }
.faq_wrap ul li:nth-child(2n){ float:right; }
.faq_wrap ul li .title{ background:#1eb478 url(/assets/images/welcome/images/arrow_icon.png) no-repeat 20px center; color:#fff; font-size:15px; font-family: 'Raleway', sans-serif; padding:0 10px 0 48px;  display: table-cell;text-decoration:none; font-weight:400; text-transform:none; cursor:pointer; vertical-align:middle; height:67px; width:465px;
border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px; }
.faq_wrap ul li.doble_line .title{ padding:11px 10px 10px 48px; }
.faq_wrap ul li.active .title{background:#1eb478 url(/assets/images/welcome/images/down_arrow_icon.png) no-repeat 15px center; border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;}
.faq_wrap ul li .content{ background:#f3f3f3; border:1px solid #e0e0e0; padding:10px 15px;
border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}

.bottom-s { padding: 10px 0px; border-top: #cdcdcd 1px solid; }
.bottom-s .container{ position: relative; }
.bottomlink { position: absolute; right: 0px; top: 10px;  }
.bottomlink a{ 
			
	font-size: 14px; 
	color: #2f2f2f; 
	display: inline-block; 
	padding-left: 10px; margin-left: 10px; border-left:1px solid #2f2f2f; 
	line-height: 12px;
}
.bottomlink a:first-child{ border: 0; }

footer{
	background: #313131;
	padding: 10px 0px;
	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
}
.copy-txt { font-size: 12px; color: #909090; display: block; }
.copy_txt_2 { font-size: 14px; color: #909090; display: block; padding-top: 10px; }


@media ( max-width:1000px ){
	
	.container { width: 98%; }
		header h1 { font-size: 36px; }
		header .notificationbox { font-size: 29px; line-height: 28px; }
		header p { padding: 0 10px; }
		.top_video iframe{ width: 100%; height: 400px; }
		header .top_content_box { padding-bottom: 20px; padding-top: 20px; }
	
		.five-s h2 { font-size: 36px; }
}

@media ( max-width:767px ){	
	a.linkdesigner { font-size: 30px; }
	.top_video iframe { width: 533px; height: 300px; }	
	
	.noty_txt { font-size: 33px; }
	.noty_txt.noty_txt_2 { margin: 36px 0; }
		
	.workbox ul { padding: 90px 0px 10px; }
	.workbox ul li { padding-top: 16px; width: 100%; padding-bottom: 89px; background: none; }
	.workbox ul li.rightwork { padding-left: 3%; } 
	.workbox ul li.leftwork { padding-right: 3%; } 
	.workbox ul li::before { width: 100%; }
	.wrokpic { position: static; margin-bottom: 10px; float: left; margin-right: 15px; }
	.workbox ul li::after { display: none; }
	.workbox ul li:last-child { padding-bottom: 10px; }	
	.workbox ul li.leftwork .wrokpic { float: right; }
	
}

@media ( max-width:639px ){
	
	header h1 { font-size: 27px; }
	header .notificationbox { font-size: 21px; line-height: 25px; }
	header p { font-size: 17px; line-height: normal; }
	
	.top_video iframe { width: 419px; height: 228px; }
	.col-4 { width: 100%; }
	a.linkdesigner { font-size: 21px; }
	.wrokpic  { width: 32%; }
	.forth-s h2 { font-size: 36px; }
	.workbox ul li p { font-size: 16px; }
	p { font-size: 16px; }
	.text-left { padding: 0 10px; }
	a.linkdesigner { padding: 18px 40px; }
	.six-s h2 { font-size: 36px; }
	.six-s .profitbox h2 { font-size: 19px; }
	.six-s .p_icon { min-height: 128px; }
	.padding-t-b { padding: 20px 0px; }
	.bottomlink { position: static; }
	footer { padding: 10px 15px; }
	footer br{ display: none; }
	.bottomlink { display: block; }
	
}

@media ( max-width:479px ){
	
	header .notificationbox { font-size: 16px; }
	.top_video iframe { width: 291px; height: 168px; }
	.workbox ul li.leftwork .wrokpic { margin-right: 0px; }
	.graphicbox_right, .graphicbox_left{ width: 100%; margin: 0px; }
	a.linkdesigner { padding: 18px 20px; font-size: 16px; }
	.workbox { padding: 20px 0px 0px; }
	.forth-s .email_content h2 { font-size: 24px; }
	.five-s h2 { font-size: 28px; }
	.six-s .profitbox ul li { width: 100%; }
	.six-s .profitbox h2::after { right: 0px; }
	.six-s .profitbox h2::before { left: 0; }
	.faq_wrap .left_f { width: 100%; padding: 0; }
	.faq_wrap .right_f { width: 100%; padding: 0; }
	.faq_wrap ul { margin: 0; }
	
	.six-s .profitbox ul li:first-child h2:before{ display: block; }
	.six-s .profitbox ul li:last-child h2:after{ display: block; }	
	
}
h2{
	font-size:2rem;
}