@charset "utf-8";
*, body {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
.callbacks .caption, body {
	font-family: Lato, sans-serif
}
.header, .maincontainer {
	width: 100%;background: #f1f1f1;-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.4);
}
.wrapper, nav {
	margin: 0 auto
}
body {
	font-weight: 400
}
.modal-dialog { width: 70%!important;}
.mt30p {  margin-top: 12%;}
.header {
	background: #FFF
}
header div#logo {
	display: inline-block;
	float: left;
	font-weight: 400;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	padding-top: 0
}
.wrapper {
	width: 1170px;
	padding: 0 15px
}
.clear {
	clear: both;
	line-height: 0
}
nav {
	float: right
}
#cssmenu {
	margin: 33px 0;
	font-family: sans-serif
}
#cssmenu, #cssmenu #head-mobile, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#cssmenu:after, #cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
#cssmenu #head-mobile {
	display: none
}
#cssmenu>ul>li>a {
	padding: 11px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #008bca;
	font-weight: 400;
	margin-left: 0
}
#cssmenu ul li.active a, #cssmenu>ul>li:hover>a {
	background-color: #c52d2f;
	color: #fff;
	border-radius: 3px
}
#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before {
	display: block;
	background: #ddd;
	content: '';
	position: absolute
}
#cssmenu ul li.active, #cssmenu ul li.active:hover, #cssmenu ul li.has-sub.active:hover, #cssmenu>ul>li:hover {
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
	color: #fff
}
#cssmenu ul ul li, #cssmenu>ul>li.has-sub>a:before {
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease
}
#cssmenu>ul>li a {
	padding: 10px 6px;
	margin-right: 10px;
	font-weight: 400;
	color: #000
}
#cssmenu>ul>li {
	float: left;
	margin-right: 1px
}
#cssmenu>ul>li.has-sub>a {
	padding-right: 30px
}
#cssmenu>ul>li.has-sub>a:after {
	top: 17px;
	right: 11px;
	width: 8px;
	height: 2px
}
#cssmenu>ul>li.has-sub>a:before {
	top: 14px;
	right: 14px;
	width: 2px;
	height: 8px;
	transition: all .25s ease
}
#cssmenu>ul>li.has-sub:hover>a:before {
	top: 23px;
	height: 0
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	z-index: 99999
}
#cssmenu ul ul li {
	height: 0;
	background: #141a1e;
	transition: all .25s ease
}
#cssmenu ul ul li:hover {
	background-color: #c52d2f;
	color: #fff
}
#cssmenu ul ul li.has-sub>a:after, #cssmenu ul ul li.has-sub>a:before {
	position: absolute;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu li:hover>ul {
	left: auto
}
#cssmenu li:hover>ul>li {
	height: 35px
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}
#cssmenu ul ul li a {
	border-bottom: 1px solid #999;
	padding: 11px 15px;
	width: 200px;
	margin-right: 0;
	font-size: 12px;
	text-decoration: none;
	color: #f9f0f0;
	font-weight: 700
}
#cssmenu ul ul li.last-item>a, #cssmenu ul ul li:last-child>a {
	border-bottom: 0
}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a {
	color: #fff
}
#cssmenu ul ul li.has-sub>a:after {
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px
}
#cssmenu ul ul li.has-sub>a:before {
	top: 13px;
	right: 14px;
	width: 2px;
	height: 8px;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}
#cssmenu ul ul>li.has-sub:hover>a:before {
	top: 17px;
	height: 0
}
#cssmenu ul li.has-sub ul li.has-sub ul li:hover, #cssmenu ul ul li.has-sub:hover {
	background: #363636
}
#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333
}
#cssmenu>ul ul>li.has-sub>ul>li.active>a, #cssmenu>ul>li.has-sub>ul>li.active>a {
	border-top: 1px solid #333
}
@media screen and (max-width:700px) {
#cssmenu ul, .button, .logo {
	position: absolute
}
#cssmenu>ul>li, .logo {
	float: none
}
#cssmenu, #cssmenu ul {
	width: 100%;
	margin: 0
}
#cssmenu ul, #cssmenu ul ul>li.has-sub>a:after, #cssmenu ul ul>li.has-sub>a:before, #cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before, .logo2 {
	display: none
}
.logo {
	top: 0;
	left: 0;
	width: 100%;
	height: 46px;
	text-align: center;
	padding: 10px 0 0
}
nav {
	width: 100%
}
#cssmenu ul {
	z-index: 99999
}
#cssmenu ul li {
	width: 100%;
	border-top: 1px solid #444;
	background: #000
}
#cssmenu ul li:hover {
	background: #363636
}
#cssmenu li:hover>ul>li, #cssmenu ul ul li {
	height: auto
}
#cssmenu ul li a, #cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0
}
#cssmenu ul ul li a {
	padding-left: 25px;
	color: #ddd;
	background: 0 0
}
#cssmenu ul ul li {
	background: #333!important
}
#cssmenu ul ul li:hover {
	background: #363636!important
}
#cssmenu ul ul ul li a {
	padding-left: 35px
}
#cssmenu ul ul li.active>a, #cssmenu ul ul li:hover>a {
	color: #fff
}
#cssmenu ul ul, #cssmenu ul ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left
}
#cssmenu #head-mobile {
	display: block;
	padding: 0;
	color: #ddd;
	font-size: 12px;
	font-weight: 700
}

a.ancher-esc {
    text-decoration: none;
    color: #f44444!important;
    font-weight: 700;
}
a.ancher-esc:hover {
    text-decoration: none;
    color: #000!important;
    font-weight: 700;
}

.button {
	width: 55px;
	height: 46px;
	right: 0;
	top:-85px;
	cursor: pointer;
	z-index: 12399994
}
.button:after, .button:before {
	right: 20px;
	width: 20px;
	height: 2px;
	position: absolute;
	display: block;
	content: ''
}
.button:after {
	top: 19px;
	border-top: 2px solid #46af6b;
	border-bottom: 2px solid #46af6b
}
.button:before {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 15px;
	background: #46af6b
}
.button.menu-opened:after {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 23px;
	border: 0;
	height: 2px;
	width: 19px;
	background: #46af6b;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.button.menu-opened:before {
	top: 23px;
	background: #46af6b;
	width: 19px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid #444;
	height: 46px;
	width: 46px;
	cursor: pointer
}
#cssmenu .submenu-button.submenu-opened {
	background: #262626
}
#cssmenu ul ul .submenu-button {
	height: 34px;
	width: 34px
}
#cssmenu .submenu-button:after {
	position: absolute;
	top: 22px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu ul ul .submenu-button:after {
	top: 15px;
	right: 13px
}
#cssmenu .submenu-button.submenu-opened:after {
	background: #fff
}
#cssmenu .submenu-button:before {
	position: absolute;
	top: 19px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: ''
}
#cssmenu ul ul .submenu-button:before {
	top: 12px;
	right: 16px
}
#cssmenu .submenu-button.submenu-opened:before {
	display: none
}
#cssmenu ul ul ul li.active a {
	border-left: none
}
#cssmenu>ul ul>li.has-sub>ul>li.active>a, #cssmenu>ul>li.has-sub>ul>li.active>a {
	border-top: none
}
#cssmenu>ul>li>a {
	color: #fff!important
}
}

.livechat_fix {  position: fixed;  right: 0;  top: 25%;  z-index: 990;  display: none;} 

span.statcounter {
	display: none!important
}
.callbacks_container {
	position: relative;
	float: left;
	width: 100%
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0
}
.callbacks img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 30px;
	font-weight: 700;
	text-shadow: none;
	color: #fff;
	background: #ee8d00;
	left: 42%;
	right: 0;
	top: 50px;
	padding: 15px 20px;
	margin: 0;
	text-align: center;
	max-width: none;
	width: 350px
}
.caption2, .caption3 {
	display: block;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	background: #ee8d00;
	height: 55px;
	top: 0;
	bottom: 0;
	padding: 10px;
	z-index: 9999;
	position: absolute;
	left: 0;
	right: 0;
	text-transform: uppercase;
	text-align: center
}
.caption, .caption2, .caption3 {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.75)
}
.caption2 {
	width: 36%;
	margin: 143px auto auto
}
.caption3 {
	width: 27%;
	margin: 220px auto auto
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: transparent;
	top: 52%;
	left: 0;
	opacity: .7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: #c52d2f url(../images/left-icon.png) 10px no-repeat;
	
    color: #fff;
border-radius: 4px;
	margin-top: -45px
}
.callbacks_nav:active {
	opacity: 1
}
.blue-area_center h2 {
    text-align: center;
    font-size: 30px;
}
.grey-area_center h3 {
    text-align: left;
    font-size: 25px;
    font-weight: 400;
}
.useful-area_left h3 {
    font-weight: 300;
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 0;
    padding-bottom: 0;
}
.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 0;background: #c52d2f  url(../images/right-icon.png) 10px no-repeat;
    color: #fff;
border-radius: 4px;
}
#slider3-pager a {
	display: inline-block;
	padding: 0
}
#slider3-pager img {
	float: left
}
#slider3-pager .rslides_here a {
	background: 0 0;
	box-shadow: 0 0 0 2px #666
}
@media screen and (max-width:600px) {
h1 {
	font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif
}
.callbacks_nav {
	top: 47%
}
}
.green-circle {
	width: 100%;
	background: #3d3c3d;
	float: left;
	padding: 10px 0
}
.circle-box ul {
	text-align: center;
	list-style: none;
	width: 100%
}
.circle-box ul li {
	width: 150px;
	margin: 0 10px;
	display: -webkit-inline-box;
	display: inline-block
}
.circle-box ul li a {
	background: #46af6b;
	display: inline-block;
	border: 3px solid #fff;
	padding: 20px;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin: 2px 20px 8px
}
.circle-box ul li a:hover {
	background: #ef9613;
	border: 3px solid #fff
}
.circle-box ul li span {
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase
}
.signup_link {
	background: #46af6b;
	color: #fff;
	margin-right: 10px
}
.blue-area {
	background: #2281e8;
	padding: 100px 0;
	float: left;
	width: 100%
}
.blue-area_left {
	float: left;
	width: 55%;
	color: #FFF;
	padding: 30px 0
}
.blue-area-inner {
	background: #007ab1;
	padding: 50px 0 10px;
	float: left;
	width: 100%
}
.blue-area_center {
	width: 100%;
	color: #FFF;
	padding: 0;
	text-align: center
}
.blue-area_center h1 {
	text-align: center;
	font-size: 35px;
	border-bottom: 1px solid #c9d4dc;
	display: inline
}
.blue-area_center h3 {
	text-align: center;
	font-size: 30px
}
.blue-area_center-img {
	text-align: center;
	padding: 30px 0 0
}
.blue-area_center p {
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	color: #FFF;
	padding: 5px 0 15px;
	text-align: justify
}
.hosting-area {
	background: #316bab;
	padding: 30px 0;
	float: left;
	width: 100%
}
.telecome-area {
	background: #01a89e;
	padding: 60px 0;
	float: left;
	width: 100%
}
p.center {
	text-align: center;
	padding: 20px 0 0
}
.ecommers-inner {
	background: #59abe3;
	padding: 50px 0 10px;
	float: left;
	width: 100%
}
.grey-area {
	background: #00859f;
	padding: 50px 0;
	float: left;
	width: 100%
}
.grey-area_center {
	width: 100%;
	color: #FFF;
	padding: 0
}
.grey-area_center h2 {
	text-align: left;
	font-size: 25px;
	font-weight: 400
}
.grey-area_center-img {
	text-align: center;
	padding: 30px 0
}
.grey-area_center p {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: #FFF;
	padding: 5px 0 15px;
	text-align: justify
}
.grey-area_center p a{ text-decoration:none; color:#fff;}
.add-livechat_left p a{ text-decoration:none; color:#fff;}
.blue-area_right {
	margin-right: 0;
	float: right
}
.blue-area_right img {
	height: auto;
	max-width: 100%
}
.blue-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.blue-area_left p {
	font-weight: 300;
	line-height: 1.25;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	font-size: 18px;
	text-align: justify
}
.green-btn {
	color: #fff;
	background-color: #F59834;
	border: 0;
	border-radius: 4px;
	font-size: 12px;
	min-width: 120px;
	display: inline-block;
	text-align: center;
	padding: 15px 22px;
letter-spacing:.08rem;
	transition: all .3s ease-in;
	text-decoration: none!important;
	font-weight: 400;
	cursor: pointer
}
.white-area {
	background: #fff;
	padding: 150px 0;
	float: left;
	width: 100%
}
.white-area_left {
	float: right;
	width: 45%;
	color: #2281e8;
	padding: 30px 0
}
.white-area_right {
	margin-right: 0;
	padding-right: 0;
	float: left
}
.white-area_right img {
	height: auto;
	max-width: 85%
}
.add-livechat_right img, .green-area_right img, .light-area_right img, .parple-area_right img, .useful-area_right img {
	height: auto;
	max-width: 100%
}
.white-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.white-area_left p {
	font-weight: 300;
	line-height: 1.3;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	color: #000;
	font-size: 18px
}
.useful-area {
	background: #59c2be;
	padding: 0;
	float: left;
	width: 100%
}
.useful-area_left {
	float: left;
	width: 50%;
	color: #fff;
	padding: 30px 0
}
.useful-area_right {
	margin-right: 0;
	width: 40%;
	float: right
}
.useful-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.useful-area_left p {
	font-weight: 300;
	line-height: 1.25;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	font-size: 18px;
	text-align: justify
}
.green-area {
	background: #39a05a;
	padding: 100px 0;
	float: left;
	width: 100%
}
.green-area_left {
	float: left;
	width: 50%;
	color: #fff;
	padding: 0
}
.green-area_right {
	margin-right: 0;
	float: right
}
.green-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.green-area_left p {
	font-weight: 300;
	line-height: 1.25;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	font-size: 18px;
	text-align: justify
}
.list-tick01 li {
    background: url(../images/tick-green.png)no-repeat 0 6px;
    padding-left: 30px; list-style:none;
    margin-bottom: 17px;
    color: #fff;
    font-size: 16px;
	font-weight: 300;
    line-height: 25px;
    text-align: justify;
    letter-spacing: .04em;
}
.banner3{
    width: 100%;
    float: left;
    height: 494px;
    background: url(../images/banner-education.jpg) top center no-repeat;
    background-size: cover;
}
.education-ban-left {
    width: 100%;
    margin-top: 192px;
    display: inline-block;
    text-align: center;
}
.education-ban-left-text {
    width: 100%;
    top: 60px;
    font-weight: bold;
    font-size: 46px;
    color: #fff;
    font-family: 'wf_segoe-ui_semilight','Segoe UI Semilight','Segoe UI','Segoe UI Web','Segoe UI Symbol','Helvetica Neue',Arial,sans-serif;
    letter-spacing: 1px;
}
.banner2 {
    width: 100%;
    float: left;
    height: 494px;
    background: url(../images/banner-food.jpg) top center no-repeat;
    background-size: cover;
}
.banner2 p{ font-size:20px; color:#FFF;}
.food-ban-left2 {
    width: 100%;
    margin-top: 192px;
    display: inline-block;
    text-align: center;
}
.food-ban-left-text2 {
    width: 100%;
    top: 60px;
    font-weight: bold;
    font-size: 34px;
    color: #fff;
    font-family: 'wf_segoe-ui_semilight','Segoe UI Semilight','Segoe UI','Segoe UI Web','Segoe UI Symbol','Helvetica Neue',Arial,sans-serif;
    letter-spacing: 1px;
}
.calltode {
    background: #fff;
    padding: 0px;
    margin: 20px 0;
    width: 680px;
    display: inline-block;
    border-radius: 4px;
}
.de-number {
    font-size: 28px;
    color: #000 !important;
    float: left;
    padding: 4px 20px;
}
.de-number strong {
    font-size: 35px;
    color: #007DB8 !important;
    font-family: Arial, Verdana;
}
.de-callnow {
    background: #F36;
    border-radius: 0px 6px 6px 0px;
    float: right;
    padding: 12px 20px;
}
.de-callnow a {
    font-size: 25px;
    color: #fff;
    text-decoration: none;
}

.parple-area {
	background: #624877;
	padding: 130px 0;
	float: left;
	width: 100%
}
.parple-area_left {
	float: right;
	width: 50%;
	color: #fff;
	padding: 30px 0
}
.parple-area_right {
	margin-right: 0;
	float: left
}
.parple-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.parple-area_left p {
	font-weight: 300;
	line-height: 1.25;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	font-size: 18px
}
.add-livechat {
	background: #624877;
	padding: 50px 0;
	float: left;
	width: 100%
}
.add-livechat_left {
	float: right;
	width: 50%;
	color: #fff;
	padding: 10px 0
}
.add-livechat_right {
	margin-right: 0;
	float: left
}
.add-livechat_right img {
	padding: 24px
}
.add-livechat_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.add-livechat_left p {
	font-weight: 300;
	line-height: 25px;
	padding: 10px 20px 15px 0;
	text-align: justify;
	letter-spacing: .04em;
	font-size: 16px
}
.light-area {
	background: url(../images/last-bg.jpg) center no-repeat #52b7d4;
	padding: 100px 0;
	float: left;
	width: 100%
}
.light-area_left {
	float: right;
	width: 50%;
	color: #fff;
	padding: 30px 0
}
.light-area_right {
	margin-right: 0;
	float: left
}
.light-area_left h2 {
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 0;
	padding-bottom: 0
}
.light-area_left p {
	font-weight: 400;
	line-height: 1.25;
	padding: 10px 20px 25px 0;
	letter-spacing: .04em;
	font-size: 18px
}
footer {
	clear: both;
	overflow: auto;
	margin: 0;
	border-top: 4px solid #232323;
	background: url(../images/footernew1.jpg) top center no-repeat #2e2e2e;
	color: #8F8F87;
	background-size: cover;
	box-sizing: border-box;
	padding: 115px 0 5px
}
footer .footer-top {
	width: 100%;
	float: left
}
footer .footer-top-left {
	clear: left;
	float: left;
	padding: 20px 0 10px
}
footer .footer-top-right {
	clear: right;
	float: right
}
footer .footer-top-social {
	float: left
}
footer .footer-top-social ul {
	margin: 0;
	list-style: none
}
footer .footer-top-social ul li {
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
	width: 35px!important
}
footer .footer-top-social ul li a {
	text-decoration: none
}
footer .nav-list {
	width: 32%;
	padding: 10px;
	float: left;
	margin-right: 14px
}
footer .nav-list:last-child {
	margin-right: 0
}
footer .nav-list h4 {
	color: #FFF;
	margin: 10px 0
}
footer .nav-list ul {
	width: 100%;
	margin: 0 0 -10px
}
footer .nav-list ul li {
	width: 50%;
	float: left;
	list-style: none;
	font-size: 15px;
	color: #CCC;
	padding: 7px 0
}
footer .nav-list ul li a {
	list-style: none;
	font-size: 15px;
	color: #000;
	text-decoration: none
}
footer .nav-list ul li a img {
	width: 100%
}
footer .nav-list ul li a:hover {
	color: #fff;
	text-decoration: none
}
footer .nav-list2 {
	width: 32%;
	padding: 10px;
	float: left;
	margin-right: 14px
}
footer .nav-list2 h4 {
	color: #FFF;
	margin: 10px 0
}
footer .nav-list2 ul {
	width: 100%;
	margin: 0 0 10px
}
footer .nav-list2 ul li {
	width: 100%;
	list-style: none;
	font-size: 15px;
	color: #CCC;
	padding: 5px 0
}
footer .nav-list2 ul li a {
	list-style: none;
	font-size: 15px;
	color: #000;
	text-decoration: none
}
footer .nav-list2 ul li a img {
	width: 100%
}
footer .nav-list2 ul li a:hover {
	color: #fff;
	text-decoration: none
}
footer .foot_copy {
	background: #232323;
	clear: both;
	color: #696969;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	padding: 1em
}
@media only screen and (min-width:1170px) and (max-width:1399) {
.caption2 {
	width: 42%
}
.caption3 {
	width: 33%
}
.blue-area {
	padding: 25px 0
}
.green-area, .light-area, .parple-area, .white-area {
	padding: 20px 0
}
.light-area {
	background-size: 100%
}
}
@media only screen and (min-width:768px) and (max-width:1170px) {
.wrapper {
	width: 740px;
	margin: 0 auto
}
.caption2 {
	width: 56%;
	margin: 79px auto auto
}
.circle-box ul li {
	width: 130px;
	margin: 0
}
.blue-area_left, .green-area_right, .white-area_right {
	width: 50%
}
.white-area_right img {
	max-width: 100%
}
.parple-area_right {
	width: 48%
}
footer .nav-list {
	margin-right: 8px
}
footer .nav-list ul li a {
	color: #fff
}
footer {
	padding: 180px 0 0
}
.caption3 {
	font-size: 25px;
	width: 40%;
	margin: 150px auto auto;
	height: 54px
}
#cssmenu>ul>li>a {
	font-size: 13px;
	margin-right: 0
}
.header div#logo img {
	width: 80%
}
.blue-area {
	padding: 25px 0
}
.green-area, .light-area, .parple-area, .white-area {
	padding: 20px 0
}
.light-area {
	background-size: 100%
}
.add-livechat_right {
	width: 50%
}
header div#logo {
	width: 171px;
	padding-top: 20px
}
header div#logo img {
	width: 100%
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.add-livechat_left, footer .footer-top-right, header div#logo {
	float: left
}
.wrapper {
	width: 100%
}
.calltode { width: 445px;}
header div#logo {
	width: 150px;
	padding-top: 15px;
	padding-bottom: 15px
}
.circle-box ul li {
	width: 125px;
	margin: 10px 0;
	display: -webkit-inline-box;
	display: inline-block
}
.circle-box ul li a {
	padding: 14px;
	width: 80px;
	height: 80px;
	margin: 2px 20px 8px
}
.blue-area, .green-area, .light-area, .parple-area, .white-area {
	width: 100%
}
.blue-area_left, .green-area_left, .light-area_left, .parple-area_left, .white-area_left {
	float: left;
	width: 100%
}
.caption2, .caption3 {
	font-size: 20px;
	font-weight: 700;
	width: 54%;
	height: 47px
}
.blue-area_left p {
	text-align: left
}
.blue-area {
	padding: 25px 0
}
.green-area, .light-area, .parple-area, .white-area {
	padding: 20px 0
}
.light-area {
	background-size: 100%
}
.caption2 {
	margin: 36px auto auto; font-size:16px;
}
.caption3 {
	margin: 90px auto auto;font-size:18px;
}
.blue-area_center-img img {
	width: 55%
}
.add-livechat_left, footer .nav-list, footer .nav-list2 {
	width: 100%
}
.useful-area_left, .useful-area_right {
	width: 100%;
	text-align: justify
}
footer .nav-list ul {
	margin: 10px 0 -10px
}
.food-ban-left2 {  margin-top: 96px;}
footer .nav-list ul li a, footer .nav-list2 ul li a {
	color: #fff
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
footer .nav-list ul li a, footer .nav-list2 ul li a {
	color: #fff
}
.wrapper {
	width: 100%
}
.food-ban-left2 {  margin-top: 96px;}
.de-number strong { font-size: 34px;}
.calltode { width: 280px;}
.de-callnow {
    background: #F36;
    border-radius: 0px 6px 6px 0px;
    float: none;
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 20px;
}
header div#logo {
	width: 220px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px
}
header div#logo img {
	width: 100%;
	float: left
}
.circle-box ul li {
	width: 125px;
	margin: 10px 0;
	display: -webkit-inline-box;
	display: inline-block
}
.circle-box ul li a {
	padding: 14px;
	width: 80px;
	height: 80px;
	margin: 2px 20px 8px
}
.blue-area, .green-area, .light-area, .parple-area, .white-area {
	width: 100%
}
.blue-area_left, .green-area_left, .light-area_left, .parple-area_left, .white-area_left {
	float: left;
	width: 100%;
	padding: 10px 0 0
}
.blue-area_left p {
	text-align: justify;
	font-size: 18px
}
.add-livechat_left h2, .useful-area_left h2 {
	font-size: 25px
}
.parple-area_left p {
	padding: 0
}
.blue-area {
	padding: 25px 0
}
.green-area, .light-area, .parple-area, .white-area {
	padding: 20px 0
}
.light-area {
	background-size: 100%
}
.blue-area_center-img img {
	width: 64%;
	padding: 0 0 10px
}
.add-livechat_left, .footer .nav-list, footer .nav-list, footer .nav-list2 {
	width: 100%
}
.add-livechat_left {
	float: left
}
.useful-area_left, .useful-area_right {
	width: 100%;
	text-align: justify;
	padding: 0!important
}
.grey-area_center h2 {
	text-align: left;
	font-size: 25px
}
.add-livechat_left p {
	padding: 10px 0 15px
}
footer .footer-top-right {
	float: left
}
footer .nav-list ul {
	margin: 10px 0 -10px
}
.education-ban-left { margin-top: 110px;}
.button {  top: -58px;}
}