/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

@font-face {
	font-family: 'Oswald';
  src: url('/core/font/Oswald.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Stardos';
  src: url('/core/font/Stardos.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Fredericka';
	src: url('/core/font/Fredericka.otf');
	font-weight: normal;
	font-style: normal;
}

*{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#extra, .line_info{
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

body{
  background-color: white;
  height: 2000px;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  overflow-x: hidden;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

*{
	font-family: 'Oswald';
}

#topBanner{
  background: #f6f5f1;
  height: 220px;
  width: 100%;
  position: relative;
}

#TradeMark{
  background-image: url('/core/image/TRMS/ESKAdvisoryFirm.png');
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center center;
	top: 15px;
  left: 15px;
  height: 180px;
  width: 180px;
  position: absolute;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑      Parts      ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

.parts{
	height: auto;
	width: 100%;
	border-bottom: 0 transparent solid;
	box-shadow: 0 0 20px gray;
	position: relative;
	overflow: hidden;
}

.part_banner{
	background-color: whitesmoke;
	background-image: url('/core/image/TRMS/ESKAdvisoryFirm.png');
	background-size: auto 95%;
	background-repeat: no-repeat;
	background-position: center center;
	left: 0;
	height: 130px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.left_style_partBanner{
	background-image: url('/core/image/BG/left_style_partBanner.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
	left: 0;
	height: 130px;
	width: 350px;
	overflow-x: hidden;
	position: absolute;
	opacity: 1
}

.left_title_partBanner{
	color: white;
	font-family: Stardos;
	font-size: 35px;
	text-align: right;
	height: 100px;
	top: 70px;
	width: 180px;
	left:50px;
	position: absolute;
	opacity: .95;
}

.play, .pause{
	background-color: rgba(245, 245, 245, 0.7);
	background-image: url('/core/image/icon/play.png');
	background-size: 80% auto;
	background-position: right 4px bottom 12px;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	height: 130px;
	width: 50px;
	border-left: solid #fdfdfd 2px;
	position: absolute;
	cursor: pointer;
}

.pause{
	background-image: url('/core/image/icon/pause.png');
	display: none;
}


.plate{
	background-size: auto 100% ;
	background-repeat: repeat-x;
	background-position: bottom left;
	top: 130px;
	left: 0;
	width: 100%;
	position: absolute;
}

.right_gallery{
	top: 0;
	right: 0px;
	height: 670;
	width: auto;
	position: absolute;
}

.info_sheet{
	font-family: Oswald;
	text-align: justify;
	top: 0;
	width: 1044px;
	left: 50%;
	margin-left: -522px;
	position: relative;
	border: 0;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑    MENU Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#menu_luncher_top{
  font-size: 20px;
  top: 115px;
  right: 15px;
  height: 100px;
  width: 100px;
  padding: 0;
	padding-bottom: 20px;
  margin: 0;
  position: absolute;
  float: right;
  opacity: 0;
	z-index: 0;
}

#menu_luncher_bottom{
  font-size: 14.5px;
  bottom: 10px;
  right: 7px;
  height: 80px;
  width: 100px;
  padding: 0;
  margin: 0;
  position: fixed;
  cursor: pointer;
  float: right;
  opacity: 0;
  display: none;
	z-index: 3;
}

#menu_button_box_bottom{
	background-color: #252525;
	bottom: -140px;
	left: -10%;
	height: 140px;
	width: 120%;
	box-shadow: 0 140px 140px 300px #252525;
	position: fixed;
	opacity: 0;
	overflow-x: auto;
	z-index: 3;
}

#menu_box_background{
	background-color: #22292d;
	width: 100%;
	height: 100%;
	position: absolute;
}

#button_shelf_0{
	background-color: #333;
	color: #777;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: -2;
	overflow: auto;
	opacity: 0;
}

#button_shelf_1{
	color: #666;
	top: 110px;
	right: 25px;
	height: 100px;
	width: 770px;
	position: absolute;
	z-index: 1
}

#button_shelf_2{
	color: #eee;
	top: 16px;
	height: 100px;;
	width: 1008px;
	margin: auto;
	position: relative;
	overflow-y: hidden;
	direction: ltr;
}

#wrapper_01{
	top: 50%;
	left: 50%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
}

.menu_button{
  line-height: 27px;
  top: 0;
  height: 110px;
  width: 110px;
	margin-left: 0px;
  position: relative;
  cursor: pointer;
  float: right;
  opacity: .6;
}

.menu_title{
	color: inherit;
  font-family: Oswald;
	font-weight: bold;
	font-size: 14px;
  letter-spacing: 3px;
  text-align: center;
  right: 0;
  height: 27px;
  width: auto;
  padding: 0;
  border-bottom: 1px #777 dashed;
  margin: 10px;
  margin-top: 0;
  position: relative;
}

.menu_icon{
  top: -2px;
  right: 0;
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: .1;
}

#menu_luncher_top .menu_icon{
	opacity: .4;
}

#button_shelf_0 .menu_title{
	color: #ccc;
}

#button_shelf_0 .menu_button{
	background-color: #333;
	font-size: 15px;
	width: 133px;
	left: 0;
	margin: 12px;
	float: left;
}

#button_shelf_0 .menu_icon{
  top: -2px;
  left: 0;
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  opacity: .7;
}

#button_shelf_2 .menu_button{
	margin: 12px;
}

#button_shelf_2 .menu_icon{
	opacity: .95;
}

#button_shelf_2 .menu_title{
	color: #eee;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑    Part Zero    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_00{
	background-color: #fff;
	border-bottom: 0 transparent solid;
	height: 700px;
	width: 100%;
	position: relative;
	display: none;
}

#left_gallery_00{
	background-image: url('/core/image/BG/01.jpg');
	background-size: auto 100% ;
	background-repeat: no-repeat;
	background-position: top left;
	left: 0;
	height: 700px;
	width: 100%;
	position: absolute;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     1st Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_01{
	background-color: #eee;
}

#part_01 .info_sheet{
	min-height: 670px;
}

.info_01{
	background-color: rgba(238, 238, 238, 0.33);
	text-shadow: 0 0 14px white;
	text-decoration: none;
	color: black;
	white-space: pre-line;
	font-size: 17px;
	width: 300px;
	padding: 5px;
	padding-left: 5px;
	padding-right: 10px;
	border-radius: 5px;
	margin: 15px;
	margin-top: 5%;
	margin-bottom: 5%;
	float: left;
	position: relative;
}

.playing{
	text-decoration: underline;
	color: #3e6a14
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     2nd Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_02{
	background-color: #fff;
}

#part_02 .info_sheet{
	min-height: 480px;
	left: 0;
	width: 100%;
	margin: 0;
}

#service_intro{
	text-shadow: 0 0 14px white;
	text-decoration: none;
	color: black;
	white-space: pre-line;
	font-size: 16px;
	height: 400px;
	width: 330px;
	max-width: 90%;
	margin: 30px;
	margin-left: 5%;
	margin-top: 5%;
	margin-bottom: 0;
	float: left;
	position: relative;
	overflow: hidden;
}

#botton_bar_box{
	background-color: #fff;
	top:0px;
	right: 0;
	height: 480px;
	width: 330px;
	max-width: 80%;
	position: absolute;
}

.button_bar{
	color: #dfdde2;
	background-image: url('/core/image/BG/bb_cover.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	position: relative;
	float: left;
	cursor: pointer;
}

.bb1{
	background-color: #44a7cc;
	background-position: left 0 center;
	padding-left: 114px;
}

.bb2{
	background-color: #44849c;
	background-position: left -70px center;
	padding-left: 44px;
}

.button_bar_title{
	font-size: 14px;
	color: inherit;
	letter-spacing: 1px;
	border-bottom: solid #dfdde2 1px;
	height: 25px;
	bottom: 12px;
	position: absolute;
}

.button_bar:hover{
	color: white;
}

.service_content{
	display: none;
}

#service_window{
	background-color: white;
	top:0px;
	right: -480px;
	height: 480px;
	min-width: 300px;
	width: 100%;
	max-width: 440px;
	/*border-right : solid #44849c 7px;*/
	/*border-left : solid #fff 14px;*/
	position: absolute;
}

#service_title{
	background-image: url('/core/image/BG/bb_cover.png');
	background-size: auto 60px;
	background-repeat: no-repeat;
	background-position: left -89px center;
	background-color: #44849c;
	text-align: left;
	line-height: 80px;
	padding-left: 40px;
	color: whitesmoke;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	position: absolute;
}

#service_contet{
	color: #44a7cc;
	text-align: justify;
	top: 72px;
	width: 88%;
	margin: auto;
	position: relative;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     3rd Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_03{
	background-color: #eee;
}

#part_03 .info_sheet{
	height: auto;
	padding-top: 30px;
	/*border: solid red 1px;*/
	/*min-height: 600px;*/
}

#team_rail_top, #team_rail_bottom{
	width: 100%;
	min-height: 300px;
	height: auto;
	position: relative;
	z-index: 1;
	float: left;
}

#team_rail_bottom{
	min-height: 250px;
	margin-top: -25px;
	margin-bottom: 35px;
	z-index: 0;
}

#info_rail_bottom{
	height: auto;
	width: 100%;
	margin-top: -25px;
	margin-bottom: 0px;
	position: relative;
	float: right;
	display: none;
}

#info_rail_bottom .wrapper{
	height: auto;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	position: relative;
}

.info_sec{
	height: auto;
	width: 290px;
	max-width: 80%;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: solid #d9e0d9 3px;
	margin-bottom: 50px;
	position: relative;
	float: left;
	white-space: pre-line;
}

.info_section_00{
	height: 40px;
	border-left: solid #eee 3px;
	z-index: -1;
	opacity: 0;
}

.info_section_01{
	margin-bottom: 50px;
}

#team_info{
	height: auto;
	width: 100%;
	max-width: 400px;
	padding: 35px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	float: right;
}

#team_info .wrapper{
	height: auto;
	width: 90%;
	margin: auto;
	position: relative;
}

#head, .staff{
	height: auto;
	min-height: 260px;
	width: 144px;
	border-left: solid #d9e0d9 3px;
	border-right: solid #d9e0d9 3px;
	margin-top: 35px;
	margin-bottom: 35px;
	position: relative;
	float: left;
}

#head_preserve{
	display: none;
}

.staff{
	margin-top: 35px;
	margin-right: 72px;
}

.laststaff{
	margin-right: 0;
}

.border_brush{
	background: #eee;
	height: 93px;
	width: 110%;
	position: absolute;
}

.staff .border_brush{
	height: 120px;
}

.avatar{
	width: 88%;
	height: auto;
	margin: auto;
	margin-bottom: 7px;
	position: relative;
	cursor: pointer;
}

.photo{
	width: 100%;
	height: auto;
	border-radius: 5px;
	position: relative;
}

.name, .position, .title{
	color: #132d37;
	width: 90%;
	margin: auto;
	margin-bottom: -5px;
	position: relative;
}

.name{
	font-size: 15px;
	font-family: Stardos;

}

.position{
	font-family: Oswald;
	font-size: 14px;
}

.title{
	font-family: Oswald;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: -3px;
}

.profile .info{
	display: none;
}

#team_back{
	background-image: url('/core/image/icon/back.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	bottom: -50px;
	left: 50%;
	height: 70px;
	width: 100px;
	margin: -50px;
	position: absolute;
	cursor: pointer;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     4th Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_04{
	background-color: #fff;
}

#part_04 .info_sheet{
	min-height: 530px;
}

#clients_box{
	top: 30px;
	left: 50%;
	height: 461px;
	width: 1044px;
	margin-left: -522px;
	position: absolute;
	overflow: hidden;
}

#client_rail, #client_mask{
	height: 100%;
	width: 580px;
	position: absolute;
}

.client_profile{
	text-align: center;
	background-color: #f9f8f7;
	height: 110px;
	width: 110px;
	border: solid white 3px;
	border-radius: 10px;
	position: relative;
	float: left;
	overflow: hidden;
}

/*#client_mask .client_profile .b_cover{
	background-color: #f2f2f2;
	height: 100%;
	width: 100%;
	border-radius: 7px;
	position: relative;
}*/

#client_mask{
	width: 100%;
	z-index: 0
}

#client_mask .client_profile{
	background-color: #ffffff;
	color: white;
	border-radius: 0
	/*color: black;
	font-size: 24px;*/
}

.b_cover{
	background-color: #f1f1f1;
	height: 100%;
	width: 100%;
	border-radius: 7px;
}

.icon_C{
	margin: auto;
	height: 100%;
	width: auto;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     5th Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_05{
	background-color: #eee;
}

#part_05 .info_sheet{
	min-height: 720px;
}

#book_row, #article_row, #preview_row{
	height: auto;
	width: 100%;
	margin-top: 30px;
	position: relative;
	float: left;
	overflow: hidden;
}

#preview_row{
	display: none;
	height: 0;
}

#article_row{
	margin-bottom: 50px;
}

.document{
	height: 200px;
	width: 328px;
	border-radius: 3px;
	box-shadow: 0 0 3px 2px #a7a7a7;
	margin: 10px;
	position: relative;
	float: left;
}

.left_part{
	left: 0;
	height: 100%;
	width: 50%;
	position: absolute;
}

.right_part{
	right: 0;
	height: 100%;
	width: 50%;
	position: absolute;
}

.cover{
	top: 5%;
	left: 12px;
	height: 90%;
	width: auto;
	border-radius: 5px;
	box-shadow: 0 0 3px 1px #a7a7a7;;
	position: relative;
	float: left;
}

#preview_row .document{
	top: 0;
	left: 0;
	height: auto;
	box-shadow: none;
}

#preview_row .document .cover{
	top: 0;
	left: 0;
	height: 460px;
}

#preview_row .desc{
	float: right;
	white-space: pre-line;
	margin-bottom: 30px;
}

.document_title{
	top: 5%;
	color: #444;
	font-family: Oswald;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	right: 10px;
	width: 155px;
	border-radius: 4px;
	margin-bottom: 8%;
	position: relative;
	float: right;
}

.tlight{
	font-weight: normal;
}

.edition{
	background-color: #ff7b1b;
	color: #fff;
	font-family: Oswald;
	font-size: 13px;
	text-align: left;
	right: 10px;
	width: 155px;
	padding: 6px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 3px;
	position: relative;
	float: right;
}

.more{
	background-color: #168183;
	color: #fff;
	font-family: Oswald;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	bottom: 5%;
	right: 10px;
	width: 155px;
	padding: 7px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 3px;
	margin-top: 10px;
	position: absolute;
	float: right;
	cursor: pointer;
}

.link{
	background-color: #23b1e7;
	color: #fff;
	font-family: Oswald;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	bottom: 23%;
	right: 10px;
	width: 155px;
	padding: 7px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 3px;
	margin-top: 10px;
	position: absolute;
	float: right;
}

.editionOff, .linkOff, .description{
	display: none;
}

#library_back{
	background-image: url('/core/image/icon/back.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 100%;
	margin: auto;
	margin-bottom: 40px;
	position: relative;
	cursor: pointer;
	float: right;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     6th Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_06{
	background-color: #fff;
}

#part_06 .info_sheet{
	min-height: 720px;
}

#newsletter_row{
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	float: left;
	overflow: hidden;
}

.newletter{
	height: 363px;
	width: 221px;
	border-radius: 3px;
	box-shadow: 0 0 7px 2px #051228;
	box-shadow: 0 0 7px 2px #919499;
	margin: 20px;
	position: relative;
	float: left;
	overflow: hidden;
}

.top_part{
	left: 0;
	height: auto;
	width: 100%;
	position: relative;
	float: left;
}

.bottom_part{
	background-color: #222221;;
	top: -5px;
	height: 65px;
	width: 100%;
	position: relative;
	float: left;
	/*display: none;*/
}

.top_part .cover{
	left: 0;
	height: auto;
	width: 215;
	border: solid 3px #222221;
	border-radius: 1px;
	box-shadow: 0 0 3px 0 #a7a7a7;;
	position: relative;
	float: left;
}

.bottom_part .document_title{
	font-size: 12px;
	letter-spacing: 1px;
	top: 10%;
	left: 5%;
	color: white;
	width: 50%;
	margin: 0;
	position: relative;
	float: left;
	white-space: pre-line;
	/*display: none;*/
}

.bottom_part .link{
	font-size: 12px;
	top: 4px;;
	right: 4px;
	height: 36px;
	width: 40%;
	padding: 7px;
	border-radius: 0;
	margin: 0;
	position: relative;
	float: right;
}

.bottom_part .readOnline{
	background-color: #137939;
	color: #fff;
	font-size: 12px;
	font-family: Oswald;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	top: 4px;;
	right: 4px;
	height: 36px;
	width: 40%;
	padding: 7px;
	border-radius: 0;
	margin: 0;
	position: relative;
	float: right;
	white-space: pre-line;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑     7th Part    ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */

#part_07{
	background-color: #eee;
}

#part_07 .info_sheet{
	min-height: 530px;
}

#sidebar{
	background-color: #2e2e2b;
	top: 0;
	left: 0;
	height: 100%;
	width: 70px;
	position: absolute;
	z-index: 1;
}

#sidebar2{
	background-color: #44849c;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	position: absolute;
	z-index: 1;
}

#outline{
	background-image: url('/core/image/BG/outline.jpg');
	background-size: auto 80%;
	background-position: center center;
	background-repeat: no-repeat;
	top: 30px;
	height: 500px;
	width: 500px;
	margin: auto;
	position: relative;
}

#pots{
	background-image: url('/core/image/BG/pots.png');
	background-size: auto 80%;
	background-position: center center;
	background-repeat: no-repeat;
	left: 50%;
	height: 500px;
	width: 500px;
	margin-left: -250px;
	position: absolute;
}

.office{
	text-align: center;
	background-color: rgba(233, 181, 23, 0.04);
	width: 200px;
	height: 125px;
	border: solid #222221 1px;
	border-radius: 4px;
	position: relative;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
}

.office_name{
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	width: 100%;
	position: relative;
}

.office_type{
	font-size: 16px;
	font-weight: normal;
	line-height: 10px;
	height: 20px;
	width: 100%;
	position: relative;

}

#teh{
	top: 29px;
	left: 83px;
	border-radius: 14px 14px 0 14px;
	margin: 0;
	position: absolute;
}

#shi{
	top: 93px;
	left: 313px;
	border-radius: 14px 14px 14px 0;
	margin: 0;
	position: absolute;
}

#mac{
	top: 326px;
	left: 159px;
	border-radius: 14px 0 14px 14px;
	margin: 0;
	position: absolute;
}

.ofs2{
	background-color: rgba(36, 139, 177, 0.8);
	color: white;
	border: solid #fff 1px;
	display: none;
}

.line_button{
	top: 10px;
	left: 8px;
	width: 184px;
	position: relative;
}

.line_info{
	background-color: rgba(222, 222, 222, .44);
	line-height: 30px;
	left: 8px;
	height: 30px;
	width: 184px;
	padding: 0;
	border-radius: 3px;
	margin-top: 50px;
	position: relative;
	opacity: 0;
}

.contact{
	background-color: rgba(34, 34, 33, 0.7);
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	color: rgba(0,0,0,0);
	top: 0;
	height: 40px;
	width: 40px;
	margin: 3px;
	border-radius: 4px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

.contact:hover{
	background-color: rgba(245, 245, 245, 0.9);
}

.tel{
	background-image: url('/core/image/icon/tel.png');
}

.mal{
	background-image: url('/core/image/icon/mail.png');
}

.adr{
	background-image: url('/core/image/icon/info2.png');
	white-space: nowrap;
}

.goo{
	background-image: url('/core/image/icon/goo.png');
}

#social_media_wrapper{
	bottom: 0;
	height: 210px;
	width: 100%;
	position: absolute;
}

.social_media{
	background-size: 60% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
	margin-top: 12px;
	position: relative;
	cursor: pointer;
}

#facebook{
	background-image: url('/core/image/icon/facebook.png');
}

#linkedin{
	background-image: url('/core/image/icon/linkedin.png');
}

#twitter{
	background-image: url('/core/image/icon/twitter.png');
}

#extra{
	text-align: center;
	background-color: rgba(233, 181, 23, 0.04);
	right: 0;
	width: 200px;
	height: 125px;
	border: solid #222221 1px;
	border-radius: 4px;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
	position: absolute;
	display: none;
}

#extra_site{
	top: 16%;
	height: 68%;
	width: 75%;
	margin: auto;
	position: relative;
}

/*   ⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑⚑  */