/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* #Page Styles
================================================== */

/* #Font-Face
================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?yf0dtl');
	src:url('../fonts/icomoon.eot?#iefixyf0dtl') format('embedded-opentype'),
		url('../fonts/icomoon.woff?yf0dtl') format('woff'),
		url('../fonts/icomoon.ttf?yf0dtl') format('truetype'),
		url('../fonts/icomoon.svg?yf0dtl#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon2';
	src:url('../newicomoon/fonts/icomoon.eot?-p3iiif');
	src:url('../newicomoon/fonts/icomoon.eot?#iefix-p3iiif') format('embedded-opentype'),
		url('../newicomoon/fonts/icomoon.woff?-p3iiif') format('woff'),
		url('../newicomoon/fonts/icomoon.ttf?-p3iiif') format('truetype'),
		url('../newicomoon/fonts/icomoon.svg?-p3iiif#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/Lato-Regular/lato-reg-webfont.eot');
    src: url('../fonts/Lato-Regular/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular/lato-reg-webfont.woff') format('woff'),
         url('../fonts/Lato-Regular/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Regular/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/Lato-Bold/lato-bol-webfont.eot');
    src: url('../fonts/Lato-Bold/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold/lato-bol-webfont.woff') format('woff'),
         url('../fonts/Lato-Bold/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/Lato-Bold/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heydings_iconsregular';
    src: url('../fonts/Heydings-Icons/heydings_icons-webfont.eot');
    src: url('../fonts/Heydings-Icons/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Heydings-Icons/heydings_icons-webfont.woff') format('woff'),
         url('../fonts/Heydings-Icons/heydings_icons-webfont.ttf') format('truetype'),
         url('../fonts/Heydings-Icons/heydings_icons-webfont.svg#heydings_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'socialicoregular';
    src: url('../fonts/Socialico/socialico-webfont.eot');
    src: url('../fonts/Socialico/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Socialico/socialico-webfont.woff') format('woff'),
         url('../fonts/Socialico/socialico-webfont.ttf') format('truetype'),
         url('../fonts/Socialico/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/FontAwesome/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  	   url('../fonts/FontAwesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
	   url('../fonts/FontAwesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
	   url('../fonts/FontAwesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background:#ffffff;	
	 font-family: 'Calibri';
	 font-size:16px;
	 color:#706e6e;
	 
	 overflow:hidden;
}
ul, ul li {
	margin:0	
}
a {
	text-decoration:none;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}

.fleft {
	float:left;	
}
.fright {
	float:right;	
}



/*HEADER*/
header {
	position:fixed;
	top:0;
	width:100%;
	height:93px;	
	background:#ffffff;
	border-bottom:1px solid #e5e5e5;
	z-index:10;
}
.logo {
	display:block;
	width:173px;
	height:72px;
	float:left;
	margin:7px 0 0 21px;	
}
.header-right {
	float:right;
	height:93px;	
	border-right:4px solid #faa303;
	
	padding-right:15px;
}

.header-right ul {
	margin:10px 5px 14px 0;	
}
.header-right ul li {
	display:inline;
	margin-left:15px;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}
.header-right ul li a {
	color:#2d5b95;	
}
.header-right ul li:hover, .header-right ul li a:hover {
	color:#faa303;	
}
.header-center {
	float:right;
	height:93px;
	padding-top:50px;
}
.header-center ul {
	margin:10px 5px 14px 0;	
}
.header-center ul li {
	display:inline;
	margin-right:35px;
	font-family: 'Calibri';
	font-size:26px;
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}
.header-center ul li a {
	color:#2d5b95;	
	text-shadow: 0px 1px 1px #000000;
}
.header-center ul li:hover, .header-right ul li a:hover {
	color:#faa303;	
}

.icon {
	font-family: 'icomoon, icomoon2';
	font-size:18px;
	color:#faa303;
	margin-right:6px;
	display:inline-block;
	
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
	
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform: rotate(0deg);
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon, icomoon2';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.header-right ul li:hover .icon {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform: rotate(360deg);
}

.icon-device-desktop:before {
	content: "\f27c";
}
.icon-mail:before {
	content: "\f03b";
}
.icon-organization:before {
	content: "\f037";
}
.icon-mobile:before {
	content: "\e601";
}
.icon-wrench:before {
	content: "\e602";
}
.icon-enter:before {
	content: "\e600";
}
.icon_sales:before {
	content:'\f003';	
}
.icon_phone:before {
	content:'\f10b';
	font-size:24px;	
}

.icon-cabinet:before {
	content: "\e600";
}
.icon-archive:before {
	content: "\e601";
}
.icon-stats:before {
	content: "\e602";
}
.icon-office:before {
	content: "\e603";
}
.icon-users:before {
	content: "\e604";
}

.bdr-btn {
	 position:relative;
	 font-family: 'latobold';
	 font-size:14px;
	 text-transform:uppercase;
	 border:2px solid #faa303;
	 color:#faa303;
	 
	 border-radius:6px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;	
}
.bdr-btn a {
	color:#faa303;
	display:block;
	padding:0px 8px;
	position:relative;
	z-index:2;
}
.bdr-btn:hover a {
	/*background:#faa303;*/
	color:#ffffff;	
}

.animated-bg {
	position:absolute;
	height:100%;
	width:0;
	top:0;
	left:0;
	right:0;
	background:#faa303;
	z-index:1;
	
	/*transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	*/	
}
/*.bdr-btn:hover .animated-bg {
	width:100%;
	left:0;	
}*/

/*WRAPPER*/
.wrapper {
	margin:0 auto;
	width:80%;
	position:absolute;
	left:0;
	right:0;
	top:93px;
	bottom:44px;
}	

ul.three-parts {
	display:block;	
	height:100%;
}
ul.three-parts li {
	position:relative;
	display:inline-block;	
	height:100%;
	width:23%;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	

}
ul.three-parts li .three-parts-content {
	cursor:pointer;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	/*display:table-cell;
	vertical-align:middle;*/
	max-height:192px;
	padding:15px 28px;	
	z-index:11;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
	
	
}
.big_icon {
	text-align:center;	
	position:relative;
	z-index:2;
	
	transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-webkit-transition:all 0.5s ease-in-out 0s;	
}
.big_icon i:before {
	font-family: 'icomoon';
	font-size:62px;
	text-align:center;
	color:#2d5b95;
	border:3px solid #00265a;
	display:block;
	width:130px;
	height:130px;
	line-height:130px;
	margin:0 auto;
	background:#ffffff;

	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}

.big_icon em:before {
	font-family: 'icomoon';
	font-size:62px;
	text-align:center;
	color:#2d5b95;
	border:3px solid #00265a;
	display:block;
	width:130px;
	height:130px;
	line-height:130px;
	margin:0 auto;
	background:#ffffff;

	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}

.icon_rpo:before {
	content:'\f27c';
		
}
.icon_it:before {
	content:'\f108';
}
.icon_staffing:before {
	content:'\f0c0';
}

.bg_orange {
	background:#faa303;
}


h1 {
	font-family: 'Calibri';
	font-size:28px;
	
	margin-top:20px;
}

.part_detail {
	border-top:1px solid #f7f7f7;
	opacity:0;
	visibility:hidden;
	position:relative;
	z-index:2;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}
.part_detail ul {
	margin:15px 0 30px 0;
	display:block;
	
	
}
.part_detail ul li {
	display:inline-block;
	width:100%;
	margin:0;
	padding:6px 0;
	border-bottom:1px dotted #f7f7f7;
	position:relative;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	
}
.part_detail ul li:after {
	background:url(../images/dot.png) right bottom no-repeat;
	width:5px;
	height:5px;
	position:absolute;
	right:0;
	bottom:-3px;
	z-index:100;
	content:'';
}
.part_detail ul li a {
	color:#00265a;
}

.get-into-btn {
	 position:relative;
	 font-family: 'Calibri';
	 font-size:18px;
	 text-transform:uppercase;
	 border:2px solid #ffffff;
	 color:#ffffff;
	 text-align:center;
	 
	 border-radius:6px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;	
}
.get-into-btn a {
	color:#ffffff;
	display:block;
	padding:8px 8px;
	position:relative;
	z-index:2;
}
.get-into-btn:hover a {
	/*background:#faa303;*/
	color:#faa303;	
}
.get-into-btn .animated-bg {
	background:#ffffff;
}


ul.three-parts li.active .big_icon i:before {
	border-color:#de9205;
	background:#ffffff;
	
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform: rotate(360deg);	
}

ul.three-parts li.active .part_detail {
	opacity:1;
	visibility:visible;
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}

.animated-bg-big {
	position:absolute;
	height:0;
	width:100%;
	top:0;
	left:0;
	bottom:auto;
	
	background:#faa303;
	z-index:10;
	
	transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-webkit-transition:all 0.5s ease-in-out 0s;		
}
/*ul.three-parts li.active .animated-bg-big {
	height:100%;
}*/
ul.three-parts li.active .three-parts-content {
	
	max-height:450px;
}

ul.three-parts li.active .part_detail ul li:hover {
	padding-left:10px;	
}

.chn_opc{
   -moz-opacity:0.3;
	opacity:0.3;
	filter: alpha(opacity=30);
}

.social {
	cursor:pointer;
	position:fixed;
	width:100%;
	height:64px;
	bottom:-16px;	
	z-index:9;
	background:#faa303;
}
.soc-arrow {
	position:absolute;
	width:55px;
	height:26px;
	top:-26px;
	left:50%;
	margin-left:-55px;
	background:url(../images/soc-arrow.png) center center no-repeat #faa303;	
}
.social ul {
	margin:12px auto 0 auto;
	width:310px;	
}
.social ul li {
	display:inline-block;
	margin:0 20px;	
}
.social ul li a {
	position:relative;
	display:inline-block;
	width:56px;
	height:38px;
	line-height:38px;
	
	text-align:center;
	
	 border-radius:6px;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;	
}
.social ul li a i {
	position:relative;
	z-index:2;
}
.social ul li a i:before {
	font-family: 'socialicoregular';
	font-size:46px;
	color:#deefef;	
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}
.social ul li a.skype i:before {
	content:'H';	
}
.social ul li a.gtalk i:before {
	content:'G';	
}
.social ul li a.aim i:before {
	content:'Z';	
}

.social ul li a .animated-bg {
	background:#deefef;	
}
.social ul li a:hover i:before {
	color:#faa303;
}
/*.social ul li a:hover .animated-bg {
	left: 0;
    width: 100%;
}*/



footer {
	text-align:center;
	line-height:44px;
	height:44px;
	background:#282828;
	font-size:12px;
	color:#f7f7f7;
	
	position:fixed;
	width:100%;
	bottom:0;	
	z-index:12;
}
footer a {
	color:#b3b0b0;	
	position:relative;
	padding-bottom:2px;
	margin-left:3px;
}

.animated-bdr {
	background:#b3b0b0;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:0;
	height:1px;	
	
	transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;	
}
/*footer a:hover .animated-bdr {
	width:100%;
	left:0;
}*/


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		body {
			overflow:visible;
		}
		header {
			height:65px;
			position:relative;
			border-top:3px solid #FAA303;
		}
		header:after {
			content:'';
			position:absolute;
			right:5px;
			top:0px;
			width:0;
			height:0;
			border:7px solid;
			border-color:#FAA303 transparent transparent;
		}
		.logo {
			margin-left:10px;
			margin-top:10px;
		}
		.logo img {
			width:100px;
		}
		.header-right {
			border-right:none;
			background:none;
			position:absolute;
			top:0;
			right:0;
			height:100%;
			background-size:5px;
			background-position:right 5px;
			padding-right:7px;
			max-width:60%;
			padding-left:0;
		}
		.header-right ul {
			margin-right:0;
			margin-top:20px;
		}
		.header-right ul li {
			float:right;
		}
		.header-right ul li, .header-right ul li a {
			font-size:12px;
		}
		.icon {
			font-size:13px;
		}
		.icon_phone:before {
			font-size:18px;
		}
		
		.wrapper {
			position:relative;
			width:100%;
			top:inherit;
			top:inherit;
			right:inherit;
			bottom:inherit;
			left:inherit;
		}
		ul.three-parts li {
			width:100%;
			height:auto;
		}
		.animated-bg-big {
			display:none!important;
		}
		ul.three-parts li .three-parts-content {
			position:relative;
			top:inherit;
			right:inherit;
			bottom:inherit;
			left:inherit;
			padding:5%;
			margin:1% 5%;
			max-height:inherit;
			background:#ffffff;
			display:inline-block;
			width:80%;
		}
		.big_icon {
			float:left;
			width:27%;
			margin-top:15px;
		}
		.part_detail {
			border-top:none;
			float:left;
			width:70%;
			padding-left:3%;
			opacity:1;
			visibility:visible;
		}
		.part_detail ul li {
			border-bottom-color:#000000;
		}
		.get-into-btn {
			border-color:#FAA303;
		}
		.get-into-btn a {
			color:#FAA303;
		}
		.get-into-btn .animated-bg {
			display:none!important;
		}
		.get-into-btn:hover a {
			background:#FAA303;
			color:#ffffff;
			
			 border-radius:3px;
			 -moz-border-radius:3px;
			 -webkit-border-radius:3px;	
		}
		.big_icon i:before {
			float:none;
			width:100px;
			height:100px;
			line-height:100px;
			font-size:32px;
			background:#FAA303;
			color:#ffffff;
		}
		ul.three-parts li.active .big_icon i:before { 
			background:#FAA303;
			color:#ffffff;
		}
		.big_icon h1 {
			font-size:20px;
		}
		.part_detail ul li:after {
			background:url(../images/dot2.png) right bottom no-repeat;
		}
		
		
		
		.social {
			display:none!important;
			position:relative;
			bottom:auto;
		}
		.soc-arrow {
			display:none;
		}
		.social ul {
			margin-top:0;
		}
		.social ul li {
			line-height:60px;
		}
		.social ul li a {
			vertical-align:middle;
		}
		footer {
			position:relative;
			height:auto;
			line-height:inherit;
			width:auto;
			display:block;
			padding:10px;
			text-align:left;
		}
		footer a {
			margin-left:0;
		}
	
	
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 767px) {
		
		body {
			overflow:visible;
		}
		header {
			height:65px;
			position:relative;
			border-top:3px solid #FAA303;
		}
		header:after {
			content:'';
			position:absolute;
			right:5px;
			top:0px;
			width:0;
			height:0;
			border:7px solid;
			border-color:#FAA303 transparent transparent;
		}
		.logo {
			margin-left:10px;
			margin-top:10px;
		}
		.logo img {
			width:100px;
		}
		.header-right {
			border-right:none;
			background:none;
			position:absolute;
			top:0;
			right:0;
			height:100%;
			background-size:5px;
			background-position:right 5px;
			padding-right:7px;
			max-width:60%;
			padding-left:0;
		}
		.header-right ul {
			margin-right:0;
			margin-top:17px;
		}
		.header-right ul li {
			float:right;
			margin-left:5px;
		}
		.header-right ul li, .header-right ul li a {
			font-size:12px;
		}
		.icon {
			font-size:13px;
		}
		.icon_phone:before {
			font-size:18px;
		}
		
		.wrapper {
			position:relative;
			width:100%;
			top:inherit;
			top:inherit;
			right:inherit;
			bottom:inherit;
			left:inherit;
		}
		ul.three-parts li {
			width:100%;
			height:auto;
		}
		.animated-bg-big {
			display:none!important;
		}
		ul.three-parts li .three-parts-content {
			position:relative;
			top:inherit;
			right:inherit;
			bottom:inherit;
			left:inherit;
			padding:5%;
			margin:3% 5%;
			max-height:inherit;
			background:#ffffff;
		}
		.part_detail {
			opacity:1;
			visibility:visible;
		}
		.part_detail ul li {
			border-bottom-color:#000000;
		}
		.get-into-btn {
			border-color:#FAA303;
		}
		.get-into-btn a {
			color:#FAA303;
		}
		.get-into-btn .animated-bg {
			display:none!important;
		}
		.get-into-btn:hover a {
			background:#FAA303;
			color:#ffffff;
			
			 border-radius:3px;
			 -moz-border-radius:3px;
			 -webkit-border-radius:3px;	
		}
		.big_icon i:before {
			float:left;
			width:50px;
			height:50px;
			line-height:50px;
			font-size:28px;
			background:#FAA303;
			color:#ffffff;
		}
		ul.three-parts li.active .big_icon i:before { 
			background:#FAA303;
			color:#ffffff;
		}
		
		.part_detail ul li:after {
			background:url(../images/dot2.png) right bottom no-repeat;
		}
		.big_icon h1 {
			font-size:20px;
		}
		
		
		.social {
			display:none!important;
			position:relative;
			bottom:auto;
		}
		.soc-arrow {
			display:none;
		}
		.social ul {
			margin-top:0;
		}
		.social ul li {
			line-height:60px;
		}
		.social ul li a {
			vertical-align:middle;
		}
		footer {
			position:relative;
			height:auto;
			line-height:inherit;
			width:auto;
			display:block;
			padding:10px;
			text-align:left;
		}
		footer a {
			margin-left:0;
		}
	
	} /* END  Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 470px) and (max-width: 767px) {
		.header-right ul {
			margin-top:20px;
		}
		.header-right ul li {
			margin-left:10px;
		}
	}