@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);/* font-family: 'Poppins', sans-serif; */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,100);/* font-family: 'Roboto', sans-serif; */







body {

	margin: 0px;

	color: #000;

	font-size: 16px;

	font-family: 'Poppins', sans-serif;

	font-weight:300;

	line-height:normal;

	padding:0px ;

}

img{ max-width:100%; }

h1, h2, h3, h4, h5, h6{

	font-family: 'Poppins', sans-serif;

	margin:0px;

	color:#595857;

	font-size:45px;

	line-height:normal;

	font-weight:600;

	margin-bottom:15px;

}

h1{

	font-size:45px;	

}

h2 {

    font-size: 35px;

}

h3{ 

	font-size:30px;

}

h4{ 

	font-size:25px;

}

h5{ 

	font-size:22px; 

}

h6{ 

	font-size:20px; 

}

hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}

p, ul, ol{ margin:0px; line-height:25px; padding:0px; font-family: 'Roboto', sans-serif;}

ul *, ol * { margin:0px; padding:0px;}

ol,ul { padding-left: 0px;}

ul {display:block; }

ul li{

	line-height:30px;

}

a img { border: 0px; outline:none;}

p {

    margin-bottom: 18px;

}

.clr{ display: block; float: none; clear: both;}

.c { overflow:hidden; float:none;}

.underline{text-decoration:underline;}

.left,.flot_left{ float:left;}

.right,.flot_right{ float:right ;}

.a_left { text-align: left ;}

.a_center { text-align: center;}

.a_right { text-align: right;}

a { text-decoration:none; outline:none !important; transition:all linear 0.2s; }

.hidden { display:none;}

.italic{

	font-style:italic;	

}

.bold{

	font-weight:700;	

}

table{

	border-spacing:0px;

	border-collapse:collapse;

}

input[type="text"],input[type="url"],input[type="tel"], input[type="email"], input[type="password"], select, textarea {

    background:#e2e5e5;

    border:0;

    color: #232323;

    resize: vertical;

    width:100%;

	font-weight:300;

	box-sizing:border-box;

	font-family: 'Poppins', sans-serif;

	

}

textarea {

    width:100%;

}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { }

select { padding: 12px; width:100%;}

input[type="button"], input[type="submit"], input[type="reset"] {

	background:#c73e3a ;

	border:0px solid #2e6ab3;

	font-size:17px;

	color:#ffffff;

	font-weight:600;

	padding:15px 34px;

	font-family: 'Poppins', sans-serif;

}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { 

	background-color:#ae3733;

}

a{

	color:#6eb6ee; outline:none;	

}

a:hover, a:focus, a:active {

	outline:none;

	text-decoration:none;

}

a:hover{

	text-decoration:none;

	color:#5291c3;

}	

/*-------------------------*/

#mob_menu{	position: fixed;	background-color: #335bcb;	height: 100%;	z-index: 999999;	width: 280px;	color: #fff;	top: 0;	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	-ms-transition: all 0.3s ease;	-o-transition: all 0.3s ease;	transition: all 0.3s ease;	opacity: 1;	left:-280px;}

#mob_menu.show_menu{

	left:0px;

}

#mob_menu .close_btn a{

	font-size:14px;

	color:#fff;

	font-weight:500;

}

#mob_menu ul,

#mob_menu ul li{

	margin:0px;

	padding:0px;

	list-style:none;	

}

#mob_menu ul li{

	display:block;	

}

#mob_menu ul li a{

	display:block;

	font-size:14px;

	color:#fff;

	text-transform:uppercase;

	font-weight:500;

	padding:4px 15px;

}

#mob_menu ul li:hover > a{

	color:#000;

}

#mob_menu ul li+li{

	border-top:1px solid #1f90ab;	

}

#mob_menu ul li.select a{

	color:#000;

	background-color:#fff;	

}

#mob_menu ul li.select:hover > a{

	color:#000;	

}

/*--------------------------------------*/

.button_box a+a{

	margin-left:15px;	

}

.button_box a.cyan{

	background:#a7fcff;

	color:#005265;

}

.button_box a.red{

	background:#c73e3a;

	color:#fff;	

}

.button_box a.yellow{

	background:#fffc00;

	color:#000;	

}

.button_box a.pink{

	background:#ec2084;

	color:#fff;

	border-radius:5px;

	min-width: 170px;

    padding: 21px 15px;

}

.button_box a.get{

	background:#ec2084;

	color:#fff;

	border-radius:5px;

	min-width: 220px;

    padding: 20px 15px;

}

.button_box a.gray{

	background:#515151;

	color:#fff;	

}

.button_box a.choose{

	min-width: 135px;

	margin:15px 0;

}

.mob_btn{

	display:none;

}

/*-----------------------------------------------------*/



.top-section {

    background-color: #fff;

    padding: 25px 0;

    position: relative;

    z-index: 3;

	border-bottom:1px solid #335bcb;

}

.top-section .nav_section{

	text-align:right;

}

.top-section .nav_section ul li{

	display:inline-block;

}

.top-section .nav_section ul li + li{

	padding-left:45px;

}

.top-section .nav_section ul li a {

    color: #000;

    font-size: 22px;

    font-weight: 400;

    line-height: 30px;

}
.top-section .nav_section ul li a:hover {
	color:#335bcb;
}
.banner_section{

	background:url(../images/new-banner.jpg) no-repeat center top;

	background-size:cover;

	text-align:center;

}

.banner_section .banner_text{

	color:#fff;

	font-size:50px;

	line-height:77px;

	margin-bottom:5vh;

	font-weight:300;

}

.banner_section .banner_text h3, .banner_section .banner_text h1 {

    color: #fff;

    font-weight: 300;

    margin-bottom: 0;

}

.banner_section .banner_text h1 {

    line-height: 77px;

}



/*.banner_section .scroll_icon {

	padding:115px 0 60px 0;

}*/

.banner_section .scroll_icon a {

    color: #fff;

    display: inline-block;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

}

.banner_section .scroll_icon a span {

	display:block;

}

.what_we_section .text_box {

    display: table-cell;

    padding: 0 50px 0 100px;

	vertical-align:middle;

	height:100%;

}

.ms-section.whatwedo {

    background-color: #ea0b8c;

}

.what_we_section .text_box h1{

	color:#fff;

	font-size:40px;

	font-weight:700;

	text-transform:uppercase;

	font-family: 'Poppins', sans-serif;

}

.what_we_section .text_box p{

	color:#fff;

	font-size:22px;

	line-height:35px;

	font-family: 'Poppins', sans-serif;

	/*min-height:351px;*/

}

.what_we_section .text_box .links{

	margin:30px 0;

}

.what_we_section .text_box .links a{

	border:#fff 1px solid;

	padding:0px 10px;

	color:#fff;

	font-family: 'Poppins', sans-serif;

	font-size:14px;

	font-weight:300;

	text-align:center;

}

.what_we_section .text_box .links a.active{

	background-color:#fff568;

	color:#000;

}

.what_we_section .text_box .links a + a {

    margin: -6px;

}

.what_we_section .img_box{

	display: table-cell;

	vertical-align:middle;

	width:60%;

	display:none;

}

.ms-section.our_style{

	background-color:#335bcb;

}

.what_we_section .text_box .links a.blue{

	border:#5884ff 1px solid;

}

.what_we_section .text_box .links a.blue.active{

	background-color:#5884ff;

	color:#fff;

}

.ms-section.our_advantage{

	background-color:#1a975d;

}

.what_we_section .text_box .links a.green{

	border:#fff 1px solid;

}

.what_we_section .text_box .links a.green.active{

	background-color:#fff;

	color:#000;

}

.our_history{

	background-color:#bd2125;

}

.companies_logo{

	/*padding:100px 0; */

	background-color:#f4f4f4;

	text-align:center;

}

.mobile .companies_logo {

	background-color:#fff;

}

.companies_logo h1{

	font-size:30px;

	color:#333;

	text-transform:uppercase;

	font-family: 'Poppins', sans-serif;

	font-weight:500;

	margin-bottom:50px;

}

.companies_logo .logos{

	margin-top:0px;

}

.companies_logo .logos a {

    display: inline-block;

    margin: 0 15px;

}

.contact_form{

	padding:10vh 0;

}

.mobile .contact_form  {

	background:#f4f4f4;

}

.footer_section {

	background-image:none;

	background-color:#f4f4f4;

}

.contact_form h2{

	color:#000;

	font-size:32px;

	text-transform:uppercase;

	font-family: 'Poppins', sans-serif;

	font-weight:700;

	text-align:center;

}

.contact_form p{

	text-align:center;

}

.contact_form p a{

	color:#000;

	font-size:40px;

	font-family: 'Poppins', sans-serif;

	font-weight:300;

}

.contact_form .form_box{

	margin-top:60px;

}

.contact_form .form_box .main_box{

	margin-bottom:20px;

}

.contact_form .form_box .name_bx{

	float:left;

	width:48%;

	position:relative;

	margin-right:10px;

}

.contact_form .form_box .name_bx:last-child{

	margin-right:0px;

}

.contact_form .form_box .text_area{

	position:relative;

}

.contact_form .form_box .text_area textarea {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e5e4e4;

    color: #333;

    font-size: 13px;

    font-weight: 300;

    height: 110px;

    padding: 10px 115px 10px 15px;

}

.contact_form .form_box .text_area input[type="submit"] {

    background: #335bcb none repeat scroll 0 0;

    bottom: 0;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 35px;

    position: absolute;

    right: 1px;

    text-transform: uppercase;

}

.contact_form .form_box .name_bx input[type=text],.select-style select, .select-style .generalEnquiry {

	border:#e5e4e4 1px solid;

	background:#fff;

	color:#333;

	font-size:13px;

	font-weight:300;

	padding:10px 15px;

}
.select-style .generalEnquiry {
	border:none;
}
.select-style {

	height:45px;

	overflow: hidden;

	background-image: url(../images/selct_drpdwn.png);

	background-repeat:no-repeat;

	background-color:#fff;

	background-position: right center;

	color:#333;

	font-size:13px;

	border:#e5e4e4 1px solid;

}



.select-style select {

    width: 107%;

    border: none;

    box-shadow: none;

    background: transparent;

    background-image: none;

    -webkit-appearance: none;

}



.select-style select:focus {

    outline: none;

}

.copy_right {

    background: #181818 none repeat scroll 0 0;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    margin-top: 18vh;

    padding: 4vh 0;

    text-align: center;

}

.ms-right .box1 {

	background-image:url("../images/what_we_img1.jpg");

}

.ms-right .box2 {

	background-image:url("../images/our_style_img.jpg");

}

.ms-right .box3 {

	background-image:url("../images/our_advantage_img.jpg");

}

.ms-right .box4 {

	background-image:url("../images/our_history_img.jpg");

}

.ms-left {

	width:35%;

	z-index:1;

}

.ms-right {

	width:65%;

}



/*.ms-right .ms-section {

	width:65%;

}

.ms-left .ms-section {

	width:35%;

}*/

/*------------------scroll-------------------------------------------------------------------*/

.scroll-container {

    border: 2px solid #fff;

    border-radius: 15px;

    bottom: 30px;

    cursor: pointer;

    height: 40px;

    left: 50%;

    margin-left: -15px;

    opacity:1;

    position: absolute;

    transition: all 0.5s ease 0s;

    width: 25px;

    z-index: 10002;

}

#indicationText {

    color: #fff;

}

.mouse {

    bottom: 30px;

    position: fixed;

    width: 100%;

}

.scroll-container::before {

    animation: 1.25s linear 0s normal none infinite running shakeScroll;

    background-color: #fff;

    content: "";

    height: 10px;

    left: 9px;

    position: absolute;

    width: 3px;

}

.scroll-container:hover {

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 1;

}

.scroll-container:hover::before {

    animation-play-state: paused;

}

@keyframes shakeScroll {

	0% {

		top: 5px;

	}

	50% {

		top: 10px;

	}

	100% {

		top: 5px;

	}

}

#indication {

    bottom: 5px;

    position: fixed;

    text-align: center;

    width: 100%;

    z-index: 10002;

    color: #335bcb;

    font-size: 10px;

    font-weight: 700;

	font-family: 'Roboto', sans-serif;

}

/*#menu {

	position:fixed;

	z-index:2;

	width:100%;

	background-color:#fff;

}*/

#multiscroll {

	position:relative;

}

.mobile {

	display:none;

}



/*-------------------------------------------------------------------------------------*/

/*----------------------------------*/

#popup{

	width:100%;

	display:none;

}

#grayshadow{

	width:100%;

	height:100%;

	position:fixed;

	background:rgba(00,00,00,.7) ;

	opacity:.1px;

	top:0;

	left:0;

	z-index:100;

	display:block;

}

#windo{

	position:fixed;

	width:64px;

	height:64px;

	z-index:200;

	display:block; 

	text-align:center;

}

#message_pop {

    background: #fff none repeat scroll 0 0;

    border-radius: 5px;

    box-shadow: 0 0 10px #666;

    display: none;

    max-width: 366px;

    position: fixed;

    text-align: center;

    z-index: 200;

}



.info, .success, .warning, .error, .validation {

    background-position: 10px center;

    background-repeat: no-repeat;

    border: 1px solid;

    border-radius: 5px;

    margin: 1px;

    padding: 15px;

    text-align: center;

}

.info {

	color: #00529B;

	background-color: #BDE5F8;

}

#popup .success {

    background-color: #fff;

    color: #4f8a10;

}

.error {

	color: #D8000C;

	background-color: #FFBABA;

}

#popup .ok {

    background-color: #ea0b8c;

    color: #fff;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    padding: 3px;

    width: 100px;

}

.warnOpn {

    color: #e80505;

    font-size: 12px;

    margin-top: -3px;

    position: absolute;

    text-align: center;

    white-space: nowrap;

}

.warnOpn .arrw {

	 position: absolute;

	 margin-left: -20px;

	 color: #dada00;

	 font-weight: bold;

	 display:none;

}



#popup .success h3 {

    color: #ea0b8c;

}

#popup .success h4 {

    font-size: 15px;

}

#popup .success > img {

    margin-bottom: 10px;

}



/*-------------------------------------*/



.mouse.dark #indicationText {

    border-color: #000;

    color: #000;

}

.mouse.dark .scroll-container::before {

    background-color: #000;

    color: #000;

}

.mouse.dark .scroll-container {

    border-color: #000;

}

.mouse.none {

    display: none;

}







/*-------------------------------------------------------------------------------------*/

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

	.what_we_section .text_box {

		padding-left: 25px;

	}

}

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

	.what_we_section .text_box{

		padding-left: 50px;

	}

	.what_we_section .text_box h1{

		font-size:35px;

	}

	.companies_logo h1 {

		margin-bottom:15px;

	}

}

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

	.top-section .logo{

		text-align:center;

	}

	.top-section .nav_section {

		margin-top: 0;

		text-align: center;

	}

	.banner_section .banner_text h3 {

		font-size: 24px;

	}

	.banner_section .banner_text h1 { 

		font-size: 35px;

		line-height: 60px;

	}

	.what_we_section .text_box {

		padding-left: 16px;

	}

	.contact_form {

		background: #f4f4f4 none repeat scroll 0 0;

		padding: 5vh 0;

	}

}

@media only screen and (min-width:768px) and (max-width:1199px){ 

	.contact_form .form_box .name_bx {

		width: 47%;

	}

	.what_we_section .text_box h1 {

		font-size: 23px;

		margin-bottom: 0;

		min-height: auto;

	}

	.what_we_section .text_box p {

		font-size: 16px;

		line-height: 22px;

	}

}

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

	body {

		overflow:auto !important;

	}

	.top-section .nav_section{

	  	display:none;

	}

	.mob_btn {

		display: block;

		position: absolute;

		right: 0px;

		top: -34px;

		z-index: 1;

	}

	.top-section .logo {

    	text-align: left;

		 width: 75%;

	}

	.banner_section .banner_text {

		font-size: 35px;

		line-height: 52px;

		margin-bottom: 0;

		padding: 70px 0;

	}

	.banner_section .scroll_icon {

    	padding: 38px 0 30px;

	}

	.what_we_section .text_box {

		display: block;

		float: none;

		width: 100%;

	}

	.companies_logo {

    	padding: 30px 0;

	}

	.companies_logo .logos {

    	margin-top: 20px;

	}

	.contact_form p a{

		font-size:20px;

	}

	.contact_form .form_box .name_bx {

		float: none;

		margin-bottom: 10px;

		margin-right:0;

		width: 100%;

	}

	.contact_form .form_box .main_box {

    	margin-bottom: 0;

	}

	.companies_logo .logos a {

		display: inline-block;

		margin:0 10px -5px;

		width:calc(50% - 24px);

	}

	#multiscroll {

		display:none;

	}

	#multiscroll-nav.right {

		display:none;

	}

	.what_we_section .text_box {

		display:block;

		width:100%;

	}

	.what_we_section .img_box {

		display:none;

	}

	.what_we_section {

		background-position: center center;

		background-repeat: no-repeat;

		background-size: cover;

	}

	.what_we_section.bx1 {

		background-image:url("../images/what_we_img1.jpg");

	}

	.what_we_section.bx2 {

		background-image:url("../images/our_style_img.jpg");

	}

	.what_we_section.bx3 {

		background-image:url("../images/our_advantage_img.jpg");

	}

	.what_we_section.bx4 {

		background-image:url("../images/our_history_img.jpg");

	}

	.what_we_section .text_box {

		background-color: rgba(234,11,140,.8);

		display: block;

		padding: 30px;

	}

	.what_we_section .our_style {

		background-color: rgba(51,91,203,.8);

	}

	.what_we_section .our_advantage {

		background-color: rgba(26,151,93,.8);

	}

	.what_we_section .our_history {

		background-color: rgba(189,33,37,.8);

	}

	.what_we_section .text_box .links {

		margin: 30px 0 0;

	}

	.scroll-container, #indication {

		display:none;

	}

	.contact_form {

		padding:50px 0;

	}

	.copy_right {

		margin-top:0;

	}

	.mobile {

		display:block;

	}

	.companies_logo h1 {

		font-size:25px;

		margin-bottom:40px;

	}

}

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

	.button_box a{

		margin-bottom:5px;	

	}

	.button_box a+a{

		margin-left:0px;	

	}

	.banner_section .banner_text {

		font-size: 30px;

		line-height: 50px;

		margin-bottom: 0;

		padding: 70px 0;

	}

	.what_we_section .text_box p {

		font-size: 18px;

		line-height: 30px;

	}

	.what_we_section .text_box h1 {

		font-size: 29px;

		margin-bottom: 5px;

	}

	.banner_section .banner_text h1 {

		font-size: 30px;

		line-height: 45px;

	}

	.banner_section .banner_text h3 {

		margin-bottom: 10px;

	}

	.companies_logo h1 {

		font-size:20px;

	}

}

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

	.banner_section .banner_text {

		font-size: 24px;

		line-height: 41px;

	}

	.contact_form .form_box .text_area input[type="submit"] {

		position:static;

		margin-top:10px;

	}

	.contact_form .form_box .text_area textarea {

		padding: 10px;

	}

	.banner_section .banner_text h3 {

		font-size: 20px;

	}

	.banner_section .banner_text h3 {

		margin-bottom: 10px;

	}

}