/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, aside, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	text-align: left;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body, html {

	height: auto;

}

body {

	line-height: 1;

	color: black;

	background: #fff;

}
.hundredwrapper, .main{
	height:100%
}
.captchaMsg {

	width: 146px !important;

}

.captchaActive::after {

	background: url("../images/right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

	content: "";

	font-size: 27px;

	height: 16px;

	left: 10px;

	position: absolute;

	top: 12px;

	width: 23px;

}

.heightCaptcha {

	height: 15px;

	float: left;

	width: 100%;

}

.lblcaptch label {

	margin-right: 0px;

	cursor: pointer;

	width: 1px;

	height: 13px;

}

.lblcaptch {

	float: right;

}

.captcha1 {

	color: #fff;

	font: 14px "metro_reg";

	float: left;

	display: none;

	margin: auto;

	text-align: center;

}

ol, ul {

	list-style: none;

}

aside:before, aside:after, q:before, q:after {

	content: "";

}

aside, q {

	quotes: "" "";

}

YUIs CSS Reset body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, aside {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

caption, th {

	text-align: left;

}

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

	font-size: 100%;

	font-weight: normal;

}

q:before, q:after {

	content: '';

}

abbr, acronym {

	border: 0;

}

strong {

	font-weight: bold;

	color: black;

}

/*---------- Default Css End ---------------*/



@font-face {

	font-family: 'metro_bold';

	src: url('../fonts/MetroNovaPro-Bold/MetroNovaPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/MetroNovaPro-Bold/MetroNovaPro-Bold.otf') format('opentype'), url('../fonts/MetroNovaPro-Bold/MetroNovaPro-Bold.woff') format('woff'), url('../fonts/MetroNovaPro-Bold/MetroNovaPro-Bold.ttf') format('truetype'), url('../fonts/MetroNovaPro-Bold/MetroNovaPro-Bold.svg#MetroNovaPro-Bold') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'metro_med';

	src: url('../fonts/MetroNovaPro-Medium/MetroNovaPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/MetroNovaPro-Medium/MetroNovaPro-Medium.otf') format('opentype'), url('../fonts/MetroNovaPro-Medium/MetroNovaPro-Medium.woff') format('woff'), url('../fonts/MetroNovaPro-Medium/MetroNovaPro-Medium.ttf') format('truetype'), url('../fonts/MetroNovaPro-Medium/MetroNovaPro-Medium.svg#MetroNovaPro-Medium') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'metro_reg';

	src: url('../fonts/MetroNovaPro-Regular/MetroNovaPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MetroNovaPro-Regular/MetroNovaPro-Regular.otf') format('opentype'), url('../fonts/MetroNovaPro-Regular/MetroNovaPro-Regular.woff') format('woff'), url('../fonts/MetroNovaPro-Regular/MetroNovaPro-Regular.ttf') format('truetype'), url('../fonts/MetroNovaPro-Regular/MetroNovaPro-Regular.svg#MetroNovaPro-Regular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'metro_light';

	src: url('../fonts/MetroNovaPro-Light/MetroNovaPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/MetroNovaPro-Light/MetroNovaPro-Light.otf') format('opentype'), url('../fonts/MetroNovaPro-Light/MetroNovaPro-Light.woff') format('woff'), url('../fonts/MetroNovaPro-Light/MetroNovaPro-Light.ttf') format('truetype'), url('../fonts/MetroNovaPro-Light/MetroNovaPro-Light.svg#MetroNovaPro-Light') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'metro_black';

	src: url('../fonts/MetroNovaPro-Black/MetroNovaPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/MetroNovaPro-Light/MetroNovaPro-Black.otf') format('opentype'), url('../fonts/MetroNovaPro-Black/MetroNovaPro-Black.woff') format('woff'), url('../fonts/MetroNovaPro-Black/MetroNovaPro-Black.ttf') format('truetype'), url('../fonts/MetroNovaPro-Black/MetroNovaPro-Black.svg#MetroNovaPro-Black') format('svg');

	font-weight: normal;

	font-style: normal;

}

/**GENERAL CSS STARTS HERE**/

.hundredwrapper {

	width: 100%;

}

.hundredwrappercenter {

	width: 100%;

	text-align: center;

}

.position_relative {

	position: relative;

}

.position_absolute {

	position: absolute;

}

.float_left {

	float: left !important;

}

.float_right {

	float: right;

}

.maincontainer {

	max-width: 1600px;

	width: 100%;

	float: none;

	margin: 0 auto;

}

div {

	float: left;

}

a {

	text-decoration: none;

}

/**GENERAL CSS ENDS HERE**/



.main {

	background: url(../images/main_bg.jpg) repeat 0 0;

	width: 100%;

	-webkit-animation: moveSlideshow 150s linear infinite;

	-moz-animation: moveSlideshow 150s linear infinite;

}

 @-webkit-keyframes moveSlideshow {

 0% {

 background-position: 0;

}

 100% {

 background-position: -1684px 0px;

}

}

 @-moz-keyframes moveSlideshow {

 0% {

 background-position: 0;

}

 100% {

 background-position: -1684px 0px;

}

}

.main2 {

	background: url(../images/bg_2.jpg) no-repeat 0 0 / 100% 100%;

	width: 100%;

}

.logo {

	margin: 3% 0% 0 3%;

	width: 8%;

	position: absolute;

	z-index: 100;

}

.logo img {

	width: auto;

}

.logo_img_container {

	width: 100%;

	position: relative;

	height: 100%;

}

.testing_cotnainer {

	position: relative;

	width: 100%;

	height: 100%;

}

.logo_spidr {

	position: absolute;

	right: 0;

	left: 0;

	margin: auto;

	top: 0%;

	width: 697px;

	height: 610px;

	background: url(../images/spider_circle.png) no-repeat center center / 100% 100%;

	animation: mymove 50s infinite linear;

	-webkit-animation: mymove 50s infinite linear;

}

.logo_sun {

	width: 100%;

	height: 100%;

	background: url(../images/logo_sun.png) no-repeat center center / 100% 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0%;

	margin: auto;

	animation: my_sun 30s infinite linear;

	-webkit-animation: my_sun 30s infinite linear;/*-webkit-animation-delay: 2s;

    animation-delay: 2s;*/

}

.logo_circl {

	width: 200px;

	height: 190px;

	background: url(../images/logo_circle.png) no-repeat 0 0 / 100% 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 33%;

	margin: auto;

	text-align: center;

}

.logo_circl img {

	display: inline-block;

	width: 50%;

	height: 50%;

	margin: 24% 0 0;

}

/* Chrome, Safari, Opera */

@-webkit-keyframes mymove {

 0% {

 background-size: 30% 30%;

}

 50% {

 background-size: 100% 100%;

}

 100% {

 background-size: 30% 30%;

}

}



/* Standard syntax */

@keyframes mymove {

 0% {

 background-size: 30% 30%;

}

 50% {

 background-size: 100% 100%;

}

 100% {

 background-size: 30% 30%;

}

}







/* Chrome, Safari, Opera */

@-webkit-keyframes my_sun {

 0% {

 background-size: 50% 50%;

}

 50% {

 background-size: 100% 100%;

}

 100% {

 background-size: 50% 50%;

}

}



/* Standard syntax */

@keyframes my_sun {

 0% {

 background-size: 50% 50%;

}

 50% {

 background-size: 100% 100%;

}

 100% {

 background-size: 50% 50%;

}

}

.main_text {

	position: absolute;

	top: 52%;

	right: 0;

	left: 0;

	margin: auto;

	width: 100%;

}

.heading1 {

	text-align: center;

}

.h1_img {

	background: url(../images/h1_heading.png) no-repeat 0 0 / 100% 100%;

	display: inline-block;

	width: 32%;

	height: 50px;

}

.white_italic {

	background: url(../images/h1_heading2.png) no-repeat 0 0 / 100% 100%;

	display: inline-block;

	width: 20%;

	height: 50px;

	margin: 0px 0 0 10px;

}

.slider_text {

	font: 23px 'metro_light';

	color: #fff;

	margin: 0.5% 0 0 0;

}

.span_reg {

	font-family: metro_reg;

}

.span1 {

	width: 100%;

	text-align: center;

}

.span_yellow {

	color: #1ab8eb;

}

.css-typing {

	width: 1015px;

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	-webkit-animation: type 10s steps(50, end);

	animation: type 10s steps(50, end);

	float: none;

}

.testing {

	width: 1200px;

	float: none;

	margin: auto;

	text-align: center;

}

 @keyframes type {

 0% {

 width: 0;

}

}

 @-webkit-keyframes type {

 0% {

 width: 0;

}

}

 @keyframes type {

 0% {

 width: 0;

}

}

 @-webkit-keyframes type {

 0% {

 width: 0;

}

}

.typed-cursor {

	opacity: 1;

	-webkit-animation: blink 0.7s infinite;

	-moz-animation: blink 0.7s infinite;

	animation: blink 0.7s infinite;

	color: yellow;

	font-size: 26px;

	font-weight: bold;

}

 @keyframes blink {

 0% {

 opacity: 1;

}

 50% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

 @-webkit-keyframes blink {

 0% {

 opacity: 1;

}

 50% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

 @-moz-keyframes blink {

 0% {

 opacity: 1;

}

 50% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

.margin_bottom0 {

	margin-bottom: 0px !important;

}

.left_side_bar {

	width: 2%;

	position: absolute;

	left: 3%;

	top: 45%;

	margin: auto;

	height: 20px;

	z-index: 100;

}

.social_sidebar {

	float: left;

}

.social_sidebar .social1 {

	background: url('../images/main_sprite.png') no-repeat -3px 0;

	width: 23px;

	height: 22px;

	display: block;

	margin-bottom: 25px;

	position: relative;

}

.social1:after {

	position: absolute;

	content: "skype";

	width: 74px;

	height: 15px;

	color: #fff;

	border-bottom: 1px solid #fff;

	left: -85px;

	bottom: -6px;

	padding: 0 7px 8px 30px;

	text-transform: uppercase;

	font: 13px 'metro_reg';

	text-align: right;

	opacity: 0;

	transition: all 0.5s ease;

}

.social1:nth-child(2):after {

	content: "live chat";

}

.social1:nth-child(3):after {

	content: "viber";

}

.social1:nth-child(4):after {

	content: "callback";

}

.social1:hover.social1:after {

	opacity: 1;

	left: 10px;

}

.social1:hover {

	background-position: -3px -32px;

}

.social1:nth-child(2) {

	width: 27px;

	height: 22px;

	background: url('../images/main_sprite.png') no-repeat -2px -64px;

}

.social1:nth-child(2):hover {

	background-position: -2px -96px;

}

.social1:nth-child(3) {

	width: 24px;

	height: 22px;

	background: url('../images/main_sprite.png') no-repeat -2px -131px;

}

.social1:nth-child(3):hover {

	background-position: -2px -168px;

}

.social1:nth-child(4) {

	width: 26px;

	height: 22px;

	background: url('../images/main_sprite.png') no-repeat -2px -202px;

}

.social1:nth-child(4):hover {

	background-position: -2px -237px;

}

.btn_style1 {

	display: inline-block;

	padding: 30px 50px;

	font: 20px 'metro_light';

	text-transform: uppercase;

	color: #fff;

	border: 1px solid #fff;

	border-radius: 5px;

	transition: all 0.5s ease;

	background: none;

}

.btn_style_pop {

	padding: 18px 50px;

	font: 20px 'metro_light';

	text-transform: uppercase;

	color: #fff;

	border: 1px solid #fff;

	border-radius: 5px;

	transition: all 0.5s ease;

	background: none;

	width: 100%;

	cursor: pointer;

}

.btn_style_pop:hover {

	background: #fff;

	color: #000;

}

.btn_container1 {

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 20%;

}

.btn_style1:hover {

	background-color: #fff;

	color: #000;

}

.bottom_txt {

	width: 100%;

	text-align: center;

	position: absolute;

	bottom: 9%;

	z-index: 100;

}

.for_menu {

	display: inline-block;

	font: 16px 'metro_med';

	color: #737373;

}

.bottom_nav_info {

	position: absolute;

	width: 220px;

	height: 110px;

	bottom: 10%;

	right: 2%;

	border: 1px solid #959595;

	text-align: center;

	z-index: 100;

}

.inner_element:after {

	content: "classic navigation";

	background: #0e0e13;

	top: -28px;

	right: 0;

	left: 0;

	margin: auto;

	position: absolute;

	color: #737373;

	font: 12px 'metro_light';

	text-align: center;

	text-transform: uppercase;

}

.inner_element {

	display: inline-block;

	width: 80%;

	float: none;

	margin: 20px 0 0;

	position: relative;

}

.mouse_txt {

	text-align: center;

	font: 16px 'metro_light';

	color: #737373;

	display: block;

}

.mouse_icn {

	display: inline-block;

	width: 17px;

	height: 30px;

	background: url(../images/main_sprite.png) no-repeat 0 -893px;

}

.left_element {

	width: 44%;

	text-align: center;

}

.right_element {

	width: 50%;

	float: right;

	text-align: center;

}

.arrow1 {

	display: inline-block;

	width: 14px;

	height: 14px;

	background-color: #48494c;

	float: none;

	position: relative;

}

.arrow1:after {

	position: absolute;

	content: "";

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-bottom: 4px solid black;

	top: 5px;

	left: 3px;

}

.arrow2, .arrow3, .arrow4 {

	width: 14px;

	height: 14px;

	background-color: #48494c;

	margin-right: 1px;

	display: inline-block;

	float: none;

	position: relative;

}

.arrow2:after {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-right: 4px solid black;

	top: 3px;

	left: 4px;

}

.arrow3:after {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	top: 5px;

	left: 3px;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 5px solid black;

}

.arrow4:after {

	position: absolute;

	content: "";

	width: 0;

	height: 0;

	top: 3px;

	left: 4px;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-left: 5px solid black;

}

.menu_container {

	position: absolute;

	right: 6%;

	z-index: 9999;

	top: 9%;

}

.diamond_menu {

	width: 60px;

	height: 60px;

	background: rgba(15, 15, 20, 0.5);

	margin: 3px 0 0 30px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: 0 100%;

	-moz-transform-origin: 0 100%;

	-ms-transform-origin: 0 100%;

	-o-transform-origin: 0 100%;

	transform-origin: 0 100%;

	border: 1px solid #959595;

	position: absolute;

	text-align: center;

	cursor: pointer;

	transition: all 0.5s ease;

	z-index: 999999;

}

.diamond_menu:hover {

	background-color: rgba(99, 99, 103, 0.5);

}

.toggle_btn {

	background: url(../images/toggle_btn.png) no-repeat center center;

	width: 20px;

	height: 14px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	display: inline-block;

	margin: 35% 0;

}

.close_btn {

	background: url(../images/main_sprite.png) no-repeat -6px -940px;

	width: 25px;

	height: 23px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	margin: 31% -13px;

	z-index: 99999;

	position: absolute;

}

.main_menu_container {

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 9999;

	display: none;

}

.menu_left_container {

	width: 50%;

	float: left;

	height: 100%;

	background: rgba(41, 41, 46, 0.9 );

	text-align: center;

	opacity: 0;

}

.opacity1 {

	opacity: 1 !important;

}

.menu_right_container {

	width: 50%;

	float: right;

	height: 100%;

	background: url(../images/menu_bg.jpg) no-repeat 0 0 / 100% 100%;

	text-align: center;

	opacity: 0;

}

.navigation_container {

	width: 100%;

	float: none;

	display: inline-block;

	margin: 16% 0 0;

}

.navigation {

	float: left;

	width: 100%;

}

.navigation li {

	width: 100%;

	float: left;

}

.navigation li a:after {

	position: absolute;

	content: "";

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #eed030;

	top: 42%;

	left: 25px;

	opacity: 0;

	transition: all 0.5s ease;

}

.navigation li a {

	width: 100%;

	font: 50px/60px 'metro_bold';

	text-transform: capitalize;

	color: #a4a4a4;

	float: left;

	padding-left: 50px;

	position: relative;

	padding-bottom: 5px;

}

.navigation li a:hover {

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

	background-repeat: repeat-x;

	color: #fff;

}

.navigation li a:hover:after {

	opacity: 1;

}

.left_contact_container {

	width: 40%;

	display: inline-block;

	float: none;

	margin-top: 34%;

}

.menu_logo_container {

	margin: 0 0 12% 0;

	width: 100%;

	text-align: center;

}

.menu_logo_container a {

	display: inline-block;

}

.social_nav {

	width: 100%;

	float: left;

	position: relative;

	padding-bottom: 30px;

}

.social_nav li {

	float: left;

	margin-right: 12%;

}

.social_nav li a {

	float: left;

}

.social_nav:after {

	position: absolute;

	content: "";

	width: 30%;

	height: 2px;

	right: 0;

	left: -6%;

	margin: auto;

	background: #1ab8eb;

	bottom: 0;

}

.facebook {

	width: 9px;

	height: 17px;

	background: url(../images/main_sprite.png) no-repeat -10px -440px;

}

.facebook:hover {

	background-position: -8px -471px;

}

.twitter {

	width: 18px;

	height: 15px;

	background: url(../images/main_sprite.png) no-repeat -4px -502px;

}

.twitter:hover {

	background-position: -3px -532px;

}

.gmail {

	background: url(../images/main_sprite.png)no-repeat -5px -562px;

	width: 21px;

	height: 17px;

}

.gmail:hover {

	background-position: -4px -595px;

}

.instagram {

	width: 17px;

	height: 17px;

	background: url(../images/main_sprite.png) no-repeat -4px -625px;

}

.instagram:hover {

	background-position: -4px -653px;

}

.vimo {

	width: 17px;

	height: 17px;

	background: url(../images/sprite_2.png) no-repeat -1px 2px;

}

.vimo:hover {

	background-position: -1px -34px;

}

.linkedin {

	background: url(../images/sprite_2.png) no-repeat -40px -1px;

	width: 17px;

	height: 16px;

}

.linkedin:hover {

	background-position: -40px -34px;

}

.margin_right0 {

	margin-right: 0 !important;

}

.cntct_number {

	width: 100%;

	text-align: center;

	margin-top: 8%;

}

.tel_number {

	display: inline-block;

	font: 16px 'metro_med';

	color: #a4a4a4;

	text-transform: capitalize;

	width: 70%;

}

.white {

	color: #fff;

	padding-left: 5px;

}

.delay {

	animation-delay: 1s;

	-webkit-animation-delay: 1s;

	-moz-animation-delay: 1s;

}

.delay1 {

	animation-delay: 1.2s;

	-webkit-animation-delay: 1.2s;

	-moz-animation-delay: 1.2s;

}

.delay2 {

	animation-delay: 1.3s;

	-webkit-animation-delay: 1.3s;

	-moz-animation-delay: 1.3s;

}

.delay3 {

	animation-delay: 1.4s;

	-webkit-animation-delay: 1.4s;

	-moz-animation-delay: 1.4s;

}

.delay4 {

	animation-delay: 1.5s;

	-webkit-animation-delay: 1.5s;

	-moz-animation-delay: 1.5s;

}

.delay5 {

	animation-delay: 1.6s;

	-webkit-animation-delay: 1.6s;

	-moz-animation-delay: 1.6s;

}

.delay6 {

	animation-delay: 1.7s;

	-webkit-animation-delay: 1.7s;

	-moz-animation-delay: 1.7s;

}

.delay7 {

	animation-delay: 1.8s;

	-webkit-animation-delay: 1.8s;

	-moz-animation-delay: 1.8s;

}

.delay8 {

	animation-delay: 3.4s;

	-webkit-animation-delay: 3.4s;

	-moz-animation-delay: 3.4s;

}

.delay9 {

	animation-delay: 4s;

	-webkit-animation-delay: 4s;

	-moz-animation-delay: 4s;

}

.delay10 {

	animation-delay: 4.3s;

	-webkit-animation-delay: 4.3s;

	-moz-animation-delay: 4.3s;

}

.delay11 {

	animation-delay: 4.6s;

	-webkit-animation-delay: 4.6s;

	-moz-animation-delay: 4.6s;

}

.delay12 {

	animation-delay: 4.9s;

	-webkit-animation-delay: 4.9s;

	-moz-animation-delay: 4.9s;

}

.delay13 {

	animation-delay: 5.2s;

	-webkit-animation-delay: 5.2s;

	-moz-animation-delay: 5.2s;

}

.delay14 {

	animation-delay: 6s;

	-webkit-animation-delay: 6s;

	-moz-animation-delay: 6s;

}

.delay15 {

	animation-delay: 6.5s;

	-webkit-animation-delay: 6.5s;

	-moz-animation-delay: 6.5s;

}

.display_none {

	display: none;

}

.gt_qout_container {

	width: 100%;

	position: absolute;

	background: #ff2f53;

	z-index: 99999;

	text-align: center;

	top: 0;

	bottom: 0;

	left: 0%;

	right: 0;

	height: auto;

	margin: auto;

	display: none;

}

.RQ_container {

	width: 100%;

	position: absolute;

	background: url(../images/RQ_BG.png) repeat;

	z-index: 99999;

	text-align: center;

	top: 0;

	bottom: 0;

	left: 0%;

	right: 0;

	height: auto;

	margin: auto;

	display: none;

}

.center_container {

	width: 50%;

	display: inline-block;

	float: none;

	margin: 4% 0;

}

.heading_container {

	width: 100%;

	text-align: center;

	margin: 0% 0 4%;

	position: relative;

}

.blackLayer {

	width: 100%;

	height: 100%;

	position: fixed;

	background: rgba(0,0,0,.8);

	z-index: 1000;

	display: none;

}

.blackLayer2 {

	width: 100%;

	height: 100%;

	position: fixed;

	background: rgba(0,0,0,.9);

	z-index: 1000;

	display: none;

}

.close {

	    font: 50px 'metro_reg';

    color: #fff;

    position: absolute;

    right: -45%;

    top: -25px;

    cursor: pointer;

}

.gt_heading {

	display: inline-block;

	font: 60px 'metro_black';

	text-transform: uppercase;

	color: #fff;

}

.fld_container {

	width: 48%;

	margin-bottom: 3.5%;

}

.lbl_styl1 {

	font: 16px 'metro_reg';

	color: #fff;

	float: left;

	text-transform: capitalize;

	padding-bottom: 4px;

	width: 100%;

}

.lbl_styl1 label {

	position: relative;

}

.input_style1 {

	width: 100%;

	float: left;

	border: 1px solid #fff;

	padding: 10px 20px;

	background: #fff;

	box-sizing: border-box;

	font: 16px 'metro_light';

	color: #010101;

}

/*.RQ_container .input_style1 {

    background-color: #e78f64 !important;

}*/



.RQ_container .fld_container {

	margin-bottom: 2% !important;

}

.fld_container:nth-child(2n+1) {

	float: right;

}

.inpt_container {

	width: 100%;

}

select.input_style1 {

	padding: 9px 20px;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-image: url(../images/main_sprite.png) !important;

	background-position: right -1000px;

	background-repeat: no-repeat;

}

select option {

	color: #000;

}

.calndr {

	background: url(../images/main_sprite.png) no-repeat right -1031px #fff !important;

}

textarea.input_style1 {

	height: 110px;

	resize: none;

	overflow: auto;

}

.txt_2 {

	height: 132px !important;

}

.success_msg {

	width: 60px;

	height: 40px;

	background: url(../images/main_sprite.png) no-repeat 16px -967px #1cc413;

	margin-top: 10px;

	display: none;

}

.marginTop15 {

	margin-top: 15px;

}

#lblCaptcha0 label, #lblCaptcha1 label {

	margin-right: 10px;

	cursor: pointer;

}

#black_logo {

	display: none;

}

#white_logo {

	position: absolute;

	top: 0;

	left: 0;

}

.index_hover1:hover {

	background-position: -3px -283px;

}

.index_hover1:after, .index_hover2:after, .index_hover3:after, .index_hover4:after {

	color: #e92536 !important;

	border-color: #e92536 !important;

}

.index_hover2:hover {

	background-position: -2px -320px !important;

}

.index_hover3:hover {

	background-position: -2px -357px !important;

}

.index_hover4:hover {

	background-position: -2px -398px !important;

}

.img_container img {

	width: 100%;

	height: 100%;

}

.awards_section {

	width: 1200px;

	height: 100%;

	text-align: center;

	float: none;

	margin: 4% auto 0;

}

.awards_center_container {

	display: inline-block;

	float: none;

	width: 100%;

	text-align: center;

}

.extra_width {

	width: 100%;

	text-align: center;

	margin-bottom: 0%;

}

.img_container {

	display: inline-block;

	float: none;

	transition: all 0.5s ease;

	padding-bottom: 10px;

	width: 55%;

}

.border_maroon {

	border-bottom: 3px solid #86162c;

}

.border_yellow {

	border-bottom: 3px solid #ffd105;

}

.border_blue {

	border-bottom: 3px solid #001c29;

}

.border_black {

	border-bottom: 3px solid #242424;

}

.border_green {

	border-bottom: 3px solid #93b9ac;

}

.para_container {

	float: left;

	position: relative;

	top: -30px;

	opacity: 0;

	transition: all 0.5s ease;

	font: italic 16px/24px 'Georgia';

	color: #3a3a3a;

}

.para_container p {

	text-align: center;

}

.none_labels {

	display: none;

}

.awrd_wrapper {

	width: 29%;

	display: inline-block;

	float: none;

	text-align: center;

	margin-right: 2%;

	position: relative;

}

.img_container:hover {

	transform: translate(0px, -30px);

}

.img1 {

	opacity: 0;

}

.img_container:hover ~ .para_container {

	top: 0;

	opacity: 1;

}

.progress_section {

	width: 1200px;

	height: 100%;

	text-align: center;

	float: none;

	margin: 4% auto 0;

}

.progress_center_container {

	display: inline-block;

	float: none;

	width: 100%;

	text-align: center;

}

.red_bold {

	float: left;

	color: #e92536;

	font: 50px 'metro_black';

	text-transform: uppercase;

	width: 100%;

}

.black_reg {

	font: 35px 'metro_med';

	color: #121112;

	text-transform: uppercase;

	display: block;

}

.progress_section_1 {

	width: 75%;

	display: inline-block;

	float: none;

	margin: 5% 0 0 0;

}

.heading_container_2 {

	margin: 5% 0 0 0;

}

/**PROGRESS BAR CSS**/

.progress_wrapper {

	width: 60%;

	float: right;

}

.skillbar {

	font-family: 'Open Sans', 'sans-serif';

	position: relative;

	display: block;

	margin-bottom: 25px;

	width: 100%;

	background: #eee;

	height: 50px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-webkit-transition: 0.4s linear;

	-moz-transition: 0.4s linear;

	-ms-transition: 0.4s linear;

	-o-transition: 0.4s linear;

	transition: 0.4s linear;

	-webkit-transition-property: width, background-color;

	-moz-transition-property: width, background-color;

	-ms-transition-property: width, background-color;

	-o-transition-property: width, background-color;

	transition-property: width, background-color;

}

.skillbar-title {

	position: absolute;

	top: 0;

	left: 0;

	font-weight: bold;

	font-size: 13px;

	color: #fff;

	background: #6adcfa;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 4px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

}

.skillbar-title span {

	display: block;

	background: rgba(0, 0, 0, 0.1);

	padding: 0 33px;

	height: 50px;

	line-height: 50px;

	-webkit-border-top-left-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;

	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

}

.ongoing_work {

	background: url(../images/main_sprite.png) no-repeat 23px -670px !important;

}

.awaiting_work {

	background: url(../images/main_sprite.png) no-repeat 22px -703px !important;

}

.delv_wrk {

	background: url(../images/main_sprite.png) no-repeat 21px -736px !important;

}

.skillbar-bar {

	height: 50px;

	width: 0px;

	background: #6adcfa;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}

.skill-bar-percent {

	position: absolute;

	right: 10px;

	top: 0;

	font-size: 11px;

	height: 50px;

	line-height: 50px;

	color: #444;

	color: rgba(0, 0, 0, 0.4);

}

.skill-label {

	position: absolute;

	left: 15.5%;

	top: 0;

	font: 18px 'metro_med';

	text-transform: capitalize;

	height: 50px;

	line-height: 50px;

	color: #fff;

}

.active_rec {

	background: url(../images/main_sprite.png) no-repeat 25px -835px !important;

}

.avlb_rec {

	background: url(../images/main_sprite.png) no-repeat 23px -768px !important;

}

.resrvd_rec {

	background: url(../images/main_sprite.png) no-repeat 23px -802px !important;

}

/**PROGRESS BAR CSS ENDS HERE**/

.bcktotop {

	width: 48px;

	height: 48px;

	background: url(../images/Back_Top.png) no-repeat 0 0 / 100% 100% #737373;

	position: absolute;

	transition: all 0.8s ease;

	bottom: 8%;

	right: 1.8%;

	cursor: pointer;

}

.bcktotop:hover {

	background-color: #e92536;

}

.bcktotop span {

	font: 14px/16px 'metro_reg';

	text-transform: capitalize;

	color: #737373;

	text-align: center;

	padding-top: 50px;

	display: block;

}

.nws_txt {

	font: 16px/18px 'metro_reg';

	color: #fff;

	display: block;

	text-align: left;

	width: 57%;

	margin-bottom: 10px;

}

.nws_container {

	width: 100%;

	background: #141416;

	text-align: center;

	display: none;

}

.nws_center_container {

	float: none;

	width: 87%;

	display: inline-block;

	margin: 2% 0 3% 0;

}

.nws_input {

	border: 1px solid #ffffff;

	background: #6f6f70;

	box-sizing: border-box;

	padding: 8px 20px;

	font: 16px 'metro_light';

	color: #010101;

	width: 55%;

}

.nws_btn {

	background: transparent;

	border: 1px solid #fff;

	border-left: none;

	font: 16px 'metro_reg';

	text-transform: uppercase;

	color: #fff;

	height: 38px;

	width: 80px;

	margin-left: -4px;

	cursor: pointer;

	transition: all 0.5s ease;

}

.nws_btn:hover {

	background: #fff;

	color: #000;

}

.nws_fld {

	width: 100%;

}

.mob_container, .mob_info_container, .fp-controlArrow {

	display: none;

}

/**KEY FRAMES ANIMATION STARTS HERE**/

.animated {

	-webkit-animation-duration: 3s;

	animation-duration: 2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.animated_fast {

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.animated_veryslow {

	-webkit-animation-duration: 20s;

	animation-duration: 20s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.animated_veryslow.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}

.animated.bounceIn, .animated.bounceOut {

	-webkit-animation-duration: .75s;

	animation-duration: .75s;

}

 @-webkit-keyframes fadeIn {

 0% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

 @keyframes fadeIn {

 0% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

}

 @-webkit-keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

}

 @-webkit-keyframes fadeInDownBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInDownBig {

 0% {

 opacity: 0.5;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInDownBig {

	-webkit-animation-name: fadeInDownBig;

	animation-name: fadeInDownBig;

}

 @-webkit-keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}

 @-webkit-keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInLeftBig {

	-webkit-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig;

}

 @-webkit-keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

 @-webkit-keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInRightBig {

	-webkit-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig;

}

 @-webkit-keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

 @-webkit-keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: none;

 transform: none;

}

}

.fadeInUpBig {

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig;

}

 @-webkit-keyframes bounceInLeft {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes bounceInLeft {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft;

}

 @-webkit-keyframes bounceInRight {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes bounceInRight {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

.bounceInRight {

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight;

}

 @-webkit-keyframes bounceOutUp {

 20% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, 20px, 0);

 transform: translate3d(0, 20px, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

}

 @keyframes bounceOutUp {

 20% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, 20px, 0);

 transform: translate3d(0, 20px, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

}

.bounceOutUp {

	-webkit-animation-name: bounceOutUp;

	animation-name: bounceOutUp;

}

 @-webkit-keyframes bounceOutLeft {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(20px, 0, 0);

 transform: translate3d(20px, 0, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

}

 @keyframes bounceOutLeft {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(20px, 0, 0);

 transform: translate3d(20px, 0, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

}

.bounceOutLeft {

	-webkit-animation-name: bounceOutLeft;

	animation-name: bounceOutLeft;

}

 @-webkit-keyframes bounceOutRight {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(-20px, 0, 0);

 transform: translate3d(-20px, 0, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

}

 @keyframes bounceOutRight {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(-20px, 0, 0);

 transform: translate3d(-20px, 0, 0);

}

 100% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

}

.bounceOutRight {

	-webkit-animation-name: bounceOutRight;

	animation-name: bounceOutRight;

}

 @-webkit-keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(.3, .3, .3);

 transform: scale3d(.3, .3, .3);

}

 50% {

 opacity: 1;

}

}

 @keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(.3, .3, .3);

 transform: scale3d(.3, .3, .3);

}

 50% {

 opacity: 1;

}

}

.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}

 @-webkit-keyframes pulse {

 0% {

 -webkit-transform: scale3d(0.8, 0.8, 0.8);

 transform: scale3d(0.8, 0.8, 0.8);

}

 50% {

 -webkit-transform: scale3d(1.05, 1.05, 1.05);

 transform: scale3d(1.04, 1.05, 1.05);

}

 100% {

 -webkit-transform: scale3d(0.8, 0.8, 0.8);

 transform: scale3d(0.8, 0.8, 0.8);

}

}

 @keyframes pulse {

 0% {

 -webkit-transform: scale3d(0.8, 0.8, 0.8);

 transform: scale3d(0.8, 0.8, 0.8);

}

 50% {

 -webkit-transform: scale3d(1.05, 1.05, 1.05);

 transform: scale3d(1.04, 1.05, 1.05);

}

 100% {

 -webkit-transform: scale3d(0.8, 0.8, 0.8);

 transform: scale3d(0.8, 0.8, 0.8);

}

}

.pulse {

	-webkit-animation-name: pulse;

	animation-name: pulse;

}

 @-webkit-keyframes bounceInDown {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -3000px, 0);

 transform: translate3d(0, -3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, 25px, 0);

 transform: translate3d(0, 25px, 0);

}

 75% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, 5px, 0);

 transform: translate3d(0, 5px, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

 @keyframes bounceInDown {

 0%, 60%, 75%, 90%, 100% {

 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -3000px, 0);

 transform: translate3d(0, -3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, 25px, 0);

 transform: translate3d(0, 25px, 0);

}

 75% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, 5px, 0);

 transform: translate3d(0, 5px, 0);

}

 100% {

 -webkit-transform: none;

 transform: none;

}

}

.bounceInDown {

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown;

}

/**JQUERY FULLPAGE STARTS HERE**/

html, body {

	margin: 0;

	padding: 0;

	overflow: hidden;

	/*Avoid flicker on slides transitions for mobile phones #336 */

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

#superContainer {

	height: 100%;

	position: relative;

	/* Touch detection for Windows 8 */

	-ms-touch-action: none;

	/* IE 11 on Windows Phone 8.1*/

	touch-action: none;

}

.fp-section {

	position: relative;

	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */

	-moz-box-sizing: border-box; /* <=28 */

	box-sizing: border-box;

}

.fp-slide {

	float: left;

}

.fp-slide, .fp-slidesContainer {

	height: 100%;

	display: block;

}

.fp-slides {

	z-index: 1;

	height: 100%;

	overflow: hidden;

	position: relative;

	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */

	transition: all 0.3s ease-out;

}

.fp-section.fp-table, .fp-slide.fp-table {

	display: table;

	table-layout: fixed;

	width: 100%;

}

.fp-tableCell {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}

.fp-slidesContainer {

	float: left;

	position: relative;

}

.fp-controlArrow {

	position: absolute;

	z-index: 4;

	top: 50%;

	cursor: pointer;

	width: 0;

	height: 0;

	border-style: solid;

	margin-top: -38px;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.fp-controlArrow.fp-prev {

	left: 15px;

	width: 0;

	border-width: 38.5px 34px 38.5px 0;

	border-color: transparent #fff transparent transparent;

}

.fp-controlArrow.fp-next {

	right: 15px;

	border-width: 38.5px 0 38.5px 34px;

	border-color: transparent transparent transparent #fff;

}

.fp-scrollable {

	overflow: scroll;

}

.fp-notransition {

	-webkit-transition: none !important;

	transition: none !important;

}

#fp-nav {

	position: fixed;

	z-index: 100;

	margin-top: -32px;

	top: 50%;

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

}

#fp-nav.right {

	right: 30px;

}

#fp-nav.left {

	left: 17px;

}

.fp-slidesNav {

	position: absolute;

	z-index: 4;

	left: 50%;

	opacity: 1;

}

.fp-slidesNav.bottom {

	bottom: 17px;

}

.fp-slidesNav.top {

	top: 17px;

}

#fp-nav ul,  .fp-slidesNav ul {

	margin: 0;

	padding: 0;

}

#fp-nav ul li,  .fp-slidesNav ul li {

	display: block;

	width: 17px;

	height: 16px;

	margin: 0px 0px 18px 0px;

	position: relative;

}

.fp-slidesNav ul li {

	display: inline-block;

}

#fp-nav ul li a,  .fp-slidesNav ul li a {

	display: block;

	position: relative;

	z-index: 1;

	width: 100%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

}

#fp-nav ul li a.active span,  .fp-slidesNav ul li a.active span,  #fp-nav ul li:hover a.active span,  .fp-slidesNav ul li:hover a.active span {

	height: 17px;

	width: 17px;

	margin: -3px 0 0 -3px;

	border-radius: 100%;

	background: #959595;

}

#fp-nav ul li a span,  .fp-slidesNav ul li a span {

	border-radius: 50%;

	position: absolute;

	z-index: 1;

	height: 15px;

	width: 15px;

	border: 0;

	border: 1px solid #959595;

	background: transparent;

	left: 50%;

	top: 50%;

	margin: -2px 0 0 -2px;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

}

#fp-nav ul li:hover a span,  .fp-slidesNav ul li:hover a span {

	width: 15px;

	height: 15px;

	background: #959595;

}

#fp-nav ul li .fp-tooltip {

	position: absolute;

	top: -2px;

	color: #fff;

	font-size: 14px;

	font-family: arial, helvetica, sans-serif;

	white-space: nowrap;

	max-width: 220px;

	overflow: hidden;

	display: block;

	opacity: 0;

	width: 0;

}

#fp-nav ul li:hover .fp-tooltip,  #fp-nav.fp-show-active a.active + .fp-tooltip {

	-webkit-transition: opacity 0.2s ease-in;

	transition: opacity 0.2s ease-in;

	width: auto;

	opacity: 1;

}

#fp-nav ul li .fp-tooltip.right {

	right: 5px;

	top: 5px;

	padding: 0 40px 3px 10px;

	font: 14px 'metro_reg';

	color: #acacac;

	border-bottom: 1px solid #acacac;

	text-transform: uppercase;

}

#fp-nav ul li .fp-tooltip.left {

	left: 20px;

}

/**JQUERY FULLPAGE ENDS HERE**/



/**EXAMPLE . CSS STARTS HERE**/

table {

	border-spacing: 0;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-weight: normal;

	font-style: normal;

}

strong {

	font-weight: bold;

}

ol, ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

caption, th {

	text-align: left;

}

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

	font-weight: normal;

	font-size: 100%;

	margin: 0;

	padding: 0;

	color: #444;

}

q:before, q:after {

	content: '';

}

abbr, acronym {

	border: 0;

}

/* Custom CSS

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

body {

	font-family: arial, helvetica;

	color: #333;

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

}

.wrap {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

	position: relative;

}

.intro p {

	width: 50%;

	margin: 0 auto;

	font-size: 1.5em;

}

.section {

	text-align: center;

}

#menu li {

	display: inline-block;

	margin: 10px;

	color: #000;

	background: #fff;

	background: rgba(255,255,255, 0.5);

	-webkit-border-radius: 10px;

	border-radius: 10px;

}

#menu li.active {

	background: #666;

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

	color: #fff;

}

#menu li a {

	text-decoration: none;

	color: #000;

}

#menu li.active a:hover {

	color: #000;

}

#menu li:hover {

	background: rgba(255,255,255, 0.8);

}

#menu li a,  #menu li.active a {

	padding: 9px 18px;

	display: block;

}

#menu li.active a {

	color: #fff;

}

#menu {

	position: fixed;

	top: 0;

	left: 0;

	height: 40px;

	z-index: 70;

	width: 100%;

	padding: 0;

	margin: 0;

}

.twitter-share-button {

	position: fixed;

	z-index: 99;

	right: 149px;

	top: 9px;

}

#download {

	margin: 10px 0 0 0;

	padding: 15px 10px;

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

	background-color: #49afcd;

	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #5bc0de), to( #2f96b4));

	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);

	background-image: linear-gradient(top, #5bc0de, #2f96b4);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);

	border-color: #2f96b4 #2f96b4 #1f6377;

	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);

 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	vertical-align: middle;

	cursor: pointer;

	display: inline-block;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);

	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);

}

#download a {

	text-decoration: none;

	color: #fff;

}

#download:hover {

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	background-color: #2F96B4;

	background-position: 0 -15px;

	-webkit-transition: background-position .1s linear;

	-moz-transition: background-position .1s linear;

	-ms-transition: background-position .1s linear;

	-o-transition: background-position .1s linear;

	transition: background-position .1s linear;

}

#infoMenu {

	height: 20px;

	color: #f2f2f2;

	position: fixed;

	z-index: 70;

	bottom: 0;

	width: 100%;

	text-align: right;

	font-size: 0.9em;

	padding: 8px 0 8px 0;

}

#infoMenu ul {

	padding: 0 40px;

}

#infoMenu li a {

	display: block;

	margin: 0 22px 0 0;

	color: #333;

}

#infoMenu li a:hover {

	text-decoration: underline;

}

#infoMenu li {

	display: inline-block;

	position: relative;

}

#examplesList {

	display: none;

	background: #282828;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	padding: 20px;

	float: left;

	position: absolute;

	bottom: 29px;

	right: 0;

	width: 638px;

	text-align: left;

}

#examplesList ul {

	padding: 0;

}

#examplesList ul li {

	display: block;

	margin: 5px 0;

}

#examplesList ul li a {

	color: #BDBDBD;

	margin: 0;

}

#examplesList ul li a:hover {

	color: #f2f2f2;

}

#examplesList .column {

	float: left;

	margin: 0 20px 0 0;

}

#examplesList h3 {

	color: #f2f2f2;

	font-size: 1.2em;

	margin: 0 0 15px 0;

	border-bottom: 1px solid rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	padding: 0 0 5px 0;

}

/* Demos Menu

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

#demosMenu {

	position: fixed;

	bottom: 10px;

	right: 10px;

	z-index: 999;

}

/**ENDS HERE**/

.error_bg {

	background-color: #ff8096 !important;

	border: 1px solid red !important;

}

 .input_style1::-webkit-input-placeholder {

 color: #000;

 opacity: 1;

}

 .input_style1:-moz-placeholder { /* Firefox 18- */

 color: #000;

 opacity: 1;

}

 .input_style1::-moz-placeholder { /* Firefox 19+ */

 color: #000;

 opacity: 1;

}

 .input_style1:-ms-input-placeholder {

 color: #000;

 opacity: 1;

}

.msg_container {

	height: 20px;

	width: 100%;

	overflow: hidden;

}

.succes_msg, .failed_msg {

	color: #1cc413;

	display: none;

	padding-top: 4px;

	float: left;

	font-size: 14px;

}

.failed_msg {

	color: red !important;

}

/**JQUERY UI STARTS HERE**/

/*! jQuery UI - v1.11.2 - 2014-10-16

* http://jqueryui.com

* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px

* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */



/* Layout helpers

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

.ui-helper-hidden {

	display: none;

}

.ui-helper-hidden-accessible {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}

.ui-helper-reset {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	line-height: 1.3;

	text-decoration: none;

	font-size: 100%;

	list-style: none;

}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {

	content: "";

	display: table;

	border-collapse: collapse;

}

.ui-helper-clearfix:after {

	clear: both;

}

.ui-helper-clearfix {

	min-height: 0; /* support: IE7 */

}

.ui-helper-zfix {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	filter: Alpha(Opacity=0); /* support: IE8 */

}

.ui-front {

	z-index: 100;

}

/* Interaction Cues

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

.ui-state-disabled {

	cursor: default !important;

}

/* Icons

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



/* states and images */

.ui-icon {

	display: block;

	text-indent: -99999px;

	overflow: hidden;

	background-repeat: no-repeat;

}

/* Misc visuals

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



/* Overlays */

.ui-widget-overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.ui-accordion .ui-accordion-header {

	display: block;

	cursor: pointer;

	position: relative;

	margin: 2px 0 0 0;

	padding: .5em .5em .5em .7em;

	min-height: 0; /* support: IE7 */

	font-size: 100%;

}

.ui-accordion .ui-accordion-icons {

	padding-left: 2.2em;

}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {

	padding-left: 2.2em;

}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {

	position: absolute;

	left: .5em;

	top: 50%;

	margin-top: -8px;

}

.ui-accordion .ui-accordion-content {

	padding: 1em 2.2em;

	border-top: 0;

	overflow: auto;

}

.ui-autocomplete {

	position: absolute;

	top: 0;

	left: 0;

	cursor: default;

}

.ui-button {

	display: inline-block;

	position: relative;

	padding: 0;

	line-height: normal;

	margin-right: .1em;

	cursor: pointer;

	vertical-align: middle;

	text-align: center;

	overflow: visible; /* removes extra width in IE */

}

.ui-button,  .ui-button:link,  .ui-button:visited,  .ui-button:hover,  .ui-button:active {

	text-decoration: none;

}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {

	width: 2.2em;

}

/* button elements seem to need a little more width */

button.ui-button-icon-only {

	width: 2.4em;

}

.ui-button-icons-only {

	width: 3.4em;

}

button.ui-button-icons-only {

	width: 3.7em;

}

/* button text element */

.ui-button .ui-button-text {

	display: block;

	line-height: normal;

}

.ui-button-text-only .ui-button-text {

	padding: .4em 1em;

}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {

	padding: .4em;

	text-indent: -9999999px;

}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {

	padding: .4em 1em .4em 2.1em;

}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {

	padding: .4em 2.1em .4em 1em;

}

.ui-button-text-icons .ui-button-text {

	padding-left: 2.1em;

	padding-right: 2.1em;

}

/* no icon support for input elements, provide padding by default */

input.ui-button {

	padding: .4em 1em;

}

/* button icon element(s) */

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {

	position: absolute;

	top: 50%;

	margin-top: -8px;

}

.ui-button-icon-only .ui-icon {

	left: 50%;

	margin-left: -8px;

}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {

	left: .5em;

}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {

	right: .5em;

}

/* button sets */

.ui-buttonset {

	margin-right: 7px;

}

.ui-buttonset .ui-button {

	margin-left: 0;

	margin-right: -.3em;

}



/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {

 border: 0;

 padding: 0;

}

.ui-datepicker {

	width: 17em;

	padding: .2em .2em 0;

	display: none;

}

.ui-datepicker .ui-datepicker-header {

	position: relative;

	padding: .2em 0;

	width: 100%;

	text-align: center;

}

.ui-datepicker .ui-datepicker-prev,  .ui-datepicker .ui-datepicker-next {

	position: absolute;

	top: 2px;

	width: 1.8em;

	height: 1.8em;

}

.ui-datepicker .ui-datepicker-prev-hover,  .ui-datepicker .ui-datepicker-next-hover {

	top: 1px;

}

.ui-datepicker .ui-datepicker-prev {

	left: 2px;

	border: 1px solid #000;

}

.ui-datepicker .ui-datepicker-next {

	right: 2px;

	border: 1px solid #000;

}

.ui-datepicker-next:after {

	position: absolute;

	content: "";

	float: left;

	width: 0;

	height: 0;

	top: 12px;

	left: 14px;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-left: 5px solid black;

}

.ui-datepicker-prev:after {

	position: absolute;

	content: "";

	float: left;

	width: 0;

	height: 0;

	top: 12px;

	left: 14px;

	border-top: 4px solid transparent;

	border-bottom: 4px solid transparent;

	border-right: 5px solid black;

}

.ui-datepicker .ui-datepicker-prev-hover {

	left: 1px;

}

.ui-datepicker .ui-datepicker-next-hover {

	right: 1px;

}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -8px;

	top: 50%;

	margin-top: -8px;

}

.ui-datepicker .ui-datepicker-title {

	margin: 0 2.3em;

	line-height: 1.8em;

	text-align: center;

	display: inline-block;

	float: none;

}

.ui-datepicker .ui-datepicker-title select {

	font-size: 1em;

	margin: 1px 0;

}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {

	width: 45%;

}

.ui-datepicker table {

	width: 100%;

	font-size: .9em;

	border-collapse: collapse;

	margin: 0 0 .4em;

}

.ui-datepicker th {

	padding: .7em .3em;

	text-align: center;

	font-weight: bold;

	border: 0;

}

.ui-datepicker td {

	border: 0;

	padding: 1px;

}

.ui-datepicker td span,  .ui-datepicker td a {

	display: block;

	padding: .2em;

	text-align: right;

	text-decoration: none;

}

.ui-datepicker .ui-datepicker-buttonpane {

	background-image: none;

	margin: .7em 0 0 0;

	padding: 0;

	border-left: 0;

	border-right: 0;

	border-bottom: 0;

	width: 100%;

}

.ui-datepicker .ui-datepicker-buttonpane button {

	float: right;

	margin: .5em .2em .4em;

	cursor: pointer;

	padding: .2em .6em .3em .6em;

	width: auto;

	overflow: visible;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

	float: left;

}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {

	width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

	float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

	width: 95%;

	margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

	width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

	width: 33.3%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

	width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

	border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

	clear: left;

}

.ui-datepicker-row-break {

	clear: both;

	width: 100%;

	font-size: 0;

}

/* RTL support */

.ui-datepicker-rtl {

	direction: rtl;

}

.ui-datepicker-rtl .ui-datepicker-prev {

	right: 2px;

	left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next {

	left: 2px;

	right: auto;

}

.ui-datepicker-rtl .ui-datepicker-prev:hover {

	right: 1px;

	left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next:hover {

	left: 1px;

	right: auto;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane {

	clear: right;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {

	float: left;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,  .ui-datepicker-rtl .ui-datepicker-group {

	float: right;

}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

	border-right-width: 0;

	border-left-width: 1px;

}

.ui-dialog {

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 0;

	padding: .2em;

	outline: 0;

}

.ui-dialog .ui-dialog-titlebar {

	padding: .4em 1em;

	position: relative;

}

.ui-dialog .ui-dialog-title {

	float: left;

	margin: .1em 0;

	white-space: nowrap;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

}

.ui-dialog .ui-dialog-titlebar-close {

	position: absolute;

	right: .3em;

	top: 50%;

	width: 20px;

	margin: -10px 0 0 0;

	padding: 1px;

	height: 20px;

}

.ui-dialog .ui-dialog-content {

	position: relative;

	border: 0;

	padding: .5em 1em;

	background: none;

	overflow: auto;

}

.ui-dialog .ui-dialog-buttonpane {

	text-align: left;

	border-width: 1px 0 0 0;

	background-image: none;

	margin-top: .5em;

	padding: .3em 1em .5em .4em;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

	float: right;

}

.ui-dialog .ui-dialog-buttonpane button {

	margin: .5em .4em .5em 0;

	cursor: pointer;

}

.ui-dialog .ui-resizable-se {

	width: 12px;

	height: 12px;

	right: -5px;

	bottom: -5px;

	background-position: 16px 16px;

}

.ui-draggable .ui-dialog-titlebar {

	cursor: move;

}

.ui-draggable-handle {

	-ms-touch-action: none;

	touch-action: none;

}

.ui-menu {

	list-style: none;

	padding: 0;

	margin: 0;

	display: block;

	outline: none;

}

.ui-menu .ui-menu {

	position: absolute;

}

.ui-menu .ui-menu-item {

	position: relative;

	margin: 0;

	padding: 3px 1em 3px .4em;

	cursor: pointer;

	min-height: 0; /* support: IE7 */

	/* support: IE10, see #8844 */

	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");

}

.ui-menu .ui-menu-divider {

	margin: 5px 0;

	height: 0;

	font-size: 0;

	line-height: 0;

	border-width: 1px 0 0 0;

}

.ui-menu .ui-state-focus,  .ui-menu .ui-state-active {

	margin: -1px;

}

/* icon support */

.ui-menu-icons {

	position: relative;

}

.ui-menu-icons .ui-menu-item {

	padding-left: 2em;

}

/* left-aligned */

.ui-menu .ui-icon {

	position: absolute;

	top: 0;

	bottom: 0;

	left: .2em;

	margin: auto 0;

}

/* right-aligned */

.ui-menu .ui-menu-icon {

	left: auto;

	right: 0;

}

.ui-progressbar {

	height: 2em;

	text-align: left;

	overflow: hidden;

}

.ui-progressbar .ui-progressbar-value {

	margin: -1px;

	height: 100%;

}

.ui-progressbar .ui-progressbar-overlay {

	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");

	height: 100%;

	filter: alpha(opacity=25); /* support: IE8 */

	opacity: 0.25;

}

.ui-progressbar-indeterminate .ui-progressbar-value {

	background-image: none;

}

.ui-resizable {

	position: relative;

}

.ui-resizable-handle {

	position: absolute;

	font-size: 0.1px;

	display: block;

	-ms-touch-action: none;

	touch-action: none;

}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {

	display: none;

}

.ui-resizable-n {

	cursor: n-resize;

	height: 7px;

	width: 100%;

	top: -5px;

	left: 0;

}

.ui-resizable-s {

	cursor: s-resize;

	height: 7px;

	width: 100%;

	bottom: -5px;

	left: 0;

}

.ui-resizable-e {

	cursor: e-resize;

	width: 7px;

	right: -5px;

	top: 0;

	height: 100%;

}

.ui-resizable-w {

	cursor: w-resize;

	width: 7px;

	left: -5px;

	top: 0;

	height: 100%;

}

.ui-resizable-se {

	cursor: se-resize;

	width: 12px;

	height: 12px;

	right: 1px;

	bottom: 1px;

}

.ui-resizable-sw {

	cursor: sw-resize;

	width: 9px;

	height: 9px;

	left: -5px;

	bottom: -5px;

}

.ui-resizable-nw {

	cursor: nw-resize;

	width: 9px;

	height: 9px;

	left: -5px;

	top: -5px;

}

.ui-resizable-ne {

	cursor: ne-resize;

	width: 9px;

	height: 9px;

	right: -5px;

	top: -5px;

}

.ui-selectable {

	-ms-touch-action: none;

	touch-action: none;

}

.ui-selectable-helper {

	position: absolute;

	z-index: 100;

	border: 1px dotted black;

}

.ui-selectmenu-menu {

	padding: 0;

	margin: 0;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}

.ui-selectmenu-menu .ui-menu {

	overflow: auto;

	/* Support: IE7 */

	overflow-x: hidden;

	padding-bottom: 1px;

}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {

	font-size: 1em;

	font-weight: bold;

	line-height: 1.5;

	padding: 2px 0.4em;

	margin: 0.5em 0 0 0;

	height: auto;

	border: 0;

}

.ui-selectmenu-open {

	display: block;

}

.ui-selectmenu-button {

	display: inline-block;

	overflow: hidden;

	position: relative;

	text-decoration: none;

	cursor: pointer;

}

.ui-selectmenu-button span.ui-icon {

	right: 0.5em;

	left: auto;

	margin-top: -8px;

	position: absolute;

	top: 50%;

}

.ui-selectmenu-button span.ui-selectmenu-text {

	text-align: left;

	padding: 0.4em 2.1em 0.4em 1em;

	display: block;

	line-height: 1.4;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.ui-slider {

	position: relative;

	text-align: left;

}

.ui-slider .ui-slider-handle {

	position: absolute;

	z-index: 2;

	width: 1.2em;

	height: 1.2em;

	cursor: default;

	-ms-touch-action: none;

	touch-action: none;

}

.ui-slider .ui-slider-range {

	position: absolute;

	z-index: 1;

	font-size: .7em;

	display: block;

	border: 0;

	background-position: 0 0;

}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,  .ui-slider.ui-state-disabled .ui-slider-range {

	filter: inherit;

}

.ui-slider-horizontal {

	height: .8em;

}

.ui-slider-horizontal .ui-slider-handle {

	top: -.3em;

	margin-left: -.6em;

}

.ui-slider-horizontal .ui-slider-range {

	top: 0;

	height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

	left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

	right: 0;

}

.ui-slider-vertical {

	width: .8em;

	height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

	left: -.3em;

	margin-left: 0;

	margin-bottom: -.6em;

}

.ui-slider-vertical .ui-slider-range {

	left: 0;

	width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

	bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

	top: 0;

}

.ui-sortable-handle {

	-ms-touch-action: none;

	touch-action: none;

}

.ui-spinner {

	position: relative;

	display: inline-block;

	overflow: hidden;

	padding: 0;

	vertical-align: middle;

}

.ui-spinner-input {

	border: none;

	background: none;

	color: inherit;

	padding: 0;

	margin: .2em 0;

	vertical-align: middle;

	margin-left: .4em;

	margin-right: 22px;

}

.ui-spinner-button {

	width: 16px;

	height: 50%;

	font-size: .5em;

	padding: 0;

	margin: 0;

	text-align: center;

	position: absolute;

	cursor: default;

	display: block;

	overflow: hidden;

	right: 0;

}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {

	border-top: none;

	border-bottom: none;

	border-right: none;

}

/* vertically center icon */

.ui-spinner .ui-icon {

	position: absolute;

	margin-top: -8px;

	top: 50%;

	left: 0;

}

.ui-spinner-up {

	top: 0;

}

.ui-spinner-down {

	bottom: 0;

}

/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {

	/* need to fix icons sprite */

	background-position: -65px -16px;

}

.ui-tabs {

	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

	padding: .2em;

}

.ui-tabs .ui-tabs-nav {

	margin: 0;

	padding: .2em .2em 0;

}

.ui-tabs .ui-tabs-nav li {

	list-style: none;

	float: left;

	position: relative;

	top: 0;

	margin: 1px .2em 0 0;

	border-bottom-width: 0;

	padding: 0;

	white-space: nowrap;

}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {

	float: left;

	padding: .5em 1em;

	text-decoration: none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {

	margin-bottom: -1px;

	padding-bottom: 1px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,  .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,  .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {

	cursor: text;

}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {

	cursor: pointer;

}

.ui-tabs .ui-tabs-panel {

	display: block;

	border-width: 0;

	padding: 1em 1.4em;

	background: none;

}

.ui-tooltip {

	padding: 8px;

	position: absolute;

	z-index: 9999;

	max-width: 300px;

	-webkit-box-shadow: 0 0 5px #aaa;

	box-shadow: 0 0 5px #aaa;

}

body .ui-tooltip {

	border-width: 2px;

}

/* Component containers

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

.ui-widget {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1.1em;

}

.ui-widget .ui-widget {

	font-size: 1em;

}

.ui-widget input,  .ui-widget select,  .ui-widget textarea,  .ui-widget button {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1em;

}

.ui-widget-content {

	border: 1px solid #aaaaaa;

	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;

	color: #222222;

}

.ui-widget-content a {

	color: #222222;

}

.ui-widget-header {

	border: 1px solid #aaaaaa;

	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;

	color: #222222;

	font-weight: bold;

}

.ui-widget-header a {

	color: #222222;

}

/* Interaction states

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

.ui-state-default,  .ui-widget-content .ui-state-default,  .ui-widget-header .ui-state-default {

	border: 1px solid #d3d3d3;

	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;

	font-weight: normal;

	color: #555555;

}

.ui-state-default a,  .ui-state-default a:link,  .ui-state-default a:visited {

	color: #555555;

	text-decoration: none;

}

.ui-state-hover,  .ui-widget-content .ui-state-hover,  .ui-widget-header .ui-state-hover,  .ui-state-focus,  .ui-widget-content .ui-state-focus,  .ui-widget-header .ui-state-focus {

	border: 1px solid #999999;

	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;

	font-weight: normal;

	color: #212121;

}

.ui-state-hover a,  .ui-state-hover a:hover,  .ui-state-hover a:link,  .ui-state-hover a:visited,  .ui-state-focus a,  .ui-state-focus a:hover,  .ui-state-focus a:link,  .ui-state-focus a:visited {

	color: #212121;

	text-decoration: none;

}

.ui-state-active,  .ui-widget-content .ui-state-active,  .ui-widget-header .ui-state-active {

	border: 1px solid #aaaaaa;

	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;

	font-weight: normal;

	color: #212121;

}

.ui-state-active a,  .ui-state-active a:link,  .ui-state-active a:visited {

	color: #212121;

	text-decoration: none;

}

/* Interaction Cues

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

.ui-state-highlight,  .ui-widget-content .ui-state-highlight,  .ui-widget-header .ui-state-highlight {

	border: 1px solid #fcefa1;

	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;

	color: #363636;

}

.ui-state-highlight a,  .ui-widget-content .ui-state-highlight a,  .ui-widget-header .ui-state-highlight a {

	color: #363636;

}

.ui-state-error,  .ui-widget-content .ui-state-error,  .ui-widget-header .ui-state-error {

	border: 1px solid #cd0a0a;

	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;

	color: #cd0a0a;

}

.ui-state-error a,  .ui-widget-content .ui-state-error a,  .ui-widget-header .ui-state-error a {

	color: #cd0a0a;

}

.ui-state-error-text,  .ui-widget-content .ui-state-error-text,  .ui-widget-header .ui-state-error-text {

	color: #cd0a0a;

}

.ui-priority-primary,  .ui-widget-content .ui-priority-primary,  .ui-widget-header .ui-priority-primary {

	font-weight: bold;

}

.ui-priority-secondary,  .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary {

	opacity: .7;

	filter: Alpha(Opacity=70); /* support: IE8 */

	font-weight: normal;

}

.ui-state-disabled,  .ui-widget-content .ui-state-disabled,  .ui-widget-header .ui-state-disabled {

	opacity: .35;

	filter: Alpha(Opacity=35); /* support: IE8 */

	background-image: none;

}

.ui-state-disabled .ui-icon {

	filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */

}

/* Icons

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



/* states and images */

.ui-icon {

	width: 16px;

	height: 16px;

}

.ui-icon, .ui-widget-content .ui-icon {

	background-image: url("images/ui-icons_222222_256x240.png");

}

.ui-widget-header .ui-icon {

	background-image: url("images/ui-icons_222222_256x240.png");

}

.ui-state-default .ui-icon {

	background-image: url("images/ui-icons_888888_256x240.png");

}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {

	background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-active .ui-icon {

	background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-highlight .ui-icon {

	background-image: url("images/ui-icons_2e83ff_256x240.png");

}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {

	background-image: url("images/ui-icons_cd0a0a_256x240.png");

}

/* positioning */

.ui-icon-blank {

	background-position: 16px 16px;

}

.ui-icon-carat-1-n {

	background-position: 0 0;

}

.ui-icon-carat-1-ne {

	background-position: -16px 0;

}

.ui-icon-carat-1-e {

	background-position: -32px 0;

}

.ui-icon-carat-1-se {

	background-position: -48px 0;

}

.ui-icon-carat-1-s {

	background-position: -64px 0;

}

.ui-icon-carat-1-sw {

	background-position: -80px 0;

}

.ui-icon-carat-1-w {

	background-position: -96px 0;

}

.ui-icon-carat-1-nw {

	background-position: -112px 0;

}

.ui-icon-carat-2-n-s {

	background-position: -128px 0;

}

.ui-icon-carat-2-e-w {

	background-position: -144px 0;

}

.ui-icon-triangle-1-n {

	background-position: 0 -16px;

}

.ui-icon-triangle-1-ne {

	background-position: -16px -16px;

}

.ui-icon-triangle-1-e {

	background-position: -32px -16px;

}

.ui-icon-triangle-1-se {

	background-position: -48px -16px;

}

.ui-icon-triangle-1-s {

	background-position: -64px -16px;

}

.ui-icon-triangle-1-sw {

	background-position: -80px -16px;

}

.ui-icon-triangle-1-w {

	background-position: -96px -16px;

}

.ui-icon-triangle-1-nw {

	background-position: -112px -16px;

}

.ui-icon-triangle-2-n-s {

	background-position: -128px -16px;

}

.ui-icon-triangle-2-e-w {

	background-position: -144px -16px;

}

.ui-icon-arrow-1-n {

	background-position: 0 -32px;

}

.ui-icon-arrow-1-ne {

	background-position: -16px -32px;

}

.ui-icon-arrow-1-e {

	background-position: -32px -32px;

}

.ui-icon-arrow-1-se {

	background-position: -48px -32px;

}

.ui-icon-arrow-1-s {

	background-position: -64px -32px;

}

.ui-icon-arrow-1-sw {

	background-position: -80px -32px;

}

.ui-icon-arrow-1-w {

	background-position: -96px -32px;

}

.ui-icon-arrow-1-nw {

	background-position: -112px -32px;

}

.ui-icon-arrow-2-n-s {

	background-position: -128px -32px;

}

.ui-icon-arrow-2-ne-sw {

	background-position: -144px -32px;

}

.ui-icon-arrow-2-e-w {

	background-position: -160px -32px;

}

.ui-icon-arrow-2-se-nw {

	background-position: -176px -32px;

}

.ui-icon-arrowstop-1-n {

	background-position: -192px -32px;

}

.ui-icon-arrowstop-1-e {

	background-position: -208px -32px;

}

.ui-icon-arrowstop-1-s {

	background-position: -224px -32px;

}

.ui-icon-arrowstop-1-w {

	background-position: -240px -32px;

}

.ui-icon-arrowthick-1-n {

	background-position: 0 -48px;

}

.ui-icon-arrowthick-1-ne {

	background-position: -16px -48px;

}

.ui-icon-arrowthick-1-e {

	background-position: -32px -48px;

}

.ui-icon-arrowthick-1-se {

	background-position: -48px -48px;

}

.ui-icon-arrowthick-1-s {

	background-position: -64px -48px;

}

.ui-icon-arrowthick-1-sw {

	background-position: -80px -48px;

}

.ui-icon-arrowthick-1-w {

	background-position: -96px -48px;

}

.ui-icon-arrowthick-1-nw {

	background-position: -112px -48px;

}

.ui-icon-arrowthick-2-n-s {

	background-position: -128px -48px;

}

.ui-icon-arrowthick-2-ne-sw {

	background-position: -144px -48px;

}

.ui-icon-arrowthick-2-e-w {

	background-position: -160px -48px;

}

.ui-icon-arrowthick-2-se-nw {

	background-position: -176px -48px;

}

.ui-icon-arrowthickstop-1-n {

	background-position: -192px -48px;

}

.ui-icon-arrowthickstop-1-e {

	background-position: -208px -48px;

}

.ui-icon-arrowthickstop-1-s {

	background-position: -224px -48px;

}

.ui-icon-arrowthickstop-1-w {

	background-position: -240px -48px;

}

.ui-icon-arrowreturnthick-1-w {

	background-position: 0 -64px;

}

.ui-icon-arrowreturnthick-1-n {

	background-position: -16px -64px;

}

.ui-icon-arrowreturnthick-1-e {

	background-position: -32px -64px;

}

.ui-icon-arrowreturnthick-1-s {

	background-position: -48px -64px;

}

.ui-icon-arrowreturn-1-w {

	background-position: -64px -64px;

}

.ui-icon-arrowreturn-1-n {

	background-position: -80px -64px;

}

.ui-icon-arrowreturn-1-e {

	background-position: -96px -64px;

}

.ui-icon-arrowreturn-1-s {

	background-position: -112px -64px;

}

.ui-icon-arrowrefresh-1-w {

	background-position: -128px -64px;

}

.ui-icon-arrowrefresh-1-n {

	background-position: -144px -64px;

}

.ui-icon-arrowrefresh-1-e {

	background-position: -160px -64px;

}

.ui-icon-arrowrefresh-1-s {

	background-position: -176px -64px;

}

.ui-icon-arrow-4 {

	background-position: 0 -80px;

}

.ui-icon-arrow-4-diag {

	background-position: -16px -80px;

}

.ui-icon-extlink {

	background-position: -32px -80px;

}

.ui-icon-newwin {

	background-position: -48px -80px;

}

.ui-icon-refresh {

	background-position: -64px -80px;

}

.ui-icon-shuffle {

	background-position: -80px -80px;

}

.ui-icon-transfer-e-w {

	background-position: -96px -80px;

}

.ui-icon-transferthick-e-w {

	background-position: -112px -80px;

}

.ui-icon-folder-collapsed {

	background-position: 0 -96px;

}

.ui-icon-folder-open {

	background-position: -16px -96px;

}

.ui-icon-document {

	background-position: -32px -96px;

}

.ui-icon-document-b {

	background-position: -48px -96px;

}

.ui-icon-note {

	background-position: -64px -96px;

}

.ui-icon-mail-closed {

	background-position: -80px -96px;

}

.ui-icon-mail-open {

	background-position: -96px -96px;

}

.ui-icon-suitcase {

	background-position: -112px -96px;

}

.ui-icon-comment {

	background-position: -128px -96px;

}

.ui-icon-person {

	background-position: -144px -96px;

}

.ui-icon-print {

	background-position: -160px -96px;

}

.ui-icon-trash {

	background-position: -176px -96px;

}

.ui-icon-locked {

	background-position: -192px -96px;

}

.ui-icon-unlocked {

	background-position: -208px -96px;

}

.ui-icon-bookmark {

	background-position: -224px -96px;

}

.ui-icon-tag {

	background-position: -240px -96px;

}

.ui-icon-home {

	background-position: 0 -112px;

}

.ui-icon-flag {

	background-position: -16px -112px;

}

.ui-icon-calendar {

	background-position: -32px -112px;

}

.ui-icon-cart {

	background-position: -48px -112px;

}

.ui-icon-pencil {

	background-position: -64px -112px;

}

.ui-icon-clock {

	background-position: -80px -112px;

}

.ui-icon-disk {

	background-position: -96px -112px;

}

.ui-icon-calculator {

	background-position: -112px -112px;

}

.ui-icon-zoomin {

	background-position: -128px -112px;

}

.ui-icon-zoomout {

	background-position: -144px -112px;

}

.ui-icon-search {

	background-position: -160px -112px;

}

.ui-icon-wrench {

	background-position: -176px -112px;

}

.ui-icon-gear {

	background-position: -192px -112px;

}

.ui-icon-heart {

	background-position: -208px -112px;

}

.ui-icon-star {

	background-position: -224px -112px;

}

.ui-icon-link {

	background-position: -240px -112px;

}

.ui-icon-cancel {

	background-position: 0 -128px;

}

.ui-icon-plus {

	background-position: -16px -128px;

}

.ui-icon-plusthick {

	background-position: -32px -128px;

}

.ui-icon-minus {

	background-position: -48px -128px;

}

.ui-icon-minusthick {

	background-position: -64px -128px;

}

.ui-icon-close {

	background-position: -80px -128px;

}

.ui-icon-closethick {

	background-position: -96px -128px;

}

.ui-icon-key {

	background-position: -112px -128px;

}

.ui-icon-lightbulb {

	background-position: -128px -128px;

}

.ui-icon-scissors {

	background-position: -144px -128px;

}

.ui-icon-clipboard {

	background-position: -160px -128px;

}

.ui-icon-copy {

	background-position: -176px -128px;

}

.ui-icon-contact {

	background-position: -192px -128px;

}

.ui-icon-image {

	background-position: -208px -128px;

}

.ui-icon-video {

	background-position: -224px -128px;

}

.ui-icon-script {

	background-position: -240px -128px;

}

.ui-icon-alert {

	background-position: 0 -144px;

}

.ui-icon-info {

	background-position: -16px -144px;

}

.ui-icon-notice {

	background-position: -32px -144px;

}

.ui-icon-help {

	background-position: -48px -144px;

}

.ui-icon-check {

	background-position: -64px -144px;

}

.ui-icon-bullet {

	background-position: -80px -144px;

}

.ui-icon-radio-on {

	background-position: -96px -144px;

}

.ui-icon-radio-off {

	background-position: -112px -144px;

}

.ui-icon-pin-w {

	background-position: -128px -144px;

}

.ui-icon-pin-s {

	background-position: -144px -144px;

}

.ui-icon-play {

	background-position: 0 -160px;

}

.ui-icon-pause {

	background-position: -16px -160px;

}

.ui-icon-seek-next {

	background-position: -32px -160px;

}

.ui-icon-seek-prev {

	background-position: -48px -160px;

}

.ui-icon-seek-end {

	background-position: -64px -160px;

}

.ui-icon-seek-start {

	background-position: -80px -160px;

}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {

	background-position: -80px -160px;

}

.ui-icon-stop {

	background-position: -96px -160px;

}

.ui-icon-eject {

	background-position: -112px -160px;

}

.ui-icon-volume-off {

	background-position: -128px -160px;

}

.ui-icon-volume-on {

	background-position: -144px -160px;

}

.ui-icon-power {

	background-position: 0 -176px;

}

.ui-icon-signal-diag {

	background-position: -16px -176px;

}

.ui-icon-signal {

	background-position: -32px -176px;

}

.ui-icon-battery-0 {

	background-position: -48px -176px;

}

.ui-icon-battery-1 {

	background-position: -64px -176px;

}

.ui-icon-battery-2 {

	background-position: -80px -176px;

}

.ui-icon-battery-3 {

	background-position: -96px -176px;

}

.ui-icon-circle-plus {

	background-position: 0 -192px;

}

.ui-icon-circle-minus {

	background-position: -16px -192px;

}

.ui-icon-circle-close {

	background-position: -32px -192px;

}

.ui-icon-circle-triangle-e {

	background-position: -48px -192px;

}

.ui-icon-circle-triangle-s {

	background-position: -64px -192px;

}

.ui-icon-circle-triangle-w {

	background-position: -80px -192px;

}

.ui-icon-circle-triangle-n {

	background-position: -96px -192px;

}

.ui-icon-circle-arrow-e {

	background-position: -112px -192px;

}

.ui-icon-circle-arrow-s {

	background-position: -128px -192px;

}

.ui-icon-circle-arrow-w {

	background-position: -144px -192px;

}

.ui-icon-circle-arrow-n {

	background-position: -160px -192px;

}

.ui-icon-circle-zoomin {

	background-position: -176px -192px;

}

.ui-icon-circle-zoomout {

	background-position: -192px -192px;

}

.ui-icon-circle-check {

	background-position: -208px -192px;

}

.ui-icon-circlesmall-plus {

	background-position: 0 -208px;

}

.ui-icon-circlesmall-minus {

	background-position: -16px -208px;

}

.ui-icon-circlesmall-close {

	background-position: -32px -208px;

}

.ui-icon-squaresmall-plus {

	background-position: -48px -208px;

}

.ui-icon-squaresmall-minus {

	background-position: -64px -208px;

}

.ui-icon-squaresmall-close {

	background-position: -80px -208px;

}

.ui-icon-grip-dotted-vertical {

	background-position: 0 -224px;

}

.ui-icon-grip-dotted-horizontal {

	background-position: -16px -224px;

}

.ui-icon-grip-solid-vertical {

	background-position: -32px -224px;

}

.ui-icon-grip-solid-horizontal {

	background-position: -48px -224px;

}

.ui-icon-gripsmall-diagonal-se {

	background-position: -64px -224px;

}

.ui-icon-grip-diagonal-se {

	background-position: -80px -224px;

}

/* Misc visuals

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



/* Corner radius */

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

	border-top-left-radius: 4px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

	border-top-right-radius: 4px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

	border-bottom-left-radius: 4px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

	border-bottom-right-radius: 4px;

}

/* Overlays */

.ui-widget-overlay {

	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;

	opacity: .3;

	filter: Alpha(Opacity=30); /* support: IE8 */

}

.ui-widget-shadow {

	margin: -8px 0 0 -8px;

	padding: 8px;

	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;

	opacity: .3;

	filter: Alpha(Opacity=30); /* support: IE8 */

	border-radius: 8px;

}

/**JQUERY UI ENDS HERE**/

/**DEFAULT CSS STARTS HERE**/

/********************** Rating Script **********************************/

.rating {

	width: 200px;

}

.rating:not(:checked) > input {

	position: absolute;

	top: -9999px;

	clip: rect(0,0,0,0);

}

.rating:not(:checked) > label {

	float: right;

	width: 1em;

	padding: 0 .1em;

	overflow: hidden;

	white-space: nowrap;

	cursor: pointer;

	font-size: 200%;

	line-height: 1.2;

	color: #ddd;

	text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);

}

.rating:not(:checked) > label:before {

	content: '★ ';

}

.rating > input:checked ~ label {

	color: #f70;

	text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);

}

.rating:not(:checked) > label:hover,  .rating:not(:checked) > label:hover ~ label {

	color: gold;

	text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);

}

.rating > input:checked + label:hover,  .rating > input:checked + label:hover ~ label,  .rating > input:checked ~ label:hover,  .rating > input:checked ~ label:hover ~ label,  .rating > label:hover ~ input:checked ~ label {

	color: #ea0;

	text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);

}

.rating > label:active {

	position: relative;

	top: 2px;

	left: 2px;

}

.redErrorRating {

	border: 2px solid red;

}

.captchaActive {

	border: 2px solid green;

}

/********************** ENd Rating Script **********************************/

/**DEFAULT CSS ENDS HERE**/



/* Default Grid Start*/



.DivDefaultGridClass .fg-toolbar {

	margin-bottom: 0;

}

.DivDefaultGridClass {

	width: 95%;

	margin: 0 auto;

}

.DivDefaultGridClass .DTDefaultGridClass {

	width: 100% !important;

}

.DivDefaultGridClass .dataTables_length {

	float: left;

	width: 40%;

}

.DivDefaultGridClass .ui-widget-header {

	border: 1px solid #fff;

	background: none repeat scroll 0 0 rgb(0, 68, 137);

	color: #rgb(250, 250, 250);

}

.DivDefaultGridClass label {

	margin-bottom: 0;

	margin-top: 3px;

	font-size: 12px;

}

.DivDefaultGridClass .ui-button {

	color: #fff !important;

	text-shadow: 0px 0px 10px rgba(85, 85, 85, 1);

}

.DivDefaultGridClass .ui-state-default {

	background: none repeat scroll 0 0 rgb(77, 165, 255) !important;

	min-width: 30px;

}

.DivDefaultGridClass .ui-state-default .ui-icon {

	float: right;

	margin-right: 18px;

	margin-top: 12px;

}

.DivDefaultGridClass .DataTables_sort_wrapper {

	line-height: 40px;

	text-shadow: none !important;

}

.DivDefaultGridClass .DTDefaultGridClass tr.odd td {

	background: none repeat scroll 0 0 rgb(228, 242, 255);

}

.DivDefaultGridClass .DTDefaultGridClass tr.even td {

	background: none repeat scroll 0 0 rgb(202, 230, 255);

}

.DivDefaultGridClass .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

	color: #333;

}



/*END*/

/**MEDIA QUERY STARTS HERE**/

@media only screen and (max-width:1200px) and (min-width: 992px) {

.menu_container {

	right: 9%;

}

.logo_spidr {

	width: 510px;

	height: 450px;

}

.logo_circl {

	width: 168px;

	height: 167px;

	top: 30%;

}

.h1_img, .white_italic {

	height: 30px;

}

.testing {

	width: 98%;

}

.slider_text {

	font-size: 18px;

}

.css-typing {

	width: 793px;

}

.btn_style1 {

	padding: 20px 40px;

}

.navigation li a {

	font: 35px/42px 'metro_bold';

}

.nws_txt {

	font: 14px/18px 'metro_reg';

	width: 81%;

}

.navigation_container {

	margin: 14% 0 0;

}

.left_contact_container {

	width: 52%;

}

.heading_container {

	margin: 0 0 1%;

}

.gt_heading {

	font-size: 44px;

}

.fld_container {

	margin: 0 0 1%;

}

.input_style1 {

	font-size: 14px;

}

.gt_qout_container {

	height: 450px;

}

.btn_style_pop {

	padding: 14px 50px;

}

.center_container {

	margin: 0;

}

.close {

	top: 5px;

}

.RQ_container {

	height: 500px;

}

.RQ_container .fld_container {

	margin-bottom: 1% !important;

}

.awards_section {

	width: 80%;

}

.img_container {

	width: 70%;

}

.para_container {

	font: italic 14px/18px 'Georgia';

}

.img_container:hover {

	transform: translate(0px, -30px);

}

.progress_section {

	width: 80%;

}

.red_bold {

	font: 38px 'metro_black';

}

.progress_section_1 {

	width: 90%;

}

.logo {

	width: 15%;

}

.skill-label {

	font-size: 16px;

	left: 21.5%;

}

}

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

.menu_container {

	right: 12%;

}

.logo_spidr {

	width: 480px;

	height: 380px;

}

.logo_circl {

	width: 160px;

	height: 155px;

	top: 28%;

}

.main_text {

	top: 42%;

}

.h1_img, .white_italic {

	height: 30px;

}

.testing {

	width: 98%;

}

.slider_text {

	font-size: 13px;

	line-height: 20px;

	margin-top: 0;

}

.css-typing {

	width: 616px;

}

.btn_style1 {

	padding: 20px 40px;

}

.btn_container1 {

	bottom: 30%;

}

.navigation li a {

	font: 30px/40px 'metro_bold';

}

.nws_txt {

	font: 14px/18px 'metro_reg';

	width: 100%;

}

.navigation_container {

	margin: 35% 0 0;

}

.left_contact_container {

	width: 70%;

}

.heading_container {

	margin: 1% 0 1%;

}

.gt_heading {

	font-size: 40px;

}

.nws_center_container {

	width: 90%;

}

.fld_container {

	margin: 0 0 1%;

}

.input_style1 {

	font-size: 14px;

	padding: 6px 20px;

}

.success_msg {

	margin-top: 22px;

}

select.input_style1 {

	padding: 5px 20px;

}

.nws_input {

	width: auto;

}

.gt_qout_container {

	height: 450px;

}

.btn_style_pop {

	padding: 14px 50px;

}

.center_container {

	margin: 0;

}

.close {

	top: 5px;

}

.RQ_container {

	height: 500px;

	width: 100%;

}

.RQ_container .fld_container {

	margin-bottom: 1% !important;

}

.left_side_bar {

	width: 4%;

	height: 24%;

	z-index: 100;

}

.img_container {

	margin-bottom: 10%;

}

.marginTop2 {

	margin: 2% 0 0 !important;

}

.awards_section {

	width: 80%;

}

.img_container {

	width: 70%;

}

.para_container {

	font: italic 12px/16px 'Georgia';

}

.img_container:hover {

	transform: translate(0px, 0px);

}

.para_container p {

	float: left;

}

.para_container {

	position: static;

	opacity: 1;

}

.progress_section {

	width: 80%;

	margin-top: 15%;

}

.awrd_wrapper {

	margin-right: 2%;

}

.red_bold {

	font: 38px 'metro_black';

}

.progress_section_1 {

	width: 90%;

}

.logo {

	width: 15%;

}

.skill-label {

	font-size: 14px;

	left: 22%;

}

.bottom_nav_info {

	width: 200px;

	height: 100px;

}

.mouse_txt {

	font: 14px 'metro_light';

}

#fp-nav ul li .fp-tooltip.right {

	top: 8px;

	padding: 0 24px 3px 4px;

	font: 12px 'metro_reg';

}

.red_bold {

	font-size: 32px;

}

.black_reg {

	font: 30px 'metro_med';

}

}

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

.menu_container {

	right: 12%;

	top: 10%;

}

.logo_spidr {

	width: 230px;

	height: 170px;

}

.logo_circl {

	width: 110px;

	height: 100px;

	top: 20%;

}

.main_text {

	top: 50%;

}

.h1_img, .white_italic {

	height: 18px;

}

.testing {

	width: 75%;

}

.slider_text {

	font-size: 14px;

	line-height: 10px;

	margin-top: 10px;

}

.diamond_menu {

	width: 35px;

	height: 35px;

}

.span1 {

	width: 100%;

	text-align: center;

	margin: 2% 0 0;

}

.css-typing {

	width: 100%;

	white-space: normal;

	display: inline;

}

.btn_style1 {

	padding: 5px 15px;

	font-size: 16px;

}

.btn_container1 {

	bottom: 5%;

}

.navigation li {

	margin-bottom: 10px;

}

.navigation li a {

	font: 22px/22px 'metro_bold';

}

.nws_txt {

	font: 12px/13px 'metro_reg';

	width: 100%;

}

.navigation_container {

	margin: 32% 0 0;

}

.left_contact_container {

	width: 95%;

}

.heading_container {

	margin: 1% 0 1%;

}

.gt_heading {

	font-size: 40px;

}

.nws_center_container {

	width: 90%;

}

.fld_container {

	margin: 0 0 1%;

	width: 100%;

}

.input_style1 {

	font-size: 14px;

	padding: 6px 20px;

}

.success_msg {

	margin-top: 22px;

}

select.input_style1 {

	padding: 5px 20px;

	background-position: 102% -1005px;

}

.calndr {

	background-position: 102% -1036px;

}

.nws_input {

	width: 100%;

}

.gt_qout_container, .RQ_container {

	height: 100%;

	width: 100%;

	bottom: auto;

	overflow-y: auto;

}

.btn_style_pop {

	padding: 14px 50px;

}

.center_container {

	margin: 0;

}

.close {

	top: 5px;

	right: -10px;

}

.RQ_container .fld_container {

	margin-bottom: 1% !important;

}

.left_side_bar {

	width: 4%;

	height: 24%;

	z-index: 100;

	top: 35%;

}

.img_container {

	margin-bottom: 2%;

	padding-bottom: 5px;

}

.marginTop2 {

	margin: 2% 0 0 !important;

}

.awards_section {

	width: 80%;

	margin-top: 5%;

}

.img_container {

	width: 30%;

}

.para_container {

	font: italic 16px/18px 'Georgia';

}

.img_container:hover {

	transform: translate(0px, 0px);

}

.para_container p {

	float: none;

	text-align: center;

}

.para_container {

	position: static;

	opacity: 1;

}

.progress_section {

	width: 80%;

	margin-top: 5%;

}

.awrd_wrapper {

	margin-right: 2%;

	width: 100%;

}

.red_bold {

	font: 38px 'metro_black';

}

.progress_section_1 {

	width: 60%;

	margin-top: 0%;

}

.logo {

	width: 18%;

}

.skill-label {

	font-size: 13px;

	left: 6%;

}

.bottom_nav_info {

	width: 200px;

	height: 100px;

}

.mouse_txt {

	font: 14px 'metro_light';

}

#fp-nav ul li .fp-tooltip.right {

	top: 8px;

	padding: 0 24px 3px 4px;

	font: 12px 'metro_reg';

}

.heading_container_2 {

	width: 100%;

	margin: 0;

}

.red_bold {

	font-size: 16px;

	float: none;

	text-align: center;

	display: block;

}

.black_reg {

	font: 16px 'metro_med';

	float: none;

	text-align: center;

	display: inline;

	padding-left: 5px;

}

.bottom_nav_info, .bottom_txt {

	display: none;

}

#fp-nav.right {

	right: 15px;

}

.mob_container1 {

	width: 60% !important;

}

.close_btn {

	margin: 20% -13px;

	display: inline-block;

	float: none;

}

.nws_btn {

	display: inline-block;

	margin-left: 0;

	border: 1px solid #fff;

	margin-top: 5px;

}

.mob_container {

	display: block;

}

.mobile_none {

	display: none;

}

.progress_wrapper {

	width: 100%;

	float: left;

}

.skillbar {

	margin-bottom: 10px;

}

.social_sidebar .social1 {

	margin-bottom: 8px;

}

.social1:after {

	display: none;

}

.menu_logo_container {

	display: none;

}

.social1:nth-child(4) {

	background-position: -2px -201px;

}

.navigation li a:after {

	display: none;

}

.menu_right_container {

	overflow: auto;

}

.navigation li a {

	box-sizing: border-box;

}

.skillbar, .skillbar-bar, .skill-label, .skill-bar-percent, .skillbar-title span {

	height: 20px;

}

.skill-label, .skill-bar-percent {

	line-height: 20px;

}

.skillbar-title {

	display: none;

}

.toggle_btn {

	margin: 28% 0;

}

.bcktotop span {

	display: none;

}

}

 @media only screen and (max-width:479px) and (min-width:320px) {

.menu_container {

	right: 21%;

	top: 6%;

}

.logo_spidr {

	width: 230px;

	height: 200px;

	top: 15%;

}

.logo_circl {

	width: 110px;

	height: 110px;

	top: 20%;

}

.main_text {

	top: 44%;

}

.h1_img, .white_italic {

	height: 18px;

}

.testing {

	width: 75%;

}

.slider_text {

	font-size: 12px;

	line-height: 8px;

	margin-top: 8px;

}

.diamond_menu {

	width: 45px;

	height: 45px;

}

.span1 {

	width: 100%;

	text-align: center;

	margin: 2% 0 0;

}

.css-typing {

	width: 100%;

	white-space: normal;

	display: inline;

}

.btn_style1 {

	padding: 5px 15px;

	font-size: 16px;

}

.btn_container1 {

	bottom: 5%;

}

.navigation li a {

	font: 14px/14px 'metro_bold';

}

.nws_txt {

	font: 12px/13px 'metro_reg';

	width: 100%;

}

.navigation_container {

	margin: 25% 0 0;

}

.left_contact_container {

	width: 95%;

}

.heading_container {

	margin: 1% 0 1%;

}

.gt_heading {

	font-size: 28px;

}

.nws_center_container {

	width: 90%;

}

.fld_container {

	margin: 0 0 1%;

	width: 100%;

}

.input_style1 {

	font-size: 14px;

	padding: 6px 10px;

}

.calndr {

	background-position: 328px -1036px !important;

}

.success_msg {

	margin-top: 14px;

}

select.input_style1 {

	background: url(../images/main_sprite.png) no-repeat 102% -1006px #fff !important;

	padding: 5px 10px;

}

.nws_input {

	width: 100%;

}

.gt_qout_container, .RQ_container {

	height: 100%;

	width: 100%;

	bottom: auto;

	overflow-y: auto;

}

.btn_style_pop {

	padding: 14px 10px;

	font-size: 18px;

}

.center_container {

	margin: 0;

}

.close {

	top: 5px;

	right: -10px;

}

.RQ_container .fld_container {

	margin-bottom: 1% !important;

}

.left_side_bar {

	width: 4%;

	height: 24%;

	z-index: 100;

	top: 35%;

}

.img_container {

	margin-bottom: 8%;

	padding-bottom: 18px;

}

.marginTop2 {

	margin: 5% 0 !important;

}

.awards_section {

	width: 80%;

	margin-top: 40%;

}

.img_container {

	width: 50%;

}

.para_container {

	font: italic 14px/16px 'Georgia';

}

.img_container:hover {

	transform: translate(0px, 0px);

}

.para_container p {

	float: none;

	text-align: center;

}

.para_container {

	position: static;

	opacity: 1;

}

.progress_section {

	width: 80%;

	margin-top: 40%;

}

.awrd_wrapper {

	margin-right: 2%;

	width: 100%;

}

.red_bold {

	font: 38px 'metro_black';

}

.progress_section_1 {

	width: 65%;

	margin-top: 0%;

}

.logo {

	width: 30%;

}

.skill-label {

	font-size: 13px;

	left: 6%;

}

.bottom_nav_info {

	width: 200px;

	height: 100px;

}

.mouse_txt {

	font: 14px 'metro_light';

}

#fp-nav ul li .fp-tooltip.right {

	top: 8px;

	padding: 0 12px 3px 0px;

	font: 9px 'metro_reg';

}

.heading_container_2 {

	width: 100%;

	margin: 0;

}

.red_bold {

	font-size: 16px;

	float: none;

	text-align: center;

	display: block;

}

.black_reg {

	font: 16px 'metro_med';

	float: none;

	text-align: center;

	display: inline;

	padding-left: 5px;

}

.bottom_nav_info, .bottom_txt {

	display: none;

}

#fp-nav.right {

	right: 15px;

}

.mob_container1 {

	width: 60% !important;

}

.close_btn {

	margin: 28% -15px;

}

.nws_btn {

	display: inline-block;

	margin-left: 0;

	border: 1px solid #fff;

	margin-top: 5px;

}

.mob_container {

	display: block;

}

.mobile_none {

	display: none;

}

.progress_wrapper {

	width: 100%;

	float: left;

}

.skillbar {

	margin-bottom: 10px;

}

.social_sidebar .social1 {

	margin-bottom: 8px;

}

.menu_logo_container {

	display: none;

}

.navigation li a:after {

	display: none;

}

.menu_right_container {

	overflow: auto;

}

.navigation li a {

	box-sizing: border-box;

}

.skillbar, .skillbar-bar, .skill-label, .skill-bar-percent, .skillbar-title span {

	height: 25px;

}

.skill-label, .skill-bar-percent {

	line-height: 25px;

}

.skillbar-title {

	display: none;

}

.bcktotop span {

	display: none;

}

.menu_left_container {

	display: none;

}

.menu_right_container {

	width: 100%;

}

.navigation li {

	text-align: center;

	margin-bottom: 14px;

}

.navigation li a {

	display: inline;

	float: none;

	width: 100%;

	padding-left: 0;

	font-size: 22px;

}

.navigation li a:hover {

	background-image: none;

}

.mob_info_container {

	width: 100%;

	text-align: center;

	margin-top: 4%;

	display: block;

}

.social_nav {

	width: 80%;

	display: inline-block;

	float: none;

}

.cntct_number {

	margin-top: 5%;

}

.tel_number {

	width: 56%;

}

.bcktotop {

	left: 0;

	right: 0;

	margin: auto;

}

.typed-cursor {

	font-size: 14px;

}

.nws_fld {

	width: 100%;

	text-align: center;

}

.social1:nth-child(4) {

	background-position: -2px -201px;

}

}



/*@media (max-height:668px) {

    .logo_spidr {

        width: 570px;

        height: 450px;

    }



    .logo_circl {

        top: 29%;

    }



    .awards_section {

        margin-top: 2%;

    }



    .extra_width {

        margin-bottom: 0%;

    }



    .progress_section {

        margin-top: 1%;

    }



    .navigation li a {

        width: 100%;

        font: 40px/42px 'metro_bold';

    }



    .nws_txt {

        width: 65%;

    }

}



/*@media only screen and (min-width : 375px) and (max-width : 667px) {

    .menu_container {

        right: 18%;

        top: 5%;

    }



    .logo_spidr {

        width: 230px;

        height: 200px;

        top: 15%;

    }



    .logo_circl {

        width: 110px;

        height: 110px;

        top: 20%;

    }



    .main_text {

        top: 44%;

    }



    .h1_img, .white_italic {

        height: 18px;

    }



    .testing {

        width: 75%;

    }



    .slider_text {

        font-size: 12px;

        line-height: 8px;

        margin-top: 8px;

    }



    .diamond_menu {

        width: 45px;

        height: 45px;

    }



    .span1 {

        width: 100%;

        text-align: center;

        margin: 2% 0 0;

    }



    .css-typing {

        width: 100%;

        white-space: normal;

        display: inline;

    }



    .btn_style1 {

        padding: 5px 15px;

        font-size: 16px;

    }



    .btn_container1 {

        bottom: 5%;

    }



    .navigation li a {

        font: 14px/14px 'metro_bold';

    }



    .nws_txt {

        font: 12px/13px 'metro_reg';

        width: 100%;

    }



    .navigation_container {

        margin: 25% 0 0;

    }



    .left_contact_container {

        width: 95%;

    }



    .heading_container {

        margin: 1% 0 1%;

    }



    .gt_heading {

        font-size: 28px;

    }



    .nws_center_container {

        width: 90%;

    }



    .fld_container {

        margin: 0 0 1%;

        width: 100%;

    }



    .input_style1 {

        font-size: 14px;

        padding: 6px 20px;

    }



    .calndr {

        background-position: 328px -1036px !important;

    }



    .success_msg {

        margin-top: 14px;

    }



    select.input_style1 {

        background: url(../images/main_sprite.png) no-repeat 331px -1006px #fff !important;

        padding: 5px 20px;

    }



    .nws_input {

        width: 100%;

    }



    .gt_qout_container, .RQ_container {

        height: 100%;

        width: 100%;

        bottom: auto;

        overflow-y: auto;

    }



    .btn_style_pop {

        padding: 14px 10px;

        font-size: 18px;

    }



    .center_container {

        margin: 0;

    }



    .close {

        top: 5px;

        right: -10px;

    }





    .RQ_container .fld_container {

        margin-bottom: 1% !important;

    }



    .left_side_bar {

        width: 4%;

        height: 24%;

        z-index: 100;

        top: 35%;

    }



    .img_container {

        margin-bottom: 2%;

        padding-bottom: 5px;

    }



    .marginTop2 {

        margin: % 0 0 !important;

    }



    .awards_section {

        width: 80%;

        margin-top: 40%;

    }



    .img_container {

        width: 50%;

    }



    .para_container {

        font: italic 14px/16px 'Georgia';

    }



    .img_container:hover {

        transform: translate(0px,0px);

    }



    .para_container p {

        float: none;

        text-align: center;

    }



    .para_container {

        position: static;

        opacity: 1;

    }



    .progress_section {

        width: 80%;

        margin-top: 40%;

    }



    .awrd_wrapper {

        margin-right: 2%;

        width: 100%;

    }



    .red_bold {

        font: 38px 'metro_black';

    }



    .progress_section_1 {

        width: 65%;

        margin-top: 0%;

    }



    .logo {

        width: 30%;

    }



    .skill-label {

        font-size: 13px;

        left: 6%;

    }



    .bottom_nav_info {

        width: 200px;

        height: 100px;

    }



    .mouse_txt {

        font: 14px 'metro_light';

    }



    #fp-nav ul li .fp-tooltip.right {

        top: 8px;

        padding: 0 15px 3px 0px;

        font: 10px 'metro_reg';

    }



    .heading_container_2 {

        width: 100%;

        margin: 0;

    }



    .red_bold {

        font-size: 16px;

        float: none;

        text-align: center;

        display: block;

    }



    .black_reg {

        font: 16px 'metro_med';

        float: none;

        text-align: center;

        display: inline;

        padding-left: 5px;

    }



    .bottom_nav_info, .bottom_txt {

        display: none;

    }



    #fp-nav.right {

        right: 15px;

    }



    .mob_container1 {

        width: 60% !important;

    }



    .close_btn {

        margin: 28% -15px;

    }



    .nws_btn {

        display: inline-block;

        margin-left: 0;

        border: 1px solid #fff;

        margin-top: 5px;

    }



    .mob_container {

        display: block;

    }



    .mobile_none {

        display: none;

    }



    .progress_wrapper {

        width: 100%;

        float: left;

    }



    .skillbar {

        margin-bottom: 10px;

    }



    .social_sidebar .social1 {

        margin-bottom: 8px;

    }



    .menu_logo_container {

        display: none;

    }



    .navigation li a:after {

        display: none;

    }



    .menu_right_container {

        overflow: auto;

    }



    .navigation li a {

        box-sizing: border-box;

    }



    .skillbar, .skillbar-bar, .skill-label, .skill-bar-percent, .skillbar-title span {

        height: 25px;

    }



    .skill-label, .skill-bar-percent {

        line-height: 25px;

    }



    .skillbar-title {

        display: none;

    }





    .bcktotop span {

        display: none;

    }



    .menu_left_container {

        display: none;

    }



    .menu_right_container {

        width: 100%;

    }



    .navigation li {

        text-align: center;

        margin-bottom: 14px;

    }



        .navigation li a {

            display: inline;

            float: none;

            width: 100%;

            padding-left: 0;

            font-size: 22px;

        }



            .navigation li a:hover {

                background-image: none;

            }



    .mob_info_container {

        width: 100%;

        text-align: center;

        margin-top: 4%;

        display: block;

    }



    .social_nav {

        width: 70%;

        display: inline-block;

        float: none;

    }



    .cntct_number {

        margin-top: 5%;

    }



    .tel_number {

        width: 56%;

    }



    .bcktotop {

        left: 0;

        right: 0;

        margin: auto;

    }



    .typed-cursor {

        font-size: 14px;

    }



    .nws_fld {

        width: 100%;

        text-align: center;

    }



    .social1:nth-child(4) {

        background-position: -2px -201px;

    }

}*/