@charset "utf-8";

/*************

40px/16=2.5em 





Corlor :

Green #0d993f;

Cyan : #0085ac;

Merun : #7b1d5f





**********/



body{font-family: Poppins; font-size: 15px; margin:0px; padding:0px; line-height:normal; color:#1f0f0f; line-height:normal; font-style:normal;  }



a:link  {color:#aaaaaa; text-decoration:none; }

a:visited { color:#aaaaaa; text-decoration:none;}

a:active { color:#aaaaaa; text-decoration:none;}

a:hover { color:#0d993f; text-decoration:none;}





.linkg:link  {color:#aaaaaa; text-decoration:none; }

.linkg:visited { color:#aaaaaa; text-decoration:none;}

.linkg:active { color:#aaaaaa; text-decoration:none;}

.linkg:hover { color:#0d993f; text-decoration:none;}





p {font-size: 1.0em;  color:#aaaaaa; line-height:1.4em; margin:3px 0px; padding:0px;  }



.linh0 { line-height:0.8em}

.linh1 { line-height:1.0em}

.linh13 { line-height:1.3em}

.linh15 { line-height:1.5em}

.linh2 { line-height:2.0em}

.linh25 { line-height:2.5em}

.linh3 { line-height:3.0em}



/***********Color*****************/





.tgreen { color:#0d993f;}

.tcyan { color:#0085ac;}

.tmerun { color:#7b1d5f;}

.torange { color:#eda92c;}

.tblue1 { color:#8a8893;}

.twhite { color:#ffffff;}



.tgray40 { color:#aaaaaa;}

.black75 { color:#211f1f}

.black85 { color:#1f0f0f}

.black60 { color:#666666;}





.tot{ margin:0px auto;}

 



/***********Font*****************/



.bold { font-weight:600;}

.normal { font-weight:normal;}

.light { font-weight:300;;}



 





.center  { text-align:center;}

.left  { text-align:left;}

.right { text-align:right;}



.mar0 { margin:0px;}

.pad0 { padding:0px;}



/***********Background*****************/



.bg_gray1 { background-color:#2098d1;}

.bg_gray2 { background-color:#fafafa !important;}

.bg_c1 {background-color:#0086ac;}



/***********Paragraph*****************/

.pp{ width:100%;  float:left;  }







/***********Tittle*****************/

h1 { font-size:3.5em;  margin:2% 0px; font-weight:600;   }

h2 { font-size:2.4em; margin:0px; font-weight:600; font-style: normal; font-stretch: normal;    }

h3 { font-size:1.875em; margin:0px; font-weight:600; font-style: normal; font-stretch: normal;    }

h4 { font-size:1.275em; margin:0px; font-weight:600; font-style: normal; font-stretch: normal;      }

h5 { font-size:1.1em; font-weight:600;  font-style: normal; font-stretch: normal;      }

h7 { font-size:2.0em; font-weight:600; font-style: normal; font-stretch: normal;     }







/***********Layout*****************/



.col-1 {width: 7.33%; padding:0.5%; margin:0.5%; float:left; }

.col-2 {width: 14.66%; padding:1%; margin:1%; float:left;}

.col-3 {width: 23%; padding:1%; margin:1%; float:left;}

.col-4 {width: 31.23%; padding:1%; margin:1%; float:left;}

.col-5 {width: 39.66%; padding:1%; margin:1%; float:left; }

.col-6 {width: 48%; padding:1%; margin:1%; float:left;}
.col-6mp {width: 50%; padding:0%; margin:0%; float:left;}

.col-7 {width: 56.33%; padding:1%; margin:1%; float:left; }

.col-8 {width: 64.66%; padding:1%; margin:1%; float:left;}

.col-9 {width: 73%; padding:1%; margin:1%; float:left; }

.col-10 {width: 81.33%; padding:1%; margin:1%; float:left; }

.col-11 {width: 89.66%; padding:1%; margin:1%; float:left; }

.col-12 {width: 98%; padding:1%; margin:1%; float:left; }

.col  {width: 100%; padding:0%; margin:0%; float:left;}





.col-3 h3 a:link,a:visited,a:active { color:#000;}

.col-3 h3 a:hover { color:#000;}













.margin1 { margin:1% 0%;}

.workimg { width:100%; float:left;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; margin-bottom:10px; }





/***********border*****************/

.bor_lr { border-left:#e7e5e5 solid 1px; border-right:#e7e5e5 solid 1px;}



.sborder { border:#e2e3e4 solid 1px;   padding:5%;}



.radius15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}



/*****************Button********************/



.  { font-style: normal;     }

	

	

.btn_green 	{background-color:#0d993f;      color: #ffffff !important; padding:7px 25px 5px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}

.btn_green:hover {    background-color: #13c954;    color: white; padding:7px 25px 5px 25px;   -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}







.btn_cyan 	{background-color:#0085ac;      color: #ffffff !important; padding:7px 25px 5px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer; line-height:0px;}

.btn_cyan:hover {    background-color: #0aafdf;    color: white; padding:7px 25px 5px 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer; line-height:0px;}





.btn_merun 	{background-color:#7b1d5f;      color: #ffffff !important; padding:7px 25px 5px 25px;   -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}

.btn_merun:hover {    background-color: #a82a82;    color: white; padding:7px 25px 5px 25px;   -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}



.bdisable 	{background:none;  color: #ccc !important; padding:7px 25px 5px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}

.bdisable:hover {    background:none;    color:#ccc; padding:7px 25px 5px 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}



 

.bgray1 	{background-color:#none;   color: #aaaaaa !important; padding:7px 25px 5px 25px;   -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer; border:#aaaaaa solid 1px;}

.bgray1:hover {   background-color:#none;    color:#ccc;  padding:7px 25px 5px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;  -webkit-transition-duration: 0.4s; /* Safari */     transition-duration: 0.4s; cursor: pointer;}



.btn_textog {    color: #0d993f !important;}
.btn_textog:link {    color: #0d993f !important;}
.btn_textog:visited {    color: #0d993f !important;}
.btn_textog:active {    color: #0d993f !important;}
.btn_textog:hover {    color: #0d993f !important;}
 

/*****************Unique********************/

.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}

.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}





/*********************************/



 

 

.primary { font-size:1.2em;}





 



.fsize14 { font-size:0.8em; line-height:normal;}

.l1m3 {line-height:1.2em; margin:3% 0px}

.l1 {line-height:1.3em;}









.fweight { font-weight:normal;}



 









.m0 { margin:0px;}

.semibodl { font-weight:600;}





 



.text_right{ text-align:right;}

.circle1 { width:120px; height:120px; -moz-border-radius: 60px; line-height:120px; text-align:center; 	-webkit-border-radius: 60px; 	border-radius: 60px; border:#CCC solid 2px; margin:10px 0px; color:#aaaaaa; font-weight:normal; }



.circle1:link,visited,active { color:#aaaaaa;   border:#0d993f solid 2px;}

.circle1:hover { color:#0d993f;   border:#0d993f solid 2px;}



.circle2 { padding:0px 10px;  -moz-border-radius: 15px;   text-align:center; 	-webkit-border-radius: 15px; 	border-radius: 15px;   margin:0px 0px; color:#fff; font-weight:normal;  }



 





.svgicon_box1 { min-height:50px;  text-align:center;}

.svgicon_box1 object { max-height:50px;}



.iconimg1 { max-width:100px;}

.parnterlogo { max-width:180px;}

.img100 { width:100%;}





/*******************Nav*********************/







/*Strip the ul of padding and list styling*/

#menu {

	list-style-type:none;

	margin:0px auto;

 

	position:relative;

 

}



/*Create a horizontal list with spacing*/

#menu li {

	display:inline-block;

	position: relative;

	margin-right: 1px;

	margin-top:11px;

}



/*Style for menu links*/

#menu  li a {

	display:block;

	padding:1px 15px;

	

	/*height: 50px;*/

	text-align: center;

	font-weight:600;

	/*line-height: 50px;*/

	color: #aaaaaa;

	font-size:1.125em;





	background: #fff;

	text-decoration: none;

}



#menu .active  { color:#000;}



/*Hover state for top level links*/

#menu  li:hover a {

	background: #fff;

	color: #000;

}



/*Style for dropdown links*/

#menu li:hover ul a {

	background: #fff;

	color: #aaaaaa;

	height: 40px;

	line-height: 40px;

}



/*Hover state for dropdown links*/

#menu  li:hover ul a:hover {

	background: #19c589;

	color: #fff;

}



/*Hide dropdown links until they are needed*/

#menu  li ul {

	display: none;

}



/*Make dropdown links vertical*/

#menu li ul li {

	display: block;

	float: none;

}



/*Prevent text wrapping*/

#menu li ul li a {

	width: auto;

	min-width: 100px;

	padding: 0 20px;

}



/*Display the dropdown on hover*/

#menu ul li a:hover + .hidden, .hidden:hover {

	display: block;

}



/*Style 'show menu' label button and hide it by default*/

.show-menu {



	text-decoration: none;

	color: #fff;

	background: #0d993f;

	text-align: center;

	padding: 10px 0;

	display: none;

}



/*Hide checkbox*/





/*Show menu when invisible checkbox is checked*/

#navv input[type=checkbox]:checked ~ #menu{

    display: block;

}



/****************************MY Menu**********************/

#mymenu_tot{ width:100%; text-align:center; float:left; text-align:center; border-top:#e8e8e8 solid 1px; padding-top:1%;}



#mymenu {

	list-style-type:none;

	margin:0px auto;

	position:relative;

 

 

 

}



#mymenu li {

	display:inline-block;

position:relative;

	margin-right: 1px;

}



/*Style for menu links*/

#mymenu  li a {

	display:block;

	padding:0px 15px;

	

	/*height: 50px;*/

	text-align: center;

	 

	/*line-height: 50px;*/

	color: #aaaaaa;

	font-size:1.0em;





	background: #fff;

	text-decoration: none;

}



#mymenu .active  { color:#000;}



/*Hover state for top level links*/

#menu  li:hover a {

	background: #fff;

	color: #000;

}































#leftmenu {

	list-style-type:none;

	margin:0px auto;

	float:left;

 



 

 

 

}



#leftmenu li {

	 



	margin-right: 1px;

	position:relative;

}



/*Style for menu links*/

#leftmenu  li a {

	display:block;

	padding:0px 15px;

	

	/*height: 50px;*/

 

	 

	/*line-height: 50px;*/

	color: #aaaaaa;

	font-size:1.0em;





 

	text-decoration: none;

}



#leftmenu .active  { color:#000;}



/*Hover state for top level links*/

#leftmenu  li:hover a {

	 

	color: #000;

}





/************Header****************/

header{ width:100%; float:left; padding:1%  0%}

#header_tot{ width:100%; max-width:1200px; margin:0px auto;}

#logo { width:20%; float:left; text-align:center;}



#logo img { max-height:90px; }



.logo1 { max-height:90px;}

.logo2 {  display:none; }

.logo2 img { max-height:25px !important; margin-top:30px;}



.mylogo2 { max-height:90px; }

.logo3 { max-height:120px;  }

.logof { max-height:120px;  }

.linghtigh0{ line-height:0px;}



#navv { width:60%; float:left; padding:2% 0px;}

#join { width:16%; float:left; text-align:right; padding:2% 0px; color:#aaaaaa; margin-top:13px;}

#join2 { width:50%; float:left; text-align:right; padding:2% 0px; color:#aaaaaa; display:block;}

#banner_tot{ width:100%; float:left; background-image:url(../images/workbanners_banner.jpg); background-position:center; background-size:cover; min-height:750px;}

#banner{ width:100%; max-width:1200px; margin:0px auto;}



#banner_cont{ margin:0px auto; max-width:600px;  }

.banerc1{ width:50%; float:left; text-align:center;}

.banerc2{ width:50%; float:left; text-align:center;}







/***********Content************/



.content_wrapper { width:100%; float:left; padding:10% 0%;}

.content_wrapper2 { width:100%; float:left; padding:2% 0%;}

.content{ width:100%; max-width:1200px; margin:0px auto;}



.forgotpwd { font-size:0.8em; font-style:italic; }



.height50{ height:50px !important;}
.height100{ height:100px !important;}
.height150{ height:150px !important;}

.notegreen {

border-radius: 3px;

  background-color: rgba(23, 146, 71, 0.1); }

 .notegreen p {color:#444444 !important;} 



#left { width:20%; float:left;}



#right { width:20%; float:left; text-align:center;}

#cont { width:60%; float:left;}

.box1 { width:100%; float:left; padding:5% 7%; margin-bottom:5px; -webkit-border-radius: 5px;

-moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; border:#e8e8e8 solid 1px;}





.box2 { width:84%; float:left; padding:5% 7%;  }

.box3 { width:84%; float:left; padding:0% 7%;  }



.box_tot { width:98%;    float:left;  margin-bottom:5px; -webkit-border-radius: 5px;

-moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; border:#e8e8e8 solid 1px; }





.box_tot2 { width:100%;   padding:4% 2%;  float:left;  margin-bottom:5px; -webkit-border-radius: 5px;

-moz-border-radius: 5px; border-radius: 5px;   border:#e8e8e8 solid 0px; }



.box_mp {width:100%; float:left; padding:5% 7%; float:left;}

.review_star { max-width:25px;}

.client_fb_pic  { width:50px; height:50px; -moz-border-radius: 25px;  text-align:center; 	-webkit-border-radius: 25px; 	border-radius: 25px;     }





.border_top { border-top:#e7e7e7 solid 1px;}



/***********form************/



.form400_tot{ max-width:460px; min-height:280px; margin:0px auto;    }



.form400{ width:100%; margin:0px auto; max-width:460px; min-width:300px;  border:#e2e3e4 solid 1px; padding:3% 7%; background-color:#FFF; -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }







 



 



 



/*************Footer**************/



footer{ width:100%; float:left; /*background-color:#191933;*/ background-color:#000;padding:5% 0%;}









.footer_tot{ width:1200px; margin:0px auto; }

.foot { width:100%; float:left; }

.fmenu { background-color:transparent; margin:0px; padding:0px; list-style:none;}



.fmenu li  {background-color:transparent; float:left; width:100%; text-align:left;}

.fmenu li a:link, a:visited, a:active {background-color:transparent; text-align:left; padding:0px; height:25px; color:#FFF;  }

.fmenu li a:hover { color:#0d993f;}

.foot .col-2 h4 { margin:10% 0%; font-weight:600;}





.copyrights { color:#898893; font-size:0.8em; }



 .copy_link  { text-decoration:underline !important;  color:#898893 !important;  }









/* ---------------- For sticky header: class="float-panel"  ------------------*/



 



.float-panel {

    width:100%;background:white;z-index:300;padding:10px 0;transform: translateZ(0);

    transition:all 0.5s; /* Effect for switching from .fixed to static */

}

.float-panel .content-area {margin:10px auto;}

.float-panel a {font-size:16px;text-decoration:none;color:#444;}

.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}



/* when class="float-panel fixed" */

.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:0px 0;animation:slide-down 0.7s;opacity:0.99;}

.fixed .fa-gg {transform: rotate(360deg); }

.fixed .logo1 { display:none; }

.fixed .logo2 { display:block; }

@keyframes slide-down {

    0% {

        opacity: 0;

        transform: translateY(-100%);

    } 

    100% {

        opacity: 0.9;

        transform: translateY(0);

    } 

}







/* ---------------- For Animation on Scroll ---------------- */

.slideanim {

    visibility:hidden;

    visibility:visible\9;/*For old IE browsers IE6-8 */

}

.slideanim.slide {visibility: visible; animation:slide 1s;}

.slideanim::after {

    /* useful when its child elements are float:left; */

    content: "";

    display: table;

    clear: both;

}



@keyframes slide {

    0% {

        opacity: 0;

        transform: translateY(50%);

    } 

    100% {

        opacity: 1;

        transform: translateY(0);

    } 

}







/* Radial Out */

.hvr-radial-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

  background: #e1e1e1;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-radial-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #2098D1;

  border-radius: 100%;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {

  color: white;

}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {

  -webkit-transform: scale(2);

  transform: scale(2);

}



/* Radial In */

.hvr-radial-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

  background: #2099E1;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-radial-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #2098D1;

  border-radius: 100%;

  -webkit-transform: scale(2);

  transform: scale(2);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

 









 

/*Responsive Styles*/



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

body{font-family: Poppins; font-size: 12px; margin:0px; padding:0px; line-height:normal;  }

a:link { color:#999; font-size:1.125em;}

a:visited { color:#999;}

a:hover { color:#999;}

a:active { color:#999;}



#banner_tot{ width:100%; float:left; background-image:url(../images/workbanners_banner.jpg); background-position:center; background-size:cover; min-height:750px;}

#banner{ width:100%; margin:0px auto;}



#banner_cont{ margin:0px auto; max-width:400px; }

.banerc1{ width:50%; float:left; text-align:center;}

.banerc2{ width:50%; float:left; text-align:center;}



.content_wrapper { width:100%; float:left; padding:10% 0%;}

.content{ width:98%; margin:0px 1%;}







.col-3 {width: 46%; padding:1%; margin:1%; float:left;}

.col-4 {width: 94%; padding:2%; margin:1%; float:left;}

.bor_lr { border:none;}

.col-8 { width: 94%; padding:2%; margin:1%; float:left;}

 .foot .col-2 { width:20%; float:left;}

 

#logo { width:15%; float:left; text-align:center;}	

.logo1 { max-height:70px;}

.logo2 { max-height:80px;}



#navv { width:60%; float:left; padding:2% 0px;}

#join { width:25%; float:left; text-align:right; padding:2% 0px; color:#aaaaaa}

#menu {

	list-style-type:none;

	margin:0px auto;

 

	position:relative;

 

}

	#menu  li a {

	display:block;

	padding:0px 7px;

	

	/*height: 50px;*/

	text-align: center;

	font-weight:600;

	/*line-height: 50px;*/

	color: #aaaaaa;

	font-size:1.125em;





	background: #fff;

	text-decoration: none;

}

	.btn_join  {          padding:5px 15px; font-stretch: normal; background-color:#0d993f;   text-align: center;  color: #ffffff !important; padding:0px 25px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}

	

	

 





	

}

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

		/*Make dropdown links appear inline*/

	#menu {

		position: static;

		display: none;

	}

	/*Create vertical spacing*/

	#menuli {

		margin-bottom: 1px;

	}

	/*Make all menu links full width*/

	#menuul li, li a {

		width: 100%;

	}

	/*Display 'show menu' link*/

	 .show-menu {

		display:block;

	}

	#logo { width:100%; float:left; text-align:center;}	

.logo1 { max-height:70px;}

.logo2 { width:120px;}



#navv { width:100%; float:left; padding:2% 0px; text-align:center; }

#join { width:100%; float:left; text-align:center; padding:2% 0px; color:#aaaaaa}



#banner_tot{ width:100%; float:left; background-image:url(../images/workbanners_banner.jpg); background-position:center; background-size:cover; min-height:650px;}

#banner_cont{ margin:0px auto;  }

.banerc1{ width:100%; float:left; text-align:center; margin:5% 0%;}

.banerc2{ width:100%; float:left; text-align:center; margin:5% 0%;}



.col-3 {width: 96%; padding:1%; margin:1%; float:left; margin:5% 0%;}	

.col-4 {width: 96%; padding:1%; margin:1%; float:left; margin:5% 0%;}	

.col-4 .bor_lr { border:none;}





.foot .col-2 { width:46%; float:left;}

	.copyrights { text-align:center;}

}













.agree { padding-top:5px; }

.dropdown-content li>a, .dropdown-content li>span{
            color: #333 !important;
    }