@charset "utf-8";
/* CSS Document */


/* All Parts */

/*map,area
{
    cursor: pointer;
    border:10px solid red;
}*/



.tab_yes
{
	position:relative;
	top:0;
}

#query_submit
{
	position:absolute;
	top:0;
	left:1%;
	color:green;
	display:none;
}

#area_page
{
	text-indent:20%;
}

#select_box
{
	text-align: center;
	float:left;
	position:absolute;
	left:36%;
	margin-top:6px;
}

	#select_box select
	{
		padding:1%;
		width:310px;
		height:40px;
		font-size:19px;
		text-align:center;
		text-align-last: center;
	}
area
{
	/*outline:1px solid red;*/
}
area:focus,area.focus,area:active,area.active
{
	outline:0px solid red;
}

.all_table
{
	width:100%;
	text-align:left;
	margin-left:5%;
}




.caution
{
    color:red;
}

.all_table a
{
	text-decoration: none;
	color:mediumblue;
}

.all_table tr
{
	border:1px solid red;
	color:#3e79a0;
}

.all_table tr:hover
{
	/*color:#111;
	cursor:pointer;*/
}
.all_table tr:hover a
{
	color:#111;
	cursor:pointer;
}

.all_table tr td
{
	padding:1% 1%;
	font-size:12px;
}

.all_table tr:nth-child(even)
{
}
.all_table tr:nth-child(odd)
{
}

/* End of all parts */
input[type=submit]:active,input[type=submit]:focus
{
	outline:none;
}
*a, a:active, a:focus {
outline: none;
}
button:focus,button:active
{
	outline:none;
}

input[type=submit]
{
	cursor:pointer;
}

select
{
	 -webkit-user-select: none;
}

select:active,select:focus,select.active,select.focus,select:click
{
	margin:0;
	padding:1%;
}

select:active
{
	padding:50%;
}

.er_msg2
{
	font-size:13px;
	color:red;
	margin-top:1%;
	margin-left:2%;
	display:none;
}

.err_msg
{
	font-size:11px;
	color:red;
	display:none;
	right:42%;
	position:absolute;
	top:-15px;
}

#award_portion
{
	height:100%;
	width:100%;
	position:absolute;
	top:0%;
	right:0%;
	display:none;
	overflow:hidden;
	background-color:#fff;
}
#job_name
{
	display: block;
	color:red;
}
#good,#average 
{
	height:280%;
	width:300%;
	position:absolute;
	top:-70%;
	left:-100%;
}

#bad
{
	height:280%;
	width:300%;
	position:absolute;
	top:-70%;
	left:-88%;
}

#good,#average
{
	display:none;
}


/* Animation */

.move_side
{
	position:relative;
	left:30%;
	transition-duration:0.5s;
}
.move_down
{
	position:relative;
	left:0%;
	transition-duration:0.5s;
}


/* Animation End */

/* hiding video controls*/
/*::-webkit-input-placeholder 
{
	vertical-align: middle;
	vertical-align: bottom;
}
:-moz-placeholder 
{
	vertical-align: middle;
	vertical-align: bottom;
}
::-moz-placeholder 
{  
	vertical-align: middle;
	vertical-align: bottom;
} 
:-ms-input-placeholder 
{
	vertical-align: middle;
	vertical-align: bottom;
}*/


*::--webkit-media-controls-play-butt
{
	display: none !important;
	-webkit-appearance: none;
}



#love
{
	height:60px;
	width:60px;
	border:1px solid red;
}

.query_submit
{
	float:right;
	margin-right:25%;
}


/* hide me*/

.hide_me
{
	display:none;
}

.submit_but
{
	position:absolute;
	right:10px;
	bottom:5px;
}

/*


font family Adding

*/


@font-face {
    font-family: myFont;
    src: url(font/WorkSans-Light.otf);
}
@font-face {
    font-family: work_sansregular;
    src: url(font/WorkSans-Regular.otf);
}
@font-face {
    font-family: work_sanslight;
    src: url(font/WorkSans-Light.otf);
}
@font-face {
    font-family: work_sansextralight;
    src: url(font/WorkSans-ExtraLight.otf);
}
@font-face {
	font-family:fontawesome;
	src: url(font/FontAwesome.otf);
}

/* Ending of Font family */

#hamburger
{
	position:absolute;
	right:0;
	top:0;
	height:30px;
	width:60px;
	background-color:#fff;
	padding:1%;
	display:none;
}

#job_post
{
	background-color:lightcoral;
}



button,.tasks
{
	cursor:pointer;
}

/* Play Button */

.play_button,.play_button2
{
	position:absolute;
	z-index:30;
	height:110px;
	width:110px;
	top:30%;
	left:40%;
	border-radius:55px;
	box-shadow:0px 0px 15px 1px #111;
	cursor:pointer;
}
#play_button2
{
	top:25%;
	left:40%;
	display:none;
}



/* Whole screen */

#whole_screen
{
	position:fixed;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.8);
	height:100%;
	width:100%;
	z-index:50;
	display:none;
}


/* Available section */

#available_section
{
	height:480px;
	background-color:#fff;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#avail_section_right
{
	height:355px;
	width:600px;
	text-align:justify;
	float:left;
	margin-top:-2%;
	position:relative;
	z-index:20;
}

#avail_section_left
{
	height:355px;
	width:510px;
	margin-right:5%;
	float:right;
	margin-top:2%;
	position:relative;
}
#avail_section_left video,#avail_section_left iframe
{
	position:absolute;
	left:0;
	top:25px;
	width:508px;
	height:285px;
	border:1px solid #777;
}

/*
#avail_section_left
{
	height:355px;
	width:630px;
	margin-right:2%;
	float:right;
}
#avail_section_left video
{
	width:100%;
	height:100%;
	border:1px solid #777;
}*/



/* Respo Section */


#respo_section,#respo_section2
{
	position:relative;
	height:400px;
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#respo_section_replica
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image: url("img/working.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	z-index:19;
	overflow:hidden;
}
#respo_section_replica2,#respo_section_replica3
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image: url("img/background.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	z-index:19;
	overflow:hidden;
}

#respo_section_replica video
{
	height:255%;
	width:100%;
	position:absolute;
	left:0;
	top:-60%;
}

#respo_section_text,#respo_section_text2
{
	position:relative;
	z-index:20;
	width:100%;
	text-align:center;
	height:100%;
	margin:0 auto;
	color: #fff;
	font-size:45px;
	font-weight: lighter;
	font-family:work_sansextralight;
}

#respo_section_text h4
{
	margin-top:13%
}

.cover_img
{
    float:left;
    height:90%;
    margin-top:3%;
    width:250px;
    margin-left:4%;
}
.cover_img img
{
    height:94%;
    width:100%;
}
.cover_text
{
    height:90%;
    float:left;
    margin:0 auto;
    margin-top:3%;
    width:70%;
    font-family: work_sansregular;
}
.cover_text2
{
    display:none;
    height:100%;
    float:left;
    margin:0 auto;
    margin-top:1%;
    width:70%;
    font-family: work_sansregular;
}
.cover_text2 .contact_text
{
    padding:1.2% 2%;
}
.cover_text2 h4
{
    color:#fff;
    font-size:22px;
}

.cover_des
{
    font-family:work_sanslight;
    font-size:14px;
    width:70%;
    margin:0 auto;
    text-align:justify;
}


.cover_down,.save_me
{
	padding: 1.4% 7%;
	border: 0px solid red;
	font-family: work_sansregular;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: #FF8686;
	margin-top: 2%;
	cursor: pointer;
}

.save_me
{
    width:280px;
    padding:2% 7%;
}
.claim_me
{
    padding: 1.4% 7%;
	border: 0px solid red;
	font-family: work_sansregular;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: #FF8686;
	margin-top: 2%;
	cursor: pointer;
    width:300px;
}

/* End Of Respo */




/* Footer */


footer
{
	height:auto !important;
	width:100%;
	padding:1.5% 0;
	background-color:rgba(26,26,26,1);
	font-family: 'Raleway', sans-serif;
}

footer h2
{
	text-align:center;
	font-size:50px;
	color:#f2f2f2;
	margin-top:0;
	margin-bottom:1%;
}
/*footer p
{
	font-size:17px;
	letter-spacing:1px;
	text-align:center;
	color:#eee;
}*/

footer p
{
	width:390px;/*500px*/
	text-align:center;
	color:#fff;
	font-family:work_sansextralight;
	font-size:15px;
	display:inline-block;
}

#off_link
{
	text-decoration:none;
}
#off_link:hover
{
	text-decoration:underline;
}

footer p:last-child{
	float:right;
	width:200px;
	text-align:right;
}
footer p i
{
	font-family:fontawesome;
}
footer p i:last-child
{
}
footer p:last-child a:hover
{
	border:1px solid #2EA2C8;
	color:#2EA2C8;
}

footer p a
{
	margin:0;
	color:#2EA2C8;
	width:0;
}
footer p:last-child a
{
	padding:1.5% 0;
	width:30px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	margin-right:2%;
	transition-duration:0.5s;
	border:1px solid #ddd;
	color:#fff;
}
footer p:last-child a:last-child
{	
	margin-right:10%;
}


/* Parallex Video*/

#parallex1_video,#parallex2_video
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	top:9%;
}

#helper
{
	width:100%;
	height:100%;
	position:relative;
}

#helper video
{
	width:1400px;
	height:808px;
	position:absolute;
}


#parallex1_video
{
}

#parallex2_video
{
}

#parallex2_video video
{
	height:80%;
	width:50%;
	margin-top:0%;
	margin-left:1%;
}

#parallex1_text
{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	z-index:11;
	text-align:center;
	background-color:rgba(0,0,0,0.82);
}
#parallex1_video
{
	width:100%;
	height:100%;
	margin-top:-7%;
}

#whole_page
{
	
}

#infographic_video
{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	border:1px solid red;
}

#responsibility
{
	height:100px;
	width:400px;
	display:flex;
	font-size:35px;
	color:#fff;
	text-align:center;
	position:relative;
	margin:0 auto;
	z-index:20;
}

#right_respo,#left_respo
{
	width:50%;
	height:100%;
	color:#fff;
	font-weight:700;
}
#left_respo
{
	border:0px solid red;
	text-align:left;
	color:steelblue;
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
	-moz-transform:scale(0,0);
	transition-duration:0.5s;	
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;

}


/* Parallex Video End */


/* g recapta */

#captcha_space
{
	height:40px;
	width:150px;
	margin-left:2%;
	border-radius:10px;
	/*border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	*/
	border:1px solid #ddd;
	margin:0 auto;
	margin-top:-1%;
	margin-bottom:1%;
}

#captcha_space span
{
	display:inline-block;
	height:100%;
	width:30px;
	line-height:40px;
	margin-left:1%;
	text-align:center;
}

#captcha_space span:first-child
{
	margin-left:10%;
}

#captcha_space input[type=text]
{
	border:1px solid #ddd;
	width:40px;
	height:30px;
}

.g-recaptcha 
{
	margin-top:4%;
}
/* captcha close */

body
{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	/*background-image: url("img/background1.png");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;*/
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#audio_space
{
	position:fixed;
	top:17%;
	right:4%;
	width:200px;
	height:60px;
	display:none;
}

audio
{
	width:100%;
	height:90%;
}

#close_audio
{
	color:#111;
	position:relative;
	float:right;
	top:-33px;
	left:-1px;
	background-color:#fff;
	padding:2.5% 5%;
	display:none;
}

header
{
	height:100px;
	width:100%;
	left:0;
	top:0;
	background-color:transparent;
	z-index:50;
	position:fixed;
	background-color:transparent;
	opacity:0.9;
}

.header2
{
	background-color:#fff;
}
.head_butt2
{
	color:#111;
}

#background
{
	width:100%;
	height:600px;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
}
#logo
{
	height:58%;
	margin-top:1.2%;
	margin-left:3%;
}
.inside_header
{
	float:right;
	height:100%;
	width:60%;
	text-align:right;
}
.inside_header button
{
	margin-top:3%;
	height:45px;
	margin-right:7%;
	border:2px solid skyblue;
	border-radius:20px;
	background-color:transparent;
	color:#fff;
	font-family:verdana;
	opacity:0.9;
	font-size:13px;
	font-weight:600;
	width:170px;
}

.inside_header button:hover
{
	border:0px solid red;
	background-color:teal;
	color:#fff;
}

.job_pages
{
	width:100%;
	height:700px;
	position:relative;
	z-index:10;
	/*background-color:rgba(90,133,200,0.9);*/
}
#job_page1
{
	border-top:1px solid transparent;
	background-color:transparent;
	/*background-image: url(img/background1.jpg);*/
	background-size:cover;
	background-repeat:no-repeat;
	height:800px;
	overflow:hidden;
	position:relative;
}
video
{
	position:absolute;
	z-index:-100;
}
#job_page2
{
	height:1040px;
}
#empty_space
{
	width:100%;
	height:400px;
}

#empty_space h1
{
	text-align:center;
	color:#fff;
	font-size:60px;
	font-family: roboto;
	font-weight:lighter;
	position:relative;
	top:45%;
}
#empty_space h1 span
{
	font-family:work_sansregular;
}

.what_create,.what_creates
{
	padding:3% 7%;
	border:0px solid red;
	font-family: work_sansregular;
	color:#fff;
	font-size:14px;
	font-weight:600;
	background-color:#FF8686;
	margin-top:2%;
	cursor:pointer;
}

.job_type
{
	position:relative;
	top:-15px;
    margin-top:1%;
    margin-bottom:2%;
}
.job_type input[type=radio]
{
	margin-left:10%;
}
.job_type input[type=radio]:first-child
{
	margin-left:0%;
}

#open_zoho
{
	background-color:grey;
	position:absolute;
	bottom:20px;
	left:30%;
	cursor: default;
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	z-index:10;
}

#empty_space h1 span
{
	font-size:20px;
}

#after_empty
{
	background-color:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:100%;
	height:600px;
	margin-bottom:0%;
}

#after_left p
{
	font-family:"work_sanslight";
	text-align:left;
}
#after_left
{
	margin-bottom:1%;
}


#after_right img
{
	width:100%;
	width:100%;
	margin-left:5%;
	margin-top:2%;
}

#eco_text
{
	font-family:myFont;
	font-size:50px;
	font-weight: lighter;
}

#after_infographic
{
	height:400px;
	width:100%;
	overflow:hidden;
	position:relative;
}
#after_infographic video,iframe
{
	height:800px;/**/
	margin-top:-5%;
}

#after_text2
{
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}


#job_page2_replica
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50%;
	background-image: url("img/background.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	overflow:hidden;
}

#job_page2_replica video
{
	height:765px;
	margin-top:-5%;
}

#job_page2_text
{
	position:absolute;
	left:0;
	top:0;
	z-index:14;
	width:100%;
}

#job_page3
{
	display:none;
	height:620px;
	background-color:#ddf;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.very_big
{
	font-size:120px;
	text-align:center;
	color:white;
	margin:0;
	margin-top:8%;
	font-family: sans-serif;
	font-weight:normal;
}

.very_big span
{
	margin:0;
	text-transform:lowercase;
}
.big
{
	margin-top:4%;
}
.big,.big2,.big3
{
	font-size:30px;
	margin-top:0;
	font-weight:lighter;
	text-align:center;
	color:#fff;
	display:inline;
	margin:1%;
	padding:0 1%;
	margin-bottom:1%;
	font-weight:lighter;
	font-family: work_sanslight;
	/*text-shadow:1px 1px 1px #111;*/
}
.big span,.big2 span,.big3 span
{
	text-transform:lowercase
}
.s_word
{
}
.big2
{
	letter-spacing:4px;
}
.big3 i
{
	font-style:normal;
	
}

h3
{
	text-align:center;
	margin:0;
	padding:0;
	font-size:30px;
	color:#fff;
	text-decoration:underline;
	word-spacing:8px;
}
#apply2
{
	padding:1% 3%;
	background-color:#00AEEF;
	border:0px solid red;
	color:#fff;
	margin-top:2%;
}
.normal
{
	text-align:center;
	font-size:20px;
	color:#fff;
	line-height:300%;
}
#make_big
{
	transition-duration: 0.42s;
	margin-bottom:6%;
}
.image_space
{
	height:400px;
	width:60%;
	margin:0 auto;
	margin-top:-2%;
	background-color:#fff;
	padding:1%;
}

#job_page3 h3
{
	text-decoration:none;
	font-size:25px;
}

#job_page3 h3 span
{
	display:inline-block;
	position:relative;
	color:red;
	left:-58px;
	transform:rotate(-10deg);
}

#job_page3 h3 span:after
{
	content:"v";
	display:inline-block;
	transform:rotate(180deg);
	margin-right:10%;
	position:relative;
	top:12px;
}

#job_page3 h2
{
	text-align:center;
	margin-top:3%;
	color:#fff;
	font-size:30px;
	word-spacing:15px;
}
#jog_page3 h3 i
{
	font-style:normal;
	text-decoration: overline;
}

/**/

/*#video_shower
{
	background-color:#fff;
	text-align:center;
	height:600px;
}
#video_shower img
{
	height:480px;
	width:606px;
}
#video_shower video,iframe
{
	position:absolute;
	left:30.4%;
	top:12.7%;
	width:534px;692px*/
	/*height:300px;/*313*/
/*}*/

.last_evaluate_line
{
	margin-top:-60px;
}

#video_shower
{
	background-color:#fff;
	text-align:center;
	/*height:500px;/* 450px */
	height:auto;
}
#video_shower_left
{
	height:355px;
	width:510px;
	float:left;
	margin-left:5%;
	display:none;
	transition-duration:0.5s;
}


#video_shower_left video,#video_shower_left iframe
{
	width:508px;
	height:285px;
	border:1px solid #777;
	display:none;
}

#video_shower_center
{
	height:300px;
	width:600px;
	margin:0 auto;
	color:#111;
	transition-duration:2s;
	margin-top:-4%;
	margin-bottom:5%;
	border:1px solid transparent;
}

#video_shower_right
{
	float:right;
	height:440px;/* 300px*/
	width:600px;/* 500px */
	margin-right:5%;
	display:none;
	transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	margin-top:0%;
	border-radius:10px;
}
#video_shower_right h3,#video_shower_center h3, #video_shower_center h2
{
	text-decoration:none;
	font-size:35px;
	color:#333;
}

#video_shower_right h3 span,#video_shower_center h3 span
{
	display:inline-block;
	position:relative;
	left:-45px;
	top:-5px;
	font-size:20px;
	font-family:myFont;
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	transform:rotate(-15deg);
}

#video_shower_right h3 span:after,#video_shower_center h3 span:after
{
	content:"v";
	display:inline-block;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	margin-right:10%;
	position:relative;
	top:15px;
}

/* Video Shower centered */

#video_shower_center h3
{
	font-size:75px;
	margin-top:-50px;
	margin-bottom:0;
	font-family:work_sansextralight;
	-webkit-font-weight:100;/*font-weight:lighter;*/
	font-weight:100;
}
#video_shower_center h3 span
{
	display:inline-block;
	position:relative;
	left:-70px;
	top:-25px;
	font-size:30px;
	font-family:myFont;
	transform:rotate(-15deg);
}

#video_shower_center h3 span:after
{
	content:"v";
	display:inline-block;
	transform:rotate(180deg);
	margin-right:10%;
	position:relative;
	top:32px;
}
#video_shower_center button
{
	padding:3% 7%;
	border:0px solid red;
	font-family: work_sansregular;
	color:#fff;
	font-size:14px;
	font-weight:600;
	background-color:#FF8686;
	position:relative;
	top:-70px;
}

/* Quiz Type Questions */ 

#quiz_type_questions
{
	position:relative;
	display:none;
}

#quiz_type_questions p
{
	text-align:left;
	margin-left:1%;
	margin-right:1%;
}
#quiz_type_questions button
{
	margin-left:1%;
	padding:10px 20px;
	border:0px solid red;
	color:#fff;
	background-color:#FF8686;
}
#quiz_type_questions button:hover
{
		background-color:#4682B4;
}
#quiz_bottom_button
{
	position:relative;
}
#quiz_bottom_button button
{
	padding:2% 0;
	width:120px;
	
	text-align:center;
	background-color:#4682B4;
}

#contact_form
{
    height:100%;
    width:100%;
    display:none;
}
.contact_text
{
    padding: 2% 2%;
    width:280px;
    margin-top:2%;
    border-radius:4px;
    font-family:work_sanslight;
    border:2px solid #ddd;
}


/*#video_shower img
{
	height:480px;
	width:606px;
	float:right;
	position:absolute;
	right:0;
	top:40px;
	display:none;
}*/
/*#video_shower video,iframe
{
	position:absolute;
	right:33px;
	top:112px;//72px
	width:534px;//692px
	height:300px;//313
}*/

#video_shower h1
{
	text-align:left;
	font-family:myFont;
	font-size:70px;
	font-weight:normal;
	text-decoration:capitalize;
	text-indent:5%;
}


/**/

#next_text
{
	display:inline-block;
	margin-left:-100px;
}

.video_space
{
	height:400px;
	width:50%;
	margin:0 auto;
}
.button_space
{
	width:52%;
	margin:0 auto;
	text-align:right;
	margin-bottom:-0.5%;
	transition-duration:0.42s;
	-webkit-transition-duration:0.42s;
}
.button_space button
{
	border-radius:10px;
	height:35px;
	width:80px;
	text-align:center;
	color:#fff;
	margin-right:2%;
	border:0px solid red;
	background-color:#00AEEF;
}
video
{
	width:100%;
	height:100%;
}

#job_page4
{
	height:600px;
}

#job_page4 h4
{
	color:#333;
	font-size:30px;
	text-align:center;
	margin:0;
	padding:0;
}

#task_container
{
	margin-top:5%;
	width:100%;
	min-height:300px;
}

.tasks
{
	height:200px;
	width:200px;
	display:inline-block;
	border-radius:50%;
	float:left;
	background-color:#4682B4;
	transition-duration:0.2s;
}
#task1
{
	margin-left:10%;
}
#task2
{
	margin-left:18%;
}
#task3
{
	float:right;
	margin-right:10%;
}

.tasks h1
{
	text-align:center;
	margin-top:70px;
	font-weight:normal;
	font-size:25px;
	color:#fff;
}
.tasks h1 span
{
	font-size:20px;
	font-weight:normal;
}


.tasks:hover
{
	-moz-animation:up 1.5s infinite linear;
	-webkit-animation:up 1.5s infinite linear;
	animation:up 1.5s infinite linear;
}

#job_page4 h2
{
	text-align:center;
	color:#333;
	font-weight:normal;
}
#job_page4 h2 span
{
	color:skyblue;
}

#social_footer
{
	color:#fff;
	text-align:center;
	font-size:24px;
}
#social_footer img
{
	height:30px;
	width:30px;
	margin-left:1%;
}

button:active
{
	outline:0px solid red;
}

/* Modal Documents */

#modal_document
{
	position:fixed;
	height:420px;
	width:700px;
	top:18%;
	left:20%;
	opacity:0.99;
	background-color:#fff;
	box-shadow:1px 1px 10px 1px steelblue;
	z-index:22;
	border:1px solid grey;
	display:none;
	border-radius:4px;
	font-family:work_sansextralight;
	color:#111;
}
.modal_all
{
	display:none;
	position:absolute;
}
#modal_content
{
	height:100%;
	width:100%;
}
#modal_content input[type=submit]
{
}
#modal_content2
{
	height:100%;
	width:100%;
}
.modal_close
{
	position:absolute;
	right:-7px;
	top:-7px;
	display:block;
	height:20px;
	width:20px;
	background-color:#ddd;
	text-align:center;
	font-family:verdana;
	color:#111;
	padding:1%;
	border-radius:50%;
	cursor:pointer;
}
#modal_document p
{
	margin:0;
	padding:0;
	text-indent:10%;
}

.modal_all p
{
}

.modal_all p span
{
	margin-top:-1%;
	margin-left:-10%;
	margin-bottom:0.5%;
}

#modal_content2 p
{
	margin-top:-1%;
}


/* Modal Tables */

#modal1_table
{
	margin:0 auto;
	width:550px;
	font-weight:700;
}


#modal1_table select
{
	padding:1%;
	border-radius:4px;
}

#modal1_table select:active
{
	padding:1%;
	margin:0;
}

#modal1_table tr td
{
	padding: 2% 0;
}

#modal1_table tr td:first-child
{
	padding-right:3%;
	width:250px;
}
#modal1_table tr td:last-child
{
	padding-right:3%;
	width:160px;
}
#modal1_table .normal_type
{
	width:200px;
	height:30px;
	text-indent:4%;
}
.normal_types
{
	width:205px;
	height:35px;
}
/*#modal_document input[type=submit]
{
	padding:2.5% 8%;
}*/

#modal1_table input[type=text]
{
	border-radius:4px;
	border:1px solid #7A7A7A;
}



/* Small Section */

.small_section
{
	height:450px;
	width:100%;
	max-height:600px;
	margin-top:-10%;
	position:relative;
	z-index:12;
	background-color:#fff;
	/*background: linear-gradient(#AAE0F0,#fff);*/
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	box-shadow:0px 0px 10px 0.5px #ddd inset;
}
.small_section video
{
	margin-top:7%;
	height:300px;
	width:600px;
	float:left;
}
.visible_text,.visible_text2
{
	margin-top:5%;
}
.visible_text
{
	font-weight:lighter;
}
.visible_text,#after_left
{
	width:450px;
	height:200px;
	text-align:justify;
	float:left;
	font-family:work_sansextralight;
	padding:1%;
	margin-left:5%;
	font-size:20px;
	font-weight:lighter;
	color:#333;
}
.visible_text2
{
	position:relative;
	z-index:20;
}
.visible_text2,#after_right
{
	width:40%;
	height:300px;
	font-family: "work_sanslight";
	float:right;
	margin-right:10%;
	padding:1%;
	font-size:18px;
	color:#333;
}
/*.small_section img
{
	float:left;
	height:300px;
	width:30%;
	margin-left:4%;
}

.transparent_text
{
	position:fixed;
	top:38%;
	right:10%;
	z-index:5;
	color:#fff;
	max-width:400px;
	font-size:25px;
}*/

#file_load
{
	font-weight:700;
}

#linkedin 
{
	height:30px;
	width:170px;
}
#linkedin:active
{
	outline:0px solid red;
}

#logo_thing
{
	height:35px;
	width:35px;
	position:absolute;
	left:215px;
	margin-right:2%;
}
.modal_all p
{
	text-align:center;
}
.modal_all input[type=file]
{
	margin-left:1%;
}

/* Tweeks */

h3
{
	margin:0;
	padding:0;
	margin-top:-2%;
}
.image_space img
{
	width:100%;
	max-height:350px;
}

#heart
{
	-webkit-animation:rotate 2s infinite linear;
	-moz-animation:rotate 2s infinite linear;
}
#heart:hover
{
	transform:scale(1.5,1.5);
}
@-webkit-keyframes rotate
{
	0%{transform:scale(1.1,1.1)}
	100%{transform:scale(1,1)}
}

@-moz-keyframes rotate
{
	0%{transform:rotate(0deg);}
	25%{transform:rotate(90deg);}
	55%{transform:rotate(180deg);}
	75%{transform:rotate(270deg);}
	100%{transform:rotate(360deg);}
}
.scroll_down
{
	width:20px;
	height:30px;
	display:inline-block;
	border:1px solid #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-animation:up 1.5s infinite linear;
	-webkit-animation:up 1.5s infinite linear;
	animation:up 1.5s infinite linear;
	float:right;
	margin-right:4%;
}
.scroll_down::after
{
	content:"--";
	display:inline-block;
	transform:rotate(-90deg);
	color:red;
	font-size:11px;
	margin-left:-10%;
	position:relative;
	top:-65%;
	color:#fff;
}

@-moz-keyframes up
{
	0%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
	25%{ transform:translateY(0px);-webkit-transform:translateY(0x); }
	50%{ transform:translateY(5px);-webkit-transform:translateY(5px); }
	75%{ transform:translateY(0px);-webkit-transform:translateY(0px); }
	100%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
}
@keyframes up
{
	0%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
	25%{ transform:translateY(0px);-webkit-transform:translateY(0px); }
	50%{ transform:translateY(5px);-webkit-transform:translateY(5px); }
	75%{ transform:translateY(0px);-webkit-transform:translateY(0px); }
	100%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
}
@-webkit-keyframes up
{
	0%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
	25%{ transform:translateY(0px);-webkit-transform:translateY(0px); }
	50%{ transform:translateY(5px);-webkit-transform:translateY(5px); }
	75%{ transform:translateY(0px);-webkit-transform:translateY(0px); }
	100%{ transform:translateY(-5px);-webkit-transform:translateY(-5px); }
}

#move_down
{
	cursor:pointer;
	text-decoration:none;
	color:#555;
	width:160px;
	margin:0 auto;
	background-color:steelblue;
	color:#fff;
	margin-top:4%;
	font-size:18px;
	padding:0.7% 1%;
	border-radius:25px;
	/*text-shadow:1px 5px 1px #555;*/
}

#questions
{
	width:500px;
	margin:0 auto;
}
#questions table 
{
	width:100%;
	margin:0 auto;
	color:#333;
	margin-left:12%;
}

#questions table tr td input[type=text]
{
	height:35px;
	width:360px;
	font-size:16px;
	border:1px solid #888;
	padding:1%;
	border-radius:4px;
	text-indent:4%;
	font-family:work_sansextralight;
}
#questions table tr td
{
	padding:2%;
	color:#333;
	font-weight:700;
}
#questions table tr td
{
	padding:2% 0;
}
#job_page4
{
	height:1550px;
}
textarea
{
	padding:1%;
	width:360px;
	border:1px solid #888;
	resize: none;
	font-size:16px;
	border-radius:4px;
	text-indent:3.5%;
	font-family:work_sansextralight;
	height:50px;
}
#questions button
{
	padding:1.5% 3%;
	background-color:#00AEEF;
	border:0px solid #ddd;
	color:#fff;
	border-radius:4px;
	
}

/* Jobs link */
.h4_1
{
	margin:0;
	color:#333;
	font-family:work_sansextralight;
	font-size:35px;
}
.jobs_link
{
	width:500px;
	margin:0 auto;
	text-align:center;
}
.jobs_link .job_but
{
	height:30px;
	width:170px;
	text-align:center;
	background-color:teal;/* #00AEEF */
	color:#fff;
	font-size:12px;
	font-weight:700;
	margin-left:2%;
	border:0px solid red;
	border-radius:4px;
}
.jobs_link .job_buts
{
	padding:2% 5%;
	background-color:#FF8686;
	color:#111;
	font-size:13px;
	margin-left:3%;
	border:0px solid red;
	margin-bottom:4%;
}

#inside_link,#button_holder
{
	width:90%;
	height:30px;
	margin:0 auto;
	position:relative;
}
#inside_link
{
	display:none;
}

#button_holder
{
	overflow:hidden;
}

#button_space
{
	height:100%;
	width:1500px;
	margin:0 auto;
	text-align:left;
	transition-duration:0.42s;	
	-webkit-transition-duration:0.42s;
	margin-left:23px;/* 20px */
}
#button_space button:first-child
{
	margin-left:0;
}
#button_space button:nth-child(even)
{
}

#jobs_description
{
	width:80%;
	min-height:200px;
	color:#222;
	margin:0 auto;
	position:relative;
	background-color:#fff;
}
#jobs_description h5
{
	text-align:center;
	position:absolute;
	bottom:1%;
	left:0;
	margin:0;
	width:100%;
	cursor:pointer;
	font-size:15px;
}
#jobs_description p
{
	margin:2% 4%;
	font-family:"work_sansregular";
	text-align: justify;
}
#mail_us
{
	text-align:center;
	color:#333;
	font-size:18px;
	margin-top:-1%;
}
#mail_us span
{
	display:inline-block;
	margin-top:3%;
}
#mail_us a
{
	color:#333;
}

.arrow2
{
	height:30px;
	height:30px;
	position:absolute;
	z-index:25;
	display:none;
	cursor:pointer;
}

#inside_link #arrow2_right
{
	right:-20px;
}
#arrow2_left
{
	left:-10px;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.all_part
{
	/*min-height:240px;*/
	max-height:220px;
	overflow-x:hidden;
	overflow-y:auto;
}
.all_part hr
{
	width:100%;
	margin:0 auto;
    border:0px solid red;
    border-bottom:1px solid #ddd;
}


/* Evaluate */

#evaluate i
{
}

#lets_evaluate
{
	height:100%;
	width:100%;
	margin-top:1%;
	margin:0 auto;/*
	margin-left:30%;*/
	transition-duration:0.42s;
	transition-timing-function: ease-in-out;
}

#lets_evaluate h4,#lets_evaluate h6
{
	color:#111;
	text-align:center;
	font-size:30px;
	font-weight:100;
	line-height:20px;
	margin-bottom:0;
	margin-top:30px;
	/*font-family:work_sansextralight;*/
	font-family:work_sansextralight;
	transition-duration:0.42s;
	transform: scale(0,0);
	-webkit-transition-duration:0.42s;
	-moz-transform: scale(0,0);
	-moz-transition-duration:0.42s;
	-webkit-transform: scale(0,0);
}

#lets_evaluate h6
{
	margin-top:27px;
}

#lets_evaluate h5
{
	color:#111;
	text-align:center;
	font-size:35px;
	font-weight:700;
	line-height:20px;
	margin-bottom:0;
	margin-top:38px;
	font-family:work_sansregular;
	transition-duration:0.42s;
	transform: scale(0,0);
	-webkit-transition-duration:0.42s;
	-webkit-transform: scale(0,0);
	-moz-transition-duration:0.42s;
	-moz-transform: scale(0,0);
}

#inside_evaluate
{
	height:355px;
	width:510px;
	margin:0 auto;
	margi-top:-2%;
	position:relative;
}
#actual_evaluatev
{
	text-decoration: underline;
}

#actual_question p:first-child
{
	max-height:150px;
	overflow:auto;
}
#actual_question p
{
	height:170px;
}


/* Final part */


.scaler
{
	transform:scale(1.2,1.2);
}

#about_container
{
	width:90%;
	height:450px;
	border:2px solid #999;
	margin:0 auto;
	position:relative;
	display:none;
	border-radius:10px;
	overflow:hidden;
}
/*
#about_container:hover .arrow
{
	display:block;
}*/

.arrow
{
	position:absolute;
	top:45%;
	font-size:40px;
	width:50px;
	height:50px;
	border-radius:50%;
	color:#fff;
	opacity:0.5;
	display:none;
	z-index:50;
	cursor:pointer;
}
.arrow:hover
{
	transform:scale(1.1,1.1);
}
.arrow img
{
	height:100%;
	width:100%;
}
#arrow_left span
{
	position:relative;
	left:-15%;
	top:-4%;
}
#arrow_left img
{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
#arrow_right span
{
	position:relative;
	top:-4%;
	left:31%
}
#arrow_left
{
	left:0;
	display:none;
}
#arrow_right
{
	right:0;
}
#tab_content
{
	width:100%;
	height:50px;
}
.tabs
{
	width:200px;
	height:30px;
	border:0px solid green;
	background-color:#4682B4;
	color:#fff;
	text-align:center;
	line-height:30px;
	transition-duration:0.2s;
	display: block;
	border-radius:25px;
	margin-top:10px;
	cursor:pointer;
	border:1px solid #111;
	font-family:work_sansextralight;
}

#tab1,#tab31,#tab21
{
	margin-left:9%;
	float:left;
}
#tab2,#tab32,#tab22
{
	float:left;
	margin-left:16%;
}
#tab3,#tab33,#tab23
{
	float:right;
	margin-right:9%;
}
.tabs_container
{
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
	display:none;
	background-color:#fff;
	border-radius:10px;
}
.tab_holder
{
	height:100%;
	width:300%;
	display:flex;
	display:-webkit-flex;
	display:-webkit-box;
	
	transition-duration:0.42s;
		-webkit-transition-duration:0.42s;

}
.tab_pages
{
	width:33.3%;
	height:100%;
}
.higher
{
	height:50px;
	line-height:50px;
}
.tab_page_parts
{
	height:300px;
	width:320px;
	float:left;
}
.tab_page_parts img
{
	height:300px;
	width:320px;
	margin-top:10%;
	margin-left:10%;
}
.tab_page_texts
{
	height:310px;
	width:60%;
	overflow:auto;
	float:right;
	margin-right:2%;
	margin-top:2%;
}

.tab_page_texts p
{
	color:#111;
	text-align: justify;
	margin:2%;
	text-indent:5%;
	font-family: work_sansregular;
}

#tab_container1
{
	position:relative;
	display:block;
}
#tab_page3
{
	
}

#humanizer
{
	height:50px;
	width:200px;
	margin-top:-2%;
}
#robonate
{
	height:30px;
	width:150px;
	transform:scale(2,5);
	-webkit-transform:scale(2,5);
	margin-top:4%;
}


.products
{
	width:300px;
	height:80%;
	display:inline-block;
	float:left;
	margin:1% 5%;
	font-family: work_sansregular;
}

#product2
{
	margin-left:3%;
	margin-right:0;
}

#product3
{
	float:right;
}

.products
{
	text-align:center;
	position:relative;
	perspective:1000px;
	-webkit-perspective:1000px;
	transition-duration:0.42s;
	-webkit-transition-duration:0.42s;
}
.products p a
{
	color:#37C7F4;
	font-size:20px;
	font-weight:700;
}
.products p
{
	margin-top:40%;
}
.products p span
{
	margin-top:10px;
	font-size:23px;
	color:#A0A0AB;
}
.front_sides
{
}
.front_sides,.back_sides
{
	background-color:#ddd;
	border-radius:4px;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition-duration:0.42s;
	-webkit-transition-duration:0.42s;
	transofrm:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-webkit-backface-visibility: hidden;
}
.back_sides
{
	background-color:#4682B4;
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
}
.back_sides p
{
	margin-top:30%;
	color:#fff;
}
.back_sides p a
{
	color:#fff;
}
.back_sides p span
{
	color:#fff;
}


.products:hover .front_sides
{
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
}
.products:hover .back_sides
{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}

.product_but
{
	padding:3% 6%;
	border:0px solid red;
	color:#00AEEF;
}

.star_c
{
	color:coral;
	font-size:10px;
	position:relative;
	top:-5px;
}

/* Mision_vision_text */


#mision_vision_text p
{
	text-align:center;
	font-size:40px;
	font-family:work_sansextralight;
	margin:0% 6%;
}


/* Hand Shaker */

#hand_shaker
{
	width:100%;
	height:300px;
	position:relative;
	z-index:10;
	background-color: #444;
}
#hand_shaker img
{
	height:100%;
	width:600px;
	animation: shake 0.9s infinite linear;
	margin:0;
	padding:0;
	margin-left:-5%;
}
#hand_shaker span
{
	display:block;
	position:absolute;
	font-size:40px;
	left:49%;
	top:55%;
	transition-duration:0.42s;
	transform: scale(0,0);
}

.big_guy
{
	transform:scale(1.5,1.5);
}

	@-webkit-keyframes shake
	{
		0%{transform:translateY(-5px);}
		25%{transform:translateY(0px);}
		50%{transform:translateY(5px);}
		75%{transform:translateY(0px);}
		100%{transform:translateY(-5px);}
	}
	@-moz-keyframes shake
	{
		0%{transform:translateY(-5px);}
		25%{transform:translateY(0px);}
		50%{transform:translateY(5px);}
		75%{transform:translateY(0px);}
		100%{transform:translateY(-5px);}
	}
	@keyframes shake
	{
		0%{transform:translateY(-5px);}
		25%{transform:translateY(0px);}
		50%{transform:translateY(5px);}
		75%{transform:translateY(0px);}
		100%{transform:translateY(-5px);}
	}

/* Submit things */

input[type=submit]
{
	padding:1.5% 5%;
	background-color:#00AEEF;
	color:#fff;
	border:0px solid red;
	font-weight:600;
}


.job_buts
{
	background-color:#FF8686;
}


/* Gear */

section#gear_image_space
	{
		width:100%;
		height:400px;
		margin:2% auto;
		position:relative;
		background-color:#fff;
	}
	.gear_container
	{
		height:150px;
		width:150px;
		display:inline-block;
		position:relative;
	}
	#gear1
	{
		position:absolute;
		left:-1%;
		top:0;
	}
	.gear_img,#img_gear1
	{
		height:100%;
		width:100%;
		animation:rotate 4s infinite linear;
		-webkit-animation:rotate 4s infinite linear;
	-moz-animation:rotate 4s infinite linear;
	
	}
	@-webkit-keyframes rotate
	{
		0%{transform:rotate(0deg);}
		25%{transform:rotate(90deg);}
		55%{transform:rotate(180deg);}
		75%{transform:rotate(270deg);}
		100%{transform:rotate(360deg);}
	}
	#gear2
	{
		position:absolute;
		left:10%;
		top:28%;
	}
	#img_gear2
	{
		animation:rotate2 4s infinite linear;
		-webkit-animation:rotate2 4s infinite linear;
	-moz-animation:rotate2 4s infinite linear;
	}
	
	@-webkit-keyframes rotate2
	{
		0%{transform:rotate(360deg);}
		25%{transform:rotate(270deg);}
		55%{transform:rotate(180deg);}
		75%{transform:rotate(90deg);}
		100%{transform:rotate(0deg);}
	}
	#gear3
	{
		position:absolute;
		left:26%;
		top:13%;
	}
	#gear4
	{
		position:absolute;
		left:42.5%;
		top:-1%;
	}
	#img_gear4
	{
		animation:rotate2 4s infinite linear;
		-webkit-animation:rotate2 4s infinite linear;
	-moz-animation:rotate2 4s infinite linear;
	}
	#gear5
	{
		position:absolute;
		left:37%;
		top:40.5%;
	}
	#img_gear5
	{
		animation:rotate2 4s infinite linear;
		-webkit-animation:rotate2 4s infinite linear;
	-moz-animation:rotate2 4s infinite linear;
	}
	#gear6
	{
		position:absolute;
		left:60%;
		top:2.5%;
	}
	#gear7
	{
		position:absolute;
		left:51.8%;
		top:61%;
	}
	#gear8
	{
		position:absolute;
		left:66.2%;
		top:37.7%;
	}
	#img_gear8
	{
		animation:rotate2 4s infinite linear;
		-webkit-animation:rotate2 4s infinite linear;
	-moz-animation:rotate2 4s infinite linear;
	}
	
	.inside_img
	{
		height:100%;
		width:120%;
		margin-left:-15%;
	}
	.img_hold
	{
		position:absolute;
		left:15%;
		top:15%;
		text-align:center;
		height:70%;
		width:70%;
		margin:0 auto;
		background-color:#fff;
		border-radius:50%;
		overflow:hidden;
	}
	.img_hold p
	{
		color:red;
		z-index:40;
		position:absolute;
		bottom:-5%;
		left:35%;
	}

@media screen and (min-width:1367px)
{
		#helper video
		{
			width:1920px;
			height:1200px;
			position:absolute;
			top:-10%;
		}
	#job_page1
	{
		height:1000px;
	}
	.small_section
	{
		height:550px;
	}
	#after_empty
	{
		height:750px;
	}
	#video_shower
	{
		margin-top:10%;
	}
	#task2
	{
		margin-left:24%;
	}
}

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

@media screen and (max-width:1340px)
{
	#product2
	{
		margin-left:2%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:15%;
	}
	.move_side
	{
		position:relative;
		left:28%;
		transition-duration:0.5s;
	}
	.move_down
	{
		position:relative;
		left:0%;
		transition-duration:0.5s;
	}
}

@media screen and (max-width:1300px)
{
	#helper video
	{
		left:-5%;
	}
	#product2
	{
		margin-left:1%;
	}
}

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

	
	#task2
	{
		margin-left:16%;
	}
	#video_shower_right
	{
		margin-right:5%;
	}
	.products
	{
		width:250px;
	}
	#product2
	{
		margin-left:7%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:17%;
	}
	#tab1,#tab21,#tab31
	{
		margin-left:7%;
	}
	#tab3,#tab23,#tab33
	{
		margin-right:7%;
	}
	.move_side
	{
		position:relative;
		left:25%;
		transition-duration:0.5s;
	}
	.move_down
	{
		position:relative;
		left:0%;
		transition-duration:0.5s;
	}
}


@media screen and (max-width:1240px)
{
	#video_shower_right
	{
		margin:0 auto;
		float:none;
		width:80%;
		margin-top:12%;
	}
	#video_shower_left
	{
		margin:0 auto;
		float:none;
	}
	.play_button2
	{
		top:10%;
		left:50%;
	}
	.move_side
	{
		position:relative;
		left:0%;
		transition-duration:0.5s;
	}
	.move_down
	{
		position:relative;
		left:0%;
		transition-duration:0.5s;
	}
	#quiz_bottom_button button
	{
		padding:1% 0;
	}
	#good,#average
	{
		width:200%;
		left:-50%
	}
	#bad
	{
		width:200%;
		left:42%;
	}
	
}

@media screen and (max-width:1220px)
{	#video_shower_left
	{
		margin:0 auto;
		float:none;
		
	}
	#product2
	{
		margin-left:5%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:15%;
	}
	#video_shower_right
	{
		margin-top:12%;
	}
	#video_shower
	{
		margin-top:-5%;
	}
}

@media screen and (max-width:1180px)
{
	#helper video
	{
		left:-12%;
	}
	#product2
	{
		margin-left:3.5%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:14%;
	}
}

@media screen and (max-width:1180px)
{
	#avail_section_right
	{
		height:355px;
		width:600px;
		text-align:justify;
		float:left;
	}

	.visible_text2
	{
		margin-right:5%;
		margin-top:9%;
	}
	
	#avail_section_left
	{
		height:355px;
		width:510px;
		margin-right:1%;
		float:right;
	}
	
	#empty_space
	{
		height:200px;
	}
	#job_page2
	{
		height:892px;
	}
	
	#empty_space h1
	{
		font-size:50px;
	}
	/*#video_shower_right
	{
		margin-left:2%;
	}*/
	.inside_header
	{
		width:620px;
	}
	.inside_header button
	{
		margin-right:5%;
	}
	#after_right
	{
		margin-right:2%;
	}
	#task2
	{
		margin-left:14%;
	}
	#helper
	{
		top:-9%;
	}

	.tab_page_texts
	{
		width:50%;
		margin-left:0;
		margin-top:4%;
	}
	
}

@media screen and (max-width:1130px)
{
    .all_table
    {
        margin-left:0;
    }
	#avail_section_left
	{
		float:none;
		margin:0 auto;
		position:relative;
	}
	#avail_section_right
	{
		margin:0 auto;
		float:none;
	}
	#all_part
    {
        margin:0 auto;
    }
	#available_section
	{
		padding-bottom:2%;
	}
	#video_shower_right
	{
		float:none;
		width:80%;
	}
	#video_shower_left
	{
		margin:0 auto;
		float:none;
		
	}
	.visible_text2
	{
		margin-top:5%;
	}
	
	/*#video_shower
	{
		height:900px;
	}*/
	#task2
	{
		margin-left:13%;
	}
	#respo_section_text
	{
	}
	#respo_section_text h4
	{
		margin-top:15%;
	}
	#modal_document
	{
		left:15%;
	}
	#product2
	{
		margin-left:2%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:12%;
	}
	#available_section
	{
		height:830px;
	}
}


@media screen and (max-width:1080px)
{
	#product2
	{
		margin-left:0;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:10%;
	}
	#tab_page3
	{
		overflow:auto;
	}
}

@media screen and (max-width:1090px)
{
	#product2
	{
		display:block;
		margin:0 auto;
		float:none;
		margin-top:1%;
	}
	#product1
	{
		display:block;
		margin:0 auto;
		float:none;
		margin-top:1%;
	}
	#product3
	{
		display:block;
		margin:0 auto;
		float:none;
		margin-top:1%;
		margin-bottom:65px;
	}
}

@media screen and (max-width:1025px)
{
	.very_big
	{
		font-size:100px;
	}
}

@media screen and (max-width:1000px)
{
	
	#mapping
	{
		display:none;
	}
	#mapping area
	{
		display:none;
	}
	
#after_right img
{
	width:100%;
	width:100%;
	margin-left:0%;
	z-index:10;
	margin-top:0%;
}
	#empty_space h1
	{
		font-size:40px;
	}
	
	#after_empty
	{
		height:1000px;
	}
	
	#job_page2
	{
		height:1304px;
	}
	
	#after_left,#after_right
	{
		margin-top:1%;
		width:70%;
		height:400px;
	}
	#after_right img
	{
		height:100%;
		width:100%;
	}
	
	#after_right,#after_left
	{
		float:none;
		margin:0 auto;
	}
	.visible_text2
	{
		margin-top:3%;
	}
	.visible_text,.visible_text2
	{
		width:70%;
		float:none;
		margin:0 auto;
	}
	.small_section
	{
		height:500px;
	}
	.visible_text
	{
		height:150px;
		margin-top:2%;
	}
	
	#task2
	{
		margin-left:10%;
	}
	
	#respo_section_text h4
	{
		margin-top:18%;
	}
	#helper video
	{
		left:-25%;
		top:5%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:10%;
	}
	
}

@media screen and (max-width:965px)
{
.cover_text,.cover_text2
    {
        position:absolute;
        right:0;
        top:0;
        width:65%;
    }
    .cover_text p
    {
        width:95%;
    }
}

@media screen and (max-width:950px)
{
	footer p
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		margin-top:1%;
		margin-bottom:1%;
	}
	footer p:last-child
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		text-align:center;
		position:relative;
		left:1%;
	}
	#select_box
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		margin-bottom:1%;
		margin-top:2%;
	}
	.tasks
	{
		height:150px;
		width:150px;
	}
	.tasks h1
	{
		font-size:20px;
		margin-top:50px;
	}
	#task2
	{
		margin-left:15.5%;
	}
	#respo_section_text
	{
	}
	#modal_document
	{
		left:10%;
	}
	.small_section
	{
		height:500px;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:7%;
	}
	
    
}

@media screen and (max-width:900px)
{
    .cover_text2
    {
        margin-top:3%;
    }
	#modal_document
	{
		width:80%;
	}
	
	#respo_section_text h4
	{
		font-size:40px;
		margin-top:15%;
	}
	#respo_section
	{
		height:300px;
	}
	#helper video
	{
		left:-27%;
	}
	#tab2,#tab22,#tab32
	{
		margin-left:5%;
	}
	.tab_page_parts img
	{
		margin-left:5%;
	}
	#video_shower_right
	{
		margin-top:15%;
	}
}

@media screen and (max-width:860px)
{
	#job_page1
	{
		height:650px;
	}
	.inside_header
	{
		width:530px;
	}
	.inside_header button
	{
		margin-right:2%;
		width:150px;
		font-size:11px;
		height:40px;
	}
	#empty_space
	{
		height:125px;
	}
	#empty_space h1
	{
		font-size:35px;
	}
	#job_page2
	{
		height:1225px;
	}
	#task2
	{
		margin-left:14%;
	}
	#helper video
	{
		left:-33%;
	}
	.very_big
	{
		font-size:85px;
		margin-top:10%;
	}
	#tab2,#tab22,#tab32,#tab1,#tab21,#tab31,#tab3,#tab33,#tab23
	{
		float:left;
		width:33%;
		margin:0;
		border-radius:0px;
	}
	#tab1,#tab21,#tab31
	{
	border-top-left-radius: 8px;
	}
	.tabs_container
	{
		overflow:visible;
	}
	#tab3,#tab23,#tab33
	{
	border-top-right-radius: 8px;
	}

	#tab_content
	{
	}
	#mision_vision_text p
	{
		font-size:30px;
		margin-top:4%;
	}
    .cover_img
    {
        margin-left:1%;
    }
}

@media screen and (max-width:800px)
{
	footer p
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		margin-top:1%;
		margin-bottom:1%;
	}
	footer p:last-child
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		text-align:center;
		position:relative;
		left:1%;
	}
	#select_box
	{
		position:static;
		display:block;
		margin:0 auto;
		float:none;
		margin-bottom:1%;
		margin-top:2%;
	}
	.cover_text 
    {
        font-size:30px;
        font-weight:bolder;
    }
	#task2
	{
		margin-left:12%;
	}
	.inside_header button
	{
		font-size:10px;
	}
	#logo
	{
		height:50%;
	}
	header
	{
		height:75px;
	}
	#task2
	{
		margin-left:10%;
	}
	#respo_section_text
	{
	}
	#respo_section
	{
		height:280px;
	}
	
	#respo_section_text h4
	{
		font-size:30px;
		margint-top:16%;
	}
	
	#modal1_table
	{
		margin-left:2%;
		margin:0 auto;
		width:100%;
	}
	
	#modal1_table tr td
	{
		padding: 2% 0;
	}

	#modal1_table tr td:first-child
	{
		padding-right:1%;
		padding-left:2%;
		width:200px;
	}
	#modal1_table tr td:last-child
	{
		padding-right:1%;
		width:160px;
	}
	#after_right
	{
		margin-top:2%;
	}
	
	#helper video
	{
		left:-41%;
	}
	.small_section
	{
		height:540px;
	}
	.tab_page_parts,.tab_page_texts
	{
		margin:0 auto;
		float:none;
		display:block;
	}
	.tab_page_parts
	{
		margin-top:2%;
		margin-bottom:5%;
		height:250px;
	}
	.tab_page_parts img
	{
		margin:0;
		height:100%;
		width:100%;
	}
	.tab_page_texts
	{
		width:90%;
		height:auto;
		margin-bottom:100px;
	}
	
	.tab_pages
	{
		overflow:auto;
	}
}

@media screen and (max-width:740px)
{
	#after_right
	{
		position:relative;
		top:25px;
		height:320px;
	}
	#helper video
	{
		left:-45%;
	}
	.very_big
	{
		font-size:75px;
		margin-top:13%;
	}
	footer
	{
		height:50px;
		padding:3%;
	}
	footer p
	{
		width:100%;
		display:block;
		margin:0 auto;
		float:none;
	}
	footer p:last-child
	{
		float:none;
		margin-top:1%;
	}
	
	#video_shower_right
	{
		margin-top:20%;
	}
    .cover_img
    {
        width:30%;
    }
    .cover_img img
    {
        height:80%;
    }
    
}


@media screen and (max-width:700px)
{
	#empty_space h1
	{
		font-size:25px;
		top:55%;
	}
	#empty_space h1 span
	{
		font-size:14px;
	}
	.visible_text
	{
		height:110px;
	}
	#job_page2
	{
		height:1017px;
	}
	#after_empty
	{
		height:900px;
	}
	#video_shower
	{
		margin-top:10%;
	}
	#task2
	{
		margin-left:7%;
	}
	.inside_header button
	{
		font-size:8px;
		width:120px;
	}
	.inside_header
	{
		width:400px;
	}
	#respo_section_text
	{
	}
	#respo_section
	{
		height:250px;
	}
	
	#respo_section_text h4
	{
		margin-top:18%;
		font-size:30px;
	}
	#helper video
	{
		left:-51%;
	}
	
	.visible_text2
	{
		margin-top:5%;
	}
	.tabs
	{
		font-size:14px;
	}
	#tab2,#tab22,#tab32,#tab1,#tab21,#tab31,#tab3,#tab33,#tab23
	{
		width:32.9%;
		margin:0;
		border-radius:0px;
	}
	#tab1,#tab21,#tab31,
	{
	border-top-left-radius: 8px;
	}

	.tabs_container
	{
		overflow:visible;
	}
	#tab3,#tab23,#tab33
	{
	border-top-right-radius: 8px;
	}
	
	#video_shower_right
	{
		width:90%;
	}
}
@media screen and (max-width:650px)
{
	
	#inside_evaluate
	{
		height:355px;
		width:510px;
	}
	.tasks
	{
		height:120px;
		width:120px;
	}
	.tasks h1
	{
		font-size:18px;
		margin-top:40px;
	}
	#task2
	{
		margin-left:10%;
	}
	#avail_section_right
	{
		width:100%;
		margin:0 auto;
		float:none;
	}
	#jobs_description
	{
		width:100%;
	}
	#jobs_description p
	{
		width:95%;
		margin:0 auto;
	}
	#available_section
	{
		width:100%;
	}
	
	#modal1_table
	{
		font-size:14px;
	}
	#modal1_table tr td:first-child
	{
		width:170px;
	}
	#modal1_table input[type=text]
	{
		
	}
	#after_right
	{
		margin-top:40px;
	}
	#video_shower
	{
		margin-top:15%;
	}
	#helper video
	{
		left:-58%;
	}
	.very_big
	{
		font-size:60px;
		margin-top:20%;
		margin-bottom:5%;
	}
	.big,.big2,.big3
	{
		font-size:28px;
	}
	#mision_vision_text p
	{
		font-size:30px;
		margin:0% 8%;
		margin-top:10%;
	}
	#good,#average
	{
		width:300%;
		left:-100%
	}
	#bad
	{
		width:300%;
		left:-88%;
	}
	
}

@media screen and (max-width:600px)
{
	#modal1_table tr td:first-child
	{
		width:160px;
		padding:2% 1%;
	}
	
	#respo_section_text h4
	{
		font-size:25px;
	}
	#helper video
	{
		left:-68%;
	}
	#helper
	{
		top:-10%;
	}
	.very_big
	{
		font-size:55px;
	}
	.big,.big2,.big3
	{
		font-size:22px;
	}
	#move_down
	{
		margin-top:10%;
	}
	
	#video_shower_center
	{
		width:100%;
	}
	
	#video_shower_center h3
	{
		font-size:60px;
	}
	#task2
	{
		margin-left:7%;
	}
	#modal_document
	{
		position:fixed;
		top:10%;
	}
	
	#lets_evaluate h4,#lets_evaluate h5,#lets_evaluate h6
	{
		font-size:20px;
	}
	
}

@media screen and (max-width:560px)
{
	#video_shower_left,#avail_section_left,#inside_evaluate
	{
		margin-top:10%;
		height:300px;
		width:410px;
	}
	#video_shower_left video,#avail_section_left video,#inside_evaluate video,#video_shower_left iframe,#inside_evaluate iframe,#avail_section_left iframe
	{
		width:410px;
		height:230px;
	}
	.play_button
	{
		top:35%;
		left:40%;
		height:70px;
		width:70px;
	}
	.jobs_link
	{
		width:100%;
	}
	#after_right,#after_left
	{
		text-align:left;
		width:90%;
	}
	.inside_header button
	{
		padding-left:0;
		padding-right:0;
		font-size:8px;
		font-weight:600;
		width:100px;
	}
	.inside_header
	{
		width:330px;
	}
	#respo_section_text
	{
	}
	#respo_section
	{
		height:200px;
	}
	
	#respo_section_text h4
	{
		margin-top:15%;
	}
	#helper video
	{
		left:-82%;
	}
	#task2
	{
		margin-left:5%;
	}
	#logo_thing
	{
		display:none;
	}
	
	#video_shower_right
	{
		margin-top:30%;
	}
	.play_button2
	{
		height:70px;
		width:70px;
		left:40%;
	}
}


@media screen and (max-width:520px)
{
	.tabs
	{
		font-size:12px;
	}
	#tab2,#tab22,#tab32,#tab1,#tab21,#tab31,#tab3,#tab33,#tab23
	{
		width:32.8%;
		margin:0;
		border-radius:0px;
	}
	#tab1,#tab21,#tab31
	{
	border-top-left-radius: 8px;
	}

	.tabs_container
	{
		overflow:visible;
	}
	#tab3,#tab23,#tab33
	{
	border-top-right-radius: 8px;
	}
	#mision_vision_text p
	{
		font-size:20px;
		margin-left:10%; 
		margin-right:10%; 
	}
	.arrow,.arrow img
	{
		height:40px;
		width:40px;
	}
	.arrow:hover
	{
		transform:scale(1.1,1.1)
	}
}

@media screen and (max-width:510px)
{
    .cover_text 
    {
        font-size:25px;
    }
}

@media screen and (max-width:500px)
{
	#task2
	{
		margin-left:11%;
	}
	#task1
	{
		margin-left:1%;
	}
	#task3
	{
		margin-right:1%;
	}
	#questions
	{
		width:100%;
	}
	#after_left,#after_right
	{
		width:90%;
	}
	.small_section
	{
		height:550px;
	}
	.visible_text,.visible_text2
	{
		width:90%;
	}
	#hamburger
	{
		display:block;
		height:30px;
		width:40px;
		background-color:#fff;
		top:15px;
		/*right:5px;*/
		left:85%;
		z-index:19;
	}
	.inside_header
	{
		position:absolute;
		right:10px;
		top:55px;
		width:130px;
		height:140px;
		z-index:20;
		display:none;
	}
	.inside_header button
	{
		display:block;
		margin:0 auto;
		margin-top:5px;
	}
	.inside_header button:first-child
	{
		margin-top:5px;
	}
	#modal1_table input[type=text],#area_job
	{
		width:150px;
	}
	#helper video
	{
		left:-92%;
	}
	#helper
	{
		top:-12%;
	}
	
	footer
	{
		padding:5% 0%;
	}
	footer p:last-child
	{
		position:relative;
		top:10px;
	}
	footer p
	{
		width:100%;
		margin:0 auto;
		text-indent:0px;
	}
	#video_shower_right
	{
		margin-top:35%;
	}
}



@media screen and (max-width:480px)
{
	#logo
	{
	}
	.inside_header button
	{
		
	}
	
	#helper video
	{
		left:-100%;
	}
	.very_big
	{
		font-size:45px;
		margin-top:35%;
		margin-bottom:7%;
	}
	.big,.big2,.big3
	{
		font-size:20px;
	}
	#questions table
	{
		margin-left:7%;
	}
	#video_shower_center h3
	{
		margin-top:2.5%;
		font-size:45px;
	}
	#video_shower_center button
	{
		top:0px;
	}
	#video_shower
	{
		height:auto;
	}
	#task2
	{
		margin-left:6%;
	}
}


@media screen and (max-width:450px)
{
	#query_submit
	{
		font-size:12px;
		left:5%;
	}
    .cover_img
    {
        display:none;
    }
    .cover_text,.cover_text2
    {
        width:96%;
        margin-left:2%;
        margin-right:2%;
    }
}

@media screen and (max-width:440px)
{
	#task3 h1,#task1 h1
	{
		margin-top:35px;
	}
	.tabs span
	{
		transition-duration:0.42s;
	}
	.tab_cool
	{
		line-height:15px;
		transition-duration:0.2s;
	}
	.tab_yes
	{
		position:relative;
		top:10px;
	}
	footer p:first-child span
	{
		display:block;
	}	

	footer
	{
		height:80px;
	}
	#video_shower_left,#avail_section_left,#inside_evaluate
	{
		height:250px;
		width:330px;
		margin:0 auto;
	}
	#video_shower_left video,#avail_section_left video,#inside_evaluate video,#video_shower_left iframe,#inside_evaluate iframe,#avail_section_left iframe
	{
		width:320px;
		height:180px;
	}
	#eco_text
	{
		text-align:left;
	}
	#after_right
	{
		margin-top:120px;
		height:280px;
	}
	#video_shower
	{
		margin-top:35%;
	}
	
	#available_section
	{
		height:680px;
	}
	#helper video
	{
		left:-110%;
	}
	#questions table
	{
		width:100%;
		margin:0 auto;
		margin-left:3%;
	}
	#task2,#task1,#task3
	{
		margin:0 auto;
		float:none;
		border:1px solid transparent;
		margin-top:4%;
	}
	#task3
	{
		margin-bottom:5%;
	}
	.tasks
	{
		display:block;
		margin:0 auto;
		float:none;
	}
	.tasks h1
	{
		
	}
	.tab_page_text
	{
		width:95%;
	}
	.tab_page_parts
	{
		width:250px;
		height:220px;
	}
	#job_page4
	{
		height:1650px;
	}
}


@media screen and (max-width:420px)
{
	#tab1,#tab2,#tab3,#tab31,#tab21,#tab22,#tab23,#tab32,#tab33
	{
		width:32.7%;
	}
	
}

@media screen and (max-width:400px)
{
	#job_page2_replica
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:30%;
	background-image: url("img/background.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	overflow:hidden;
}
	#talent_wm
	{
		width:60px;
	}
    .query_submit
    {
        margin-right:10%;
    }
	footer p:first-child span
	{
		display:block;
	}
	#good,#average
	{
		width:380%;
		left:-138%
	}
	#bad
	{
		width:380%;
		left:-122%;
	}
	
	#job_page1
	{
		height:550px;
	}
	#ques_table input[type=text]
	{
		width:100%;
		width:90%;
	}
	#questions table
	{
		margin-left:1%;
	}
	#questions table tr td input[type=text],#questions table tr td textarea
	{
		width:90%;
		margin:0 auto;
		margin-left:2%;
	}
	#job_page2
	{
		height:1016px;
	}
	.play_button
	{
		top:25%;
		left:40%;
		height:70px;
		width:70px;
	}
	#helper video
	{
		left:-130%;
	}
	.very_big
	{
		font-size:30px;
	}
	.big,.big2,.big3
	{
		font-size:16px;
	}
	.visible_text
	{
		font-size:18px; 
	}
	.visible_text2
	{
		font-size:16px;
	}
	#after_left
	{
		height:450px;
	}
	#after_right
	{
	}
	#after_empty
	{
		height:1200px;
	}
	#video_shower
	{
		margin-top:50%;
	}
	footer 
	{
		height:100px;
	}
	#respo_section_text h4
	{
		margin-top:20%;
	}
	#mision_vision_text p
	{
		font-size:16px;
		margin-top:30%;
	}
	#modal_document
	{
		width:95%;
		left:2.5%;
	}
	#open_zoho
	{
		left:25%;
	}
	.job_links .job_buts
	{
		font-size:5px;
	}
	
}

@media screen and (max-width:360px)
{
    .what_creates
    {   
    display:block;
        margin:0 auto;
        margin-top:-3%;
        margin-bottom:6%;
    }
}

@media screen and (max-width:350px)
{
	footer p:last-child
	{
		left:3%;
	}
    .cover_text2
    {
        margin-top:8%;
    }
    .contact_text
    {
        width:90%;
    }
    
	#helper video
	{
		left:-160%;
	}
	.visible_text
	{
		text-align:left;
		font-size:16px;
	}
	.visible_text2
	{
		font-size:14px;
	}
	.small_section
	{
		height:450px;
	}
	#video_shower
	{
	}
	#after_left
	{
		height:500px;
		margin-top:-80px;
	}
	#tab1,#tab2,#tab3,#tab31,#tab21,#tab22,#tab23,#tab32,#tab33
	{
		width:32.6%;
	}
	#video_shower_right
	{
		margin-top:50%;
	}
	
	#modal1_table tr td:first-child
	{
		font-size:12px;
	}
	
}
@media screen and (max-width:320px)
{
    .save_me
    {
        padding-left,padding-right:5%;
    }
	#helper video
	{
		left:-180%;
	}
	.big,.big2,.big3
	{
		font-size:14px;
	}
	#job_page1
	{
		height:600px;
	}
	#modal1_table tr td:first-child
	{
		font-size:10px;
	}
}